.wardrobe{scroll-margin-top:20px}
.wardrobe-intro{display:flex;justify-content:space-between;gap:12px;color:#8c7e94;font-size:11px;margin:22px 0 18px}.wardrobe-intro span{font-size:10px;color:#a298a8}.wardrobe-stack{display:flex;flex-direction:column;gap:14px}.wardrobe{border:1px solid #dbd2e1;background:#ece8ef;border-radius:15px;overflow:hidden;box-shadow:0 3px 0 #e0dae4,0 6px 0 -1px #e7e2ea;transition:background .3s,border-color .3s}.wardrobe.is-open{background:#e7e0ec;border-color:#cdbfd6}.wardrobe-toggle{display:flex;align-items:center;gap:18px;width:100%;padding:19px 23px;border:0;background:none;text-align:left;min-height:89px}.wardrobe-number{font-family:Georgia,serif;font-size:23px;color:#ac9fb4;min-width:28px}.wardrobe-heading{display:flex;flex-direction:column;gap:4px}.wardrobe-heading strong{font-size:17px;letter-spacing:1px;font-weight:500}.wardrobe-heading small{font-size:8px;letter-spacing:1.2px;color:#9e90a6}.wardrobe-total{font-size:10px;color:#806f8b;white-space:nowrap}.wardrobe-chevron{font-size:21px;color:#8c7b97;margin-left:3px;transition:transform .3s}.is-open .wardrobe-chevron{transform:rotate(180deg)}.mini-stack{display:flex;margin-left:auto;min-width:80px;height:45px;justify-content:flex-end;padding-right:12px}.mini-stack>span{width:36px;height:45px;border:1px solid #d8cfde;border-radius:6px;background:#f8f7ed;margin-right:-12px;transform:rotate(9deg);overflow:hidden;box-shadow:0 2px 6px #4b365810}.mini-stack>span:nth-child(2){transform:rotate(-5deg)}.mini-stack>span:nth-child(3){transform:rotate(6deg)}.mini-stack img{width:100%;height:100%;object-fit:contain;padding:3px}.is-open .mini-stack{opacity:.4}.wardrobe-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease,opacity .25s;opacity:0}.is-open .wardrobe-panel{grid-template-rows:1fr;opacity:1}.wardrobe-panel-inner{min-height:0;overflow:hidden}.deck-toolbar{display:flex;justify-content:space-between;font-size:10px;color:#8f8099;padding:0 25px 13px}.deck-position{font-variant-numeric:tabular-nums;letter-spacing:2px;color:#685375}.clothing-deck{display:flex;position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:22px max(16px,calc((100% - 320px)/2)) 30px;isolation:isolate;-webkit-overflow-scrolling:touch;scroll-padding-inline:max(16px,calc((100% - 320px)/2))}.clothing-deck::-webkit-scrollbar{display:none}.deck-card{flex:0 0 320px;width:320px;max-width:100%;margin-right:-38px;scroll-snap-align:center;scroll-snap-stop:always;border-radius:20px;overflow:hidden;background:#fffef9;border:1px solid #d8cfde;box-shadow:0 16px 24px -13px #38234540;transform:scale(.88) rotate(3deg);opacity:.65;transition:transform .3s,opacity .3s;position:relative;transform-origin:center center}.deck-card:last-child{margin-right:0}.deck-card.is-current{transform:scale(1);opacity:1}.deck-card:not(.is-current) .deck-card-info{pointer-events:none}.deck-card-photo{height:260px;background:var(--card-tone);padding:25px 30px;position:relative}.deck-card-photo img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(3px 10px 7px #4a335920);user-select:none;-webkit-user-drag:none}.deck-category{position:absolute;top:15px;left:18px;font-size:8px;letter-spacing:2px;color:#93839d}.deck-demo{position:absolute;right:16px;bottom:12px;font-size:8px;color:#9d91a5}.deck-card-info{padding:19px 24px 16px}.deck-card-info h3{font-size:17px;font-weight:500;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.deck-card-info p{font-size:11px;color:#9e90a6;margin:5px 0 15px}.deck-card-info p span{margin:0 6px;color:#bdb4c3}.deck-match{width:100%;font-size:12px;min-height:39px}.deck-card-links{display:flex;justify-content:space-between;margin-top:13px}.deck-navigation{display:flex;justify-content:center;align-items:center;gap:27px;padding:0 20px 23px;color:#9c8ca6;font-size:10px}.deck-navigation button{width:31px;height:31px;border:1px solid #cdc1d5;background:#f2edf5;border-radius:50%;color:#6e567d;font-size:16px;display:grid;place-items:center}.deck-navigation button:disabled{opacity:.25;cursor:default}.drawer-empty{padding:20px 20px 35px;text-align:center;color:#9c8ca6}.drawer-empty>svg{width:36px;height:36px}.drawer-empty p{font-size:12px;margin:12px 0 18px}.wardrobe-stack:empty{display:none}.wardrobe-stack+#closet-empty{margin-top:28px}
@media(min-width:1100px){.clothing-deck{padding-left:calc((100% - 360px)/2);padding-right:calc((100% - 360px)/2);scroll-padding-inline:calc((100% - 360px)/2)}.deck-card{flex-basis:360px;width:360px;margin-right:-45px}.deck-card-photo{height:290px}.wardrobe-toggle{padding:21px 30px}.deck-toolbar{padding-left:32px;padding-right:32px}.deck-card-info{padding:20px 28px 18px}}
@media(max-width:760px){.wardrobe-intro{font-size:10px;flex-direction:column;gap:4px;margin-top:20px}.wardrobe-intro span{font-size:9px}.wardrobe-stack{gap:12px}.wardrobe-toggle{gap:11px;padding:15px 16px;min-height:82px}.wardrobe-number{font-size:21px;min-width:21px}.wardrobe-heading strong{font-size:15px}.wardrobe-heading small{font-size:6px;letter-spacing:.8px}.mini-stack{min-width:47px;padding-right:10px;height:35px}.mini-stack>span{width:27px;height:35px;margin-right:-10px}.wardrobe-total{font-size:9px}.wardrobe-chevron{font-size:18px;margin-left:0}.deck-toolbar{font-size:9px;padding:0 17px 3px}.clothing-deck{padding:20px 14% 25px;scroll-padding-inline:14%}.deck-card{flex:0 0 100%;width:100%;margin-right:-24px;border-radius:16px;transform:scale(.88) rotate(3deg)}.deck-card-photo{height:238px;padding:25px 24px 15px}.deck-card-info{padding:17px 18px 13px}.deck-card-info h3{font-size:15px}.deck-card-info p{font-size:10px;margin:4px 0 13px}.deck-card-links{margin-top:12px}.deck-match{min-height:38px;font-size:11px}.deck-navigation{gap:20px;font-size:9px;padding-bottom:19px}.deck-navigation button{width:30px;height:30px}.drawer-empty p{font-size:11px}.deck-category{font-size:7px;left:13px;top:12px}}
@media(prefers-reduced-motion:reduce){.wardrobe-panel,.wardrobe,.deck-card,.wardrobe-chevron{transition:none}}