.dialog-card:has(>.story-library-dialog){width:min(720px,100%)}.story-library-dialog{gap:var(--space-6);display:grid}.story-library-dialog__header{gap:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.story-library-dialog__header h2{margin-bottom:var(--space-2)}.story-library-dialog__close,.story-library-dialog__retry,.story-library-card__open{min-height:40px;color:var(--gray-1000);background:var(--background-100);border:1px solid var(--gray-alpha-400);border-radius:var(--rounded-sm);transition:background-color .15s var(--ease-physical), border-color .15s var(--ease-physical), transform .15s var(--ease-physical);flex:none;padding:0 10px;font-size:14px;font-weight:500;line-height:20px}.story-library-dialog__close:hover,.story-library-dialog__retry:hover,.story-library-card__open:hover{background:var(--gray-200);border-color:var(--gray-alpha-500)}.story-library-dialog__close:active,.story-library-dialog__retry:active,.story-library-card__open:active{transform:translateY(1px)}.story-library-dialog__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.story-library-card{gap:var(--space-6);padding:var(--space-6);background:var(--gray-100);border:1px solid var(--gray-alpha-300);border-radius:var(--rounded-sm);box-shadow:var(--shadow-card);transition:background-color .15s var(--ease-physical), border-color .15s var(--ease-physical);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.story-library-card:hover{background:var(--gray-200);border-color:var(--gray-alpha-500)}.story-library-card__body{min-width:0}.story-library-card h3{color:var(--ink-1);font-family:var(--font-story);font-size:1.125rem;font-weight:var(--weight-medium);letter-spacing:-.01em;text-wrap:pretty;margin:0;line-height:1.3}.story-library-card__metadata{gap:var(--space-2);margin-top:var(--space-2);color:var(--ink-3);font-family:var(--font-ui);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-size:12px;line-height:16px;display:flex}.story-library-card .story-library-card__excerpt{margin-top:var(--space-3);color:var(--ink-2);font-family:var(--font-story);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;line-height:1.5;display:-webkit-box;overflow:hidden}.story-library-dialog__state{padding:var(--space-8) var(--space-6);text-align:center;background:var(--gray-100);border:1px solid var(--gray-alpha-300);border-radius:var(--rounded-sm)}.story-library-dialog__state .story-library-dialog__state-title{margin-bottom:var(--space-1);color:var(--gray-1000);letter-spacing:-.32px;font-size:16px;font-weight:600;line-height:24px}.story-library-dialog__retry{margin-top:var(--space-4)}@media (width<=560px){.story-library-dialog{gap:var(--space-4)}.story-library-dialog__header,.story-library-card{flex-direction:column;align-items:stretch;display:flex}.story-library-dialog__close{align-self:flex-start}.story-library-card{padding:var(--space-4)}.story-library-card__open{width:100%;min-height:48px}}@media (forced-colors:active){.story-library-dialog__close,.story-library-dialog__retry,.story-library-card,.story-library-card__open{border-color:buttontext}}.dialog-card:has(>.story-artefacts-dialog){width:min(720px,100%)}.story-artefacts-dialog{gap:var(--space-6);min-width:0;display:grid}.story-artefacts-dialog__header{gap:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.story-artefacts-dialog__header h2{margin-bottom:var(--space-2)}.story-artefacts-dialog__header p{max-width:590px}.story-artefacts-dialog__header .story-artefacts-dialog__eyebrow{margin:0 0 var(--space-2);color:var(--gray-800);font-family:var(--font-ui);font-size:12px;font-weight:500;line-height:16px}.story-artefacts-dialog__close,.story-artefact-action{min-height:40px;color:var(--gray-1000);background:var(--background-100);border:1px solid var(--gray-alpha-400);border-radius:var(--rounded-sm);transition:background-color .15s var(--ease-physical), border-color .15s var(--ease-physical), transform .15s var(--ease-physical);flex:none;padding:0 10px;font-size:14px;font-weight:500;line-height:20px}.story-artefacts-dialog__close:hover,.story-artefact-action:hover{background:var(--gray-200);border-color:var(--gray-alpha-500)}.story-artefacts-dialog__close:active,.story-artefact-action:active{transform:translateY(1px)}.story-artefacts-list,.story-uncertainties ol{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.story-artefact-card{gap:var(--space-4);min-width:0;padding:var(--space-6);background:var(--gray-100);border:1px solid var(--gray-alpha-300);border-radius:var(--rounded-sm);box-shadow:var(--shadow-card);display:grid}.story-artefact-card__heading{gap:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.story-artefact-card__heading h3{color:var(--gray-1000);letter-spacing:-.32px;margin:0;font-size:16px;font-weight:600;line-height:24px}.story-artefact-card__heading p{color:var(--gray-800);font-family:var(--font-ui);font-variant-numeric:tabular-nums;text-align:right;margin:0;font-size:12px;line-height:16px}.story-artefact-card audio{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;min-height:44px;display:block}.story-artefact-text{max-height:330px;padding:var(--space-4);color:var(--gray-1000);overflow-wrap:anywhere;white-space:pre-wrap;background:var(--background-100);border:1px solid var(--gray-alpha-400);border-radius:var(--rounded-sm);font-size:14px;line-height:20px;overflow:auto}.story-artefact-text--version{max-height:230px}.story-uncertainties{gap:var(--space-3);display:grid}.story-uncertainties h4{color:var(--gray-1000);letter-spacing:-.28px;margin:0;font-size:14px;font-weight:600;line-height:20px}.story-uncertainty{gap:var(--space-4);padding:var(--space-3) var(--space-4);color:var(--amber-1000);background:var(--amber-100);border:1px solid var(--amber-400);border-radius:var(--rounded-sm);justify-content:space-between;align-items:center;display:flex}.story-uncertainty__label{color:var(--amber-1000);font-size:12px;font-weight:500;line-height:16px}.story-uncertainty blockquote{margin:var(--space-1) 0;color:var(--gray-1000);overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;line-height:20px}.story-uncertainty__unavailable{margin-top:var(--space-1)}.story-uncertainty .story-uncertainty__metadata{margin-top:var(--space-1);color:var(--gray-900);font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.story-artefact-card .story-artefact-note{color:var(--gray-800);margin:0;font-size:13px;line-height:18px}.story-artefact-card--version .story-artefact-action{justify-self:end}.story-artefacts-empty{padding:var(--space-8) var(--space-6);color:var(--gray-900);text-align:center;background:var(--gray-100);border:1px solid var(--gray-alpha-300);border-radius:var(--rounded-sm)}.story-artefacts-empty p{margin:0}@media (width<=560px){.story-artefacts-dialog{gap:var(--space-4)}.story-artefacts-dialog__header,.story-artefact-card__heading,.story-uncertainty{flex-direction:column;align-items:stretch}.story-artefacts-dialog__close{align-self:flex-start}.story-artefact-card__heading p{text-align:left}.story-artefact-card{padding:var(--space-4)}.story-artefact-text{max-height:42vh;padding:var(--space-3)}.story-artefact-action,.story-artefact-card--version .story-artefact-action{justify-self:stretch;width:100%;min-height:48px}}@media (forced-colors:active){.story-artefacts-dialog__close,.story-artefact-action,.story-artefact-card,.story-artefact-text,.story-uncertainty{border-color:buttontext}}@media (prefers-reduced-motion:reduce){.story-artefact-text{scroll-behavior:auto}}:root{color:#26221b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f2ede2;--surface-card:#fffdf8;--surface-sunken:#e9e3d3;--surface-cream:#faefd9;--ink-1:#26221b;--ink-2:#5d564a;--ink-3:#8b8272;--ink-inverse:#fbf8f0;--line-1:#e2dac7;--line-2:#ccc3ac;--accent:#1e453a;--accent-hover:#183a31;--accent-press:#132f28;--accent-soft:#e3eae3;--on-accent:#f5f3e9;--recording:#a4443c;--recording-soft:#f5e7e3;--recording-wave:#9a8e7c;--review:#7c611f;--review-soft:#f4ebd3;--danger:#8f3b33;--danger-soft:#f5e7e3;--status-quiet:#6e6759;--status-attention:#7c611f;--focus-ring:#1e453a;--font-story:"Newsreader Variable", Newsreader, Georgia, serif;--font-ui:"Public Sans Variable", "Public Sans", system-ui, sans-serif;--text-display:clamp(1.75rem, 1.5rem + .7vw, 2.1rem);--text-title:1.25rem;--text-story:1.1875rem;--text-body:1rem;--text-ui:.90625rem;--text-label:.78125rem;--leading-story:1.7;--leading-body:1.55;--leading-tight:1.2;--tracking-label:.08em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:40px;--space-16:64px;--space-24:96px;--measure-story:62ch;--radius-control:6px;--radius-card:10px;--radius-pill:999px;--rounded-sm:6px;--rounded-md:10px;--rounded-lg:10px;--rounded-full:999px;--shadow-card:0 1px 2px #26221b0d, 0 2px 8px #26221b0a;--shadow-popover:0 4px 12px #26221b14, 0 16px 40px #26221b1f;--shadow-dialog:var(--shadow-popover);--shadow-modal:var(--shadow-popover);--ease-out:cubic-bezier(.25, .6, .3, 1);--ease-physical:var(--ease-out);--duration-quick:.16s;--duration-gentle:.24s;--primary:var(--ink-1);--secondary:var(--ink-2);--tertiary:var(--accent);--background-100:var(--paper);--background-200:var(--surface-card);--gray-100:var(--surface-card);--gray-200:var(--surface-sunken);--gray-300:var(--line-1);--gray-400:var(--line-2);--gray-500:#b0a68f;--gray-600:var(--ink-3);--gray-700:var(--ink-3);--gray-800:var(--ink-3);--gray-900:var(--ink-2);--gray-1000:var(--ink-1);--gray-alpha-100:#26221b08;--gray-alpha-200:#26221b0f;--gray-alpha-300:var(--line-1);--gray-alpha-400:var(--line-2);--gray-alpha-500:#b8ae97;--gray-alpha-600:var(--ink-3);--blue-900:var(--accent);--blue-1000:var(--on-accent);--amber-100:var(--review-soft);--amber-400:#d8c58d;--amber-900:var(--review);--amber-1000:var(--review);--red-100:var(--danger-soft);--red-400:#d7aaa3;--red-800:var(--danger);--red-900:var(--danger);--red-1000:var(--danger);background:#f2ede2;font-family:Public Sans Variable,Public Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;color:var(--ink-1);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--leading-body);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{color:inherit;font:inherit}button{min-height:40px}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::selection{color:var(--ink-1);background:var(--accent-soft)}.visually-hidden,.mode-control__meta,.editor-help{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:30;top:var(--space-3);left:var(--space-4);color:var(--on-accent);font-size:var(--text-ui);font-weight:var(--weight-medium);background:var(--accent);border-radius:var(--radius-pill);transition:transform var(--duration-quick) var(--ease-out);padding:8px 14px;text-decoration:none;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100dvh}.site-header{z-index:10;width:100%;color:var(--ink-1);border-bottom:1px solid var(--line-1);background:#f2ede2f5;position:sticky;top:0}.site-header__inner{gap:var(--space-5);align-items:center;width:min(880px,100% - 48px);min-height:64px;margin:0 auto;display:flex}.wordmark{color:var(--ink-1);font-family:var(--font-story);font-size:1.125rem;font-weight:var(--weight-medium);letter-spacing:-.01em;white-space:nowrap;flex:none}.site-navigation{gap:var(--space-4);scrollbar-width:none;flex:auto;align-self:stretch;align-items:stretch;min-width:0;display:flex;overflow-x:auto}.site-navigation::-webkit-scrollbar{display:none}.navigation-tab{min-height:40px;color:var(--ink-3);font-size:var(--text-ui);font-weight:var(--weight-regular);white-space:nowrap;transition:color var(--duration-quick) var(--ease-out), border-color var(--duration-quick) var(--ease-out);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;padding:2px;line-height:1;display:inline-flex}button.navigation-tab:hover:not(:disabled){color:var(--ink-1)}.navigation-tab--active,.navigation-tab--active:disabled{color:var(--ink-1);border-bottom-color:var(--accent);opacity:1}.site-header__status{justify-content:flex-end;min-width:0;margin-left:auto;display:flex}.help-toggle{min-height:40px;color:var(--accent);font-size:.8125rem;font-weight:var(--weight-medium);white-space:nowrap;border-radius:var(--radius-pill);transition:color var(--duration-quick) var(--ease-out);background:0 0;border:0;flex:none;justify-content:center;align-self:center;align-items:center;gap:7px;margin-left:auto;padding:6px 12px;display:inline-flex}.help-toggle[aria-pressed=true]{color:var(--accent);text-underline-offset:3px;background:0 0;text-decoration:underline}.help-toggle:focus-visible{color:var(--accent);text-underline-offset:3px;outline:2px solid var(--focus-ring);outline-offset:2px;background:0 0;text-decoration:underline}.help-toggle:active{transform:translateY(1px)}.help-toggle__mark{width:18px;height:18px;font-family:var(--font-ui);border:1px solid;border-radius:50%;place-items:center;font-size:.75rem;line-height:1;display:inline-grid}.persistence-status{gap:var(--space-2);min-width:0;color:var(--status-quiet);background:var(--surface-card);border:1px solid var(--line-1);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);align-items:center;padding:6px 12px;font-size:.75rem;line-height:1.3;display:flex}.persistence-status[data-tone=attention]{color:var(--status-attention);background:var(--review-soft);border-color:#d8c58d}.persistence-status__message,.persistence-status__copy{align-items:center;gap:5px;min-width:0;display:inline-flex}.persistence-status__detail:before{content:"·";margin-right:5px}.persistence-status__label,.persistence-status__detail{white-space:nowrap}.status-mark{display:none}.persistence-status__action{color:currentColor;min-height:28px;font-size:.75rem;font-weight:var(--weight-semibold);border-radius:var(--radius-pill);background:0 0;border:1px solid;padding:2px 8px}.capture-layout{width:min(680px,100% - 48px);padding:var(--space-7) 0 var(--space-9);margin:0 auto}.capture-canvas{gap:var(--space-5);flex-direction:column;display:flex}.capture-canvas__introduction{gap:var(--space-3);max-width:58ch;margin-bottom:var(--space-2);flex-direction:column;display:flex}.capture-canvas__introduction h1,.dialog-card h2,.story-library-dialog h2,.story-artefacts-dialog h2{color:var(--ink-1);font-family:var(--font-story);font-weight:var(--weight-medium);letter-spacing:-.02em;text-wrap:balance;margin:0}.capture-canvas__introduction h1{font-size:var(--text-display);line-height:var(--leading-tight)}.capture-canvas__introduction .capture-heading{white-space:nowrap;text-wrap:nowrap}.capture-intro{max-width:52ch;color:var(--ink-2);font-size:var(--text-body);line-height:var(--leading-body);text-wrap:pretty;margin:0}.example-starter{gap:var(--space-3);color:var(--ink-3);flex-wrap:wrap;align-items:center;font-size:.75rem;line-height:1.4;display:flex}.example-starter .text-action{min-height:44px;font-size:1rem;font-weight:var(--weight-semibold);flex:none;padding:8px 0}.capture-workspace{gap:var(--space-5);flex-direction:column;display:flex}.help-anchor{position:relative}.help-anchor--prompt,.help-anchor--recording,.help-anchor--flow{width:fit-content;display:inline-flex}.help-cue{z-index:4;gap:var(--space-2);width:max-content;max-width:248px;animation:help-cue-arrive var(--duration-gentle) var(--ease-out) both;align-items:center;margin:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.help-cue[data-side=left]{right:calc(100% + var(--space-3));justify-content:flex-end}.help-cue[data-side=right]{left:calc(100% + var(--space-3));justify-content:flex-start}.help-cue__bubble{max-width:210px;color:var(--ink-2);text-wrap:pretty;background:var(--surface-card);border:1px solid var(--line-2);border-radius:var(--radius-card);box-shadow:var(--shadow-popover);margin:0;padding:10px 12px;font-size:.75rem;line-height:1.45}.help-cue__arrow{width:26px;height:1px;color:var(--accent);background:currentColor;flex:0 0 26px;position:relative}.help-cue[data-side=left] .help-cue__arrow:after,.help-cue[data-side=right] .help-cue__arrow:before{content:"";border-top:1px solid;border-right:1px solid;width:7px;height:7px;position:absolute;top:50%}.help-cue[data-side=left] .help-cue__arrow:after{right:0;transform:translateY(-50%)rotate(45deg)}.help-cue[data-side=right] .help-cue__arrow:before{left:0;transform:translateY(-50%)rotate(-135deg)}.help-anchor--editor>.help-cue{top:38%}@keyframes help-cue-arrive{0%{opacity:0}to{opacity:1}}.mode-controls{gap:var(--space-2);flex-wrap:wrap;display:flex}.mode-control{min-height:32px;color:var(--ink-2);font-size:.8125rem;font-weight:var(--weight-regular);white-space:nowrap;border:1px solid var(--line-1);border-radius:var(--radius-pill);transition:color var(--duration-quick) var(--ease-out), background-color var(--duration-quick) var(--ease-out), border-color var(--duration-quick) var(--ease-out);background:0 0;padding:5px 14px;line-height:20px}.mode-control:not(:disabled):hover{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.mode-control--selected,.mode-control--selected:hover{color:var(--accent);font-weight:var(--weight-medium);background:var(--accent-soft);border-color:var(--accent)}.mode-control:disabled{color:var(--ink-3);border-color:var(--line-1);opacity:.62;background:0 0}.guidance-prompt{max-width:62ch;padding:var(--space-4) var(--space-5);color:var(--ink-1);background:var(--surface-cream);border-left:2px solid var(--accent)}.guidance-prompt--loading{gap:var(--space-2);color:var(--ink-2);align-items:center;font-size:.8125rem;display:flex}.guidance-prompt--error{color:var(--status-attention);background:var(--review-soft);border-left-color:#b99b47}.guidance-prompt--error p,.guidance-prompt__eyebrow,.guidance-prompt__question,.guidance-prompt__note{margin:0}.guidance-prompt__eyebrow{color:var(--accent);font-size:.75rem;font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase}.guidance-prompt__question{margin-top:var(--space-2);font-family:var(--font-story);font-size:clamp(1.125rem,2.2vw,1.375rem);line-height:1.45}.guidance-prompt__note{margin-top:var(--space-2);color:var(--ink-3);font-size:.75rem;line-height:1.5}.guidance-prompt__actions{gap:var(--space-4);margin-top:var(--space-3);align-items:center;display:flex}.guidance-prompt__mark{color:var(--accent);font-size:1.25rem;line-height:1}.editor-region{position:relative}.flow-mode-entry{margin-top:calc(var(--space-3) * -1);justify-content:flex-end;display:flex}.flow-mode-entry__button,.new-story-button,.flow-mode-exit,.flow-mode-voice{min-height:40px;color:var(--ink-2);font-size:.8125rem;font-weight:var(--weight-medium);white-space:nowrap;border:1px solid var(--line-1);border-radius:var(--radius-pill);transition:color var(--duration-quick) var(--ease-out), background-color var(--duration-quick) var(--ease-out), border-color var(--duration-quick) var(--ease-out);background:0 0;padding:7px 14px}.flow-mode-entry__button:hover:not(:disabled),.new-story-button:hover:not(:disabled),.flow-mode-exit:hover,.flow-mode-voice:hover:not(:disabled){color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.flow-mode-entry__button:active:not(:disabled),.new-story-button:active:not(:disabled),.flow-mode-exit:active,.flow-mode-voice:active:not(:disabled){transform:translateY(1px)}.flow-mode-entry__button:disabled,.new-story-button:disabled,.flow-mode-voice:disabled{color:var(--ink-3);opacity:.62;background:0 0}.app-shell--flow-mode,.capture-layout--flow-mode{min-height:100dvh}.capture-layout--flow-mode{width:min(920px,100% - 64px);padding:clamp(56px,8dvh,92px) 0 clamp(32px,6dvh,64px);display:flex}.capture-canvas--flow-mode,.capture-workspace--flow-mode,.editor-region--flow-mode{flex:1;min-width:0}.story-editor.story-editor--flow-mode{min-height:calc(100dvh - 112px);padding:clamp(var(--space-5), 4vw, var(--space-8));resize:none;box-shadow:none;background:0 0;border-color:#0000;font-size:clamp(1.25rem,1.6vw,1.5rem)}.story-editor.story-editor--flow-mode:hover:not(:disabled),.story-editor.story-editor--flow-mode:focus{box-shadow:none;border-color:#0000}.flow-mode-controls{top:var(--space-4);right:var(--space-4);z-index:2;gap:var(--space-2);flex-direction:column;align-items:stretch;display:flex;position:fixed}.flow-mode-exit,.flow-mode-voice{color:var(--ink-3);background:color-mix(in srgb, var(--surface-page) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.flow-mode-voice{gap:var(--space-2);justify-content:center;align-items:center;display:inline-flex}.flow-mode-voice .button-icon{width:16px;height:16px}.flow-mode-voice .stop-icon{width:9px;height:9px}.flow-mode-voice[data-recording=true]{color:var(--recording);background:var(--recording-soft);border-color:color-mix(in srgb, var(--recording) 45%, var(--line-1))}.flow-mode-voice__activity{gap:var(--space-2);min-height:24px;color:var(--ink-3);justify-content:center;align-items:center;display:flex}.flow-mode-voice__duration:before{content:none}.story-editor{width:100%;min-height:clamp(220px,30dvh,300px);padding:var(--space-5);resize:vertical;color:var(--ink-1);font-family:var(--font-story);font-size:var(--text-story);font-weight:var(--weight-regular);line-height:var(--leading-story);background:var(--surface-card);border:1px solid var(--line-2);border-radius:var(--radius-card);caret-color:var(--accent);transition:border-color var(--duration-quick) var(--ease-out), box-shadow var(--duration-quick) var(--ease-out);display:block}.story-editor::placeholder{color:var(--ink-3);opacity:1}.story-editor:hover:not(:disabled){border-color:var(--ink-3)}.story-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.capture-actions{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.recording-button,.keep-story__button,.primary-button,.secondary-button{gap:var(--space-2);min-height:48px;font-size:var(--text-ui);font-weight:var(--weight-medium);border-radius:var(--radius-pill);transition:color var(--duration-quick) var(--ease-out), background-color var(--duration-quick) var(--ease-out), border-color var(--duration-quick) var(--ease-out);justify-content:center;align-items:center;padding:0 20px;line-height:1;display:inline-flex}.recording-button,.primary-button{color:var(--on-accent);background:var(--accent);border:1px solid var(--accent)}.recording-button:hover:not(:disabled),.primary-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.recording-button:active:not(:disabled),.primary-button:active:not(:disabled){background:var(--accent-press);border-color:var(--accent-press)}.recording-button[data-recording=true]{color:var(--ink-1);background:var(--surface-card);border-color:var(--line-2);box-shadow:var(--shadow-card)}.recording-button[data-recording=true]:hover:not(:disabled){color:var(--danger);background:var(--recording-soft);border-color:#d7aaa3}.recording-button:disabled,.primary-button:disabled{color:var(--ink-3);background:var(--surface-sunken);border-color:var(--line-1)}.new-story-button{align-self:center}.button-icon{flex:none;width:18px;height:18px}.stop-icon{background:currentColor;border-radius:1px;width:11px;height:11px}.capture-state-row,.capture-state{gap:var(--space-2);align-items:center;display:inline-flex}.capture-state-row{min-height:32px;color:var(--ink-3);font-size:var(--text-ui)}.capture-state__mark{background:currentColor;border-radius:50%;width:7px;height:7px}.capture-state__mark[data-phase=recording]{color:var(--recording)}.capture-state:has(.capture-state__mark[data-phase=recording]){color:var(--recording)}.capture-state:has(.capture-state__mark[data-phase=error]){color:var(--status-attention)}.recording-duration{color:inherit;letter-spacing:.03em;font-variant-numeric:tabular-nums;min-width:4.5ch;font-size:.8125rem}.recording-duration:before{margin-right:var(--space-2);content:"·"}.recording-wave{width:42px;height:16px;color:var(--recording-wave);flex:none;align-items:center;display:inline-flex;overflow:hidden}.recording-wave__svg{width:48px;height:12px;display:block;overflow:hidden}.recording-wave__line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.1px;vector-effect:non-scaling-stroke;animation:1.8s linear infinite recording-wave-shift}@keyframes recording-wave-shift{to{transform:translate(-24px)}}.keep-story{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.keep-story__button,.secondary-button{color:var(--accent);border:1px solid var(--line-2);background:0 0}.keep-story__button:hover:not(:disabled),.secondary-button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.keep-story__note{max-width:24ch;color:var(--ink-3);font-size:.75rem;line-height:1.4}.processing-note,.transcript-note,.capture-alert{max-width:62ch;color:var(--ink-2);margin:0;font-size:.8125rem;line-height:1.55}.processing-note{padding:var(--space-3) var(--space-4);background:var(--surface-cream);border-left:2px solid var(--review)}.capture-alert{padding:var(--space-4);color:var(--status-attention);background:var(--review-soft);border-radius:var(--radius-control);border:1px solid #d8c58d}.capture-alert p{margin:0 0 var(--space-2)}.readiness-alert{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);color:var(--status-attention);background:var(--review-soft);border-left:2px solid #b99b47;font-size:.8125rem;line-height:1.5}.readiness-alert[data-tone=blocking]{color:var(--recording);background:var(--recording-soft);border-left-color:var(--recording)}.dialog-card__warning{padding:var(--space-3);color:var(--status-attention);background:var(--review-soft);border-left:2px solid #b99b47;font-size:.8125rem;line-height:1.5}.text-action{min-height:36px;color:var(--accent);font-size:.8125rem;font-weight:var(--weight-medium);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px;background:0 0;border:0;padding:4px 0}.text-action:hover:not(:disabled){color:var(--accent-hover);text-decoration-color:currentColor}.originals-panel{padding-top:var(--space-5);color:var(--ink-2);border-top:1px solid var(--line-1);font-size:.8125rem}.originals-panel summary{color:var(--ink-1);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer}.originals-panel p{margin:var(--space-3) 0}.originals-panel__actions,.draft-lifecycle-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.draft-lifecycle-actions{padding-top:var(--space-2);border-top:1px solid var(--line-1)}.privacy-note{max-width:62ch;padding-top:var(--space-5);margin:var(--space-7) 0 0;color:var(--ink-3);border-top:1px solid var(--line-1);font-size:.75rem;line-height:1.55}.privacy-note p{margin:0}.privacy-note strong{color:var(--ink-2);font-weight:var(--weight-medium)}.dialog-backdrop{z-index:20;padding:var(--space-5);background:#26221b66;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.dialog-card{width:min(520px,100%);max-height:calc(100dvh - 48px);padding:var(--space-6);color:var(--ink-1);background:var(--surface-card);border:1px solid var(--line-1);border-radius:var(--radius-card);box-shadow:var(--shadow-dialog);overflow:auto}.dialog-card h2{font-size:var(--text-title);line-height:var(--leading-tight)}.dialog-card>p,.dialog-card form>p{margin:var(--space-3) 0 0;color:var(--ink-2);line-height:var(--leading-body)}.dialog-card__symbol{display:none}.dialog-card__actions{gap:var(--space-3);margin-top:var(--space-5);justify-content:flex-end;display:flex}.dialog-card__field{gap:var(--space-2);margin-top:var(--space-5);color:var(--ink-1);font-size:var(--text-ui);font-weight:var(--weight-medium);display:grid}.dialog-card__field input{width:100%;min-height:46px;padding:0 var(--space-3);color:var(--ink-1);background:var(--surface-card);border:1px solid var(--line-2);border-radius:var(--radius-control)}.dialog-card .dialog-card__fine-print{color:var(--ink-3);font-size:.75rem}.dialog-card__feedback{padding:var(--space-3);color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-control)}@media (width<=720px){.site-header__inner{gap:0 var(--space-4);width:min(100% - 32px,680px);min-height:60px;padding-top:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.site-navigation{grid-area:2/1/auto/-1;min-height:42px}.site-header__status{grid-area:1/2}.site-header__inner:has(.site-header__status:empty){grid-template-columns:auto minmax(0,1fr);padding-top:0}.site-header__inner:has(.site-header__status:empty) .site-navigation{grid-area:1/2}.capture-layout{width:min(100% - 40px,680px);padding:var(--space-6) 0 var(--space-8)}.capture-canvas__introduction h1{font-size:clamp(.9375rem,4.6vw,2.1rem)}.capture-layout--flow-mode{width:calc(100% - 24px);padding:140px 0 20px}.story-editor.story-editor--flow-mode{min-height:calc(100dvh - 160px);padding:var(--space-5) var(--space-3);font-size:clamp(1.125rem,5vw,1.375rem)}}@media (width<=1100px){.help-cue{width:min(100%,360px);max-width:none;position:static;transform:none}.help-cue__bubble{max-width:none;box-shadow:var(--shadow-card)}.help-anchor--prompt,.help-anchor--recording,.help-anchor--flow{gap:var(--space-2);flex-direction:column;align-items:flex-start}.help-anchor--flow{align-items:flex-end}.help-anchor--editor>.help-cue{margin-bottom:var(--space-3)}.help-anchor--prompt>.help-cue,.help-anchor--flow>.help-cue{margin-top:var(--space-2)}.help-anchor--recording>.help-cue{margin-bottom:var(--space-2)}}@media (width<=520px){.site-header__inner{width:calc(100% - 28px)}.wordmark{font-size:1.05rem}.persistence-status{max-width:180px;padding:5px 9px}.persistence-status__detail{display:none}.capture-layout{width:calc(100% - 40px)}.mode-controls{gap:6px}.mode-control{padding-inline:11px}.capture-actions,.keep-story,.example-starter,.guidance-prompt__actions,.dialog-card__actions{flex-direction:column;align-items:stretch}.recording-button,.help-anchor--recording,.keep-story__button,.primary-button,.secondary-button{width:100%}.capture-state-row{order:-1;justify-content:center}.keep-story__note{text-align:center;max-width:none}.example-starter{align-items:flex-start;gap:2px}.dialog-backdrop{padding:var(--space-3);align-items:end}.dialog-card{width:100%;max-height:calc(100dvh - 24px);padding:var(--space-5)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.recording-wave__line{animation:none}}@media (forced-colors:active){.navigation-tab,.persistence-status,.mode-control,.recording-button,.keep-story__button,.dialog-card,.dialog-card__field input{border:1px solid buttontext}}