:root{--brand-red: #e60000;--brand-graphite: #3f3f3f;--accent: #d90000;--accent-strong: #b30000;--bg: #ffffff;--bg-elevated: #f4f4f5;--bg-sunken: #fafafa;--text: #1a1a1a;--text-secondary: #5f5f61;--text-tertiary: #9a9a9e;--separator: rgba(63, 63, 63, .16);--fill: rgba(63, 63, 63, .09);--fill-strong: rgba(63, 63, 63, .18);--blur-bg: rgba(250, 250, 250, .84);--shadow-art: 0 10px 34px rgba(0, 0, 0, .2);--radius-art: 12px;--radius-art-lg: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--mini-height: 60px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--brand-red: #e60000;--brand-graphite: #3f3f3f;--accent: #ff2b2b;--accent-strong: #ff5c5c;--bg: #131313;--bg-elevated: #232323;--bg-sunken: #0b0b0b;--text: #ffffff;--text-secondary: #a2a2a4;--text-tertiary: #737375;--separator: rgba(255, 255, 255, .14);--fill: rgba(255, 255, 255, .1);--fill-strong: rgba(255, 255, 255, .2);--blur-bg: rgba(35, 35, 35, .82);--shadow-art: 0 12px 40px rgba(0, 0, 0, .65)}}:root[data-theme=light]{--accent: #d90000;--accent-strong: #b30000;--bg: #ffffff;--bg-elevated: #f4f4f5;--bg-sunken: #fafafa;--text: #1a1a1a;--text-secondary: #5f5f61;--text-tertiary: #9a9a9e;--separator: rgba(63, 63, 63, .16);--fill: rgba(63, 63, 63, .09);--fill-strong: rgba(63, 63, 63, .18);--blur-bg: rgba(250, 250, 250, .84);--shadow-art: 0 10px 34px rgba(0, 0, 0, .2);color-scheme:light}:root[data-theme=dark]{--accent: #ff2b2b;--accent-strong: #ff5c5c;--bg: #131313;--bg-elevated: #232323;--bg-sunken: #0b0b0b;--text: #ffffff;--text-secondary: #a2a2a4;--text-tertiary: #737375;--separator: rgba(255, 255, 255, .14);--fill: rgba(255, 255, 255, .1);--fill-strong: rgba(255, 255, 255, .2);--blur-bg: rgba(35, 35, 35, .82);--shadow-art: 0 12px 40px rgba(0, 0, 0, .65);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overscroll-behavior-y:none}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}:root{--shell-max: 430px}#app{height:100%;max-width:var(--shell-max);margin:0 auto}.now,.transcript{max-width:var(--shell-max);margin-inline:auto}.mini,.sheet{max-width:calc(var(--shell-max) - 16px);margin-inline:auto}@media(min-width:431px){#app{border-inline:.5px solid var(--separator)}}.library{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:var(--safe-top);padding-bottom:calc(var(--mini-height) + var(--safe-bottom) + 24px)}.header{padding:8px 20px 4px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.header h1{font-size:clamp(26px,8vw,30px);margin:16px 0 0}.zlock{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:0 .34em;line-height:1.05}.zlock>span{white-space:nowrap}.zl-1{font-weight:800;letter-spacing:.01em}.zl-2{font-weight:300;letter-spacing:.18em;margin-right:-.18em}.zl-3{font-weight:300;letter-spacing:.18em;color:var(--text-secondary);margin-right:-.18em}.zl-o{font-style:normal;font-weight:500;color:var(--accent)}.header-actions{display:flex;gap:6px;padding-bottom:4px}.icon-button{position:relative;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--fill);color:var(--accent);transition:transform .12s ease,background .12s ease}.icon-button:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.icon-button:active{transform:scale(.92);background:var(--fill-strong)}.subhead{padding:2px 20px 12px;color:var(--text-secondary);font-size:14px}.search-wrap{padding:4px 16px 12px}.search{width:100%;height:36px;border-radius:10px;border:none;background:var(--fill);color:var(--text);padding:0 12px 0 34px;font-size:17px;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238e8e93'%3E%3Cpath d='M11.7 10.3a6 6 0 1 0-1.4 1.4l3 3a1 1 0 0 0 1.4-1.4zM7 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px center;background-size:15px}.search::placeholder{color:var(--text-tertiary)}.rows{padding:0 0 8px}.row{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:12px 20px 0;position:relative;align-items:start;width:100%;text-align:left}.row:active{background:var(--fill)}.row-art{width:56px;height:56px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,var(--brand-red),var(--brand-graphite));display:block}.row-main{min-width:0;padding-bottom:12px;border-bottom:.5px solid var(--separator)}.row:last-child .row-main{border-bottom:none}.row-date{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.row-title{font-size:16px;font-weight:600;letter-spacing:-.2px;margin:1px 0 2px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-desc{font-size:14px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.row-foot{display:flex;align-items:center;gap:10px}.play-pill{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px 0 10px;border-radius:16px;background:var(--fill);color:var(--text);font-size:14px;font-weight:600;flex-shrink:0}.play-pill:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:44px;transform:translate(-50%,-50%)}.play-pill:active{background:var(--fill-strong)}.play-pill.is-current{background:var(--accent);color:#fff}.row-remaining{font-size:13px;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-progress{height:3px;border-radius:2px;background:var(--fill-strong);overflow:hidden;flex:1;max-width:90px}.row-progress>i{display:block;height:100%;background:var(--accent);border-radius:2px}.badge-done{font-size:13px;color:var(--text-secondary);display:inline-flex;align-items:center;gap:4px}.mini{position:fixed;left:8px;right:8px;bottom:calc(var(--safe-bottom) + 8px);height:var(--mini-height);border-radius:14px;background:var(--blur-bg);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);box-shadow:0 6px 24px #0000002e;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:0 10px;transform:translateY(calc(100% + var(--safe-bottom) + 16px));transition:transform .3s cubic-bezier(.32,.72,0,1);z-index:20}.mini.is-visible{transform:translateY(0)}.mini-art{width:44px;height:44px;border-radius:7px;object-fit:cover;background:linear-gradient(135deg,var(--brand-red),var(--brand-graphite))}.mini-text{min-width:0;overflow:hidden}.mini-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-sub{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-controls{display:flex;align-items:center;gap:4px}.mini-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:50%}.mini-btn:after{content:"";position:absolute;top:50%;left:50%;width:46px;height:46px;transform:translate(-50%,-50%)}.mini-btn:active{background:var(--fill)}.now{position:fixed;inset:0;z-index:40;background:var(--bg-elevated);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .42s cubic-bezier(.32,.72,0,1);padding:calc(var(--safe-top) + 8px) 24px calc(var(--safe-bottom) + 16px);overflow:hidden;touch-action:none}.now.is-open{transform:translateY(0)}.now:before{content:"";position:absolute;inset:-20% -20% 40%;background:radial-gradient(60% 60% at 50% 20%,var(--accent) 0%,transparent 70%);opacity:.22;pointer-events:none;filter:blur(20px)}.now>*{position:relative}.now-grabber{width:36px;height:5px;border-radius:3px;background:var(--fill-strong);margin:0 auto 4px;flex-shrink:0;pointer-events:none}.now-head{display:flex;align-items:center;justify-content:center;height:36px;flex-shrink:0}.now-show{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.now-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:0;padding-bottom:6px}.now-art-wrap{display:grid;place-items:center;min-height:0;flex:1 1 auto}.now-art{width:min(78vw,46vh,380px);aspect-ratio:1;border-radius:var(--radius-art-lg);object-fit:cover;box-shadow:var(--shadow-art);background:linear-gradient(140deg,var(--brand-red),var(--brand-graphite));transition:transform .35s cubic-bezier(.32,.72,0,1)}.now-art.is-paused{transform:scale(.88)}.now-title{font-size:20px;font-weight:700;letter-spacing:-.4px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}.scrub{flex-shrink:0}.scrub-track{position:relative;height:34px;display:flex;align-items:center;touch-action:none;cursor:pointer}.scrub-rail{position:absolute;left:0;right:0;height:6px;border-radius:3px;background:var(--fill-strong);overflow:hidden}.scrub-buffered{position:absolute;left:0;top:0;bottom:0;background:var(--fill-strong);opacity:.9}.scrub-fill{position:absolute;left:0;top:0;bottom:0;background:var(--text);opacity:.85;border-radius:3px}.scrub-thumb{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--text);transform:translate(-50%);box-shadow:0 1px 4px #0000004d;transition:transform .15s ease,width .15s ease,height .15s ease}.scrub-track.is-dragging .scrub-thumb{width:18px;height:18px}.scrub-times{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-top:4px}.transport{display:flex;align-items:center;justify-content:center;gap:26px;flex-shrink:0}.transport button{display:grid;place-items:center;color:var(--text);transition:transform .12s ease,opacity .12s ease}.transport button:active{transform:scale(.9);opacity:.6}.transport .skip{width:52px;height:52px}.transport .big{width:68px;height:68px}.transport .step{width:40px;height:40px;color:var(--text-secondary)}.transport button:disabled{opacity:.28;pointer-events:none}.now-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding:0 4px}.chip{position:relative;height:32px;min-width:54px;padding:0 13px;border-radius:16px;background:var(--fill);font-size:13px;font-weight:600;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:5px}.chip:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:44px;transform:translate(-50%,-50%)}.chip:active{background:var(--fill-strong)}.chip.is-active{background:var(--accent);color:#fff}.chip.is-muted{opacity:.45}.chip span{font-size:13px}.empty{padding:80px 32px;text-align:center;color:var(--text-secondary)}.empty h2{font-size:20px;color:var(--text);margin-bottom:8px}.empty code{background:var(--fill);padding:2px 6px;border-radius:5px;font-size:13px}.toast{position:fixed;left:50%;bottom:calc(var(--mini-height) + var(--safe-bottom) + 26px);transform:translate(-50%,12px);background:#000000db;color:#fff;padding:9px 16px;border-radius:20px;font-size:14px;z-index:60;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;max-width:80vw;text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%)}.sheet-backdrop{position:fixed;inset:0;background:#0006;z-index:50;opacity:0;pointer-events:none;transition:opacity .22s ease}.sheet-backdrop.is-open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:8px;right:8px;bottom:8px;padding-bottom:var(--safe-bottom);background:var(--bg-elevated);border-radius:16px;z-index:51;transform:translateY(calc(100% + 24px));transition:transform .32s cubic-bezier(.32,.72,0,1);overflow:hidden;max-height:70vh;overflow-y:auto;overscroll-behavior:contain}.sheet.is-open{transform:translateY(0)}.sheet .now-grabber{margin:8px auto 0}.sheet h3{font-size:13px;font-weight:600;color:var(--text-secondary);text-align:center;padding:10px 16px 8px;margin:0}.sheet-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 20px;font-size:17px;border-top:.5px solid var(--separator);text-align:left}.sheet-item:active{background:var(--fill)}.sheet-item.is-selected{color:var(--accent);font-weight:600}.transcript{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;background:var(--bg);padding-top:calc(var(--safe-top) + 6px);transform:translateY(100%);transition:transform .42s cubic-bezier(.32,.72,0,1)}.transcript.is-open{transform:translateY(0)}.transcript-head{display:flex;align-items:center;gap:12px;padding:2px 16px 8px;flex-shrink:0}.transcript-title{font-size:16px;font-weight:700;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tr-lang{margin-left:auto;flex-shrink:0;font:inherit;font-size:12.5px;font-weight:600;color:var(--text-secondary);background:var(--fill);border:none;border-radius:999px;padding:4px 12px;cursor:pointer;white-space:nowrap;transition:color .15s ease,background .15s ease}.tr-lang:active{color:var(--text)}.transcript-searchwrap{padding:0 16px 8px;flex-shrink:0}.transcript-status{padding:0 20px 8px;font-size:12px;color:var(--text-tertiary);flex-shrink:0}.transcript-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 20px calc(var(--safe-bottom) + 64px);scroll-padding-top:40px}.tr-row{display:grid;grid-template-columns:34px 1fr;gap:10px}.tr-row.is-turn{margin-top:18px}.tr-row:first-child{margin-top:0}.tr-gutter{display:flex;justify-content:center}.tr-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;font-style:normal;color:#fff;letter-spacing:.2px;margin-top:2px;flex-shrink:0}.tr-main{min-width:0}.tr-speaker{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.tr-speaker b{font-size:13px;font-weight:700;letter-spacing:.1px}.tr-speaker span{font-size:11px;color:var(--text-tertiary)}.tr-cue{display:block;width:100%;text-align:left;font-size:17px;line-height:1.5;letter-spacing:-.1px;color:var(--text-tertiary);padding:3px 0;border-radius:6px;transition:color .25s ease}.tr-cue.is-active{color:var(--text);font-weight:500}.tr-cue .w{transition:color .18s ease}.tr-cue.is-active .w.ahead{color:var(--text-tertiary)}.tr-cue:active{background:var(--fill)}.tr-cue mark{background:color-mix(in srgb,var(--accent) 34%,transparent);color:inherit;border-radius:3px;padding:0 1px}.transcript-empty{padding:60px 24px;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:10px}.transcript-empty .hint{font-size:13px;color:var(--text-tertiary);line-height:1.7}.transcript-empty code{background:var(--fill);padding:2px 6px;border-radius:5px;font-size:12px}.transcript-follow{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 18px);transform:translate(-50%,14px);background:var(--accent);color:#fff;font-size:14px;font-weight:600;padding:9px 18px;border-radius:20px;box-shadow:0 6px 20px #00000047;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.transcript-follow.is-visible{opacity:1;transform:translate(-50%);pointer-events:auto}.brand-footer{display:flex;justify-content:center;padding:30px 24px 10px}.brand-line{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 12px;text-align:center;transition:opacity .15s ease}.brand-line:active{opacity:.55}.brand-line b{font-size:12px;color:var(--text-secondary)}.brand-line small{font-size:11.5px;color:var(--text-tertiary)}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:70;opacity:0;transition:opacity .28s ease}.about-backdrop.is-open{opacity:1}.about{position:fixed;left:50%;top:50%;z-index:71;width:min(94vw,460px);max-height:min(84dvh,660px);display:flex;flex-direction:column;overflow:hidden;background:var(--bg-elevated);border-radius:18px;box-shadow:0 24px 64px #00000057;opacity:0;transform:translate(-50%,-50%) scale(.96);transition:opacity .2s ease,transform .24s cubic-bezier(.32,.72,0,1)}.about.is-open{opacity:1;transform:translate(-50%,-50%) scale(1)}.about-head{position:relative;display:flex;align-items:center;gap:13px;padding:18px 56px 14px 18px;flex-shrink:0}.about-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--text-secondary);transition:background .15s,color .15s}.about-close:hover{background:var(--fill);color:var(--text)}.about-ico{width:46px;height:46px;border-radius:11px;flex-shrink:0}.about-id{flex:1;min-width:0}.about-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--text-secondary);margin-bottom:3px}.about-title{font-size:20px;margin:0}.about-panels{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.about-panel{padding:16px 18px 20px}.about-foot{flex-shrink:0;padding:12px 18px;border-top:.5px solid var(--separator);background:#e6e6e8;font-size:11.5px;color:var(--text-secondary);text-align:center}@media(prefers-color-scheme:dark){.about-foot{background:var(--bg)}}:root[data-theme=light] .about-foot{background:#e6e6e8}:root[data-theme=dark] .about-foot{background:var(--bg)}.about-lead{font-size:14px;line-height:1.72;color:var(--text-secondary);margin:0 0 14px;white-space:pre-line}.about-spec{margin:0 0 16px}.about-spec>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:.5px solid var(--separator);font-size:13.5px}.about-spec>div:last-child{border-bottom:none}.about-spec dt{color:var(--text-secondary);flex-shrink:0}.about-spec dd{margin:0;text-align:right;overflow-wrap:anywhere}.about-note{margin:16px 0 0;padding-top:14px;border-top:.5px solid var(--separator);font-size:12.5px;line-height:1.68;color:var(--text-tertiary)}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--fill-strong);border-top-color:var(--text);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.lang-button{font-size:12px;font-weight:700;letter-spacing:.5px;min-width:40px;padding:0 2px}body.gate-mode{overflow:hidden}.gate{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-items:center;padding:24px;overflow-y:auto}.gate-wrap{display:flex;flex-direction:column;align-items:center;gap:22px}.gate-mark{width:min(96px,26vw);height:auto;border-radius:18px;opacity:.92}.gate-lock{margin:-4px 0 0;font-size:clamp(24px,7vw,30px);justify-content:center}.gate-card{width:min(92vw,340px);background:var(--bg-elevated);border:1px solid var(--separator);border-radius:18px;padding:22px 20px;display:flex;flex-direction:column;gap:10px}.gate-label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.4px}.gate-card input{width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--separator);background:var(--bg);color:var(--text);font:inherit;font-size:16px;outline:none}.gate-card input:focus{border-color:var(--text-secondary)}.gate-card input.is-wrong{border-color:var(--accent)}.gate-err{margin:0;font-size:13px;color:var(--accent-strong);text-align:center}.gate-btn{margin-top:4px;padding:12px;border:none;border-radius:11px;background:var(--brand-graphite);color:#fff;font:inherit;font-size:15px;font-weight:600;letter-spacing:2px;cursor:pointer}.gate-btn:hover:not(:disabled){filter:brightness(1.15)}.gate-btn:disabled{opacity:.55;cursor:default}.gate-foot{margin:0;font-size:12px;color:var(--text-secondary)}