@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-600-normal-BFCDtZfi.woff2)format("woff2"),url(/assets/fraunces-latin-600-normal-DL5QCzvS.woff)format("woff")}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-400-italic-ChpO6tcr.woff2)format("woff2"),url(/assets/fraunces-latin-400-italic-B7iDoVhm.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/source-sans-3-latin-400-normal-DQi5PRDE.woff2)format("woff2"),url(/assets/source-sans-3-latin-400-normal-RR2C27NP.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/source-sans-3-latin-600-normal-DeckBYAU.woff2)format("woff2"),url(/assets/source-sans-3-latin-600-normal-Ck0n4g8U.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4eee4;--sheet:#fffdf8;--ink:#1c2430;--muted:#5e584e;--pen:#1a2744;--speak:#146650;--speak-pressed:#0e4d3c;--chip:#e7dfd1;--line:#4632141a;--serif:"Fraunces", "Iowan Old Style", Palatino, Georgia, serif;--sans:"Source Sans 3", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:radial-gradient(900px 420px at 50% -10%,#ffffffb3,#0000 60%),#e6dece}button,textarea{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{cursor:default;opacity:.42}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--speak);outline-offset:2px}.app{background:var(--paper);width:min(100%,560px);height:100svh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border-left:12px solid #e4c7ae;grid-template-rows:auto auto auto minmax(0,1fr) auto;margin:0 auto;display:grid;box-shadow:0 0 0 1px #50371e0f}.bar{align-items:center;gap:8px;padding:8px 10px 0;display:flex}.modes{background:var(--chip);border-radius:999px;flex:none;gap:1px;padding:2px;display:inline-flex}.modes button{width:32px;height:30px;color:var(--muted);border-radius:999px;place-items:center;padding:0;display:grid}.modes button svg{width:18px;height:18px}.modes button[aria-checked=true]{background:var(--sheet);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #3c28141f}#settings{background:var(--paper);width:min(420px,100% - 32px);max-height:min(80dvh,640px);color:var(--ink);border:0;border-radius:18px;margin:auto;padding:16px 16px 18px;box-shadow:0 18px 50px #281e0a47}#settings::backdrop{background:#281e1461}#settings form{flex-direction:column;gap:14px;max-height:calc(80dvh - 36px);display:flex;overflow:auto}.settings-head{justify-content:space-between;align-items:center;gap:12px;display:flex}#settings h2{font-family:var(--serif);margin:0;font-size:1.4rem;font-weight:600}.settings-close{background:var(--chip);border-radius:999px;min-height:36px;padding:0 12px;font-weight:600}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.92rem;display:flex}.field span{justify-content:space-between;gap:8px;display:flex}.field output{color:var(--ink);font-weight:600}.field small{color:var(--muted)}.field select,.field input[type=range]{width:100%}.field select{background:var(--sheet);min-height:40px;color:var(--ink);font:inherit;box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:12px;padding:0 12px;font-size:1rem;font-weight:600}.field input[type=range]{accent-color:var(--speak)}.switch{align-items:center;gap:8px;min-height:40px;font-size:.95rem;display:inline-flex}.switch-ui{background:#d5cdbf;border-radius:999px;flex:none;width:42px;height:26px;position:relative}.switch-ui:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #281e0a33}.switch-row{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.switch-row small{color:var(--muted);margin-left:50px;font-size:.85rem}.switch[aria-pressed=true] .switch-ui{background:var(--speak)}.switch[aria-pressed=true] .switch-ui:after{transform:translate(16px)}@media (prefers-reduced-motion:no-preference){.switch-ui:after{transition:transform .16s}}.words{background:var(--sheet);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;margin:8px 10px 0;padding:6px 10px 4px}.words-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.words-head label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.72rem}#reread{min-height:32px;color:var(--speak);padding:0 2px;font-size:.92rem;font-weight:600}textarea{resize:none;width:100%;color:var(--ink);font-family:var(--serif);white-space:nowrap;-webkit-user-select:text;user-select:text;background:0 0;border:0;min-height:2.1rem;padding:2px 0 6px;font-size:1.3rem;line-height:1.45;display:block;overflow:auto hidden}textarea::placeholder{color:#9a917f}.pages{flex:none;align-items:center;gap:4px;display:flex}.pages button,.icon-btn{background:var(--chip);width:32px;height:32px;color:var(--ink);border-radius:10px;place-items:center;padding:0;display:grid}.pages button svg,.icon-btn svg{width:18px;height:18px}.pages button:active:not(:disabled),.icon-btn:active:not(:disabled){transform:translateY(1px)}#page-label{text-align:center;font-variant-numeric:tabular-nums;min-width:2rem;color:var(--muted);margin:0;font-size:.82rem;font-weight:600}@media (width<=420px){.app{border-left-width:8px}.desk{gap:4px;padding:6px 6px 0}.pages,.tools{gap:2px}.modes button,.desk .pages button,.desk .icon-btn{width:32px;height:32px}.modes button{height:30px}.modes button svg,.desk .pages button svg,.desk .icon-btn svg{width:16px;height:16px}#page-label{min-width:1.8rem;font-size:.75rem}}.bar .icon-btn{border-radius:12px;width:44px;height:44px}.bar .icon-btn svg{width:22px;height:22px}.speak-wide{background:var(--speak);color:#f4fff8;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:44px;padding:0 16px;font-size:1.05rem;font-weight:600;display:flex}.speak-wide svg{width:22px;height:22px}.speak-wide:active:not(:disabled){background:var(--speak-pressed)}.speak-wide.is-live{box-shadow:inset 0 0 0 2px #ffffff59}.speak-wide .icon-stop,.speak-wide.is-live .icon-speak{display:none}.speak-wide.is-live .icon-stop{display:block}.desk{justify-content:space-between;align-items:center;gap:6px;padding:8px 10px 0;display:flex}.sheet{background:var(--sheet);border-radius:16px;min-height:0;margin:8px 10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #4632141f}.sheet-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;position:absolute;inset:0;overflow:hidden auto}.sheet canvas{touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;display:block}.sheet-nav{z-index:2;min-height:34px;color:var(--pen);background:#fffdf8f0;border-radius:999px;padding:0 14px;font-size:.92rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #281e0a29,inset 0 0 0 1px #4632141f}.sheet-nav[hidden]{display:none}.sheet-nav-back{top:8px}.sheet-nav-more{background:var(--pen);color:#f7f3ea;min-height:44px;padding:0 18px;bottom:max(28px,12%);box-shadow:0 8px 18px #1a274452}.sheet-hint{text-align:center;pointer-events:none;font-family:var(--serif);color:#5e584e61;margin:0;font-size:1.55rem;font-style:italic;font-weight:400;position:absolute;top:22%;left:44px;right:16px}.sheet-hint[hidden]{display:none}.tools{flex:none;align-items:center;gap:4px;display:flex}.icon-btn.primary{background:var(--speak);color:#f4fff8}.icon-btn.primary:active:not(:disabled){background:var(--speak-pressed)}.icon-btn.primary.is-live{box-shadow:inset 0 0 0 2px #ffffff59}.icon-stop,.icon-btn.is-live .icon-speak{display:none}.icon-btn.is-live .icon-stop{display:block}.status{min-height:0;color:var(--muted);margin:0 12px 6px;font-size:.85rem}.status:empty{display:none}#library{width:min(560px,100%);height:100dvh;max-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);border:0;border-radius:0;margin:0 auto}#library[open]{flex-direction:column;gap:12px;display:flex}#library::backdrop{background:#281e1473}.library-head,.library-tabs,.library-actions,.audio-tools,.crumb-bar,.folder-row,.clip-row{align-items:center;gap:8px;display:flex}.library-head{justify-content:space-between}#library h2{font-family:var(--serif);margin:0;font-size:1.4rem;font-weight:600}.library-tabs{gap:6px}.library-tabs button{background:var(--chip);border-radius:999px;min-height:36px;padding:0 14px;font-weight:600}.library-tabs button[aria-selected=true]{background:var(--pen);color:#f7f3ea}.library-body{flex:1;min-height:0;overflow:auto}.library-body[hidden],.note-panel[hidden],.name-panel[hidden],#library-tabs[hidden]{display:none}.note-panel,.name-panel{flex-direction:column;gap:10px;display:flex}.library-empty,.library-lead,.library-status{color:var(--muted);margin:8px 0}.library-status:empty{display:none}.note-tools{z-index:1;background:var(--paper);align-items:center;gap:8px;padding:2px 0 8px;display:flex;position:sticky;top:0}.note-tools-gap{flex:1}.note-tools .note-tool{border-radius:12px;width:44px;height:44px}.note-tools .note-tool:only-child{margin-left:auto}.note-tools .note-tool svg{width:20px;height:20px}.note-tools .note-tool[aria-pressed=true]{background:var(--pen);color:#f7f3ea}.note-tools .note-tool:disabled{opacity:.35}.day-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-size:.78rem}.note-list{margin:0;padding:0;list-style:none}.note-row{grid-template-columns:4.6rem minmax(0,1fr);align-items:start;gap:8px;margin-bottom:8px;display:grid}.note-time{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:10px;font-size:.85rem}.note-summary{background:var(--sheet);width:100%;min-height:44px;box-shadow:inset 0 0 0 1px var(--line);text-align:left;font-family:var(--serif);border-radius:12px;align-items:flex-start;gap:10px;padding:8px 12px;font-size:1.05rem;line-height:1.35;display:flex}.note-words{flex:1;min-width:0}.note-check{width:22px;height:22px;color:var(--muted);border-radius:6px;flex:none;place-items:center;margin-top:1px;display:grid;box-shadow:inset 0 0 0 1.5px}.note-check svg{width:16px;height:16px}.note-summary[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--speak)}.note-summary[aria-pressed=true] .note-check{background:var(--speak);color:#f7f3ea;box-shadow:none}.note-here{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--speak);margin-top:4px;font-size:.75rem;display:block}#note-text{font-family:var(--serif);margin:0;font-size:1.2rem}.note-scroll,.name-scroll{background:var(--sheet);border-radius:16px;box-shadow:inset 0 0 0 1px #4632141f}.note-scroll{flex:1;min-height:180px;overflow:auto}.name-scroll{touch-action:none;flex:1;min-height:0;overflow:hidden}.library-input{background:var(--sheet);min-height:44px;color:var(--ink);font:inherit;box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:12px;padding:0 12px}#clip-name{flex:none;width:100%}.folder-add .library-input{flex:1;min-width:0}.text-btn{background:var(--chip);border-radius:999px;min-height:36px;padding:0 12px;font-weight:600}.text-btn.quiet{color:var(--muted);background:0 0;font-weight:500}.folder-add{gap:8px;margin:8px 0;display:flex}.crumb{min-height:32px;color:var(--speak);padding:0 4px;font-weight:600}.crumb-sep{color:var(--muted)}.folder-row,.clip-row{background:var(--sheet);min-height:48px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;margin-bottom:6px;padding:4px 6px 4px 8px}.folder-open{text-align:left;flex:1;min-height:40px;font-weight:600}.clip-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;overflow:hidden}.clip-grip{width:36px;height:40px;color:var(--muted);touch-action:none;place-items:center;display:grid}.clip-grip svg{width:18px;height:18px}.folder-row.is-drop,.crumb.is-drop{box-shadow:inset 0 0 0 2px var(--speak)}.clip-row{flex-wrap:wrap}.clip-row.is-playing{box-shadow:inset 0 0 0 1px var(--speak)}.clip-scrub{flex:1 0 100%;align-items:center;gap:8px;min-width:0;padding:0 2px 2px 40px;display:flex}.clip-scrub input[type=range]{min-width:0;height:44px;accent-color:var(--speak);touch-action:none;flex:1;margin:0}.clip-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:.85rem}.clip-row.is-before{box-shadow:inset 0 3px 0 var(--speak)}.clip-row.is-after{box-shadow:inset 0 -3px 0 var(--speak)}.drag-ghost{z-index:40;background:var(--pen);color:#f7f3ea;pointer-events:none;border-radius:12px;max-width:220px;padding:8px 12px;font-weight:600;position:fixed;transform:translate(-12px,-36px)}.drag-ghost[hidden]{display:none}