/* Home is a single screen; wardrobe and outfits are real secondary views. */
[hidden]{display:none!important}
.opening{height:100dvh!important;min-height:560px}
.opening .pinned{position:relative;height:100%;min-height:560px}
.opening .tile,.opening .opening-word,.opening .site-head{animation:none!important}
.opening .opening-word{display:grid!important;opacity:1;transform:none}
.opening .stage-note,.opening .site-head{display:none}
.main{padding:30px 32px 80px;min-height:100dvh}
.workspace-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px;min-height:42px}
.workspace-nav a{color:var(--paper);text-decoration:none;font-size:19px;letter-spacing:.12em}
.closet{border:0;padding:0}
.closet-actions{display:flex;gap:10px;flex-wrap:wrap}
.closet-actions button{min-height:44px}
.section-head{align-items:flex-start}
.section-head h2::before,.outfit h2::before{display:none}
.section-head h2{font-size:clamp(30px,4vw,48px);font-weight:500;letter-spacing:-.04em}
.closet-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px}
.closet-tools input{width:min(100%,270px);margin-left:auto}
.manage-hint{color:var(--muted);font-size:14px;margin:14px 0 0}
.rail{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;overflow:visible;scroll-snap-type:none}
.rail .empty{grid-column:1/-1}
.garment{width:100%;min-height:340px;border-radius:4px;text-align:left;box-shadow:none;border:1px solid #ffffff0b;font-weight:500;transition:transform .25s,border-color .25s}
.rail button.garment{cursor:pointer}
.rail button.garment:hover{border-color:#adb5c4;transform:translateY(-4px)}
.garment img{object-fit:contain;background:#141922;padding:14px 14px 62px}
.garment::after{inset:68% 0 0;pointer-events:none}
.garment-copy{font-size:17px;letter-spacing:.01em}
.garment-copy small{font-size:12px;font-weight:400;color:#b6bec9}
.manage-badge{position:absolute;right:12px;top:12px;z-index:1;font-size:11px;padding:5px 9px;background:#0b0d12cc;border:1px solid #ffffff40;border-radius:50px}
.outfit{margin-top:0;border:0;padding-top:0}
.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--muted);margin:0 0 15px}
.outfit h2{font-weight:500;font-size:38px}
.look .garment{min-height:280px}
.form select{width:100%;background:var(--panel);color:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit}
#edit-preview{height:230px;margin-top:22px;display:grid;place-items:center;background:#0c1017;border-radius:4px;overflow:hidden}
#edit-preview img{max-width:100%;width:100%;height:100%;object-fit:contain}
.secondary{margin-top:20px;background:none;border:1px solid var(--line);box-shadow:none}
.danger{color:#efb6af}
#archive-confirm{font-size:14px;color:var(--muted);line-height:1.7}
#restore-item{margin-top:22px}
button:disabled{opacity:.55;cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a6b9ff;outline-offset:4px}
.status:empty{display:none}
#workspace-status{margin:0 0 18px}
.feedback{flex-wrap:wrap}
@media(max-width:900px){.rail{grid-template-columns:repeat(3,minmax(0,1fr))}.garment{min-height:300px}.section-head{flex-direction:column;gap:20px}}
@media(max-width:600px){.opening,.opening .pinned{min-height:0}.main{padding:22px 18px 50px}.workspace-nav{margin-bottom:34px}.rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.garment{min-height:235px;padding:12px}.garment-copy{font-size:15px}.closet-actions{width:100%;gap:7px}.closet-actions button{flex:1;padding:11px 8px;font-size:13px;white-space:nowrap}.closet-tools input{width:100%;margin:8px 0 0}.look .garment{min-height:230px}.drawer{padding:14px}.form-panel{padding:22px}.outfit{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.garment,.garment img{transition:none}}