:root{--bg: #f6f6f7;--surface: #ffffff;--text: #16161a;--muted: #6b6b74;--border: #e2e2e6;--accent: #0a68ff;--accent-text: #ffffff;--danger: #c62828;--track: #dedee3;--radius: 10px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #111113;--surface: #1c1c1f;--text: #f2f2f4;--muted: #9a9aa2;--border: #2c2c31;--accent: #4b93ff;--accent-text: #08131f;--danger: #ef5350;--track: #33333a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}h1{font-size:1.5rem;margin:0 0 .5rem}a{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.muted{color:var(--muted);font-size:.9rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.shell__header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface)}.shell__brand{font-weight:650}.shell__nav{display:flex;gap:1rem}.shell__link{color:var(--muted);text-decoration:none}.shell__link--active{color:var(--text);font-weight:600}.shell__main{max-width:900px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.field{display:block;margin-bottom:1rem}.field__label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}.field__input{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}.field__input--area{resize:vertical;min-height:10rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9rem}.button{padding:.5rem .9rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.button:disabled{opacity:.55;cursor:default}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);text-decoration:none}.button--danger{color:var(--danger)}.button--link{border:none;background:none;color:var(--accent);padding:.25rem 0}.toggle,.radio{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;margin-right:1rem}.alert{padding:.6rem .8rem;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.alert--error{border-color:var(--danger);color:var(--danger)}.auth{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth__card{width:min(24rem,100%)}.auth__title{margin-bottom:.25rem}.auth__subtitle{color:var(--muted);margin-top:0}.library__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.library__actions{display:flex;align-items:center;gap:.75rem}.library__list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.75rem}.row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.row__error{flex-basis:100%;margin:0;font-size:.85rem}.row__main{flex:1;color:inherit;text-decoration:none;min-width:0}.row__title{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__meta{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--muted);font-size:.85rem;margin-top:.2rem}.row__status{display:flex;align-items:center;gap:.5rem}.row__statusText{font-size:.8rem;color:var(--muted);white-space:nowrap}.badge{padding:.05rem .4rem;border-radius:999px;border:1px solid var(--border);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.badge--web{border-color:var(--accent);color:var(--accent)}.badge--claude{border-color:#b5651d;color:#b5651d}.ring__track{stroke:var(--track)}.ring__value{stroke:var(--accent)}.modal{position:fixed;inset:0;display:grid;place-items:center;background:#00000073}.modal__card{width:min(24rem,90vw)}.modal__actions{display:flex;justify-content:flex-end;gap:.6rem}.usage{margin-bottom:1rem}.usage__label{font-size:.85rem;color:var(--muted);margin-bottom:.25rem}.usage__bar{height:6px;border-radius:3px;background:var(--track);overflow:hidden}.usage__fill{height:100%;background:var(--accent)}.scrubber{width:100%;accent-color:var(--accent)}.controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.5rem 0 1rem}.controls__play{min-width:3.5rem;font-size:1.1rem}.controls__time{font-variant-numeric:tabular-nums;color:var(--muted)}.player__retry{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.player__voice{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:1rem}.readalong{border-top:1px solid var(--border);padding-top:1rem;max-height:60vh;overflow-y:auto}.readalong__seg{margin:0 0 .75rem;padding:.35rem .5rem;border-radius:6px;cursor:pointer;color:var(--muted)}.readalong__seg--active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text)}.clip__install{margin-top:1.5rem}.bookmarklet{display:inline-block;padding:.45rem .9rem;border-radius:8px;background:var(--accent);color:var(--accent-text);text-decoration:none;font-weight:600;cursor:grab}.clip__source{overflow-wrap:anywhere}