@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600&family=Nunito:wght@400;600;700&display=swap";:root,[data-theme=light]{--bg:#fff7fa;--surface:#fff;--tint:#ffeaf1;--blush:#ffd3e2;--petal:#ffb3cd;--brand:#ff8fb5;--rose:#e5568a;--primary:#c93a72;--primary-hover:#a82a5c;--on-primary:#fff;--lilac:#e6dcff;--butter:#fff0c2;--ink:#4a1d33;--muted:#8a5a70;--line:#ffd3e2;--line-strong:#c4668a;--danger:#b3243f;--focus:#c93a72;--shadow-soft:0 8px 24px #c93a7224;--shadow-pop:0 14px 32px #c93a7238;--font-display:"Fredoka", "Nunito", ui-rounded, system-ui, sans-serif;--font-body:"Nunito", ui-rounded, system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px}[data-theme=dark]{--bg:#2b1522;--surface:#3a1d2e;--tint:#4a263a;--blush:#5c3248;--petal:#8c4a68;--brand:#ff8fb5;--rose:#d2578a;--primary:#ff8fb5;--primary-hover:#ffa6c3;--on-primary:#3a1226;--lilac:#5a4a8c;--butter:#6b5624;--ink:#ffeaf1;--muted:#e0b3c7;--line:#5c3248;--line-strong:#b06a8a;--danger:#ff8a9b;--focus:#ffa6c3;--shadow-soft:0 8px 24px #00000059;--shadow-pop:0 14px 32px #00000080}body{background:var(--bg);color:var(--ink);font:400 16px/24px var(--font-body);margin:0}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}*,:before,:after{box-sizing:border-box}body{min-height:100vh}img{max-width:100%}h1{font-size:36px;line-height:42px}h2{font-size:26px;line-height:32px}h3{font-size:20px;line-height:26px}@media (width<=480px){h1{font-size:30px;line-height:36px}}button,input{font-family:var(--font-body)}.app{min-height:100vh}.header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:2px solid var(--line);display:flex}.brand{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.brand-mark{flex:none;width:32px;height:32px}.brand-name{font-family:var(--font-display);color:var(--ink);font-size:22px;font-weight:600;line-height:28px}.page{max-width:960px;padding:var(--space-5) var(--space-4) 112px;margin:0 auto}.page-narrow{max-width:480px}.page>h1{margin-bottom:var(--space-4)}.muted{color:var(--muted)}.small{font-size:14px;line-height:20px}.tabbar{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface);border-top:2px solid var(--line);z-index:5;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;background:0 0;border:2px solid #0000;flex:1;padding:12px 16px;font-size:15px;font-weight:700;display:inline-flex}.tab[aria-current=page]{background:var(--blush);color:var(--ink)}.tab:hover{border-color:var(--line-strong)}@media (width<=520px){.tabbar{padding:var(--space-2) var(--space-1);gap:0}.tab{text-align:center;flex-direction:column;flex:1 1 0;justify-content:flex-start;gap:2px;min-width:0;padding:8px 0;font-size:12px;line-height:14px}}@media (width<=340px){.tab{font-size:11px}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);text-align:center;cursor:pointer;border:2px solid #0000;padding:14px 24px;font-size:16px;font-weight:700;line-height:20px;display:inline-flex}.btn-sm{padding:10px 18px;font-size:15px}.btn-block{width:100%}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-soft{background:var(--blush);color:var(--ink)}.btn-soft:hover:not(:disabled){border-color:var(--line-strong)}.btn-outline{color:var(--primary);border-color:var(--line-strong);background:0 0}.btn-outline:hover:not(:disabled){background:var(--tint)}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--tint)}.btn:disabled{opacity:.45;cursor:not-allowed}.link-btn{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:16px;font-weight:700;text-decoration:underline}.link-btn:hover{color:var(--primary-hover)}.btn-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn-row>.btn{flex:140px}.field{margin-bottom:var(--space-4);display:block}.field-label{margin-bottom:var(--space-1);letter-spacing:.02em;color:var(--ink);font-size:13px;font-weight:700;line-height:16px;display:block}.field-hint{margin:var(--space-1) 0 0;color:var(--muted);font-size:14px;line-height:20px}.input{border:2px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--ink);padding:12px 16px;font-size:16px;line-height:24px;display:block}.input::placeholder{color:var(--muted);opacity:1}.input:focus{outline:3px solid var(--focus);outline-offset:2px;border-color:var(--primary)}.auth{max-width:400px;padding:var(--space-6) var(--space-4);margin:0 auto}.auth-brand{align-items:center;gap:var(--space-2);text-align:center;margin-bottom:var(--space-5);flex-direction:column;display:flex}.auth-brand .brand-mark{width:88px;height:88px}.auth-brand .brand-name{font-size:clamp(36px,12vw,56px);line-height:1.04}.auth-panel{padding:var(--space-5);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.auth-panel h1{margin-bottom:var(--space-1);font-size:26px;line-height:32px}.auth-panel>p{margin:0 0 var(--space-4);color:var(--muted)}.auth-switch{margin:var(--space-4) 0 0;text-align:center}.msg{margin:var(--space-3) 0;font-weight:700}.msg-error{color:var(--danger)}.msg-ok{color:var(--ink);background:var(--tint);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{border-radius:var(--radius-pill);background:var(--blush);color:var(--ink);letter-spacing:.02em;padding:6px 12px;font-size:13px;font-weight:700;line-height:16px;display:inline-block}.tag-lilac{background:var(--lilac)}.tag-butter{background:var(--butter)}.stars{color:var(--rose);vertical-align:middle;gap:2px;display:inline-flex}.stars svg,.star-btn svg{width:24px;height:24px;display:block}.stars-sm svg{width:20px;height:20px}.star-btn{padding:var(--space-1);border-radius:var(--radius-pill);color:var(--rose);cursor:pointer;background:0 0;border:0}.star-btn svg{width:36px;height:36px}.grid{justify-content:center;gap:var(--space-5);grid-template-columns:repeat(auto-fill,220px);display:grid}@media (width<=520px){.grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}.card{padding:var(--space-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;transition:box-shadow .15s;display:flex;position:relative}.card:hover,.card:focus-within{box-shadow:var(--shadow-pop)}.card h3{margin:var(--space-3) 0 var(--space-2)}.card-open{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.card-open:after{content:"";border-radius:var(--radius-lg);position:absolute;inset:0}.card-open:focus-visible{outline:none}.card:has(.card-open:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.photo{padding:var(--space-2);background:var(--tint);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.photo img{object-fit:contain;width:100%;height:150px;display:block}.photo-lg img{border-radius:var(--radius-sm);width:auto;max-width:100%;height:auto;max-height:320px}.photo-busy img{opacity:.5}.photo-note{margin:var(--space-2) 0 0;text-align:center;font-weight:700}.card-foot{padding-top:var(--space-3);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.empty{max-width:420px;margin:var(--space-6) auto;padding:var(--space-5);text-align:center;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg)}.empty p{margin:var(--space-2) 0 0;color:var(--muted)}.overlay{z-index:10;background:#4a1d3380;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:480px;max-height:100vh;padding:var(--space-4);background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow-y:auto}.sheet .tags{margin:var(--space-3) 0;justify-content:center}.sheet .stars-wrap{margin-bottom:var(--space-3);justify-content:center;display:flex}.sheet .btn-row{margin-bottom:var(--space-3)}.section-title{margin:var(--space-5) 0 var(--space-3);font-size:20px;line-height:26px}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border:2px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);cursor:pointer;padding:8px 14px;font-size:15px;font-weight:700}.chip[aria-pressed=true]{background:var(--blush);border-color:var(--primary)}.chip-ghost{border-color:var(--line);color:var(--primary)}.swatches{gap:var(--space-3);flex-wrap:wrap;display:flex}.swatch{border:2px solid var(--line-strong);border-radius:var(--radius-pill);cursor:pointer;width:40px;height:40px}.swatch[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--primary)}.gated{transition:opacity .15s}.gated.blocked{opacity:.35;pointer-events:none}.actions{gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;display:flex}.actions .btn-row{margin:0}.file-btn{cursor:pointer}.file-btn:focus-within{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.compare{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.compare>div{min-width:0;padding:var(--space-2);text-align:center;border:2px solid var(--line);border-radius:var(--radius-md);flex:240px}.compare img{border-radius:var(--radius-sm);width:100%}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.filter-btn{position:relative}.filter-badge{border-radius:var(--radius-pill);background:var(--primary);min-width:22px;height:22px;color:var(--on-primary);text-align:center;padding:0 6px;font-size:13px;font-weight:700;line-height:22px;position:absolute;top:-6px;right:-6px}.active-filters{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.tag-removable{align-items:center;gap:var(--space-1);padding-right:var(--space-2);display:inline-flex}.tag-remove{border-radius:var(--radius-pill);width:24px;height:24px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tag-remove:hover{background:var(--surface)}.filter-overlay{z-index:20;background:color-mix(in srgb, var(--ink) 40%, transparent);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.filter-sheet{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:560px;max-height:90dvh;box-shadow:var(--shadow-pop);flex-direction:column;animation:.2s ease-out sheet-up;display:flex;overflow:hidden}.filter-sheet:focus{outline:none}.filter-handle{width:40px;height:4px;margin:var(--space-3) auto 0;border-radius:var(--radius-pill);background:var(--line);flex:none}.filter-body{padding:var(--space-4) var(--space-5) var(--space-3);flex:1;overflow-y:auto}.filter-section{margin:var(--space-5) 0 var(--space-3);font-size:20px;line-height:26px}.filter-footer{gap:var(--space-3);padding:var(--space-4) var(--space-5);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-top:2px solid var(--line);background:var(--surface);flex:none;display:flex}.filter-footer .btn{flex:1}.filter-footer .btn-primary{flex:2}.filter-chip{border:2px solid var(--line-strong);border-radius:var(--radius-pill);min-height:44px;color:var(--ink);cursor:pointer;background:0 0;padding:8px 16px;font-size:15px;font-weight:700}.filter-chip[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:#0000}@media (width>=640px){.filter-overlay{padding:var(--space-5);align-items:center}.filter-sheet{border-radius:var(--radius-xl);animation-name:sheet-pop}.filter-handle{display:none}.filter-body{padding-top:var(--space-5)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-pop{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.filter-sheet{animation:none}}.empty svg{color:var(--rose)}.outfit-bar{top:var(--space-2);z-index:3;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;position:sticky}.outfit-bar-info{flex-direction:column;gap:2px;min-width:0;display:flex}.outfit-rating{align-items:center;gap:var(--space-2);display:inline-flex;position:relative}.outfit-rating strong{font-size:18px;line-height:24px}.slot{--piece-w:132px;--piece-h:116px;margin-top:var(--space-5)}.slot-dress{--piece-w:156px;--piece-h:252px}.slot-head{align-items:center;gap:var(--space-2);min-height:44px;margin-bottom:var(--space-2);display:flex}.slot-title{font-size:20px;line-height:26px}.slot-tools{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.icon-btn-lock{color:var(--muted)}.icon-btn-lock[aria-pressed=true]{background:var(--blush);color:var(--primary)}.surprise{margin-top:var(--space-4)}.surprise .chip-row{margin-bottom:var(--space-1)}.surprise .msg{margin-bottom:0}.btn-surprise{background:var(--blush);color:var(--ink);border-color:var(--primary)}.btn-surprise svg{color:var(--primary)}.btn-surprise:hover:not(:disabled){background:var(--tint)}.rolling{pointer-events:none}.slot-note{margin:0 0 var(--space-2)}.slot-empty{padding:var(--space-4);border:2px dashed var(--line);border-radius:var(--radius-md);color:var(--muted);text-align:center;margin:0;font-size:14px;line-height:20px}.carousel{gap:var(--space-3);margin:0 calc(-1 * var(--space-4));padding:6px calc(50% + var(--space-4) - var(--piece-w) / 2);scroll-snap-type:x mandatory;scrollbar-width:thin;list-style:none;display:flex;position:relative;overflow-x:auto}.carousel>li{scroll-snap-align:center;flex:none}.piece{width:var(--piece-w);padding:var(--space-2);border-radius:var(--radius-md);background:var(--tint);cursor:pointer;border:2px solid #0000;transition:opacity .15s;display:block}.piece img{width:100%;height:var(--piece-h);object-fit:contain;display:block}.piece[aria-pressed=true]{border-color:var(--primary)}.carousel:has(.piece[aria-pressed=true]) .piece:not([aria-pressed=true]){opacity:.5}.slot-off .carousel{opacity:.45}@media (prefers-reduced-motion:no-preference){.carousel{scroll-behavior:smooth}}.outfit-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.outfit-stack{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--tint);border-radius:var(--radius-md);flex-direction:column;display:flex}.outfit-piece{object-fit:contain;width:100%;height:104px;display:block}.outfit-piece-dress{height:calc(208px + var(--space-2))}.outfit-piece-shoes,.outfit-piece-extra{height:72px}.outfit-grid .card-foot{gap:var(--space-1) var(--space-2);flex-wrap:wrap}.outfit-grid .card-actions{margin-left:auto}.chip-row{gap:var(--space-2);margin:0 calc(-1 * var(--space-4)) var(--space-3);padding:6px var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.chip-row>*{flex:none}.card-actions{gap:var(--space-1);margin-right:calc(-1 * var(--space-2));display:flex}.icon-btn{border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--tint)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn-heart,.icon-btn-edit{color:var(--primary)}.icon-btn-danger{color:var(--danger)}.icon-btn svg{width:24px;height:24px}.card-wear{margin-top:var(--space-3)}.log-day{margin:calc(-1 * var(--space-2)) 0 var(--space-4)}.cap-first:first-letter{text-transform:uppercase}.toast{z-index:30;padding:0 var(--space-4);pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:96px;left:0;right:0}.toast-msg{padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--ink);color:var(--bg);box-shadow:var(--shadow-pop);font-weight:700}.cal-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.cal-title{text-align:center;font-size:22px;line-height:28px}.cal-weekdays,.cal-grid{gap:var(--space-1);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-weekdays{margin-bottom:var(--space-1)}.cal-weekdays span{color:var(--muted);text-align:center;font-size:13px;font-weight:700;line-height:16px}.cal-grid{touch-action:pan-y}.cal-day{border-radius:var(--radius-sm);background:var(--surface);min-width:0;height:68px;color:var(--ink);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-size:13px;font-weight:700;line-height:16px;display:flex;position:relative}.cal-day.has-look{background:var(--tint)}.cal-day[aria-current=date]{border-color:var(--primary)}.cal-day[aria-current=date] .cal-num{color:var(--primary)}.cal-day:hover:not(:disabled){border-color:var(--line-strong)}.cal-day:disabled{color:var(--muted);opacity:.6;cursor:default;background:0 0}.cal-thumb{object-fit:contain;flex:1;width:100%;min-height:0;display:block}.cal-dot{border-radius:var(--radius-pill);background:var(--primary);width:8px;height:8px;margin:auto 0 6px}.cal-count{border-radius:var(--radius-pill);background:var(--primary);min-width:18px;height:18px;color:var(--on-primary);padding:0 4px;font-size:12px;line-height:18px;position:absolute;top:-4px;right:-4px}.cal-foot{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;margin-top:var(--space-4);display:flex}.day-today{margin:0}.day-empty{margin:var(--space-4) 0;padding:var(--space-4);border:2px dashed var(--line);border-radius:var(--radius-md);text-align:center}.day-empty p{margin:0}.look{align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);border:2px solid var(--line);border-radius:var(--radius-lg);display:flex}.look .outfit-stack{flex:0 0 112px}.look-info{align-items:flex-start;gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.day-add{gap:var(--space-2);margin-top:var(--space-5);flex-direction:column;display:flex}.day-add h3{margin-bottom:var(--space-1)}.day-add p{margin:0}.saved-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border:2px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;font-size:16px;font-weight:700;display:flex}.saved-row:hover:not(:disabled){border-color:var(--line-strong)}.saved-row:disabled{opacity:.45;cursor:not-allowed}.saved-row .outfit-stack{flex:0 0 72px}.outfit-stack-sm{gap:var(--space-1);padding:var(--space-2)}.outfit-stack-sm .outfit-piece{height:52px}.outfit-stack-sm .outfit-piece-dress{height:calc(104px + var(--space-1))}.outfit-stack-sm .outfit-piece-shoes,.outfit-stack-sm .outfit-piece-extra{height:36px}.saved-row .outfit-stack-sm .outfit-piece{height:32px}.saved-row .outfit-stack-sm .outfit-piece-dress{height:calc(64px + var(--space-1))}.saved-row .outfit-stack-sm .outfit-piece-shoes,.saved-row .outfit-stack-sm .outfit-piece-extra{height:24px}.stat-card{margin-top:var(--space-4);padding:var(--space-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.stat-card>h2{margin-bottom:var(--space-3);font-size:20px;line-height:26px}.stat-card>h2:has(+.stat-hint){margin-bottom:var(--space-1)}.stat-hint{margin:0 0 var(--space-3)}.stat-note{margin:0}.stat-foot{margin:var(--space-3) 0 0}.stat-happy{padding:var(--space-4);border-radius:var(--radius-md);background:var(--tint);text-align:center;margin:0;font-weight:700}.stat-card .btn-row{margin-top:var(--space-3)}.stats .empty{margin:var(--space-4) auto 0}.skeleton-list{gap:var(--space-2);flex-direction:column;display:flex}.skeleton{border-radius:var(--radius-sm);background:var(--tint);height:18px;animation:1.2s ease-in-out infinite skeleton-pulse;display:block}.skeleton:nth-child(2n){width:82%}.skeleton:nth-child(3n){width:64%}@keyframes skeleton-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.kpis{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kpi{padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);background:var(--tint);text-align:center;flex-direction:column;gap:2px;display:flex}.kpi strong{font-family:var(--font-display);font-size:30px;font-weight:600;line-height:34px}.kpi span{color:var(--muted);font-size:13px;line-height:16px}.stat-thumb{padding:var(--space-1);border-radius:var(--radius-sm);background:var(--tint);display:block}.stat-thumb img{object-fit:contain;width:100%;height:100%;display:block}.rank{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rank li{align-items:center;gap:var(--space-3);display:flex}.rank-pos{width:20px;color:var(--muted);font-family:var(--font-display);text-align:center;flex:none;font-size:18px;font-weight:600}.rank li:first-child .rank-pos{color:var(--primary)}.rank .stat-thumb{flex:none;width:56px;height:56px}.rank-name{flex-direction:column;flex:1;min-width:0;display:flex}.rank-value{flex:none;font-weight:700}.thumb-grid{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.thumb-grid .stat-thumb{aspect-ratio:1}.stat-look{border:0;margin-top:0;padding:0}.bars{gap:var(--space-2) var(--space-3);grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;margin:0;padding:0;list-style:none;display:grid}.bars li{display:contents}.bar-plot{display:block}.bar-fill{background:var(--petal);border-radius:0 4px 4px 0;min-width:4px;height:12px;display:block}.bar-value{text-align:right;font-weight:700}.bars .is-top .bar-fill{background:var(--primary)}.bars .is-top .bar-label{font-weight:700}.color-dot{border:2px solid var(--line-strong);border-radius:var(--radius-pill);flex:none;width:20px;height:20px;display:inline-block}.color-dot-unknown{background:repeating-linear-gradient(45deg, var(--tint) 0 4px, var(--blush) 4px 8px)}.color-bar{height:16px;margin-bottom:var(--space-3);gap:2px;display:flex}.color-bar span{min-width:6px;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:4px}.color-list,.worn-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.color-list li,.worn-list li{align-items:center;gap:var(--space-2);display:flex}.color-name{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.color-pct{text-align:right;flex:none;width:44px;font-weight:700}.color-list .is-top .color-name{font-weight:700}.worn-colors{margin-top:var(--space-4);padding-top:var(--space-4);border-top:2px solid var(--line)}.worn-colors h3{margin-bottom:var(--space-1);font-size:18px;line-height:24px}.rating-pair{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.rating-pair dt{color:var(--muted);font-size:14px;line-height:20px}.rating-pair dd{margin:0}.stats-link{align-items:center;gap:var(--space-3);width:100%;margin-top:var(--space-5);padding:var(--space-4);border:2px solid var(--primary);border-radius:var(--radius-lg);background:var(--blush);color:var(--ink);text-align:left;box-shadow:var(--shadow-soft);cursor:pointer;font-size:16px;display:flex}.stats-link:hover{box-shadow:var(--shadow-pop)}.stats-link-icon{border-radius:var(--radius-pill);background:var(--primary);width:44px;height:44px;color:var(--on-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.stats-link-icon svg{width:24px;height:24px}.stats-link-text{flex-direction:column;flex:1;min-width:0;display:flex}.stats-link-text strong{font-family:var(--font-display);font-size:20px;font-weight:600;line-height:26px}.stats-link>svg{color:var(--primary);flex:none}.back-link{align-items:center;gap:var(--space-1);margin:0 0 var(--space-2) calc(-1 * var(--space-2));min-height:44px;text-decoration:none;display:inline-flex}