:root{--red-50: #fff5f4;--red-100: #ffe4e1;--red-200: #ffc9c3;--red-300: #ff9e94;--red-400: #fb6f62;--red-500: #f04438;--red-600: #e03127;--red-700: #be2018;--red-800: #921611;--ink: #1c1a19;--ink-700: #3a3633;--ink-500: #6b6460;--ink-400: #736d66;--ink-300: #bdb9b4;--hairline: #eae6e2;--hairline-strong: #dcd7d2;--surface: #ffffff;--surface-raised: #ffffff;--canvas: #fbf8f6;--canvas-sunk: #f5f1ee;--coach-bubble: #fff5f4;--coach-bubble-border: #ffe0db;--phone-frame: #211e1c;--phone-frame-edge: #39342f;--success: #1fa971;--success-soft: #e4f6ee;--warn: #e6a100;--warn-soft: #fcf1d6;--danger: #d92d20;--danger-soft: #fde7e4;--info: #2e7cf6;--info-soft: #e6f0fe;--zone-1: #8fa1b3;--zone-2: #2fb67d;--zone-3: #e6a100;--zone-4: #f0552b;--zone-5: #c81e10;--focus-ring: #fb6f62;--scrim: rgba(28, 26, 25, .48);--font-display: "Hanken Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", "Roboto Mono", ui-monospace, Menlo, monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px;--r-phone: 44px;--s0: 2px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 48px;--s10: 64px;--s11: 80px;--s12: 96px;--shadow-xs: 0 1px 2px rgba(28, 26, 25, .05);--shadow-sm: 0 1px 3px rgba(28, 26, 25, .06), 0 1px 2px rgba(28, 26, 25, .04);--shadow-md: 0 4px 12px rgba(28, 26, 25, .07), 0 2px 4px rgba(28, 26, 25, .04);--shadow-lg: 0 12px 28px rgba(28, 26, 25, .1), 0 4px 8px rgba(28, 26, 25, .05);--shadow-xl: 0 24px 56px rgba(28, 26, 25, .14), 0 8px 16px rgba(28, 26, 25, .06);--shadow-red: 0 6px 18px rgba(224, 49, 39, .28);--shadow-red-pressed: 0 2px 8px rgba(224, 49, 39, .22);--shadow-phone: 0 40px 90px rgba(28, 26, 25, .3), 0 12px 28px rgba(28, 26, 25, .18);--shadow-inset-well: inset 0 1px 2px rgba(28, 26, 25, .06);--shadow-focus: 0 0 0 2px #ffffff, 0 0 0 4px rgba(251, 111, 98, .65);--gradient-brand: linear-gradient(135deg, #f04438 0%, #e03127 52%, #be2018 100%);--gradient-brand-soft: linear-gradient(135deg, #ff9e94 0%, #f04438 100%);--gradient-button: linear-gradient(180deg, #e03127 0%, #d22a20 55%, #c8231b 100%);--gradient-canvas-warmth: radial-gradient(120% 80% at 50% -10%, #fff5f4 0%, #fbf8f6 46%, #fbf8f6 100%);--gradient-coach-aura: radial-gradient(60% 60% at 30% 20%, rgba(240, 68, 56, .1) 0%, rgba(240, 68, 56, 0) 70%);--gradient-zone-bar: linear-gradient(90deg, #8fa1b3 0%, #2fb67d 28%, #e6a100 56%, #f0552b 80%, #c81e10 100%);--gradient-progress: linear-gradient(90deg, #f04438 0%, #e03127 100%);--gradient-hero: linear-gradient(160deg, #ffffff 0%, #fff5f4 40%, #ffe4e1 100%);--gradient-skeleton: linear-gradient(90deg, #f5f1ee 0%, #fbf8f6 50%, #f5f1ee 100%);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.32, .64, 1);--ease-emphasis: cubic-bezier(.2, 0, 0, 1);--dur-instant: 90ms;--dur-fast: .14s;--dur-base: .2s;--dur-slow: .32s;--dur-sheet: .42s}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,figure{margin:0}button{font-family:inherit;cursor:pointer}a{color:var(--red-600);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--red-100);color:var(--ink)}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--r-sm)}.t-display{font-family:var(--font-display);font-size:clamp(34px,5vw,56px);font-weight:700;line-height:1.05;letter-spacing:-.025em}.t-h1{font-family:var(--font-display);font-size:clamp(26px,3.5vw,38px);font-weight:700;line-height:1.12;letter-spacing:-.02em}.t-h2{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.014em}.t-h3{font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.t-body{font-size:16px;font-weight:400;line-height:1.55}.t-body-strong{font-size:16px;font-weight:600;line-height:1.55}.t-small{font-size:14px;font-weight:400;line-height:1.45}.t-caption{font-size:12px;font-weight:500;line-height:1.35;letter-spacing:.01em}.t-overline{font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}.t-mono{font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:-.005em}.t-metric{font-family:var(--font-display);font-size:34px;font-weight:700;line-height:1;letter-spacing:-.02em}.ink-500{color:var(--ink-500)}.ink-400{color:var(--ink-400)}.red{color:var(--red-600)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.gap-1{gap:var(--s1)}.gap-2{gap:var(--s2)}.gap-3{gap:var(--s3)}.gap-4{gap:var(--s4)}.gap-5{gap:var(--s5)}.gap-6{gap:var(--s6)}.gap-7{gap:var(--s7)}.gap-8{gap:var(--s8)}.gap-9{gap:var(--s9)}.grow{flex:1}.center{align-items:center;justify-content:center}.between{justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:48px;padding:0 var(--s6);border:none;border-radius:var(--r-md);font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}.btn:active{transform:scale(.98)}.btn--sm{height:40px;padding:0 var(--s5);font-size:14px}.btn--block{width:100%}.btn--primary{background:var(--gradient-button);color:#fff;box-shadow:var(--shadow-red)}.btn--primary:hover{box-shadow:0 8px 22px #e0312757}.btn--primary:active{box-shadow:var(--shadow-red-pressed)}.btn--primary:disabled{background:var(--canvas-sunk);color:var(--ink-400);box-shadow:none;cursor:default}.btn--outline{background:var(--surface);color:var(--red-700);border:1.5px solid var(--red-600)}.btn--outline:hover{background:var(--red-50)}.btn--ghost{background:transparent;color:var(--red-700)}.btn--ghost:hover{background:var(--red-50)}.btn--neutral{background:var(--surface);color:var(--ink-700);border:1px solid var(--hairline-strong)}.btn--neutral:hover{background:var(--canvas-sunk)}.btn--danger{background:var(--danger);color:#fff}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--s5)}.pill{display:inline-flex;align-items:center;gap:var(--s1);height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.pill--success{background:var(--success-soft);color:#0f7a4f}.pill--warn{background:var(--warn-soft);color:#8a6200}.pill--danger{background:var(--danger-soft);color:var(--red-800)}.pill--info{background:var(--info-soft);color:#1b5fc4}.pill--red{background:var(--red-50);color:var(--red-700)}.pill--neutral{background:var(--canvas-sunk);color:var(--ink-500)}.tag-computed{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 7px;border-radius:var(--r-pill);background:var(--info-soft);color:#1b5fc4;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.chip{display:inline-flex;align-items:center;gap:var(--s2);min-height:40px;padding:8px 16px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--hairline);color:var(--ink-700);font-size:14px;font-weight:600;text-align:left;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-base) var(--ease-spring)}.chip:hover{background:var(--red-50);border-color:var(--hairline-strong)}.chip--selected{background:var(--red-50);border-color:var(--red-600);color:var(--red-700);animation:chip-pop var(--dur-base) var(--ease-spring)}@keyframes chip-pop{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.chip__emoji{font-size:16px;line-height:1}.banner{display:flex;gap:var(--s3);padding:var(--s4);border-radius:var(--r-md);border:1px solid transparent}.banner__icon{flex:0 0 auto;font-size:18px;line-height:1.4}.banner--warn{background:var(--warn-soft);border-color:#f0d28a}.banner--danger{background:var(--danger-soft);border-color:#f3b4ad}.banner--success{background:var(--success-soft);border-color:#aee0c9}.banner--info{background:var(--info-soft);border-color:#bcd6fb}.field{width:100%;height:48px;padding:0 var(--s4);border-radius:var(--r-sm);border:1px solid var(--hairline-strong);background:var(--surface);font-family:inherit;font-size:16px;color:var(--ink);transition:border-color var(--dur-fast) var(--ease-standard)}.field::placeholder{color:var(--ink-400)}.field:hover{border-color:var(--ink-300)}.field:focus{outline:none;border-color:var(--red-500);box-shadow:0 0 0 3px #f044381f}textarea.field{height:auto;padding:var(--s3) var(--s4);line-height:1.5;resize:vertical}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--r-pill);background:var(--canvas-sunk);box-shadow:var(--shadow-inset-well);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--surface);border:2px solid var(--red-600);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur-base) var(--ease-spring)}.slider::-webkit-slider-thumb:active{transform:scale(1.12)}.slider:focus-visible{box-shadow:var(--shadow-focus)}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--surface);border:2px solid var(--red-600);box-shadow:var(--shadow-sm);cursor:pointer}.progress{width:100%;height:8px;border-radius:var(--r-pill);background:var(--canvas-sunk);box-shadow:var(--shadow-inset-well);overflow:hidden}.progress__fill{height:100%;border-radius:var(--r-pill);background:var(--gradient-progress);transition:width var(--dur-slow) var(--ease-emphasis)}.bubble{max-width:86%;padding:11px 14px;font-size:15px;line-height:1.5;animation:bubble-in var(--dur-base) var(--ease-decelerate) both}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bubble--coach{align-self:flex-start;background:var(--coach-bubble);border:1px solid var(--coach-bubble-border);color:var(--ink);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-md)}.bubble--user{align-self:flex-end;background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-xs);color:var(--ink-700);border-radius:var(--r-lg) var(--r-lg) var(--r-md) var(--r-lg)}.typing{display:inline-flex;gap:5px;padding:14px 16px}.typing span{width:7px;height:7px;border-radius:50%;background:var(--red-300);animation:typing 1.1s ease-in-out infinite}.typing span:nth-child(2){animation-delay:.16s}.typing span:nth-child(3){animation-delay:.32s}@keyframes typing{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.phone{position:relative;width:390px;height:800px;background:var(--phone-frame);border-radius:var(--r-phone);padding:12px 10px;box-shadow:var(--shadow-phone),inset 0 0 0 1px var(--phone-frame-edge);flex:0 0 auto}.phone__notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:104px;height:26px;background:var(--phone-frame);border-radius:var(--r-pill);z-index:5;display:flex;align-items:center;justify-content:center;gap:8px}.phone__notch:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--phone-frame-edge)}.phone__screen{width:100%;height:100%;background:var(--canvas);border-radius:var(--r-xl);overflow:hidden;position:relative;display:flex;flex-direction:column}.statusbar{height:44px;flex:0 0 auto;display:flex;align-items:flex-end;justify-content:space-between;padding:0 22px 6px;font-size:13px;font-weight:600;color:var(--ink)}.screen-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen-body::-webkit-scrollbar{width:0}.tabbar{flex:0 0 auto;display:flex;background:var(--surface);border-top:1px solid var(--hairline);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:6px 0 4px;color:var(--ink-400);position:relative;transition:color var(--dur-fast) var(--ease-standard)}.tab--active{color:var(--red-600)}.tab--active:before{content:"";position:absolute;top:0;width:22px;height:2px;border-radius:var(--r-pill);background:var(--red-600)}.tab__label{font-size:10px;font-weight:600;letter-spacing:.01em}.divider{height:1px;background:var(--hairline);border:none;margin:0}.kbd{font-family:var(--font-mono);font-size:12px}.skeleton{background:var(--gradient-skeleton);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-up{animation:fade-up var(--dur-slow) var(--ease-decelerate) both}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.typing span{animation:none;opacity:.6}}.opt-row{display:flex;align-items:center;gap:var(--s3);width:100%;padding:13px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--hairline);text-align:left;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-base) var(--ease-spring)}.opt-row:hover{background:var(--red-50);border-color:var(--hairline-strong)}.opt-row[data-selected=true]{background:var(--red-50);border-color:var(--red-600);animation:chip-pop var(--dur-base) var(--ease-spring)}.opt-row[data-selected=true] .t-body-strong{color:var(--red-700)}.opt-row__emoji{font-size:20px;line-height:1;flex:0 0 auto}.opt-row__check{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--hairline-strong);display:flex;align-items:center;justify-content:center;color:#fff;transition:background var(--dur-fast),border-color var(--dur-fast)}.opt-row[data-selected=true] .opt-row__check{background:var(--red-600);border-color:var(--red-600)}.twoaxis{position:relative;padding:26px;margin:0 auto;width:100%;max-width:300px}.twoaxis__pad{position:relative;aspect-ratio:1;border-radius:var(--r-lg);background:radial-gradient(120% 120% at 50% 50%,var(--red-50) 0%,var(--surface) 70%);border:1px solid var(--hairline-strong);box-shadow:var(--shadow-inset-well);touch-action:none;cursor:crosshair;overflow:hidden}.twoaxis__cross{position:absolute;background:var(--hairline);pointer-events:none}.twoaxis__cross--v{left:50%;top:8%;bottom:8%;width:1px;transform:translate(-.5px)}.twoaxis__cross--h{top:50%;left:8%;right:8%;height:1px;transform:translateY(-.5px)}.twoaxis__thumb{position:absolute;width:30px;height:30px;border-radius:50%;background:var(--gradient-button);border:3px solid #fff;box-shadow:var(--shadow-red);transform:translate(-50%,-50%);transition:box-shadow var(--dur-base);pointer-events:none}.twoaxis__pad:focus-visible{box-shadow:var(--shadow-focus);outline:none}.twoaxis__lbl{position:absolute;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-400);white-space:nowrap}.twoaxis__lbl--top{top:4px;left:50%;transform:translate(-50%)}.twoaxis__lbl--bottom{bottom:4px;left:50%;transform:translate(-50%)}.twoaxis__lbl--left{left:-14px;top:50%;transform:translateY(-50%) rotate(-90deg)}.twoaxis__lbl--right{right:-18px;top:50%;transform:translateY(-50%) rotate(90deg)}.device-card{display:flex;align-items:center;gap:var(--s3);width:100%;padding:14px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-sm);text-align:left;transition:border-color var(--dur-base),background var(--dur-base),opacity var(--dur-base)}.device-card:hover:not(:disabled){border-color:var(--red-300)}.device-card:disabled{cursor:default}.device-card[data-state=done]{border-color:#aee0c9;background:var(--success-soft)}.device-card[data-state=connecting]{border-color:var(--info)}.device-card__glyph{flex:0 0 auto;width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;background:var(--canvas-sunk);color:var(--ink-700)}.device-card__glyph[data-watch=true]{background:var(--red-50);color:var(--red-600)}.device-card__action{flex:0 0 auto;color:var(--ink-400)}.dot-pulse{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--info);animation:dot-pulse 1s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.toggle{flex:0 0 auto;width:46px;height:28px;border-radius:var(--r-pill);border:none;background:var(--hairline-strong);padding:3px;transition:background var(--dur-base) var(--ease-standard)}.toggle[data-on=true]{background:var(--red-600)}.toggle__knob{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transform:translate(0);transition:transform var(--dur-base) var(--ease-spring)}.toggle[data-on=true] .toggle__knob{transform:translate(18px)}.feas-bar{position:relative;height:10px;border-radius:var(--r-pill);background:var(--canvas-sunk);box-shadow:var(--shadow-inset-well);margin:14px 0 18px}.feas-bar__fill{position:absolute;top:0;right:22%;bottom:0;left:0;border-radius:var(--r-pill);background:var(--gradient-progress)}.feas-bar__now,.feas-bar__target{position:absolute;top:14px;font-size:11px;font-weight:700;color:var(--ink-400)}.feas-bar__now{left:0}.feas-bar__target{right:0;color:var(--red-700)}.feas-bar:after{content:"";position:absolute;right:22%;top:-3px;bottom:-3px;width:2px;border-radius:var(--r-pill);background:var(--ink)}.constitution{border-radius:var(--r-xl);overflow:hidden;background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-lg)}.constitution__head{display:flex;align-items:center;gap:var(--s2);padding:13px 16px;background:var(--gradient-brand)}.constitution__body{padding:18px 16px}.const-sec__head{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0}.const-sec__edit{font-size:11px;font-weight:700;color:var(--red-600);opacity:0;transition:opacity var(--dur-fast)}.const-sec__head:hover .const-sec__edit,.const-sec__head:focus-visible .const-sec__edit{opacity:1}.constitution__rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.constitution__rules li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-700)}.constitution__rules li svg{color:var(--red-600);flex:0 0 auto}.constitution__rails{background:var(--red-50);border:1px solid var(--coach-bubble-border);border-radius:var(--r-md);padding:12px 14px;color:var(--red-800)}.constitution__rails-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px}.constitution__rails-list li{font-size:13px;color:var(--ink-700)}.ob{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--gradient-canvas-warmth)}.ob__head{flex:0 0 auto;padding:10px 14px 12px;background:#fbf8f6db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hairline)}.ob__back{width:30px;height:30px;border-radius:50%;border:1px solid var(--hairline);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--ink-500);flex:0 0 auto}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--success);display:inline-block}.ob__rail{display:flex;gap:4px;margin-top:12px}.ob__rail-seg{flex:1;height:4px;border-radius:var(--r-pill);background:var(--hairline);transition:background var(--dur-slow)}.ob__rail-seg[data-state=done]{background:var(--red-300)}.ob__rail-seg[data-state=now]{background:var(--red-600)}.ob__thread{flex:1;min-height:0;overflow-y:auto;padding:16px 14px 28px;display:flex;flex-direction:column;gap:14px}.ob__thread::-webkit-scrollbar{width:0}.ob__turn{display:flex;flex-direction:column;gap:8px}.ob__coach-group{position:relative;padding-left:28px}.ob__coach-mark{position:absolute;left:0;top:0}.ob__coach-group .stack{align-items:flex-start}.typing-wrap{display:flex;align-items:center;gap:8px}.typing-wrap .typing{background:var(--coach-bubble);border:1px solid var(--coach-bubble-border);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-md)}.ob__helper{margin:2px 0 0 28px;font-size:12px;color:var(--ink-400);display:flex;align-items:center;gap:5px}.ob__input{margin-top:6px}.ob-welcome{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;padding:16px 20px 22px;background:var(--gradient-hero)}.ob-welcome__close{position:absolute;top:14px;left:14px;width:32px;height:32px;border-radius:50%;border:1px solid var(--hairline);background:#ffffffb3;display:flex;align-items:center;justify-content:center;color:var(--ink-500);z-index:2}.ob-welcome__hero{flex:1;min-height:0;overflow-y:auto;justify-content:center;padding:30px 0 10px}.ob-welcome__hero::-webkit-scrollbar{width:0}.ob-welcome__mark{width:116px;height:116px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);box-shadow:var(--shadow-lg),0 0 0 8px #e031270f}.ob-welcome__foot{flex:0 0 auto;padding-top:12px}.ob-welcome__num{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--gradient-button);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.surface-col{flex:1;min-height:0;display:flex;flex-direction:column}.scr-pad{padding:14px 16px 28px}.readiness{display:flex;align-items:center;gap:var(--s3);padding:12px 14px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.readiness:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--success)}.readiness__chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);background:var(--success-soft);color:#0f7a4f;font-size:11px;font-weight:800;letter-spacing:.06em;flex:0 0 auto}.readiness__dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.readiness__score{font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--success);flex:0 0 auto;line-height:1}.target{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:var(--r-md);background:var(--canvas-sunk)}.target__icon{color:var(--red-600);display:inline-flex}.why{border-left:3px solid var(--red-600);background:var(--red-50);border-radius:0 var(--r-md) var(--r-md) 0;padding:10px 12px}.breadcrumb{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;border-radius:var(--r-md);background:var(--canvas-sunk);border:1px solid var(--hairline);color:var(--ink-700)}.breadcrumb svg:first-child{color:var(--red-600)}.breadcrumb .grow,.breadcrumb span{flex:1;text-align:left}.breadcrumb svg:last-child{color:var(--ink-400)}.disclosure__btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:4px 0;color:var(--ink-500);font-size:13px;font-weight:600}.disclosure__body{padding:4px 0 2px}.chat-head{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--hairline);background:#fbf8f6e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-thread{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--gradient-canvas-warmth)}.chat-thread::-webkit-scrollbar{width:0}.chat-foot{flex:0 0 auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--hairline);background:var(--surface)}.composer{display:flex;align-items:center;gap:6px;background:var(--canvas-sunk);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:2px 2px 2px 6px}.composer__send{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:none;background:var(--gradient-button);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-red)}.data-chip{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;margin:0 1px;border-radius:var(--r-pill);background:var(--info-soft);color:#1b5fc4;font-family:var(--font-mono);font-size:12px;font-weight:600;border:none}.weekmini{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 3px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--hairline);text-align:center}.weekmini[data-key=true]{border-color:var(--red-300);background:var(--red-50)}.loadbars{position:relative;display:flex;align-items:flex-end;gap:6px;height:110px;padding-top:8px}.loadbars__col{flex:1;height:100%;display:flex;align-items:flex-end}.loadbars__bar{width:100%;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--red-300);transition:height var(--dur-slow) var(--ease-emphasis)}.loadbars__bar[data-current=true]{background:var(--gradient-progress)}.loadbars__bar[data-recovery=true]{background:repeating-linear-gradient(45deg,var(--red-100),var(--red-100) 4px,var(--red-200) 4px,var(--red-200) 8px)}.loadbars__ceiling{position:absolute;left:0;right:0;top:22%;border-top:2px dashed var(--ink-300)}.acwr__track{position:relative;height:12px;border-radius:var(--r-pill);background:var(--canvas-sunk);box-shadow:var(--shadow-inset-well)}.acwr__safe{position:absolute;top:0;bottom:0;background:var(--success-soft);border-radius:var(--r-pill)}.acwr__ceiling{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--danger);border-radius:var(--r-pill)}.acwr__thumb{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--surface);border:3px solid var(--success);box-shadow:var(--shadow-sm);transform:translate(-50%,-50%)}.phase-ribbon{display:flex;gap:4px}.phase-seg{position:relative;padding:10px 8px;border-radius:var(--r-md);background:var(--canvas-sunk);display:flex;flex-direction:column;gap:1px;color:var(--ink-500)}.phase-seg[data-state=done]{background:var(--red-100);color:var(--red-700)}.phase-seg[data-state=now]{background:var(--gradient-button);color:#fff;box-shadow:var(--shadow-red)}.phase-seg__marker{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;white-space:nowrap;background:var(--ink);color:#fff;padding:2px 7px;border-radius:var(--r-pill)}.ramp{display:flex;align-items:flex-end;gap:5px;height:130px}.ramp__col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.ramp__bar{width:100%;min-height:8px;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--red-300)}.ramp__bar[data-current=true]{background:var(--gradient-progress)}.ramp__bar[data-peak=true]{background:var(--red-700)}.ramp__bar[data-race=true]{background:var(--ink)}.ramp__bar[data-recovery=true]{background:repeating-linear-gradient(45deg,var(--red-100),var(--red-100) 3px,var(--red-200) 3px,var(--red-200) 6px)}.ramp__km{font-size:10px;font-weight:700;color:var(--ink-400)}.day-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--hairline)}.day-row[data-today=true]{border-color:var(--red-600);background:var(--red-50);box-shadow:var(--shadow-sm)}.day-row__dow{width:32px;flex:0 0 auto;color:var(--ink-500)}.avatar{width:56px;height:56px;border-radius:50%;background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:20px;flex:0 0 auto;box-shadow:var(--shadow-red)}.paces{display:flex;gap:6px;background:var(--canvas-sunk);border-radius:var(--r-md);padding:8px}.paces__cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px}.paces__cell+.paces__cell{border-left:1px solid var(--hairline)}.rule-lock{width:28px;height:28px;border-radius:var(--r-sm);background:var(--red-50);color:var(--red-600);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.site{background:var(--canvas)}.site-wrap{max-width:1080px;margin:0 auto;padding:0 24px;width:100%}.site-nav{position:sticky;top:0;z-index:50;background:#fbf8f6d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);padding:14px 0}.site-nav__links{display:flex;gap:26px}.site-nav__links a{color:var(--ink-700);font-size:15px;font-weight:500}.site-nav__links a:hover{color:var(--red-600);text-decoration:none}.hero{background:var(--gradient-hero);padding:64px 0 40px;overflow:hidden}.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.hero__copy{max-width:560px}.hero__phone{display:flex;justify-content:center;align-items:flex-start}.hero__phone .phone{transform:scale(.82);transform-origin:top center;margin-bottom:-132px}.device-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:22px 24px;margin:28px auto 0;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.device-strip__name{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink-700)}.device-strip__name svg{color:var(--red-500)}.section{padding:76px 0}.section[data-tone=white]{background:var(--surface)}.section[data-tone=tint]{background:var(--red-50)}.sec-head{max-width:760px}.feature-grid{display:grid;gap:18px}.feature-grid--4{grid-template-columns:repeat(4,1fr)}.feature-grid--3{grid-template-columns:repeat(3,1fr)}.feature-grid--auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-xs);transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base)}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-emoji{font-size:26px;line-height:1}.feature-num{width:34px;height:34px;border-radius:var(--r-md);background:var(--gradient-button);color:#fff;font-family:var(--font-display);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-red)}.emphasis{background:linear-gradient(165deg,#2a2220,#1c1a19 60%,#2a1614)}.emphasis-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:22px}.emphasis--soft{background:var(--red-50)}.method-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-xl);padding:28px;box-shadow:var(--shadow-sm)}.device-feature{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:18px;align-items:flex-start}.privacy-grid{display:grid;grid-template-columns:200px 1fr;gap:48px;align-items:start}.privacy-mark{width:140px;height:140px;border-radius:var(--r-xl);background:var(--red-50);color:var(--red-600);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.privacy-icon{font-size:22px;line-height:1.3;flex:0 0 auto}.quote-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-xl);padding:26px;box-shadow:var(--shadow-sm);position:relative}.quote-mark{font-family:var(--font-display);font-size:56px;font-weight:800;color:var(--red-200);line-height:.6;height:28px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.tier{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-xl);padding:28px 24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-sm);position:relative}.tier--hl{border:2px solid var(--red-600);box-shadow:var(--shadow-lg)}.tier__badge{position:absolute;top:-12px;left:24px;background:var(--gradient-button);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:5px 12px;border-radius:var(--r-pill);box-shadow:var(--shadow-red)}.tier__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}.tier__list li{display:flex;gap:9px;font-size:14px;color:var(--ink-700);align-items:flex-start}.tier__list li svg{color:var(--red-600);flex:0 0 auto;margin-top:2px}.faq-item{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.faq-item[data-open=true]{border-color:var(--red-300)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:none;border:none;text-align:left}.faq-a{margin:0;padding:0 20px 18px;line-height:1.6}.closing{background:var(--gradient-hero)}.footer{padding:36px 0;background:var(--ink)}.footer .t-caption{color:#ffffff8c}@media(max-width:900px){.hero__grid{grid-template-columns:1fr}.hero__phone{display:none}.feature-grid--4{grid-template-columns:repeat(2,1fr)}.feature-grid--3,.pricing-grid{grid-template-columns:1fr}.privacy-grid{grid-template-columns:1fr;gap:24px}.site-nav__links{display:none}}@media(max-width:560px){.feature-grid--4{grid-template-columns:1fr}.section{padding:52px 0}.hero{padding:40px 0 24px}}.stage{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(90% 60% at 50% 0%,var(--red-50) 0%,var(--canvas) 55%),var(--canvas)}.stage__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--hairline);background:#fbf8f6b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap}.stage__home{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--ink-500)}.stage__seg{display:inline-flex;background:var(--canvas-sunk);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:3px}.stage__seg button{border:none;background:none;padding:6px 14px;border-radius:var(--r-pill);font-size:13px;font-weight:600;color:var(--ink-500);transition:background var(--dur-base),color var(--dur-base)}.stage__seg button[data-on=true]{background:var(--surface);color:var(--red-700);box-shadow:var(--shadow-xs)}.stage__device{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px 56px}.mobile-stage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--canvas)}.mobile-back{position:fixed;left:12px;bottom:calc(70px + env(safe-area-inset-bottom));width:40px;height:40px;border-radius:50%;border:1px solid var(--hairline);background:#ffffffeb;box-shadow:var(--shadow-md);color:var(--ink-500);display:flex;align-items:center;justify-content:center;z-index:60}.route-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);text-align:center;padding:var(--s6);background:var(--gradient-canvas-warmth)}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:var(--gradient-hero);padding-bottom:var(--s9)}.auth-page__bar{width:100%;display:flex;align-items:center;padding-top:var(--s5);padding-bottom:var(--s5)}.auth-card{width:100%;max-width:420px;margin:auto;padding:var(--s7) var(--s6) var(--s6)}.auth-card__foot{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--hairline);text-align:center}.auth-link{font-weight:700}.auth-terms{align-items:flex-start;cursor:pointer}.auth-terms input{margin-top:2px;accent-color:var(--red-600);width:16px;height:16px;flex:0 0 auto}.auth-demo-note{margin:var(--s4) 0 0;padding:10px 12px;border-radius:var(--r-md);background:var(--info-soft);color:#1b5fc4;text-align:center}.app-layout{min-height:100vh;display:flex;background:var(--canvas)}.app-sidebar{flex:0 0 256px;width:256px;min-height:100vh;position:sticky;top:0;align-self:flex-start;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--hairline);padding:var(--s5) var(--s3)}.app-sidebar__brand{padding:4px 8px var(--s5)}.app-sidebar__logo{background:none;border:none;padding:0}.app-sidebar__nav{display:flex;flex-direction:column;gap:2px;flex:1}.app-nav-item{display:flex;align-items:center;gap:var(--s3);width:100%;padding:10px 12px;border:none;border-radius:var(--r-md);background:none;color:var(--ink-500);font-family:inherit;font-size:15px;font-weight:600;text-align:left;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.app-nav-item:hover{background:var(--canvas-sunk);color:var(--ink)}.app-nav-item--active{background:var(--red-50);color:var(--red-700)}.app-sidebar__foot{display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s4);border-top:1px solid var(--hairline)}.app-sidebar__user{display:flex;align-items:center;gap:var(--s3);padding:8px 12px}.app-sidebar__signout{background:none;border:none;padding:0;text-align:left;color:var(--ink-400);cursor:pointer}.app-sidebar__signout:hover{color:var(--red-600);text-decoration:underline}.app-avatar{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-button);color:#fff;font-weight:700;font-size:14px}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.app-content{flex:1;min-height:0;display:flex;flex-direction:column;padding:var(--s7) var(--s7) var(--s9)}.app-screen{width:100%;max-width:1080px;margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);height:56px;padding:0 var(--s4);background:var(--surface);border-bottom:1px solid var(--hairline)}.app-topbar__menu{background:none;border:none;padding:6px;color:var(--ink-700);border-radius:var(--r-sm)}.app-drawer__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--scrim)}.app-drawer{position:fixed;top:0;left:0;bottom:0;z-index:31;width:264px;max-width:80vw;box-shadow:var(--shadow-xl)}.app-drawer .app-sidebar{min-height:100vh;height:100%;position:static}@media(max-width:767px){.app-layout{flex-direction:column}.app-content{padding:var(--s5) var(--s4) var(--s8)}}.onboarding-web{min-height:100vh;display:flex;justify-content:center;background:var(--gradient-canvas-warmth)}.onboarding-web__col{width:100%;max-width:560px;min-height:100vh;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--hairline);border-right:1px solid var(--hairline)}.onboarding-web__col .ob,.onboarding-web__col .ob-welcome{height:100vh}.account-page{min-height:100vh;background:var(--canvas)}.account-wrap{max-width:720px;margin:0 auto;padding:var(--s7) var(--s5) var(--s9)}.account-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}.webhead{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}.webhead__action{flex:0 0 auto}.stat-tile{display:flex;flex-direction:column;gap:2px;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--canvas-sunk)}.stat-tile__value{font-size:26px;line-height:1}.stat-tile__unit{font-size:12px;font-weight:600;color:var(--ink-400)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}.today-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--s6);align-items:start}.readiness--web{padding:var(--s5);border-left:5px solid var(--rd, var(--success))}.readiness--web:before{display:none}.rx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden}.rx-step{display:flex;align-items:baseline;gap:var(--s4);padding:12px 14px}.rx-step+.rx-step{border-top:1px solid var(--hairline)}.rx-step__label{flex:0 0 84px;text-transform:uppercase;letter-spacing:.04em}.target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--s2)}.target--web{background:var(--canvas-sunk);padding:10px 12px}.today-rail__link{text-align:left;border:1px solid var(--hairline);background:var(--surface);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.today-rail__link:hover{border-color:var(--red-300);box-shadow:var(--shadow-md)}.coach-web{flex:1;min-height:0;display:flex;flex-direction:column;max-width:860px;width:100%;margin:0 auto;border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}.chat-head--web{padding:var(--s4) var(--s5)}.chat-thread--web{padding:var(--s5)}.chat-foot--web{padding:var(--s4) var(--s5)}.composer--web{padding:3px 3px 3px 8px}.bubble-wrap{display:flex;flex-direction:column;gap:4px;max-width:72%}.bubble-wrap--user{align-self:flex-end;align-items:flex-end}.bubble-wrap--coach{align-self:flex-start;align-items:flex-start}.trends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5);align-items:start}.trends-grid__wide{grid-column:1 / -1}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5);align-items:start}.plan-grid__wide{grid-column:1 / -1}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--s2)}.week-day{display:flex;flex-direction:column;gap:4px;min-height:132px;padding:12px 10px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--hairline)}.week-day[data-key=true]{border-color:var(--red-200)}.week-day[data-today=true]{border-color:var(--red-600);background:var(--red-50);box-shadow:var(--shadow-sm)}.week-day__type{text-transform:capitalize}.you-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5);align-items:start}.you-grid__wide{grid-column:1 / -1}.paces--web{padding:var(--s3)}.paces--web .paces__cell{padding:8px 4px}.bench-table{width:100%;border-collapse:collapse;font-size:14px}.bench-table th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);padding:0 0 8px;border-bottom:1px solid var(--hairline)}.bench-table td{padding:10px 0;border-bottom:1px solid var(--hairline)}.bench-table tr:last-child td{border-bottom:none}@media(max-width:980px){.today-grid,.trends-grid,.plan-grid,.you-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.stat-grid,.week-strip{grid-template-columns:repeat(2,1fr)}.week-day{min-height:0}.bubble-wrap{max-width:86%}}