:root{--bg:#f7f7f5;--fg:#111827;--muted:#6b7280;--card:#fff;--line:#e5e7eb;--accent:#2563eb;--accent-fg:#fff;--highlight:#fde68a;--en:#1d4ed8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;margin:0;font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}h1{margin:0;font-size:1.5rem}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:1rem}.muted{color:var(--muted)}.error{color:#b91c1c;background:#fee2e2;border-radius:8px;padding:8px 12px}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.page{max-width:640px;padding:16px 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.today-head{padding:8px 0 16px}.today-head p{margin:4px 0 0}.hero{margin-bottom:20px}.listen{text-align:left;background:var(--accent);width:100%;color:var(--accent-fg);cursor:pointer;border:0;border-radius:20px;align-items:center;gap:14px;min-height:96px;padding:18px;display:flex;box-shadow:0 8px 24px #2563eb40}.listen:active{transform:scale(.99)}.listen-icon{flex:none;font-size:2rem;line-height:1}.listen-text{flex-direction:column;min-width:0;display:flex}.listen-kind{opacity:.85;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.listen-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.15rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.listen-meta{opacity:.85;margin-top:2px;font-size:.85rem}.skeleton{background:var(--line);box-shadow:none}.empty{background:var(--card);border:1px dashed var(--line);text-align:center;border-radius:16px;padding:20px}.empty p{margin:4px 0}.cards{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:12px;padding:12px;display:flex}.card-art{object-fit:cover;border-radius:10px;flex:none;width:56px;height:56px}.card-body{flex-direction:column;min-width:0;display:flex}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card-meta{color:var(--muted);margin-top:3px;font-size:.85rem}.podcast-list,.episode-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.podcast-row{background:var(--card);border:1px solid var(--line);border-radius:12px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.podcast-row img,.art-placeholder{object-fit:cover;background:var(--line);border-radius:8px;width:48px;height:48px;display:block}.podcast-row>span{flex-direction:column;min-width:0;display:flex}.podcast-name{font-weight:600}.podcast-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.chev{color:var(--muted);font-size:1.4rem}.bar{justify-content:space-between;align-items:center;padding:4px 0 12px;display:flex}.back{color:var(--accent);padding:6px 0;font-weight:500}.podcast-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.podcast-head img{object-fit:cover;border-radius:12px;flex:none;width:72px;height:72px}.podcast-head p{margin:4px 0 0;font-size:.9rem}.episode-row{text-align:left;background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:12px;grid-template-columns:72px 1fr;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.episode-row:disabled{opacity:.6}.episode-body{flex-direction:column;min-width:0;display:flex}.episode-title{font-weight:600;line-height:1.3}.episode-meta{color:var(--muted);margin-top:2px;font-size:.8rem}.state{text-transform:uppercase;letter-spacing:.04em;text-align:center;background:var(--line);color:var(--muted);border-radius:999px;padding:5px 6px;font-size:.72rem;font-weight:600}.state-ready{color:#166534;background:#dcfce7}.state-preparing{color:#92400e;background:#fef3c7}.state-failed{color:#991b1b;background:#fee2e2}.player{flex-direction:column;max-width:640px;height:100dvh;margin:0 auto;display:flex}.player-bar{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:8px;padding:10px 12px;display:flex}.player-bar .title{flex-direction:column;flex:1;min-width:0;display:flex}.player-bar .title b{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.player-bar .title small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.icon-btn{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:1.3rem}.icon-btn:active{background:var(--line)}.transcript{flex:1;padding:14px 16px 40vh;font-size:1.08rem;line-height:1.5;overflow-y:auto}.phrase{vertical-align:top;cursor:pointer;border-radius:8px;max-width:100%;margin:0 6px 8px 0;padding:4px 6px;transition:background-color .12s;display:inline-block}.phrase.active{background:var(--highlight)}.phrase .pt{display:block}.phrase .en{color:var(--en);opacity:.9;font-size:.88em;display:block}.phrase .en:empty:before{content:"…";color:var(--muted)}.preparing{color:var(--muted);align-items:center;gap:8px;padding:8px 0;font-size:.9rem;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.controls{border-top:1px solid var(--line);background:var(--card);padding:10px 16px calc(12px + env(safe-area-inset-bottom))}.seek{width:100%;accent-color:var(--accent);margin:0 0 6px}.times{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.buttons{justify-content:center;align-items:center;gap:24px;margin-top:4px;display:flex}.play-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;display:flex}.skip{cursor:pointer;background:0 0;border:0;padding:8px;font-size:1.4rem}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.sheet-backdrop{z-index:50;background:#00000059;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:640px;padding:16px 16px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;margin:0 auto}.sheet h3{margin:0 0 12px}.row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:999px;padding:6px 12px}.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.toggle{background:var(--line);cursor:pointer;border:0;border-radius:999px;width:48px;height:28px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(20px)}