:root{--color-bg:#f7f6f3;--color-bg-glow:#f7f6f3;--color-neutral:#efedea;--color-neutral-hover:#e7e4e0;--color-border:#e5e2de;--color-border-strong:#d6d2cd;--color-text:#1b1a19;--color-text-secondary:#5e5a56;--color-text-muted:#95908b;--color-accent:#f26a2e;--color-accent-hover:#f57c45;--color-on-accent:#fff;--color-positive:#1f8a4c;--color-negative:#c2361c;--color-inverse:#1b1a19;--color-on-inverse:#fff;--color-strong:#1b1a19;--color-on-strong:#fff;--color-danger-bg:#fbe9e4;--color-warning-bg:#fdf1df;--color-warning-text:#6b4200;--color-warning-strong:#3d2600;--color-gap:#c2541c;--color-success-bg:#e5f4ea;--color-hairline:#0000000f;--color-backdrop:#1b1a1966;--color-surface-top:#f2f0ed;--color-surface-sheen:#fff9;--color-tabbar:#efedea;--color-tab-active:#fff;--color-on-tab-active:#1b1a19;--shadow-float:0 12px 32px -14px #3c281438;--shadow-tab-active:0 2px 8px -2px #3c28142e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Figtree", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-display:800 32px/1.04 var(--font-sans);--text-hero:800 44px/.98 var(--font-sans);--text-eyebrow:650 11.5px/1.2 var(--font-sans);--text-title:750 21px/1.15 var(--font-sans);--text-figure:700 26px/1.1 var(--font-sans);--text-label:600 18px/1.3 var(--font-sans);--text-body:400 16px/1.45 var(--font-sans);--text-body-strong:600 16px/1.35 var(--font-sans);--text-small:400 14px/1.4 var(--font-sans);--text-tab:500 12px/1.2 var(--font-sans);--tracking-tight:-.025em;--tracking-hero:-.045em;--tracking-eyebrow:.14em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--gutter:16px;--radius-card:24px;--radius-input:16px;--radius-btn:999px;--radius-pill:999px;--size-avatar:40px;--size-icon-btn:44px;--size-row-avatar:48px;--size-btn-sm:38px;--size-btn-lg:58px;--size-tabbar:68px;--size-sidebar:240px;--focus-ring:0 0 0 3px #f26a2e73}:root[data-theme=dark]{--color-bg:#181716;--color-bg-glow:#221f1d;--color-neutral:#242221;--color-neutral-hover:#2d2a28;--color-border:#322f2d;--color-border-strong:#45413e;--color-text:#f6f4f2;--color-text-secondary:#b3aea9;--color-text-muted:#7a7571;--color-accent:#f0682f;--color-accent-hover:#ff7a42;--color-on-accent:#fff;--color-positive:#5fd08a;--color-negative:#ff7a62;--color-inverse:#f6f4f2;--color-on-inverse:#181716;--color-strong:#f6f4f2;--color-on-strong:#181716;--color-danger-bg:#2c1a16;--color-warning-bg:#2a2117;--color-warning-text:#f3c98a;--color-warning-strong:#ffe2b3;--color-gap:#ff9a5c;--color-success-bg:#18261c;--color-hairline:#ffffff0f;--color-backdrop:#080706b8;--focus-ring:0 0 0 3px #f0682f8c;--color-surface-top:#282624;--color-surface-sheen:#ffffff0a;--color-tabbar:#2a2826;--color-tab-active:#f6f4f2;--color-on-tab-active:#181716;--shadow-float:0 16px 40px -12px #000000b3;--shadow-tab-active:none;--font-sans:"Figtree", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-card:24px;--radius-input:16px;--radius-btn:999px;--size-icon-btn:44px;--size-btn-lg:58px;--size-btn-sm:38px;--size-tabbar:68px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=system]{--color-bg:#181716;--color-bg-glow:#221f1d;--color-neutral:#242221;--color-neutral-hover:#2d2a28;--color-border:#322f2d;--color-border-strong:#45413e;--color-text:#f6f4f2;--color-text-secondary:#b3aea9;--color-text-muted:#7a7571;--color-accent:#f0682f;--color-accent-hover:#ff7a42;--color-on-accent:#fff;--color-positive:#5fd08a;--color-negative:#ff7a62;--color-inverse:#f6f4f2;--color-on-inverse:#181716;--color-strong:#f6f4f2;--color-on-strong:#181716;--color-danger-bg:#2c1a16;--color-warning-bg:#2a2117;--color-warning-text:#f3c98a;--color-warning-strong:#ffe2b3;--color-gap:#ff9a5c;--color-success-bg:#18261c;--color-hairline:#ffffff0f;--color-backdrop:#080706b8;--focus-ring:0 0 0 3px #f0682f8c;--color-surface-top:#282624;--color-surface-sheen:#ffffff0a;--color-tabbar:#2a2826;--color-tab-active:#f6f4f2;--color-on-tab-active:#181716;--shadow-float:0 16px 40px -12px #000000b3;--shadow-tab-active:none;--font-sans:"Figtree", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-card:24px;--radius-input:16px;--radius-btn:999px;--size-icon-btn:44px;--size-btn-lg:58px;--size-btn-sm:38px;--size-tabbar:68px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font:var(--text-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}h2{font:var(--text-title);letter-spacing:var(--tracking-tight)}a{color:inherit}img{max-width:100%;display:block}:focus-visible{box-shadow:var(--focus-ring);outline:none}.display{font:var(--text-display);letter-spacing:var(--tracking-tight)}.lead{color:var(--color-text-secondary)}.fine-print{font:var(--text-small);color:var(--color-text-muted)}.app{min-height:100dvh}.page{max-width:640px;padding:var(--space-4) var(--gutter) calc(var(--size-tabbar) + var(--space-6) + env(safe-area-inset-bottom));padding-top:max(var(--space-4), env(safe-area-inset-top));margin:0 auto}.nav{z-index:10;background:var(--color-bg);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.nav-brand{display:none}.nav-item{align-items:center;gap:var(--space-1);padding:10px var(--space-1) 8px;min-height:var(--size-tabbar);font:var(--text-tab);color:var(--color-text-muted);flex-direction:column;text-decoration:none;display:flex}.nav-item.active{color:var(--color-strong);font-weight:700}@media (width>=900px){.app{grid-template-columns:var(--size-sidebar) 1fr;display:grid}.nav{gap:var(--space-1);height:100dvh;padding:var(--space-5) var(--space-4);border-top:0;border-right:1px solid var(--color-border);flex-direction:column;display:flex;position:sticky;top:0}.nav-brand{font:var(--text-title);letter-spacing:var(--tracking-tight);padding:0 var(--space-3) var(--space-5);display:block}.nav-item{gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-pill);font:var(--text-body-strong);color:var(--color-text-secondary);flex-direction:row}.nav-item:hover{background:var(--color-neutral)}.nav-item.active{background:var(--color-neutral);color:var(--color-strong)}.page{width:100%;max-width:760px;padding:var(--space-6) var(--space-6) var(--space-7)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font:var(--text-body-strong);cursor:pointer;white-space:nowrap;border:0;text-decoration:none;transition:background-color .12s;display:inline-flex}.btn-sm{min-height:var(--size-btn-sm);padding:0 var(--space-4)}.btn-lg{min-height:var(--size-btn-lg);padding:0 var(--space-5)}.btn-block{width:100%;display:flex}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-neutral);color:var(--color-strong)}.btn-tertiary{color:var(--color-strong);text-underline-offset:3px;background:0 0;text-decoration:underline}.btn:disabled,.btn[aria-disabled=true]{background:var(--color-neutral);color:var(--color-text-muted);cursor:not-allowed}.icon-btn{width:var(--size-icon-btn);height:var(--size-icon-btn);border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-strong);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.text-link{font:var(--text-body-strong);color:var(--color-strong);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:15px;text-decoration:underline}.text-link:disabled{color:var(--color-text-muted);cursor:not-allowed}.button-row,.pill-row,.chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.button-row .btn{flex:1}.stack-actions{gap:var(--space-2);flex-direction:column;display:flex}.chip{min-height:var(--size-btn-sm);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-neutral);color:var(--color-strong);font:var(--text-body-strong);cursor:pointer;border:0;font-size:15px}.chip[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent)}.dashboard{gap:var(--space-5);flex-direction:column;display:flex}.dash-top{justify-content:space-between;align-items:center;display:flex}.dash-top-actions{align-items:center;gap:var(--space-3);display:flex}.avatar{width:var(--size-avatar);height:var(--size-avatar);border:1px solid var(--color-border-strong);border-radius:50%;place-items:center;font-size:17px;font-weight:700;display:grid}.dash-title{align-items:center;gap:var(--space-3);margin-top:calc(-1 * var(--space-2));display:flex}.feature-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.feature-card{min-height:228px;padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-neutral);flex-direction:column;text-decoration:none;transition:background-color .12s;display:flex}.feature-card:hover{background:var(--color-neutral-hover)}.feature-avatar{width:var(--size-row-avatar);height:var(--size-row-avatar);margin-bottom:var(--space-3);border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-strong);border-radius:50%;place-items:center;display:grid;overflow:hidden}.feature-avatar.split{border:2px solid var(--color-bg);box-shadow:0 0 0 1px var(--color-border-strong);display:flex}.feature-avatar.split span{background:var(--color-bg);flex:1;align-self:stretch}.feature-name{font:var(--text-label)}.feature-desc{margin-top:var(--space-1);font:var(--text-small);color:var(--color-text-secondary)}.feature-meta{align-items:center;gap:var(--space-1);padding-top:var(--space-4);font:var(--text-small);color:var(--color-text-secondary);margin-top:auto;display:flex}.feature-status{font:var(--text-figure);letter-spacing:var(--tracking-tight)}@media (width>=900px){.feature-card{min-height:260px;padding:var(--space-5)}}section{gap:var(--space-2);flex-direction:column;display:flex}.section-head{padding-top:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.rows{flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;text-decoration:none;display:flex}.row-link{margin:0 calc(-1 * var(--space-2));padding:var(--space-3) var(--space-2);border-radius:var(--radius-input)}.row-link:hover{background:var(--color-neutral)}.row-avatar{width:var(--size-row-avatar);height:var(--size-row-avatar);border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.swatch-fill{width:100%;height:100%}.row-text,.row-value{flex-direction:column;gap:2px;min-width:0;display:flex}.row-text{flex:1}.row-value{text-align:right;align-items:flex-end}.row-title{font:var(--text-body-strong)}.row-subtitle{font:var(--text-small);color:var(--color-text-secondary)}.row-amount{font:var(--text-body-strong);white-space:nowrap}.row-positive{color:var(--color-positive)}.row-muted{color:var(--color-text-muted)}.promo{gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);border-radius:var(--radius-card);background:var(--color-inverse);color:var(--color-on-inverse);flex-direction:column;display:flex;position:relative}.promo h3{max-width:85%;font:var(--text-title);letter-spacing:var(--tracking-tight)}.promo p{color:#ffffffc7}.promo-close{top:var(--space-3);right:var(--space-3);border:0;position:absolute}.level-strip{margin-top:var(--space-2);grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.level-strip span{height:36px;font:var(--text-tab);color:#ffffffd9;border-radius:6px;place-items:center;display:grid}.level-strip span:nth-child(n+8){color:#0e0f0c}.flow{gap:var(--space-5);flex-direction:column;display:flex}.flow-head{gap:var(--space-2);flex-direction:column;display:flex}.flow-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.progress{border-radius:var(--radius-pill);background:var(--color-neutral);flex:1;height:4px;overflow:hidden}.progress span{border-radius:inherit;background:var(--color-strong);height:100%;display:block}.flow-step{font:var(--text-small);color:var(--color-text-secondary);font-weight:600}.capture{gap:var(--space-4);flex-direction:column;display:flex}.capture-frame{aspect-ratio:3/4;border-radius:var(--radius-card);background:var(--color-neutral);place-items:center;width:100%;max-width:420px;max-height:64dvh;margin:0 auto;display:grid;position:relative;overflow:hidden}.capture-frame.is-diagram{border:2px dashed var(--color-border-strong);background:var(--color-bg);color:var(--color-border-strong)}.capture-frame.is-live{color:#ffffffe6;background:#000}.capture-frame video,.capture-frame img{object-fit:cover;width:100%;height:100%}.capture-frame.has-photo img{object-fit:contain}.capture-frame video.mirrored{transform:scaleX(-1)}.capture-frame.pose-frame-adjust{color:#ffd27a}.capture-frame.pose-frame-hold{color:var(--color-accent)}.pose-guide{top:var(--space-3);left:var(--space-3);right:calc(var(--space-3) + 44px);gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-input);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000094;transition:background-color .25s;display:grid;position:absolute;overflow:hidden}.pose-guide.pose-adjust{background:#462c00b8}.pose-guide.pose-hold{background:#163300cc}.pose-text{font:var(--text-body-strong);margin:0}.pose-meter{gap:6px;display:grid}.pose-track{border-radius:var(--radius-pill);background:#ffffff38;height:8px;position:relative}.pose-band{border-radius:var(--radius-pill);background:#9fe87099;position:absolute;top:0;bottom:0}.pose-marker{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .12s linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #00000059}.pose-angle{font:var(--text-tab);opacity:.85}.pose-hold{background:var(--color-accent);height:3px;animation:linear forwards pose-hold;position:absolute;bottom:0;left:0}@keyframes pose-hold{0%{width:0}to{width:100%}}.pose-voice{top:var(--space-3);right:var(--space-3);color:#fff;cursor:pointer;background:#00000094;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute}.pose-voice[aria-pressed=false]{opacity:.7}.pose-voice:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.capture-frame.is-live .capture-overlay{transition:color .25s}}@media (prefers-reduced-motion:reduce){.pose-marker,.pose-guide{transition:none}}.capture-overlay{pointer-events:none;filter:drop-shadow(0 1px 2px #00000059);width:100%;height:100%;position:absolute;inset:0}.is-diagram .capture-overlay{filter:none}.capture-wait{inset:auto var(--space-4) var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);background:var(--color-bg);position:absolute}.capture-problem{align-content:center;gap:var(--space-3);padding:var(--space-5);border:2px dashed var(--color-border-strong);background:var(--color-bg);text-align:center}.capture-problem p{color:var(--color-text-secondary)}.capture-badge{bottom:var(--space-3);align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font:var(--text-small);white-space:nowrap;font-weight:600;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.capture-notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);background:var(--color-danger-bg);color:var(--color-negative)}.capture-subhead{font:var(--text-label);margin-bottom:var(--space-2)}.shutter-row{grid-template-columns:1fr auto 1fr;place-items:center;display:grid}.shutter{border:4px solid var(--color-on-accent);background:var(--color-accent);width:72px;height:72px;box-shadow:inset 0 0 0 4px var(--color-bg);cursor:pointer;border-radius:50%;padding:0}.shutter:disabled{border-color:var(--color-border-strong);background:var(--color-neutral);cursor:not-allowed}.checklist{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.checklist li{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);display:flex}.checklist svg{color:var(--color-positive);flex:none}.segmented{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-neutral);grid-template-columns:repeat(3,1fr);display:grid}.segment{min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-pill);font:var(--text-small);color:var(--color-strong);text-align:center;cursor:pointer;place-items:center;font-weight:600;display:grid;position:relative}.segment input{opacity:0;pointer-events:none;position:absolute}.segment:has(input:checked){background:var(--color-bg);box-shadow:0 1px 2px var(--color-hairline)}.segment:has(input:focus-visible){box-shadow:var(--focus-ring)}.thumb-skipped{aspect-ratio:1;border:2px dashed var(--color-border-strong);border-radius:var(--radius-input);font:var(--text-small);color:var(--color-text-muted);place-items:center;display:grid}.photo-strip{align-items:center;gap:var(--space-4);display:flex}.photo-strip img{border-radius:var(--radius-input);object-fit:cover;width:72px;height:72px}.photo-strip div{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.thumb-row{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.thumb-row img{aspect-ratio:1;border-radius:var(--radius-input);object-fit:cover}fieldset{border:0;min-width:0;margin:0;padding:0}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{margin-bottom:var(--space-3);font:var(--text-body-strong);padding:0}.field .field-label{margin-bottom:0}.input{min-height:var(--size-btn-lg);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-input);background:var(--color-bg);font:var(--text-body);color:var(--color-text)}.input:disabled{background:var(--color-neutral);border-color:var(--color-neutral);color:var(--color-text-muted)}.search-input{width:100%;min-height:var(--size-btn-sm);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);font:var(--text-body)}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus-visible{outline:2px solid var(--color-strong);outline-offset:1px}.option-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.option-grid legend{grid-column:1/-1}.option{column-gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-card);background:var(--color-neutral);cursor:pointer;border:2px solid #0000;grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;display:grid;position:relative}.option input{opacity:0;pointer-events:none;position:absolute}.option:has(input:checked){border-color:var(--color-strong);background:var(--color-bg)}.option:has(input:focus-visible){box-shadow:var(--focus-ring)}.option-swatch{width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--color-hairline);border-radius:50%;grid-row:1/3}.option-code{font:var(--text-body-strong)}.option-name{font:var(--text-small);color:var(--color-text-secondary)}.compare{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.compare-card{padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-neutral);flex-direction:column;gap:2px;display:flex}.compare-pending{border:2px dashed var(--color-border-strong);background:var(--color-bg)}.compare-label{font:var(--text-small);color:var(--color-text-secondary);font-weight:600}.compare-swatch{aspect-ratio:1;width:100%;margin:var(--space-3) 0;border-radius:50%}.compare-swatch.empty-icon{width:100%;height:auto}.compare-name{font:var(--text-label)}.panel-card,.reading-card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-neutral);flex-direction:column;display:flex}.plain-words p{margin:0}.plain-words-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.plain-words-head h2{font:var(--text-title);margin:0}.reading-head{align-items:center;gap:var(--space-4);display:flex}.reading-head>div{flex-direction:column;display:flex}.reading-swatch{width:var(--size-row-avatar);height:var(--size-row-avatar);background:var(--color-bg);box-shadow:0 0 0 2px var(--color-bg), 0 0 0 3px var(--color-border-strong);border-radius:50%;flex:none}.reading-label{font:var(--text-small);color:var(--color-text-secondary)}.reading-name{align-items:baseline;gap:var(--space-2);font:var(--text-figure);letter-spacing:var(--tracking-tight);display:flex}.reading-hex{font:var(--text-small);color:var(--color-text-muted);letter-spacing:0}.reading-notes{gap:var(--space-1);padding-left:var(--space-5);font:var(--text-small);color:var(--color-text-secondary);flex-direction:column;margin:0;display:flex}.reading-correction{align-items:center;gap:var(--space-2);color:var(--color-positive);display:flex}.stepper{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:2px solid var(--color-strong);border-radius:var(--radius-card);display:flex}.stepper .icon-btn{width:40px;height:40px}.stepper .icon-btn:disabled{opacity:.35;cursor:not-allowed}.stepper-value{align-items:center;gap:var(--space-3);display:flex}.stepper-swatch{width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--color-hairline);border-radius:50%}.option.in-range{background:var(--color-success-bg)}.field-hint{margin-top:var(--space-2)}.status-banner{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-card);flex-direction:column;display:flex}.status-banner strong{font:var(--text-label)}.status-blocked{background:var(--color-inverse);color:var(--color-on-inverse)}.status-professional-recommended{background:var(--color-warning-bg);color:var(--color-warning-text)}.compare-estimate{border:2px solid var(--color-strong);background:var(--color-bg)}.estimate-tag{margin-left:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-size:12px}.gap-line{font:var(--text-body-strong);color:var(--color-gap)}.gap-line.gap-ok{color:var(--color-positive)}.rule-list{gap:var(--space-3);padding-left:var(--space-5);color:var(--color-text-secondary);flex-direction:column;margin:0;display:flex}.rule-list strong{color:var(--color-text)}.warning-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.warning{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);background:var(--color-neutral);color:var(--color-text-secondary);display:flex}.warning svg{flex:none;margin-top:2px}.warning-stop{background:var(--color-danger-bg);color:var(--color-negative)}.warning-caution{background:var(--color-warning-bg);color:var(--color-warning-text)}.safety-q{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.safety-q legend{margin-bottom:var(--space-2);font:var(--text-body-strong)}.segmented-2{grid-template-columns:1fr 1fr}.reveal{gap:var(--space-3);flex-direction:column;display:flex}.reveal-headline{font:var(--text-title);letter-spacing:var(--tracking-tight)}.reveal-headline-demo{font:var(--text-label)}.reveal-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.reveal-figure{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.reveal-figure img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-card);background:var(--color-neutral);width:100%}.reveal-figure figcaption{font:var(--text-body-strong);font-size:15px}.reveal-probable img{box-shadow:0 0 0 3px var(--color-strong)}.demo-banner{padding:var(--space-3) var(--space-4);border:2px dashed var(--color-border-strong);border-radius:var(--radius-input);font:var(--text-small);color:var(--color-text-secondary)}.stat-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.stat{padding:var(--space-3);border-radius:var(--radius-card);background:var(--color-neutral);flex-direction:column;gap:2px;display:flex}.stat-label,.stat-note{font:var(--text-small);color:var(--color-text-secondary)}.stat-value{align-items:center;gap:var(--space-2);font:var(--text-figure);letter-spacing:var(--tracking-tight);display:flex}.stat-swatch{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--color-hairline);border-radius:50%}.level-chart{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-neutral);margin:0;display:grid}.lc-lane{gap:6px;display:grid}.lc-head{justify-content:space-between;gap:var(--space-2);font:var(--text-small);color:var(--color-text-secondary);display:flex}.lc-head strong{color:var(--color-text);text-align:right;font-weight:600}.lc-head .lc-gap{color:var(--color-gap)}.lc-track{border-radius:var(--radius-pill);background:repeating-linear-gradient(to right, transparent 0 calc(10% - 1px), var(--color-hairline) calc(10% - 1px) 10%);height:18px;position:relative}.lc-band{border-radius:var(--radius-pill);background:var(--color-hairline);position:absolute;top:0;bottom:0}.lc-bar,.lc-gapline{border-radius:2px;height:4px;position:absolute;top:7px}.lc-bar{background:var(--color-text-secondary)}.lc-gapline{background:repeating-linear-gradient(to right, var(--color-gap) 0 6px, transparent 6px 10px);border-radius:0}.lc-dot{width:16px;height:16px;box-shadow:0 0 0 2px var(--color-neutral), 0 0 0 3.5px var(--color-text-muted);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.lc-scale,.lc-nums{grid-template-columns:repeat(10,1fr);display:grid}.lc-scale{border-radius:var(--radius-pill);height:10px;box-shadow:inset 0 0 0 1px var(--color-hairline);overflow:hidden}.lc-nums{margin-top:calc(-1 * var(--space-2));font:var(--text-tab);color:var(--color-text-muted);text-align:center}.level-chart figcaption{font:var(--text-small);color:var(--color-text-secondary)}.reading-card .level-chart{background:0 0;padding:0}@media (width>=600px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.metric-grid{gap:var(--space-3);display:grid}@media (width>=600px){.metric-grid{grid-template-columns:1fr 1fr}}.metric-card{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-neutral);flex-direction:column;display:flex}.metric-unavailable{border:2px dashed var(--color-border-strong);background:var(--color-bg)}.metric-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.metric-title{font:var(--text-small);color:var(--color-text-secondary);font-weight:600}.metric-badge{padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font:var(--text-tab);align-items:center;gap:2px;font-weight:600;display:inline-flex}.metric-badge-off{background:var(--color-neutral);color:var(--color-text-secondary)}.metric-value{font:var(--text-label)}.metric-note,.metric-meaning,.metric-reason{font:var(--text-small);color:var(--color-text-secondary)}.metric-meaning{padding-top:var(--space-1);border-top:1px solid var(--color-border)}.meter{align-items:center;gap:3px;display:flex}.meter-seg{border-radius:var(--radius-pill);background:var(--color-border);flex:1;height:8px}.metric-unavailable .meter-seg{background:var(--color-neutral)}.meter-seg.on{background:var(--color-strong)}.meter-open{font:var(--text-small);color:var(--color-strong);font-weight:700}.curl-scale{grid-template-columns:repeat(10,1fr);gap:2px;display:grid}.curl-scale span{background:var(--color-border);height:26px;font:var(--text-tab);color:var(--color-text-secondary);border-radius:6px;place-items:center;display:grid}.curl-scale span.on{background:var(--color-strong);color:var(--color-on-strong);font-weight:700}.plan-list,.tip-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plan-list li{gap:var(--space-2);color:var(--color-text-secondary);display:flex}.plan-list li svg{color:var(--color-positive);flex:none;margin-top:2px}.plan-list li.plan-skip svg{color:var(--color-text-muted)}.tip-list li{padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);background:var(--color-neutral);color:var(--color-text-secondary);flex-direction:column;gap:2px;display:flex}.tip-list strong{color:var(--color-text)}.tip-because{font:var(--text-small);color:var(--color-text-muted)}.profile-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-neutral);font:var(--text-small);font-weight:600}.profile-chip-off{border:1px dashed var(--color-border-strong);color:var(--color-text-muted);background:0 0}.option-list{gap:var(--space-2);flex-direction:column;display:flex}.choice{align-items:center;gap:var(--space-3);min-height:var(--size-btn-lg);padding:0 var(--space-4);border-radius:var(--radius-input);background:var(--color-neutral);font:var(--text-body-strong);cursor:pointer;border:2px solid #0000;display:flex;position:relative}.choice input{opacity:0;pointer-events:none;position:absolute}.choice:before{content:"";border:2px solid var(--color-border-strong);background:var(--color-bg);border-radius:50%;flex:none;width:18px;height:18px}.choice:has(input:checked){border-color:var(--color-strong);background:var(--color-bg)}.choice:has(input:checked):before{border:5px solid var(--color-strong)}.choice:has(input:focus-visible){box-shadow:var(--focus-ring)}.review-card{gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-strong);border-radius:var(--radius-card);flex-direction:column;display:flex}.review-head{align-items:center;gap:var(--space-4);display:flex}.review-head>div{flex-direction:column;gap:2px;display:flex}.review-swatch{width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--color-hairline);border-radius:50%;flex:none}.review-subhead{font:var(--text-body-strong)}.review-limits{gap:var(--space-2);padding-left:var(--space-5);font:var(--text-small);color:var(--color-text-secondary);flex-direction:column;margin:0;display:flex}.source-link{color:var(--color-strong);font-weight:600}.summary-rows .row-amount{color:var(--color-strong);text-underline-offset:3px;text-decoration:underline}.state{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);display:flex}.state-error{color:var(--color-negative);flex-direction:column;align-items:flex-start}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-strong);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border:2px dashed var(--color-border-strong);border-radius:var(--radius-card);text-align:center;flex-direction:column;display:flex}.empty p{color:var(--color-text-secondary)}.empty .btn{margin-top:var(--space-2)}.empty-icon{width:var(--size-row-avatar);height:var(--size-row-avatar);border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:50%;place-items:center;display:grid}.note{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-neutral);color:var(--color-text-secondary);display:flex}.note svg{color:var(--color-strong);flex:none}.note-strong{border:2px solid var(--color-strong);background:var(--color-bg);color:var(--color-text)}.note-strong strong{margin-bottom:var(--space-1);font:var(--text-body-strong);display:block}.setup-more summary{padding:var(--space-2) 0;font:var(--text-body-strong);color:var(--color-strong);cursor:pointer}.setup-more[open] summary{margin-bottom:var(--space-2)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dialog{border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--color-bg);width:100%;max-width:100%;color:var(--color-text);border:0;margin:auto 0 0;padding:0}.dialog::backdrop{background:var(--color-backdrop)}.dialog-inner{gap:var(--space-4);padding:var(--space-5) var(--gutter) calc(var(--space-5) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.dialog-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dialog-body p{color:var(--color-text-secondary)}.dialog-actions{gap:var(--space-2);flex-direction:column;display:flex}@media (width>=600px){.dialog{border-radius:var(--radius-card);max-width:440px;margin:auto}.dialog-inner{padding:var(--space-5)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:0s!important}}.recommend-card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-neutral);color:var(--color-text-secondary);display:flex}.recommend-card strong{color:var(--color-text)}.recommend-card p{margin:var(--space-1) 0 0}.recommend-pro{background:var(--color-warning-bg);color:var(--color-warning-text)}.recommend-pro strong{color:var(--color-warning-strong)}.recommend-icon{background:var(--color-bg);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.recommend-reasons{margin:var(--space-2) 0 0;padding-left:var(--space-4);font:var(--text-small)}.alt-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.alt-item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;display:flex}.alt-item+.alt-item{border-top:1px solid var(--color-border)}.alt-item .row-text{min-width:0}.task-progress{gap:var(--space-3);flex-direction:column;display:flex}.task-progress-head{align-items:center;gap:var(--space-3);font:var(--text-body-strong);display:flex}.task-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.task{align-items:center;gap:var(--space-3);display:flex}.task-icon{background:var(--color-bg);width:24px;height:24px;color:var(--color-text-muted);border-radius:50%;flex:none;place-items:center;display:grid}.task-done .task-icon{background:var(--color-accent);color:var(--color-on-accent)}.task-failed .task-icon{background:var(--color-danger-bg);color:var(--color-negative)}.task-dot{background:var(--color-border-strong);border-radius:50%;width:8px;height:8px}.task-running .task-dot{background:var(--color-strong);animation:1.2s ease-in-out infinite task-pulse}@keyframes task-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.task-running .task-dot{animation:none}}.task-text{flex-direction:column;flex:1;min-width:0;display:flex}.task-label{font:var(--text-small);color:var(--color-text);font-weight:600}.task-detail,.task-state,.task-time{font:var(--text-small);color:var(--color-text-muted)}.task-time{margin:0}.origin-badge{align-self:flex-start;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font:var(--text-tab);white-space:nowrap;font-weight:600;display:inline-flex}.origin-live{background:var(--color-accent);color:var(--color-on-accent)}.origin-live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.origin-deterministic{background:var(--color-neutral);color:var(--color-text-secondary)}.origin-demo-fixture{border:1px dashed var(--color-gap);color:var(--color-gap)}.origin-unavailable{border:1px solid var(--color-border-strong);color:var(--color-text-muted)}.demo-mode-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px dashed var(--color-gap);border-radius:var(--radius-input);font:var(--text-small);color:var(--color-gap);display:flex}.demo-mode-bar strong{font-weight:700}.scenario-letter{width:100%;height:100%;font:var(--text-label);color:var(--color-strong);place-items:center;display:grid}.swatch-compare{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.swatch-compare figure{margin:0}.swatch-compare .swatch-big{aspect-ratio:4/3;border-radius:var(--radius-card);box-shadow:inset 0 0 0 1px var(--color-hairline);display:block}.swatch-compare figcaption{margin-top:var(--space-2);font:var(--text-small);font-weight:600}.level-confirm{align-items:center;gap:var(--space-3);display:flex}.level-confirm .row-text{flex:1}.walkthrough{gap:var(--space-2);padding-left:var(--space-5);color:var(--color-text-secondary);flex-direction:column;margin:0;display:flex}.section-title-row{align-items:center;gap:var(--space-2);display:flex}.offline-banner{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);background:var(--color-warning-bg);color:var(--color-warning-text);font:var(--text-small)}.measure-figures{font:var(--text-small);color:var(--color-text-secondary);margin:0}.measure-images{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.measure-images figure{gap:var(--space-1);flex-direction:column;margin:0;display:flex}.measure-images img{border-radius:var(--radius-input);width:100%;height:auto;display:block}.measure-images figcaption{align-items:center;gap:var(--space-1);font:var(--text-small);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.measure-tap{border-radius:var(--radius-input);background:0 0;border:0;width:100%;padding:0;display:block;position:relative}button.measure-tap{cursor:crosshair;box-shadow:0 0 0 3px var(--color-strong)}.card-marker{aspect-ratio:1;border:2px solid var(--color-accent);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #00000080}.measure-card{margin-bottom:var(--space-3)}.measure-tapping{grid-template-columns:1fr}body{background:radial-gradient(120% 55% at 50% -12%, var(--color-bg-glow) 0%, transparent 62%) no-repeat, var(--color-bg);font-feature-settings:"cv11", "ss01"}h1{font:var(--text-display);letter-spacing:var(--tracking-tight)}.lead{font-size:15px}.eyebrow,.section-head h2{font:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-muted)}.section-head{padding-top:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);align-items:center}.btn{border-radius:var(--radius-btn);letter-spacing:-.01em;transition:background-color .12s,transform .12s}.btn:active:not(:disabled){transform:scale(.985)}.btn-primary{font-weight:700}.btn-secondary{color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border-strong);background:0 0}.icon-btn{border-color:var(--color-border);background:var(--color-neutral);color:var(--color-text);border-radius:10px}.chip{color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:8px}.chip[aria-pressed=true]{box-shadow:none}.panel-card,.reading-card,.stat,.metric-card,.review-card,.note,.level-chart,.choice,.option{border-radius:var(--radius-card)}.panel-card,.reading-card,.stat,.metric-card,.level-chart{background:var(--color-neutral);box-shadow:inset 0 0 0 1px var(--color-border)}.note{box-shadow:inset 0 0 0 1px var(--color-border);background:0 0}.note-strong{box-shadow:none}.choice{box-shadow:inset 0 0 0 1px var(--color-border);background:0 0}.choice:has(input:checked){box-shadow:none}.row-avatar{border-color:var(--color-border);background:var(--color-neutral);border-radius:10px}.row-link{border-radius:10px}.nav{background:color-mix(in srgb, var(--color-bg) 82%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);border-top-color:var(--color-border)}.nav-item{letter-spacing:.01em;font-weight:600}.flow-bar{margin-bottom:var(--space-2)}.progress-steps{background:0 0;border-radius:0;gap:4px;height:4px;display:flex}.progress-steps span{background:var(--color-border);border-radius:2px;flex:1;height:100%}.flow-step{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--color-text-muted)}.stat-value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:800}.reveal-headline{font:var(--text-title);letter-spacing:var(--tracking-tight);font-size:23px;line-height:1.18}.home{gap:var(--space-6);padding-bottom:var(--space-4);flex-direction:column;display:flex}.home-top{justify-content:space-between;align-items:center;display:flex}.mark{background:var(--color-accent);width:36px;height:36px;color:var(--color-on-accent);border-radius:10px;place-items:center;font-size:19px;font-weight:800;display:grid}.home-hero{gap:var(--space-3);padding-top:var(--space-4);flex-direction:column;display:flex}.hero-title{font:var(--text-hero);letter-spacing:var(--tracking-hero)}.hero-sub{color:var(--color-text-secondary);font-size:17px}.home-actions{gap:var(--space-2);flex-direction:column;display:flex}.cta{align-items:center;gap:var(--space-3);min-height:68px;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-5);background:var(--color-neutral);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text);border-radius:14px;text-decoration:none;transition:background-color .12s,transform .12s;display:flex}.cta:active{transform:scale(.99)}.cta-primary{background:var(--color-accent);min-height:84px;box-shadow:none;color:var(--color-on-accent)}.cta-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cta-title{letter-spacing:-.02em;font-size:19px;font-weight:750}.cta-meta{font:var(--text-small);opacity:.72}.cta-swatches{display:flex}.cta-swatches span{width:26px;height:26px;box-shadow:0 0 0 2px var(--color-accent);border-radius:50%}.cta-swatches span+span{margin-left:-8px}.home-scale{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.home-scale .level-strip{gap:2px;margin:0}.home-scale .level-strip span{border-radius:4px;height:44px}.home-scale .level-strip span:first-child{border-radius:10px 4px 4px 10px}.home-scale .level-strip span:last-child{border-radius:4px 10px 10px 4px}.home-scale figcaption{font:var(--text-small);color:var(--color-text-secondary)}.home-foot{justify-content:space-between;align-items:center;display:flex}.home-foot .text-link{color:var(--color-text-secondary);font-size:14px}.reveal-figure img{border-radius:var(--radius-card);transition:opacity .26s}.reveal-grid.is-finishing .reveal-figure{position:relative}.reveal-grid.is-finishing img{opacity:.35;filter:grayscale(.6)}.reveal-grid.is-finishing .reveal-figure:after{content:"Finishing…";background:var(--color-bg);color:var(--color-text-secondary);font:var(--text-small);text-align:center;border-radius:8px;padding:6px 10px;position:absolute;inset:auto 8px 40px}@media (prefers-reduced-motion:reduce){.btn,.cta,.reveal-figure img{transition:none}}.tip-grid{border-radius:var(--radius-card);background:var(--color-border);box-shadow:inset 0 0 0 1px var(--color-border);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.tip-grid li{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-neutral);display:flex}.tip-grid svg{color:var(--color-strong);flex:none}.tip-grid span{flex-direction:column;gap:1px;display:flex}.tip-grid strong{font:var(--text-body-strong);font-size:15px}.tip-grid small{font:var(--text-small);color:var(--color-text-muted);font-size:13px}.privacy-line{align-items:center;gap:var(--space-2);font:var(--text-small);color:var(--color-text-muted);font-size:13px;display:flex}.privacy-line svg{flex:none}.fold{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.fold>summary{min-height:52px;font:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-secondary);cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"+";letter-spacing:0;color:var(--color-text-muted);font-size:20px;font-weight:400}.fold[open]>summary:after{content:"−"}.fold[open]{gap:var(--space-4);padding-bottom:var(--space-4);flex-direction:column;display:flex}.section-head{padding-top:var(--space-2);border-bottom:0}.section-head h2{font:700 21px/1.2 var(--font-sans);letter-spacing:-.02em;text-transform:none;color:var(--color-text)}.eyebrow{letter-spacing:.08em}.btn{border-radius:var(--radius-pill);font-weight:650}.btn-lg{font-size:17px}.btn-primary{box-shadow:inset 0 1px #ffffff2e,0 8px 24px -10px #f0682f99}.btn-secondary{background:var(--color-neutral);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.btn-secondary:hover{background:var(--color-neutral-hover)}.btn-tertiary,.text-link{color:var(--color-text)}.btn:disabled,.btn[aria-disabled=true]{background:var(--color-neutral);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text-muted)}.icon-btn{border:1px solid var(--color-border-strong);background:var(--color-neutral);color:var(--color-text);border-radius:50%}.icon-btn:hover{background:var(--color-neutral-hover)}.chip{border-radius:var(--radius-pill);background:var(--color-neutral);box-shadow:inset 0 0 0 1px var(--color-border);font-weight:600}.chip[aria-pressed=true]{background:var(--color-text);color:var(--color-bg);box-shadow:none}.panel-card,.reading-card,.stat,.metric-card,.level-chart,.review-card,.recommend-card,.compare-card,.feature-card,.cta{border-radius:var(--radius-card);background:linear-gradient(180deg, var(--color-surface-top) 0%, var(--color-neutral) 100%);box-shadow:inset 0 0 0 1px var(--color-border), inset 0 1px 0 var(--color-surface-sheen)}.cta:hover{background:var(--color-neutral-hover)}.cta-primary{background:var(--color-accent);box-shadow:inset 0 1px #ffffff2e,0 10px 28px -12px #f0682fa6}.cta-primary:hover{background:var(--color-accent-hover)}.cta-meta{opacity:.8}.note,.choice{border-radius:var(--radius-input)}:is(.choice:has(input:checked),.option:has(input:checked)){box-shadow:inset 0 0 0 1.5px var(--color-accent)}.row-avatar,.row-link{border-radius:14px}.mark{background:var(--color-neutral);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border-strong);border-radius:50%}.input,.search-input{border-radius:var(--radius-input);background:var(--color-neutral);border-color:var(--color-border-strong);color:var(--color-text)}.progress-steps span.on{background:var(--color-accent)}.dialog{background:var(--color-neutral);color:var(--color-text);border-radius:28px 28px 0 0}@media (width<=899px){.nav{inset:auto var(--gutter) calc(var(--space-3) + env(safe-area-inset-bottom)) var(--gutter);justify-content:space-between;gap:var(--space-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-tabbar) 96%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.3);max-width:440px;box-shadow:var(--shadow-float);margin:0 auto;padding:6px;display:flex}.nav-item{justify-content:center;gap:var(--space-2);min-height:54px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-secondary);font:600 15px/1 var(--font-sans);flex-direction:row;flex:1;transition:background-color .16s,color .16s,flex-grow .2s}.nav-item:not(.active) span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav-item.active{background:var(--color-tab-active);color:var(--color-on-tab-active);box-shadow:var(--shadow-tab-active);flex:1.7;font-weight:650}.page{padding-bottom:calc(var(--size-tabbar) + var(--space-7) + env(safe-area-inset-bottom))}}@media (width>=900px){.nav{background:var(--color-bg);border-right-color:var(--color-border)}.nav-item.active{background:var(--color-tab-active);color:var(--color-on-tab-active);box-shadow:var(--shadow-tab-active)}}.home-intro{gap:var(--space-5);grid-template-areas:"hero""show""actions";display:grid}.home-hero{grid-area:hero}.home-actions{grid-area:actions}.home-show{background:radial-gradient(60% 70% at 50% 60%, color-mix(in srgb, var(--color-accent) 14%, transparent) 0%, transparent 70%), var(--color-neutral);height:300px;box-shadow:inset 0 0 0 1px var(--color-border);border-radius:28px;grid-area:show;margin:0;position:relative;overflow:hidden}.show-card{--stack:translateX(-50%) translateY(26px) rotate(0deg) scale(.8);aspect-ratio:770/1024;perspective:1000px;width:34%;animation:9s cubic-bezier(.2,.8,.2,1) infinite both show-deal;position:absolute;bottom:22px;left:50%}.show-before{--fan:translateX(-128%) rotate(-7deg) scale(.86);z-index:1}.show-promise{--fan:translateX(28%) rotate(7deg) scale(.86);z-index:1;animation-delay:.18s}.show-result{--fan:translateX(-50%) translateY(0) rotate(0deg) scale(1);z-index:2;width:40%;animation-delay:.36s;bottom:14px}.show-flip{width:100%;height:100%;transform-style:preserve-3d;animation:9s cubic-bezier(.3,.7,.2,1) infinite both show-flip;position:relative}.show-before .show-flip{animation-delay:.5s}.show-promise .show-flip{animation-delay:.85s}.show-result .show-flip{animation-delay:1.35s}.show-face{backface-visibility:hidden;box-shadow:0 0 0 4px var(--color-bg), 0 18px 36px -16px #1e140a73;border-radius:20px;position:absolute;inset:0;overflow:hidden}.show-front{background:var(--color-neutral-hover)}.show-front img{object-fit:cover;object-position:50% 20%;width:100%;height:100%}.show-back{background:repeating-linear-gradient(45deg,#ffffff09 0 2px,#0000 2px 10px),radial-gradient(80% 60% at 50% 40%,#2c2826 0%,#181615 100%);place-items:center;display:grid;transform:rotateY(180deg)}.show-back:before{content:"";border:1px solid #f0682f59;border-radius:14px;position:absolute;inset:8px}.show-back span{aspect-ratio:1;background:var(--color-accent);color:#fff;width:44%;font:800 clamp(16px, 4vw, 26px) / 1 var(--font-sans);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 6px #f0682f2e}.show-result .show-front{box-shadow:0 0 0 4px var(--color-bg), 0 22px 44px -14px #f0682f73}@keyframes show-deal{0%{transform:var(--stack);opacity:0}4%{transform:var(--stack);opacity:1}13%{transform:var(--fan)}86%{transform:var(--fan);opacity:1}95%{transform:var(--stack);opacity:1}to{transform:var(--stack);opacity:0}}@keyframes show-flip{0%,14%{transform:rotateY(180deg)}22%,70%{transform:rotateY(0)}77%,to{transform:rotateY(180deg)}}.show-chip{animation:9s 1.6s infinite both show-chip}@keyframes show-chip{0%,18%{opacity:0;translate:0 -6px}24%,68%{opacity:1;translate:0}74%,to{opacity:0;translate:0 -6px}}.show-tag{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);color:#fff;font:600 11px/1.2 var(--font-sans);white-space:nowrap;background:#1412109e;padding:4px 9px;position:absolute;bottom:8px;left:8px}.show-promise .show-tag{left:auto;right:8px}.show-tag-accent{background:var(--color-accent);color:var(--color-on-accent)}.show-chip{z-index:2;border-radius:var(--radius-pill);background:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-border), 0 6px 16px -8px #1e140a59;color:var(--color-text);font:600 12.5px/1 var(--font-sans);white-space:nowrap;align-items:center;gap:7px;padding:7px 13px;display:inline-flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.show-chip i{background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 25%, transparent);border-radius:50%}@media (width>=900px){.page:has(.home){max-width:1080px}.home-intro{column-gap:var(--space-7);row-gap:var(--space-6);grid-template:"hero show""actions show"1fr/minmax(0,1fr) minmax(0,1.05fr);align-items:start}.home-show{height:100%;min-height:440px}.show-tag{padding:5px 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.show-card,.show-flip,.show-chip{animation:none}.show-card{transform:var(--fan)}}.task-progress{position:relative}.task-progress-head{flex-wrap:wrap}.engine-badge{border-radius:var(--radius-pill);background:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-border-strong);color:var(--color-text);font:600 12.5px/1 var(--font-sans);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;padding:5px 6px 5px 11px;display:inline-flex}.engine-badge>i{background:var(--color-accent);border-radius:50%;width:7px;height:7px;animation:1.4s ease-out infinite engine-pulse}.engine-live{border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;font-size:10.5px;font-weight:700}@keyframes engine-pulse{0%{box-shadow:0 0 #f0682f8c}to{box-shadow:0 0 0 8px #f0682f00}}.panel-card:has(>.task-progress){position:relative;overflow:hidden}.panel-card:has(>.task-progress):after{content:"";pointer-events:none;background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--color-accent) 10%, transparent) 50%, transparent 70%);background-size:250% 100%;animation:2.4s ease-in-out infinite engine-scan;position:absolute;inset:0}@keyframes engine-scan{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.engine-badge>i{animation:none}.panel-card:has(>.task-progress):after{animation:none}}.ba{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.ba-frame{--ba-pos:50%;aspect-ratio:3/4;background:var(--color-neutral);width:100%;max-height:72vh;box-shadow:inset 0 0 0 1px var(--color-border), 0 24px 48px -24px #140c068c;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:28px;margin:0 auto;position:relative;overflow:hidden}.ba-frame:focus-visible{box-shadow:var(--focus-ring), 0 24px 48px -24px #140c068c}.ba-img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ba-after{clip-path:inset(0 0 0 var(--ba-pos));animation:.36s ba-fade}.is-sweeping .ba-after{transition:clip-path .6s cubic-bezier(.45,0,.2,1)}.is-sweeping .ba-handle{transition:left .6s cubic-bezier(.45,0,.2,1)}@keyframes ba-fade{0%{opacity:0}}.ba-handle{top:0;bottom:0;left:var(--ba-pos);pointer-events:none;width:0;position:absolute}.ba-handle:before{content:"";background:#fff;width:3px;position:absolute;top:0;bottom:0;left:-1.5px;box-shadow:0 0 12px #00000059}.ba-knob{color:#1b1a19;background:#fff;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .16s;display:grid;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #f0682f59,0 10px 24px -6px #00000080}.ba-frame:active .ba-knob{transform:translate(-50%,-50%)scale(1.08)}.ba-tag{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);color:#fff;font:650 12.5px/1 var(--font-sans);white-space:nowrap;pointer-events:none;background:#14121099;padding:6px 12px;transition:opacity .2s;position:absolute;top:14px}.ba-tag-before{left:14px}.ba-tag-after{background:var(--color-accent);right:14px}.ba-frame[aria-valuenow="0"] .ba-tag-before,.ba-frame[aria-valuenow="1"] .ba-tag-before,.ba-frame[aria-valuenow="2"] .ba-tag-before,.ba-frame[aria-valuenow="100"] .ba-tag-after,.ba-frame[aria-valuenow="99"] .ba-tag-after,.ba-frame[aria-valuenow="98"] .ba-tag-after{opacity:0}.ba-hint{justify-content:center;align-items:center;gap:var(--space-2);font:var(--text-small);color:var(--color-text-muted);display:flex}.ba-hint:before,.ba-hint:after{content:"";background:var(--color-border-strong);width:28px;height:1px}@media (prefers-reduced-motion:reduce){.ba-after{animation:none}}.home-logo{width:auto;height:30px;color:var(--color-text);display:block}@media (width>=900px){svg.nav-brand{width:auto;height:28px;margin:0 var(--space-3) var(--space-5);color:var(--color-text);padding:0}}.show-back span svg{color:#fff;width:56%;height:auto}