:root{--color-bg:#f6f4f0;--color-surface:#fff;--color-surface-muted:#efebe5;--color-ink:#1c1a17;--color-ink-muted:#5f5951;--color-line:#e2ddd5;--color-accent:#2f43b8;--color-accent-strong:#23339a;--color-accent-soft:#e7eafb;--color-on-accent:#fff;--color-danger:#b3261e;--color-danger-soft:#fbe9e7;--color-focus:var(--color-accent);--color-on-scrim:#fff;--color-on-danger:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-fibre-1:#2f43b8;--color-fibre-2:#6c7bd0;--color-fibre-3:#a5afe3;--color-fibre-4:#d3d8f3;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.25rem;--leading-tight:1.2;--leading-normal:1.5;--weight-regular:400;--weight-medium:560;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--border-width:1px;--focus-width:3px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--shadow-card:0 1px 2px #1c1a170f, 0 4px 16px #1c1a170f;--content-max:560px;--tap-min:48px;--thumb-size:72px;--bar-height:12px;--cartoon-max:420px;--video-min:200px;--scrim:#1c1a17b3;--caption-bg:#ffffffe0;--beat-bg:#1c1a17b8;--dur-fast:.15s;--dur-base:.25s;--ease-out:cubic-bezier(.22, 1, .36, 1);--swatch-denim:#2f43b8;--swatch-forest:#2b6a3c;--swatch-terracotta:#a84a22;--swatch-graphite:#3d4451}:root[data-accent=forest]{--color-accent:#2b6a3c;--color-accent-strong:#1f5230;--color-accent-soft:#e1efe4;--color-fibre-1:#2b6a3c;--color-fibre-2:#5f9a6e;--color-fibre-3:#9cc5a6;--color-fibre-4:#d0e6d5}:root[data-accent=terracotta]{--color-accent:#a84a22;--color-accent-strong:#873a19;--color-accent-soft:#f8e6dd;--color-fibre-1:#a84a22;--color-fibre-2:#cf7c57;--color-fibre-3:#e5ad93;--color-fibre-4:#f3d6c8}:root[data-accent=graphite]{--color-accent:#3d4451;--color-accent-strong:#2a2f38;--color-accent-soft:#e6e8ec;--color-fibre-1:#3d4451;--color-fibre-2:#6b7381;--color-fibre-3:#a0a7b3;--color-fibre-4:#d2d6dc}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#151412;--color-surface:#211f1c;--color-surface-muted:#2c2925;--color-ink:#f3efe8;--color-ink-muted:#b8b0a5;--color-line:#3d3934;--color-danger:#ff9a8f;--color-danger-soft:#3d1f1b;--color-on-danger:#2a0d0a;--shadow-card:0 1px 2px #0006, 0 4px 16px #0000004d;--scrim:#000000bf;--caption-bg:#211f1ce6;--beat-bg:#000000b8;--color-accent:#9aa6ff;--color-accent-strong:#bcc4ff;--color-accent-soft:#262c55;--color-on-accent:#10142e;--color-fibre-1:#9aa6ff;--color-fibre-2:#6c7ad8;--color-fibre-3:#4a559e;--color-fibre-4:#333b6c}:root[data-theme=dark][data-accent=forest]{--color-accent:#7cc58f;--color-accent-strong:#a6dcb3;--color-accent-soft:#1e3426;--color-on-accent:#0c1f12;--color-fibre-1:#7cc58f;--color-fibre-2:#58a06b;--color-fibre-3:#3d744b;--color-fibre-4:#29502f}:root[data-theme=dark][data-accent=terracotta]{--color-accent:#f0966e;--color-accent-strong:#f7b99c;--color-accent-soft:#3e2519;--color-on-accent:#2a1208;--color-fibre-1:#f0966e;--color-fibre-2:#c9714c;--color-fibre-3:#964f33;--color-fibre-4:#663524}:root[data-theme=dark][data-accent=graphite]{--color-accent:#bcc3cf;--color-accent-strong:#d9dee6;--color-accent-soft:#2d3139;--color-on-accent:#16191e;--color-fibre-1:#bcc3cf;--color-fibre-2:#8e96a3;--color-fibre-3:#666d79;--color-fibre-4:#444a53}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);margin:0}img{max-width:100%;display:block}p,h1,h2,h3,h4,h5,ul,ol,dl,dd{margin:0}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--space-1);border-radius:var(--radius-sm)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{max-width:var(--content-max);padding:var(--space-5) var(--space-4) var(--space-7);min-height:100dvh;margin:0 auto}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-row{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.row-between{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.brand{font-weight:var(--weight-bold);color:var(--color-accent);letter-spacing:.02em}.title-lg{font-size:var(--text-xl);line-height:var(--leading-tight);font-weight:var(--weight-bold)}.title-md{font-size:var(--text-lg);line-height:var(--leading-tight);font-weight:var(--weight-bold)}.title-sm{font-size:var(--text-md);font-weight:var(--weight-bold)}.title-xs{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.04em}.muted{color:var(--color-ink-muted)}.fine{font-size:var(--text-xs);color:var(--color-ink-muted)}.capitalise:first-letter{text-transform:uppercase}.big-number{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent)}.hero{gap:var(--space-4);padding:var(--space-5) 0;flex-direction:column;display:flex}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.sub-card{background:var(--color-surface-muted);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.center-state{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;min-height:70dvh;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-5);border-radius:var(--radius-pill);border:var(--border-width) solid transparent;font:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:not(:disabled):hover{background:var(--color-accent-strong)}.btn-secondary{background:var(--color-accent-soft);color:var(--color-accent-strong)}.btn-ghost{color:var(--color-accent-strong);border-color:var(--color-line);background:0 0}.btn-ghost:hover{border-color:var(--color-accent)}.btn-small{min-height:var(--tap-min);padding:0 var(--space-4);font-size:var(--text-sm)}.btn-block{width:100%}nav .btn-ghost{border-color:#0000;padding-left:0}.slot{gap:var(--space-4)}.slot-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.thumb{width:var(--thumb-size);height:var(--thumb-size);object-fit:cover;border-radius:var(--radius-md)}.stats{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stats dt{font-size:var(--text-xs);color:var(--color-ink-muted);order:2}.stats div{flex-direction:column;display:flex}.stats dd{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-accent);order:1}.how{padding-left:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.bullets{padding-left:var(--space-5);gap:var(--space-1);flex-direction:column;display:flex}.badge{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-ink);flex-shrink:0}.badge-damaged,.badge-unwearable{background:var(--color-danger-soft);color:var(--color-danger)}.badge-like_new,.badge-good{background:var(--color-accent-soft);color:var(--color-accent-strong)}.fibres{gap:var(--space-2);flex-direction:column;display:flex}.fibre-bar{height:var(--bar-height);border-radius:var(--radius-pill);gap:var(--border-width);background:var(--color-surface);display:flex;overflow:hidden}.fibre-bar span{min-width:var(--space-1)}.fibre-legend{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.fibre-legend li{align-items:center;gap:var(--space-2);display:inline-flex}.swatch{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill)}.route-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-4);border-radius:var(--radius-pill);border:var(--border-width) solid var(--color-line);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;display:inline-flex}.chip-on{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.chip-tag{font-size:var(--text-xs);opacity:.85}.impact-line{font-weight:var(--weight-medium);color:var(--color-accent-strong)}.listing-title{font-weight:var(--weight-bold)}.listing-price{font-size:var(--text-lg);font-weight:var(--weight-bold)}.places{gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.places li{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.place-text{flex-direction:column;min-width:0;display:flex}.place-name{font-weight:var(--weight-medium);overflow-wrap:anywhere}.place-address{font-size:var(--text-sm);overflow-wrap:anywhere}.places .btn{flex-shrink:0}.error-text{color:var(--color-danger)}.mend-list{gap:var(--space-3);flex-direction:column;display:flex}.mend{gap:var(--space-3);min-width:0}.mend .badge{background:var(--color-surface)}.video{aspect-ratio:16/9;width:100%;min-width:var(--video-min);min-height:var(--video-min);border-radius:var(--radius-sm);background:var(--color-surface);border:0;display:block}.video-gate{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-sm);flex-direction:column;align-items:flex-start;display:flex}.spinner{width:var(--space-7);height:var(--space-7);border-radius:var(--radius-pill);border:var(--focus-width) solid var(--color-accent-soft);border-top-color:var(--color-accent);animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.celebrate{background:var(--color-accent-soft);box-shadow:none}.milestone{font-weight:var(--weight-bold);color:var(--color-on-accent);background:var(--color-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);align-self:flex-start}.card-glow{outline:var(--focus-width) solid var(--color-accent-soft)}.cartoon-backdrop{z-index:10;background:var(--scrim);justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex;position:fixed;inset:0}.cartoon-stage{width:min(100%, var(--cartoon-max));aspect-ratio:900/1117;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:var(--color-surface);position:relative;overflow:hidden}.cartoon-stage img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cartoon-total{top:var(--space-5);left:var(--space-4);right:var(--space-4);text-align:center;font-weight:var(--weight-bold);background:var(--caption-bg);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);position:absolute}.cartoon-beat{bottom:var(--space-5);left:var(--space-4);right:var(--space-4);text-align:center;font-weight:var(--weight-medium);color:var(--color-on-scrim);background:var(--beat-bg);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);position:absolute}.cartoon-close{background:var(--color-surface)}.topbar{margin-bottom:var(--space-2);z-index:5;justify-content:flex-end;display:flex;position:relative}.menu{position:relative}.btn-icon{width:var(--tap-min);font-size:var(--text-lg);padding:0;line-height:1}.menu-list{right:0;top:calc(100% + var(--space-1));min-width:12rem;padding:var(--space-2);background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;margin:0;list-style:none;display:flex;position:absolute}.menu-item{width:100%;min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.menu-item:hover{background:var(--color-surface-muted)}.consent{margin-bottom:var(--space-4)}.choice-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.btn-link{min-height:var(--tap-min);padding:0 var(--space-2);color:var(--color-accent-strong);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;text-decoration:underline}.btn-danger{background:var(--color-danger);color:var(--color-on-danger)}.faq details{border-top:var(--border-width) solid var(--color-line);padding:var(--space-2) 0}.faq details:first-child{border-top:0}.faq summary{min-height:var(--tap-min);font-weight:var(--weight-medium);cursor:pointer;align-items:center;display:flex}.faq details p{padding-bottom:var(--space-2);color:var(--color-ink-muted)}.legal{gap:var(--space-4)}.legal-draft{align-self:flex-start}.legal-section{gap:var(--space-2);flex-direction:column;display:flex}.setting{gap:var(--space-2);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.setting+.setting{margin-top:var(--space-3)}.swatch-ring{box-shadow:0 0 0 var(--border-width) var(--color-surface)}.select{width:100%;min-height:var(--tap-min);padding:0 var(--space-3);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:inherit}.legal a,.video-gate a{color:var(--color-accent-strong);font-weight:var(--weight-medium)}