:root{--canvas:#fff;--surface:#fff;--surface-muted:#f5f8fb;--surface-sunken:#ebf0f5;--action:#f8bc17;--action-pressed:#e4a900;--action-label:#262b30;--ink:#262b30;--ink-label:#fff;--text:#262b30;--text-secondary:#5c6a77;--text-muted:#7a8da1;--border:#ebf0f5;--border-strong:#dee9f4;--positive-surface:#d3f9dc;--positive-text:#06661c;--destructive-surface:#fde7e5;--destructive-text:#900c0c;--warning-surface:#fff1cb;--warning-text:#7b5b02;--scrim:#2c3137f2;--scrim-blurred:#2c3137b8;--radius-tag:8px;--radius-small:10px;--radius-compact:12px;--radius-medium:14px;--radius-control:16px;--radius-card:20px;--radius-pill:999px;--gutter:16px;--control-height:48px;--page-width:448px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13.5px;font-weight:500;line-height:18px}.t-display{font-size:28px;font-weight:600;line-height:34px}.t-title-lg{font-size:21px;font-weight:600;line-height:26px}.t-title{font-size:17px;font-weight:600;line-height:22px}.t-heading{font-size:16px;font-weight:600;line-height:21px}.t-subheading{font-size:15px;font-weight:600;line-height:20px}.t-body-strong{font-size:13.5px;font-weight:600;line-height:18px}.t-body{font-size:13.5px;font-weight:500;line-height:18px}.t-label-strong{font-size:13px;font-weight:600;line-height:17px}.t-label{font-size:13px;font-weight:500;line-height:17px}.t-small-strong{font-size:12.5px;font-weight:600;line-height:16px}.t-small{font-size:12.5px;font-weight:500;line-height:16px}.t-caption-strong{font-size:12px;font-weight:600;line-height:15px}.t-caption{font-size:12px;font-weight:500;line-height:15px}.t-micro{font-size:11.5px;font-weight:500;line-height:14px}.t-eyebrow{letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:600;line-height:14px}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.positive{color:var(--positive-text)}.centre{text-align:center}h1,h2,h3,p,dl,dd,dt,ul,ol{margin:0}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:30;background:var(--ink);color:var(--ink-label);border-radius:var(--radius-compact);padding:8px 12px;top:12px;left:12px}.page{max-width:var(--page-width);min-height:100dvh;padding:0 var(--gutter) 20px;flex-direction:column;margin:0 auto;display:flex}.header{flex:none;align-items:center;gap:8px;height:56px;display:flex}.header h1{text-align:center;flex:1;font-size:15px;font-weight:600;line-height:20px}.header-spacer{flex:none;width:40px}.header--start h1{text-align:left}.icon-button{border-radius:var(--radius-pill);flex:none;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover{background:var(--surface-muted)}.stack{flex-direction:column;gap:12px;display:flex}.stack--tight{gap:8px}.stack--loose{gap:20px}.grow{flex:1}.card{background:var(--surface-muted);border-radius:var(--radius-control);padding:14px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.well{background:var(--surface);border-radius:var(--radius-small);flex:none;place-items:center;width:34px;height:34px;display:grid}.rule{background:var(--border);height:1px}.tag{border-radius:var(--radius-tag);background:var(--positive-surface);height:24px;color:var(--positive-text);align-items:center;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.field{border:1px solid var(--border-strong);border-radius:var(--radius-medium);background:var(--surface);width:100%;height:42px;color:var(--text);padding:0 13px;font-size:13px;font-weight:500}.field::placeholder{color:var(--text-muted)}@media (pointer:coarse){.field{height:44px}}.action{width:100%;height:var(--control-height);border-radius:var(--radius-control);background:var(--action);color:var(--action-label);justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:15px;font-weight:600;line-height:20px;display:flex}.action:hover:not(:disabled){background:var(--action-pressed)}.action--quiet{background:var(--surface-muted);color:var(--text)}.action--quiet:hover:not(:disabled){background:var(--surface-sunken)}.segments{background:var(--surface-muted);border-radius:var(--radius-compact);gap:4px;padding:3px;display:flex}.segments button{height:32px;color:var(--text-muted);border-radius:9px;flex:1;font-size:12.5px;font-weight:500;line-height:16px}.segments button[aria-pressed=true]{background:var(--ink);color:var(--ink-label);font-weight:600}.switch{text-align:left;align-items:center;gap:12px;width:100%;display:flex}.switch-track{border-radius:var(--radius-pill);background:var(--surface-sunken);border:1px solid var(--border-strong);flex:none;align-items:center;width:46px;height:28px;padding:2px;transition:background .16s,border-color .16s;display:flex}.switch[aria-checked=true] .switch-track{background:var(--ink);border-color:var(--ink)}.switch-thumb{border-radius:var(--radius-pill);background:var(--surface);width:22px;height:22px;transition:transform .16s;box-shadow:0 1px 2px #262b304d,0 0 0 .5px #262b3014}.switch[aria-checked=true] .switch-thumb{transform:translate(18px)}.switch:focus-visible{outline:none}.switch:focus-visible .switch-track{outline:2px solid var(--ink);outline-offset:2px}.notice{border-radius:var(--radius-compact);background:var(--destructive-surface);color:var(--destructive-text);align-items:center;gap:10px;padding:10px 12px;display:flex}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile{text-align:left;flex-direction:column;gap:8px;min-width:0;display:flex}.tile-art{aspect-ratio:1;border-radius:var(--radius-medium);background:var(--surface-muted);place-items:center;display:grid;overflow:hidden}.tile-art img{object-fit:cover;mix-blend-mode:multiply;width:100%;max-width:100%;height:100%}.clamp-2{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-art{aspect-ratio:1;border-radius:var(--radius-card);background:var(--surface-muted);place-items:center;display:grid;overflow:hidden}.hero-art img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.overlay{z-index:20;background:var(--scrim);color:var(--ink-label);padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:fixed;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.overlay{background:var(--scrim-blurred);-webkit-backdrop-filter:blur(20px)saturate(115%);backdrop-filter:blur(20px)saturate(115%)}}.overlay-top{justify-content:space-between;align-items:center;display:flex}.overlay-close{border-radius:var(--radius-pill);width:40px;height:40px;color:var(--ink-label);background:#ffffff24;place-items:center;display:grid}.overlay-centre{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.overlay-chips{flex-wrap:wrap;justify-content:center;gap:10px;padding-top:8px;display:flex}.overlay-chips button{border-radius:var(--radius-compact);height:34px;color:var(--ink-label);background:#ffffff24;padding:0 14px;font-size:12.5px;font-weight:600}.overlay-bottom{flex-direction:column;align-items:center;gap:12px;display:flex}.mic-row{align-items:center;gap:18px;display:flex}.mic{border-radius:var(--radius-pill);background:var(--action);width:76px;height:76px;color:var(--action-label);place-items:center;display:grid}.mic--idle{background:#f8bc1766}.levels{align-items:center;gap:3px;height:46px;display:flex}.levels i{background:var(--action);border-radius:2px;width:3px;transition:height 90ms linear;display:block}.levels--left{flex-direction:row-reverse}.spinner{border-radius:var(--radius-pill);border:2px solid;border-right-color:#0000;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.levels i,.switch-track,.switch-thumb{transition:none}.spinner{animation-duration:2s}}.scale{background:var(--surface-muted);border-radius:var(--radius-medium);gap:4px;padding:3px;display:flex}.scale button{border-radius:var(--radius-compact);min-height:44px;color:var(--text-secondary);flex:1;font-size:13px;font-weight:500;line-height:17px}.scale button[aria-pressed=true]{background:var(--ink);color:var(--ink-label);font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{border-radius:var(--radius-compact);border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--text-secondary);text-align:left;padding:0 14px;font-size:12.5px;font-weight:500;line-height:16px}.chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ink-label);font-weight:600}textarea.field{resize:vertical;height:auto;min-height:76px;padding:11px 13px;font-family:inherit;line-height:18px}.action--small{width:auto;height:44px;padding:0 16px;font-size:13px;line-height:17px}.numeric{font-variant-numeric:tabular-nums}.overlay{overscroll-behavior:contain}.overlay-actions{flex-direction:column;gap:10px;width:100%;max-width:20rem;display:flex}.action--ghost{color:var(--ink-label);background:#ffffff29}.action--ghost:hover:not(:disabled){background:#ffffff3d}.layout{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.prose{max-width:62ch}@media (min-width:768px){:root{--page-width:720px;--gutter:24px}.header{border-bottom:1px solid var(--border);height:64px;margin-bottom:8px}.header h1{text-align:left;font-size:17px;line-height:22px}.header-spacer{display:none}.page{padding-bottom:48px}}@media (min-width:900px){.layout--product{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start;gap:40px}.rail--sticky{position:sticky;top:24px}.page-intro .t-title{font-size:21px;line-height:26px}}@media (min-width:1140px){:root{--page-width:1040px;--gutter:32px}}.overlay-top,.overlay-centre,.overlay-bottom{width:100%;max-width:560px;margin-left:auto;margin-right:auto}.page--narrow{max-width:min(var(--page-width), 620px)}.tag--quiet{background:var(--surface-sunken);color:var(--text-muted)}.action--destructive{border:1.5px solid var(--destructive-text);color:var(--destructive-text);background:0 0}.action--destructive:hover:not(:disabled){background:var(--destructive-surface)}.code{letter-spacing:3px;-webkit-user-select:all;user-select:all;border-radius:var(--radius-medium);background:var(--surface);border:1px solid var(--border-strong);overflow-wrap:anywhere;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:21px;font-weight:600;line-height:28px}.sign-in{flex:1;justify-content:safe center;padding-bottom:32px}.code-field{letter-spacing:4px;text-align:center;text-transform:uppercase;height:56px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:19px;font-weight:600;line-height:24px}.code-field::placeholder{letter-spacing:4px;color:var(--text-muted);opacity:.55;font-weight:500}.link-button{text-underline-offset:3px;align-self:center;min-height:44px;padding:0 8px;text-decoration:underline}.link-button:hover{color:var(--text)}.stack--airy{gap:28px}@media (min-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}}.collapse{border-top:1px solid var(--border)}.collapse summary{cursor:pointer;min-height:48px;color:var(--text-secondary);align-items:center;gap:8px;list-style:none;display:flex}.collapse summary::-webkit-details-marker{display:none}.collapse summary:after{content:"";border-bottom:1.6px solid;border-right:1.6px solid;width:7px;height:7px;margin-left:auto;transition:transform .16s;transform:translateY(2px)rotate(-135deg)}.collapse[open] summary:after{transform:translateY(-2px)rotate(45deg)}.collapse summary:hover{color:var(--text)}.collapse-body{padding:6px 0 18px}.page--rated{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.fab{z-index:15;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));border-radius:var(--radius-pill);background:var(--ink);height:48px;color:var(--ink-label);align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #262b303d,0 2px 6px #262b3029}.fab:hover{background:#12161a}@media (min-width:900px){.fab{bottom:32px;left:auto;right:32px;transform:none}}.scrim{z-index:20;overscroll-behavior:contain;background:#2c313780;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2c313761}}.sheet{background:var(--canvas);border-radius:var(--radius-card) var(--radius-card) 0 0;flex-direction:column;width:100%;max-width:520px;max-height:min(88dvh,720px);animation:.22s sheet-in;display:flex}@media (min-width:640px){.scrim{align-items:center;padding:24px}.sheet{border-radius:var(--radius-card)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.sheet-head{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 8px 20px;display:flex}.sheet-body{padding:8px 20px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.sheet-body:has(.survey-submit){padding-bottom:0}.field-block{gap:14px;min-width:0}.survey-submit{z-index:1;padding:14px 20px calc(16px + env(safe-area-inset-bottom));background:var(--canvas);border-top:1px solid var(--border);flex-direction:column;gap:8px;margin:24px -20px 0;display:flex;position:sticky;bottom:0}.countdown{background:#ffffff38;border-radius:2px;width:148px;height:3px;overflow:hidden}.countdown i{background:var(--action);transform-origin:0;border-radius:2px;height:100%;display:block}.mic-stage{color:var(--text-secondary);flex-direction:column;justify-content:safe center;align-items:center;gap:18px;padding:24px 0;display:flex}.mic-cta{border-radius:var(--radius-pill);background:var(--action);width:136px;height:136px;color:var(--action-label);place-items:center;transition:transform .14s,background .14s;display:grid;box-shadow:0 12px 32px #f8bc175c,0 2px 8px #262b301f}.mic-cta:hover{background:var(--action-pressed)}.mic-cta:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.mic-cta{transition:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}