:root[data-theme=dark]{--bg:#15191c;--surface:#202629;--surface-2:#252c30;--surface-3:#30383c;--line:#354044;--line-strong:#536066;--ink:#f0eee8;--ink-2:#bac2c4;--ink-3:#98a4aa;--brand:#fa8068;--brand-strong:#ff947e;--brand-soft:#49302a;--ink-inverse:#15191c;--tone-red-bg:#44282a;--tone-red-ink:#ffaca8;--tone-yellow-bg:#42351f;--tone-yellow-ink:#f7d397;--tone-blue-bg:#25344b;--tone-blue-ink:#a9c7ff;--tone-green-bg:#203d32;--tone-green-ink:#a0dfbb;--shadow-lg:0 24px 64px #0008}.hero{align-items:center;gap:var(--space-6);padding:var(--space-6);grid-template-columns:auto 1fr;min-height:280px;display:grid}.hero-avatar{background:radial-gradient(circle at 50% 38%, #fff 0%, var(--surface-2) 58%, var(--surface-3) 100%);border:1px solid var(--line);border-radius:50%;place-items:center;width:184px;height:184px;display:grid}.hero[data-state=running] .hero-avatar{background:radial-gradient(circle at 50% 38%, #fff 0%, #fff6f2 58%, var(--brand-soft) 100%)}.hero-main{min-width:0}.hero-idle,.hero-running,.hero-error{display:none}.hero[data-state=idle] .hero-idle,.hero[data-state=starting] .hero-idle,.hero[data-state=running] .hero-running,.hero[data-state=paused] .hero-running,.hero[data-state=error] .hero-error{animation:pop-in .25s var(--ease-out);display:block}.hero-title{letter-spacing:-.025em;font-size:32px;font-weight:700;line-height:1.15}.hero-lede{margin-top:var(--space-2);max-width:46ch;color:var(--ink-2);font-size:17px}.hero-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.hero-error .hero-title{color:var(--tone-red-ink)}.hero .privacy-points{max-width:52ch}.timer{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:clamp(60px,9vw,92px);font-weight:650;line-height:1}.timer[data-mode=due]{color:var(--tone-red)}.timer[data-mode=break]{color:var(--tone-green-ink)}.hero[data-state=paused] .timer{color:var(--ink-3)}.progress{max-width:440px;height:6px;margin:var(--space-4) 0;border-radius:var(--radius-pill);background:var(--surface-3);overflow:hidden}.progress-fill{background:var(--brand);transform-origin:0;height:100%;transform:scaleX(var(--p,0));transition:transform .25s linear}.hero-meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}#pauseBtn .resume-icon,#pauseBtn[data-paused=true] .pause-icon{display:none}#pauseBtn[data-paused=true] .resume-icon{display:inline-flex}.stats{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.stat{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface-2)}.stat dt{color:var(--ink-2);font-size:13px;font-weight:600}.stat dd{font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin:2px 0 0;font-size:22px;font-weight:700}.insight{margin-top:var(--space-4);border-radius:var(--radius);background:var(--tone-green-bg);color:var(--tone-green-ink);align-items:flex-start;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.insight svg{flex:none;margin-top:2px}.upnext{margin:0;padding:0;list-style:none;display:grid}.upnext-row{align-items:center;gap:var(--space-3);border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;padding:12px 0;display:grid}.upnext-row:first-child{border-top:0;padding-top:0}.upnext-text{min-width:0;display:grid}.upnext-text strong{font-size:15px}.upnext-text span{color:var(--ink-2);font-size:13px}.upnext-value{font-variant-numeric:tabular-nums;font-weight:700}.upnext-row[data-off=true]{opacity:.55}.moments{gap:2px;margin:0;padding:0;list-style:none;display:grid}.moment{gap:var(--space-3);color:var(--ink);grid-template-columns:auto 1fr auto;align-items:center;padding:8px 0;display:grid}.moment svg{color:var(--ink-3)}.moment[data-state=completed] svg{color:var(--tone-green)}.moment[data-state=snoozed] svg{color:var(--tone-yellow-ink)}.moment time{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px}.moments-empty{color:var(--ink-2);font-size:15px}.diag{padding:0;overflow:hidden}.diag-toggle{width:100%;min-height:56px;padding:0 var(--space-5);text-align:left;color:var(--ink-2);background:0 0;border:0;align-items:center;gap:10px;font-weight:600;display:flex}.diag-toggle:hover{color:var(--ink)}.diag-toggle>span:nth-child(2){flex:1}.diag-chevron{transition:transform var(--dur)}.diag-toggle[aria-expanded=true] .diag-chevron{transform:rotate(180deg)}.diag-camera{margin:0 var(--space-5);aspect-ratio:4/3;border-radius:var(--radius);background:#111417;max-width:360px;position:relative;overflow:hidden}.diag-camera.is-collapsed{opacity:.01;pointer-events:none;width:2px;height:2px;margin:0;position:absolute}.diag-camera video,.diag-camera canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.diag-camera canvas{pointer-events:none}.eye-pill{border-radius:var(--radius-pill);color:#c9cfd6;font-family:var(--font-pixel);background:#0a0c0eb8;padding:4px 10px;font-size:10px;position:absolute;top:10px;left:10px}.eye-pill[data-state=open]{color:#9cf0bb}.eye-pill[data-state=closed]{color:#ffd98a}.diag-panel{gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.diag-tools{border-top:1px solid var(--line);padding-top:var(--space-4)}@media (max-width:720px){.hero{text-align:center;padding:var(--space-5);grid-template-columns:1fr;justify-items:center}.hero-avatar{width:148px;height:148px}.hero-actions,.hero-meta{justify-content:center}.progress,.hero-lede{margin-inline:auto}.hero .privacy-points{text-align:left}}.report{gap:var(--space-5);display:grid}.kpis{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.kpi{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);gap:2px;display:grid}.kpi-label{color:var(--ink-2);font-size:13px;font-weight:600}.kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.kpi-sub{color:var(--ink-2);font-size:13px}.insights{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.insights li{align-items:flex-start;gap:10px;display:flex}.insights svg{color:var(--tone-yellow-ink);flex:none;margin-top:2px}.insights li[data-tone=good] svg{color:var(--tone-green)}.insights li[data-tone=info] svg{color:var(--tone-blue)}.breakdown{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.breakdown th,.breakdown td{border-top:1px solid var(--line);text-align:right;padding:10px 0;font-size:15px}.breakdown thead th{color:var(--ink-2);border-top:0;padding-top:0;font-size:13px;font-weight:600}.breakdown th[scope=row],.breakdown thead th:first-child{text-align:left}.breakdown th[scope=row]{font-weight:500}.breakdown th[scope=row] .tone-dot{vertical-align:-1px;margin-right:8px}.breakdown td{width:64px}.chart-card .card-head{margin-bottom:var(--space-2)}.chart{width:100%;height:auto;overflow:visible}.chart-bar{fill:#7ea6fb}.chart--good .chart-bar{fill:#5fae83}.chart-bar.is-low{fill:var(--tone-yellow)}.chart-empty{fill:var(--line)}.chart-axis{stroke:var(--line);stroke-width:1px}.chart-threshold{stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:4 4}.chart-threshold-label{fill:var(--ink-2);text-anchor:end;font-size:12px}.chart-label{fill:var(--ink-2);text-anchor:middle;font-size:12px;font-family:var(--font-sans)}.chart-value{fill:var(--ink);text-anchor:middle;font-size:12px;font-weight:700;font-family:var(--font-sans)}.locked-card{justify-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);text-align:center;display:grid}.locked-card>svg{color:var(--ink-3)}.locked-card p{max-width:48ch}@media (max-width:860px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings{gap:var(--space-5);max-width:760px;display:grid}.settings-head{margin-bottom:var(--space-4);gap:4px;display:grid}.settings-head p{font-size:15px}.settings-section fieldset{margin:0 0 var(--space-5);border:0;min-width:0;padding:0}.settings-section fieldset:last-child{margin-bottom:0}.settings-section>.notice{margin-bottom:var(--space-3)}.setting-row{justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid var(--line);cursor:pointer;padding:14px 0;display:flex}.settings-head+.setting-row,.notice+.setting-row{border-top:0;padding-top:0}.setting-text{gap:2px;min-width:0;display:grid}.setting-title{align-items:center;gap:8px;font-weight:600;display:inline-flex}.setting-hint{color:var(--ink-2);font-size:14px}.number-field{align-items:center;gap:8px;display:inline-flex}.input-number{text-align:right;font-variant-numeric:tabular-nums;width:88px}.input-time{width:132px}.unit{color:var(--ink-2);min-width:32px;font-size:14px}.avatar-picker{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.avatar-picker legend{grid-column:1/-1}.avatar-option{justify-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2) var(--space-3);border:2px solid var(--line);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;transition:border-color var(--dur), background var(--dur);display:grid;position:relative}.avatar-option:hover{border-color:var(--line-strong)}.avatar-option:has(input:checked){border-color:var(--ink);background:var(--surface)}.avatar-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.avatar-option[data-locked=true]{cursor:not-allowed}.avatar-option[data-locked=true] .avatar{opacity:.85}.avatar-option input{opacity:0;pointer-events:none;position:absolute}.avatar-name{font-size:14px;font-weight:600}.avatar-option .badge{position:absolute;top:8px;right:8px}.chip-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip-group legend{width:100%}.chip-option{border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);cursor:pointer;min-height:40px;transition:background var(--dur), color var(--dur), border-color var(--dur);align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.chip-option input{opacity:0;pointer-events:none;position:absolute}.chip-option:has(input:checked){background:var(--ink);color:var(--ink-inverse);border-color:var(--ink)}.chip-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.chip-option[data-locked=true]{color:var(--ink-3);cursor:not-allowed;background:var(--surface-2)}.chip-option .badge{height:18px;font-size:11px}.field{margin-top:var(--space-3);max-width:320px;display:grid}@media (max-width:520px){.avatar-picker{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-option .badge{position:static}.setting-row{align-items:flex-start}}.access-notice{align-items:center;gap:var(--space-4);padding:var(--space-5);flex-wrap:wrap;display:flex}.access-notice>div{flex:240px}.access-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.nav-access-lock{color:var(--ink-3);display:inline-flex}.report-preview .kpi-sub{align-items:center;gap:var(--space-2);display:flex}.nav-link .nav-access-lock.i{display:inline-flex}html.pip-root,body.pip-body{background:#07090c;width:100%;height:100%;margin:0;overflow:hidden}body.pip-body:has(.monitor-surface[data-theme=light]){background:#ece7df}body.pip-body .monitor,body.monitor-mode .monitor{position:fixed;inset:0}body.monitor-mode{background:#07090c;overflow:hidden}body.monitor-mode:has(.monitor-surface[data-theme=light]){background:#ece7df}body.monitor-mode .topbar,body.monitor-mode .skip-link,body.monitor-mode .overlay{display:none!important}body.monitor-mode .page{opacity:.01;pointer-events:none;width:2px;height:2px;position:fixed;top:-10px;left:-10px;overflow:hidden}body.monitor-mode .toast{font-size:12px;bottom:8px}.monitor-surface{--m-bg:radial-gradient(circle at 15% 10%, #8bebb82e, transparent 34%), radial-gradient(circle at 88% 88%, #8babff1f, transparent 42%), linear-gradient(145deg, #ffffff12, #ffffff05), #10151b;--m-ink:#eef2f6;--m-ink-2:#abb5bf;--m-ink-3:#6f7b88;--m-line:#ffffff1a;--m-chip:#03060957;--m-chip-hover:#ffffff1f;--m-progress:linear-gradient(90deg, #7ee4a69e, #ebf2eef5);--m-avatar-shadow:drop-shadow(0 10px 20px #00000045);box-sizing:border-box;isolation:isolate;background:var(--m-bg);width:100%;height:100%;min-height:110px;color:var(--m-ink);border:1px solid var(--m-line);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;justify-content:center;gap:8px;padding:18px 18px 14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.monitor-surface[data-theme=light]{--m-bg:radial-gradient(circle at 15% 10%, #e5533c1a, transparent 36%), radial-gradient(circle at 88% 88%, #3e7bfa14, transparent 42%), linear-gradient(145deg, #fff, #f4efe8);--m-ink:#1f2328;--m-ink-2:#565c64;--m-ink-3:#8a8f96;--m-line:#1f232817;--m-chip:#fffc;--m-chip-hover:#fff;--m-progress:var(--brand);--m-avatar-shadow:drop-shadow(0 8px 14px #1f232824);box-shadow:inset 0 1px #fff}.monitor-chrome{z-index:8;opacity:0;pointer-events:none;justify-content:space-between;align-items:center;gap:6px;height:26px;transition:opacity .45s,transform .45s;display:flex;position:absolute;top:8px;left:10px;right:10px;transform:translateY(-5px)}.monitor-surface:hover .monitor-chrome,.monitor-surface:focus-within .monitor-chrome{opacity:1;pointer-events:auto;transform:none}.monitor-origin{border:1px solid var(--m-line);background:var(--m-chip);min-width:0;height:24px;color:var(--m-ink-2);font-family:var(--font-pixel);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:9px;display:inline-flex;overflow:hidden}.status-dot{background:#69737e;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.status-dot[data-state=good]{background:#7fe0a2;box-shadow:0 0 8px #7fe0a28c}.status-dot[data-state=warn]{background:#efbe68;box-shadow:0 0 8px #efbe686b}.monitor-actions{gap:4px;display:inline-flex}.chrome-btn{border:1px solid var(--m-line);background:var(--m-chip);width:24px;height:24px;color:var(--m-ink-2);border-radius:7px;place-items:center;padding:0;display:grid}.chrome-btn:hover{background:var(--m-chip-hover);color:var(--m-ink)}.chrome-btn--close:hover{color:#ff8f8f;background:#f5696933;border-color:#f569694d}.chrome-btn:disabled{opacity:.4;cursor:default}#monitorPlay .pause-icon,#monitorPlay[data-playing=true] .play-icon{display:none}#monitorPlay[data-playing=true] .pause-icon{display:inline-flex}.monitor-surface.is-compact .compact-icon,.monitor-surface:not(.is-compact) .expand-icon{display:none}.monitor-stage{align-items:center;gap:16px;min-width:0;transition:transform .38s;display:flex;transform:translateY(-4px)}.monitor-surface:not(.is-compact):hover .monitor-stage{transform:translateY(5px)}.monitor-avatar{--size:82px}.monitor-avatar .avatar-body{filter:var(--m-avatar-shadow)}.monitor-surface[data-theme=dark] .avatar[data-avatar=sotong] svg{filter:drop-shadow(0 0 1px #fff9)}.monitor-avatar .avatar-zzz{color:var(--m-ink-3)}.monitor-time{min-width:0;display:grid}.monitor-label{font-family:var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;color:var(--m-ink-3);font-size:9px;line-height:1}.monitor-timer{letter-spacing:-.06em;font-variant-numeric:tabular-nums;text-shadow:0 4px 22px #0000002e;margin-top:6px;font-size:49px;font-weight:700;line-height:.9}.monitor-timer[data-mode=break]{color:#8ee8b0}.monitor-surface[data-theme=light] .monitor-timer[data-mode=break]{color:var(--tone-green-ink)}.monitor-timer[data-mode=due]{color:#ff8e8e}.monitor-surface[data-theme=light] .monitor-timer[data-mode=due]{color:var(--tone-red)}.monitor-state{max-width:210px;color:var(--m-ink-2);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:11px;line-height:1.25;overflow:hidden}.monitor-strip{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.monitor-blink{align-items:baseline;gap:7px;display:flex}.monitor-blink strong{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.monitor-window{color:var(--m-ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:9px}.monitor-progress{background:var(--m-line);border-radius:999px;height:3px;overflow:hidden}.monitor-progress>div{border-radius:inherit;background:var(--m-progress);transform-origin:0;height:100%;transform:scaleX(var(--p,0));transition:transform .25s linear}.monitor-surface.is-compact{gap:0;padding:11px 14px}.monitor-surface.is-compact .monitor-stage{gap:11px;transform:none}.monitor-surface.is-compact .monitor-avatar{--size:48px}.monitor-surface.is-compact .monitor-timer{margin-top:4px;font-size:36px}.monitor-surface.is-compact .monitor-state,.monitor-surface.is-compact .monitor-strip,.monitor-surface.is-compact .monitor-progress{display:none}.monitor-surface.is-compact .monitor-chrome{top:5px;left:6px;right:6px}.monitor-surface.is-compact .monitor-origin span:last-child{display:none}.monitor-action{--glow:#bf383e;z-index:6;text-align:center;border-radius:inherit;-webkit-backdrop-filter:blur(16px)saturate(1.15);color:#f5f7f8;background:#080b0fb8;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:30px 18px 14px;display:flex;position:absolute;inset:0;overflow:hidden}.monitor-action:before{content:"";z-index:-1;pointer-events:none;filter:blur(8px);background:radial-gradient(circle, var(--glow) 0 22%, transparent 58%);animation:2.4s ease-in-out infinite monitorBreathe;position:absolute;inset:-45%}.monitor-surface[data-tone=yellow] .monitor-action{--glow:#9e761c}.monitor-surface[data-tone=blue] .monitor-action{--glow:#225fae}.monitor-surface[data-tone=green] .monitor-action{--glow:#247849}.monitor-surface[data-tone=green] .monitor-action:before{opacity:.5;animation:none}.monitor-surface[data-theme=light] .monitor-action{color:var(--ink);background:#ffffff8c}.monitor-surface[data-theme=light][data-tone=red] .monitor-action{--glow:#f39a9d}.monitor-surface[data-theme=light][data-tone=yellow] .monitor-action{--glow:#f6cf7c}.monitor-surface[data-theme=light][data-tone=blue] .monitor-action{--glow:#9fbdfc}.monitor-surface[data-theme=light][data-tone=green] .monitor-action{--glow:#9ad8b6}.monitor-action[role=button]{cursor:pointer}.monitor-action-kicker{font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:8px}.monitor-action-title{letter-spacing:-.02em;font-size:19px;font-weight:750;line-height:1.15}.monitor-action-progress{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:750;line-height:1}.monitor-action-hint{opacity:.8;font-size:11px}.monitor-action-buttons{gap:6px;margin-top:4px;display:flex}.mini-btn{min-height:26px;color:inherit;background:#05080b54;border:1px solid #ffffff29;border-radius:8px;padding:0 11px;font-size:12px;font-weight:600}.mini-btn--solid{color:#0b0d10;background:#f2f4f6;border-color:#0000}.monitor-surface[data-theme=light] .mini-btn{background:#ffffffd9;border-color:#1f23281f}.monitor-surface[data-theme=light] .mini-btn--solid{background:var(--ink);color:#fff}.monitor-surface.is-compact .monitor-action{gap:2px;padding:30px 12px 8px}.monitor-surface.is-compact .monitor-action-title{font-size:14px}.monitor-surface.is-compact .monitor-action-progress{font-size:24px}.monitor-surface.is-compact .monitor-action-hint{font-size:10px}.monitor-surface.is-compact .monitor-action-buttons{margin-top:2px}.monitor-surface.is-compact .mini-btn{min-height:22px;padding:0 9px;font-size:11px}@keyframes monitorBreathe{0%,to{opacity:.35;transform:scale(.76)}50%{opacity:.85;transform:scale(1.18)}}.mobile-trial{gap:12px;max-width:640px;margin-inline:auto;display:grid}.mobile-trial[hidden]{display:none}.mobile-trial-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.mobile-trial-heading h2{font-size:15px}.mobile-trial-heading .chip{white-space:nowrap;padding:4px 8px;font-size:10px}.mobile-stage{text-align:center;justify-items:center;gap:7px;padding:12px;display:grid}.mobile-companion-stage{background:var(--surface-2);border-radius:12px;justify-content:center;align-items:center;gap:16px;width:100%;height:142px;display:flex}.mobile-companion-stage>.avatar{flex:none;width:140px;height:140px}.mobile-companion-stage.is-exercising>.avatar{width:100px;height:100px}.mobile-stage h3{font-size:16px}.mobile-stage p{min-height:30px;margin:0;font-size:11px;line-height:1.4}.mobile-stage .btn-block{width:100%;min-height:42px;padding-block:8px}.mobile-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.mobile-metrics>div{background:var(--surface-3);border-radius:8px;padding:6px 2px}.mobile-metrics dt{color:var(--ink-2);font-size:10px}.mobile-metrics dd{margin:2px 0 0;font-size:17px;font-weight:700}.mobile-session-actions{justify-content:center;gap:12px;display:flex}.mobile-session-actions:has(>[hidden]):not(:has(>:not([hidden]))){display:none}.mobile-session-actions .btn{min-height:42px;padding-block:8px}#mobileExercisesTitle{font-size:15px}#mobileGuideHint{margin-block:3px 6px;font-size:11px}.mobile-exercises{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-exercise{text-align:left;min-height:60px;color:var(--ink);cursor:pointer;grid-template-columns:25px 1fr;column-gap:6px;padding:9px;display:grid;position:relative}.mobile-exercise>span{grid-row:1/3;align-self:center;font-size:21px}.mobile-exercise strong{font-size:12px}.mobile-exercise small{color:var(--ink-2);font-size:10px}.mobile-exercise:disabled{cursor:default;opacity:.55}.mobile-exercise[aria-pressed=true],.mobile-exercise.is-guided{border-color:var(--leaf);box-shadow:0 0 0 2px color-mix(in srgb, var(--leaf) 35%, transparent);background:var(--tone-green-bg)}.mobile-exercise.is-complete:after{content:"✓";color:var(--leaf);font-size:12px;position:absolute;top:2px;right:5px}.mobile-exercise-progress{gap:4px;width:150px;display:grid}.mobile-exercise-progress[hidden]{display:none}.mobile-exercise-progress h3{font-size:12px}.mobile-stage #mobileExerciseResult{font-variant-numeric:tabular-nums;min-height:40px;font-size:35px;font-weight:700;line-height:1.1}.mobile-exercise-progress progress{width:100%;accent-color:var(--leaf);height:6px}.mobile-exercise-progress .btn{min-height:30px;padding:3px;font-size:11px}.mobile-preview{text-align:left;gap:8px;width:100%;font-size:12px;display:grid}.mobile-preview h3{font-size:14px}.mobile-camera-frame{background:var(--surface-3);border-radius:12px;height:170px;position:relative;overflow:hidden}.mobile-camera-frame video,.mobile-camera-frame canvas{object-fit:contain;width:100%;height:100%;display:block;position:absolute;transform:scaleX(-1)}.mobile-camera-frame canvas{pointer-events:none}#mobileBlinkMarker{background:var(--surface);font-size:11px;position:absolute;bottom:8px;left:8px}#mobileBlinkMarker.blink-detected{color:var(--tone-green-ink);background:var(--tone-green-bg)}.mobile-desktop{gap:10px;padding:16px;display:grid}.mobile-trial-mode #view-today>:not(#mobileTrial):not(#todayTitle){display:none}.mobile-trial-mode .page{padding:12px 16px max(24px, env(safe-area-inset-bottom))}#mobileFlowDialog{max-height:85dvh;overflow-y:auto}#mobileWhatsApp{white-space:normal;text-align:center}@media (max-width:640px){.mobile-trial-mode .topbar-inner{grid-template-columns:minmax(0,1fr) auto;gap:6px;height:auto;min-height:0;padding:8px 12px;display:grid}.mobile-trial-mode .brand-name{clip-path:none;white-space:normal;width:auto;max-width:95px;height:auto;font-size:8px;position:static}.mobile-trial-mode .brand{gap:4px;min-width:0}.mobile-trial-mode .topbar-end{gap:1px}.mobile-trial-mode .topbar-end .btn-icon,.mobile-trial-mode #donationToggle{width:34px;min-width:34px;min-height:40px;padding:6px}.mobile-trial-mode .nav{grid-area:2/1/auto/-1;width:100%}.mobile-trial-mode .nav-link{flex:1;gap:5px;width:auto;min-height:38px}.mobile-trial-mode .nav-link>span:nth-child(2){clip-path:none;width:auto;height:auto;font-size:12px;position:static}.mobile-trial-mode .nav-link .nav-access-lock{display:none}}@media (max-height:720px){.mobile-trial-mode .mobile-companion-stage{height:112px}.mobile-trial-mode .mobile-companion-stage>.avatar{width:110px;height:110px}.mobile-trial-mode .mobile-companion-stage.is-exercising>.avatar{width:85px;height:85px}}.mobile-metrics{margin:0}.mobile-stage p{min-height:0}.mobile-trial-heading{min-height:24px}.mobile-trial-heading .chip{line-height:1.2}@media (max-height:720px){.mobile-trial-mode .mobile-companion-stage{height:98px}.mobile-trial-mode .mobile-companion-stage>.avatar{width:96px;height:96px}.mobile-trial-mode .mobile-stage{gap:6px}}.topbar{background:color-mix(in srgb, var(--bg) 88%, transparent)}.topbar-inner{flex-wrap:nowrap;justify-content:space-between;height:auto;min-height:72px;padding-block:10px;display:flex}.brand-name{font-size:12px}.topbar-end{margin-left:auto}.nav{margin-inline:auto}:root[data-theme=dark] .hero-avatar,:root[data-theme=dark] .hero[data-state=running] .hero-avatar{background:radial-gradient(circle at 50% 38%, var(--surface-3), var(--surface-2) 58%, var(--brand-soft))}:root[data-theme=dark] .badge-premium{color:#f9d991;background:#483d22}:root[data-theme=dark] .btn-primary{color:#231915}:root[data-theme=dark] .monitor-surface[data-theme=light]{--ink:#1f2328;--tone-green-ink:#1c6e48}.flow-callout{background:var(--brand-soft);border:1px solid color-mix(in srgb, var(--brand) 30%, var(--line));border-left:4px solid var(--brand);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;display:flex}.flow-callout .kicker{color:var(--brand-strong);margin-bottom:8px}.flow-callout h2{letter-spacing:-.02em;font-size:23px}.flow-callout p:last-child{color:var(--ink-2);max-width:58ch;margin-top:6px;font-size:14px}.flow-callout .btn{flex-shrink:0}.habit-settings{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);margin-bottom:16px;padding:4px 16px}.subscribe-intro{grid-template-columns:1fr auto;align-items:center;gap:32px;padding:28px 0;display:grid}.subscribe-intro .kicker{color:var(--brand-strong);margin-bottom:16px}.subscribe-intro h2{letter-spacing:-.04em;font-size:clamp(30px,5vw,48px);line-height:1.12}.subscribe-intro .muted{max-width:52ch;margin-top:18px}.subscribe-tomato{background:var(--brand-soft);border-radius:50%;width:160px;padding:24px;transform:rotate(-8deg)}.subscribe-tomato svg{width:100%}.currency-row{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.plans{grid-template-columns:1fr 1fr;gap:24px;display:grid}.plan-card{flex-direction:column;gap:16px;padding:32px;display:flex}.plan-card h3{font-size:28px}.plan-price{letter-spacing:-.03em;font-size:40px;font-weight:700;line-height:1.2}.plan-price span{letter-spacing:0;color:var(--ink-2);font-size:15px;font-weight:400}.price-pending{font-size:28px}.plan-premium{border:2px solid var(--brand);background:linear-gradient(160deg, var(--brand-soft), var(--surface) 55%)}.plan-premium .badge{align-self:start}.plan-features{flex:1;gap:12px;margin:8px 0 16px;padding:0;font-size:15px;list-style:none;display:grid}.plan-features li{align-items:start;gap:10px;display:flex}.plan-features svg{color:var(--leaf);flex-shrink:0;margin-top:3px}.tour-invite{z-index:35;border:1px solid var(--line-strong);border-top:4px solid var(--brand);background:var(--surface);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);animation:pop-in .3s var(--ease-out);padding:24px;position:fixed;bottom:24px;right:24px}.tour-invite .kicker{color:var(--brand-strong);margin-bottom:12px}.tour-invite h2{font-size:23px;line-height:1.2}.tour-invite p:not(.kicker){color:var(--ink-2);margin:10px 0 20px;font-size:14px}.tour-invite-options{justify-content:space-between;margin-top:8px;display:flex}.tour-layer{z-index:38;pointer-events:none;position:fixed;inset:0}.tour-shade{-webkit-backdrop-filter:grayscale(.8);backdrop-filter:grayscale(.8);pointer-events:auto;background:#15191cb8;position:absolute}.tour-ring{pointer-events:none;border:3px solid #ffb49b;border-radius:14px;transition:top .18s,left .18s,width .18s,height .18s;position:absolute;box-shadow:0 0 0 4px #fff3}.tour-card{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);width:356px;max-width:calc(100vw - 24px);color:var(--ink);box-shadow:var(--shadow-lg);pointer-events:auto;max-height:calc(100dvh - 32px);padding:24px;position:absolute;overflow-y:auto}.tour-card .kicker{color:var(--brand-strong);margin-right:28px}.tour-card h2{margin-top:12px;font-size:23px;line-height:1.2}.tour-card>p:not(.kicker){color:var(--ink-2);margin-top:12px;font-size:14px}.tour-close{position:absolute;top:12px;right:10px}.tour-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:20px;display:flex}.tour-click-hint{color:var(--brand-strong);margin-top:16px;font-size:13px;font-weight:600}.tour-preview{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);margin-top:18px;padding:16px}.tour-preview .kicker{font-size:9px}.tour-preview h3{margin:8px 0;font-size:18px}.tour-preview p{color:var(--ink-2);font-size:13px}.tour-preview .btn-row{margin-top:12px}.tour-preview-progress{font-variant-numeric:tabular-nums;margin-top:12px;font-weight:700}.tour-wait{border-left:3px solid var(--tone-yellow);background:var(--tone-yellow-bg);border-radius:6px;padding:10px}@media (max-width:760px){.topbar-inner{gap:10px}.nav{order:3;width:100%}.nav-link{flex:1;justify-content:center;padding-inline:8px}.flow-callout{flex-direction:column;align-items:start;gap:16px;padding:20px}.plans{grid-template-columns:1fr}.subscribe-tomato{width:100px;padding:15px}.subscribe-intro{gap:16px}}@media (max-width:480px){.brand-name{max-width:135px;font-size:11px}.privacy-chip,.subscribe-tomato{display:none}.plan-card{padding:24px}.tour-invite{bottom:16px;right:16px}.tour-card{padding:20px}}#flowBtn{background:var(--brand);color:#211713;box-shadow:0 4px 16px color-mix(in srgb, var(--brand) 20%, transparent)}#flowBtn:hover{background:var(--brand-strong);color:#fff}:root[data-theme=dark] .btn-primary:hover:not(:disabled){color:#231915;background:#ddd6ca}[data-tone=green]>.tone-dot,.tone-dot[data-tone=green]{background:var(--tone-green)}@media (max-width:480px){.nav{gap:0;min-width:0}.nav-link{flex:1 1 0;gap:4px;min-width:0;padding-inline:4px;font-size:12px}.nav-link .i{display:none}}.tour-card{flex-direction:column;display:flex}.tour-card>.kicker,.tour-card>h2,.tour-footer{flex-shrink:0}.tour-copy{min-height:0;margin-top:12px;overflow-y:auto}.tour-copy>p{color:var(--ink-2);font-size:14px}.tour-copy .tour-preview{margin-top:18px}.monitor-surface.is-compact .monitor-action:is([data-type=hydration],[data-type=posture],[data-type=standing])[data-phase=prompt]{gap:5px;padding:24px 12px 10px}.monitor-surface.is-compact .monitor-action:is([data-type=hydration],[data-type=posture],[data-type=standing])[data-phase=prompt] .monitor-action-title{font-size:16px}.monitor-surface.is-compact .monitor-action:is([data-type=hydration],[data-type=posture],[data-type=standing]) .monitor-action-hint,.monitor-action:is([data-type=hydration],[data-type=posture]) .monitor-action-progress,.monitor-surface.is-compact .monitor-action[data-type=standing][data-phase=prompt] .monitor-action-progress{display:none}.tour-launcher{position:relative}.tour-return-hint{background:var(--ink);width:max-content;max-width:240px;color:var(--bg);box-shadow:var(--shadow-lg);pointer-events:none;border-radius:10px;padding:10px 14px;font-size:13px;position:absolute;top:calc(100% + 12px);right:0}.tour-return-hint:before{content:"";background:inherit;width:10px;height:10px;position:absolute;top:-5px;right:24px;transform:rotate(45deg)}.tour-arrived{background:var(--brand-soft);outline:2px solid var(--brand);outline-offset:3px;animation:.6s ease-out tour-arrival}.tour-return-ghost{z-index:55;pointer-events:none;transform-origin:50%;overflow:hidden}@keyframes tour-arrival{0%{box-shadow:0 0 0 12px #0000}50%{box-shadow:0 0 0 6px var(--brand-soft)}to{box-shadow:0 0 #0000}}.donation-mark{background:var(--brand-soft);color:var(--brand-strong);border-radius:50%;margin-bottom:20px;padding:16px;display:inline-flex}.donation-dialog .kicker{color:var(--brand-strong);margin-bottom:10px}.donation-dialog .dialog-title{margin-bottom:14px}.donation-pending{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);margin-top:24px;padding:16px;font-size:14px}.donation-pending p{color:var(--ink-2);margin-top:10px}@media (max-width:480px){.topbar-end{justify-content:flex-end;gap:6px;width:100%;margin-left:0}.donation-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.tour-arrived{animation:none}}.donation-dialog form{grid-template-columns:minmax(0,1fr);min-width:0}.donation-mark{justify-self:start}.donation-dialog .dialog-actions{flex-wrap:wrap}@media (max-width:480px){.donation-dialog{padding:24px}}.auth-remember{align-items:center;gap:10px;margin-block:8px;font-size:14px;display:flex}.auth-remember input{accent-color:var(--brand);width:17px;height:17px}#signinStart>.btn-link{white-space:normal;text-align:left;margin-top:12px;display:block}#signinForm{grid-template-columns:minmax(0,1fr)}#signinPasswordHint{margin:0}@media (max-width:480px){#signinDialog{padding:24px}}.live-blink-count{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);flex-wrap:wrap;align-items:baseline;gap:10px;margin:18px 0;padding:12px 16px;font-size:14px;display:flex}.live-blink-count strong{font-variant-numeric:tabular-nums;font-size:26px}.live-blink-count .small{flex-basis:100%}.tour-access-note{background:var(--brand-soft);border-radius:8px;margin-top:12px;padding:10px;font-size:13px}.donation-amounts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.donation-amounts a:last-child{grid-column:1/-1}#donationOptions .notice{margin-top:16px}#donationOptions>p{margin-top:12px}.topbar-inner{gap:12px;max-width:1280px}.brand,.nav{white-space:nowrap;flex-shrink:0}.topbar-end{flex-shrink:0;gap:6px;width:auto}@media (max-width:1200px){.nav-link{padding-inline:10px}.privacy-chip span:last-child{display:none}.donation-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#donationToggle{width:44px;padding:0}}@media (max-width:960px){.brand-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:760px){.topbar-inner{gap:6px;padding-inline:12px}.nav{order:0;width:auto;margin-inline:auto}.nav-link{flex:none;padding-inline:8px}.topbar-end{width:auto;margin-left:0}.privacy-chip{display:none}}@media (max-width:600px){.nav-link>span:last-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.nav-link .i{display:block}.nav-link{gap:0;width:34px;padding:0}.topbar-inner{gap:4px;padding-inline:8px}.topbar-end{gap:2px}.topbar-end .btn-icon,#donationToggle{width:34px;min-height:36px}.account-signin-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.account-slot>.btn{width:36px;min-height:36px;padding:0}}.settings-view-head{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;max-width:760px}.settings-view-head p{text-align:right;margin:0 0 0 auto}.more-products{border-color:color-mix(in srgb, var(--tone-green) 24%, var(--line));background:color-mix(in srgb, var(--tone-green) 9%, var(--surface));justify-content:space-between;align-items:center;gap:24px;margin-top:40px;display:flex}.more-products h2{margin:8px 0;font-size:22px}.more-products .btn{flex-shrink:0}#view-settings:not([hidden])~.more-products{max-width:760px}@media (max-width:600px){.more-products{flex-direction:column;align-items:flex-start}.more-products .btn{width:100%}}.more-products .kicker{color:var(--ink-2)}.more-products .btn{background:color-mix(in srgb, var(--tone-green) 16%, var(--surface));border-color:color-mix(in srgb, var(--tone-green) 30%, var(--line));color:var(--ink)}.more-products .btn:hover{background:color-mix(in srgb, var(--tone-green) 24%, var(--surface));border-color:color-mix(in srgb, var(--tone-green) 45%, var(--line));color:var(--ink)}.more-products .btn:focus-visible{outline-color:var(--tone-green)}.app-sidebar{background:var(--surface-2);border-right:1px solid var(--line);z-index:30;flex-direction:column;gap:22px;width:216px;padding:28px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{font-family:var(--font-pixel);letter-spacing:.02em;align-items:center;gap:10px;padding:4px 10px;font-size:15px;font-weight:400;line-height:1.5;text-decoration:none;display:flex}.sidebar-brand .brand-name{font-size:12px}.sidebar-brand .brand-mark{flex:none}.app-sidebar .nav{background:0 0;border:0;border-radius:0;flex-direction:column;gap:6px;width:100%;margin:0;padding:0;display:flex}.app-sidebar .nav-link{border-radius:var(--radius-pill);width:100%;color:var(--ink-2);background:0 0;justify-content:flex-start;gap:12px;padding:13px 14px}.app-sidebar .nav-link[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.sidebar-landing{color:var(--ink-2);padding:4px 14px;font-size:12px;text-decoration:none}.sidebar-note{border-top:1px solid var(--line);color:var(--ink-3);margin-top:auto;padding:18px 12px;font-size:11px}body:not(.monitor-mode) .topbar{margin-left:216px;position:sticky}body:not(.monitor-mode) .topbar-inner{max-width:1300px;min-height:74px;padding:16px 32px}body:not(.monitor-mode) .topbar .brand{display:none}body:not(.monitor-mode) .page{max-width:1300px;margin-left:216px;padding:28px 38px 72px}.topbar-end:before{content:"BLINK BLINK TOMATO";letter-spacing:1.4px;color:var(--ink-3);margin-right:auto;font-size:10px}.topbar-end{width:100%}.home-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;max-width:680px;min-height:min(690px,100dvh - 190px);margin:auto;display:flex}.home-welcome .eyebrow{color:var(--ink-2);font-size:14px;font-weight:600}.home-welcome .avatar{width:168px;height:168px}.home-welcome h1{letter-spacing:-.02em;font-size:28px;line-height:1.2}.home-welcome p{max-width:490px}.home-start{border-radius:var(--radius-pill);min-width:190px;box-shadow:var(--shadow-sm);padding:16px 38px;font-weight:600}.home-welcome .link{margin-top:6px;font-size:13px}.dashboard-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.dashboard-panel{resize:vertical;flex-direction:column;min-height:160px;max-height:800px;display:flex;overflow:hidden}.dashboard-panel .card-head{flex-wrap:wrap;flex:none;gap:10px}.panel-controls{gap:3px;margin-left:auto;display:flex}.panel-controls .btn{border:1px solid var(--line);border-radius:8px;width:30px;min-height:30px;padding:5px}.dashboard-panel-body{flex:1;min-height:0;padding-top:4px;overflow:auto}.dashboard-panel.is-wide,.dashboard-panel[data-dashboard-panel=moments]{grid-column:1/-1}.dashboard-panel.is-collapsed{resize:none;min-height:0;height:auto!important}.dashboard-panel.is-collapsed [data-panel-collapse]{transform:rotate(-90deg)}#view-tools .diag{margin-top:24px}#view-tools>.muted{font-size:14px}.mobile-trial-mode #homeWelcome,.monitor-mode .app-sidebar{display:none}.onboarding-layer{z-index:80;pointer-events:none;position:fixed;inset:0}.onboarding-shade{-webkit-backdrop-filter:grayscale(.65)brightness(.8);backdrop-filter:grayscale(.65)brightness(.8);pointer-events:auto;background:#000b;position:fixed}.onboarding-ring{border:2px solid var(--brand);box-shadow:0 0 0 8px color-mix(in srgb,var(--brand) 12%,transparent),0 0 36px color-mix(in srgb,var(--brand) 15%,transparent);pointer-events:none;border-radius:16px;position:fixed}.onboarding-card{background:var(--surface);border:1px solid var(--line-strong);pointer-events:auto;border-radius:24px;width:min(780px,100vw - 40px);max-height:90dvh;padding:26px;animation:.2s ease-out wizard-enter;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 36px 110px #0008}.onboarding-card.is-spotlight{width:min(440px,100vw - 28px);transform:none}.wizard-header,.wizard-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.wizard-header .eyebrow{letter-spacing:1px;color:var(--brand-strong);font-size:11px}.wizard-steps{gap:7px;margin:14px 0 24px;display:flex}.wizard-steps i{background:var(--line);border-radius:10px;flex:1;height:5px}.wizard-steps i.is-active{background:var(--brand)}.onboarding-card h2{letter-spacing:-.02em;margin-bottom:12px;font-size:28px;line-height:1.2}#onboardingIntro{margin-bottom:20px;font-size:14px}.wizard-actions{flex-wrap:wrap;margin-top:24px}.wizard-camera-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.wizard-camera{background:var(--surface-3);border-radius:14px;min-height:215px;position:relative;overflow:hidden}.wizard-camera video,.wizard-camera canvas{object-fit:contain;width:100%;height:100%;position:absolute;transform:scaleX(-1)}.wizard-camera .eye-pill{width:auto;height:auto;position:absolute;inset:auto auto 8px 8px;transform:none}.wizard-camera-info{background:var(--surface-3);border:1px solid var(--line);border-radius:14px;align-content:center;gap:8px;padding:18px;display:grid}.wizard-camera-info strong{color:var(--brand-strong);font-variant-numeric:tabular-nums;font-size:38px}.wizard-status{font-size:13px}.wizard-camera-actions{margin-top:14px}.wizard-flow{background:var(--surface-3);border:1px solid var(--line-strong);border-radius:18px;justify-content:center;align-items:center;gap:18px;min-height:170px;padding:24px;display:flex}.wizard-flow .avatar{width:110px;height:110px}.wizard-flow strong{font-variant-numeric:tabular-nums;font-size:40px}.wizard-flow.is-expanded{flex-direction:column}.wizard-exercises{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wizard-exercises .btn{text-align:left;white-space:normal;border-radius:13px;gap:6px;padding:14px;display:grid}.wizard-exercises .btn small{color:var(--ink-2);font-size:11px;font-weight:400}.wizard-exercises .btn.is-complete{border-color:var(--leaf);background:var(--tone-green-bg)}.wizard-practice{background:var(--tone-blue-bg);color:var(--tone-blue-ink);text-align:center;border-radius:18px;gap:8px;margin-top:16px;padding:20px;display:grid}.wizard-practice[data-tone=red]{background:var(--tone-red-bg);color:var(--tone-red-ink)}.wizard-practice[data-tone=yellow]{background:var(--tone-yellow-bg);color:var(--tone-yellow-ink)}.wizard-practice h3{font-size:21px}.wizard-practice p{font-size:13px}.wizard-practice strong{font-size:32px}@keyframes wizard-enter{0%{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}@media (max-width:1000px) and (min-width:761px){.app-sidebar{width:180px}body:not(.monitor-mode) .topbar,body:not(.monitor-mode) .page{margin-left:180px}body:not(.monitor-mode) .page{padding:24px}.sidebar-brand span{font-size:16px}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:760px){.app-sidebar{display:none}body:not(.monitor-mode) .topbar,body:not(.monitor-mode) .page{margin-left:0}body:not(.monitor-mode) .topbar .brand{display:flex}body:not(.monitor-mode) .topbar-inner{grid-template-columns:1fr auto;gap:6px;padding:8px 12px;display:grid}#mobileNavHost{grid-area:2/1/auto/-1}#mobileNavHost .nav{width:100%;margin:0;display:flex}#mobileNavHost .nav-link{flex:1;gap:4px;width:auto;min-width:0;min-height:38px;padding:9px 4px}#mobileNavHost .nav-link>span:nth-child(2){clip-path:none;width:auto;height:auto;font-size:11px;position:static}#mobileNavHost .nav-link .i,#mobileNavHost .nav-access-lock,.topbar-end:before{display:none}.topbar-end{gap:2px;width:auto}body:not(.monitor-mode) .page{padding:18px 16px 48px}.home-welcome{gap:16px;min-height:calc(100dvh - 190px)}.home-welcome .avatar{width:130px;height:130px}.home-welcome h1{font-size:28px}.home-welcome>.muted{font-size:14px}.dashboard-grid{grid-template-columns:1fr}.dashboard-panel{resize:none}.wizard-camera-grid{grid-template-columns:1fr}.wizard-camera{min-height:160px}.wizard-camera-info{grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:12px}.wizard-camera-info strong{font-size:28px}.onboarding-card{width:calc(100vw - 24px);padding:20px}.onboarding-card h2{font-size:24px}.wizard-actions .btn{padding:8px 12px;font-size:12px}.wizard-exercises .btn{padding:11px;font-size:12px}.mobile-trial-mode .page{padding:12px 16px 40px!important}}@media (prefers-reduced-motion:reduce){.onboarding-card{animation:none}}.wizard-practice-avatar{width:100px;height:100px;margin:0 auto 14px}