:root{--accent:#2e50d8;--rec:#ff7a59}[data-theme=light]{--bg:#f6f3ec;--bg-elev:#fff;--bar-bg:#f6f3ec;--text:#2a2a33;--text-dim:#8a8579;--text-strong:#1d1d24;--border:#2a2a331a;--focus-bg:#f6f3ec;--seg-bg:#eaeeff;--accent:#2e50d8;--rec:#ff7a59}[data-theme=dark]{--bg:#191b24;--bg-elev:#232632;--bar-bg:#20222c;--text:#ede9df;--text-dim:#8b8a96;--text-strong:#fff;--border:#ffffff1f;--focus-bg:#14151b;--seg-bg:#ffffff14;--accent:#5c79f0;--rec:#ff7a59}html{height:100%}html,body{max-width:100vw;overflow-x:clip}body{min-height:100%;font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}*{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;font-family:inherit}.idle{padding:calc(24px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;width:100%;display:flex;overflow-y:auto}.picker-arrow{text-align:center;color:var(--accent);flex:none;font-size:16px;font-weight:800}.start-btn{background:var(--accent);color:#fff;border:none;border-radius:999px;width:100%;max-width:320px;padding:15px 0;font-size:16px;font-weight:800;box-shadow:0 12px 28px #2e50d84d}.err{color:var(--rec);font-size:14px}.glossary{flex-direction:column;gap:8px;display:flex}.glossary-toggle{background:var(--bg-elev);color:var(--text);box-shadow:var(--soft);border:none;border-radius:18px;justify-content:space-between;align-items:center;padding:13px 16px;font-size:15px;display:flex}.glossary-count{color:var(--text-dim);font-size:13px}.glossary-body{flex-direction:column;gap:8px;display:flex}.glossary-row{align-items:center;gap:6px;display:flex}.glossary-input{background:var(--bg-elev);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:14px;outline:none;flex:1;padding:8px 12px;font-size:14px}.glossary-input::placeholder{color:var(--text-dim)}.glossary-arrow{color:var(--accent);flex:none}.glossary-del{border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;flex:none;padding:0 12px;font-size:13px}.glossary-add{border:1px dashed var(--border);color:var(--accent);background:0 0;border-radius:999px;align-self:flex-start;padding:7px 14px;font-size:13px}.glossary-hint{color:var(--text-dim);font-size:12px}.bar{padding:12px calc(16px + env(safe-area-inset-right)) 12px calc(16px + env(safe-area-inset-left));padding-top:calc(12px + env(safe-area-inset-top));background:var(--bg-elev);border-radius:var(--r);box-shadow:var(--soft);border:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:12px;display:flex}.seg{background:var(--seg-bg);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.seg button{color:var(--text-dim);background:0 0;border:none;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700}.seg button.on{background:var(--accent);color:#fff;font-weight:700}.bar-right{align-items:center;gap:6px;display:flex}.icon{border:1.5px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;line-height:1}.timer{background:var(--seg-bg);color:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:7px;margin-right:2px;padding:7px 14px;font-size:14px;font-weight:800;display:inline-flex}.rec-dot{background:var(--rec);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite rec-pulse}.meter{background:var(--seg-bg);border-radius:999px;flex:none;width:110px;height:8px;overflow:hidden}.meter-bar{background:var(--accent);border-radius:999px;width:0%;height:100%;transition:width 80ms linear}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.stop-btn{background:var(--rec);color:#fff;border:none;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:800}.pause-btn,.resume-btn{color:#fff;border:none;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:800}.pause-btn{background:#b9b3a6}.resume-btn{background:var(--accent)}.history-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;display:grid}.history-item{align-items:stretch;gap:6px;display:flex}.history-open{text-align:left;background:var(--bg-elev);color:var(--text);box-shadow:var(--soft);border:none;border-radius:16px;flex-direction:column;flex:1;gap:2px;padding:12px 15px;display:flex}.history-when{font-size:14px;font-weight:600}.history-meta{color:var(--text-dim);font-size:12px}.history-del{border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;padding:0 14px;font-size:13px}.err-bar{background:var(--rec);color:#fff;text-align:center;border-radius:14px;margin:0 12px;padding:6px 12px;font-size:13px}.stream-wrap{flex:1;min-height:0;display:flex;position:relative}.stream-view{padding:18px 16px calc(28px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;min-height:0;display:flex;overflow-y:auto}.jump-latest{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));background:var(--accent);color:#fff;z-index:2;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;position:absolute;transform:translate(-50%);box-shadow:0 4px 14px #0000004d}.stream-empty{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:12px;margin:auto;font-size:15px;display:flex}.listening-dot{background:var(--rec);border-radius:50%;width:14px;height:14px;animation:1.4s ease-in-out infinite rec-pulse}.line{cursor:pointer;position:relative}.copied-tag{top:0;background:var(--accent);color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;position:absolute;inset-inline-end:0}.focus-tap{color:inherit;background:0 0;border:none;width:100%;position:relative}.copied-flash{color:var(--accent);margin-top:14px;font-size:14px;font-weight:700}.stream-view>:first-child{margin-top:auto}.line{width:100%;max-width:820px;margin-inline:auto}.line-ja{color:var(--text-dim);font-family:var(--font-cjk);font-size:calc(clamp(13px, 1.5vw, 17px) * var(--cap-scale,1));line-height:1.4}.line-zh{color:var(--text);font-family:var(--font-cjk);font-weight:700;font-size:calc(clamp(18px, 2.4vw, 26px) * var(--cap-scale,1));margin-top:2px;line-height:1.45}.line.latest .line-zh{color:var(--accent);font-size:calc(clamp(22px, 3.2vw, 34px) * var(--cap-scale,1))}.focus-view{text-align:center;background:var(--focus-bg);flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.focus-view>div{max-width:900px}.focus-ja{color:var(--text-dim);font-family:var(--font-cjk);font-size:calc(clamp(15px, 2vw, 22px) * var(--cap-scale,1));line-height:1.4}.focus-zh{color:var(--text-strong);font-family:var(--font-cjk);font-weight:700;font-size:calc(clamp(30px, 5.5vw, 64px) * var(--cap-scale,1));margin-top:8px;line-height:1.4}.hint{color:var(--text-dim);font-size:14px}.loading{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text);font-size:clamp(16px,2.2vw,20px);font-weight:700}.loading-sub{color:var(--text-dim);text-align:center;font-size:14px}.conn-dot{border-radius:50%;flex:none;width:9px;height:9px}.conn-dot.green{background:#35c759}.conn-dot.amber{background:#ffb02e;animation:1s ease-in-out infinite rec-pulse}.conn-dot.red{background:var(--rec)}.export-bar{padding:10px calc(12px + env(safe-area-inset-right)) 10px calc(12px + env(safe-area-inset-left));background:var(--bar-bg);border-bottom:none;flex-wrap:wrap;gap:8px;display:flex}.exp{border:1.5px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:14px;padding:6px 14px;font-size:13px;font-weight:700}.history-search{background:var(--bg-elev);border:1.5px solid var(--border);color:var(--text);border-radius:14px;outline:none;padding:8px 14px;font-size:14px}.history-search::placeholder{color:var(--text-dim)}.history-edit{border:1.5px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;padding:0 13px;font-size:13px}.history-empty{color:var(--text-dim);text-align:center;padding:8px 0;font-size:13px}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--text);color:var(--bg);box-shadow:var(--soft);z-index:10;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%)}@font-face{font-family:jf-openhuninn;src:url(https://cdn.jsdelivr.net/gh/justfont/open-huninn-font@2.1/font/jf-openhuninn-2.1.ttf)format("truetype");font-weight:400 700;font-display:swap}:root{--cobalt:#2e50d8;--cobalt-deep:#2440b0;--cobalt-soft:#eaeeff;--paper:#f6f3ec;--ink:#2a2a33;--pop:#ff7a59;--muted:#8a8579;--r:24px;--r-sm:16px;--pill:999px;--soft:0 14px 34px #1b3fc924;--font-round:var(--font-baloo), "jf-openhuninn", var(--font-mplus), sans-serif;--font-cjk:"jf-openhuninn", var(--font-mplus), sans-serif;--font-sans:var(--font-nunito), "jf-openhuninn", var(--font-mplus), system-ui, sans-serif}.font-round{font-family:var(--font-round)}.font-cjk{font-family:var(--font-cjk)}.font-sans{font-family:var(--font-sans)}.setup-panel{background:var(--bg-elev);width:100%;max-width:440px;box-shadow:var(--soft);border-radius:24px;flex-direction:column;gap:14px;padding:20px;display:flex}.setup-panel .start-btn{max-width:none}.setup-brand{color:inherit;flex-direction:column;align-items:center;gap:7px;text-decoration:none;display:flex}.idle-credit{flex-direction:column;align-items:center;gap:8px;display:flex}.idle-credit-main{color:var(--text-dim);font-size:15px}.idle-credit-main b{color:var(--accent);font-size:30px;font-weight:800}.idle-credit-sub{color:var(--text-dim);font-size:12px}.idle-topup{background:var(--seg-bg);color:var(--accent);border:none;border-radius:999px;margin-top:2px;padding:9px 22px;font-size:14px;font-weight:800;text-decoration:none}.idle-credit-login{color:var(--accent);font-size:15px;font-weight:700;text-decoration:none}.setup-mark{background:var(--accent);color:#fff;width:42px;height:42px;font-family:var(--font-round);border-radius:13px;flex:none;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;box-shadow:0 8px 18px #2e50d859}.setup-wm{font-family:var(--font-round);letter-spacing:1px;font-size:24px;font-weight:800;line-height:1.15}.setup-tag{color:var(--text-dim);font-size:12px}.setup-rows{flex-direction:column;display:flex}.setup-row{border-bottom:1px solid var(--border);text-align:left;width:100%;color:var(--text);background:0 0;border-top:none;border-left:none;border-right:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 2px;font-size:14px;display:flex}.setup-rows>:last-child .setup-row,.setup-row:last-child{border-bottom:none}.setup-row>.lbl{color:var(--text-dim);flex:none}.setup-row select{color:var(--text);text-align:right;background:0 0;border:none;outline:none;max-width:60%;font-size:14px;font-weight:600}.setup-lang{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.setup-lang select{color:var(--text);background:0 0;border:none;outline:none;font-size:14px;font-weight:600}.history-drawer{flex-direction:column;gap:10px;width:100%;max-width:440px;display:flex}.history-drawer-bar{background:var(--bg-elev);color:var(--text);box-shadow:var(--soft);border:none;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:13px 16px;font-size:14px;font-weight:700;display:flex}.history-drawer-bar .dim{color:var(--text-dim);font-weight:500}.history-drawer-body{flex-direction:column;gap:10px;display:flex}.u-soft-shadow{box-shadow:var(--soft)}.meter{color:var(--text-dim);white-space:nowrap;border:1px solid #7f7f7f40;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800;text-decoration:none}.meter-low{color:#fff;background:var(--pop,#e2553d);border-color:#0000;animation:1.4s ease-in-out infinite meter-pulse}@keyframes meter-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:520px){.site-header{padding:12px 16px!important}}