:root{--font-family:system-ui, -apple-system, "Segoe UI", "Rubik", "Arial Hebrew", Arial, sans-serif;--font-size-xs:.8125rem;--font-size-sm:.9375rem;--font-size-md:1.0625rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-height:1.5;--font-size-reading:1.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--radius-pill:999px;--border-width:1px;--accent-width:4px;--touch-target:48px;--content-max-width:720px;--header-height:60px;--logo-height:28px;--hero-logo-height:64px;--bottom-nav-height:64px;--fab-size:56px;--transition-fast:.12s ease;--transition-med:.2s ease;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#eef2f7;--color-surface:#fff;--color-surface-alt:#eef1f5;--color-text:#1b1f24;--color-text-muted:#5b6573;--color-border:#d6dbe2;--color-primary:#1f4e79;--color-primary-hover:#183e61;--color-on-primary:#fff;--color-success:#1e7d45;--color-success-bg:#e3f4ea;--color-danger:#b42318;--color-danger-bg:#fdecea;--color-warning:#a15c00;--color-warning-bg:#fff3dc;--color-info:#1f5fa8;--color-info-bg:#e5effa;--color-header-bg:#173a5e;--color-header-bg-end:#0f2742;--color-header-text:#fff;--color-header-btn-active:#ffffff29;--color-accent:#b9c4cf;--color-accent-strong:#8a99a8;--color-hero-text:#fff;--color-hero-muted:#c9d6e3;--color-logo-shadow:#00000073;--color-overlay:#0a0e1480;--color-focus:#3b82f6;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #10182814;--shadow-md:0 4px 8px #1018280f, 0 8px 24px #1018281a;--shadow-lg:0 10px 30px #0f274247}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f1318;--color-surface:#1a2028;--color-surface-alt:#232b35;--color-text:#e8ecf1;--color-text-muted:#9aa5b4;--color-border:#313b47;--color-primary:#5b9bd5;--color-primary-hover:#7bb0e0;--color-on-primary:#0b1520;--color-success:#4cc283;--color-success-bg:#143324;--color-danger:#f0766b;--color-danger-bg:#3a1714;--color-warning:#f0b453;--color-warning-bg:#3a2a0e;--color-info:#7ab4f0;--color-info-bg:#15283d;--color-header-bg:#13233a;--color-header-bg-end:#0b1626;--color-header-text:#e8ecf1;--color-header-btn-active:#ffffff1f;--color-accent:#6f8296;--color-accent-strong:#9fb0c2;--color-hero-text:#f1f4f8;--color-hero-muted:#a9b9ca;--color-logo-shadow:#0009;--color-overlay:#000000a6;--color-focus:#7bb0e0;--shadow-sm:0 1px 2px #00000059, 0 1px 3px #0000004d;--shadow-md:0 4px 8px #0000004d, 0 8px 24px #0006;--shadow-lg:0 10px 30px #0000008c}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3,h4{margin:0 0 var(--space-3);line-height:1.25;font-weight:var(--font-weight-bold)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}p{margin:0 0 var(--space-3)}a{color:var(--color-primary)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input,textarea,select{font-size:max(16px, var(--font-size-md))}textarea{resize:vertical}ul{margin:0;padding:0;list-style:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:10;align-items:center;gap:var(--space-1);min-block-size:calc(var(--header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--space-2) 0;padding-inline:max(var(--space-2), env(safe-area-inset-right)) max(var(--space-2), env(safe-area-inset-left));background:linear-gradient(to bottom, var(--color-header-bg), var(--color-header-bg-end));color:var(--color-header-text);border-block-end:2px solid var(--color-accent);box-shadow:var(--shadow-md);display:flex;position:sticky;inset-block-start:0}.app-header__brand{min-inline-size:var(--touch-target);min-block-size:var(--touch-target);padding-inline:var(--space-1);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.app-header__brand:active{background:var(--color-header-btn-active)}.app-header__logo{block-size:var(--logo-height);inline-size:auto;filter:drop-shadow(0 1px 2px var(--color-logo-shadow));display:block}.app-header__title{min-inline-size:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.app-header__actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.app-header .icon-btn{color:var(--color-header-text)}.app-header .icon-btn:active{background:var(--color-header-btn-active)}.hero{align-items:center;gap:var(--space-1);padding:var(--space-5) var(--space-4);border:var(--border-width) solid var(--color-accent-strong);border-radius:var(--radius-lg);background:radial-gradient(120% 80% at 50% 0%, var(--color-header-bg) 0%, var(--color-header-bg-end) 100%);color:var(--color-hero-text);text-align:center;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.hero__logo{block-size:var(--hero-logo-height);inline-size:auto;max-inline-size:100%;filter:drop-shadow(0 3px 6px var(--color-logo-shadow));display:block}.hero__title{margin:var(--space-2) 0 0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:.04em;line-height:1.1}.hero__tagline{color:var(--color-hero-muted);font-size:var(--font-size-sm);margin:0}.page{inline-size:100%;max-inline-size:var(--content-max-width);padding:var(--space-4);flex:1;margin-inline:auto;padding-block-end:calc(var(--bottom-nav-height) + var(--fab-size) + var(--space-6) + env(safe-area-inset-bottom))}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack--lg{gap:var(--space-5)}.stack--sm{gap:var(--space-2)}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row--between{justify-content:space-between}.row--nowrap{flex-wrap:nowrap}.row>.grow{flex:1;min-inline-size:0}.grid-2{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.muted{color:var(--color-text-muted)}.small{font-size:var(--font-size-sm)}.bold{font-weight:var(--font-weight-bold)}.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.divider{border:none;border-block-start:var(--border-width) solid var(--color-border);margin:var(--space-3) 0}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--touch-target);padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm);transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--success{background:var(--color-success);border-color:var(--color-success);color:var(--color-surface)}.btn--danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-surface)}.btn--danger-outline{color:var(--color-danger);border-color:var(--color-danger);box-shadow:none;background:0 0}.btn--ghost{box-shadow:none;background:0 0;border-color:#0000}.btn--block{inline-size:100%}.btn--lg{min-block-size:calc(var(--touch-target) * 1.25);font-size:var(--font-size-lg)}.btn--sm{min-block-size:36px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.icon-btn{inline-size:var(--touch-target);block-size:var(--touch-target);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--font-size-lg);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:active{background:var(--color-surface-alt)}.icon-btn svg{block-size:24px;inline-size:24px}.card{padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-med), transform var(--transition-med)}.card--accent{border-inline-start:var(--accent-width) solid var(--color-primary);box-shadow:var(--shadow-md)}.card--accent:active{transform:scale(.99)}.card--clickable{text-align:start;inline-size:100%;color:inherit;cursor:pointer;text-decoration:none;display:block}.card--clickable:active{background:var(--color-surface-alt)}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.card__icon{color:var(--color-primary);flex-shrink:0;display:inline-flex}.card__subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.section{gap:var(--space-3);flex-direction:column;display:flex}.section__title{align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:.02em;color:var(--color-text-muted);margin:0;display:inline-flex}.section__title:before{content:"";inline-size:var(--accent-width);border-radius:var(--radius-pill);background:var(--color-primary);block-size:1.1em}.danger-zone{border-color:var(--color-danger);background:var(--color-danger-bg)}.list{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.list-row{align-items:center;gap:var(--space-3);min-block-size:var(--touch-target);padding:var(--space-3) var(--space-4);border-block-end:var(--border-width) solid var(--color-border);display:flex}.list-row:last-child{border-block-end:none}.list-row--clickable{inline-size:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border-block-start:none;border-inline:none;text-decoration:none}.list-row--clickable:active{background:var(--color-surface-alt)}.list-row--inactive{opacity:.55}.list-row__main{flex:1;min-inline-size:0}.list-row__title{font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.list-row__meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.list-row__actions{gap:var(--space-1);flex-shrink:0;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.field__hint{color:var(--color-text-muted);font-size:var(--font-size-xs)}.input,.textarea{inline-size:100%;min-block-size:var(--touch-target);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.textarea{min-block-size:96px;line-height:var(--line-height)}.input:focus,.textarea:focus{outline:2px solid var(--color-focus);outline-offset:-1px;border-color:#0000}.segmented{padding:var(--space-1);gap:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface-alt);display:flex}.segmented__option{border-radius:var(--radius-sm);min-block-size:40px;color:var(--color-text-muted);font-weight:var(--font-weight-medium);background:0 0;border:none;flex:1}.segmented__option[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.save-indicator{font-size:var(--font-size-xs);color:var(--color-text-muted);min-block-size:1.2em}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;display:inline-flex}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.timer{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);direction:ltr;unicode-bidi:isolate}.timer--running{color:var(--color-warning)}.ltr{direction:ltr;unicode-bidi:isolate}.timeline{gap:var(--space-2);flex-direction:column;display:flex}.timeline__item{inline-size:100%;color:inherit;text-align:start;cursor:pointer;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-alt);border:none;align-items:flex-start;display:flex}.timeline__item--static{cursor:default}.timeline__time{color:var(--color-text-muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;flex-shrink:0}.timeline__text{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-inline-size:0}.word-compare{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.word-compare__cell{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-alt);text-align:center}.word-compare__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.word-compare__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);overflow-wrap:anywhere}.modal-backdrop{z-index:100;background:var(--color-overlay);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{inline-size:100%;max-inline-size:var(--content-max-width);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);max-block-size:92dvh;box-shadow:var(--shadow-md);flex-direction:column;display:flex}@media (width>=720px){.modal-backdrop{align-items:center}.modal{border-radius:var(--radius-lg)}}.modal--fullscreen{border-radius:0;block-size:100dvh;max-block-size:100dvh;max-inline-size:none}.modal__header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-block-end:var(--border-width) solid var(--color-border);padding-block-start:max(var(--space-3), env(safe-area-inset-top));display:flex}.modal__title{font-size:var(--font-size-lg);flex:1;margin:0}.modal__body{padding:var(--space-4);flex:1;overflow-y:auto}.modal__footer{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-block-start:var(--border-width) solid var(--color-border);padding-block-end:max(var(--space-3), env(safe-area-inset-bottom));display:flex}.modal__footer>.btn{flex:1}.reading-text{max-inline-size:65ch;font-size:var(--font-size-reading);white-space:pre-wrap;margin-inline:auto;line-height:1.7}.steps{gap:var(--space-3);font-size:var(--font-size-lg);line-height:var(--line-height);flex-direction:column;margin:0;padding-inline-start:var(--space-5);display:flex}.steps__icon{vertical-align:middle;color:var(--color-primary);margin-inline-start:var(--space-1);display:inline-flex}.steps__icon svg{block-size:1.25em;inline-size:1.25em}.empty-state{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted)}.toast{inset-inline:var(--space-4);z-index:200;max-inline-size:480px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-md);text-align:center;margin-inline:auto;position:fixed;inset-block-end:calc(var(--bottom-nav-height) + var(--fab-size) + var(--space-5) + env(safe-area-inset-bottom))}.unstyled-btn{inline-size:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:none;padding:0;display:block}.fieldset-reset{border:0;min-inline-size:0;margin:0;padding:0}.alert{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);white-space:pre-wrap;margin:0}.alert--danger{background:var(--color-danger-bg);color:var(--color-danger)}.cadet-nav .btn{white-space:nowrap}.bottom-nav{z-index:20;block-size:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-block-end:env(safe-area-inset-bottom);padding-inline:env(safe-area-inset-right) env(safe-area-inset-left);background:var(--color-surface);border-block-start:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-md);justify-content:center;display:flex;position:fixed;inset-block-end:0;inset-inline:0}.bottom-nav__item{max-inline-size:calc(var(--content-max-width) / 4);min-block-size:var(--touch-target);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-block-start:3px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.bottom-nav__item svg{block-size:24px;inline-size:24px}.bottom-nav__item:active{background:var(--color-surface-alt)}.bottom-nav__item--active{color:var(--color-primary);border-block-start-color:var(--color-primary)}.fab{z-index:30;inline-size:var(--fab-size);block-size:var(--fab-size);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-lg);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed;inset-block-end:calc(var(--bottom-nav-height) + var(--space-3) + env(safe-area-inset-bottom));inset-inline-start:max(var(--space-4), env(safe-area-inset-right))}.fab:active{background:var(--color-primary-hover)}.fab svg{block-size:26px;inline-size:26px}.summary-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.summary-text{margin:0}