:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:oklch(21.5% .018 80);font-synthesis:none;text-rendering:optimizelegibility;background:oklch(95.5% .012 96);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:oklch(95.5% .012 96);min-width:320px;height:100%;overflow:hidden}body{min-width:320px;height:100%;margin:0;overflow:hidden}#root{height:100%;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}h1,h2,p,dl,dd{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{--page:oklch(95.5% .012 96);--surface:oklch(98.8% .006 96);--rail:oklch(92.5% .014 96);--ink:oklch(21.5% .018 80);--muted:oklch(49% .023 82);--line:oklch(79.5% .017 90);--accent:oklch(48% .12 210);--accent-soft:oklch(91% .035 210);--danger:oklch(54% .16 28);--focus-ring:color-mix(in oklch, var(--accent) 32%, transparent);--reader-font:Charter, Georgia, "Times New Roman", serif;--control-radius:6px;--panel-radius:8px;background:var(--page);height:100dvh;min-height:0;color:var(--ink);grid-template-rows:auto minmax(0,1fr);padding:16px;display:grid;overflow:hidden}.theme-night{--page:oklch(19% .014 82);--surface:oklch(23.5% .014 82);--rail:oklch(21% .014 82);--ink:oklch(92% .012 92);--muted:oklch(69% .019 90);--line:oklch(36% .014 82);--accent:oklch(72% .108 210);--accent-soft:oklch(32% .034 210);--danger:oklch(71% .13 30);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-contrast{--page:oklch(97.5% .004 96);--surface:oklch(99.5% .003 96);--rail:oklch(94% .004 96);--ink:oklch(13% .006 80);--muted:oklch(29% .008 80);--line:oklch(45% .006 80);--accent:oklch(34% .145 235);--accent-soft:oklch(90% .055 235);--danger:oklch(39% .17 28)}.readable-font{--reader-font:"Atkinson Hyperlegible", "Lexend", Verdana, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.large-text{--reader-size:1.18rem}.topbar{justify-content:space-between;align-items:stretch;gap:16px;width:min(100%,1280px);min-height:48px;margin:0 auto 12px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.mark{border:2px solid var(--accent);background:var(--surface);border-radius:999px;width:14px;height:14px}h1{color:var(--ink);letter-spacing:0;font-size:1rem;font-weight:760;line-height:1.2}h2{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:720;line-height:1.2}.topbar-status{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:12px;font-size:.8125rem;display:flex}.workspace{grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(212px,260px);gap:12px;width:min(100%,1280px);min-height:0;margin:0 auto;display:grid;overflow:hidden}.source-rail,.settings-rail,.reader-shell{border:1px solid var(--line);border-radius:var(--panel-radius);background:var(--surface)}.source-rail,.settings-rail{overscroll-behavior:contain;background:var(--rail);align-content:start;gap:22px;min-height:0;padding:14px;display:grid;overflow-y:auto}.source-rail section,.settings-rail section{gap:10px;display:grid}.section-heading{min-height:20px;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.field{gap:6px;display:grid}.field span{color:var(--muted);font-size:.8125rem;font-weight:640}input,textarea{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);width:100%;color:var(--ink)}input{height:40px;padding:0 10px}textarea{resize:vertical;min-height:168px;padding:10px;line-height:1.5}input::placeholder,textarea::placeholder{color:color-mix(in oklch, var(--muted) 70%, transparent)}input:focus,textarea:focus,button:focus-visible{border-color:var(--accent);outline:3px solid var(--focus-ring);outline-offset:2px}.segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.segmented button,.theme-option,.primary-action,.icon-button,.speed-step-button{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);color:var(--ink);transition:background-color .15s cubic-bezier(.25,1,.5,1),border-color .15s cubic-bezier(.25,1,.5,1),color .15s cubic-bezier(.25,1,.5,1),transform .15s cubic-bezier(.25,1,.5,1)}.segmented button{min-height:36px;padding:0 8px;font-size:.875rem;font-weight:680}.segmented button:hover,.theme-option:hover,.icon-button:hover{border-color:color-mix(in oklch, var(--accent) 45%, var(--line))}.segmented button[aria-pressed=true],.theme-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.segmented button:active,.segmented button.is-active,.theme-option:active,.theme-option.is-active,.icon-button:active,.icon-button.is-active,.speed-step-button:active,.speed-step-button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--ink);transform:translateY(1px)}.primary-action{border-color:var(--accent);background:var(--accent);width:100%;min-height:40px;color:var(--surface);justify-content:center;align-items:center;gap:8px;font-weight:760;display:inline-flex}.source-error{color:var(--danger);font-size:.8125rem;line-height:1.4}.primary-action:hover,.primary-icon:hover{background:color-mix(in oklch, var(--accent) 88%, var(--ink))}.primary-action:active,.primary-action.is-active,.primary-icon:active,.primary-icon.is-active{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 78%, var(--ink));color:var(--surface);transform:translateY(1px)}button:disabled:active,button:disabled.is-active{transform:none}.reader-shell{grid-template-rows:minmax(0,1fr) 14px auto;min-width:0;min-height:0;display:grid;overflow:hidden}.reader-stage{background:var(--surface);overscroll-behavior:contain;min-height:0;position:relative;overflow-x:hidden}.reader-stage-playing,.reader-stage-paused{scrollbar-gutter:stable;overflow-y:auto}.insertion-anchor{width:16px;height:52px;color:var(--accent);z-index:1;justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.insertion-anchor-line{border-radius:var(--control-radius);background:currentColor;width:16px;height:2px;display:block}.reader-stack{--rsvp-cursor-x:50%;color:var(--ink);font-family:var(--reader-font);font-size:var(--reader-size,1.0625rem);letter-spacing:0;flex-direction:column;align-items:stretch;font-weight:400;line-height:1.7;display:flex}.reader-stage-playing .reader-stack{position:absolute;bottom:24px;left:28px;right:28px}.reader-stage-paused .reader-stack{justify-content:flex-end;min-height:100%;padding:24px 28px;position:relative}.reader-stage-paused .insertion-anchor,.reader-stage-key-held .insertion-anchor{display:none}.reader-markdown{width:100%;color:var(--ink);text-align:left}.reader-markdown :where(h1,h2,h3,p,blockquote,ul,ol,pre,table){margin:0}.reader-markdown>*+*{margin-top:.48em}.reader-markdown :where(p,blockquote,li){line-height:1.7}.reader-markdown h1,.reader-markdown h2,.reader-markdown h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:780;line-height:1.35}.reader-markdown h1{font-size:1.25em}.reader-markdown h2{font-size:1.12em}.reader-markdown h3{font-size:1.04em}.reader-markdown :where(ul,ol){padding-left:1.35em}.reader-markdown li+li{margin-top:.12em}.reader-markdown blockquote{color:color-mix(in oklch, var(--ink) 82%, var(--muted));padding:0;font-style:italic}.reader-markdown code{border:1px solid color-mix(in oklch, var(--line) 75%, transparent);background:color-mix(in oklch, var(--rail) 58%, transparent);border-radius:4px;padding:0 .18em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.88em}.reader-markdown pre{border:1px solid color-mix(in oklch, var(--line) 75%, transparent);background:color-mix(in oklch, var(--rail) 58%, transparent);white-space:pre-wrap;border-radius:6px;padding:8px 10px;overflow:hidden}.reader-markdown pre code{background:0 0;border:0;padding:0}.reader-markdown table{border-collapse:collapse;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.88em;line-height:1.5}.reader-markdown th,.reader-markdown td{border:1px solid color-mix(in oklch, var(--line) 75%, transparent);text-align:left;padding:.18em .45em}.reader-markdown a{color:var(--accent);text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:1px}.reader-line{width:100%;min-height:1.7em;color:var(--ink);text-align:left;white-space:nowrap;align-items:baseline;gap:.5ch;margin:0;display:flex}.empty-reader{color:var(--muted);font-family:var(--reader-font);font-size:var(--reader-size,1.0625rem);text-align:center;line-height:1.6;position:absolute;bottom:28px;left:24px;right:24px}.reader-word{white-space:nowrap}.current-text-word{color:var(--ink);font-weight:560}.reader-rsvp-line{color:var(--ink);display:block;position:relative;overflow:visible}.reader-rsvp-preview,.reader-rsvp-follow,.reader-rsvp-line>.current-text-word{white-space:nowrap;position:absolute;top:0}.reader-rsvp-preview{right:calc(100% - var(--rsvp-cursor-x) + var(--rsvp-orp-center-px,0px) + var(--rsvp-gap-px,0px));color:color-mix(in oklch, var(--ink) 76%, var(--muted));text-align:right;white-space:pre;display:inline-block}.reader-rsvp-follow{left:calc(var(--rsvp-cursor-x) + var(--rsvp-current-width-px,0px) - var(--rsvp-orp-center-px,0px) + var(--rsvp-gap-px,0px));color:color-mix(in oklch, var(--ink) 62%, var(--muted));text-align:left;white-space:pre;display:inline-block}.reader-rsvp-line .reader-token{font-size:inherit;line-height:inherit}.reader-token-space{white-space:pre}.reader-rsvp-line .reader-token-block-heading,.reader-rsvp-line .reader-token-mark-strong{font-weight:760}.reader-rsvp-line .reader-token-block-heading{font-family:SF Pro Text,Helvetica Neue,Arial,sans-serif}.reader-rsvp-line .reader-token-block-quote{color:color-mix(in oklch, var(--ink) 82%, var(--muted));font-style:italic}.reader-rsvp-line .reader-token-block-code,.reader-rsvp-line .reader-token-block-tableRow,.reader-rsvp-line .reader-token-mark-code{font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.reader-rsvp-line .reader-token-mark-em{font-style:italic}.reader-rsvp-line .reader-token-mark-link{color:var(--accent);text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:1px}.reader-rsvp-line .reader-token-mark-strike{text-decoration:line-through}.reader-rsvp-line .reader-token-break{color:var(--accent);font-family:SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:inherit;font-style:normal;font-weight:780;text-decoration:none}.reader-break-glyph{text-align:center;min-width:1ch;display:inline-block}.reader-rsvp-line>.current-text-word{left:var(--rsvp-cursor-x);transform:translateX(calc(-1 * var(--rsvp-orp-center-px,0px)))}.reader-rsvp-cursor{top:.28em;bottom:.2em;left:var(--rsvp-cursor-x);background:color-mix(in oklch, var(--accent) 45%, transparent);width:1px;position:absolute}.reader-orp-target{color:var(--danger)}.reader-rsvp-line-measuring>.reader-rsvp-preview,.reader-rsvp-line-measuring>.reader-rsvp-follow,.reader-rsvp-line-measuring>.current-text-word,.reader-rsvp-line-measuring>.reader-rsvp-cursor{visibility:hidden}.reader-rsvp-style-probes{visibility:hidden;pointer-events:none;white-space:pre;width:0;height:0;position:absolute;overflow:hidden}.reader-measurement-warning{color:var(--danger);margin:0 0 .8em;font-family:SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:.875rem;line-height:1.4}.reader-toolbar{background:var(--rail);grid-template-rows:56px auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px 12px;padding:10px 14px 12px;display:grid}.transport-stack{grid-area:1/2;justify-content:center;align-items:center;min-width:140px;min-height:56px;display:flex}.playback-group{align-items:center;gap:8px;display:flex}.icon-button{justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex;position:relative}.skip-button{color:var(--muted)}.skip-button svg{width:24px;height:24px}.skip-button-label{font-size:.5rem;font-weight:760;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.primary-icon{border-color:var(--accent);background:var(--accent);color:var(--surface)}.transport-stack .primary-icon{width:44px;height:44px}.reader-time{width:100%;min-height:14px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;grid-area:2/1/auto/-1;font-size:.75rem;line-height:1}.speed-module{border:1px solid color-mix(in oklch, var(--line) 82%, transparent);border-radius:var(--control-radius);background:var(--surface);grid-area:1/3;grid-template-columns:auto 42px;justify-self:end;align-items:center;gap:4px;padding:0;display:grid}.speed-step-stack{grid-template-rows:repeat(2,auto);gap:0;display:grid}.speed-step-button{width:42px;min-height:20px;color:var(--muted);font-variant-numeric:tabular-nums;opacity:.55;background:0 0;border-color:#0000;border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;font-size:.6875rem;font-weight:760;line-height:1;display:inline-flex}.speed-readout{min-width:74px;color:color-mix(in oklch, var(--muted) 88%, var(--ink));font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;font-size:.8125rem;font-weight:720}.speed-step-button:hover,.speed-step-button:focus-visible{background:color-mix(in oklch, var(--surface) 56%, var(--line));opacity:1;border-color:#0000}.speed-step-button:active,.speed-step-button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--ink);opacity:1}.progress-track{--progress:0%;background:var(--rail);height:14px;display:block;position:relative}.progress-track:before,.progress-track:after{content:"";height:8px;position:absolute;top:3px;left:0}.progress-track:before{background:color-mix(in oklch, var(--line) 45%, var(--surface));right:0}.progress-track:after{width:var(--progress);background:var(--accent)}.progress-track:before,.progress-track:after{pointer-events:none}.progress-track input{z-index:1;appearance:none;cursor:pointer;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.progress-track input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.progress-track input::-webkit-slider-runnable-track{background:0 0;height:14px}.progress-track input::-webkit-slider-thumb{border:2px solid var(--surface);appearance:none;background:var(--accent);border-radius:999px;width:18px;height:18px;margin-top:-2px}.progress-track input::-moz-range-track{background:0 0;height:14px}.progress-track input::-moz-range-thumb{border:2px solid var(--surface);background:var(--accent);border-radius:999px;width:18px;height:18px}.theme-list{gap:6px;display:grid}.theme-option{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:36px;padding:0 10px;display:grid}.swatch{border:1px solid var(--line);border-radius:999px;width:16px;height:16px}.swatch-paper{background:oklch(95.5% .012 96)}.swatch-night{background:oklch(19% .014 82)}.swatch-contrast{background:oklch(99.5% .003 96);box-shadow:inset -8px 0 oklch(13% .006 80)}.toggle{min-height:30px;color:var(--ink);align-items:center;gap:8px;font-size:.9rem;display:flex}.toggle input{width:17px;height:17px;accent-color:var(--accent)}.artifact-meta dl{border:1px solid var(--line);border-radius:var(--control-radius);gap:1px;display:grid;overflow:hidden}.artifact-meta dl>div{background:var(--surface);grid-template-columns:72px 1fr;gap:8px;min-height:34px;padding:8px 10px;display:grid}.artifact-meta dl>div+div{border-top:1px solid var(--line)}dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:720}dd{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media (width<=1120px){.workspace{grid-template-columns:minmax(226px,.75fr) minmax(0,1.5fr)}.settings-rail{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.app{padding:10px}.topbar{flex-direction:column;align-items:flex-start;gap:8px;min-height:auto}.topbar-status{justify-content:space-between;width:100%}.workspace{grid-template-columns:1fr;overflow-y:auto}.source-rail,.settings-rail{grid-template-columns:1fr}.reader-shell{min-height:560px}.reader-stage-playing .reader-stack{left:18px;right:18px}.reader-stage-paused .reader-stack{padding-left:18px;padding-right:18px}.reader-toolbar{column-gap:10px}}@media (width<=460px){.segmented{grid-template-columns:1fr}.reader-toolbar{grid-template-rows:auto auto auto;grid-template-columns:1fr;justify-items:center}.transport-stack,.speed-module{grid-column:1}.transport-stack{grid-row:1}.speed-module{grid-row:2;justify-self:center}.reader-time{grid-row:3}.playback-group{justify-content:center;gap:6px}}
