:root{--bg: #11182a;--panel: #19223a;--ink: #eceef5;--muted: #a7b0c8;--line: #2b3550;--accent: #e8973d;--top: #0b1120;--input: #0f1626;--current: #22305a;--on-accent: #111;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.app{min-height:100vh;display:flex;flex-direction:column}.top{display:flex;align-items:baseline;gap:14px;padding:12px max(16px,env(safe-area-inset-left));background:var(--top)}.brand{color:var(--accent);font-weight:800;text-decoration:none;font-size:18px;letter-spacing:.3px}main{padding:16px max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left));max-width:900px;width:100%;margin:0 auto}h1{font-size:24px;margin:8px 0}p{line-height:1.5}.muted{color:var(--muted)}.small{font-size:13px}.error{color:#fca5a5}a{color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.card{display:grid;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--ink);text-decoration:none}.cover{aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,var(--current),var(--top));display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700}.cover.big{width:140px;height:140px;aspect-ratio:auto;flex:none}.hero{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.hero>div{flex:1;min-width:240px}.player{position:sticky;top:0;z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;margin:14px 0;display:grid;gap:8px}.now{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}audio{width:100%}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row input{flex:1;min-width:220px}button{background:var(--accent);color:var(--on-accent);border:0;border-radius:8px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer}button.secondary{background:var(--line);color:var(--ink)}button:disabled{opacity:.4;cursor:default}input{font:inherit;padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--input);color:var(--ink)}.tabs{display:flex;gap:6px;margin:6px 0 12px;overflow-x:auto}.tabs button{background:transparent;color:var(--muted);border:1px solid var(--line);white-space:nowrap}.tabs button.active{color:var(--ink);border-color:var(--accent)}ul.chapters{list-style:none;margin:0;padding:0}ul.chapters li{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:10px 8px;border-bottom:1px solid var(--line);cursor:pointer;opacity:.75}ul.chapters li.heard{opacity:1}ul.chapters li.current{background:var(--current);border-radius:8px;opacity:1}ul.chapters .t{color:var(--accent);font-variant-numeric:tabular-nums;font-size:14px}ul.chapters.small li{padding:6px 8px;font-size:14px}.answer{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px}.about ul{padding-left:18px}.top .spacer{flex:1}.top button.small,button.small{padding:4px 10px;font-size:13px}button.link{background:none;color:var(--accent);padding:0 4px;font-weight:600}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:20;padding:16px}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;width:100%;max-width:420px;display:grid;gap:10px}.dialog input{width:100%}label.inline{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:13px}label.inline select{font:inherit;padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:var(--input);color:var(--ink)}.bar{height:4px;background:var(--line);border-radius:2px;margin-top:6px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent)}.row.between{justify-content:space-between}h2{font-size:18px;margin:10px 0 6px}:root[data-scheme=light]{color-scheme:light}footer.legal{padding:14px 16px 24px;color:var(--muted);font-size:13px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.cover img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.desc{position:relative}.desc.folded{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero .more{margin:0 0 6px}@media (max-width: 600px){.top .tagline{display:none}.hero{flex-wrap:nowrap;gap:12px}.hero>div{min-width:0}.cover.big{width:84px;min-width:84px;height:84px;font-size:13px;border-radius:8px}h1{font-size:20px;margin:0 0 4px}.hero p{margin:4px 0;font-size:14px}.player{padding:10px;margin:10px 0}.player .row button{padding:7px 10px}main{padding:12px 16px 32px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:10px;font-size:14px}ul.chapters li{grid-template-columns:52px 1fr}}.notice{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:10px 14px;margin:10px 0}.pass{color:var(--accent);font-weight:600}.pass.ok{color:#7bd389}