:root{--color-paper:#f7f4ee;--color-ink:#1d1b18;--color-ink-secondary:#4a4640;--color-hearth:#23466e;--color-hearth-pressed:#16304d;--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-media-ground:#1d1b18;--color-media-bar:#2a2723;--color-chip-saved:#e2efe4;--color-chip-shared:#e3ebf4;--color-notice-ground:var(--color-lamp);--color-notice-ink:var(--color-ink);--color-focus:#23466e;--color-focus-on-dark:#fff;--font-story:"Literata", Georgia, serif;--font-ui:"Atkinson Hyperlegible Next", "Atkinson Hyperlegible", Verdana, sans-serif;--type-title-size:1.75rem;--type-title-line:2.125rem;--type-display-size:1.875rem;--type-display-line:2.25rem;--type-heading-size:1.375rem;--type-heading-line:1.75rem;--type-body-size:1.25rem;--type-body-line:1.875rem;--type-button-size:1.25rem;--type-button-line:1.5rem;--type-small-size:1.0625rem;--type-small-line:1.5rem;--type-code-size:1.75rem;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-gap:1rem;--space-screen:1.5rem;--space-section:2rem;--page-max-width:40rem;--radius-chip:999px;--radius-input:.875rem;--radius-button:1rem;--radius-card:1.125rem;--radius-tile:.75rem;--radius-round:50%;--border-hairline:1px;--border-strong:2px;--focus-ring-width:3px;--target-min:3.5rem;--target-secondary:3.75rem;--target-primary:4rem;--target-chip:2.5rem;--icon-chip:1.25rem;--icon-inline:1.5rem;--icon-large:2rem;--tile-size:3rem;--avatar-small:4.5rem;--avatar-large:7.5rem;--play-badge:4.5rem;--thumb-height:12rem}@media (prefers-contrast:more){:root{--color-border:var(--color-ink);--color-border-strong:var(--color-ink);--color-ink-secondary:var(--color-ink)}}*,: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-paper);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--type-body-size);line-height:var(--type-body-line);overflow-wrap:break-word;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:var(--space-screen) var(--space-screen) var(--space-section);gap:var(--space-screen);flex-direction:column;margin:0 auto;display:flex}.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-hearth)}.page-main{gap:var(--space-screen);flex-direction:column;flex:1;display:flex}.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)}.title{font-family:var(--font-story);font-weight:var(--weight-semibold);font-size:var(--type-title-size);line-height:var(--type-title-line)}.section-heading{font-size:var(--type-heading-size);line-height:var(--type-heading-line);font-weight:var(--weight-bold)}.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-body-size);line-height:var(--type-body-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-bold);color:var(--color-lamp-ink)}.button{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;min-height:var(--target-min);padding:var(--space-md) var(--space-screen);border-radius:var(--radius-button);border:var(--border-strong) solid var(--color-hearth);font-family:inherit;font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:var(--weight-bold);text-align:center;cursor:pointer;text-decoration:none;display:inline-flex}.button--primary{min-height:var(--target-primary);background:var(--color-hearth);color:var(--color-on-dark)}.button--primary:hover{background:var(--color-hearth-pressed);border-color:var(--color-hearth-pressed);color:var(--color-on-dark)}.button--secondary{min-height:var(--target-secondary);background:var(--color-surface);color:var(--color-hearth)}.button--text{width:auto;color:var(--color-hearth);text-align:left;background:0 0;border-color:#0000;justify-content:flex-start;padding-inline:0}.button--text:hover{color:var(--color-hearth-pressed);text-decoration:underline}.button[disabled],.button[aria-disabled=true]{cursor:progress}.back-link{align-self:flex-start;align-items:center;gap:var(--space-sm);min-height:var(--target-min);font-size:var(--type-small-size);line-height:var(--type-small-line);font-weight:var(--weight-bold);text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.icon{width:var(--icon-inline);height:var(--icon-inline);flex:none}.icon--chip{width:var(--icon-chip);height:var(--icon-chip)}.panel{gap:var(--space-md);padding:var(--space-gap) var(--space-gap) var(--space-screen);background:var(--color-surface);border:var(--border-hairline) solid var(--color-border);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);border:var(--border-hairline) solid var(--color-border-strong);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}.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}.story-list{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.story-card{background:var(--color-surface);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-card);color:var(--color-ink);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.story-card:hover{color:var(--color-ink);border-color:var(--color-hearth)}.story-card__media{min-height:var(--thumb-height);background:var(--color-media-bar);color:var(--color-on-dark);justify-content:center;align-items:center;display:flex;position:relative}.story-card__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.play-badge{width:var(--play-badge);height:var(--play-badge);border-radius:var(--radius-round);background:var(--color-surface);color:var(--color-ink);justify-content:center;align-items:center;display:flex;position:relative}.story-card__body{gap:var(--space-xs);padding:var(--space-gap);flex-direction:column;display:flex}.story-card__title{font-family:var(--font-story);font-weight:var(--weight-semibold);font-size:var(--type-heading-size);line-height:var(--type-heading-line)}.story-row{gap:var(--space-md) var(--space-gap);min-height:var(--target-min);padding:var(--space-gap);background:var(--color-surface);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-card);color:var(--color-ink);flex-wrap:wrap;align-items:center;text-decoration:none;display:flex}.story-row:hover{color:var(--color-ink);border-color:var(--color-hearth)}.story-row__text{gap:var(--space-xs);flex-direction:column;flex:12rem;min-width:0;display:flex}.story-row__title{font-weight:var(--weight-bold)}.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-sm);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-bold);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-strong) solid var(--color-border-strong);background:var(--color-surface);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--type-code-size);letter-spacing:.3em}.code-input[aria-invalid=true]{border-color:var(--color-ink)}.field-label{font-weight:var(--weight-bold)}fieldset.panel{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-md) var(--space-gap);border-radius:var(--radius-input);border:var(--border-strong) 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-color: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-md) var(--space-screen);border-radius:var(--radius-button);border:var(--border-strong) solid var(--color-hearth);background:var(--color-surface);color:var(--color-hearth);font-family:inherit;font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:var(--weight-bold);cursor:pointer}.field-error{font-weight:var(--weight-bold);color:var(--color-ink)}.player{border-radius:var(--radius-card);background:var(--color-media-ground);color:var(--color-on-dark);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)}.audio-player{gap:var(--space-gap);padding:var(--space-gap);flex-direction:column;display:flex}.audio-controls{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.audio-button{justify-content:center;align-items:center;gap:var(--space-sm);min-height:var(--target-min);min-width:var(--target-min);padding:var(--space-sm) var(--space-gap);border-radius:var(--radius-button);border:var(--border-strong) solid var(--color-on-dark);color:var(--color-on-dark);font-family:inherit;font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:var(--weight-bold);cursor:pointer;background:0 0;display:inline-flex}.audio-button--play{min-height:var(--target-primary);background:var(--color-on-dark);color:var(--color-ink);flex:10rem}.audio-seek{width:100%;min-height:var(--target-min);accent-color:var(--color-on-dark);cursor:pointer}.audio-time{font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--color-on-dark-secondary)}.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)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}