:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-paper:#f7f4ee;--color-ink:#1d1b18;--color-ink-secondary:#4a4640;--color-hearth:#23466e;--color-hearth-pressed:#16304d;--color-hearth-soft:#e3ebf4;--color-moss:#2f6b3f;--color-lamp:#fbefd6;--color-lamp-ink:#7a4d00;--color-border:#d9d3c7;--color-border-strong:#8a8378;--color-surface:#fff;--color-on-dark:#fff;--color-on-dark-secondary:#cfc8bc;--color-placeholder:#efe9de;--color-skeleton:var(--color-border);--color-media-ground:#1d1b18;--color-media-bar:#2a2723;--color-on-media:#fff;--color-on-media-secondary:#cfc8bc;--color-bar-ground:#f7f4eed1;--color-chip-saved:#e2efe4;--color-chip-shared:var(--color-hearth-soft);--color-word-now:#fbefd6;--color-notice-ground:var(--color-lamp);--color-notice-ink:var(--color-ink);--color-focus:var(--color-hearth);--color-focus-on-dark:#fff;--shadow-bar:0 .25rem 1.5rem #1d1b181f;--font-story:"Literata", Georgia, serif;--font-ui:-apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--type-title-size:1.647rem;--type-title-line:2rem;--type-display-size:1.647rem;--type-display-line:2rem;--type-heading-size:1.176rem;--type-heading-line:1.471rem;--type-body-size:1rem;--type-body-line:1.294rem;--type-story-size:1.118rem;--type-story-line:1.765rem;--type-story-large-size:1.412rem;--type-story-large-line:2.118rem;--type-button-size:1rem;--type-button-line:1.294rem;--type-small-size:.882rem;--type-small-line:1.176rem;--type-caption-size:.765rem;--type-caption-line:1.059rem;--type-code-size:1.647rem;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-gap:1rem;--space-screen:1.25rem;--space-section:2rem;--page-max-width:40rem;--radius-chip:999px;--radius-input:.588rem;--radius-button:.706rem;--radius-card:.706rem;--radius-tile:.471rem;--radius-bar:1.25rem;--radius-round:50%;--border-hairline:1px;--border-strong:2px;--focus-ring-width:3px;--target-min:2.588rem;--target-primary:2.941rem;--target-chip:1.765rem;--target-play:2.941rem;--icon-chip:1rem;--icon-inline:1.294rem;--icon-player:1.647rem;--tile-size:2.588rem;--avatar-small:3.5rem;--avatar-large:6rem;--play-badge:3.5rem;--thumb-height:11rem;--seek-height:.25rem;--seek-thumb:.882rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-paper:#141311;--color-ink:#f2eee7;--color-ink-secondary:#beb7ac;--color-hearth:#8fb3dd;--color-hearth-pressed:#b5cdea;--color-hearth-soft:#1f2e42;--color-moss:#82c493;--color-lamp:#3b2f17;--color-lamp-ink:#f2cf8a;--color-border:#3d3934;--color-border-strong:#77706a;--color-surface:#211f1c;--color-on-dark:#141311;--color-on-dark-secondary:#4a4640;--color-placeholder:#2c2925;--color-media-ground:#000;--color-media-bar:#211f1c;--color-bar-ground:#211f1cd1;--color-chip-saved:#1d3324;--color-word-now:#4a3a1a;--shadow-bar:0 .25rem 1.5rem #00000073}}@media (prefers-contrast:more){:root{--color-ink:#000;--color-ink-secondary:#2b2824;--color-hearth:#16304d;--color-hearth-pressed:#0b1c2e;--color-moss:#1f4d2b;--color-lamp-ink:#5c3a00;--color-border:#8a8378;--color-border-strong:#4a4640}}@media (prefers-color-scheme:dark) and (prefers-contrast:more){:root{--color-paper:#000;--color-surface:#1a1917;--color-ink:#fff;--color-ink-secondary:#dcd6cc;--color-hearth:#b5cdea;--color-hearth-pressed:#d3e2f3;--color-moss:#a6d9b2;--color-lamp-ink:#fbe0a8;--color-border:#8a8378;--color-border-strong:#a39b90;--color-on-dark:#000}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:106.25%}@supports (font:-apple-system-body){html{font:-apple-system-body}}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--type-body-size);line-height:var(--type-body-line);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-wrap:anywhere;margin:0}h1,h2,p{margin:0}img,video{max-width:100%;display:block}a{color:var(--color-hearth)}a:hover{color:var(--color-hearth-pressed)}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-width)}[tabindex="-1"]:focus{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{max-width:var(--page-max-width);min-height:100dvh;padding-top:max(var(--space-gap), env(safe-area-inset-top,0px));padding-right:max(var(--space-screen), env(safe-area-inset-right,0px));padding-bottom:calc(var(--space-section) + env(safe-area-inset-bottom,0px));padding-left:max(var(--space-screen), env(safe-area-inset-left,0px));gap:var(--space-gap);flex-direction:column;margin:0 auto;display:flex}.page--player{padding-bottom:calc(var(--space-section) * 4 + env(safe-area-inset-bottom,0px))}.brand{font-family:var(--font-story);font-weight:var(--weight-semibold);font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--color-ink-secondary)}.page-main{gap:var(--space-screen);flex-direction:column;flex:1;animation:.2s ease-out page-in;display:flex}@keyframes page-in{0%{opacity:.01}to{opacity:1}}.page-main--centered{text-align:center;justify-content:center;align-items:center}.stack{gap:var(--space-md);flex-direction:column;display:flex}.stack--sm{gap:var(--space-sm)}.display{font-family:var(--font-story);font-weight:var(--weight-semibold);font-size:var(--type-display-size);line-height:var(--type-display-line);text-wrap:balance}.title{font-family:var(--font-story);font-weight:var(--weight-semibold);font-size:var(--type-title-size);line-height:var(--type-title-line);text-wrap:balance}.section-heading{font-size:var(--type-heading-size);line-height:var(--type-heading-line);font-weight:var(--weight-semibold)}.lede{color:var(--color-ink-secondary)}.small{font-size:var(--type-small-size);line-height:var(--type-small-line)}.secondary{color:var(--color-ink-secondary)}.story-text{font-family:var(--font-story);font-size:var(--type-story-size);line-height:var(--type-story-line)}.eyebrow{font-family:var(--font-ui);font-weight:var(--weight-regular);font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--color-ink-secondary);display:block}.eyebrow--lamp{font-weight:var(--weight-semibold);color:var(--color-lamp-ink)}.story-head{gap:var(--space-sm);flex-direction:column;display:flex}.story-subtitle{font-family:var(--font-story);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--color-ink-secondary)}.button{justify-content:center;align-self:flex-start;align-items:center;gap:var(--space-sm);min-height:var(--target-min);padding:var(--space-sm) var(--space-screen);border-radius:var(--radius-button);font-family:inherit;font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:var(--weight-semibold);text-align:center;cursor:pointer;border:0;text-decoration:none;transition:opacity .15s;display:inline-flex}.button:active{opacity:.7}.button--primary{min-height:var(--target-primary);background:var(--color-hearth);color:var(--color-on-dark)}.button--primary:hover{background:var(--color-hearth-pressed);color:var(--color-on-dark)}.button--secondary{background:var(--color-hearth-soft);color:var(--color-hearth)}.button--secondary:hover{color:var(--color-hearth-pressed)}.button--text{color:var(--color-hearth);text-align:left;background:0 0;justify-content:flex-start;padding-inline:0}.button--text:hover{color:var(--color-hearth-pressed)}.button--block{align-self:stretch}.button[disabled]{opacity:.45;cursor:default}.button[aria-disabled=true]{cursor:progress}.back-link{align-self:flex-start;align-items:center;gap:var(--space-xs);min-height:var(--target-min);margin-left:calc(var(--space-xs) * -1);font-size:var(--type-body-size);line-height:var(--type-body-line);text-decoration:none;display:inline-flex}.icon{width:var(--icon-inline);height:var(--icon-inline);flex:none}.icon--chip{width:var(--icon-chip);height:var(--icon-chip)}.icon--player{width:var(--icon-player);height:var(--icon-player)}.panel{gap:var(--space-md);padding:var(--space-gap);background:var(--color-surface);border-radius:var(--radius-card);flex-direction:column;display:flex}.notice{gap:var(--space-md);padding:var(--space-gap);border-radius:var(--radius-card);background:var(--color-notice-ground);color:var(--color-notice-ink);text-align:left;align-items:flex-start;display:flex}.status-line{gap:var(--space-sm);align-items:flex-start;display:flex}.status-line:empty{display:none}.icon--working{animation:1.6s ease-in-out infinite icon-working}@keyframes icon-working{0%,to{opacity:1}50%{opacity:.4}}.notice>.icon{color:var(--color-lamp-ink)}.status-line>span,.notice>.stack{flex:auto;min-width:0}.skeleton{gap:var(--space-md);flex-direction:column;display:flex}.skeleton__line{min-height:var(--type-body-line);border-radius:var(--radius-tile);background:var(--color-skeleton);animation:1.6s ease-in-out infinite icon-working;display:block}.skeleton__line--short{width:40%}.skeleton__line--title{min-height:var(--type-title-line);width:85%}.skeleton__line--block{min-height:var(--thumb-height);border-radius:var(--radius-card)}.avatar{width:var(--avatar-small);height:var(--avatar-small);border-radius:var(--radius-round);object-fit:cover;background:var(--color-placeholder);flex:none}.avatar--large{width:var(--avatar-large);height:var(--avatar-large)}.owner-header{align-items:center;gap:var(--space-gap);flex-wrap:wrap;display:flex}.group{border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.group>li+li .row__text{border-top:var(--border-hairline) solid var(--color-border)}.row{align-items:center;gap:var(--space-md);min-height:var(--target-min);padding-left:var(--space-gap);padding-right:var(--space-md);color:var(--color-ink);text-decoration:none;display:flex}.row:hover,.row:active{color:var(--color-ink);background:var(--color-placeholder)}.row>.icon{color:var(--color-border-strong)}.row__thumb{width:var(--tile-size);height:var(--tile-size);border-radius:var(--radius-tile);object-fit:cover;background:var(--color-placeholder);flex:none}.row__text{justify-content:center;align-self:stretch;gap:var(--space-xs);min-width:0;padding-block:var(--space-md);flex-direction:column;flex:auto;display:flex}.row__title{font-weight:var(--weight-semibold)}.row__status{align-items:center;gap:var(--space-xs);font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--color-moss);display:inline-flex}.row__status--new{font-weight:var(--weight-semibold);color:var(--color-hearth)}.kind-tile{width:var(--tile-size);height:var(--tile-size);border-radius:var(--radius-tile);background:var(--color-chip-shared);color:var(--color-hearth);flex:none;justify-content:center;align-items:center;display:flex}.chip{align-items:center;gap:var(--space-xs);min-height:var(--target-chip);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-chip);font-size:var(--type-small-size);line-height:var(--type-small-line);font-weight:var(--weight-semibold);align-self:flex-start;display:inline-flex}.chip--done{background:var(--color-chip-saved);color:var(--color-moss)}.chip--waiting{background:var(--color-lamp);color:var(--color-lamp-ink)}.keep-section{gap:var(--space-sm);padding-top:var(--space-gap);border-top:var(--border-hairline) solid var(--color-border);flex-direction:column;margin-top:auto;display:flex}.site-footer{flex-direction:column;align-items:center;display:flex}.code-input{width:100%;min-height:var(--target-primary);padding:0 var(--space-gap);border-radius:var(--radius-input);border:var(--border-hairline) solid var(--color-border-strong);background:var(--color-surface);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--type-code-size);font-variant-numeric:tabular-nums;letter-spacing:.3em}.code-input[aria-invalid=true]{border:var(--border-strong) solid var(--color-ink)}.field-label{font-weight:var(--weight-semibold)}.pin-entry{align-self:stretch;position:relative}.pin-boxes{justify-content:center;gap:var(--space-sm);display:flex}.pin-box{min-width:0;max-width:var(--target-min);min-height:var(--target-primary);border-radius:var(--radius-input);border:var(--border-hairline) solid var(--color-border-strong);background:var(--color-surface);font-size:var(--type-heading-size);line-height:var(--type-heading-line);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;padding-block:var(--space-sm);flex:1 1 0;justify-content:center;align-items:center;display:flex}.pin-entry:focus-within .pin-box--next{border:var(--border-strong) solid var(--color-hearth)}.pin-entry[data-invalid=true] .pin-box{border-color:var(--color-ink)}.pin-input{opacity:.01;color:#0000;caret-color:#0000;width:100%;height:100%;font-size:var(--type-body-size);background:0 0;border:0;position:absolute;inset:0}fieldset.panel{border:0;min-width:0;margin:0}fieldset.panel>legend{float:left;width:100%;margin-bottom:var(--space-xs);padding:0}.field{gap:var(--space-sm);flex-direction:column;display:flex}.text-input{width:100%;min-height:var(--target-min);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-input);border:var(--border-hairline) solid var(--color-border-strong);background:var(--color-surface);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--type-body-size);line-height:var(--type-body-line)}textarea.text-input{resize:vertical}.text-input[aria-invalid=true]{border:var(--border-strong) solid var(--color-ink)}.file-input{width:100%;min-height:var(--target-min);font-family:var(--font-ui);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--color-ink)}.file-input::file-selector-button{min-height:var(--target-min);margin-right:var(--space-gap);padding:var(--space-sm) var(--space-screen);border-radius:var(--radius-button);background:var(--color-hearth-soft);color:var(--color-hearth);font-family:inherit;font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:var(--weight-semibold);cursor:pointer;border:0}.field-error{font-weight:var(--weight-semibold);color:var(--color-ink)}.player{border-radius:var(--radius-card);background:var(--color-media-ground);color:var(--color-on-media);flex-direction:column;display:flex;overflow:hidden}.player video{background:var(--color-media-ground);width:100%;height:auto}.player :focus-visible{outline-color:var(--color-focus-on-dark)}.listen-capsule{align-self:flex-start;align-items:center;gap:var(--space-sm);min-height:var(--target-min);padding:var(--space-sm) var(--space-screen) var(--space-sm) var(--space-gap);border-radius:var(--radius-chip);background:var(--color-ink);color:var(--color-paper);font-family:inherit;font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:var(--weight-semibold);cursor:pointer;border:0;display:inline-flex}.listen-capsule:active{opacity:.7}.listen-capsule__length{font-weight:var(--weight-regular);font-variant-numeric:tabular-nums;opacity:.8}.player-bar{z-index:10;left:max(var(--space-sm), env(safe-area-inset-left,0px));right:max(var(--space-sm), env(safe-area-inset-right,0px));bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));max-width:calc(var(--page-max-width) - var(--space-screen));gap:var(--space-xs);padding:var(--space-sm) var(--space-gap);border-radius:var(--radius-bar);border:var(--border-hairline) solid var(--color-border);background:var(--color-bar-ground);-webkit-backdrop-filter:saturate(180%)blur(1.2rem);backdrop-filter:saturate(180%)blur(1.2rem);box-shadow:var(--shadow-bar);color:var(--color-ink);flex-direction:column;margin:0 auto;animation:.25s ease-out bar-in;display:flex;position:fixed}@keyframes bar-in{0%{opacity:.01;transform:translateY(1rem)}to{opacity:1;transform:none}}.player-bar__title{font-size:var(--type-caption-size);line-height:var(--type-caption-line);font-weight:var(--weight-semibold);color:var(--color-ink-secondary)}.player-bar__row{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.player-bar__times{font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--color-ink-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.icon-button{min-width:var(--target-min);min-height:var(--target-min);border-radius:var(--radius-round);color:var(--color-ink);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:active{opacity:.6}.icon-button[disabled]{opacity:.3;cursor:default}.icon-button--play{min-width:var(--target-play);min-height:var(--target-play);background:var(--color-ink);color:var(--color-paper)}.pill-button{min-width:var(--target-min);min-height:var(--target-min);padding:0 var(--space-sm);color:var(--color-ink);font-family:inherit;font-size:var(--type-small-size);line-height:var(--type-small-line);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.pill-button>span{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-chip);background:var(--color-placeholder)}.pill-button[aria-pressed=true]>span{background:var(--color-ink);color:var(--color-paper)}.seek{width:100%;min-height:var(--target-chip);accent-color:var(--color-ink);cursor:pointer;appearance:none;background:0 0;margin:0}.seek::-webkit-slider-runnable-track{height:var(--seek-height);border-radius:var(--radius-chip);background:linear-gradient(to right, var(--color-ink) var(--seek-at,0%), var(--color-border) var(--seek-at,0%))}.seek::-webkit-slider-thumb{-webkit-appearance:none;width:var(--seek-thumb);height:var(--seek-thumb);margin-top:calc((var(--seek-height) - var(--seek-thumb)) / 2);border-radius:var(--radius-round);background:var(--color-ink)}.seek::-moz-range-track{height:var(--seek-height);border-radius:var(--radius-chip);background:var(--color-border)}.seek::-moz-range-progress{height:var(--seek-height);border-radius:var(--radius-chip);background:var(--color-ink)}.seek::-moz-range-thumb{width:var(--seek-thumb);height:var(--seek-thumb);border-radius:var(--radius-round);background:var(--color-ink);border:0}.photo-grid{gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid}.photo-grid img{border-radius:var(--radius-card);background:var(--color-placeholder);width:100%;height:auto}.transcript p+p{margin-top:var(--space-md)}.words{gap:var(--space-sm);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.chapter-stage{border-radius:var(--radius-card);background:var(--color-media-ground);flex-direction:column;display:flex;overflow:hidden}.chapter-photo{aspect-ratio:4/3;object-fit:contain;background:var(--color-media-ground);width:100%}.chapter-card{min-height:var(--thumb-height);justify-content:center;gap:var(--space-sm);padding:var(--space-screen);color:var(--color-on-media);flex-direction:column;display:flex}.chapter-card__title{font-family:var(--font-story);font-size:var(--type-title-size);line-height:var(--type-title-line)}.chapter-caption{font-family:var(--font-story);font-size:var(--type-heading-size);line-height:var(--type-heading-line);text-align:center}.chapter-controls{gap:var(--space-sm);flex-wrap:wrap;display:flex}.chapter-list{border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.chapter-list>li+li{border-top:var(--border-hairline) solid var(--color-border)}.chapter-list__item{width:100%;min-height:var(--target-min);justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-gap);color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;display:flex}.chapter-list__item[aria-current=true]{color:var(--color-hearth);font-weight:var(--weight-semibold)}.listen-top{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.listen-words--large .story-text{font-size:var(--type-story-large-size);line-height:var(--type-story-large-line)}.listen-word--now{background:var(--color-word-now);border-radius:var(--radius-tile);box-shadow:0 0 0 var(--focus-ring-width) var(--color-word-now)}.listen-video{border-radius:var(--radius-card);background:var(--color-media-ground);width:100%;height:auto}.sheet{width:100%;max-width:var(--page-max-width);max-height:85dvh;padding:var(--space-gap) max(var(--space-screen), env(safe-area-inset-right,0px)) calc(var(--space-screen) + env(safe-area-inset-bottom,0px)) max(var(--space-screen), env(safe-area-inset-left,0px));border-radius:var(--radius-bar) var(--radius-bar) 0 0;background:var(--color-paper);color:var(--color-ink);border:0;margin:auto auto 0;overflow-y:auto}.sheet[open]{gap:var(--space-gap);flex-direction:column;animation:.25s ease-out bar-in;display:flex}.sheet::backdrop{background:#00000059}.sheet__head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.story-part{padding-top:var(--space-screen);border-top:var(--border-hairline) solid var(--color-border)}.pin-form{width:100%;max-width:24rem}