:root{--bg:#fff;--paper:#fafaf8;--surface:#fff;--ink:#082544;--ink-soft:#1f3a5c;--ink-2:#56544d;--muted:#8a8780;--rule:#e8e6df;--rule-soft:#f0eee8;--accent:#2540b8;--accent-soft:#3a55d4;--accent-tint:#eef0fb;--accent-ring:#2540b824;--shadow-sm:0 1px 2px #14141e0a;--shadow-md:0 4px 14px -6px #14141e1a, 0 1px 2px #14141e0a;--shadow-lg:0 20px 50px -24px #14141e38, 0 1px 2px #14141e0a}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);font-family:var(--font-inter), system-ui, sans-serif;font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f1efe9;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(620px 460px at 12% 22%,#5b76e838,#0000 62%),radial-gradient(540px 420px at 92% 18%,#d9b68c3d,#0000 60%),radial-gradient(720px 540px at 50% 95%,#5b76e821,#0000 65%),radial-gradient(420px 320px at 78% 60%,#c3a5eb30,#0000 60%);position:fixed;inset:0}.seclabel{letter-spacing:.08em;text-transform:uppercase;color:#64625c;align-items:center;gap:10px;margin-bottom:18px;font-size:14px;font-weight:600;line-height:1.2;display:flex}.seclabel:before{content:"";background:#2540b873;border-radius:2px;flex-shrink:0;width:18px;height:2px}.player-card{max-width:780px;margin:44px auto 0;padding:4px 0}.player{justify-content:center;align-items:flex-start;gap:36px;display:flex}.orb{cursor:pointer;background:radial-gradient(circle at 32% 28%,#d4dcff 0%,#7a90ec 38%,#2540b8 80%);border-radius:50%;flex-shrink:0;place-items:center;width:88px;height:88px;animation:4s ease-in-out infinite breathe;display:grid;position:relative;box-shadow:0 0 0 5px #ffffffd9,0 0 0 6px #d6dbef,0 0 0 14px #3a55d40f,0 12px 30px -8px #2540b873,inset 0 -10px 20px #0003,inset 0 8px 18px #ffffff8c}.orb:hover{animation-play-state:paused;transform:scale(1.05)}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 0 5px #ffffffd9,0 0 0 6px #d6dbef,0 0 0 14px #3a55d40f,0 12px 30px -8px #2540b873,inset 0 -10px 20px #0003,inset 0 8px 18px #ffffff8c}50%{transform:scale(1.025);box-shadow:0 0 0 5px #ffffffd9,0 0 0 6px #d6dbef,0 0 0 16px #3a55d41a,0 16px 38px -8px #2540b88c,inset 0 -10px 20px #0000002e,inset 0 8px 22px #ffffffa6}}.orb:after{content:"";mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 30% 25%,#ffffff8c 0%,#fff0 35%);border-radius:50%;animation:6s ease-in-out infinite drift;position:absolute;inset:0}@keyframes drift{0%,to{transform:rotate(0)}50%{background:radial-gradient(circle at 60% 35%,#ffffff8c 0%,#fff0 38%)}}.orb:before{content:"";pointer-events:none;border:1.5px solid #3a55d473;border-radius:50%;animation:2.6s ease-out infinite ringPulse;position:absolute;inset:-8px}@keyframes ringPulse{0%{opacity:.55;border-width:1.5px;transform:scale(1)}80%{opacity:0;border-width:.5px;transform:scale(1.55)}to{opacity:0;transform:scale(1.55)}}.orb .play{filter:drop-shadow(0 2px 4px #00000047);border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:15px solid #fff;width:0;height:0;margin-left:5px;animation:4s ease-in-out infinite playPulse}@keyframes playPulse{0%,to{filter:drop-shadow(0 2px 4px #00000047);transform:scale(1)}50%{filter:drop-shadow(0 2px 8px #0000005c);transform:scale(1.06)}}.orb.playing .play{filter:drop-shadow(0 2px 4px #00000047);background:linear-gradient(#fff,#fff) 0 0/5px 100% no-repeat,linear-gradient(#fff,#fff) 13px 0/5px 100% no-repeat;border:none;width:18px;height:20px;margin-left:0;animation:none}@keyframes skeleton-sweep{0%{background-position:-400px 0}to{background-position:400px 0}}.player-skeleton{background:linear-gradient(90deg,#d2d0c859 0%,#f0eee8b3 40%,#fffdf8d9 50%,#f0eee8b3 60%,#d2d0c859 100%) 0 0/800px 100%;border-radius:14px;max-width:780px;height:108px;margin:44px auto 0;animation:1.6s ease-in-out infinite skeleton-sweep}.waveform{flex-direction:column;flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.wave-wrap{cursor:pointer;width:100%;height:88px;position:relative}#waveform{width:100%;height:100%}.wave-wrap .htime{background:var(--ink);color:#faf8f3;font-family:var(--font-mono), monospace;opacity:0;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums;z-index:10;border-radius:6px;padding:4px 8px;font-size:10.5px;transition:opacity .15s;position:absolute;top:-34px;transform:translate(-50%)}.wave-wrap .htime:after{content:"";background:var(--ink);width:6px;height:6px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)rotate(45deg)}.wave-wrap:hover .htime{opacity:1}.timeline{font-family:var(--font-mono), monospace;color:var(--ink-soft);align-items:center;gap:14px;width:100%;font-size:12px;display:flex}.timeline .total{color:var(--muted);margin-left:auto}.chapter{color:var(--ink-soft);border-radius:10px;justify-content:space-between;align-items:center;margin:0 -12px;padding:13px 12px 13px 14px;font-size:13.5px;display:flex;position:relative}.chapter+.chapter{border-top:1px solid var(--rule-soft)}.chapter .name{align-items:baseline;gap:12px;display:flex}.chapter .num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.chapter.active{background:var(--accent-tint);color:var(--accent)}.chapter.active:before{content:"";background:var(--accent);border-radius:1px;width:2px;position:absolute;top:10px;bottom:10px;left:0}.chapter.active .name,.chapter.active .num{color:var(--accent);font-weight:600}.chapter.active+.chapter,.chapter.active{border-top-color:#0000!important}.transcript-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.transcript-head h3{letter-spacing:-.01em;color:#8a8780;align-items:center;gap:9px;margin:0;font-size:15px;font-weight:500;line-height:1.2;display:flex}.transcript-head h3:before{content:"";background:#2540b847;border-radius:2px;flex-shrink:0;width:2px;height:14px}.transcript-head .hint{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.transcript-head .hint:before{content:"";background:var(--accent);opacity:.4;border-radius:50%;width:6px;height:6px}.transcript{-webkit-backdrop-filter:blur(18px)saturate(160%);scrollbar-gutter:stable;background:#fff9;border:1px solid #ffffffbf;border-radius:14px;flex-direction:column;gap:0;padding:14px 18px 14px 22px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #fffc,0 6px 16px -8px #141e5024,0 1px 3px -1px #141e500f}.transcript::-webkit-scrollbar{width:8px}.transcript::-webkit-scrollbar-track{background:0 0;margin:8px 0}.transcript::-webkit-scrollbar-thumb{background:#d4d0c2 padding-box padding-box;border:2px solid #0000;border-radius:999px}.transcript::-webkit-scrollbar-thumb:hover{background:#b8b4a4 padding-box padding-box;border:2px solid #0000}.transcript{scrollbar-width:thin;scrollbar-color:#d4d0c2 transparent}.transcript-col{flex-direction:column;min-height:0;display:flex}.transcript-col .transcript-head{flex-shrink:0}.trow{border-radius:9px;margin:0 -12px;padding:10px 12px;position:relative}.trow+.trow:before{content:"";background:var(--rule-soft);height:1px;position:absolute;top:0;left:12px;right:12px}.trow .txt{color:var(--ink-2);margin:0;font-size:13px;line-height:1.6}.trow .txt em{color:var(--ink);font-style:normal;font-weight:600}.player-controls{border-top:1px solid var(--rule-soft);justify-content:space-between;align-items:center;margin-top:12px;padding:12px 0 0;display:flex}.player-controls-left{align-items:center;gap:4px;display:flex}.ctrl-btn{width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.ctrl-btn:hover{color:var(--ink);background:#0000000d}.speed-badge{font-family:var(--font-mono), monospace;letter-spacing:.04em;color:var(--ink-soft);border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:8px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.speed-badge:hover{background:var(--accent-tint);color:var(--accent);border-color:#2540b84d}.mobile-player-wrap .player-card{max-width:none;margin:0;padding:10px 0 6px}.mobile-player-wrap .player-skeleton{max-width:none;margin:0}.mobile-player-wrap .player{align-items:center;padding:2px 0}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);background:#08254473;justify-content:center;align-items:center;padding:24px;animation:.18s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffffeb;border:1px solid #ffffffd9;border-radius:20px;flex-direction:column;width:100%;max-width:560px;max-height:80vh;animation:.2s cubic-bezier(.22,1,.36,1) modalIn;display:flex;box-shadow:inset 0 2px #ffffffe6,0 32px 80px -24px #08254447,0 4px 16px -4px #0825441a}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--rule);flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex}.modal-header h2{letter-spacing:.08em;text-transform:uppercase;color:#64625c;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:600;display:flex}.modal-header h2:before{content:"";background:#2540b873;border-radius:2px;flex-shrink:0;width:18px;height:2px}.modal-close{border:1px solid var(--rule);background:var(--paper);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;line-height:1;transition:background .15s,color .15s,border-color .15s;display:grid}.modal-close:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.archive-list{scrollbar-width:thin;scrollbar-color:#d4d0c2 transparent;flex:1;padding:8px 0;overflow-y:auto}.archive-list::-webkit-scrollbar{width:6px}.archive-list::-webkit-scrollbar-track{background:0 0}.archive-list::-webkit-scrollbar-thumb{background:#d4d0c2;border-radius:999px}.archive-item{cursor:pointer;align-items:center;gap:16px;padding:14px 24px;transition:background .15s;display:flex;position:relative}.archive-item:hover{background:#2540b80a}.archive-item.active{background:var(--accent-tint)}.archive-item.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.archive-item+.archive-item{border-top:1px solid var(--rule-soft)}.archive-item.active+.archive-item,.archive-item.active{border-top-color:#0000!important}.archive-ep{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0;width:52px;font-size:10.5px;font-weight:600}.archive-item:not(.active) .archive-ep{color:var(--muted)}.archive-body{flex:1;min-width:0}.archive-title{color:var(--ink);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:13.5px;font-weight:500;line-height:1.35;overflow:hidden}.archive-item.active .archive-title{color:var(--accent);font-weight:600}.archive-meta{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;display:flex}.archive-meta .sep{background:var(--rule);border-radius:50%;flex-shrink:0;width:2px;height:2px}@media (max-width:639px){.player-card{margin-top:28px}.mobile-player-wrap .player-card{max-width:none;margin:0;padding:12px 0 8px}.mobile-player-wrap .player-skeleton{max-width:none;margin:0}.mobile-player-wrap .player{align-items:center;gap:24px;padding:4px 0}.player{gap:20px}.mobile-player-wrap .orb{flex-shrink:0;width:60px;height:60px}.mobile-player-wrap .orb:before{inset:-6px}.mobile-player-wrap .orb .play{border-top-width:8px;border-bottom-width:8px;border-left-width:12px;margin-left:4px}.mobile-player-wrap .orb.playing .play{background:linear-gradient(#fff,#fff) 0 0/4px 100% no-repeat,linear-gradient(#fff,#fff) 10px 0/4px 100% no-repeat;width:14px;height:16px}.wave-wrap{height:72px}}@media (max-width:1023px){.chapters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chapters .seclabel{width:100%;margin-bottom:6px}.chapter{border:1px solid var(--rule);border-radius:999px;margin:0;padding:7px 14px;font-size:13px}.chapter+.chapter{border-top:1px solid var(--rule)}.chapter.active{background:var(--accent-tint);color:var(--accent);border-color:#2540b84d}.chapter.active:before{display:none}.chapter.active+.chapter,.chapter.active{border-top-color:inherit!important}}@media (max-width:639px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;max-width:100%;max-height:88vh}}