:root{--brand: #1a4a8a;--brand-contrast: #ffffff;--text: #182231;--text-muted: #555b66;--surface: #ffffff;--surface-raised: #f6f8fb;--border: #d9dee6;--error: #8a1a1a;--ok: #2e7d32;--ok-strong: #1a4a2a;--pending: #f6c453;--pending-border: #e0b872;--empty: #eeeeee;--empty-border: #dddddd;--banner-bg: #fff6e5;--banner-border: #e0b872;--push-bg: #eef4fb;--push-border: #b9d0ea;--notice-bg: #f2f7ff;--notice-border: var(--brand);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 8px;--radius: 10px;--radius-lg: 14px;--radius-pill: 999px;--fs-sm: clamp(.875rem, .84rem + .2vw, .95rem);--fs-base: clamp(1.0625rem, 1rem + .35vw, 1.1875rem);--fs-md: clamp(1.125rem, 1.06rem + .35vw, 1.25rem);--fs-lg: clamp(1.2rem, 1.1rem + .5vw, 1.4rem);--fs-xl: clamp(1.375rem, 1.2rem + .8vw, 1.6rem);--fs-2xl: clamp(1.75rem, 1.5rem + 1.2vw, 2.25rem);--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--tap-min: 48px}@media(prefers-color-scheme:dark){:root{--brand: #5fa8d8;--brand-contrast: #0b1017;--text: #e6ebf2;--text-muted: #9aa6b4;--surface: #10151c;--surface-raised: #161d26;--border: #2a3542;--error: #ff7a7a;--ok: #5cc27f;--ok-strong: #5cc27f;--pending: #e0b45a;--pending-border: #6b5a2e;--empty: #26303b;--empty-border: #384654;--banner-bg: #2a2312;--banner-border: #6b5a2e;--push-bg: #14202e;--push-border: #2b4a63;--notice-bg: #14202e;--notice-border: #2b4a63}}*,*:before,*:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}body{margin:0;background:var(--surface);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--fs-base);line-height:1.5;overscroll-behavior-y:contain}button{font:inherit;touch-action:manipulation}a{color:var(--brand)}img{max-width:100%}h1{font-size:var(--fs-xl);line-height:1.2;font-weight:700;margin:0 0 var(--space-3)}h2{font-size:var(--fs-lg);line-height:1.25;font-weight:700;margin:0 0 var(--space-2)}.page{max-width:560px;margin:0 auto;padding:calc(var(--space-5) + var(--safe-t)) calc(var(--space-5) + var(--safe-r)) calc(var(--space-5) + var(--safe-b)) calc(var(--space-5) + var(--safe-l))}.page--flow{padding-bottom:var(--safe-b)}.brandmark{display:block;width:100%;max-width:260px;height:auto;margin:0 auto var(--space-6)}.greeting{font-size:var(--fs-md);font-weight:600;color:var(--brand);margin:0 0 var(--space-1)}.tagline{color:var(--text-muted);font-size:var(--fs-sm)}.subtitle{font-size:var(--fs-md);color:var(--text-muted)}.muted{color:var(--text-muted);font-size:var(--fs-sm)}.error-text{color:var(--error);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-min);padding:.7rem 1.2rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-raised);color:var(--text);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .06s ease}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand)}.btn-link{display:inline-flex;align-items:center;min-height:44px;padding:.35rem 0;background:none;border:none;color:var(--brand);font-size:var(--fs-sm);text-decoration:underline;cursor:pointer}.btn-link:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.cta{width:100%;font-size:var(--fs-lg);padding:.95rem 1.2rem}.home-start{margin-top:var(--space-4)}.flow{display:flex;flex-direction:column;min-height:60svh;min-height:calc(100svh - 12rem)}.flow-progress{margin-bottom:var(--space-5)}.flow-segments{display:flex;gap:var(--space-1);margin-bottom:var(--space-1)}.flow-seg{flex:1;height:5px;border-radius:var(--radius-pill);background:var(--empty);transition:background-color .2s ease}.flow-seg--on{background:var(--brand)}.flow-step-label{margin:0;color:var(--text-muted);font-size:var(--fs-sm)}.flow-body{flex:1 1 auto;padding-bottom:var(--space-4);animation:vb-fade-in .22s ease}.question{font-size:var(--fs-lg)}.help-text{color:var(--text-muted);margin:0 0 var(--space-4)}.flow-actions{position:sticky;bottom:0;display:flex;gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-3) 0 calc(var(--space-3) + var(--safe-b));border-top:1px solid var(--border);background:var(--surface)}.flow-actions .btn-back{flex:0 0 auto}.flow-actions .btn-advance{flex:1 1 auto}.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(2.75rem,1fr));gap:var(--space-2)}.pain-btn{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;min-height:2.75rem;padding:0;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-raised);font-size:var(--fs-md);font-weight:700;cursor:pointer;transition:transform .06s ease}.pain-btn:active{transform:scale(.96)}.pain-btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.pain-readout{display:flex;align-items:baseline;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised)}.pain-readout-score{font-size:var(--fs-2xl);font-weight:800;line-height:1}.pain-readout-label{font-size:var(--fs-md);color:var(--text)}.choice-row{display:flex;gap:var(--space-3)}.choice-btn{flex:1 1 0}.skip-block{margin-top:var(--space-4)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{min-height:44px;padding:.5rem .9rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-raised);color:var(--text);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.chip:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.chip--on{border-color:var(--brand);border-width:2px;color:var(--brand)}.symptom-list{display:flex;flex-direction:column;gap:var(--space-2)}.symptom-row{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);font-size:var(--fs-base);cursor:pointer}.symptom-row:focus-within{outline:3px solid var(--brand);outline-offset:2px}.symptom-check{width:24px;height:24px;flex:0 0 auto;accent-color:var(--brand)}.symptoms-none{align-self:flex-start;margin-top:var(--space-1)}.review-list{list-style:none;margin:0;padding:0}.review-list li{padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:var(--fs-base)}.review-list li:last-child{border-bottom:none}.review-answer{font-weight:700}.state-line{font-size:var(--fs-md)}.banner{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--banner-bg);border:1px solid var(--banner-border);color:var(--text);font-size:var(--fs-base)}.banner p{margin:0 0 var(--space-2)}.banner-strong{font-weight:700}.banner-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.banner-explainer{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--fs-sm)}.push-card{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--push-bg);border:1px solid var(--push-border);color:var(--text);font-size:var(--fs-base)}.push-title{margin:0 0 var(--space-2);font-weight:600}.push-body{margin:0 0 var(--space-3)}.push-on{margin:0 0 var(--space-3);color:var(--ok-strong)}.notice{margin-top:var(--space-4);padding:var(--space-5);border:2px solid var(--notice-border);border-radius:var(--radius);background:var(--notice-bg)}.notice h2{margin:0 0 var(--space-2)}.notice p{margin:0 0 var(--space-3);font-size:var(--fs-base)}.notice p:last-child{margin-bottom:0}.notice-phone{font-weight:700}.tracking{margin-top:var(--space-5)}.tracking h2,.tracking p{margin:0 0 var(--space-2)}.streak-count{font-size:var(--fs-base)}.streak-strong{font-size:var(--fs-lg)}.tracking-celebrate{color:var(--ok);font-weight:700}.tracking-note{margin:0;color:var(--text-muted);font-size:var(--fs-sm)}.calendar{display:flex;flex-wrap:wrap;gap:6px;margin:var(--space-2) 0}.dot{width:22px;height:22px;border-radius:50%}.dot--completed{background:var(--ok);border:1px solid var(--ok)}.dot--pending{background:var(--pending);border:1px solid var(--pending-border)}.dot--empty{background:var(--empty);border:1px solid var(--empty-border)}@keyframes vb-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root{--demo-scrim: rgba(9, 14, 21, .6);--demo-shadow: 0 18px 48px rgba(0, 0, 0, .28)}@media(prefers-color-scheme:dark){:root{--demo-scrim: rgba(2, 5, 9, .72);--demo-shadow: 0 18px 48px rgba(0, 0, 0, .55)}}.demo-banner{position:sticky;top:0;z-index:1000;margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4);padding:calc(var(--space-2) + var(--safe-t)) var(--space-4) var(--space-2);background:var(--banner-bg);border-bottom:1px solid var(--banner-border);color:var(--text);font-size:var(--fs-sm);font-weight:600;text-align:center}.demo-tour-launch{position:fixed;left:50%;bottom:calc(var(--space-4) + var(--safe-b));transform:translate(-50%);z-index:60;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-pill);background:var(--brand);color:var(--brand-contrast);font-family:inherit;font-size:var(--fs-base, 1rem);font-weight:640;cursor:pointer;box-shadow:0 10px 30px #0f23404d;animation:demo-launch-in .5s cubic-bezier(.16,1,.3,1) both}.demo-tour-launch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 color-mix(in srgb,var(--brand) 42%,transparent);animation:demo-launch-pulse 2.4s ease-out .9s 2;pointer-events:none}.demo-tour-launch:active{transform:translate(-50%) scale(.97)}.demo-tour-launch__play{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffff38}@keyframes demo-launch-in{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes demo-launch-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--brand) 42%,transparent)}70%,to{box-shadow:0 0 0 18px color-mix(in srgb,var(--brand) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.demo-tour-launch,.demo-tour-launch:after{animation:none}}.demo-tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;pointer-events:none}.demo-tour-blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto}.demo-tour-spotlight{position:fixed;z-index:2;border-radius:var(--radius-lg);box-shadow:0 0 0 9999px var(--demo-scrim);pointer-events:none;transition:top .42s cubic-bezier(.16,1,.3,1),left .42s cubic-bezier(.16,1,.3,1),width .42s cubic-bezier(.16,1,.3,1),height .42s cubic-bezier(.16,1,.3,1),opacity .2s ease}.demo-tour-card{position:fixed;z-index:3;pointer-events:auto;background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--demo-shadow);padding:var(--space-4);transition:top .32s cubic-bezier(.16,1,.3,1),left .32s cubic-bezier(.16,1,.3,1)}.demo-tour-card:focus{outline:none}.demo-tour-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.demo-tour-step{font-size:var(--fs-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand)}.demo-tour-x{min-width:40px;min-height:40px;margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) 0 0;border:none;background:none;color:var(--text-muted);font-size:1.6rem;line-height:1;cursor:pointer}.demo-tour-x:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}.demo-tour-title{margin:0 0 var(--space-2);font-size:var(--fs-lg);line-height:1.25}.demo-tour-body p{margin:0 0 var(--space-2);font-size:var(--fs-sm);line-height:1.55;color:var(--text)}.demo-tour-body p:last-child{margin-bottom:0}.demo-tour-hint{color:var(--text-muted);font-style:italic}.demo-tour-foot{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.demo-tour-foot .btn{flex:1;min-height:var(--tap-min);padding:.55rem 1rem;font-size:var(--fs-sm)}.demo-tour-card:after{content:"";position:absolute;width:14px;height:14px;background:var(--surface-raised);border:1px solid var(--border);transform:rotate(45deg)}.demo-tour-card--none:after{display:none}.demo-tour-card--top:after{top:-8px;left:calc(50% - 7px);border-right:none;border-bottom:none}.demo-tour-card--bottom:after{bottom:-8px;left:calc(50% - 7px);border-left:none;border-top:none}.demo-tour-card--left:after{left:-8px;top:calc(50% - 7px);border-right:none;border-top:none}.demo-tour-card--right:after{right:-8px;top:calc(50% - 7px);border-left:none;border-bottom:none}