:root{color-scheme:light dark;--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--ink: #16161a;--ink-2: rgba(22, 22, 26, .66);--ink-3: rgba(22, 22, 26, .42);--accent: #0a72f5;--accent-strong: #0559cc;--accent-ink: #ffffff;--accent-tint: rgba(10, 114, 245, .12);--good: #1f9d55;--warn: #b26a00;--bad: #d0342c;--bad-tint: rgba(208, 52, 44, .12);--bg-base: #eef1f7;--bg-blob-1: rgba(120, 160, 255, .55);--bg-blob-2: rgba(255, 150, 200, .42);--bg-blob-3: rgba(120, 235, 220, .4);--glass-thin: rgba(255, 255, 255, .52);--glass-regular: rgba(255, 255, 255, .62);--glass-thick: rgba(255, 255, 255, .74);--glass-blur-thin: blur(18px) saturate(170%);--glass-blur-regular: blur(28px) saturate(180%);--glass-blur-thick: blur(44px) saturate(190%);--edge-top: rgba(255, 255, 255, .85);--edge: rgba(255, 255, 255, .5);--hairline: rgba(22, 22, 26, .08);--shadow-sm: 0 1px 2px rgba(16, 20, 40, .06), 0 4px 12px rgba(16, 20, 40, .06);--shadow-md: 0 2px 6px rgba(16, 20, 40, .08), 0 14px 34px rgba(16, 20, 40, .1);--shadow-lg: 0 8px 20px rgba(16, 20, 40, .12), 0 32px 70px rgba(16, 20, 40, .18);--scrim: rgba(18, 20, 30, .28);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.22, 1.2, .36, 1);--t-fast: .14s;--t-base: .26s;--t-slow: .4s}@media (prefers-color-scheme: dark){:root{--ink: #f4f5f8;--ink-2: rgba(244, 245, 248, .68);--ink-3: rgba(244, 245, 248, .44);--accent: #4c9dff;--accent-strong: #74b4ff;--accent-ink: #06121f;--accent-tint: rgba(76, 157, 255, .18);--good: #46c07f;--warn: #e0a340;--bad: #ff6b60;--bad-tint: rgba(255, 107, 96, .18);--bg-base: #0b0c10;--bg-blob-1: rgba(40, 90, 220, .55);--bg-blob-2: rgba(190, 60, 140, .42);--bg-blob-3: rgba(20, 150, 150, .4);--glass-thin: rgba(30, 32, 40, .52);--glass-regular: rgba(30, 32, 40, .62);--glass-thick: rgba(26, 28, 36, .76);--edge-top: rgba(255, 255, 255, .16);--edge: rgba(255, 255, 255, .08);--hairline: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .32);--shadow-md: 0 2px 8px rgba(0, 0, 0, .45), 0 16px 40px rgba(0, 0, 0, .42);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .5), 0 36px 80px rgba(0, 0, 0, .55);--scrim: rgba(0, 0, 0, .5)}}@media (prefers-reduced-transparency: reduce){:root{--glass-thin: Canvas;--glass-regular: Canvas;--glass-thick: Canvas;--glass-blur-thin: none;--glass-blur-regular: none;--glass-blur-thick: none}}@media (prefers-contrast: more){:root{--hairline: currentColor;--ink-2: var(--ink);--ink-3: var(--ink)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);font-size:100%;line-height:1.5;color:var(--ink);background:var(--bg-base);-webkit-font-smoothing:antialiased;overflow-x:hidden}.backdrop{position:fixed;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;z-index:-1;background:radial-gradient(38vmax 38vmax at 18% 12%,var(--bg-blob-1),transparent 62%),radial-gradient(42vmax 42vmax at 84% 22%,var(--bg-blob-2),transparent 60%),radial-gradient(46vmax 46vmax at 46% 92%,var(--bg-blob-3),transparent 64%);filter:blur(30px);animation:drift 48s var(--ease-in-out) infinite alternate}@keyframes drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02)}to{transform:translate3d(2%,1.5%,0) scale(1.08)}}button,input,textarea,select{font:inherit;color:inherit}:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.glass{background:var(--glass-regular);backdrop-filter:var(--glass-blur-regular);-webkit-backdrop-filter:var(--glass-blur-regular);border:1px solid var(--edge);border-top-color:var(--edge-top);box-shadow:var(--shadow-md);border-radius:var(--r-lg)}.glass--thin{background:var(--glass-thin);backdrop-filter:var(--glass-blur-thin);-webkit-backdrop-filter:var(--glass-blur-thin);box-shadow:var(--shadow-sm)}.glass--thick{background:var(--glass-thick);backdrop-filter:var(--glass-blur-thick);-webkit-backdrop-filter:var(--glass-blur-thick);box-shadow:var(--shadow-lg);border-radius:var(--r-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:.5rem .95rem;border-radius:var(--r-pill);border:1px solid var(--edge);background:var(--glass-thin);backdrop-filter:var(--glass-blur-thin);-webkit-backdrop-filter:var(--glass-blur-thin);color:var(--ink);font-weight:550;letter-spacing:.005em;cursor:pointer;transition:transform var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out),opacity var(--t-fast) linear;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--glass-regular)}.btn:active{transform:scale(.965)}.btn[disabled]{opacity:.45;cursor:default;transform:none}.btn--primary{background:var(--accent);border-color:transparent;color:var(--accent-ink);box-shadow:0 1px 2px #0a3c8c3d,0 8px 20px #0a5ac847}.btn--primary:hover{background:var(--accent-strong)}.btn--quiet{background:transparent;border-color:transparent;color:var(--ink-2);padding:.4rem .6rem}.btn--quiet:hover{background:var(--accent-tint);color:var(--ink)}.btn--danger:hover{background:#d0342c24;color:var(--bad)}.field{width:100%;padding:.65rem .85rem;border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--glass-thin);transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.field--area{resize:vertical;min-height:9rem;line-height:1.6}.label{display:block;font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--ink-2);margin-bottom:var(--s-2)}.chip{display:inline-flex;align-items:center;gap:var(--s-1);padding:.2rem .6rem;border-radius:var(--r-pill);border:1px solid var(--edge);background:var(--glass-thin);font-size:.8125rem;letter-spacing:.01em;color:var(--ink-2);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.chip:active{transform:scale(.95)}.chip[aria-pressed=true]{background:var(--accent);border-color:transparent;color:var(--accent-ink)}.hint{font-size:.8125rem;color:var(--ink-3)}.error-text{font-size:.875rem;color:var(--bad)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion: reduce){.backdrop{animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}}.boot{display:grid;place-items:center;height:100dvh;color:var(--ink-3);letter-spacing:.02em}.gate{display:grid;place-items:center;min-height:100dvh;padding:var(--s-5)}.gate__card{width:min(26rem,100%);padding:var(--s-6);animation:rise var(--t-slow) var(--spring) both}.gate__mark{margin:0;font-size:1.75rem;font-weight:680;letter-spacing:-.02em;line-height:1.1}.gate__mark img{display:block;width:9.5rem;height:auto;margin-inline:auto}.gate__lede{margin:var(--s-2) 0 var(--s-5);color:var(--ink-2);font-size:.9375rem}.gate .label{margin-top:var(--s-4)}.gate__go{width:100%;margin-top:var(--s-5);padding-block:.65rem}.gate__foot{margin:var(--s-4) 0 0;text-align:center}@keyframes rise{0%{opacity:0;transform:translate3d(0,12px,0) scale(.985)}to{opacity:1;transform:none}}.shell{min-height:100dvh;padding:var(--s-4) var(--s-4) var(--s-7);max-width:88rem;margin-inline:auto}.topbar{position:sticky;top:var(--s-3);z-index:20;display:flex;align-items:center;gap:var(--s-4);padding:var(--s-2) var(--s-3);border-radius:var(--r-pill);flex-wrap:wrap}.topbar__brand{display:flex;align-items:center;padding-inline:var(--s-2)}.topbar__mark{display:block;width:auto;height:1.75rem}.topbar__search{display:flex;align-items:center;gap:var(--s-2);flex:1 1 16rem;min-width:0;padding:.3rem .5rem .3rem .75rem;border-radius:var(--r-pill);background:var(--glass-thin);border:1px solid var(--hairline)}.topbar__glyph{color:var(--ink-3);flex:none}.topbar__field{flex:1;min-width:0;border:0;background:none;padding:.25rem 0}.topbar__field:focus{outline:none}.topbar__field::-webkit-search-cancel-button{display:none}.topbar__right{display:flex;align-items:center;gap:var(--s-2)}.usermenu{position:relative}.usermenu summary{list-style:none;cursor:pointer}.usermenu summary::-webkit-details-marker{display:none}.usermenu .menu__pop{right:0}.tagbar{display:flex;flex-wrap:wrap;gap:var(--s-2);padding:var(--s-4) var(--s-3) 0}.notice{margin:var(--s-4) var(--s-3) 0;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);color:var(--bad);font-size:.9375rem}.grid{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(24rem,100%),1fr));grid-auto-rows:1fr;align-items:stretch;padding:var(--s-5) var(--s-3) 0}.grid__msg{grid-column:1 / -1;text-align:center;padding:var(--s-7) 0}.empty{grid-column:1 / -1;justify-self:center;max-width:32rem;text-align:center;padding:var(--s-7) var(--s-5);border-radius:var(--r-lg)}.empty h2{margin:0 0 var(--s-2);font-size:1.25rem;letter-spacing:-.01em}.empty .btn{margin-top:var(--s-5)}.card{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);cursor:pointer;animation:rise var(--t-base) var(--ease-out) both;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card:active{transform:translateY(0) scale(.995)}.card__title{margin:0;font-size:1.0625rem;font-weight:620;letter-spacing:-.01em;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.65625rem}.card__excerpt{margin:0;color:var(--ink-2);font-size:.9375rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.90625rem}.card__slot{display:flex;flex-direction:column;justify-content:center;min-height:2rem}.card__working{display:flex;flex-direction:column;gap:var(--s-2);margin:0}.card__tags{display:flex;flex-wrap:wrap;gap:var(--s-2);min-height:1.75rem}.card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;margin-top:auto;padding-top:var(--s-1)}.card__meta{font-size:.75rem;letter-spacing:.02em;color:var(--ink-3);font-family:var(--font-mono)}.card.is-locked{box-shadow:var(--shadow-md),0 0 0 1px #b26a0059}.status{display:inline-flex;align-items:center;gap:var(--s-1);flex:none;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.15rem .5rem;border-radius:var(--r-pill);background:var(--accent-tint);color:var(--ink-2);align-self:flex-start}.status__pulse{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.6s var(--ease-in-out) infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.mini{display:flex;align-items:center;gap:var(--s-3)}.mini__play{flex:none;width:2rem;height:2rem;display:grid;place-items:center;border:0;border-radius:50%;background:var(--accent);color:var(--accent-ink);cursor:pointer;box-shadow:0 1px 6px #0a5ac847;transition:transform var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.mini__play:hover{background:var(--accent-strong)}.mini__play:active{transform:scale(.92)}.mini__line{flex:1;height:3px;border-radius:var(--r-pill);background:var(--hairline);overflow:hidden}.mini__fill{height:100%;background:var(--accent);transform-origin:left center;will-change:transform}.mini__time{flex:none;font-family:var(--font-mono);font-size:.6875rem;color:var(--ink-3)}.menu__pop{position:absolute;top:calc(100% + var(--s-2));right:0;z-index:30;min-width:11rem;padding:var(--s-1);border-radius:var(--r-md);display:flex;flex-direction:column;animation:pop var(--t-fast) var(--ease-out) both;transform-origin:top right}.menu__pop a,.menu__pop button{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);padding:.45rem .65rem;border:0;border-radius:var(--r-sm);background:none;color:inherit;text-decoration:none;text-align:left;cursor:pointer;font-size:.9375rem}.menu__pop a:hover,.menu__pop button:hover{background:var(--accent-tint)}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:none}}.player{border-radius:var(--r-md);background:var(--glass-thin);border:1px solid var(--hairline);padding:var(--s-3)}.player__row{display:flex;align-items:center;gap:var(--s-3)}.player__play{flex:none;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;border:0;background:var(--accent);color:var(--accent-ink);cursor:pointer;box-shadow:0 2px 10px #0a5ac84d;transition:transform var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.player__play:active{transform:scale(.93)}.player__play:hover{background:var(--accent-strong)}.player__body{flex:1;min-width:0}.player__track{position:relative;height:22px;display:flex;align-items:center;cursor:pointer;touch-action:none}.player__track:before{content:"";position:absolute;inset-inline:0;height:4px;border-radius:var(--r-pill);background:var(--hairline)}.player__fill{position:absolute;inset-inline:0;height:4px;border-radius:var(--r-pill);background:var(--accent);transform-origin:left center;will-change:transform}.player__knob{position:absolute;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--accent);box-shadow:0 1px 4px #00000040;transition:transform var(--t-fast) var(--ease-out)}.player__track:hover .player__knob,.player__track.is-scrubbing .player__knob{transform:scale(1.35)}.player__times{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.02em;color:var(--ink-3)}.player__toggle{flex:none;font-size:.8125rem}.cues{list-style:none;margin:var(--s-3) 0 0;padding:var(--s-2) 0 0;border-top:1px solid var(--hairline);max-height:13rem;overflow-y:auto;scrollbar-width:thin}.cues__line{display:flex;gap:var(--s-3);width:100%;padding:.3rem .4rem;border:0;border-radius:var(--r-sm);background:none;text-align:left;cursor:pointer;color:var(--ink-3);font-size:.875rem;line-height:1.55;transition:color var(--t-fast) linear,background var(--t-fast) linear}.cues__line:hover{background:var(--accent-tint)}.cues__line.is-active{color:var(--ink);background:var(--accent-tint);font-weight:550}.cues__time{flex:none;font-family:var(--font-mono);font-size:.6875rem;padding-top:.2rem;color:var(--ink-3)}.sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade var(--t-base) var(--ease-out) both;cursor:default}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{position:absolute;left:50%;bottom:0;width:min(42rem,100%);max-height:min(92dvh,54rem);transform:translate(-50%);display:flex;flex-direction:column;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:sheet-up var(--t-slow) var(--spring) both}@keyframes sheet-up{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}@keyframes sheet-center{0%{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%)}}@media (min-width: 48rem){.sheet{top:50%;bottom:auto;transform:translate(-50%,-50%);border-radius:var(--r-xl);animation-name:sheet-center}}.sheet__head,.sheet__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-4) var(--s-5)}.sheet__head{border-bottom:1px solid var(--hairline)}.sheet__head h2{margin:0;font-size:1.0625rem;letter-spacing:-.01em}.sheet__foot{border-top:1px solid var(--hairline);padding-bottom:max(var(--s-4),env(safe-area-inset-bottom))}.sheet__foot .hint{margin:0;flex:1}.sheet__scroll{overflow-y:auto;padding:var(--s-4) var(--s-5)}.sheet__scroll .label{margin-top:var(--s-4)}.sheet__scroll>.label:first-child{margin-top:0}.sheet__labelrow{display:flex;align-items:baseline;justify-content:space-between;margin-top:var(--s-4)}.sheet__labelrow .label{margin:0}.hint--over{color:var(--bad);font-weight:600}.sheet__grid{display:grid;gap:var(--s-4);grid-template-columns:1fr 1fr}@media (max-width: 30rem){.sheet__grid{grid-template-columns:1fr}}.slider{width:100%;accent-color:var(--accent);margin-top:var(--s-2)}.taginput__box{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);padding:.45rem .55rem}.taginput__input{flex:1;min-width:8rem;border:0;background:none;padding:.2rem}.taginput__input:focus{outline:none}.chip--static{cursor:default}.chip__x{border:0;background:none;color:inherit;cursor:pointer;padding:0 0 0 var(--s-1);font-size:1rem;line-height:1;opacity:.6}.chip__x:hover{opacity:1}.taginput__suggest{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-2)}@media (max-width: 40rem){.shell{padding-inline:var(--s-2)}.topbar{border-radius:var(--r-lg)}.topbar__search{order:3;flex-basis:100%}}.preview{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-4);padding:var(--s-3);border-radius:var(--r-md);background:var(--glass-thin);border:1px solid var(--hairline)}.preview__btn{flex:none}.preview__hint{min-width:0}.segmented{display:inline-flex;gap:2px;padding:3px;margin-bottom:var(--s-3);border-radius:var(--r-pill);background:var(--glass-thin);border:1px solid var(--hairline)}.segmented__option{border:0;background:none;color:var(--ink-2);padding:.3rem .85rem;border-radius:var(--r-pill);font-size:.875rem;font-weight:550;cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.segmented__option:active{transform:scale(.96)}.segmented__option[aria-checked=true]{background:var(--accent);color:var(--accent-ink);box-shadow:0 1px 4px #0a5ac847}.sheet__note{margin:var(--s-2) 0 0}.spoken{margin-top:var(--s-2)}.spoken__toggle{padding-inline:0;font-size:.8125rem}.spoken__body{margin-top:var(--s-2);padding:var(--s-3);border-radius:var(--r-md);background:var(--glass-thin);border:1px solid var(--hairline);max-height:14rem;overflow:auto}.spoken__text{margin:0;font-family:var(--font-ui);font-size:.875rem;line-height:1.6;color:var(--ink-2);white-space:pre-wrap;word-break:break-word}.bar{height:4px;border-radius:var(--r-pill);background:var(--hairline);overflow:hidden}.bar__fill{height:100%;border-radius:var(--r-pill);background:var(--accent);transform-origin:left center;transition:transform var(--t-slow) var(--ease-out)}.cues__loading{padding:var(--s-3) 0 0}.lockchip{flex:none;font-size:.6875rem;font-weight:650;letter-spacing:.03em;text-transform:uppercase;padding:.15rem .5rem;border-radius:var(--r-pill);background:#b26a0029;color:var(--warn)}.btn--small{padding:.35rem .75rem;font-size:.875rem}.btn--danger{color:var(--ink-2)}.btn--danger:hover:not(:disabled){color:var(--bad);background:var(--bad-tint)}.btn--danger.is-armed{color:var(--bad);background:var(--bad-tint);font-weight:600}.btn--danger:disabled{opacity:.4;cursor:not-allowed}.page{max-width:60rem;margin-inline:auto;padding:var(--s-4) var(--s-4) var(--s-7);display:flex;flex-direction:column;gap:var(--s-4);animation:rise var(--t-base) var(--ease-out) both}.page__back{align-self:flex-start}.page__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-5);padding:var(--s-5);flex-wrap:wrap}.page__titles{min-width:0;display:flex;flex-direction:column;gap:var(--s-2)}.page__titles h1{margin:0;font-size:clamp(1.375rem,3vw,1.875rem);line-height:1.15;letter-spacing:-.02em;font-weight:660}.page__actions{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.page__section{display:flex;flex-direction:column;gap:var(--s-3)}.page__h2{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);margin:0;font-size:.8125rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.page__h2 .hint{text-transform:none;letter-spacing:0}@media (max-width: 40rem){.page{padding-inline:var(--s-2)}.page__head{padding:var(--s-4)}}.readings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-4)}.pair{display:grid;gap:var(--s-3);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:stretch}.pair--alone{grid-template-columns:1fr}@media (max-width: 62rem){.pair{grid-template-columns:1fr}}.reading{padding:var(--s-4);border-radius:var(--r-md);background:var(--glass-thin);border:1px solid var(--hairline);display:flex;flex-direction:column;gap:var(--s-3)}.reading.is-failed{border-color:#d0342c66}.reading.is-processing{border-color:var(--accent)}.reading .player{background:none;border:0;padding:0}.reading__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.reading__title{margin:0;font-size:.9375rem;font-weight:640;letter-spacing:-.005em}.reading__sub{margin:2px 0 0;font-size:.8125rem;color:var(--ink-3)}.tick{flex:none;width:1.375rem;height:1.375rem;display:grid;place-items:center;border-radius:50%;background:#1f9d5529;color:var(--good);font-size:.75rem;font-weight:700}.reading__running{display:flex;flex-direction:column;gap:var(--s-2)}.reading__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;margin-top:auto}.files{padding:var(--s-3);border-radius:var(--r-md);display:flex;flex-direction:column;gap:2px}.files__list{display:flex;flex-direction:column;justify-content:space-evenly;gap:2px;flex:1}.files__head{margin:0 0 var(--s-1);padding-inline:var(--s-2);font-size:.6875rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.files a{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2);border-radius:var(--r-sm);color:inherit;text-decoration:none;transition:background var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.files a:hover{background:var(--accent-tint)}.files a:active{transform:scale(.985)}.files__icon{flex:none;width:2rem;height:2rem;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--accent-tint);color:var(--accent)}.files__body{display:flex;flex-direction:column;min-width:0;flex:1}.files__body strong{font-size:.9375rem;font-weight:600}.files__body span{font-size:.8125rem;color:var(--ink-3);line-height:1.35}.files__ext{flex:none;align-self:flex-start;margin-top:.15rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;color:var(--ink-3);padding:.1rem .4rem;border-radius:var(--r-sm);border:1px solid var(--hairline)}.switchrow{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.switchrow .segmented{margin-bottom:0}.panel{padding:var(--s-4);border-radius:var(--r-md);white-space:pre-wrap;line-height:1.7;color:var(--ink-2);max-height:32rem;overflow-y:auto;scrollbar-width:thin}.empty-line{margin:0;padding:var(--s-4);border-radius:var(--r-md);color:var(--ink-3);font-size:.9375rem}.page__gist{margin:0;color:var(--ink-2);font-size:.9375rem}.page__chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip--tag{background:var(--accent-tint);border-color:transparent;color:var(--ink-2)}.reading__marks{display:flex;align-items:center;gap:var(--s-2);flex:none}.pill{font-size:.6875rem;font-weight:620;letter-spacing:.02em;padding:.15rem .5rem;border-radius:var(--r-pill);background:var(--accent-tint);color:var(--accent);white-space:nowrap}.gen{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4);animation:rise var(--t-base) var(--ease-out) both}.gen__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.gen__head h3{margin:0;font-size:1.0625rem;letter-spacing:-.01em}.gen__modes{display:grid;gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.mode{display:flex;flex-direction:column;gap:2px;text-align:left;padding:var(--s-3);border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--glass-thin);cursor:pointer;transition:border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.mode:active{transform:scale(.985)}.mode strong{font-size:.9375rem;font-weight:620}.mode span{font-size:.8125rem;color:var(--ink-3)}.mode.is-on{border-color:var(--accent);background:var(--accent-tint)}.mode.is-on span{color:var(--ink-2)}.gen__block{display:flex;flex-direction:column;gap:var(--s-2)}.gen__block .segmented{margin-bottom:0;align-self:flex-start}.gen__voice{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.gen__voice .label{margin-bottom:var(--s-2)}.gen__voice .sheet__labelrow{margin-top:0}.gen__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;padding-top:var(--s-4);border-top:1px solid var(--hairline)}.gen__facts{display:flex;gap:var(--s-6);margin:0}.gen__facts dt{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.gen__facts dd{margin:2px 0 0;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}.range{display:flex;flex-direction:column;gap:var(--s-2)}.range__track{position:relative;height:28px;display:flex;align-items:center}.range__track:before{content:"";position:absolute;inset-inline:0;height:6px;border-radius:var(--r-pill);background:var(--hairline)}.range__span{position:absolute;height:6px;border-radius:var(--r-pill);background:var(--accent)}.range__input{position:absolute;inset-inline:0;width:100%;margin:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;height:28px}.range__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:var(--glass-thick);border:2px solid var(--accent);box-shadow:var(--shadow-sm);cursor:grab}.range__input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.range__input::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:var(--glass-thick);border:2px solid var(--accent);cursor:grab}.range__input::-moz-range-track{background:none}.range__scale{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.6875rem;color:var(--ink-3)}.range__ends{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.range__end{padding:var(--s-3);border-radius:var(--r-md);background:var(--glass-thin);border:1px solid var(--hairline)}.range__label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.range__quote{margin:var(--s-1) 0;font-size:.875rem;line-height:1.5;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.range__jump{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.range__count{margin-left:auto}.cover{display:flex;flex-direction:column;gap:var(--s-1)}.cover__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.cover__label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.cover__share{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-2)}.cover__track{position:relative;height:8px;border-radius:var(--r-pill);background:var(--hairline);overflow:hidden}.cover__fill{position:absolute;top:0;bottom:0;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.opening{margin:0;padding-left:var(--s-3);border-left:2px solid var(--edge);color:var(--ink-3);font-size:.875rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drop{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);margin-block:var(--s-2) var(--s-3);border:1px dashed var(--hairline);border-radius:var(--r-md);background:color-mix(in srgb,var(--ink) 3%,transparent);transition:border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.drop--over{border-color:var(--accent);border-style:solid;background:var(--accent-tint)}.drop--done{border-style:solid}.drop__icon{flex:none;width:2rem;height:2rem;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--accent-tint);color:var(--accent)}.drop__body{display:flex;flex-direction:column;min-width:0;flex:1}.drop__body strong{font-size:.9375rem;font-weight:600}.drop__body span{font-size:.8125rem;color:var(--ink-3);line-height:1.35;text-wrap:pretty}.drop__input{display:none}.drop--busy{justify-content:center;color:var(--ink-3);font-size:.875rem}.drop__spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid var(--hairline);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.drop__spinner{animation-duration:2s}}.inlink{border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;text-decoration:none}.inlink:hover{text-decoration:underline;text-underline-offset:2px}.inlink:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.linkish{border:0;background:none;padding:0;font:inherit;color:var(--accent);font-weight:550;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.linkish:hover{color:var(--accent-strong)}.switchrow__left,.switchrow__right{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;min-width:0}.filepill{display:inline-flex;align-items:center;gap:var(--s-2);max-width:100%;padding:.3rem .6rem;border:1px solid var(--hairline);border-radius:var(--r-pill);color:var(--ink-2);text-decoration:none;font-size:.8125rem;line-height:1.2;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.filepill:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-tint)}.filepill:active{transform:scale(.985)}.filepill__mark{display:grid;place-items:center;flex:none;color:var(--ink-3)}.filepill:hover .filepill__mark{color:inherit}.filepill__name{font-weight:550;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.filepill:hover .filepill__name{color:inherit}.filepill__type{flex:none;color:var(--ink-3);font-size:.75rem;letter-spacing:.01em}.filepill:hover .filepill__type{color:inherit}.filepill__down{flex:none;opacity:.45;transition:opacity var(--t-fast) var(--ease-out)}.filepill:hover .filepill__down,.filepill:focus-visible .filepill__down{opacity:1}.filepill--plain{border-color:transparent;padding-inline:var(--s-2)}.filepill--plain .filepill__name{font-weight:500;color:var(--ink-3);font-size:.75rem}.filepill--plain .filepill__down{opacity:.55}.filepill--plain:hover .filepill__name{color:inherit}@media (max-width: 40rem){.switchrow__left,.switchrow__right{width:100%;justify-content:space-between}}.consent{position:fixed;z-index:40;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:var(--s-4);padding:var(--s-2) var(--s-4);padding-bottom:max(var(--s-2),env(safe-area-inset-bottom));border-radius:0;border-inline:0;border-bottom:0;animation:consent-up var(--t-slow) var(--ease-out) both;animation-delay:.6s}@keyframes consent-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.consent__copy{margin:0;font-size:.8125rem;line-height:1.4;color:var(--ink-2);text-wrap:pretty}.consent__acts{display:flex;gap:var(--s-2);flex:none}.consent__acts .btn{padding:.35rem .75rem;font-size:.875rem}@media (max-width: 44rem){.consent{flex-wrap:wrap;justify-content:flex-end;gap:var(--s-2) var(--s-3)}.consent__copy{flex:1 1 100%}}