:root{--text:#0b0b0b;--muted:#b9b9b9;--line:#dcdcdc;--page:#ffffff;--focus:#747474}*{box-sizing:border-box}body,html{min-height:100%;background:var(--page)}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.28;letter-spacing:0}body.modal-open{overflow:hidden}button,input,select{color:inherit;font:inherit}.wardrobe-shell{display:grid;grid-template-columns:155px minmax(0,1fr);min-height:100vh;padding:58px 28px 44px;transition:filter .22s ease,transform .22s ease}.wardrobe-shell.is-muted{filter:blur(12px);transform:scale(1.01);pointer-events:none;-webkit-user-select:none;user-select:none}.sidebar{position:sticky;top:58px;display:flex;flex-direction:column;align-self:start;min-height:calc(100vh - 86px)}.sidebar h1{margin:0 0 30px;font-size:13px;font-weight:700;line-height:1}.category-list{display:grid;align-content:start;gap:2px}.category-item{width:fit-content;min-height:16px;margin:0;padding:0;color:var(--muted);cursor:default;text-align:left;transition:color .14s ease}.category-list:not(.is-filtering) .category-item{color:var(--text)}.category-item.is-active,.category-item:focus-visible,.category-item:hover{color:var(--text)}.detail-remove:focus-visible,.empty-action:focus-visible,.item-card:focus-visible,.nav-arrow:focus-visible,.overlay-hitarea:focus-visible,.profile-action:focus-visible,.upload-actions button:focus-visible,.upload-preview button:focus-visible{outline:1px solid var(--focus);outline-offset:3px}.category-item:focus-visible{outline:0;text-decoration:underline;text-underline-offset:2px}.wardrobe-stage{min-width:0;padding:42px 0 0}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,150px);gap:0;width:100%}.item-card{display:grid;place-items:center;width:100%;aspect-ratio:1/1;padding:0;border:0;background:transparent;cursor:pointer;opacity:1;transition:opacity .18s ease}.item-card.is-dimmed{opacity:.14}.item-card img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1);transition:transform .18s ease;will-change:transform}.item-card:focus-visible img,.item-card:hover img{transform:scale(1.055)}.empty-wardrobe{position:fixed;top:50%;left:calc(155px + 28px);display:grid;gap:10px;color:var(--muted);transform:translateY(-50%)}.empty-wardrobe p{margin:0}.detail-remove,.empty-action,.profile-action{width:fit-content;margin:0;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left;text-decoration:none}.profile-panel{display:grid;gap:8px;width:140px;margin-top:auto}.profile-panel--loading{color:var(--muted)}.profile-identity{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:center}.profile-avatar{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#6f6f6f;font-size:11px;object-fit:cover}.profile-copy{display:grid;min-width:0;gap:1px}.profile-copy span,.profile-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy strong{font-size:13px;font-weight:600}.profile-copy span,.profile-note{color:var(--muted);font-size:11px}.profile-note{margin:0}.profile-action{color:var(--muted);transition:color .14s ease}.profile-action--primary,.profile-action:hover,.profile-btn{color:var(--text)}.profile-btn{width:100%;padding:9px 0;border:0;border-radius:12px;background:#f0f0f0;cursor:pointer;font:inherit;font-size:13px;text-align:center;transition:background-color .14s ease}.profile-btn:hover{background:#e4e4e4}.google-signin-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:0;border-radius:8px;background:#f0f0f0;color:var(--text);cursor:pointer;font:inherit;font-size:12px;text-decoration:none;white-space:nowrap;transition:background-color .14s ease}.google-signin-btn:hover{background:#e4e4e4}.detail-overlay,.upload-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:rgba(255,255,255,.12);opacity:0;pointer-events:none;transition:opacity .18s ease}.detail-overlay.is-open,.upload-overlay.is-open{opacity:1;pointer-events:auto}.overlay-hitarea{position:absolute;inset:0;border:0;background:transparent;cursor:default}.detail-card{position:relative;z-index:1;display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(434px,calc(100vw - 48px));min-height:418px;padding:17px 56px 16px;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:rgba(255,255,255,.94);box-shadow:0 18px 50px rgba(0,0,0,.14)}.detail-card:focus{outline:0}.detail-image-frame{display:grid;place-items:center;min-height:318px;border:1px solid var(--line);border-radius:2px;background:#fff;overflow:hidden}.detail-image-frame img{display:block;width:86%;height:86%;object-fit:contain}.detail-copy{display:grid;justify-items:center;gap:3px;padding-top:15px;text-align:center}.detail-copy h2,.detail-copy p{margin:0}.detail-copy h2{font-size:12px;font-weight:400}.detail-copy p{color:#9e9e9e;font-family:Courier New,Courier,monospace;font-size:11px;line-height:1.15}.detail-remove{margin-top:7px;color:var(--muted);font-size:11px}.detail-remove:hover{color:var(--text)}.confirm-overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:10;background:rgba(255,255,255,.149);border-radius:6px}.confirm-card{display:grid;gap:12px;width:260px;padding:28px 24px;border-radius:16px;background:rgba(255,255,255,.061);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px rgba(0,0,0,.12);text-align:center;border:1.5px solid #ffffff}.confirm-message{margin:0;font-size:14px;font-weight:700;line-height:1.4}.confirm-yes{width:100%;padding:12px 0;border:1.5px solid #ff525f;border-radius:10px;background:#FF5968;color:#ffffff;cursor:pointer;font:inherit;font-size:14px;font-weight:600;transition:background-color .14s ease,color .14s ease}.confirm-yes:hover{background:rgba(204,0,0,.08)}.confirm-cancel{width:100%;padding:4px 0;border:0;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px}.nav-arrow{position:absolute;top:50%;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:rgba(255,255,255,.72);color:#a7a7a7;cursor:pointer;transform:translateY(-50%);transition:border-color .14s ease,color .14s ease,background-color .14s ease}.nav-arrow:hover{border-color:rgba(0,0,0,.22);background:#fff;color:#474747}.nav-arrow span{display:block;translate:0 -1px;font-size:18px;line-height:1}.nav-arrow--prev{left:16px}.nav-arrow--next{right:16px}.upload-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(240px,1fr) 210px;gap:18px;width:min(620px,calc(100vw - 48px));padding:17px;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:rgba(255,255,255,.96);box-shadow:0 18px 50px rgba(0,0,0,.14)}.upload-preview{display:grid;place-items:center;min-height:318px;border:1px solid var(--line);border-radius:2px;background:#fff;overflow:hidden}.upload-preview-inner{position:relative;display:grid;place-items:center;width:100%;height:318px}.upload-preview img{display:block;width:90%;height:90%;object-fit:contain}.garment-selection{position:absolute;border:4px solid rgba(255,255,255,.96);border-radius:22px;box-shadow:0 0 0 1px rgba(0,0,0,.18),0 10px 24px rgba(0,0,0,.2);pointer-events:none}.upload-preview button{border:0;background:transparent;color:var(--muted);cursor:pointer}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.upload-fields{display:grid;align-content:start;gap:10px}.upload-fields label{display:grid;gap:4px}.upload-fields span{color:var(--muted);font-size:11px}.upload-fields input,.upload-fields select{width:100%;height:30px;border:1px solid var(--line);border-radius:2px;background:#fff;padding:0 8px}.upload-fields input:focus,.upload-fields select:focus{border-color:var(--focus);outline:0}.upload-mode{display:grid;grid-column:2;grid-template-columns:1fr 1fr;gap:6px}.upload-mode label{display:grid;place-items:center;height:28px;border:1px solid var(--line);border-radius:2px;color:var(--muted);cursor:pointer}.upload-mode label.is-active{color:var(--text);border-color:#bdbdbd}.upload-mode input{position:absolute;opacity:0;pointer-events:none}.upload-error{color:#8b2020}.upload-error,.upload-note{grid-column:2;margin:0;font-size:11px}.upload-note{color:var(--muted);line-height:1.25}.upload-actions{display:flex;grid-column:2;justify-content:space-between;align-items:end}.upload-actions button{margin:0;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer}.upload-actions .upload-submit{color:var(--text)}.upload-actions button:disabled{cursor:default;opacity:.45}@media (max-width:520px){.wardrobe-shell{grid-template-columns:1fr;padding:28px 18px 34px}.sidebar{position:static;display:block;min-height:0}.sidebar h1{margin-bottom:18px}.category-list{grid-template-columns:repeat(2,max-content);column-gap:22px;row-gap:3px}.wardrobe-stage{padding:30px 0 0}.wardrobe-grid{grid-template-columns:repeat(2,108px);gap:3px;max-width:none}.profile-panel{width:100%;margin-top:24px}.empty-wardrobe{position:static;margin-top:32px;transform:none}.detail-card{min-height:352px;padding:14px 42px 15px}.detail-image-frame{min-height:250px}.nav-arrow--prev{left:10px}.nav-arrow--next{right:10px}.upload-card{grid-template-columns:1fr;gap:14px}.upload-preview{min-height:250px}.upload-preview-inner{height:250px}.upload-actions,.upload-error,.upload-mode,.upload-note{grid-column:1}}