:root{--bg:#101f1d;--surface:#1c3430;--ink:#f5f1e8;--dim:#b3c1b7;--faint:#f5f1e829;--panel:#1c3430d1;--signal:#f36b45;--ink-dark:#172d2a;--paper:#f5f1e8;--muted:#596b64;--line:#ddd6c8;--acc:var(--signal);--mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--sans:"Inter","PingFang SC","Noto Sans SC","Noto Sans CJK SC",system-ui,sans-serif;--gx:clamp(16px,3.5vw,40px);--gy:clamp(16px,3.5vh,32px);--t-press:.12s;--t-state:.24s;--ease:cubic-bezier(.2,.7,.2,1)}@media (prefers-reduced-motion:reduce){:root{--t-press:0s;--t-state:0s}}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent}canvas.gl{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}canvas.gl.drag{cursor:grabbing}.mono{font-family:var(--mono);letter-spacing:.06em;font-size:11px;line-height:1.6}.dim{color:var(--dim)}.ui{pointer-events:none;z-index:3;position:fixed;inset:0}.ui .pe,.pe{pointer-events:auto}button{font:inherit;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.logo{letter-spacing:-.025em;align-items:center;gap:9px;font-size:20px;font-weight:650;line-height:1;display:flex}.logo .mark{color:var(--ink);flex:none}.tl{left:var(--gx);top:var(--gy);position:absolute}.tr{right:var(--gx);top:var(--gy);align-items:center;gap:10px;display:flex;position:absolute}.seg{border:1px solid var(--faint);background:#101f1d80;border-radius:999px;padding:3px;display:flex}.seg button{cursor:pointer;color:var(--dim);transition:background var(--t-press),color var(--t-press);background:0 0;border:0;border-radius:999px;padding:6px 13px;font-size:13px}.seg button.on{background:var(--ink);color:var(--ink-dark);font-weight:600}.tbtn{border:1px solid var(--faint);cursor:pointer;white-space:nowrap;height:36px;transition:border-color var(--t-press);background:#101f1d80;border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:13px;display:flex}.tbtn:hover{border-color:#f5f1e873}.tbtn b{font:500 11px var(--mono);color:var(--dim)}.tbtn .ic{width:16px;height:16px}.tbtn.lang{font:500 11px var(--mono);letter-spacing:.06em;padding:0 11px}.lnk{cursor:pointer;color:var(--dim);background:0 0;border:0;padding:6px 0;font-size:12px}.lnk:hover{color:var(--ink)}.lnk:disabled{opacity:.3;cursor:default}.ic{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.ic.f{fill:currentColor;stroke:none}.btn{height:48px;color:var(--ink);cursor:pointer;white-space:nowrap;transition:transform var(--t-press),background var(--t-press),border-color var(--t-press);background:#101f1d59;border:1px solid #f5f1e838;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{border-color:#f5f1e880}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--signal);border-color:var(--signal);color:var(--ink-dark)}.btn.primary:hover{filter:brightness(1.05)}.btn.big{height:56px;padding:0 28px;font-size:17px}.play{background:var(--signal);width:52px;height:52px;color:var(--ink-dark);cursor:pointer;transition:transform var(--t-press);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.play:active{transform:scale(.95)}.ibtn{cursor:pointer;width:44px;height:44px;transition:border-color var(--t-press);background:0 0;border:1px solid #f5f1e833;border-radius:50%;flex:none;place-items:center;display:grid}.ibtn:hover{border-color:#f5f1e880}.ibtn.on{color:var(--signal);border-color:#f36b4580}.ibtn.s{border:0;width:36px;height:44px}.ibtn .ic{width:20px;height:20px}.search{width:min(420px,100vw - 32px);position:absolute;top:clamp(14px,3.2vh,30px);left:50%;transform:translate(-50%)}.search input{background:var(--panel);-webkit-backdrop-filter:blur(10px);border:1px solid var(--faint);width:100%;color:var(--ink);font:14px var(--sans);border-radius:999px;outline:none;padding:11px 18px}.search input::placeholder{color:var(--dim)}.search input:focus{border-color:#f5f1e873}.results{-webkit-backdrop-filter:blur(12px);border:1px solid var(--faint);background:#1c3430f2;border-radius:14px;margin-top:6px;overflow:hidden}.results button{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #f5f1e80f;align-items:baseline;gap:10px;width:100%;padding:10px 16px;display:flex}.results button:first-child{border-top:0}.results button:hover,.results button.hl{background:#f5f1e812}.results .nm,.favpanel .nm{white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:60%;font-size:14px;overflow:hidden}.results .sub,.favpanel .sub{font:11px var(--mono);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gd{border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.cross{z-index:2;pointer-events:none;width:0;height:0;position:fixed;top:50%;left:50%}.cross svg{position:absolute;top:-40px;left:-40px;overflow:visible}.ticks line{stroke:var(--ink);stroke-width:.8px;opacity:.32;stroke-linecap:round}.ticks line.lt{stroke-width:1.2px;opacity:.55}.cross .ring{fill:none;stroke:var(--ink);stroke-width:1.3px;opacity:.4;stroke-linecap:round}.cross .arc{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;transition:stroke-dashoffset .2s}.sig{fill:none;stroke:var(--ink);stroke-width:1.2px;opacity:.6;transition:fill var(--t-state),stroke var(--t-state),opacity var(--t-state)}.sig.on{fill:var(--signal);stroke:var(--signal);opacity:1}.lockbox{white-space:nowrap;text-shadow:0 0 6px var(--bg),0 0 12px var(--bg);position:absolute;top:-22px;left:46px}.lockbox .t1{font:500 11px var(--mono);letter-spacing:.08em;color:var(--dim);text-transform:uppercase}.lockbox .t2{letter-spacing:-.01em;text-overflow:ellipsis;max-width:min(46vw,420px);font-size:16px;font-weight:600;overflow:hidden}.lockbox .t1 b{color:var(--signal);font-weight:500}.now{left:var(--gx);background:var(--panel);-webkit-backdrop-filter:blur(14px);border:1px solid #f5f1e814;border-radius:18px;width:min(520px,100vw - 32px);padding:20px 22px 14px;position:absolute;bottom:clamp(76px,10vh,100px)}.now .k{color:var(--dim);text-transform:none;align-items:center;gap:9px;margin-bottom:8px;display:flex}.dot{border:1.5px solid var(--dim);background:0 0;border-radius:50%;flex:none;width:8px;height:8px}.live .dot{background:var(--signal);border-color:var(--signal)}.failed .dot{border-color:var(--dim);background:0 0}.live .k{color:var(--ink)}.now h1{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:clamp(28px,2.6vw,36px);font-weight:650;line-height:1.1}.now.empty h1{font-size:clamp(26px,2.4vw,32px)}.now .place{color:var(--ink);margin:6px 0 0;font-size:15px}.now.empty .place{color:var(--dim);font-size:14px;line-height:1.55}.now .meta{color:var(--ink);grid-template-columns:auto 1fr;gap:2px 16px;margin-top:10px;display:grid}.now .meta span:nth-child(odd){color:var(--dim)}.now .meta span:nth-child(2n){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ctrl{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.vol{color:var(--dim);align-items:center;gap:4px;display:flex}.vol input{appearance:none;cursor:pointer;background:0 0;width:72px;height:18px}.vol input::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--ink) var(--p),var(--faint) var(--p));height:2px}.vol input::-moz-range-track{background:var(--faint);height:2px}.vol input::-moz-range-progress{background:var(--ink);height:2px}.vol input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:50%;width:12px;height:12px;margin-top:-5px}.vol input::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:12px;height:12px}.btnrow{flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px;display:flex}.diveNav{align-items:center;gap:14px;display:flex}.favpanel{right:var(--gx);top:calc(var(--gy) + 48px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--faint);background:#1c3430f5;border-radius:14px;width:min(340px,100vw - 32px);max-height:52vh;position:absolute;overflow:auto}.favpanel .hd{border-bottom:1px solid #f5f1e814;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.favpanel .it{text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:10px;width:100%;padding:10px 14px;display:flex}.favpanel .it:hover{background:#f5f1e812}.favpanel .empty{color:var(--dim);padding:16px 14px;font-size:13px;line-height:1.6}.show-s{display:none!important}.dive .search,.dive .bottom,.dive .hint,.dive .cross,.dive .seg,.dive .favpanel,.dive .ctrl .vol{opacity:0;pointer-events:none}.search,.bottom,.hint,.seg,.cross{transition:opacity .5s}.dive .cross{transition-duration:var(--t-state)}.bottom{left:var(--gx);right:var(--gx);align-items:center;gap:10px;display:flex;position:absolute;bottom:clamp(14px,2.6vh,24px)}.chips{scrollbar-width:none;flex:1;gap:6px;padding:2px 0;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--panel);-webkit-backdrop-filter:blur(8px);cursor:pointer;height:34px;font:13px var(--sans);color:var(--ink);transition:opacity var(--t-press),border-color var(--t-press);border:1px solid #f5f1e81a;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 13px;display:flex}.chip:hover{border-color:#f5f1e866}.chip i{border-radius:50%;width:8px;height:8px}.chip em{font:11px var(--mono);color:var(--dim);font-style:normal}.chip.off{opacity:.4}.bottom select{background:var(--panel);color:var(--ink);height:34px;font:13px var(--sans);border:1px solid #f5f1e824;border-radius:999px;outline:none;flex:none;padding:0 12px}.hint{right:var(--gx);text-align:right;position:absolute;bottom:clamp(76px,10vh,100px)}svg.ann{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;inset:0}svg.ann text{font-family:var(--mono);letter-spacing:.04em;fill:var(--ink);paint-order:stroke;stroke:#101f1dd9;stroke-width:3px;stroke-linejoin:round;font-size:10.5px}svg.ann .s{fill:var(--dim)}svg.ann .big{font-family:var(--sans);letter-spacing:-.01em;font-size:17px;font-weight:600}svg.ann line{stroke:#f5f1e859;stroke-width:1px}.intro{z-index:5;transition:opacity var(--t-state) var(--ease);position:fixed;inset:0}.intro.gone{opacity:0;pointer-events:none}.pre .ui,.pre .cross{opacity:0}.ui,.cross{transition:opacity .6s .2s}.intro .credit{font-size:10.5px}.intro .err{color:#ffb4a0;max-width:520px;font-size:14px;line-height:1.7}.intro.night{text-align:center;cursor:pointer;background:radial-gradient(#101f1d59,#101f1deb 70%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:0 24px;display:flex}.intro.night .logo.big{gap:12px;font-size:40px}.intro.night .who{flex-direction:column;align-items:center;gap:6px;display:flex}.intro.night .who .nm{letter-spacing:-.02em;max-width:min(560px,90vw);font-size:26px;font-weight:650}.intro.night .btn{margin-top:10px}@property --hole{syntax:"<length>";inherits:true;initial-value:0}.intro.paper{--hx:72%;--hy:50%;--hole:min(19vw,230px);background:var(--paper);color:var(--ink-dark);-webkit-mask:radial-gradient(circle at var(--hx) var(--hy),transparent var(--hole),#000 calc(var(--hole) + 1px));-webkit-mask:radial-gradient(circle at var(--hx) var(--hy),transparent var(--hole),#000 calc(var(--hole) + 1px));mask:radial-gradient(circle at var(--hx) var(--hy),transparent var(--hole),#000 calc(var(--hole) + 1px));transition:--hole var(--t-state) var(--ease),opacity var(--t-state) var(--ease) .12s}.intro.paper.gone{--hole:150vmax}.intro.paper .pnav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex;position:absolute;top:28px;left:clamp(20px,5vw,72px);right:clamp(20px,5vw,72px)}.intro.paper .logo{font-size:21px}.intro.paper .logo .mark{color:var(--ink-dark)}.intro.paper .dim{color:var(--muted)}.intro.paper .pcopy{width:min(560px,46vw);position:absolute;top:50%;left:clamp(20px,6vw,96px);transform:translateY(-50%)}.intro.paper h2{white-space:pre-line;letter-spacing:-.045em;margin:18px 0 0;font-size:clamp(48px,6.2vw,88px);font-weight:700;line-height:.98}.intro.paper p{color:var(--muted);margin:22px 0 0;font-size:clamp(17px,1.5vw,20px);line-height:1.5}.intro.paper .pbtns{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.intro.paper .btn.ghost{color:var(--ink-dark);background:0 0;border-color:#cfc7b6}.intro.paper .btn.ghost:hover{border-color:var(--ink-dark)}.intro.paper .credit{margin-top:28px}.intro.paper .porthole{left:var(--hx);top:var(--hy);pointer-events:none;width:0;height:0;position:absolute}.intro.paper .porthole svg{width:calc(var(--hole) * 4.2);height:calc(var(--hole) * 4.2);left:calc(var(--hole) * -2.1);top:calc(var(--hole) * -2.1);transition:opacity var(--t-state);position:absolute;overflow:visible}.intro.paper .porthole line,.intro.paper .porthole path{vector-effect:non-scaling-stroke}.intro.paper.gone .porthole svg{opacity:0}.intro.paper .porthole .ticks line{stroke:var(--ink-dark);stroke-width:1px;opacity:.35}.intro.paper .porthole .ticks line.lt{stroke-width:1.6px;opacity:.6}.intro.paper .porthole .ring{fill:none;stroke:var(--ink-dark);stroke-width:2px;stroke-linecap:round;opacity:.85}.toast{left:50%;top:calc(var(--gy) + 52px);z-index:6;border:1px solid var(--faint);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#1c3430f5;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:14px;position:fixed;overflow:hidden;transform:translate(-50%)}@media (width<=900px){.hint,.tl .stats{display:none}.logo{font-size:18px}.tr{gap:6px}.hide-s{display:none!important}.show-s{display:flex!important}.seg button{padding:5px 10px;font-size:12px}.tbtn{height:34px;padding:0 10px}.tbtn span{display:none}.search{top:calc(var(--gy) + 46px)}.now{width:auto;left:10px;right:10px;bottom:calc(98px + env(safe-area-inset-bottom));border-radius:22px;padding:16px 16px 10px}.now h1{font-size:25px}.now .place{font-size:14px}.now .meta{display:none}.ctrl{flex-wrap:nowrap;gap:8px;margin-top:12px}.ctrl .btn{flex:1;padding:0 12px}.vol input{display:none}.bottom{bottom:calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px}.bottom select{flex:1;order:1;min-width:0}.chips{flex:1 0 100%;order:2}.lockbox{left:42px}.lockbox .t2,.lockbox .t1{text-overflow:ellipsis;max-width:calc(50vw - 58px);overflow:hidden}.favpanel{top:calc(var(--gy) + 44px);max-height:60vh}svg.ann .big{font-size:14px}svg.ann text{font-size:9.5px}.intro.paper{--hx:50%;--hy:33%;--hole:min(30vw,150px)}.intro.paper .pnav{padding-bottom:12px;top:16px}.intro.paper .pnav .mono{display:none}.intro.paper .pcopy{width:auto;top:auto;left:20px;right:20px;bottom:calc(28px + env(safe-area-inset-bottom));transform:none}.intro.paper h2{margin-top:10px;font-size:clamp(38px,11vw,52px)}.intro.paper p{margin-top:12px;font-size:16px}.intro.paper .pbtns{margin-top:22px}.intro.paper .pbtns .btn{flex:1}.intro.paper .credit{margin-top:16px}}