:root{color-scheme:dark;--camera-x: 0px;--camera-y: 0px;--camera-z: 1;--lyric-drift-x: 0px;--lyric-drift-y: 0px;--lyric-drift-rotate: 0deg;--beat-pulse: 0;--vocal: 0;--valence: 0;--warmth: .5;--arousal: 0;--emotional-lift: 0;--mood-energy: .3;--mood-tension: .2;--mood-intimacy: .7;--mood-release: 0;--mood-motion: .25;--chorus: 0;--chorus-hit: 0;--ending: 0;--transition-flash: 0;--lyric-font-size: 4.75rem;--lyric-font-size-chorus: 5.8rem;--lyric-lift: -5.5vh;--stage-frame-inset: 30px;--panel-bg: rgba(5, 6, 7, .82);--panel-border: rgba(245, 251, 251, .28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif,Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:#050607;color:#f5fbfb}button,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{position:relative;width:100vw;height:100svh;min-height:520px;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgba(105,243,230,calc(.07 + (1 - var(--warmth)) * .05)),transparent 26rem),radial-gradient(circle at 82% 78%,rgba(255,106,183,calc(.055 + var(--emotional-lift) * .06)),transparent 30rem),radial-gradient(circle at 50% 58%,rgba(255,209,102,calc(var(--warmth) * var(--emotional-lift) * .08)),transparent 34rem),linear-gradient(145deg,#050607,#101114 48%,#070708);isolation:isolate}.app-shell:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:rgba(245,251,251,var(--transition-flash));mix-blend-mode:screen}.memory-stage:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--chorus-hit);background:radial-gradient(ellipse at 50% 42%,rgba(245,251,251,.28),rgba(255,209,102,.12) 18%,transparent 46%),linear-gradient(90deg,transparent 0 14%,rgba(105,243,230,.18) 18%,transparent 24% 76%,rgba(255,106,183,.16) 82%,transparent 88%),linear-gradient(180deg,transparent,rgba(255,209,102,.1),transparent);mix-blend-mode:screen;transform:scale(calc(1 + var(--chorus-hit) * .045))}#memory-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%}.stage-vignette{position:absolute;inset:-1px;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,6,7,.76),transparent 24%,transparent 76%,rgba(5,6,7,.78)),linear-gradient(180deg,rgba(5,6,7,.34),transparent 42%,rgba(5,6,7,.78)),radial-gradient(ellipse at 50% 62%,transparent 34%,rgba(5,6,7,.62) 100%)}.scanlines{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(180deg,rgba(245,251,251,.08) 0,rgba(245,251,251,.08) 1px,transparent 1px,transparent 5px);mix-blend-mode:overlay}.memory-stage{position:absolute;inset:0;z-index:3;transform:translate3d(var(--camera-x),var(--camera-y),0) scale(var(--camera-z));transform-origin:50% 52%}.app-shell.is-glitching .memory-stage{animation:concertGlitch .26s steps(2,end)}.system-frame{position:absolute;inset:var(--stage-frame-inset);pointer-events:none;border:1px solid rgba(245,251,251,calc(.055 + var(--mood-release) * .12 + var(--mood-tension) * .04));box-shadow:inset 0 0 38px rgba(105,243,230,calc(.018 + var(--beat-pulse) * var(--mood-energy) * .08)),inset 0 -16px 80px rgba(255,209,102,calc(var(--mood-release) * .06)),0 0 62px rgba(255,106,183,calc(var(--mood-release) * .1))}.frame-corner{position:absolute;width:58px;height:58px;border-color:rgba(105,243,230,calc(.44 + var(--chorus) * .34));filter:drop-shadow(0 0 10px rgba(105,243,230,.42))}.frame-corner--tl{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.frame-corner--tr{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid}.frame-corner--bl{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid}.frame-corner--br{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.system-readout{position:absolute;top:calc(var(--stage-frame-inset) + 12px);left:calc(var(--stage-frame-inset) + 12px);z-index:9;display:flex;gap:14px;align-items:center;padding:8px 12px;border:1px solid rgba(245,251,251,.26);background:#050607d6;backdrop-filter:blur(10px);box-shadow:0 14px 40px #00000061,inset 0 1px #f5fbfb1f;max-width:min(52vw,480px);isolation:isolate}.readout-label,.readout-value{font-size:.72rem;line-height:1;letter-spacing:0;min-width:0;white-space:nowrap}.readout-label{flex:1 1 auto;color:#f5fbfb94;overflow:hidden;text-overflow:ellipsis}.readout-value{flex:0 0 auto;color:#69f3e6;text-shadow:0 0 14px rgba(105,243,230,.62)}.beat-meter{position:absolute;top:20px;right:22px;display:grid;grid-template-columns:repeat(4,28px);gap:8px}.beat-meter span{height:3px;background:#f5fbfb2e;box-shadow:0 0 #69f3e600;transform-origin:50% 50%}.beat-meter span.is-active{background:#ffd166;box-shadow:0 0 18px #ffd166bd;transform:scaleY(2.2)}.intro-sequence{position:absolute;top:50%;left:50%;z-index:4;display:grid;gap:22px;place-items:center;width:min(680px,calc(100vw - 48px));transform:translate(-50%,-50%);text-align:center;pointer-events:none}.intro-sequence:before,.intro-sequence:after{content:"";width:min(560px,82vw);height:1px;background:linear-gradient(90deg,transparent,rgba(105,243,230,.7),rgba(255,209,102,.6),transparent);box-shadow:0 0 24px #69f3e670;transform:scaleX(calc(.55 + var(--beat-pulse) * .2 + var(--chorus) * .2))}.intro-kicker{margin:0;color:#f5fbfbad;font-size:.88rem;letter-spacing:0}.intro-sequence h1{margin:0;color:#f5fbfb;font-size:clamp(3rem,7vw,6rem);line-height:.92;letter-spacing:0;animation:introTitleBreath 3.4s ease-in-out infinite;text-shadow:0 0 18px rgba(105,243,230,calc(.58 + var(--emotional-lift) * .22)),0 0 42px rgba(255,106,183,calc(.24 + var(--warmth) * .18)),0 0 76px rgba(255,209,102,calc(var(--warmth) * .16))}.intro-loader{display:grid;grid-template-columns:repeat(5,42px);gap:9px}.intro-loader span{height:4px;background:linear-gradient(90deg,#69f3e62e,#69f3e6d9,#ffd16680);animation:loaderPulse 1.7s ease-in-out infinite;box-shadow:0 0 16px #69f3e657,0 0 26px #ff6ab726}.intro-loader span:nth-child(2){animation-delay:.11s}.intro-loader span:nth-child(3){animation-delay:.22s}.intro-loader span:nth-child(4){animation-delay:.33s}.intro-loader span:nth-child(5){animation-delay:.44s}.lyric-layer{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:96px 8vw 170px;pointer-events:none;isolation:isolate;transform:translate3d(var(--lyric-drift-x),calc(var(--lyric-lift) + var(--lyric-drift-y)),0) rotate(var(--lyric-drift-rotate));transform-origin:50% 48%}.lyric-layer:before,.lyric-layer:after{content:"";position:absolute;z-index:0;pointer-events:none}.lyric-layer:before{width:min(82vw,980px);height:min(34vh,330px);border-radius:50%;background:radial-gradient(ellipse at center,rgba(245,251,251,calc(.08 + var(--emotional-lift) * .13)),transparent 34%),radial-gradient(ellipse at 42% 50%,rgba(105,243,230,calc(.08 + (1 - var(--warmth)) * .08)),transparent 62%),radial-gradient(ellipse at 58% 54%,rgba(255,209,102,calc(.04 + var(--warmth) * .09)),transparent 66%);filter:blur(18px);opacity:calc(.34 + var(--mood-intimacy) * .32 + var(--mood-release) * .34);transform:translateY(calc(-4px - var(--mood-release) * 22px + var(--mood-intimacy) * 6px)) scale(calc(.82 + var(--mood-release) * .24 + var(--vocal) * .05 + var(--mood-intimacy) * .06))}.lyric-layer:after{width:min(72vw,760px);height:1px;background:linear-gradient(90deg,transparent,rgba(245,251,251,calc(.25 + var(--emotional-lift) * .4)),transparent);box-shadow:0 0 20px rgba(105,243,230,calc(.22 + var(--vocal) * .24)),0 0 36px rgba(255,209,102,calc(var(--warmth) * .24));opacity:calc(.45 + var(--mood-release) * .4 + var(--mood-intimacy) * .16);transform:translateY(min(16vh,128px)) scaleX(calc(.48 + var(--mood-release) * .34 + var(--vocal) * .1))}.phrase-archive,.lyric-echo{position:absolute;inset:0;overflow:hidden}.phrase-archive{z-index:1}.lyric-echo{z-index:4}.archive-fragment{position:absolute;max-width:22ch;overflow:hidden;color:#f5fbfb42;font-size:.9rem;line-height:1.2;letter-spacing:0;text-overflow:ellipsis;text-shadow:0 0 14px rgba(105,243,230,.16);transform:translate(-50%,-50%) rotate(var(--archive-rotate)) scale(var(--archive-scale));white-space:nowrap}.lyric-current{position:relative;z-index:3;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;max-width:min(920px,calc(100vw - 48px));min-height:2.35em;gap:.08em .34em;padding:.34em 0;color:#f5fbfb;font-size:calc(var(--lyric-font-size) * var(--phrase-font-scale, 1));font-weight:760;line-height:1.12;letter-spacing:0;text-align:center;overflow:visible;white-space:nowrap;opacity:0;filter:drop-shadow(0 0 calc(18px + var(--vocal) * 18px) rgba(105,243,230,.2));isolation:isolate}.lyric-current:after{content:"";position:absolute;right:10%;bottom:-.22em;left:10%;z-index:-1;height:2px;background:linear-gradient(90deg,transparent,rgba(255,209,102,.72),rgba(105,243,230,.72),transparent);box-shadow:0 0 22px #ffd16661,0 0 34px #69f3e652;opacity:calc(var(--phrase-presence, 0) * (.22 + var(--emotional-lift) * .46));transform:scaleX(calc(.3 + var(--phrase-presence, 0) * .7 + var(--phrase-sustain, 0) * .18));transform-origin:50% 50%}.app-shell[data-section=chorus] .lyric-current{font-size:calc(var(--lyric-font-size-chorus) * var(--phrase-font-scale, 1));filter:drop-shadow(0 0 calc(22px + var(--chorus-hit) * 24px) rgba(245,251,251,.18)) drop-shadow(0 0 calc(28px + var(--vocal) * 18px) rgba(255,209,102,.22));text-shadow:0 0 calc(18px + var(--beat-pulse) * 20px) rgba(105,243,230,.5),0 0 calc(34px + var(--chorus) * 38px) rgba(255,106,183,.38),0 0 calc(56px + var(--emotional-lift) * 48px) rgba(255,209,102,.18)}.app-shell[data-section=chorus] .lyric-current:after{height:3px;opacity:calc(var(--phrase-presence, 0) * (.5 + var(--beat-pulse) * .18 + var(--chorus-hit) * .32));transform:scaleX(calc(.64 + var(--phrase-presence, 0) * .58 + var(--phrase-sustain, 0) * .22 + var(--chorus-hit) * .18))}.app-shell[data-section=verse] .lyric-current{text-shadow:0 0 calc(10px + var(--vocal) * 10px) rgba(105,243,230,.24),0 0 calc(18px + var(--mood-intimacy) * 16px) rgba(245,251,251,.16)}.app-shell[data-section=pre-chorus] .lyric-current{text-shadow:0 0 calc(14px + var(--mood-tension) * 18px) rgba(105,243,230,.38),0 0 calc(26px + var(--mood-tension) * 26px) rgba(255,106,183,.26)}.app-shell.is-glitching .lyric-current{filter:saturate(1.5) contrast(1.08)}.lyric-word{display:inline-flex;align-items:baseline;min-width:0;white-space:nowrap;transform:translateY(calc(var(--word-energy) * -.09em)) scale(calc(1 + var(--word-energy) * (.026 + var(--mood-release) * .032) + var(--word-vocal, 0) * .014));transition:color .16s ease,text-shadow .16s ease}.lyric-word:not(.is-visible){display:none}.lyric-word[data-emphasis=strong].is-active{color:#ffd166;text-shadow:0 0 calc(16px + var(--word-vocal, 0) * 18px) rgba(255,209,102,.68),0 0 calc(30px + var(--word-vocal, 0) * 24px) rgba(255,106,183,.28)}.app-shell[data-section=chorus] .lyric-word.is-chorus-focus{color:#fff6d6;transform:translateY(calc(var(--word-energy) * -.16em - var(--beat-pulse) * .05em)) scale(calc(1.02 + var(--word-energy) * .075 + var(--word-vocal, 0) * .035 + var(--chorus-hit) * .045));text-shadow:0 0 calc(18px + var(--word-vocal, 0) * 24px) rgba(255,209,102,.78),0 0 calc(38px + var(--chorus-hit) * 36px) rgba(255,106,183,.36),0 0 calc(60px + var(--beat-pulse) * 30px) rgba(105,243,230,.22)}.app-shell[data-section=chorus] .lyric-word.is-chorus-support{color:#f5fbfb9e;transform:translateY(.04em) scale(.92);text-shadow:0 0 18px rgba(105,243,230,.24)}.lyric-char{position:relative;display:inline-block;opacity:var(--char-opacity);filter:blur(var(--char-blur));transform:translate3d(var(--char-x),var(--char-y),0) skew(var(--char-skew)) scale(var(--char-scale-x, var(--char-scale)),var(--char-scale-y, var(--char-scale)));transform-origin:50% 68%;will-change:transform,opacity,filter;text-shadow:0 0 calc(8px * var(--char-glow)) rgba(245,251,251,.46),0 0 calc(22px * var(--char-glow)) rgba(105,243,230,.58),0 0 calc(34px * var(--char-glow)) rgba(255,106,183,.3)}.lyric-char:after{content:"";position:absolute;top:52%;left:58%;width:calc(.18em + var(--char-hold-line, 0) * 1.05em);height:max(2px,.035em);border-radius:999px;opacity:var(--char-hold-line, 0);pointer-events:none;background:linear-gradient(90deg,rgba(245,251,251,.92),rgba(105,243,230,.72),transparent);box-shadow:0 0 calc(12px * var(--char-hold-line, 0)) #f5fbfb80,0 0 calc(22px * var(--char-hold-line, 0)) #69f3e670,0 0 calc(34px * var(--char-hold-line, 0)) #ff6ab733;transform:translate(.12em,-50%) scaleX(calc(.36 + var(--char-hold-line, 0) * .72));transform-origin:0 50%}.lyric-char.is-held{color:rgba(245,251,251,calc(.96 + var(--char-hold, 0) * .04))}.lyric-space{width:.22em}.word-echo{position:absolute;z-index:1;color:#69f3e6a8;font-size:calc(2.2rem * var(--echo-size));font-weight:700;line-height:1;letter-spacing:0;text-shadow:0 0 24px rgba(105,243,230,.52);transform:translate(-50%,-50%);white-space:nowrap}.app-shell[data-section=chorus] .word-echo{color:#ffd166b8;text-shadow:0 0 28px rgba(255,209,102,.58),0 0 46px rgba(255,106,183,.36)}.ending-sequence{position:absolute;right:9vw;bottom:106px;z-index:4;display:grid;gap:7px;opacity:var(--ending);transform:translateY(calc((1 - var(--ending)) * 16px));pointer-events:none;text-align:right}.ending-sequence p,.ending-sequence span{margin:0;letter-spacing:0}.ending-sequence p{color:#69f3e6;font-size:.8rem;text-shadow:0 0 18px rgba(105,243,230,.7)}.ending-sequence span{color:#f5fbfbb8;font-size:1rem}.operator-panel{position:absolute;bottom:calc(var(--stage-frame-inset) + 12px);left:calc(var(--stage-frame-inset) + 12px);z-index:9;display:grid;grid-template-columns:auto minmax(220px,340px) auto;gap:12px;align-items:center;max-width:calc(100vw - 40px);padding:12px;border:1px solid var(--panel-border);background:var(--panel-bg);backdrop-filter:blur(10px);box-shadow:0 18px 60px #00000052,inset 0 1px #f5fbfb24;isolation:isolate}.app-shell[data-managed=true] .operator-panel{grid-template-columns:auto}.app-shell[data-managed=true] .song-picker,.app-shell[data-managed=true] .transport{display:none}.panel-status{display:flex;gap:8px;align-items:center;min-width:152px;color:#f5fbfbbd;font-size:.82rem;letter-spacing:0;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:#9fb6b5;box-shadow:0 0 12px #9fb6b58a}.status-dot[data-tone=ready]{background:#8ef08b;box-shadow:0 0 16px #8ef08ba8}.status-dot[data-tone=warning]{background:#ffd166;box-shadow:0 0 16px #ffd166a8}.status-dot[data-tone=error]{background:#ff6ab7;box-shadow:0 0 16px #ff6ab7a8}.song-picker{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;min-width:0;color:#f5fbfb9e;font-size:.78rem}.song-picker span{white-space:nowrap}.song-picker select{width:100%;min-width:0;height:36px;color:#f5fbfb;border:1px solid rgba(245,251,251,.2);border-radius:4px;background:#050607e6;outline:none;padding:0 34px 0 10px}.song-picker select:disabled{cursor:progress;opacity:.6}.song-picker select:focus-visible,.icon-button:focus-visible{outline:2px solid #69f3e6;outline-offset:2px}.transport{display:flex;gap:8px}.icon-button{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(245,251,251,.22);border-radius:4px;background:#f5fbfb14;color:#f5fbfb;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.icon-button:hover:not(:disabled){border-color:#69f3e694;background:#69f3e61f;transform:translateY(-1px)}.icon-button:disabled{cursor:not-allowed;opacity:.42}.play-icon{width:0;height:0;margin-left:3px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid currentColor}.pause-icon{width:14px;height:16px;border-right:5px solid currentColor;border-left:5px solid currentColor}.media-slot{position:fixed;right:14px;bottom:14px;z-index:7;width:min(340px,calc(100vw - 28px));max-height:110px;overflow:hidden;opacity:.72;font-size:.75rem}.textalive-banner{border-radius:4px}@keyframes loaderPulse{0%,to{opacity:.22;transform:scaleX(.42)}48%{opacity:1;transform:scaleX(1)}}@keyframes introTitleBreath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.012)}}@keyframes concertGlitch{0%{transform:translate3d(var(--camera-x),var(--camera-y),0) scale(var(--camera-z));filter:none}24%{transform:translate3d(calc(var(--camera-x) + 8px),calc(var(--camera-y) - 3px),0) scale(var(--camera-z)) skew(.6deg);filter:hue-rotate(8deg)}52%{transform:translate3d(calc(var(--camera-x) - 5px),calc(var(--camera-y) + 2px),0) scale(var(--camera-z)) skew(-.45deg);filter:hue-rotate(-10deg)}to{transform:translate3d(var(--camera-x),var(--camera-y),0) scale(var(--camera-z));filter:none}}@media(max-width:900px){:root{--lyric-font-size: 3.5rem;--lyric-font-size-chorus: 4.15rem;--stage-frame-inset: 18px}.operator-panel{grid-template-columns:1fr auto;right:calc(var(--stage-frame-inset) + 8px)}.panel-status{grid-column:1 / -1}.song-picker{min-width:0}.media-slot{display:none}}@media(max-width:620px){:root{--lyric-font-size: 2.55rem;--lyric-font-size-chorus: 3.08rem}.app-shell{min-height:560px}.lyric-layer{padding:82px 22px 180px}.intro-sequence h1{font-size:2.6rem}.intro-loader{grid-template-columns:repeat(5,28px)}.system-readout{max-width:calc(100vw - 108px)}.readout-label,.readout-value{font-size:.66rem}.beat-meter{top:17px;right:12px;grid-template-columns:repeat(4,18px)}.operator-panel{grid-template-columns:1fr auto;gap:10px;padding:10px}.song-picker{grid-template-columns:1fr;gap:5px}.panel-status{min-width:0;white-space:normal}.archive-fragment{max-width:18ch;font-size:.78rem}}@media(max-width:380px){:root{--lyric-font-size: 2.12rem;--lyric-font-size-chorus: 2.42rem}.operator-panel{right:calc(var(--stage-frame-inset) + 4px);bottom:calc(var(--stage-frame-inset) + 4px);left:calc(var(--stage-frame-inset) + 4px)}.transport{gap:6px}.icon-button{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.memory-stage{transform:none}.lyric-layer{transform:translateY(var(--lyric-lift))}}