:root{--page:#f3f5f8;--surface:#fff;--ink:#17202e;--muted:#586274;--rule:#dde2ea;--field:#6b7686;--blue:#0b5cad;--blue-soft:#e3eefa;--on-blue:#fff;--orange-mark:#b86e00;--orange-ink:#8f4a00;--orange-soft:#fdf0d9;--shadow:0 10px 30px #0f192d29;--ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--note:"Iowan Old Style", Charter, "Palatino Linotype", Palatino, Georgia, serif;--tabbar-h:64px;--mini-h:60px;--gutter:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page:#0f141c;--surface:#18202b;--ink:#e9edf3;--muted:#9aa5b5;--rule:#2a3442;--field:#7d8aa0;--blue:#6aaef5;--blue-soft:#16314f;--on-blue:#0b1522;--orange-mark:#f0a830;--orange-ink:#f5b75a;--orange-soft:#3a2a10;--shadow:0 10px 30px #00000080}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.45}h1,h2,h3,p{margin:0}button,input,textarea{font:inherit;color:inherit}::placeholder{color:var(--muted);opacity:1}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}.muted{color:var(--muted)}.icon{flex:none;display:block}.app{min-height:100dvh}.content{max-width:720px;padding:0 var(--gutter) calc(var(--tabbar-h) + var(--mini-h) + 24px + env(safe-area-inset-bottom));margin:0 auto}.tabbar{z-index:20;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.brand{display:none}.tab{min-height:44px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:min(.8125rem,15px);font-weight:500;display:flex;position:relative}.tab>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tab:focus-visible{outline-offset:-3px}.tab[aria-current=page]{color:var(--blue);font-weight:700}.tab[aria-current=page]:before{content:"";background:currentColor;border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:28%;right:28%}.screen-header{min-height:56px;padding:calc(env(safe-area-inset-top) + 20px) 0 12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.screen-header h1{overflow-wrap:anywhere;letter-spacing:-.02em;min-width:0;font-size:2rem;font-weight:750;line-height:1.1}.screen-header-sub{padding-top:calc(env(safe-area-inset-top) + 8px);padding-bottom:0}.empty{max-width:34em;color:var(--muted);justify-items:start;gap:16px;padding:28px 0;display:grid}.rows{margin:0;padding:0;list-style:none}.rows>li{border-bottom:1px solid var(--rule)}.row{text-align:left;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 0;display:flex}.episode-row{align-items:flex-start}.row-play{background:var(--blue-soft);width:40px;height:40px;color:var(--blue);border-radius:50%;flex:none;place-items:center;margin-top:2px;display:grid}.episode-row.is-current .row-play{background:var(--blue);color:var(--on-blue)}.row-main{flex:1;gap:2px;min-width:0;display:grid}.row-kicker{color:var(--muted);font-size:.875rem;font-weight:600;display:block}.row-title{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:600;line-height:1.3}.row-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.875rem;display:flex}.progress{background:var(--rule);border-radius:2px;height:4px;margin-top:6px;display:block;overflow:hidden}.progress>span{background:var(--blue);height:100%;display:block}.tag{white-space:nowrap;border-radius:999px;align-items:center;padding:1px 8px;font-size:.875rem;font-weight:650;line-height:1.5;display:inline-flex}.tag-blue{background:var(--blue-soft);color:var(--blue)}.tag-outline{box-shadow:inset 0 0 0 1.5px var(--blue);color:var(--blue)}.tag-quiet{color:var(--muted);box-shadow:inset 0 0 0 1px var(--field)}.tag-orange{background:var(--orange-soft);color:var(--orange-ink)}.show-row{align-items:center;gap:8px;display:flex}.row-open{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;min-height:64px;padding:10px 0;display:flex}.row-chevron{color:var(--muted)}.artwork{object-fit:cover;background:var(--blue-soft);border-radius:10px;flex:none;width:48px;height:48px}.artwork-letter{color:var(--blue);place-items:center;font-size:1.25rem;font-weight:750;display:grid}.show-head{align-items:center;gap:16px;padding:12px 0 16px;display:flex}.show-head .artwork{border-radius:14px;width:72px;height:72px}.show-head h1{font-size:1.5rem;line-height:1.2}.show-actions{border-bottom:1px solid var(--rule);gap:12px;padding-bottom:12px;display:flex}.back-button{min-height:44px;color:var(--blue);align-items:center;gap:2px;padding-right:8px;font-weight:600;display:inline-flex}.flip{transform:scaleX(-1)}.button{background:var(--surface);min-height:44px;box-shadow:inset 0 0 0 1.5px var(--field);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:650;display:inline-flex}.button-primary{background:var(--blue);color:var(--on-blue);box-shadow:none}.icon-button{width:44px;height:44px;color:var(--blue);border-radius:50%;flex:none;place-items:center;display:grid}.icon-button-spacer{width:44px}.play-newest{background:var(--blue-soft)}.margin-group{padding:8px 0 20px}.margin-group-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0 10px;display:flex}.margin-group-header h2{gap:2px;font-size:1rem;display:grid}.group-title{font-size:1.125rem;font-weight:650;line-height:1.3}.margin-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.margin{background:var(--surface);border-radius:4px 12px 12px 4px;align-items:center;gap:4px;padding-left:14px;display:flex;position:relative}.margin:before{content:"";background:var(--orange-mark);border-radius:4px;width:4px;position:absolute;top:0;bottom:0;left:0}.margin-open{text-align:left;flex:1;align-items:baseline;gap:12px;min-width:0;min-height:52px;padding:12px 12px 12px 0;display:flex}.margin-time{min-width:3.4em;color:var(--blue);font-variant-numeric:tabular-nums;flex:none;font-size:.9375rem;font-weight:700}.margin-body{gap:4px;min-width:0;display:grid}.margin-text{font-family:var(--note);overflow-wrap:anywhere;white-space:pre-wrap;font-size:1.0625rem;line-height:1.5}.margin-voice-label{font-family:var(--ui);font-weight:600}.voice-button{background:var(--blue-soft);min-width:44px;min-height:44px;color:var(--blue);border-radius:999px;flex:none;align-items:center;gap:4px;margin-right:6px;padding:0 12px 0 8px;font-size:.9375rem;font-weight:650;display:inline-flex}.recording-clock{color:var(--muted);margin-left:auto;font-weight:600}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.row-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;overflow:hidden}.settings-section{border-bottom:1px solid var(--rule);gap:10px;max-width:38em;padding:20px 0;display:grid}.settings-section h2{font-size:1.125rem}.settings-section p{color:var(--muted)}.backup-button{justify-self:start}.storage-note{border-left:3px solid var(--rule);padding-left:12px}.more{gap:10px;display:grid}.more summary{min-height:44px;color:var(--blue);cursor:pointer;align-items:center;font-weight:650;display:flex}.more[open] summary{margin-bottom:-2px}.switch-row{background:var(--surface);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:10px 14px;display:flex}.switch-row>span{display:grid}.switch-label{font-weight:650}.switch-state{color:var(--muted);font-size:.875rem}.switch-state[data-state=on]{color:var(--blue);font-weight:650}.switch{appearance:none;background:var(--surface);width:52px;height:32px;box-shadow:inset 0 0 0 2px var(--field);cursor:pointer;border-radius:16px;flex:none;margin:6px 0;transition:background .15s;position:relative}.switch:after{content:"";background:var(--field);border-radius:50%;width:26px;height:26px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:var(--blue);box-shadow:none}.switch:checked:after{background:var(--on-blue);transform:translate(20px)}.mini-player{z-index:15;left:8px;right:8px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 8px);min-height:var(--mini-h);border:1px solid var(--rule);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:4px;padding:6px 6px 12px 14px;display:flex;position:fixed}.mini-progress{background:var(--rule);border-radius:2px;height:3px;position:absolute;bottom:5px;left:14px;right:14px;overflow:hidden}.mini-progress>span{background:var(--blue);height:100%;display:block}.mini-open{text-align:left;flex:1;align-content:center;min-width:0;min-height:44px;display:grid}.mini-title{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.mini-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem}.now-playing{z-index:30;background:var(--page);padding:env(safe-area-inset-top) var(--gutter) calc(24px + env(safe-area-inset-bottom));position:fixed;inset:0;overflow-y:auto}.np-header{justify-content:space-between;align-items:center;min-height:56px;display:flex}.np-header-label{color:var(--muted);font-size:.875rem;font-weight:650}.np-body{gap:14px;max-width:560px;margin:0 auto;padding-top:8px;display:grid}.np-title{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:1.5rem;font-weight:750;line-height:1.2}.np-status{text-align:center;font-size:.875rem}.timeline{padding-top:8px}.timeline-ticks{height:44px;margin:0 11px -10px;position:relative}.tick{border-radius:6px;width:44px;height:44px;position:absolute;bottom:0;transform:translate(-50%)}.tick:before{content:"";background:var(--orange-mark);border-radius:2px;width:4px;height:24px;margin-left:-2px;position:absolute;bottom:0;left:50%}.tick-shared:before{background:linear-gradient(to right, var(--orange-mark) 0 3px, transparent 3px 6px, var(--orange-mark) 6px);width:9px;margin-left:-4.5px}.tick:hover:before,.tick:focus-visible:before{width:6px;margin-left:-3px}.scrubber{--fill:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0;display:block}.scrubber::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--blue) var(--fill), var(--field) var(--fill));border-radius:3px;height:6px}.scrubber::-moz-range-track{background:linear-gradient(to right, var(--blue) var(--fill), var(--field) var(--fill));border-radius:3px;height:6px}.scrubber::-webkit-slider-thumb{appearance:none;background:var(--blue);border:3px solid var(--page);border-radius:50%;width:22px;height:22px;margin-top:-8px}.scrubber::-moz-range-thumb{background:var(--blue);border:3px solid var(--page);border-radius:50%;width:18px;height:18px}.timeline-times{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.875rem;display:flex}.transport{grid-template-columns:1fr auto auto auto 1fr;place-items:center;gap:clamp(6px,3vw,18px);display:grid}.transport-skip{width:52px;height:52px;color:var(--ink)}.transport-skip .icon{width:30px;height:30px}.play-button{background:var(--blue);width:72px;height:72px;color:var(--on-blue);border-radius:50%;place-items:center;display:grid}.speed-button{font-variant-numeric:tabular-nums;min-width:52px;min-height:44px;box-shadow:inset 0 0 0 1.5px var(--field);border-radius:10px;justify-self:start;padding:0 10px;font-weight:700}.speed-button-spacer{justify-self:end}.margin-actions{flex-wrap:wrap;gap:10px;padding-top:6px;display:flex}.button-margin{min-height:52px;box-shadow:inset 0 0 0 1.5px var(--orange-mark);background:var(--orange-soft);color:var(--orange-ink);flex:auto;gap:6px;padding:6px 8px}.composer{background:var(--surface);box-shadow:inset 4px 0 0 var(--orange-mark);border-radius:14px;gap:10px;padding:14px;display:grid}.composer label{font-weight:650}.composer textarea{border:1.5px solid var(--field);background:var(--page);width:100%;min-height:88px;font-family:var(--note);resize:vertical;border-radius:10px;padding:10px 12px;font-size:1.0625rem;line-height:1.5}.composer-actions{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.recording-line{font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-weight:650;display:flex}.rec-dot{background:var(--orange-mark);border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.np-margins{gap:10px;padding-top:10px;display:grid}.np-margins h3{font-size:1rem}.composer-hint{margin-top:-4px;font-size:.9375rem}.composer textarea#voice-words{min-height:64px}.composer textarea.words-placeholder,.composer textarea#voice-words::placeholder{color:var(--muted);font-style:italic}.placeholder-tag{border:1px solid var(--rule);letter-spacing:.02em;text-transform:uppercase;border-radius:6px;margin-right:4px;padding:0 6px;font-size:.8125rem;font-weight:650;display:inline-block}.transcribe-note{border-left:3px solid var(--rule);color:var(--muted);gap:8px;padding-left:12px;font-size:.9375rem;display:grid}.transcribe-note q{color:var(--ink);font-family:var(--note)}.transcribe-note .button,.transcribe-actions{justify-self:start}.transcribe-actions{flex-wrap:wrap;gap:10px;display:flex}.transcribe-working{align-items:center;gap:10px;display:flex}.transcribe-spinner{border:2px solid var(--rule);border-top-color:var(--blue);border-radius:50%;flex:none;width:14px;height:14px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.open-link{gap:8px;padding:4px 0 16px;display:grid}.open-link label{font-weight:650}.open-link-row{gap:8px;display:flex}.open-link input,.share-link-row input{border:1.5px solid var(--rule);background:var(--surface);border-radius:12px;flex:1;min-width:0;min-height:44px;padding:0 12px}.share-link-row{gap:6px;display:grid}.share-margins{gap:10px;padding-top:6px;display:grid}.share-actions{flex-wrap:wrap;gap:10px;display:flex}.drop-overlay{z-index:60;padding:var(--gutter);background:#0f192d8c;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay p{border:2px dashed var(--blue);background:var(--surface);max-width:22em;color:var(--ink);text-align:center;pointer-events:none;border-radius:14px;padding:20px 24px;font-weight:650}.dialog,.sheet{width:min(560px, calc(100vw - 2 * var(--gutter)));background:var(--page);max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:18px;padding:20px}.dialog::backdrop{background:#0a101a73}.sheet::backdrop{background:#0a101a73}.dialog{gap:12px;display:grid}.dialog h2,.sheet h2{font-size:1.25rem}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.sheet-header{justify-content:space-between;align-items:center;margin:-6px -6px 8px 0;display:flex}.follow-form{grid-template-columns:minmax(0,1fr);gap:8px;padding-bottom:8px;display:grid}.follow-form label{font-size:.9375rem;font-weight:600}.follow-input{gap:8px;display:flex}.follow-input input{border:1.5px solid var(--field);background:var(--surface);border-radius:12px;flex:1;min-width:0;min-height:44px;padding:0 12px}.problem{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.toasts{z-index:40;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--mini-h) + env(safe-area-inset-bottom) + 20px);padding:0 var(--gutter);pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed}.toasts>div{justify-items:center;gap:8px;display:grid}.toast{background:var(--ink);max-width:480px;color:var(--page);box-shadow:var(--shadow);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 16px;font-weight:550;display:flex}.toast-mark{background:var(--blue);width:22px;height:22px;color:var(--on-blue);border-radius:50%;flex:none;place-items:center;font-size:.8125rem;font-weight:800;display:grid}.toast-problem .toast-mark,.problem .toast-mark{background:var(--ink);color:var(--page);border-radius:4px}.toast-problem{pointer-events:auto;align-items:center}.toast-problem .toast-mark{background:var(--page);color:var(--ink)}.toast-close{border-radius:10px;flex:none;min-width:44px;min-height:44px;margin:-10px -8px -10px 4px;font-weight:700;text-decoration:underline}body:has(.now-playing) .toasts{bottom:calc(16px + env(safe-area-inset-bottom))}body:not(:has(.mini-player)) .toasts{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px)}@media (min-width:900px){.app{grid-template-columns:232px 1fr;display:grid}.tabbar{top:0;border-top:0;border-right:1px solid var(--rule);-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface);flex-direction:column;gap:4px;height:100dvh;padding:20px 12px;display:flex;position:sticky;inset:auto}.brand{align-items:center;gap:10px;padding:4px 10px 20px;font-weight:750;display:flex}.tab{border-radius:10px;flex-direction:row;justify-content:flex-start;gap:12px;min-height:44px;padding:0 12px;font-size:.9375rem}.tab[aria-current=page]{background:var(--blue-soft)}.tab[aria-current=page]:before{border-radius:0 3px 3px 0;width:3px;height:auto;inset:10px auto 10px 0}.content{width:100%;padding:0 32px calc(var(--mini-h) + 40px)}.mini-player{max-width:720px;margin:0 auto;bottom:20px;left:256px;right:24px}.toasts{bottom:calc(var(--mini-h) + 40px);padding-left:232px}.now-playing{border-left:1px solid var(--rule);width:480px;box-shadow:var(--shadow);padding:12px 28px 28px;left:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (prefers-color-scheme:dark){.toast{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--field), var(--shadow)}.toast-problem .toast-mark{background:var(--ink);color:var(--page)}}@media (forced-colors:active){.switch,.tag,.button,.play-button,.row-play,.speed-button,.progress,.mini-progress{border:2px solid canvastext}.switch:after,.switch:checked,.tick:before,.progress>span,.mini-progress>span,.rec-dot{forced-color-adjust:none;background:canvastext}.switch:checked:after{background:canvas}.scrubber{forced-color-adjust:none;border:1px solid canvastext}.tab[aria-current=page]{outline:2px solid highlight}}