:root{--background:#0f0f0f;--surface:#1a1a1a;--border:#2a2a2a;--text-primary:#f5f5f5;--text-secondary:#888;--accent:#4ade80;--shadow:#00000059 0 18px 44px -28px;color:var(--text-primary);background:radial-gradient(circle at top, #4ade8024, transparent 28%), var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{background:var(--background);margin:0}button,input,select{font:inherit;border:1px solid var(--border);color:var(--text-primary);background:#121212}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,p{margin:0}.app-shell{max-width:430px;min-height:100vh;color:var(--text-primary);margin:0 auto;padding:24px 16px 108px}.app-header{gap:12px;margin-bottom:18px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;margin:0 0 8px;font-size:.72rem}.lede{color:var(--text-secondary);margin:0}.banner{border:1px solid var(--border);background:#4ade8014;border-radius:20px;margin-bottom:12px;padding:14px 16px}.banner.error,.error-copy{color:#ffd3d3;background:#f871711f;border-color:#f8717159}.intro-card,.upload-panel,.history-list,.wardrobe-grid-section{margin-bottom:18px}.intro-card,.upload-zone,.history-row,.upload-row,.api-modal,.outfit-card,.empty-stack,.context-bar,.bottom-nav,.wardrobe-tile,.edit-sheet{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px}.intro-card{padding:20px}.upload-zone{background:radial-gradient(circle at top right, #4ade8029, transparent 34%), var(--surface);gap:14px;padding:20px;display:grid}.upload-zone.is-dragging{border-color:#4ade80cc}.upload-list{gap:10px;margin-top:12px;display:grid}.upload-row{gap:8px;padding:12px 14px;display:grid}.upload-row div{justify-content:space-between;gap:12px;display:flex}.upload-row span{color:var(--text-secondary);text-transform:capitalize}progress{width:100%;accent-color:var(--accent)}.context-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:8px;display:grid}.context-bar button,.bottom-nav button,.upload-zone button,.empty-stack button,.api-modal button,.sheet-actions button{min-height:44px}.context-bar button,.bottom-nav button{border-radius:16px}.context-bar button.is-active,.bottom-nav button.is-active{background:var(--accent);color:#07150c}.stack-shell{min-height:520px;margin-bottom:18px;position:relative}.swipe-card{position:absolute;inset:0}.outfit-card,.skeleton-card{min-height:520px}.outfit-card{grid-template-rows:minmax(280px,1fr) auto;display:grid;position:relative;overflow:hidden}.outfit-card:after{content:"";pointer-events:none;background:0 0;transition:background .16s;position:absolute;inset:0}.outfit-card.overlay-approve:after{background:#4ade8038}.outfit-card.overlay-skip:after{background:#f871712e}.outfit-grid{gap:8px;padding:8px;display:grid}.outfit-grid.one{grid-template-columns:1fr}.outfit-grid.two{grid-template-columns:repeat(2,1fr)}.outfit-grid.many{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(138px,1fr)}.outfit-tile,.outfit-empty{background:#111;border-radius:18px;min-height:138px;overflow:hidden}.outfit-tile img{object-fit:cover;width:100%;height:100%}.outfit-placeholder,.outfit-empty{color:var(--text-secondary);place-items:center;display:grid}.outfit-copy{padding:18px 18px 22px}.outfit-copy h2{margin:0 0 10px}.outfit-copy p:last-child{color:var(--text-secondary)}.skeleton-card{background:linear-gradient(135deg,#4ade801f,#0000) 0 0/100% 100%,linear-gradient(90deg,#1a1a1a 25%,#202020 37%,#1a1a1a 63%) 0 0/250% 100%;border-radius:24px;animation:1.2s linear infinite shimmer}.skeleton-card.delayed{opacity:.45;min-height:480px;position:absolute;inset:18px 12px auto}.empty-stack{text-align:center;justify-items:center;gap:16px;margin-bottom:18px;padding:28px 20px;display:grid}.section-heading{justify-content:space-between;align-items:end;margin-bottom:12px;display:flex}.wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.wardrobe-tile-wrapper{position:relative}.wardrobe-tile{aspect-ratio:1/1.22;width:100%;padding:0;position:relative;overflow:hidden}.tile-delete-btn{color:#fff;cursor:pointer;opacity:0;z-index:2;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}.wardrobe-tile-wrapper:hover .tile-delete-btn{opacity:1}@media (width<=768px){.tile-delete-btn{opacity:.7}}.tile-confirm{background:#f8717114;border-color:#f871714d;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.tile-confirm p{color:#ffd3d3;font-size:.85rem}.tile-confirm-actions{gap:8px;display:flex}.tile-confirm-yes{color:#ffd3d3;cursor:pointer;background:#f8717133;border:1px solid #f8717180;border-radius:8px;padding:6px 14px;font-size:.8rem}.tile-confirm-no{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-size:.8rem}.wardrobe-tile img{object-fit:cover;width:100%;height:100%}.tile-badge,.tile-meta{position:absolute;left:8px;right:8px}.tile-badge{background:#4ade802e;border:1px solid #4ade8059;border-radius:999px;padding:5px 8px;font-size:.68rem;top:8px}.tile-meta{text-align:left;background:#0f0f0fdb;border-radius:16px;gap:2px;padding:10px;display:grid;bottom:8px}.tile-meta small{color:var(--text-secondary)}.add-tile{color:var(--text-secondary);place-items:center;display:grid}.add-tile span{color:var(--accent);font-size:2rem}.history-row{justify-content:space-between;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.history-row div{gap:4px;display:grid}.history-row span,.history-row small,.history-empty{color:var(--text-secondary)}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(398px,100vw - 24px);padding:8px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.sheet-backdrop,.modal-backdrop{background:#00000094;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.modal-backdrop{align-items:center}.edit-sheet,.api-modal{padding:18px}.sheet-handle{background:#3a3a3a;border-radius:999px;width:46px;height:5px;margin:0 auto 14px}.sheet-image{object-fit:cover;border-radius:18px;width:100%;max-height:220px;margin-bottom:14px}.edit-sheet label,.api-modal label{gap:8px;margin-bottom:12px;display:grid}.occasion-fieldset{border:0;margin:0 0 12px;padding:0}.occasion-option{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sheet-actions{gap:10px;display:flex}.danger-button{color:#ffd3d3;background:#f871711f;border-color:#f871714d}@keyframes shimmer{0%{background-position:0 0,100% 0}to{background-position:0 0,-100% 0}}