:root{--color-primary:#6c5ce7;--color-success:#2dd4bf;--color-reward:#ffb84d;--color-error:#ff6b7a;--color-background:#f8f7fc;--color-text:#25233a;--surface:#fff;--border:color-mix(in srgb, var(--color-primary) 16%, transparent);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--shadow-card:0 12px 30px #25233a1a;--shadow-button:0 8px 16px #6c5ce73d;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-size-body:1rem;--font-size-title:clamp(2rem, 8vw, 3rem);--line-height-body:1.5;--motion-fast:.16s;--motion-base:.24s;--motion-slow:.4s;--motion-ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{background:var(--color-background)}body{min-width:320px;min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}button,input,textarea,select{font:inherit}button{touch-action:manipulation}#root{min-height:100dvh}.app-shell{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));align-content:center;display:grid}.app-shell__content{width:min(100%,42rem);margin-inline:auto}.card{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.button{min-height:44px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--surface);box-shadow:var(--shadow-button);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease);border:0;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.5}.button:not(:disabled):active{transform:translateY(1px)scale(.98)}.progress-bar{appearance:none;background:color-mix(in srgb, var(--color-text) 10%, transparent);border:0;border-radius:999px;width:100%;height:10px;display:block;overflow:hidden}.progress-bar::-webkit-progress-bar{background:color-mix(in srgb, var(--color-text) 10%, transparent)}.progress-bar::-webkit-progress-value{border-radius:inherit;background:var(--color-primary)}.progress-bar--success::-webkit-progress-value{background:var(--color-success)}.progress-bar--reward::-webkit-progress-value{background:var(--color-reward)}.app-shell{align-content:start}.app-shell__content{gap:var(--space-4);display:grid}.app-shell__header{padding-top:var(--space-2)}.app-shell__brand{color:var(--color-text);letter-spacing:-.02em;margin:0;font-size:1.125rem}.app-shell__tagline{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin:0;font-size:.875rem}.home-page{gap:var(--space-5);padding-block:var(--space-4);display:grid}.home-page__eyebrow,.home-page h2,.home-page p{margin:0}.home-page h2{color:var(--color-primary);font-size:var(--font-size-title);line-height:1}.streak-strip__days,.home-page__stats{gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.streak-strip__day{gap:var(--space-1);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-text) 8%, transparent);text-align:center;place-content:center;min-height:56px;font-size:.75rem;display:grid}.streak-strip__day--completed{background:var(--color-success);color:var(--color-text);font-weight:700}.streak-strip__state{font-size:.625rem}.home-page__progress{gap:var(--space-2);display:grid}.home-page__progress-label{justify-content:space-between;gap:var(--space-3);display:flex}.home-page__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page__stats .card{padding:var(--space-4);text-align:center}.home-page__start{width:100%;margin-top:var(--space-2)}.install-hint{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-reward) 14%, var(--surface));display:grid}.install-hint .button{background:var(--color-text);justify-self:start}.training-page{gap:var(--space-5);min-height:min(38rem,100dvh - 9rem);padding-block:var(--space-2) var(--space-4);display:grid}.training-page--empty,.training-page--handoff{min-height:0;padding-block:var(--space-8);align-content:center}.training-page--empty h2,.training-page--empty p,.training-page--handoff h2,.training-page--handoff p{margin:0}.training-page__home-link{justify-self:start;text-decoration:none}.training-page__exit{min-width:44px;min-height:44px;padding-inline:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--color-primary);justify-content:center;justify-self:start;align-items:center;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex}.training-page__eyebrow{color:var(--color-primary);font-weight:700}.training-progress{background:color-mix(in srgb, var(--color-text) 10%, transparent);border-radius:999px;height:10px;overflow:hidden}.training-progress__fill{border-radius:inherit;background:var(--color-primary);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}.training-page__exercise{gap:var(--space-4);display:grid}.prompt-card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);display:grid}.prompt-card h2,.prompt-card p{margin:0}.prompt-card h2{font-size:clamp(1.45rem,6vw,2rem);line-height:1.2}.prompt-card__phase{color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:800}.prompt-card__image{border-radius:var(--radius-md);object-fit:cover;width:100%;max-height:13rem}.prompt-card__context{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) 8%, var(--surface));display:grid}.prompt-card__context mark{background:color-mix(in srgb, var(--color-reward) 55%, transparent);color:inherit;border-radius:.25em;padding-inline:.12em}.choice-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.choice-grid__choice{gap:var(--space-3);min-height:72px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--color-text);cursor:pointer;text-align:left;grid-template-columns:auto 1fr;align-items:center;display:grid}.choice-grid__choice:focus-visible,.training-page__exit:focus-visible,.training-page__continue:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 45%, transparent);outline-offset:3px}.choice-grid__choice:disabled{cursor:default}.choice-grid__choice--correct{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 14%, var(--surface))}.choice-grid__choice--incorrect{border-color:var(--color-error);background:color-mix(in srgb, var(--color-error) 12%, var(--surface))}.choice-grid__number{aspect-ratio:1;background:color-mix(in srgb, var(--color-primary) 12%, transparent);width:1.75rem;color:var(--color-primary);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid}.answer-feedback{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);border:1px solid #0000;display:grid}.answer-feedback--correct{border-color:var(--color-success)}.answer-feedback--incorrect{border-color:var(--color-error)}.answer-feedback h3,.answer-feedback p{margin:0}.answer-feedback__result{gap:var(--space-2);align-items:center;display:flex}.answer-feedback__icon{aspect-ratio:1;background:color-mix(in srgb, currentColor 12%, transparent);border-radius:50%;place-items:center;width:1.8rem;font-weight:900;display:grid}.answer-feedback--correct .answer-feedback__result{color:color-mix(in srgb, var(--color-success) 70%, var(--color-text))}.answer-feedback--incorrect .answer-feedback__result{color:color-mix(in srgb, var(--color-error) 75%, var(--color-text))}.answer-feedback__example{color:color-mix(in srgb, var(--color-text) 76%, transparent)}.training-page__continue{bottom:max(var(--space-2), env(safe-area-inset-bottom));z-index:2;width:100%;position:sticky}.result-page,.history-page,.celebration,.celebration__results,.result-page__details,.history-page__calendar,.history-page__reading,.history-page__stages{gap:var(--space-4);display:grid}.result-page,.history-page{padding-block:var(--space-4) var(--space-8)}.result-page__header,.history-page__header{gap:var(--space-1);display:grid}.result-page__header p,.result-page__header h2,.history-page__header p,.history-page__header h2,.result-page__details h3,.result-page__details p,.history-page h3,.history-page h4,.history-page p{margin:0}.result-page__eyebrow,.history-page__eyebrow{color:var(--color-primary);font-weight:800}.result-page__header h2,.history-page__header h2{font-size:var(--font-size-title);line-height:1.05}.celebration{position:relative}.celebration__particles{pointer-events:none;height:4rem;position:absolute;inset:-1rem 0 auto;overflow:hidden}.particle{aspect-ratio:1;background:var(--color-reward);border-radius:.2rem;width:.65rem;position:absolute;top:2.5rem}.particle:nth-child(3n+2){background:var(--color-success);border-radius:50%}.particle:nth-child(3n){background:var(--color-primary)}.result-page__insights{gap:var(--space-2);padding-left:var(--space-6);margin:0;font-size:1.1rem;font-weight:700;display:grid}.celebration__skip{background:var(--color-text);justify-self:start}.result-page__rewards{gap:var(--space-3);background:color-mix(in srgb, var(--color-reward) 20%, var(--surface));text-align:center;grid-template-columns:1.4fr 1fr 1fr;align-items:center;display:grid}.result-page__rewards strong{color:color-mix(in srgb, var(--color-reward) 65%, var(--color-text));font-size:1.7rem}.result-page__table-wrap{overscroll-behavior-inline:contain;overflow-x:auto}.result-page table,.history-page table{border-collapse:collapse;text-align:left;width:100%;min-width:31rem}.result-page th,.result-page td,.history-page th,.history-page td{padding:var(--space-2);border-bottom:1px solid var(--border)}.result-page__actions{gap:var(--space-3);padding-bottom:max(var(--space-2), env(safe-area-inset-bottom));text-align:center;display:grid}.result-page__actions a,.result-page__home,.history-page__home{justify-content:center;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.result-page__history-link,.history-page__home{color:var(--color-primary);font-weight:700}.history-page__ranges{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.history-page__ranges .button[aria-pressed=false]{border:1px solid var(--border);background:var(--surface);color:var(--color-primary);box-shadow:none}.history-page__days{gap:var(--space-2);padding:0 0 var(--space-1);grid-template-columns:repeat(7,minmax(3.6rem,1fr));margin:0;list-style:none;display:grid;overflow-x:auto}.history-page__day{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-text) 7%, transparent);text-align:center;place-content:center;min-height:3.4rem;font-size:.75rem;display:grid}.history-page__day--completed{background:var(--color-success);font-weight:800}.history-page__chart{margin:0}.history-page__chart svg{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) 5%, var(--surface));width:100%;display:block}.history-chart__axis{stroke:var(--border);stroke-width:2px}.history-chart__wpm,.history-chart__comprehension{stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.history-chart__wpm{stroke:var(--color-primary)}.history-chart__comprehension{stroke:color-mix(in srgb, var(--color-success) 75%, var(--color-text))}.history-page__legend{gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;font-size:.875rem;display:flex}.history-page__legend span{gap:var(--space-2);align-items:center;display:inline-flex}.history-page__key{border-radius:999px;width:1rem;height:.25rem}.history-page__key--wpm{background:var(--color-primary)}.history-page__key--comprehension{background:var(--color-success)}.history-page__reading-details{gap:var(--space-1);padding-left:var(--space-5);margin:0;display:grid}.primary-layout{--bottom-tabs-height:4.75rem;gap:var(--space-4);min-height:calc(100dvh - max(16px, env(safe-area-inset-top)) - max(20px, env(safe-area-inset-bottom)));padding-bottom:calc(var(--bottom-tabs-height) + var(--space-4));display:grid}.primary-layout__header{justify-content:space-between;align-items:center;min-height:44px;display:flex}.profile-avatar{border:2px solid color-mix(in srgb, var(--color-primary) 28%, transparent);background:color-mix(in srgb, var(--color-primary) 12%, var(--surface));width:44px;height:44px;color:var(--color-primary);border-radius:50%;place-items:center;font-weight:900;text-decoration:none;display:grid}.bottom-tabs{z-index:10;inset-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));width:auto;max-width:40rem;min-height:var(--bottom-tabs-height);border:1px solid var(--border);border-radius:calc(var(--radius-lg) + .25rem);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:auto;padding:6px;display:grid;position:fixed}.bottom-tabs__item{isolation:isolate;border-radius:var(--radius-md);min-width:44px;min-height:44px;color:color-mix(in srgb, var(--color-text) 58%, transparent);align-content:center;place-items:center;gap:2px;font-size:.72rem;font-weight:750;text-decoration:none;display:grid;position:relative}.bottom-tabs__pill{z-index:-1;border-radius:inherit;opacity:0;transition:opacity .2s var(--motion-ease), transform .2s var(--motion-ease);background:0 0;position:absolute;inset:2px;transform:scale(.9)}.bottom-tabs__item--active{color:var(--color-primary)}.bottom-tabs__item--active .bottom-tabs__pill{background:color-mix(in srgb, var(--color-primary) 13%, var(--surface));opacity:1;transform:scale(1)}.bottom-tabs__item svg{width:1.35rem;height:1.35rem;transition:filter .2s var(--motion-ease), transform .2s var(--motion-ease)}.bottom-tabs__item--active svg{color:var(--color-primary);filter:drop-shadow(0 2px 3px color-mix(in srgb, var(--color-primary) 42%, transparent));transform:translateY(-1px)scale(1.05)}.practice-page,.profile-page{gap:var(--space-5);display:grid}.practice-page__eyebrow,.practice-page h2,.practice-stage h3,.practice-stage p,.profile-page__eyebrow,.profile-page h2,.profile-page h3,.profile-page p{margin:0}.practice-page__eyebrow,.profile-page__eyebrow{color:var(--color-primary);font-weight:800}.practice-page__stages{gap:var(--space-4);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.practice-stage{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.practice-stage__number{aspect-ratio:1;background:color-mix(in srgb, var(--color-primary) 12%, var(--surface));width:2rem;color:var(--color-primary);border-radius:50%;place-items:center;font-weight:900;display:grid}.profile-page__back{min-height:44px;color:var(--color-primary);align-content:center;justify-self:start;font-weight:700;text-decoration:none}.profile-page__details{gap:var(--space-3);margin:0;display:grid}.profile-page__details div{gap:var(--space-3);grid-template-columns:minmax(5.5rem,.6fr) minmax(0,1fr);display:grid}.profile-page__details dt{color:color-mix(in srgb, var(--color-text) 66%, transparent);font-weight:700}.profile-page__details dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:800}.bottom-tabs__item:focus-visible,.profile-avatar:focus-visible,.profile-page__back:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 45%, transparent);outline-offset:3px}@supports (position-anchor:--selected-choice){.choice-grid__choice--selected{anchor-name:--selected-choice}.answer-feedback{position-anchor:--selected-choice;position-area:block-end center;z-index:1;pointer-events:none;width:min(32rem,100vw - 2rem);max-height:min(18rem,42dvh);position:fixed;overflow:auto}.answer-feedback+.training-page__continue{margin-block-start:calc(min(18rem, 42dvh) + var(--space-4))}}@media (width<=30rem){.choice-grid{grid-template-columns:1fr}.choice-grid__choice{min-height:60px}.result-page__rewards{grid-template-columns:1fr 1fr}.result-page__rewards strong{grid-column:1/-1}}@media (width>=30rem){.practice-page__stages{grid-template-columns:repeat(2,minmax(0,1fr))}}@supports (animation-timeline:view()){.card{animation:card-reveal var(--motion-slow) var(--motion-ease) both;animation-timeline:view();animation-range:entry cover 30%}}@keyframes card-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.particle,.card,.button:not(:disabled):active{animation:none!important;transform:none!important}.card{opacity:1}.bottom-tabs__pill,.bottom-tabs__item svg{transition-duration:.01ms}.bottom-tabs__item--active svg,.bottom-tabs__item--active .bottom-tabs__pill{transform:none}}