:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17263a;background:#f3f6fb;font-size:16px;line-height:1.6;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:32px 28px 40px}button,input,select{font:inherit}button{cursor:pointer;min-height:48px;border:0;border-radius:10px;padding:10px 18px;font-weight:600}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0b79ef;outline-offset:4px}input,select{min-height:50px;border:1px solid #c3cedd;border-radius:10px;background:#fff;padding:11px 14px;color:#17263a;min-width:0}input:focus,select:focus{outline:2px solid #1476cc;outline-offset:2px}h1,h2,p{margin:0}h1{font-size:1.8rem;letter-spacing:-.045em;font-weight:740;line-height:1.4}h2{font-size:1.15rem;line-height:1.6}a{color:#1266ac;text-underline-offset:4px}.masthead{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:15px}.eyebrow{font-size:.78rem;letter-spacing:.1em;font-weight:700;color:#507294}.tag{font-size:.8rem;letter-spacing:0;display:inline-block;vertical-align:middle;background:#e0e9f5;padding:2px 9px;margin-left:12px;border-radius:6px}.topnote{font-size:.875rem;color:#607189}.load-panel{background:white;border:1px solid #dbe3ee;border-radius:16px;padding:24px 28px;box-shadow:0 6px 20px #12325305}.load-panel h2{margin-bottom:15px}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:7px}.input-row{display:flex;gap:10px}.input-row input{flex:1;min-width:0}.primary{background:#176dcc;color:white}.primary:hover{background:#125cae}.load-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;font-size:.875rem;color:#607189}.text-button{background:transparent;padding:4px 0;color:#1266ac;font-size:.875rem;min-height:36px;text-decoration:underline;text-underline-offset:4px}.notice,.warning,.error,.unlock{padding:14px 18px;margin:18px 0;border-radius:10px;font-size:.9rem}.notice{background:#e7edf6;color:#385371;border:1px solid #d6e1ef}.warning{background:#fff4d9;color:#684c0e;border:1px solid #e7cc85}.error{background:#ffebeb;color:#922627;border:1px solid #efc2c2}.unlock{background:white;border:1px solid #d6e1ef}small,.small{font-size:.875rem}small{display:block}.thread-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 18px}.thread-heading h2{font-size:1.5rem;line-height:1.4;margin:7px 0 10px}.thread-heading a{white-space:nowrap;font-size:.9rem}.muted{color:#66768a}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:22px;align-items:start}.list-panel{background:white;border:1px solid #dbe3ee;border-radius:14px;padding:20px}.list-panel summary{font-size:1rem;font-weight:700;cursor:pointer}.list-panel summary span{font-weight:400;color:#66768a;font-size:.875rem}.list-panel p{margin:10px 0 18px}.queue-list{list-style:none;padding:0;margin:0;max-height:620px;overflow:auto;overscroll-behavior:contain}.queue-list li{margin:3px 0}.queue-item{width:100%;text-align:left;font-size:.9rem;font-weight:400;background:transparent;border:1px solid transparent;padding:12px;display:flex;gap:10px;align-items:start;line-height:1.45;border-radius:8px}.queue-item:hover{background:#f0f5fb}.queue-item.active{background:#eaf3ff;border-color:#b7d6f7}.queue-item .index{font-size:.8rem;color:#697e96;min-width:22px;padding-top:2px}.queue-item strong{font-weight:650;display:block;overflow-wrap:anywhere}.queue-item .relation{font-size:.8rem;color:#64768c;display:block;margin-top:3px}.queue-item .preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#455b73;margin-top:5px}.listen-panel{background:#111e32;border-radius:16px;padding:26px;color:#f1f5fa;position:sticky;top:20px;box-shadow:0 10px 26px #14263c14}.player-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:.875rem;color:#9fb3cc}.listen-panel .eyebrow{color:#9fb3cc}.listen-panel select{background:#1e304a;color:#fff;border-color:#405673;width:100%;margin-bottom:18px}.context{color:#c8d7ec;font-size:1rem;min-height:65px;line-height:1.55;overflow-wrap:anywhere}.play-row{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px;margin:20px 0 10px}.control{background:#22344e;color:#dce7f6;font-size:.875rem;padding:10px}.play{background:#ffad55;color:#342012;min-height:56px}.play:hover{background:#ffbf7a}.skip{width:100%;color:#c8d7ec;background:transparent;border:1px solid #435670;font-size:.875rem}.play-status{color:#a9bdd8;font-size:.875rem;text-align:center;margin:17px 0 13px;min-height:24px}.track{height:4px;background:#2c3f59;border-radius:8px;overflow:hidden}.track div{height:100%;background:#ffad55;width:0}.time{display:flex;justify-content:space-between;font-size:.8rem;color:#9fb3cc;margin-top:7px}.transcript{border-top:1px solid #31435c;margin-top:22px;padding-top:20px}.transcript p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.05rem;line-height:1.8;margin:10px 0 18px;max-height:340px;overflow:auto}.transcript small{color:#94a9c4;font-size:.8rem}.empty{text-align:center;max-width:600px;margin:50px auto}.empty-symbol{font-size:3rem;color:#547ea9;display:block}.empty h2{font-size:1.3rem;margin:10px 0}.empty p{color:#66768a;margin-top:12px}footer{font-size:.8rem;text-align:center;color:#71849b;margin-top:35px}audio{display:none}[hidden]{display:none!important}@media(max-width:740px){main{padding:22px 16px max(28px,env(safe-area-inset-bottom))}.masthead{margin-bottom:20px}.topnote{display:none}h1{font-size:1.6rem}.load-panel{padding:20px 16px}.input-row{flex-wrap:wrap}.input-row input{flex-basis:100%}.input-row button{width:100%}.load-foot{display:block}.load-foot button{margin-top:6px}.thread-heading{display:block;margin-top:24px}.thread-heading h2{font-size:1.3rem}.thread-heading a{display:inline-block;margin-top:9px}.workspace{display:flex;flex-direction:column}.listen-panel{order:0;position:static;width:100%;padding:22px 18px}.list-panel{order:1;width:100%}.context{min-height:0}.queue-list{max-height:420px}.empty{margin:34px auto}.transcript p{max-height:280px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}.track div{transition:width .3s linear}}