@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Hanken+Grotesk:wght@300;400;500;600;700;800&family=Archivo:wght@600;700;800;900&display=swap";:root{--bg:#fbf7f2;--surface:#fff;--panel:#eaf0f0;--ink:#4a4540;--muted:#9a9088;--faint:#b3a797;--disabled:#bcb1a1;--chevron:#c3b9a8;--hairline:#efe6db;--hairline-warm:#e2dccf;--accent:#9db4b8;--accent-2:#e2bba8;--danger:#c77e63;--danger-bg:#f6e4dd;--toast-bg:#4a4540;--toast-text:#fbf7f2;--toast-icon:#e2bba8;--font-display:"Cormorant Garamond", Georgia, serif;--font-ui:"Hanken Grotesk", system-ui, sans-serif;--font-label:"Archivo", system-ui, sans-serif;--tracking-label:.18em;--r-panel:28px;--r-card:18px;--r-tile:16px;--radius:var(--r-tile);--r-button:15px;--r-icon-btn:13px;--r-toast:14px;--r-pill:999px;--shadow-card:0 14px 30px -22px #4a45404d;--shadow:var(--shadow-card);--shadow-hero:0 22px 46px -30px #4a45406b;--cutout-shadow:drop-shadow(0 12px 9px #4a454024);--dur-press:.12s;--ease-press:cubic-bezier(.22, .61, .36, 1);--press-scale:.97;--tabbar-h:74px;--gutter:16px;--desktop-bp:860px}*{box-sizing:border-box}body{font-family:var(--font-ui);color:var(--ink);background:var(--bg);margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}html{-webkit-tap-highlight-color:transparent}::selection{background:color-mix(in srgb, var(--accent) 34%, transparent);color:var(--ink)}button,a,.tabbar-item,.chip,.item-card.selectable,.item-card.zoomable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (pointer:coarse){body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}}.btn,.icon-btn,.share-btn,.collage-share-btn,.tile-close,.chip,.google-btn,.dev-btn,.logout-btn,.cv-btn,.debug-modal-close,.tabbar-item,.nav a,.account-link,.item-tile,.look-collage{transition:transform var(--dur-press) var(--ease-press), background-color var(--dur-press) var(--ease-press), color var(--dur-press) var(--ease-press), box-shadow var(--dur-press) var(--ease-press), opacity var(--dur-press) var(--ease-press)}.btn:active,.icon-btn:active,.chip:active,.google-btn:active,.dev-btn:active,.logout-btn:active{transform:scale(var(--press-scale));background-color:color-mix(in srgb, var(--ink) 8%, var(--surface))}.btn.primary:active,.icon-btn.dark:active,.chip.on:active{transform:scale(var(--press-scale));background-color:color-mix(in srgb, var(--ink) 86%, #000)}.btn.danger:active{transform:scale(var(--press-scale));background-color:var(--danger-bg)}.share-btn:active,.debug-modal-close:active{transform:scale(var(--press-scale));color:var(--ink)}.collage-share-btn:active,.tile-close:active{transform:scale(var(--press-scale));opacity:.72}.tabbar-item:active,.nav a:active,.account-link:active{transform:scale(var(--press-scale));opacity:.6}.item-card.selectable .item-tile:active,.item-card.zoomable .item-tile:active{transform:scale(.96);box-shadow:0 8px 18px -16px #4a45404d}.collage-btn:active .wardrobe-collage,.collage-btn:active .capsule-collage,.collage-btn:active .look-collage{opacity:.9;transform:scale(.985)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){:root{--press-scale:1}.item-card.selectable .item-tile:active,.item-card.zoomable .item-tile:active,.collage-btn:active .wardrobe-collage,.collage-btn:active .capsule-collage,.collage-btn:active .look-collage{transform:none}}.eyebrow{font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700;display:block}.app{max-width:1100px;padding:env(safe-area-inset-top) var(--gutter) calc(var(--tabbar-h) + 24px);margin:0 auto}@media (min-width:860px){.app{padding:0 20px 80px}}.topbar{display:none}@media (min-width:860px){.topbar{z-index:10;background:var(--surface);border-bottom:1px solid var(--hairline);margin-bottom:24px;display:block;position:sticky;top:0}.topbar-inner{align-items:center;gap:18px;max-width:1100px;height:64px;margin:0 auto;padding:0 32px;display:flex}}.masthead{align-items:baseline;gap:18px;display:flex}.brand{font-family:var(--font-display);color:var(--ink);font-size:25px;font-weight:600}.nav{gap:22px;display:flex}.nav a{color:var(--faint);border-bottom:2px solid #0000;padding-bottom:4px;font-size:14px;font-weight:600}.nav a.active{color:var(--ink);border-bottom-color:var(--accent)}.tabbar{z-index:20;height:var(--tabbar-h);background:var(--surface);border-top:1px solid var(--hairline);display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:860px){.tabbar{display:none}}.tabbar-item{min-width:0;color:var(--faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-weight:600;display:flex}.tabbar-item.active{color:var(--accent);font-weight:800}.tabbar-item span{font-family:var(--font-label);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.screen-head{justify-content:space-between;align-items:center;gap:12px;margin:20px 0 8px;display:flex}@media (min-width:860px){.screen-head{margin:24px 0 8px}}.screen-head h2{font-family:var(--font-display);color:var(--ink);margin:0;font-size:23px;font-weight:600}.icon-btn{border-radius:var(--r-icon-btn);border:1px solid var(--hairline);width:46px;height:46px;color:var(--ink);background:0 0;flex:none;place-items:center;font-size:19px;line-height:1;display:grid}.icon-btn.dark{background:var(--ink);color:var(--bg);border:none}.icon-btn:disabled{color:var(--disabled);cursor:not-allowed}.icon-spin{transform-origin:50%;display:block}.icon-spin.spinning{animation:.9s linear infinite spin}.share-btn{width:44px;height:44px;color:var(--muted);background:0 0;border:none;flex:none;place-items:center;display:grid}@media (min-width:860px){.share-btn{width:40px;height:40px}}.share-btn:disabled{color:var(--disabled);cursor:default}@media (hover:hover){.share-btn:hover{color:var(--ink)}}.btn{border:1px solid var(--hairline-warm);background:var(--surface);color:var(--ink);border-radius:var(--r-pill);box-shadow:var(--shadow-card);justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn.primary{border-radius:var(--r-button);background:var(--ink);height:52px;color:var(--bg);border:none;padding:0 22px;font-size:15px}.btn.outline{border-radius:var(--r-button);height:50px;box-shadow:none;background:0 0;padding:0 22px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{box-shadow:none;background:0 0}.btn.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, var(--hairline-warm))}.section-title{font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--muted);margin:24px 0 12px;font-size:10px;font-weight:700}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:860px){.wardrobe-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}}.wardrobe-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media (min-width:860px){.wardrobe-grid.compact{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}}.item-card{flex-direction:column;gap:8px;display:flex;position:relative}.item-card.selectable{cursor:pointer}.item-card.zoomable{cursor:zoom-in}.item-tile{background:var(--surface);border-radius:var(--r-tile);box-shadow:var(--shadow-card);aspect-ratio:1;border:2px solid #0000;place-items:center;padding:12%;display:grid;position:relative;overflow:hidden}.item-tile img{aspect-ratio:1;object-fit:contain;width:100%;filter:var(--cutout-shadow)}.item-tile.selected{border-color:var(--accent)}.item-tile.dimmed{opacity:.4}.item-tile.failed{background:var(--danger-bg);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.item-tile.processing{background:var(--panel)}.item-label{color:var(--muted);text-align:center;font-size:12px;line-height:1.3}.item-label.accent{color:var(--accent)}.item-tile .check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:grid;position:absolute;top:8px;right:8px}.item-menu-anchor{z-index:3;position:absolute;top:6px;right:6px}.item-kebab{color:#fff;cursor:pointer;background:0 0;border:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.item-kebab svg{filter:drop-shadow(0 1px 2px #0000004d)drop-shadow(0 0 1px #00000024)}.tile-close{z-index:3;color:#fff;cursor:pointer;background:radial-gradient(circle closest-side,#ffffffb8 52%,#fff0 100%);border:none;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:6px;right:6px}.wardrobe-grid.compact .tile-close{width:24px;height:24px;top:3px;right:3px}.tile-close svg,.collage-share-btn svg{filter:drop-shadow(0 1px 2px #4a45408c)drop-shadow(0 0 1px #4a454059)}@media (hover:hover){.item-kebab:hover,.collage-share-btn:hover,.tile-close:hover{opacity:.82}}.item-menu{background:var(--surface);border:1px solid var(--hairline);min-width:132px;box-shadow:var(--shadow-card);border-radius:12px;padding:6px;position:absolute;top:34px;right:0}.item-menu-item{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:600;display:flex}.item-menu-item svg{flex:none}@media (hover:hover){.item-menu-item:hover{background:var(--panel)}}.confirm-overlay{z-index:60;background:#4a454073;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.confirm-dialog{background:var(--surface);border-radius:var(--r-tile);width:min(400px,100%);box-shadow:var(--shadow-card);padding:22px 22px 18px}.confirm-title{font-family:var(--font-display);color:var(--ink);margin:0 0 12px;font-size:24px;font-weight:600;line-height:1.1}.confirm-text{color:var(--muted);margin:0 0 8px;font-size:14px;line-height:1.45}.confirm-warn{background:var(--danger-bg);color:var(--danger);border-radius:12px;margin:8px 0 0;padding:10px 12px;font-size:13.5px;font-weight:600;line-height:1.4}.confirm-usage{animation:confirm-usage-in .28s var(--ease-press) both;grid-template-rows:1fr;display:grid}.confirm-usage-inner{min-height:0;overflow:hidden}.confirm-usage .confirm-text,.confirm-usage .confirm-warn{margin:0}@keyframes confirm-usage-in{0%{opacity:0;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}@media (prefers-reduced-motion:reduce){.confirm-usage{animation:none}}.feedback-stars{justify-content:center;gap:6px;margin:14px 0 16px;display:flex}.feedback-star{border-radius:var(--r-icon-btn);color:var(--chevron);cursor:pointer;transition:color .15s, transform .15s var(--ease-press);background:0 0;border:none;place-items:center;padding:4px;display:grid}.feedback-star.on{color:var(--accent-2)}.feedback-star:active{transform:scale(.9)}.feedback-text{box-sizing:border-box;resize:vertical;border:1px solid var(--hairline-warm);background:var(--bg);width:100%;min-height:96px;font:inherit;color:var(--ink);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45}.feedback-text:focus{border-color:var(--accent);outline:none}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.confirm-dialog-danger{border:1px solid var(--danger);box-shadow:0 22px 48px -20px color-mix(in srgb, var(--danger) 55%, transparent);text-align:center}.confirm-danger-badge{width:52px;height:52px;color:var(--danger);background:var(--danger-bg);border-radius:50%;place-items:center;margin:2px auto 14px;display:grid}.confirm-title-danger{color:var(--danger)}.confirm-dialog-danger .confirm-actions{justify-content:center}.btn.danger.confirm-danger-btn{background:color-mix(in srgb, var(--danger) 72%, #000);color:#fff;border-color:color-mix(in srgb, var(--danger) 72%, #000);box-shadow:0 10px 22px -12px color-mix(in srgb, var(--danger) 70%, transparent)}.btn.danger.confirm-danger-btn:active{background:color-mix(in srgb, var(--danger) 62%, #000);transform:translateY(1px)}.item-tile .tile-photo{aspect-ratio:auto;object-fit:cover;filter:none;width:100%;max-width:none;height:100%;max-height:none;position:absolute;top:0;bottom:0;left:0;right:0}.item-tile.processing .tile-photo{filter:blur(2px);transform:scale(1.06)}.tile-broken{z-index:1;color:var(--muted);opacity:.8;display:inline-flex;position:relative}.tile-spinner{z-index:1;border:2.4px solid #4a454029;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin;position:relative;box-shadow:0 0 0 2px #ffffff80,0 1px 3px 1px #0000004d}.wardrobe-grid.compact .tile-spinner{border-width:2px;width:20px;height:20px}.empty-panel{text-align:center;flex-direction:column;align-items:center;padding:48px 20px;display:flex}.empty-plate{background:var(--panel);border-radius:var(--r-panel);place-items:center;width:152px;height:152px;margin-bottom:6px;display:grid}.empty-plate-mark{font-family:var(--font-display);color:var(--accent);font-size:40px}.empty-title{font-family:var(--font-display);color:var(--ink);margin:12px 0 0;font-size:28px;font-weight:600;line-height:1.05}.empty-text{max-width:320px;color:var(--muted);margin:8px 0 20px;font-size:13.5px;line-height:1.5}.empty-panel .btn{width:100%;max-width:360px}.empty{text-align:center;color:var(--muted);padding:60px 20px}.float-cta{left:50%;bottom:calc(var(--tabbar-h) + 16px);z-index:20;position:fixed;transform:translate(-50%)}@media (min-width:860px){.float-cta{bottom:24px}}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-tile);box-shadow:var(--shadow-card);padding:22px}.dropzone{border:2px dashed var(--hairline-warm);border-radius:var(--r-tile);text-align:center;color:var(--muted);background:var(--surface);padding:56px 20px;transition:border-color .12s,background .12s}.dropzone.over{border-color:var(--accent);background:var(--panel)}.preview-wrap{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}@media (max-width:720px){.preview-wrap{grid-template-columns:1fr}}.preview-img{background:linear-gradient(45deg, #eee 25%, transparent 25%) -8px 0 / 16px 16px, linear-gradient(-45deg, #eee 25%, transparent 25%) -8px 0 / 16px 16px, linear-gradient(45deg, transparent 75%, #eee 75%) / 16px 16px, linear-gradient(-45deg, transparent 75%, #eee 75%) / 16px 16px, #fff;border-radius:var(--r-tile);border:1px solid var(--hairline);aspect-ratio:1;place-items:center;display:grid;overflow:hidden}.preview-img img{object-fit:contain;max-width:100%;max-height:100%}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:520px){.form-grid{grid-template-columns:1fr}}.field{flex-direction:column;gap:5px;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--muted);font-size:12px;font-weight:600}.field input,.field select{font:inherit;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);border-radius:10px;padding:9px 11px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid var(--hairline);background:var(--surface);border-radius:var(--r-pill);color:var(--muted);padding:6px 12px;font-size:13px}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{border:2px solid #4a454029;border-top-color:var(--accent);border-radius:50%;flex:none;width:15px;height:15px;animation:.9s linear infinite spin}@keyframes lb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(100deg,#e9e2d6 30%,#f7f2e9 48%,#e9e2d6 66%) 0 0/200% 100%;animation:1.5s linear infinite lb-shimmer}.skeleton-wardrobe-collage{aspect-ratio:var(--collage-aspect);border-radius:var(--r-tile);margin:4px 0 16px}.skeleton-capsule-collage{aspect-ratio:var(--collage-aspect);border-radius:var(--r-tile);margin:6px 0 4px}.skeleton-section-title{border-radius:4px;width:72px;height:9px;margin:24px 0 20px}.skeleton-tile{aspect-ratio:1;border-radius:var(--r-tile)}.skeleton-looks-label{border-radius:4px;width:132px;height:10px;margin:24px 0 12px}.skeleton-row-label{border-radius:4px;width:92px;height:12px}.skeleton-chip{border-radius:var(--r-pill);width:58px;height:33px}.skeleton-chip.wide{width:88px}.skeleton-look{aspect-ratio:4/3;border-radius:var(--r-tile)}.skeleton-look-title{border-radius:6px;width:72%;height:20px;margin:11px 0 0}.skeleton-look-tags{border-radius:6px;width:46%;height:12px;margin:12px 0 0}.center-col{text-align:center;color:var(--muted);padding:40px 0}.error-box{background:var(--danger-bg);border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);color:var(--danger);border-radius:10px;padding:12px 14px;font-size:14px}.look-stage{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-tile);box-shadow:var(--shadow-card);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;padding:28px;display:grid}.look-stage .tile{box-shadow:none;background:0 0;border:none;flex-direction:column;align-items:center;padding:10px;display:flex;position:relative}.look-stage .tile img{object-fit:contain;max-width:100%;max-height:140px;filter:var(--cutout-shadow)}.muted{color:var(--muted);font-size:14px}.Toastify{--toastify-color-dark:var(--toast-bg);--toastify-text-color-dark:var(--toast-text);--toastify-toast-bd-radius:var(--r-toast);--toastify-toast-shadow:var(--shadow-card);--toastify-toast-min-height:auto;--toastify-toast-padding:12px 16px;--toastify-font-family:var(--font-ui);font-size:13px;font-weight:500}.Toastify .Toastify__toast-icon{width:24px}.Toastify .Toastify__toast-container--bottom-center{left:50%;bottom:calc(var(--tabbar-h) + 10px);transform:translate(-50%)}@media (min-width:860px){.Toastify .Toastify__toast-container--bottom-center{bottom:24px}}@media (max-width:480px){.Toastify .Toastify__toast-container{width:min(360px,92vw);margin:0}.Toastify .Toastify__toast{--toastify-toast-width:min(360px, 92vw);border-radius:var(--r-toast)}}.looks-label{font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);margin:24px 0 12px;font-size:10px;font-weight:700}.capsule-chevron{color:var(--chevron);font-size:18px}:root{--collage-aspect:1.7}@media (min-width:860px){:root{--collage-aspect:2.6}}.look-collage{aspect-ratio:4/3;background:var(--panel);border-radius:var(--r-tile);max-width:620px;margin-top:0;position:relative;overflow:hidden}.capsule-collage{aspect-ratio:var(--collage-aspect);background:var(--panel);border-radius:var(--r-tile);margin:6px 0 4px;position:relative;overflow:hidden}.wardrobe-collage{aspect-ratio:var(--collage-aspect);background:var(--panel);border-radius:var(--r-tile);margin:4px 0 16px;position:relative;overflow:hidden}.share-collage{position:absolute;top:0;bottom:0;left:0;right:0}.collage-btn{width:100%;text-align:inherit;cursor:zoom-in;border-radius:var(--r-tile);background:0 0;border:none;padding:0;display:block}.collage-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.collage-btn .wardrobe-collage,.collage-btn .capsule-collage,.collage-btn .look-collage{transition:box-shadow .18s,transform .18s,opacity .18s}@media (hover:hover){.collage-btn:hover .wardrobe-collage,.collage-btn:hover .capsule-collage,.collage-btn:hover .look-collage{box-shadow:var(--shadow-card)}}.collage-frame{position:relative}.collage-share-btn{z-index:2;color:#fff;background:radial-gradient(circle closest-side,#ffffffb8 52%,#fff0 100%);border:none;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:10px;right:10px}.collage-share-btn:disabled{color:var(--disabled);cursor:default}.look-piece{object-fit:contain;filter:var(--cutout-shadow);opacity:0;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1),width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1),opacity .5s,transform .55s cubic-bezier(.4,0,.2,1);position:absolute}.look-piece.loaded{opacity:1}.look-piece.entering{transform-origin:50%;transform:scale(.86)}.look-piece.entering.loaded{transform:scale(1)}@media (prefers-reduced-motion:reduce){.look-piece{transition:opacity .5s}.look-piece.entering{transform:none}}.look-card{margin-top:40px;position:relative}.look-new-badge{z-index:1;border-radius:var(--r-pill);background:var(--accent-2);color:var(--ink);font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;box-shadow:var(--shadow-card);padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px}@media (min-width:860px){.look-card{margin-top:48px}}.looks-toolbar{margin:14px 0 2px}.look-title-row{align-items:center;gap:12px;margin-top:11px;display:flex}.look-title-row .look-title{min-width:0;margin:0}.look-title{font-family:var(--font-display);color:var(--ink);margin:11px 0 0;font-size:25px;font-weight:600;line-height:1.05}@media (min-width:860px){.look-title{font-size:26px}}.look-why{margin-top:8px;font-size:14px;line-height:1.45}.look-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.look-tag{background:color-mix(in srgb, var(--hairline-warm) 45%, var(--surface));border-radius:var(--r-pill);color:var(--ink);padding:4px 11px;font-size:12px;font-weight:500}.look-palette{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.45}.look-row{margin-top:8px}.look-row-head{justify-content:space-between;align-items:center;gap:12px;margin:24px 0 22px;display:flex}.look-row-heading{min-width:0;position:relative}.look-row-label{color:var(--ink);margin:0;font-size:14px}.look-row-underline{background:var(--hairline-warm);border-radius:2px;height:2px;position:absolute;top:calc(100% + 9px);left:0;right:0;overflow:hidden}.look-row-underline-fill{background:var(--ink);transform-origin:0;border-radius:2px;width:100%;height:100%;display:block;transform:scaleX(0)}.look-row-nav{display:none}@media (min-width:860px){.look-row-nav{gap:8px;display:flex}}.slider-nav{border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--surface);width:34px;height:34px;color:var(--ink);box-shadow:var(--shadow-card);flex:none;place-items:center;transition:background .14s,color .14s,transform .14s,opacity .14s;display:grid}.slider-nav:hover:not(:disabled){background:var(--ink);color:var(--bg);transform:translateY(-1px)}.slider-nav:active:not(:disabled){transform:translateY(0)scale(.95)}.slider-nav:disabled{opacity:.35;box-shadow:none;cursor:default}.look-slider{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:22px;padding-bottom:6px;display:flex;overflow-x:auto}@media (min-width:860px){.look-slider{gap:32px}}.look-slider::-webkit-scrollbar{display:none}.look-slider .look-card{scroll-snap-align:start;scroll-snap-stop:always;flex:none;width:min(82vw,320px);margin-top:0}@media (min-width:860px){.look-slider .look-card{width:40%}}.look-slider .look-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-bottom:4px;line-height:1.12;display:-webkit-box;overflow:hidden}.gaps{color:var(--muted);margin:8px 0 0;padding-left:20px;font-size:14px;line-height:1.5}.app-loading{min-height:60vh;color:var(--muted);justify-content:center;align-items:center;font-weight:600;display:flex}.app-loading-error{text-align:center;flex-direction:column;gap:16px;padding:0 24px}.app-loading-error .btn.primary{min-width:140px}.login{min-height:100vh;justify-content:center;align-items:center;min-height:100dvh;padding:26px 22px;display:flex}.login-card{flex-direction:column;width:100%;max-width:360px;display:flex}.login-hero{background:var(--panel);border-radius:var(--r-panel);place-items:center;height:220px;display:grid;position:relative;overflow:hidden}@media (min-width:860px){.login-hero{height:286px}}.login-hero-mark{background:radial-gradient(circle at 32% 28%, var(--surface), var(--accent) 130%);opacity:.9;width:108px;height:108px;box-shadow:var(--shadow-hero);border-radius:50%}.login-hero-mark:after{content:"";background:var(--accent-2);opacity:.7;border-radius:12px;width:46px;height:46px;margin:31px auto 0;display:block;transform:rotate(18deg)}.login-brand{text-align:center;margin-top:26px}.login-brand .eyebrow{margin-bottom:8px}.login-brand .brand{font-size:44px}.login-sub{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.5}.google-btn{border-radius:var(--r-button);border:1px solid var(--hairline-warm);background:var(--surface);width:100%;height:54px;color:var(--ink);font-family:var(--font-ui);box-shadow:var(--shadow-hero);justify-content:center;align-items:center;gap:11px;margin-top:28px;font-size:15px;font-weight:600;display:flex}.google-btn:disabled{color:var(--muted);cursor:default}.google-spinner{border:2px solid var(--hairline-warm);border-top-color:var(--accent);border-radius:50%;width:19px;height:19px;animation:.9s linear infinite spin}.login-legal{text-align:center;color:var(--faint);margin-top:14px;font-size:11px;line-height:1.5}.login-legal-link{color:var(--muted);text-decoration:underline}.dev-btn{border:1px dashed var(--hairline-warm);color:var(--muted);border-radius:var(--r-pill);background:0 0;margin-top:10px;padding:8px 18px;font-size:13px}.onboarding{min-height:100vh;min-height:100dvh}.ob-viewport{height:100vh;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.ob-slides{touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform;flex:1;width:100%;min-height:0;transition:transform .34s cubic-bezier(.22,1,.36,1);display:flex}@media (prefers-reduced-motion:reduce){.ob-slides{transition:none}}.ob-slide{box-sizing:border-box;flex-direction:column;flex:0 0 100%;justify-content:center;gap:24px;min-width:0;padding:24px 40px 8px;display:flex}.ob-stage{background:var(--panel);border-radius:var(--r-panel);width:100%;max-width:360px;height:260px;margin:0 auto;position:relative;overflow:hidden}.ob-anim{width:328px;height:260px;transform:scale(var(--ob-fit,1));transform-origin:50%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.ob-anim svg{display:block}.ob-anim-item{will-change:transform, opacity;position:absolute;top:0;left:0}.ob-anim-board{border:2px solid var(--ink);z-index:2;pointer-events:none;border-radius:14px;width:184px;height:176px;position:absolute;top:40px;left:104px}.ob-anim [data-k=shirt],.ob-anim [data-k=trousers],.ob-anim [data-k=sneaker]{z-index:10}.ob-anim-box{z-index:15}.ob-anim-look{z-index:18;width:188px;height:120px}.ob-anim-tee{z-index:25}.ob-anim-phone{z-index:30}.ob-anim [data-k=phonePunch]{position:relative}.ob-anim-photo{background:var(--surface);border:1px solid var(--hairline);width:50px;height:62px;box-shadow:var(--shadow-card);z-index:20;border-radius:6px;padding:4px 4px 10px}.ob-anim-photo-pic{background:var(--bg);border-radius:3px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ob-anim-glow{background:var(--accent-2);filter:blur(18px);opacity:0;z-index:5;pointer-events:none;border-radius:50%;width:108px;height:82px;position:absolute;top:164px;left:2px}.ob-anim-flash{background:var(--surface);filter:blur(6px);opacity:0;z-index:5;pointer-events:none;border-radius:50%;width:40px;height:40px;position:absolute;top:-13px;left:9px}.ob-anim-look-sheet{background:#efe7da;border-radius:16px;width:188px;height:120px;position:absolute;top:4px;left:-8px;transform:rotate(-5deg)}.ob-anim-look-card{background:var(--surface);width:188px;height:120px;box-shadow:var(--shadow-card);border-radius:16px;position:absolute;top:0;left:0}.ob-anim-timer{opacity:0;width:0;height:0;position:absolute}.ob-copy{text-align:center;width:100%;max-width:360px;margin:0 auto}.ob-title{font-family:var(--font-display);color:var(--ink);margin:0 0 8px;font-size:30px;font-weight:600;line-height:1.1}.ob-sub{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.ob-foot{padding:8px 40px calc(20px + env(safe-area-inset-bottom,0px));flex-shrink:0}.ob-cta{flex-direction:column;justify-content:flex-end;align-items:center;min-height:118px;display:flex}.ob-next{border-radius:var(--r-button);background:var(--ink);width:100%;max-width:360px;height:54px;color:var(--bg);font-family:var(--font-ui);border:none;margin:0 auto;font-size:15px;font-weight:600;display:block}.ob-foot-sub{justify-content:center;align-items:center;height:40px;margin-top:8px;display:flex}.ob-dots{justify-content:center;gap:6px;display:flex}.ob-dots span{background:var(--accent);border-radius:3px;height:6px}.ob-brand-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ob-brand-hero .eyebrow{color:var(--muted)}.ob-brand{font-family:var(--font-display);color:var(--ink);font-size:52px;font-weight:600;line-height:1}.ob-login{flex-direction:column;align-items:center;gap:12px;display:flex}.ob-login-label{font-family:var(--font-ui);color:var(--muted);margin:0;font-size:14px}.ob-login-buttons{justify-content:center;gap:20px;display:flex}.ob-login-round{border:1px solid var(--hairline-warm);background:var(--surface);width:56px;height:56px;box-shadow:var(--shadow-hero);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.ob-login-round:disabled{opacity:.55;cursor:default}.ob-login-legal{font-family:var(--font-ui);color:var(--muted);text-align:center;margin:0;font-size:12px}.ob-login-legal a{color:var(--muted);border-bottom:1px solid var(--chevron)}@media (min-width:860px){.onboarding{justify-content:center;align-items:center;padding:26px 22px;display:flex}.ob-viewport{width:100%;max-width:440px;height:auto}.ob-slides{cursor:grab;flex:none}.ob-slide{justify-content:flex-start;gap:0;padding:0 40px}.ob-stage{height:300px}.ob-copy{margin-top:26px}.ob-foot{margin-top:28px;padding:0 40px}}.account{align-items:center;gap:10px;margin-left:auto;display:flex}.account-link{align-items:center;gap:10px;display:flex}.account-avatar{background:var(--panel);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.account-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;font-weight:600;overflow:hidden}.logout-btn{border:1px solid var(--hairline-warm);color:var(--muted);border-radius:var(--r-pill);background:0 0;padding:7px 14px;font-size:13px;font-weight:600}.logout-btn:hover{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, var(--hairline-warm))}.profile-head{text-align:center;flex-direction:column;align-items:center;padding:12px 0 8px;display:flex}.profile-avatar{background:var(--panel);width:78px;height:78px;color:var(--accent);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.profile-avatar-img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.profile-name{font-family:var(--font-display);color:var(--ink);margin:12px 0 0;font-size:25px;font-weight:600}.profile-email-row{color:var(--muted);align-items:center;gap:6px;margin-top:5px;font-size:13.5px;display:flex}.profile-stats{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.stat-tile{background:var(--surface);border-radius:var(--r-tile);box-shadow:var(--shadow-card);text-align:center;padding:18px 10px}.stat-tile strong{font-family:var(--font-display);color:var(--ink);font-size:32px;font-weight:600;display:block}.stat-tile span{font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:700}.settings-list{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.settings-row{background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;display:flex}button.settings-row{width:100%;font-family:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;border:none}.settings-row .capsule-chevron{color:var(--chevron)}.settings-row-icon{border:1px solid var(--accent);width:26px;height:26px;color:var(--accent);border-radius:50%;flex:none;place-items:center;margin-right:12px;font-size:13px;font-weight:700;display:grid}.settings-list.desktop-only,.profile-legal-footer.desktop-only{display:none}@media (min-width:860px){.profile-wrap{max-width:520px;margin:0 auto}.profile-head{background:var(--surface);box-shadow:var(--shadow-card);border-radius:22px;padding:32px}.profile-stats{gap:14px}.stat-tile strong{font-size:38px}.settings-list.mobile-only{display:none}.settings-list.desktop-only{display:flex}.profile-legal-footer.desktop-only{display:block}}.profile-delete-btn{width:100%;color:var(--danger);margin-top:10px}.profile-legal-footer{text-align:center;color:var(--muted);margin-top:20px;font-size:12.5px}.profile-legal-footer a{color:var(--muted);border-bottom:1px solid var(--chevron)}.debug-overlay{z-index:50;background:#1c1b1973;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.debug-modal{background:var(--surface);border-radius:var(--radius);width:min(440px,100%);max-height:80vh;box-shadow:var(--shadow);overflow-y:auto}.debug-modal-head{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.debug-modal-title{font-size:15px;font-weight:600}.debug-modal-close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;font-size:22px;line-height:1}.debug-modal-close:hover{color:var(--ink)}.attr-list{margin:0;padding:6px 18px 18px}.attr-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(104px,38%) 1fr;align-items:baseline;gap:12px;padding:10px 0;display:grid}.attr-row:last-child{border-bottom:none}.attr-label{color:var(--muted);font-size:13px}.attr-value{color:var(--ink);word-break:break-word;margin:0;font-size:14px}.attr-colors{flex-wrap:wrap;gap:7px 14px;display:flex}.attr-color{align-items:center;gap:7px;display:inline-flex}.attr-swatch{border:1px solid var(--line);border-radius:50%;flex:none;width:15px;height:15px;box-shadow:inset 0 0 0 1px #ffffff73}.attr-scale{align-items:center;gap:5px;display:inline-flex}.attr-dot{background:var(--line);border-radius:50%;width:9px;height:9px}.attr-dot.on{background:var(--accent)}.collage-viewer{z-index:100;background:var(--bg);-webkit-user-select:none;user-select:none;overscroll-behavior:none;position:fixed;top:0;bottom:0;left:0;right:0}.cv-frame{background:var(--bg);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width:860px){.collage-viewer.windowed{background:#1c1b1999;place-items:center;padding:24px;display:grid}.collage-viewer.windowed .cv-frame{border-radius:var(--r-panel);width:min(820px,100%);height:min(640px,100%);box-shadow:var(--shadow-hero);position:relative;top:auto;bottom:auto;left:auto;right:auto;overflow:hidden}}.cv-toolbar{padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top));padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right));background:var(--surface);border-bottom:1px solid var(--hairline);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.cv-zoom{gap:8px;display:flex}.cv-btn{border:1px solid var(--hairline-warm);background:var(--surface);height:40px;color:var(--ink);border-radius:var(--r-button);align-items:center;gap:4px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.cv-btn:active{background:var(--bg);transform:scale(var(--press-scale))}.cv-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;display:block}.cv-chevron{width:18px;height:18px;margin-left:-2px}.cv-icon{justify-content:center;width:44px;padding:0}.cv-btn.cv-share{background:var(--accent);color:#fff;border-color:#0000}.cv-btn.cv-share:active{background:color-mix(in srgb, var(--accent) 86%, #000)}.cv-btn.cv-share .loading-spinner{border-color:#fff #fff6 #fff6}.cv-glyph{width:22px;height:22px}.cv-stage{background:var(--panel);touch-action:none;cursor:grab;flex:1;position:relative;overflow:hidden}.cv-stage:active{cursor:grabbing}.cv-canvas{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.cv-collage{width:100%;height:100%;position:relative}.item-viewer{z-index:100;padding:24px;padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));background:#1c1b1999;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.item-viewer-plate{background:var(--surface);border-radius:var(--r-panel);min-width:min(360px,100%);min-height:min(360px,100%);box-shadow:var(--shadow-hero);place-items:center;padding:48px;display:grid;position:relative}.item-viewer-plate img{object-fit:contain;max-width:min(460px,100vw - 144px);max-height:min(66vh,100vh - 144px);filter:var(--cutout-shadow);display:block}.item-viewer-close{background:color-mix(in srgb, var(--ink) 6%, var(--surface));width:36px;height:36px;color:var(--ink);cursor:pointer;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.item-viewer-close:hover{background:color-mix(in srgb, var(--ink) 12%, var(--surface))}.item-viewer-close:active{transform:scale(var(--press-scale))}.item-viewer-share{left:10px;right:auto}