.panel{right:var(--gutter);bottom:var(--gutter);width:min(360px, calc(100% - var(--gutter) * 2));max-height:calc(100vh - var(--gutter) * 2);background:var(--color-panel-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);--panel-pad:var(--space-lg);--panel-gap:var(--space-sm);flex-direction:column;display:flex;position:fixed;overflow:visible;box-shadow:0 8px 24px -12px #00000040}.panel[data-spacing=compact]{--panel-pad:var(--space-md);--panel-gap:var(--space-xs)}.panel[data-spacing=roomy]{--panel-pad:var(--space-xl);--panel-gap:var(--space-md)}.panel[data-font-size=sm]{font-size:.9375rem}.panel[data-font-size=lg]{font-size:1.125rem}@media (width<=640px){.panel{left:var(--gutter);right:var(--gutter);width:auto;max-height:70vh}}@media (width>=641px){body .app-shell{padding-right:calc(min(360px, 100% - var(--gutter) * 2) + var(--gutter))}}@media (width<=640px){body .app-shell{padding-bottom:70vh}}.panel-scroll{border-radius:inherit;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.panel-pip{top:0;left:var(--space-lg);background:var(--color-panel-bg);border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-62%)}.panel-pip-svg{display:block}.panel-head{padding:var(--panel-pad) var(--panel-pad) var(--space-sm);border-bottom:1px solid var(--color-border)}.panel-title{padding-left:calc(48px - var(--space-lg) + var(--space-sm));margin:0;font-size:1.05em;font-weight:700}.panel-body{padding:var(--panel-pad);gap:var(--panel-gap);flex-direction:column;flex-shrink:0;min-height:min(8em,30vh);max-height:40vh;display:flex;overflow-y:auto}.panel-body:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.panel-empty{color:var(--color-muted);margin:0}.panel-controls{padding:var(--space-sm) var(--panel-pad) var(--panel-pad);border-top:1px solid var(--color-border);gap:var(--panel-gap);flex-direction:column;display:flex}.panel-settings{gap:var(--panel-gap);flex-direction:column;display:flex}.panel-transport.panel-settings-toggle{display:none}@media (width<=640px){.panel-transport.panel-settings-toggle{align-self:flex-start;display:inline-flex}.panel-settings[data-open=false],.panel[data-empty=true] .panel-body{display:none}}.panel-controls-row{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.panel-bullets{gap:var(--space-2xs);flex-direction:column;margin:0;padding-left:1.3em;display:flex}.panel-bullets li{padding:var(--space-3xs) var(--space-2xs);border-radius:4px;transition:background-color .15s ease-out}.panel-bullets li[aria-current=true]{background:var(--color-accent-soft);margin-inline-start:calc(-1 * var(--space-2xs));font-weight:700}.now-reading{gap:var(--space-3xs);flex-direction:column;display:flex}.now-label,.next-label{color:var(--color-muted);text-transform:none;margin:0;font-size:.8em;font-weight:700}.now-text{margin:0;font-size:1.5em;font-weight:700;line-height:1.35}.next-text{color:var(--color-muted);margin:0}.read-part-row{margin:0}.read-part{align-items:center;gap:var(--space-2xs);font:inherit;min-height:44px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-accent);border-radius:var(--border-radius);background:var(--color-panel-bg);color:var(--color-fg);cursor:pointer;display:inline-flex}.read-part:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.panel-notice{color:var(--color-muted);margin:0;font-size:.95em}@media (prefers-reduced-motion:reduce){.panel-bullets li{transition:none}}.panel-transport{align-items:center;gap:var(--space-2xs);min-height:44px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-panel-bg);color:var(--color-fg);font:inherit;cursor:pointer;display:inline-flex}.panel-transport:hover:not(:disabled){border-color:var(--color-accent)}.panel-transport:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.panel-transport:disabled{opacity:.5;cursor:not-allowed}.panel-transport-icon{flex:none}.panel-transport--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-fg)}.panel-transport--primary:hover:not(:disabled){border-color:var(--color-accent)}.panel-field{gap:var(--space-2xs);flex-direction:column;display:flex}.panel-field-label{color:var(--color-muted);font-size:.85em;font-weight:700}.panel-rate-row{align-items:center;gap:var(--space-xs);display:flex}.panel-rate-end{color:var(--color-muted);white-space:nowrap;font-size:.8em}.panel-rate-value{font-variant-numeric:tabular-nums;color:var(--color-muted);text-align:right;min-width:3ch;font-size:.85em}.panel-rate-slider{min-width:0;height:44px;accent-color:var(--color-accent);cursor:pointer;flex:auto}.panel-rate-slider:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.panel-select{min-height:44px;padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-input-bg);color:var(--color-fg);font:inherit}.panel-select:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.panel-toggle-row{align-items:center;gap:var(--space-xs);min-height:44px;display:flex}.panel-toggle-row input{accent-color:var(--color-accent);width:18px;height:18px}.panel-toggle-row label{cursor:pointer}.panel-steps{gap:var(--space-3xs);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-3xs);display:inline-flex}.panel-step-btn{border-radius:calc(var(--border-radius) - 3px);width:36px;height:36px;color:var(--color-fg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.panel-step-btn:before{content:"";position:absolute;inset:-4px}.panel-step-btn:hover{background:var(--color-accent-soft)}.panel-step-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.panel-step-btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-fg)}.panel-step-glyph{display:block}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/AtkinsonHyperlegible-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/AtkinsonHyperlegible-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/AtkinsonHyperlegible-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/AtkinsonHyperlegible-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--gutter:16px;--measure:65ch;--border-radius:8px;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--color-bg:#faf9f6;--color-fg:#1a1a1a;--color-muted:#5b5b5b;--color-border:#d8d5cd;--color-accent:#7a3b2e;--color-accent-fg:#fff;--color-panel-bg:#fff;--color-input-bg:#fff;--color-focus-ring:#7a3b2e;--color-accent-soft:color-mix(in oklch, var(--color-accent) 16%, var(--color-panel-bg))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#17171a;--color-fg:#eceae6;--color-muted:#a8a49c;--color-border:#3a3a3f;--color-accent:#e0a893;--color-accent-fg:#17171a;--color-panel-bg:#201f23;--color-input-bg:#201f23;--color-focus-ring:#e0a893;--color-accent-soft:color-mix(in oklch, var(--color-accent) 22%, var(--color-panel-bg))}}:root[data-theme=dark]{--color-bg:#17171a;--color-fg:#eceae6;--color-muted:#a8a49c;--color-border:#3a3a3f;--color-accent:#e0a893;--color-accent-fg:#17171a;--color-panel-bg:#201f23;--color-input-bg:#201f23;--color-focus-ring:#e0a893;--color-accent-soft:color-mix(in oklch, var(--color-accent) 22%, var(--color-panel-bg))}*{box-sizing:border-box}html,body{max-width:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-fg);font-family:Atkinson Hyperlegible,system-ui,sans-serif;line-height:1.5}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;padding:var(--gutter);padding-bottom:calc(var(--gutter) * 6);flex-direction:column;display:flex}.app-header{justify-content:space-between;align-items:center;gap:var(--gutter);padding-bottom:var(--gutter);border-bottom:1px solid var(--color-border);margin-bottom:var(--gutter);flex-wrap:wrap;display:flex}.app-title{flex:auto;min-width:0;margin:0;font-size:1.25rem}.dial{border:1px solid var(--color-border);border-radius:var(--border-radius);flex-wrap:wrap;gap:4px;margin:0;padding:4px;display:flex}.dial-option{border-radius:calc(var(--border-radius) - 2px);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;font-size:.9rem;display:inline-flex}.dial-option:has(input:checked){background:var(--color-accent);color:var(--color-accent-fg)}.dial-option input{accent-color:var(--color-accent)}.dial-option input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.theme-toggle{border:1px solid var(--color-border);background:var(--color-panel-bg);color:var(--color-fg);border-radius:var(--border-radius);cursor:pointer;font:inherit;padding:6px 12px}.theme-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.app-main{gap:calc(var(--gutter) * 1.5);max-width:var(--measure);flex-direction:column;flex:auto;width:100%;margin:0 auto;display:flex}.article p{margin:0 0 1em}.paste-box{flex-direction:column;gap:6px;display:flex}.paste-label{font-weight:700}.paste-textarea{border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-input-bg);width:100%;max-width:100%;min-height:8em;color:var(--color-fg);font:inherit;resize:vertical;padding:10px}@media (width<=640px){.paste-textarea{min-height:5em}}.paste-textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.paste-row{justify-content:space-between;align-items:center;gap:var(--gutter);flex-wrap:wrap;display:flex}.word-count{color:var(--color-muted);margin:0;font-size:.85rem}.read-button{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-fg);border-radius:var(--border-radius);cursor:pointer;font:inherit;white-space:nowrap;padding:6px 14px}.read-button:disabled{opacity:.5;cursor:not-allowed}.read-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.read-chip{z-index:10;border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-fg);font:inherit;cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.85rem;position:fixed;box-shadow:0 2px 8px #0003}.read-chip:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.report-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.loading{margin-bottom:var(--gutter);max-width:var(--measure);flex-direction:column;gap:6px;width:100%;margin-left:auto;margin-right:auto;display:flex}.loading-line{color:var(--color-muted);margin:0;font-size:.9rem}.loading-bar{width:100%;height:6px;accent-color:var(--color-accent)}.loading-cache{opacity:.7;margin:0;font-size:.8rem}.loading-notice{opacity:.85;margin:0;font-size:.9rem}.loading-summarizer{flex-direction:column;gap:4px;display:flex}.loading-summarizer-button{border:1px solid var(--color-accent);background:var(--color-panel-bg);color:var(--color-fg);border-radius:var(--border-radius);cursor:pointer;font:inherit;align-self:flex-start;padding:6px 12px}.loading-summarizer-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.demo{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--gutter);flex-direction:column;gap:6px;display:flex}.demo-recording-label,.demo-excerpt-note,.demo-switch-level{color:var(--color-muted);margin:0;font-size:.85rem}.demo-try-it-now{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-fg);border-radius:var(--border-radius);cursor:pointer;font:inherit;align-self:flex-start;padding:6px 14px}.demo-try-it-now:disabled{opacity:.5;cursor:not-allowed}.demo-try-it-now:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.demo-items{margin:0;padding-left:1.2em}.demo-items li{margin:.35em 0}.demo-items li[aria-current=true]{background:var(--color-accent-soft,#785ac826);border-radius:4px}