.app-shell{width:min(100%, var(--max-w));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.app-shell__body{flex:1;padding:20px 20px 88px}.app-shell--stack .app-shell__body{padding-bottom:24px}.app-tabs{width:min(100%, var(--max-w));padding:10px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#f7faf9eb;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.app-tabs__link{text-align:center;color:var(--muted);border-radius:12px;padding:10px 4px;font-size:.85rem;font-weight:600;text-decoration:none}.app-tabs__link.is-active{color:var(--ink);background:#22b39e24}.primary-btn{border-radius:var(--radius-md);cursor:pointer;transition:transform .2s var(--ease-out), opacity .2s, background .2s;border:none;padding:16px 20px;font-weight:700}.primary-btn.is-full{width:100%}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.primary-btn:not(:disabled):active{transform:scale(.985)}.primary-btn--primary{background:var(--ink);color:#fff}.primary-btn--coral{background:linear-gradient(135deg, var(--coral), var(--coral-deep));color:#fff;box-shadow:0 10px 28px #e85d4c47}.primary-btn--ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.cookie-banner{width:min(calc(100% - 24px), var(--max-w));z-index:50;color:#eef6f4;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#0b1f2af5;gap:12px;padding:16px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.cookie-banner a{color:var(--teal-bright)}.cookie-banner__actions{gap:8px;display:grid}.cookie-banner__linkish{color:#cfe4df;cursor:pointer;background:0 0;border:none;padding:6px;font-weight:600;text-decoration:underline}.cookie-banner__pref{align-items:center;gap:10px;font-size:.95rem;display:flex}.cookie-banner__pref--muted{opacity:.75;font-size:.85rem}.cookie-banner__hint{color:#cfe4df;margin:0;font-size:.85rem}.cookie-banner .primary-btn--primary{background:var(--teal)}.cookie-banner .primary-btn--ghost{color:#fff;border-color:#ffffff40}.activating{width:min(100%, var(--max-w));text-align:center;align-content:center;gap:12px;min-height:100dvh;margin:0 auto;padding:48px 24px;display:grid}.activating__orb{background:conic-gradient(from 90deg, var(--teal), var(--coral), var(--teal));border-radius:50%;width:64px;height:64px;margin:0 auto 8px;animation:1.4s ease-in-out infinite pulse-soft}.activating p{color:var(--muted)}.activating__wait{font-weight:600;color:var(--ink)!important}.activating__timeout{gap:12px;margin-top:8px;display:grid}.back-btn{border:1px solid var(--line);cursor:pointer;background:#ffffffb3;border-radius:12px;place-items:center;width:40px;height:40px;font-size:1.1rem;line-height:1;display:grid}.back-btn:hover{background:#fff}.course__nav{margin-bottom:12px}.course__nav a{text-decoration:none}.course__blurb{color:var(--muted);margin:.5rem 0 1.25rem}.course__days{gap:8px;margin:0;padding:0;list-style:none;display:grid}.day-row{color:inherit;border:1px solid var(--line);background:#ffffffa6;border-radius:12px;padding:14px 12px;font-weight:600;text-decoration:none;display:block}.day-row.is-done{border-color:#1a8a7a66}.day-row.is-locked{opacity:.45}.game{width:min(100%, var(--max-w));min-height:100dvh;margin:0 auto;padding:16px 20px 32px}.game__header{grid-template-columns:40px 1fr auto;align-items:center;gap:10px;margin-bottom:20px;display:grid}.game__header h1{font-size:1.15rem}.game__hint{text-align:center;color:var(--muted);margin-bottom:16px;font-weight:600}.game__pads{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.game__pad{aspect-ratio:1;cursor:pointer;opacity:.72;border:none;border-radius:18px;transition:opacity .15s,transform .15s}.game__pad.is-on{opacity:1;transform:scale(1.06);box-shadow:0 0 0 4px #ffffff8c}.game__done{text-align:center;gap:12px;padding-top:40px;display:grid}.speed__stage{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;display:grid}.speed__prev,.speed__curr{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffffb3;place-items:center;font-size:3rem;display:grid}.speed__curr{background:#22b39e1f;border-color:#1a8a7a59}.speed__row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.goal-meter{gap:8px;display:grid}.goal-meter__row{color:var(--muted);justify-content:space-between;font-size:.92rem;font-weight:550;display:flex}.goal-meter__track{background:#0b1f2a14;border-radius:999px;height:8px;overflow:hidden}.goal-meter__fill{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--teal-bright));height:100%;transition:width .4s var(--ease-out)}.streak-badge{align-items:center;gap:8px;font-weight:600;display:inline-flex}.streak-badge__flame{background:linear-gradient(180deg, #ffb347, var(--coral));border-radius:40% 40% 45% 45%;width:14px;height:18px;box-shadow:0 0 0 3px #e85d4c26}.streak-badge__n{font-family:var(--font-display);font-size:1.35rem}.streak-badge__label{color:var(--muted);font-size:.9rem;font-weight:500}.home{gap:1.35rem;padding-top:8px;display:grid}.home__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.home__greet{color:var(--muted);font-size:.9rem}.home__brand{font-size:2rem}.home__sub{color:var(--muted);max-width:18rem;margin-top:4px;font-size:.88rem;line-height:1.35}.home__cta{color:#fff;background:linear-gradient(145deg, var(--ink) 0%, #164857 55%, var(--teal) 140%);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:transform .25s var(--ease-out);gap:6px;padding:22px 20px;text-decoration:none;display:grid}.home__cta:hover{color:#fff;transform:translateY(-2px)}.home__cta-kicker{opacity:.8;font-size:.85rem;font-weight:600}.home__cta strong{font-family:var(--font-display);font-size:1.35rem}.home__secondary{color:var(--muted);font-weight:600;text-decoration:none}.home__secondary:hover{color:var(--teal)}.learn h1{margin-bottom:.35rem}.learn__sub{color:var(--muted);margin-bottom:1.25rem}.learn__error{color:var(--coral-deep);font-size:.9rem}.learn__list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.course-row{color:inherit;border-bottom:1px solid var(--line);grid-template-columns:72px 1fr;gap:14px;padding:10px 0;text-decoration:none;display:grid}.course-row__cover{border-radius:18px;width:72px;height:72px}.course-row__meta{align-content:center;gap:4px;display:grid}.course-row__meta strong{font-family:var(--font-display);font-size:1.1rem}.course-row__meta span{color:var(--muted);font-size:.9rem}.course-row__prog{font-weight:600;color:var(--teal)!important}.choice-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.choice-list__btn{text-align:left;border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:transform .2s var(--ease-out), border-color .2s, background .2s;background:#ffffffb8;padding:16px 18px}.choice-list__btn:hover{border-color:#1a8a7a73;transform:translateY(-1px)}.choice-list__btn.is-selected,.choice-list__btn:active{border-color:var(--teal);background:#22b39e1f}.choice-list__label{font-weight:600;display:block}.choice-list__hint{color:var(--muted);margin-top:4px;font-size:.9rem;display:block}.progress-bar{background:#0b1f2a14;border-radius:999px;width:100%;height:4px;overflow:hidden}.progress-bar__fill{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--teal-bright));transform-origin:0;height:100%;transition:width .35s var(--ease-out)}.lesson{width:min(100%, var(--max-w));flex-direction:column;min-height:100dvh;margin:0 auto;padding:16px 20px 32px;display:flex}.lesson__header{grid-template-columns:40px 1fr;align-items:center;gap:12px;margin-bottom:20px;display:grid}.lesson__main{flex:1;align-content:start;gap:1rem;display:grid}.lesson__body{color:var(--ink-soft);font-size:1.05rem;line-height:1.55}.lesson__source{color:var(--muted);font-size:.82rem}.lesson__feedback{border-radius:var(--radius-md);background:#22b39e1f;gap:12px;padding:12px;display:grid}.lesson__push{width:min(100%, var(--max-w));border-top:1px solid var(--line);background:#f7faf9f5;gap:10px;margin:0 auto;padding:20px;display:grid;position:fixed;inset:auto 0 0}.profile{gap:1.25rem;display:grid}.profile__email{font-weight:600}.profile__meta{color:var(--muted);margin-top:-.75rem;font-size:.9rem}.profile__banner{border-radius:var(--radius-md);background:#e85d4c1f;gap:8px;padding:12px 14px;font-size:.92rem;display:grid}.profile__banner button{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:10px;width:fit-content;padding:8px 12px;font-weight:600}.profile__section{gap:10px;display:grid}.profile__section h2{font-size:1.05rem}.profile__note{color:var(--muted);font-size:.85rem}.profile__toggle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-weight:550;display:flex}.profile__hour{gap:6px;margin-top:6px;font-weight:550;display:grid}.profile__hour select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.profile__push-note{color:var(--teal);font-size:.88rem}.profile__links{flex-wrap:wrap;gap:12px;display:flex}.profile__text-btn{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.profile__delete{color:var(--muted);font-size:.85rem}.train h1{margin-bottom:.35rem}.train__sub{color:var(--muted);margin-bottom:1.25rem}.train__list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.game-tile{color:inherit;border-radius:var(--radius-md);border:1px solid var(--line);transition:transform .2s var(--ease-out);background:#ffffffb3;gap:6px;padding:18px;text-decoration:none;display:grid}.game-tile:hover{color:inherit;transform:translateY(-2px)}.game-tile strong{font-family:var(--font-display);font-size:1.2rem}.game-tile span{color:var(--muted);font-size:.92rem}.game-tile__meta{font-weight:600;color:var(--teal)!important}.legal{width:min(100%,720px);margin:0 auto;padding:28px 20px 64px}.legal__brand{font-family:var(--font-display);color:var(--ink);font-size:1.35rem;font-weight:700;text-decoration:none}.legal h1{margin:12px 0 6px;font-size:1.85rem;line-height:1.2}.legal__updated{color:var(--muted);margin-bottom:1.25rem;font-size:.9rem}.legal__body h2{margin:1.75rem 0 .55rem;scroll-margin-top:1rem;font-size:1.15rem}.legal__body h3{margin:1.1rem 0 .4rem;font-size:1rem;font-weight:650}.legal__body p,.legal__body li{color:var(--ink-soft);line-height:1.55}.legal__body p{margin-bottom:.65rem}.legal__body ul,.legal__body ol{margin:.35rem 0 .85rem;padding-left:1.25rem}.legal__body li{margin-bottom:.35rem}.legal__body a{color:var(--ink)}.legal__toc{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:color-mix(in srgb, var(--ink) 3%, transparent);border-radius:8px;margin:.5rem 0 1.25rem;padding:.85rem 1rem}.legal__toc p{color:var(--ink);margin-bottom:.4rem;font-size:.92rem;font-weight:600}.legal__toc ol{margin:0;font-size:.9rem}.legal__note{border-left:3px solid color-mix(in srgb, var(--ink) 22%, transparent);margin:.85rem 0 1rem;padding-left:.75rem;font-size:.92rem}.legal__table-wrap{margin:.5rem 0 1rem;overflow-x:auto}.legal__body table{border-collapse:collapse;width:100%;font-size:.88rem}.legal__body th,.legal__body td{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);text-align:left;vertical-align:top;color:var(--ink-soft);padding:.45rem .55rem}.legal__body th{color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, transparent);font-weight:650}.legal__contact{margin-top:2rem;line-height:1.55}.legal__nav{flex-wrap:wrap;gap:12px;margin-top:1rem;font-size:.9rem;display:flex}.legal__action-box{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:color-mix(in srgb, var(--ink) 3%, transparent);border-radius:8px;gap:12px;margin:1rem 0 1.25rem;padding:1rem 1.1rem;display:grid}.legal__action-box .primary-btn{justify-self:start}.legal__action-note{color:var(--ink-soft);margin:0;font-size:.92rem}.legal__text-btn{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600;text-decoration:underline;display:inline}.login{width:min(100%, var(--max-w));align-content:center;gap:12px;min-height:100dvh;margin:0 auto;padding:40px 20px;display:grid}.login__brand{font-family:var(--font-display);font-size:1.6rem;font-weight:700}.login__sub{color:var(--muted);margin-bottom:8px}.login__field input{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffd9;width:100%;padding:14px 16px}.login__error{color:var(--danger)}.login__links{text-align:center;margin-top:8px}.login__footer{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;font-size:.85rem;display:flex}.login__footer a{color:var(--muted)}.multi-select{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.multi-select__chip{border:1px solid var(--line);cursor:pointer;transition:background .2s, border-color .2s, transform .2s var(--ease-out);background:#ffffffbf;border-radius:999px;align-items:center;gap:8px;padding:12px 16px;font-weight:550;display:inline-flex}.multi-select__chip:hover{transform:translateY(-1px)}.multi-select__chip.is-on{border-color:var(--teal);background:#22b39e29}.multi-select__check{width:1rem;color:var(--teal);font-weight:700;display:inline-block}.proof{flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.proof__mark{background:radial-gradient(circle at 30% 30%, var(--teal-bright), transparent 55%), linear-gradient(135deg, var(--ink), var(--teal));border-radius:14px;width:48px;height:48px;animation:2.4s ease-in-out infinite pulse-soft}.proof__title{font-size:clamp(1.6rem,6vw,2rem)}.proof__body{color:var(--muted);margin-bottom:.5rem;font-size:1.05rem}.yesno__q{font-family:var(--font-display);margin-bottom:1.5rem;font-size:clamp(1.35rem,5vw,1.75rem)}.yesno__row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.yesno__btn{border-radius:var(--radius-md);cursor:pointer;transition:transform .2s var(--ease-out);border:none;padding:18px 12px;font-weight:700}.yesno__btn:active{transform:scale(.98)}.yesno__btn--yes{background:var(--ink);color:#fff}.yesno__btn--no{border:1px solid var(--line);color:var(--ink);background:#fffc}.onb-shell{width:min(100%, var(--max-w));flex-direction:column;min-height:100dvh;margin:0 auto;padding:16px 20px 32px;display:flex}.onb-header{gap:12px;margin-bottom:20px;display:grid}.onb-header__top{justify-content:space-between;align-items:center;min-height:40px;display:flex}.onb-brand{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.onb-step-count{color:var(--muted);font-size:.85rem;font-weight:600}.onb-main{flex-direction:column;flex:1;display:flex}.onb-title{margin-bottom:1rem;font-size:clamp(1.45rem,5.5vw,1.85rem)}.onb-intro h1{margin:.35rem 0 .75rem;font-size:clamp(1.85rem,7vw,2.35rem)}.onb-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-size:.75rem;font-weight:700}.onb-sub{color:var(--muted);margin-bottom:1.25rem}.onb-footer-cta{margin-top:auto;padding-top:1.5rem}.onb-field input{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffd9;width:100%;margin-bottom:12px;padding:14px 16px}.onb-check{color:var(--muted);align-items:flex-start;gap:10px;margin-bottom:16px;font-size:.92rem;display:flex}.onb-check input{margin-top:3px}.onb-error{color:var(--danger);margin-bottom:10px;font-size:.9rem}.onb-loading{color:var(--muted);margin:auto}.plan-loader h1{margin-bottom:1.25rem}.plan-loader__list{gap:12px;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.plan-loader__list li{opacity:0;animation:check-pop .45s var(--ease-out) forwards;align-items:center;gap:10px;font-weight:600;display:flex}.plan-loader__check{background:var(--teal);border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 5px #ffffff59}.plan-loader__quote{border-left:3px solid var(--coral);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--muted);background:#ffffff8c;margin:0;padding:14px 16px;font-size:.95rem}.plan-chart__bars{grid-template-columns:repeat(4,1fr);align-items:end;gap:12px;height:180px;margin:1.25rem 0 1.5rem;display:grid}.plan-chart__col{align-content:end;justify-items:center;gap:8px;height:100%;display:grid}.plan-chart__bar{background:linear-gradient(180deg, var(--teal-bright), var(--ink));transform-origin:bottom;width:100%;animation:rise-in .55s var(--ease-out) both;border-radius:12px 12px 6px 6px}.plan-chart__col span{color:var(--muted);font-size:.8rem;font-weight:600}.paywall{width:min(100%, var(--max-w));gap:1.25rem;margin:0 auto;padding:24px 20px 40px;display:grid}.paywall__brand{font-family:var(--font-display);margin-bottom:.35rem;font-size:1.5rem;font-weight:700}.paywall__hero h1{margin-bottom:.5rem;font-size:clamp(1.7rem,6vw,2.1rem)}.paywall__offer{color:var(--muted)}.paywall__clock{color:var(--coral-deep);font-variant-numeric:tabular-nums;animation:1s ease-in-out infinite alternate countdown-tick}.paywall__contrast{border-radius:var(--radius-md);background:#ffffff8c;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px;display:grid}.paywall__contrast h2{margin-bottom:4px;font-size:1rem}.paywall__contrast p{color:var(--muted);font-size:.85rem}.paywall__vs{color:var(--teal);font-weight:700}.paywall__plans{gap:10px;display:grid}.plan-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;background:#ffffffbf;gap:4px;padding:16px;display:grid;position:relative}.plan-card.is-on{border-color:var(--teal);box-shadow:0 0 0 2px #1a8a7a33}.plan-card__badge{background:var(--ink);color:#fff;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:700;position:absolute;top:-10px;right:12px}.plan-card__label{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.plan-card__per{color:var(--teal);font-size:.9rem;font-weight:600}.plan-card__intro,.plan-card__cadence{color:var(--muted);font-size:.88rem}.paywall__benefits{color:var(--ink-soft);gap:8px;margin:0;padding-left:1.1rem;display:grid}.paywall__testimonial{border-radius:var(--radius-md);color:var(--muted);background:#0b1f2a0a;margin:0;padding:14px 16px;font-size:.95rem}.paywall__faq details{border-bottom:1px solid var(--line);padding:10px 0}.paywall__faq summary{cursor:pointer;font-weight:600}.paywall__faq p{color:var(--muted);margin-top:8px;font-size:.92rem}.paywall__stub{border-radius:var(--radius-sm);background:#e85d4c1a;padding:10px 12px;font-size:.88rem}.paywall__error{border-radius:var(--radius-sm);color:#7a1f1f;background:#b428281f;border:1px solid #b4282847;padding:10px 12px;font-size:.88rem}.paywall__empty{text-align:center;border-radius:var(--radius-sm);background:#14201c0a;margin:.5rem 0 1rem;padding:1.5rem 1rem}.paywall__empty h2{margin:0 0 .4rem;font-size:1.15rem}.paywall__empty p{color:var(--muted);margin:0;font-size:.95rem}.paywall__cta{position:sticky;bottom:12px}.paywall__footer{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 12px;font-size:.85rem;display:flex}.paywall__footer a{color:inherit}:root{--ink:#0b1f2a;--ink-soft:#163545;--mist:#e8f2f0;--fog:#c5ddd8;--teal:#1a8a7a;--teal-bright:#22b39e;--coral:#e85d4c;--coral-deep:#c94436;--sand:#f3ebe0;--paper:#f7faf9;--muted:#5a7370;--line:#0b1f2a1a;--danger:#b42318;--success:#0f7a5a;--font-display:"Bricolage Grotesque", Georgia, serif;--font-body:"Figtree", system-ui, sans-serif;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-soft:0 12px 40px #0b1f2a1f;--ease-out:cubic-bezier(.22, 1, .36, 1);--max-w:430px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(120% 80% at 10% -10%, #22b39e38, transparent 55%), radial-gradient(90% 70% at 100% 0%, #e85d4c1f, transparent 50%), linear-gradient(165deg, #dfeceb 0%, var(--paper) 42%, #eef5f3 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--teal);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--ink)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.15}p{margin:0}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--teal-bright);outline-offset:3px}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes check-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes countdown-tick{0%{opacity:.55}to{opacity:1}}.motion-rise{animation:rise-in .45s var(--ease-out) both}.motion-rise-delay{animation:rise-in .5s var(--ease-out) 80ms both}#root{min-height:100dvh}.app-frame{width:min(100%, var(--max-w));min-height:100dvh;margin:0 auto;position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}