:root{--bg-deep: #0d1021;--bg-ink: #131730;--panel: rgba(19, 23, 48, .82);--panel-line: rgba(122, 138, 191, .22);--indigo: #2b3a6b;--text: #e6e4ef;--text-dim: #9aa0bd;--accent: #c04a52;--warm: #e6b06a;--holo: #6fd6e0;--serif: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;--sans: system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg-deep);color:var(--text);font-family:var(--sans);overflow:hidden}button{font-family:inherit;cursor:pointer}.gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#06070f;transition:opacity .6s ease}.gate-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.4) saturate(.9) blur(3px);transform:scale(1.06)}.gate:after{content:"";position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 50%,rgba(111,214,224,.1),transparent 70%),linear-gradient(180deg,#06070fb8,#06070fd1)}.gate-leaving{opacity:0;pointer-events:none}.gate-console{position:relative;z-index:1;padding:clamp(1.8rem,5vw,3rem) clamp(1.6rem,6vw,3.6rem);background:#0a101a8c;border:1px solid rgba(111,214,224,.28);border-radius:4px;box-shadow:0 0 40px #6fd6e014,inset 0 0 40px #09141a80;backdrop-filter:blur(2px)}.bracket{position:absolute;width:22px;height:22px;border:2px solid var(--holo);opacity:.8}.bracket-tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.bracket-tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.bracket-bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.bracket-br{bottom:-1px;right:-1px;border-left:none;border-top:none}.gate-inner{text-align:center}.gate-emblem{font-size:.62rem;letter-spacing:.5em;text-indent:.5em;color:#6fd6e0bf;margin-bottom:1.4rem}.gate-title{font-family:var(--serif);font-size:clamp(1.5rem,4.5vw,2.3rem);letter-spacing:.35em;text-indent:.35em;color:var(--text);text-shadow:0 0 18px rgba(111,214,224,.25)}.gate-sub{display:block;font-size:.5em;color:var(--holo);letter-spacing:.6em;text-indent:.6em;margin-top:.9em}.gate-status{display:inline-flex;align-items:center;gap:.6em;margin:1.6rem 0 2rem;font-size:.64rem;letter-spacing:.24em;color:#6fd6e0b3}.gate-status-dot{width:.55em;height:.55em;border-radius:50%;background:var(--holo);box-shadow:0 0 8px var(--holo);animation:live-blink 2.6s ease-in-out infinite}.gate-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.4rem}.gate-button{font-family:var(--serif);font-size:1.05rem;letter-spacing:.24em;text-indent:.24em;color:#dffafd;text-decoration:none;background:linear-gradient(180deg,#6fd6e029,#0a1a2099);border:1px solid rgba(111,214,224,.5);border-radius:4px;padding:.9em 2.6em;transition:border-color .3s,box-shadow .3s,transform .2s,background .3s}.gate-button-sub{color:var(--text-dim);background:linear-gradient(180deg,#7a8abf1a,#0a0e1a80);border-color:#7a8abf66}.gate-button.gate-button-sub:hover{color:var(--text);border-color:#7a8abfbf;box-shadow:0 0 18px #7a8abf40}.gate-button:hover{border-color:var(--holo);background:linear-gradient(180deg,#6fd6e047,#0a1a20b3);box-shadow:0 0 26px #6fd6e059;transform:translateY(-1px)}.gate-dot{display:inline-block;width:.6em;height:.6em;border-radius:50%;border:1px solid var(--holo);box-shadow:0 0 8px #6fd6e080;margin-right:.7em;vertical-align:.05em}.gate-note{margin-top:1.5rem;font-size:.72rem;color:var(--text-dim)}.gate-org{position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%);white-space:nowrap;z-index:1;font-size:.6rem;letter-spacing:.24em;color:#9aa0bd80}.gate-org a{color:#9aa0bdcc;text-decoration:underline;text-underline-offset:2px}.gate-org a:hover{color:var(--holo)}.back-button{display:grid;place-items:center;width:44px;height:44px;color:var(--holo);font-size:1.05rem;text-decoration:none;background:#0a101a8c;border:1px solid rgba(111,214,224,.35);border-radius:8px;transition:border-color .25s,box-shadow .25s,background .25s}.back-button:hover{border-color:var(--holo);box-shadow:0 0 16px #6fd6e059;background:#6fd6e01a}#gate-back{position:absolute;top:1rem;left:1rem;z-index:2}.back-button-inline{flex:0 0 auto;width:2.2rem;height:2.2rem;font-size:.9rem;border-radius:8px}.app{display:flex;flex-direction:column;height:100dvh}.live-header{flex:0 0 auto;display:flex;align-items:center;gap:.9rem;padding:.55rem 1rem;background:#090b19eb;border-bottom:1px solid var(--panel-line)}.live-badge{display:inline-flex;align-items:center;gap:.4em;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#fff;background:#c04a522e;border:1px solid rgba(192,74,82,.55);border-radius:4px;padding:.2em .6em}.live-dot{width:.55em;height:.55em;border-radius:50%;background:var(--accent);animation:live-blink 2.6s ease-in-out infinite}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.35}}.live-title{font-family:var(--serif);font-size:1rem;font-weight:600;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-title-sub{color:var(--text-dim);font-size:.85em}.program-name{margin-left:auto;font-size:.78rem;color:var(--warm);border:1px solid rgba(230,176,106,.35);border-radius:4px;padding:.2em .7em;white-space:nowrap}.live-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px)}.stage-area{position:relative;min-height:0;overflow:hidden;background:radial-gradient(55% 40% at 50% 66%,rgba(230,176,106,.1),transparent 70%),radial-gradient(80% 60% at 70% 20%,rgba(43,58,107,.45),transparent 75%),linear-gradient(180deg,#0a0d1d 0%,var(--bg-deep) 55%,#101430 100%)}.stage-area.has-bg{background-size:cover;background-position:center}.stage-area.has-bg:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,8,18,.28) 0%,transparent 28%,transparent 55%,rgba(6,8,18,.62) 100%)}.stage{position:absolute;inset:0;z-index:3}.live2d-canvas{position:absolute;inset:0;width:100%;height:100%}.orbit-clock{position:absolute;top:.7rem;right:.9rem;z-index:2;width:clamp(152px,23vw,224px);aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 0 6px rgba(111,214,224,.25));animation:holo-glow 4.5s ease-in-out infinite}.orbit-clock:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:50%;background:repeating-linear-gradient(0deg,rgba(111,214,224,.06) 0px,rgba(111,214,224,.06) 1px,transparent 2px,transparent 4px);mix-blend-mode:screen;opacity:.6;animation:holo-scan 6s linear infinite}.orbit-svg{width:100%;height:100%;display:block}.orbit-sonar{filter:drop-shadow(0 0 3px rgba(111,214,224,.45))}.sonar-ping{stroke:#7fe4ee}@keyframes holo-glow{0%,to{filter:drop-shadow(0 0 5px rgba(111,214,224,.2))}50%{filter:drop-shadow(0 0 11px rgba(111,214,224,.42))}}@keyframes holo-scan{0%{background-position:0 0}to{background-position:0 8px}}.band-arc{stroke-width:2;stroke-linecap:round;opacity:.9}.band-morning{stroke:#f0d4a8}.band-daytime{stroke:#bfe9ef}.band-night{stroke:#7b7bd6}.band-midnight{stroke:#3a4680}.orbit-ring{fill:none;stroke:#6fd6e047;stroke-width:.7}.orbit-planet{animation:planet-twinkle 3.2s ease-in-out infinite}.planet-day{animation-duration:4.6s}.planet-hour{animation-delay:-.6s;animation-duration:3.8s}.planet-minute{animation-delay:-1.3s;animation-duration:2.9s}.planet-quarter{animation-delay:-.9s;animation-duration:2.4s}.planet-fast{animation-delay:-1.8s;animation-duration:1.7s}@keyframes planet-twinkle{0%,to{opacity:.55}50%{opacity:1}}.planet-sun circle{fill:#ffe6b0}.planet-sun line{stroke:#ffd98a;stroke-width:1.1;stroke-linecap:round}.planet-sun{filter:drop-shadow(0 0 5px rgba(255,216,138,.85))}.planet-moon path{fill:#d7e6f2}.planet-moon{filter:drop-shadow(0 0 5px rgba(178,198,230,.7))}.planet-hour circle{fill:#f2d79a;filter:drop-shadow(0 0 4px rgba(242,215,154,.85))}.planet-minute circle{fill:#7fd6e0;filter:drop-shadow(0 0 4px rgba(127,214,224,.8))}.planet-quarter circle{fill:#9ad0c0;filter:drop-shadow(0 0 3px rgba(154,208,192,.7))}.planet-fast circle{fill:#eef6ff;filter:drop-shadow(0 0 3px rgba(238,246,255,.9))}.orbit-wx{filter:drop-shadow(0 0 4px rgba(111,214,224,.6))}.wx-clear circle{fill:#ffe6b0}.wx-clear line{stroke:#ffd98a;stroke-width:1;stroke-linecap:round}.wx-cloud path{fill:none;stroke:var(--holo);stroke-width:1.4;stroke-linejoin:round}.wx-rain path{fill:var(--holo)}.wx-snow line{stroke:#dffafd;stroke-width:1.2;stroke-linecap:round}.stage-particles{position:absolute;inset:-60px;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 28%,rgba(230,176,106,.55),transparent 100%),radial-gradient(1px 1px at 34% 74%,rgba(230,228,239,.5),transparent 100%),radial-gradient(1.5px 1.5px at 58% 18%,rgba(230,228,239,.34),transparent 100%),radial-gradient(1px 1px at 70% 58%,rgba(230,176,106,.4),transparent 100%),radial-gradient(1px 1px at 86% 36%,rgba(230,228,239,.45),transparent 100%),radial-gradient(1.5px 1.5px at 44% 46%,rgba(192,74,82,.3),transparent 100%),radial-gradient(1px 1px at 22% 88%,rgba(230,228,239,.3),transparent 100%);animation:drift 60s linear infinite}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(40px,-60px,0)}}.fallback-konome{position:absolute;left:0;right:0;bottom:4%;margin:0 auto;max-height:88%;max-width:82%;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 40px rgba(43,58,107,.55));animation:breathe 4.2s ease-in-out infinite;transition:transform 1.2s ease}@keyframes breathe{0%,to{translate:0 0;scale:1}50%{translate:0 -6px;scale:1.005}}.fallback-bounce{animation:breathe 4.2s ease-in-out infinite,bounce .45s ease}@keyframes bounce{0%{scale:1}35%{scale:1.02 .985}to{scale:1}}.telop{position:absolute;z-index:4;left:50%;bottom:6%;transform:translate(-50%);max-width:min(80%,640px);font-family:var(--serif);font-size:clamp(.95rem,2vw,1.15rem);line-height:1.9;letter-spacing:.06em;color:var(--text);background:#060812bd;border-left:3px solid var(--accent);border-radius:4px;padding:.7em 1.2em;opacity:0;transition:opacity .35s ease;pointer-events:none}.telop.visible{opacity:1}.telop.telop-anomaly{font-family:JetBrains Mono,ui-monospace,Courier New,monospace;letter-spacing:.02em;color:#cfe3d6;background:#040a08d1;border-left-color:#6fd0a8;text-shadow:0 0 6px rgba(111,208,168,.35);animation:anomaly-flicker 2.4s steps(1) infinite}@keyframes anomaly-flicker{0%,97%,to{opacity:1}98%{opacity:.72}99%{opacity:.9}}@media (prefers-reduced-motion: reduce){.telop.telop-anomaly{animation:none}}.comment-area{display:flex;flex-direction:column;min-height:0;background:#0a0c1ae6;border-left:1px solid var(--panel-line)}.comment-note{flex:0 0 auto;font-size:.66rem;color:var(--text-dim);padding:.55rem .8rem;border-bottom:1px dashed var(--panel-line)}.comment-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:.6rem .7rem;scrollbar-width:thin;scrollbar-color:var(--indigo) transparent}.comment{display:flex;gap:.55rem;padding:.4rem .2rem;font-size:.82rem;line-height:1.6;animation:comment-in .35s ease}@keyframes comment-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.c-icon{flex:0 0 auto;width:1.9em;height:1.9em;display:grid;place-items:center;font-size:.78em;font-family:var(--serif);color:var(--warm);background:#2b3a6b66;border:1px solid var(--panel-line);border-radius:50%}.c-body{min-width:0}.c-name{color:var(--text-dim);font-size:.85em;margin-right:.45em}.c-badge{font-size:.66em;color:var(--warm);border:1px solid rgba(230,176,106,.4);border-radius:3px;padding:.05em .4em;margin-right:.5em;vertical-align:.1em;letter-spacing:.08em}.c-time{font-size:.66em;color:#9aa0bd99;letter-spacing:.04em;margin-right:.5em;font-variant-numeric:tabular-nums}.c-text{display:block;word-break:break-word}.comment.role-recorder .c-icon{color:#a9c7d6;background:#3a5a6b66}.comment.role-recorder .c-badge{color:#a9c7d6;border-color:#a9c7d666}.comment.role-operator{background:#3a5a6b24;border-left:2px solid rgba(139,179,199,.55);border-radius:4px;padding-left:.5rem}.comment.role-operator .c-name,.comment.role-operator .c-text{color:#bcd4de}.comment.role-official{display:block;background:#e6b06a1f;border:1px solid rgba(230,176,106,.45);border-radius:6px;padding:.5rem .6rem;margin:.15rem 0}.comment.role-official .c-icon{display:none}.comment.role-official .c-name{color:var(--warm);font-size:.78em;letter-spacing:.04em}.comment.role-official .c-badge{background:#e6b06a2e}.comment.role-official .c-text{color:var(--warm);font-weight:600;margin-top:.2em}.comment-form{flex:0 0 auto;display:flex;gap:.4rem;padding:.6rem .7rem;border-top:1px solid var(--panel-line)}.comment-form input{flex:1 1 auto;min-width:0;font-size:.78rem;color:var(--text-dim);background:#13173099;border:1px solid var(--panel-line);border-radius:6px;padding:.5em .8em}.comment-form button{font-size:.78rem;color:var(--text-dim);background:#2b3a6b59;border:1px solid var(--panel-line);border-radius:6px;padding:.5em 1em}.comment-form input:disabled,.comment-form button:disabled{opacity:.55;cursor:not-allowed}.live-footer{flex:0 0 auto;display:flex;align-items:center;gap:.8rem;padding:.55rem 1rem;background:#090b19eb;border-top:1px solid var(--panel-line)}.now-playing{font-size:.74rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.fanbox-button{display:inline-flex;align-items:baseline;gap:.45em;font-size:.82rem;font-weight:700;letter-spacing:.05em;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--accent),#8f3540);border:1px solid rgba(230,176,106,.5);border-radius:999px;padding:.5em 1.2em;box-shadow:0 0 18px #c04a5259;transition:box-shadow .3s,transform .2s}.fanbox-button:hover{box-shadow:0 0 28px #e6b06a73;transform:translateY(-1px)}.fanbox-sub{font-size:.7em;opacity:.85}.icon-button{width:2.2rem;height:2.2rem;display:grid;place-items:center;font-size:.95rem;color:var(--text);background:#2b3a6b59;border:1px solid var(--panel-line);border-radius:50%;transition:border-color .25s}.icon-button:hover{border-color:var(--warm)}.volume-slider{-webkit-appearance:none;appearance:none;width:84px;height:4px;border-radius:999px;background:linear-gradient(to right,var(--holo) 0%,var(--holo) var(--fill, 100%),rgba(122,138,191,.28) var(--fill, 100%),rgba(122,138,191,.28) 100%);cursor:pointer;flex:0 0 auto}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--text);border:1px solid var(--holo);box-shadow:0 0 6px #6fd6e080}.volume-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--text);border:1px solid var(--holo);box-shadow:0 0 6px #6fd6e080}.volume-slider::-moz-range-track{height:4px;border-radius:999px;background:#7a8abf47}.volume-slider::-moz-range-progress{height:4px;border-radius:999px;background:var(--holo)}.volume-slider:focus-visible{outline:1px solid var(--holo);outline-offset:4px}.help-dialog{margin:auto;max-width:min(90vw,480px);color:var(--text);background:var(--bg-ink);border:1px solid var(--panel-line);border-radius:10px;padding:1.6rem;line-height:1.9;font-size:.88rem}.help-dialog::backdrop{background:#04050cb3}.help-dialog h2{font-family:var(--serif);font-size:1.05rem;letter-spacing:.15em;margin-bottom:.8em;color:var(--warm)}.help-dialog ul{padding-left:1.3em;margin:.6em 0 1.2em}.help-dialog li{margin:.3em 0}.help-dialog form{text-align:center}@media (max-width: 860px){.live-body{grid-template-columns:1fr;grid-template-rows:minmax(0,2fr) minmax(0,1fr)}.comment-area{border-left:none;border-top:1px solid var(--panel-line)}.live-title{font-size:.85rem}.live-footer{flex-wrap:wrap}.now-playing{flex:1 1 100%;order:2}.footer-actions{margin-left:0;order:1;width:100%;justify-content:space-between}.telop{bottom:3%;max-width:92%;font-size:.9rem}}@media (prefers-reduced-motion: reduce){.stage-particles,.live-dot,.fallback-konome,.comment{animation:none}.gate{transition:none}.orbit-clock,.orbit-clock:after,.orbit-planet{animation:none}}