:root{color-scheme:light;--canvas: #f3eadc;--canvas-deep: #e7d7c2;--surface: #fffaf1;--surface-soft: #fbf1e3;--surface-glass: rgba(255, 250, 241, .78);--ink: #221b16;--ink-soft: #3a3029;--muted: #756a5f;--line: rgba(82, 65, 47, .16);--line-strong: rgba(82, 65, 47, .28);--oxblood: #7b302d;--oxblood-dark: #54211f;--brass: #b8894f;--brass-soft: #efe1c7;--olive: #586746;--olive-soft: #dfe6d6;--blue: #31556a;--white: #fffdf8;--danger: #a13c32;--shadow-soft: 0 18px 46px rgba(50, 38, 26, .12);--shadow-strong: 0 26px 70px rgba(41, 29, 20, .2);--radius: 8px;--ease-luxe: cubic-bezier(.19, 1, .22, 1);--ease-touch: cubic-bezier(.22, .8, .24, 1);--motion-fast: .16s;--motion-medium: .32s;--motion-slow: .62s;--serif: Georgia, "Times New Roman", serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--ink);background:linear-gradient(115deg,rgba(123,48,45,.08),transparent 34%),linear-gradient(180deg,#fffaf1 0%,var(--canvas) 46%,#ead9c3 100%);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(34,27,22,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(34,27,22,.035) 1px,transparent 1px);background-size:32px 32px}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:transform var(--motion-fast) var(--ease-touch),color var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}button,input,select,textarea{-webkit-tap-highlight-color:transparent}input,select,textarea{width:100%;min-height:48px;color:var(--ink);background:#fffdf8e0;border:1px solid var(--line);border-radius:var(--radius);outline:none;padding:0 14px;transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background var(--motion-fast) ease}input:focus,select:focus,textarea:focus{border-color:var(--brass);box-shadow:0 0 0 4px #b8894f29}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-family:var(--serif);font-size:76px;font-weight:500;line-height:.92;letter-spacing:0}h2{margin-bottom:8px;font-size:22px;line-height:1.12;letter-spacing:0}h3{margin:0;font-size:19px;line-height:1.14;letter-spacing:0}p{color:var(--muted);line-height:1.48}.app-shell{width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:38px 44px 122px}.app-content{width:min(100%,1120px);min-width:0;margin:0 auto}.view-stage{min-width:0}.loading-shell{display:grid;place-items:center;gap:14px;color:var(--muted)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{margin:0 0 6px;color:var(--oxblood);font-size:12px;font-weight:820;letter-spacing:0;text-transform:uppercase}.simple-header{margin-bottom:26px}.simple-header h1{max-width:720px}.app-header{min-width:0;margin-bottom:24px}.wardrobe-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:22px;align-items:stretch}.hero-copy{min-width:0;padding:28px 0 8px}.hero-subtitle{max-width:610px;margin:18px 0 0;color:#5f544a;font-size:17px}.hero-panel{position:relative;overflow:hidden;display:grid;align-content:space-between;gap:18px;min-height:210px;padding:18px;color:var(--white);background:linear-gradient(145deg,rgba(184,137,79,.24),transparent 48%),linear-gradient(160deg,#2a211c,#4b2421);border:1px solid rgba(255,250,241,.18);border-radius:var(--radius);box-shadow:var(--shadow-strong)}.hero-panel:after{content:"";position:absolute;top:-35%;bottom:-35%;left:-34%;width:96px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,253,248,.28),transparent);transform:rotate(18deg)}.hero-panel>*{position:relative;z-index:1}.hero-panel .sync-pill{color:var(--white)}.hero-panel .sync-pill span{color:#fffdf8ad}.hero-panel .sync-pill svg{color:var(--brass)}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-stats span{display:grid;gap:3px;min-width:0;padding:12px 10px;color:#fffdf8bd;background:#fffaf114;border:1px solid rgba(255,250,241,.12);border-radius:var(--radius);font-size:12px;transition:transform var(--motion-medium) var(--ease-touch),background var(--motion-fast) ease,border-color var(--motion-fast) ease}.hero-stats strong{color:var(--white);font-size:24px;line-height:1}.sync-pill{display:flex;align-items:center;gap:10px;min-width:150px;flex-shrink:0;color:var(--ink)}.sync-pill svg{color:var(--olive)}.sync-pill strong{display:block;font-size:15px;line-height:1.1}.sync-pill span{color:var(--muted);font-size:13px}.dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#b8aa98}.dot.online{background:#52b66b}.search-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;min-height:72px;padding:10px 12px 10px 18px;color:#6a625b;background:#fffdf8d1;border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 1px #ffffffbd,var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform var(--motion-medium) var(--ease-touch),border-color var(--motion-fast) ease,box-shadow var(--motion-medium) ease,background var(--motion-fast) ease}.search-row:focus-within{transform:translateY(-2px);border-color:#b8894f8a;box-shadow:inset 0 1px #ffffffdb,0 20px 48px #32261a29}.command-label{padding:8px 10px;color:var(--oxblood);background:#f5e5db;border:1px solid rgba(123,48,45,.12);border-radius:999px;font-size:12px;font-weight:820;text-transform:uppercase}.search-row input{min-width:0;min-height:50px;padding:0;border:0;background:transparent;box-shadow:none;font-size:20px}.search-row input::placeholder{color:#91877d}.icon-button,.close-button,.heart-button{display:inline-grid;place-items:center;border:0;background:transparent;color:inherit}.icon-button{width:46px;height:46px;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius)}.icon-button:hover,.icon-button:focus-visible{color:var(--oxblood);border-color:#b8894f80;transform:translateY(-1px);box-shadow:0 10px 20px #221b161a}.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-width:0;margin:20px 0 28px;padding:6px;background:#221b160f;border:1px solid var(--line);border-radius:var(--radius)}.segmented button{min-height:48px;border:0;border-radius:6px;background:transparent;color:var(--ink-soft);font-size:16px;font-weight:780;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-medium) var(--ease-touch),box-shadow var(--motion-medium) ease}.segmented button:hover{transform:translateY(-1px);background:#fffaf194}.segmented button.active{color:var(--white);background:linear-gradient(135deg,rgba(184,137,79,.28),transparent 58%),var(--ink);box-shadow:0 10px 24px #221b1624}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px;color:var(--ink)}.section-head strong{display:block;font-size:20px}.section-head span{display:block;color:var(--muted);font-size:13px}.sort-select{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;color:var(--ink-soft);background:#fffaf1b8;border:1px solid var(--line);border-radius:var(--radius);transition:border-color var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-medium) var(--ease-touch)}.sort-select:hover{transform:translateY(-1px);border-color:#b8894f75}.sort-select select{width:1px;height:1px;min-height:0;opacity:0;position:absolute}.wardrobe-grid{display:grid;width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:linear-gradient(135deg,rgba(184,137,79,.26),transparent 42%,rgba(123,48,45,.16));transition:opacity var(--motion-medium) ease}.spotlight-card:hover:before,.spotlight-card:focus-visible:before{opacity:1}.garment-card{min-width:0;padding:10px;cursor:pointer;background:#fffaf1b8;border:1px solid var(--line);border-radius:var(--radius);outline:none;box-shadow:var(--shadow-soft);transition:transform var(--motion-medium) var(--ease-touch),box-shadow var(--motion-medium) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease}.garment-card:focus-visible,.garment-card:hover{transform:translateY(-4px);border-color:#b8894f75;box-shadow:var(--shadow-strong)}.garment-card:active{transform:translateY(-1px) scale(.992)}.garment-image{position:relative;aspect-ratio:.78;overflow:hidden;border-radius:var(--radius);background:var(--canvas-deep)}.garment-image img,.detail-image,.outfit-images img,.scan-preview img{width:100%;height:100%;object-fit:cover;display:block}.garment-image img,.outfit-images img,.scan-preview img,.detail-image{transition:transform var(--motion-slow) var(--ease-luxe),filter var(--motion-medium) ease}.garment-card:hover .garment-image img,.garment-card:focus-visible .garment-image img{transform:scale(1.035);filter:saturate(1.04) contrast(1.02)}.garment-surface{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(34,27,22,.2))}.garment-surface:after{content:"";position:absolute;top:-22%;bottom:-22%;left:-50%;width:44%;background:linear-gradient(90deg,transparent,rgba(255,253,248,.34),transparent);transform:skew(-18deg);opacity:0;transition:opacity var(--motion-fast) ease,transform var(--motion-slow) var(--ease-luxe)}.garment-card:hover .garment-surface:after,.garment-card:focus-visible .garment-surface:after{opacity:1;transform:translate(260%) skew(-18deg)}.favorite-mark{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:34px;height:34px;color:var(--white);background:#7b302dd6;border:1px solid rgba(255,250,241,.35);border-radius:50%;box-shadow:0 8px 18px #221b163d;transition:transform var(--motion-medium) var(--ease-touch),box-shadow var(--motion-medium) ease}.garment-card:hover .favorite-mark,.garment-card:focus-visible .favorite-mark{transform:scale(1.07) rotate(-4deg);box-shadow:0 12px 24px #7b302d47}.garment-copy{position:relative;z-index:1;display:grid;gap:8px;padding:13px 4px 2px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.color-swatch{width:17px;height:17px;flex:0 0 auto;border:2px solid rgba(255,250,241,.86);border-radius:50%;box-shadow:0 0 0 1px #221b162e;transition:transform var(--motion-medium) var(--ease-touch),box-shadow var(--motion-fast) ease}.garment-card:hover .color-swatch,.garment-card:focus-visible .color-swatch{transform:scale(1.16);box-shadow:0 0 0 1px #221b163d,0 0 0 5px #b8894f21}.garment-card p{margin:0;min-height:20px;font-size:14px}.garment-tags,.detail-meta{display:flex;flex-wrap:wrap;gap:7px}.garment-tags span,.detail-meta span{padding:7px 9px;color:var(--ink-soft);background:#fffaf1b8;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:720;transition:transform var(--motion-fast) var(--ease-touch),border-color var(--motion-fast) ease,background var(--motion-fast) ease}.garment-card:hover .garment-tags span{border-color:#b8894f57}.empty-state{display:grid;place-items:center;min-height:320px;padding:34px;text-align:center;color:var(--muted);background:#fffaf199;border:1px dashed var(--line-strong);border-radius:var(--radius)}.scan-view,.settings-view,.tutorial-view,.outfits{width:min(100%,920px)}.scan-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1fr);gap:22px;align-items:start}.scan-panel,.editor-panel,.settings-block,.tutorial-intro,.tutorial-step,.outfit-row{background:#fffaf1b8;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:transform var(--motion-medium) var(--ease-touch),box-shadow var(--motion-medium) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease}.scan-panel:hover,.editor-panel:hover,.settings-block:hover,.tutorial-intro:hover,.tutorial-step:hover,.outfit-row:hover{border-color:#b8894f52;box-shadow:0 22px 52px #32261a24}.scan-preview{position:relative;min-height:530px;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(135deg,rgba(49,85,106,.18),transparent 52%),var(--canvas-deep)}.scan-preview video{display:none;width:100%;height:100%;min-height:530px;object-fit:cover}.scan-preview video.visible{display:block}.scan-placeholder,.scan-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;padding:30px;text-align:center;color:var(--muted)}.scan-placeholder svg{color:var(--brass)}.scan-placeholder h2{margin:15px 0 8px;color:var(--ink)}.scan-loading{background:#fffaf1d1;color:var(--oxblood);font-weight:780}.scan-actions,.settings-actions,.sheet-actions{display:flex;flex-wrap:wrap;gap:10px;padding:14px}.scan-actions input,.label-scan input,.settings-actions input{display:none}.primary-action,.secondary-action,.danger-action,.save-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:var(--radius);padding:0 17px;border:1px solid transparent;font-weight:820;white-space:nowrap}.primary-action:after,.save-button:after{content:"";position:absolute;top:-45%;right:-120%;bottom:-45%;left:-120%;pointer-events:none;background:linear-gradient(90deg,transparent 38%,rgba(255,253,248,.34),transparent 62%);transform:translate(-42%) rotate(13deg);transition:transform var(--motion-slow) var(--ease-luxe)}.primary-action>*,.save-button>*{position:relative;z-index:1}.primary-action,.save-button{color:var(--white);background:linear-gradient(135deg,rgba(184,137,79,.28),transparent 58%),var(--oxblood);box-shadow:0 12px 26px #7b302d33}.primary-action:hover,.save-button:hover{background:linear-gradient(135deg,rgba(184,137,79,.34),transparent 58%),var(--oxblood-dark);transform:translateY(-2px);box-shadow:0 16px 34px #7b302d42}.primary-action:hover:after,.save-button:hover:after{transform:translate(42%) rotate(13deg)}.primary-action:disabled,.save-button:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.55}.secondary-action{color:var(--ink-soft);background:#fffaf1b8;border-color:var(--line)}.secondary-action:hover{border-color:#b8894f7a;background:var(--brass-soft);transform:translateY(-1px)}.danger-action{color:var(--danger);background:#f8e7e1;border-color:#e5b8ad}.danger-action:hover{transform:translateY(-1px);box-shadow:0 10px 22px #a13c321f}.editor-panel{padding:22px}.panel-title,.settings-block{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.confidence{display:inline-flex;align-items:center;gap:6px;max-width:190px;padding:8px 10px;color:var(--olive);background:var(--olive-soft);border-radius:999px;font-size:13px;font-weight:820;transition:transform var(--motion-medium) var(--ease-touch),box-shadow var(--motion-medium) ease}.editor-panel:hover .confidence{transform:translateY(-1px);box-shadow:0 8px 18px #5867461f}.field,.label-scan{display:grid;gap:8px;margin-top:15px}.field span{color:#5c5047;font-size:13px;font-weight:820}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.label-scan{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#efe1c759}.label-scan p{margin:0;font-size:13px}.save-button{width:100%;margin-top:17px}.outfit-list{display:grid;gap:14px}.outfit-row{display:grid;grid-template-columns:184px 1fr;gap:18px;padding:14px;align-items:center}.outfit-row:hover{transform:translateY(-3px)}.outfit-images{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.outfit-images img{aspect-ratio:.72;border-radius:6px;background:var(--canvas-deep)}.outfit-row:hover .outfit-images img{transform:translateY(-2px)}.outfit-row:hover .outfit-images img:nth-child(2){transform:translateY(-5px)}.settings-view{max-width:780px}.settings-block{margin:0 0 18px;padding:18px}.drive-block{background:linear-gradient(135deg,rgba(49,85,106,.08),transparent 55%),#fffaf1c7}.settings-block h2,.outfit-row h2{margin-bottom:5px;font-size:19px}.settings-block p,.outfit-row p{margin-bottom:0}.settings-actions.compact{padding:0}.settings-view>.settings-actions{padding:0;margin-bottom:12px}.settings-view>.settings-actions .primary-action,.settings-view>.settings-actions .secondary-action{flex:1 1 210px}.settings-notice{margin:0 0 14px;padding:12px 14px;color:var(--danger);background:#f8e7e1;border:1px solid #e5b8ad;border-radius:var(--radius)}.tutorial-view{max-width:900px}.tutorial-intro{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-bottom:14px;padding:18px}.tutorial-intro svg,.tutorial-step span{color:var(--brass)}.tutorial-intro h2,.tutorial-step h2{margin-bottom:6px;font-size:19px}.tutorial-intro p,.tutorial-step p,.drive-note,.settings-notice p{margin-bottom:0}.tutorial-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(168px,auto);gap:12px}.tutorial-step{display:grid;align-content:start;gap:14px;min-width:0;padding:16px}.tutorial-step:hover{transform:translateY(-3px)}.tutorial-step span{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--radius);background:#b8894f29;transition:transform var(--motion-medium) var(--ease-touch),background var(--motion-fast) ease,color var(--motion-fast) ease}.tutorial-step:hover span{transform:translateY(-2px) rotate(-3deg);background:#b8894f3d}.tutorial-step.bento-1,.tutorial-step.bento-4{grid-column:span 2}.tutorial-step.bento-2,.tutorial-step.bento-3{background:#221b16db}.tutorial-step.bento-2 h2,.tutorial-step.bento-3 h2{color:var(--white)}.tutorial-step.bento-2 p,.tutorial-step.bento-3 p{color:#fffdf8b3}.tutorial-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.drive-note{margin:0 0 18px;color:var(--muted);font-size:14px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:96px;padding:8px max(18px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-right));background:#fffaf1db;border-top:1px solid var(--line);box-shadow:0 -16px 42px #221b161a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-nav button{display:grid;place-items:center;gap:4px;border:0;background:transparent;color:#766b61;outline:none}.bottom-nav button:focus-visible{outline:none}.bottom-nav button:focus-visible span{box-shadow:0 0 0 4px #b8894f2e}.bottom-nav button span{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius);transition:transform var(--motion-medium) var(--ease-touch),background var(--motion-fast) ease,box-shadow var(--motion-medium) ease}.bottom-nav button:hover span,.bottom-nav button:focus-visible span{transform:translateY(-3px);box-shadow:0 10px 22px #221b161a}.bottom-nav button small{font-size:12px;font-weight:760}.bottom-nav button.active{color:var(--oxblood)}.bottom-nav button.active span{background:#7b302d1a}.bottom-nav .primary-tab span{width:66px;height:66px;margin-top:-34px;color:var(--white);background:linear-gradient(135deg,rgba(184,137,79,.34),transparent 56%),var(--ink);border:8px solid rgba(255,250,241,.96);border-radius:50%;box-shadow:0 14px 30px #221b1647}.bottom-nav .primary-tab:hover span,.bottom-nav .primary-tab:focus-visible span{transform:translateY(-5px) scale(1.03);box-shadow:0 18px 36px #221b1652}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;justify-items:center;align-items:end;padding:16px;background:#18120e75;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-sheet{position:relative;width:min(100%,660px);max-height:calc(100vh - 32px);overflow:auto;padding:16px;background:var(--surface);border:1px solid rgba(255,250,241,.5);border-radius:var(--radius);box-shadow:var(--shadow-strong)}.close-button{position:absolute;z-index:2;right:20px;top:20px;width:42px;height:42px;border-radius:50%;background:#fffdf8db;box-shadow:0 8px 20px #221b1624}.close-button:hover,.heart-button:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 10px 22px #221b1629}.detail-image{height:360px;border-radius:var(--radius);background:var(--canvas-deep)}.heart-button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--muted);transition:transform var(--motion-medium) var(--ease-touch),color var(--motion-fast) ease,background var(--motion-fast) ease,box-shadow var(--motion-medium) ease}.heart-button.active{color:var(--oxblood);background:#f5e5db}.detail-meta{margin:16px 0 0}.toast{position:fixed;left:50%;bottom:112px;z-index:60;transform:translate(-50%);width:min(92vw,420px);padding:13px 16px;color:var(--white);background:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-strong);text-align:center;font-weight:780}.toast.error{background:var(--danger)}.toast.success{background:var(--olive)}@media(prefers-reduced-motion:no-preference){.view-stage{animation:view-enter var(--motion-slow) var(--ease-luxe) both}.hero-copy,.hero-panel,.search-row,.segmented,.section-head,.simple-header,.scan-panel,.editor-panel,.settings-block,.tutorial-intro{animation:rise-in .52s var(--ease-luxe) both}.hero-copy,.simple-header{animation-delay:20ms}.hero-panel,.scan-panel,.settings-block,.tutorial-intro{animation-delay:70ms}.search-row,.editor-panel{animation-delay:.12s}.segmented{animation-delay:165ms}.section-head{animation-delay:.21s}.garment-card,.tutorial-step,.outfit-row{opacity:0;animation:card-enter .54s var(--ease-luxe) forwards;animation-delay:var(--enter-delay, 0ms)}.hero-panel:after{animation:hero-sheen 6.8s ease-in-out .8s infinite}.segmented button.active{animation:tab-settle .36s var(--ease-touch) both}.bottom-nav{animation:dock-enter .56s var(--ease-luxe) both}.bottom-nav button.active span{animation:nav-pop .36s var(--ease-touch) both}.bottom-nav .primary-tab span{animation:primary-breathe 4.4s ease-in-out infinite}.favorite-mark{animation:favorite-glow 3.2s ease-in-out infinite}.dot.online{animation:status-pulse 2.4s ease-in-out infinite}.scan-placeholder svg{animation:soft-float 3.8s ease-in-out infinite}.scan-loading,.sheet-backdrop{animation:fade-in .22s ease both}.detail-sheet{animation:sheet-rise .38s var(--ease-luxe) both}.toast{animation:toast-in .34s var(--ease-luxe) both}}@keyframes view-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes card-enter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-sheen{0%,58%{transform:translate(0) rotate(18deg)}78%,to{transform:translate(650%) rotate(18deg)}}@keyframes tab-settle{0%{transform:translateY(2px) scale(.98)}to{transform:translateY(0) scale(1)}}@keyframes dock-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-pop{0%{transform:translateY(0) scale(.92)}72%{transform:translateY(-2px) scale(1.06)}to{transform:translateY(0) scale(1)}}@keyframes primary-breathe{0%,to{box-shadow:0 14px 30px #221b1647}50%{box-shadow:0 18px 40px #7b302d38}}@keyframes favorite-glow{0%,to{box-shadow:0 8px 18px #221b163d}50%{box-shadow:0 10px 28px #7b302d57}}@keyframes status-pulse{0%,to{box-shadow:0 0 #52b66b57}50%{box-shadow:0 0 0 7px #52b66b00}}@keyframes soft-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-rise{0%{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:860px){.app-shell{padding:30px 20px 114px}.wardrobe-hero{grid-template-columns:1fr}.hero-copy{padding-top:0}.hero-panel{min-height:auto}.scan-layout{grid-template-columns:1fr}.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-step.bento-1,.tutorial-step.bento-4{grid-column:span 1}}@media(max-width:620px){h1{font-size:48px}h2{font-size:20px}.hero-subtitle{font-size:15px}.search-row{grid-template-columns:auto minmax(0,1fr) auto;min-height:64px;padding:8px 10px}.command-label{display:none}.segmented{margin:16px 0 22px}.segmented button{min-height:42px;font-size:14px}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.garment-card{padding:8px}.garment-copy{padding-top:10px}.card-title-row{align-items:flex-start}.garment-card h3{font-size:15px}.garment-card p{font-size:12px}.garment-tags span{padding:6px 7px;font-size:11px}.scan-preview,.scan-preview video{min-height:420px}.field-grid,.outfit-row,.settings-block,.panel-title,.tutorial-intro{grid-template-columns:1fr}.settings-block,.panel-title,.outfit-row{display:grid}.outfit-images{max-width:240px}.tutorial-grid{grid-template-columns:1fr}.tutorial-step{min-height:auto}.primary-action,.secondary-action,.danger-action,.save-button{white-space:normal}}@media(max-width:380px){.app-shell{padding-left:14px;padding-right:14px}h1{font-size:42px}.hero-stats{grid-template-columns:1fr}.sync-pill{min-width:0}.sync-pill svg{display:none}.wardrobe-grid{grid-template-columns:1fr}.bottom-nav button small{font-size:11px}}