:root{font-family:Segoe UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#f2f4f8;background:#090a0d}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}.scene{position:relative;width:100%;height:100%;overflow:hidden}.layer-vfx{position:absolute;inset:0;z-index:1;background:#090a0d;overflow:hidden;transition:background var(--vfx-transition-ms, .32s) linear,transform 90ms linear}.layer-vfx.vfx-lite{transition-duration:.18s}.layer-vfx.vfx-deterministic{transition-duration:0ms}.layer-vfx canvas{width:100%;height:100%;display:block}.vfx-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;transition:filter var(--vfx-transition-ms, .32s) ease,opacity var(--vfx-transition-ms, .32s) ease}.vfx-noise,.vfx-chromatic,.vfx-vignette,.vfx-ghost,.vfx-final{position:absolute;inset:0}.vfx-noise{opacity:0;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 14% 22%,rgba(255,255,255,.35) 1px,transparent 1.5px),radial-gradient(circle at 66% 74%,rgba(255,255,255,.24) 1px,transparent 1.4px),radial-gradient(circle at 81% 35%,rgba(255,255,255,.2) 1px,transparent 1.5px);background-size:4px 4px,3px 3px,5px 5px;animation:vfx-noise-shift .11s steps(2) infinite}.layer-vfx.vfx-lite .vfx-noise{animation-duration:.24s}.layer-vfx.vfx-deterministic .vfx-noise{animation:none}.vfx-chromatic{opacity:0;mix-blend-mode:screen;background-image:linear-gradient(95deg,rgba(255,36,91,.24),transparent 42%),linear-gradient(275deg,rgba(58,122,255,.26),transparent 46%);transform:translateZ(0)}.layer-vfx.vfx-lite .vfx-chromatic{mix-blend-mode:soft-light}.vfx-vignette{opacity:.2;background:radial-gradient(circle at 50% 50%,transparent 44%,rgba(0,0,0,.8) 100%)}.vfx-ghost{opacity:0;transition:opacity var(--vfx-transition-ms, .32s) ease}.vfx-word{position:absolute;color:#161c29d9;font-weight:700;letter-spacing:.02em;white-space:nowrap;text-shadow:0 0 16px rgba(0,0,0,.35)}.vfx-final{opacity:0;display:grid;place-items:center;color:#e6ecffcc;font-size:clamp(42px,8vw,124px);font-weight:800;letter-spacing:.03em;text-transform:uppercase;text-shadow:-2px 0 0 rgba(255,50,50,.45),2px 0 0 rgba(40,100,255,.45),0 0 36px rgba(255,255,255,.34);transition:opacity var(--vfx-transition-ms, .32s) ease}.layer-ui{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.ui-panel{position:relative;width:min(920px,100vw);height:min(720px,100vh);--level-transition-ms: .28s}.ui-title{position:absolute;left:50%;top:calc(50% - 110px);transform:translate(-50%,-50%);margin:0;display:inline-flex;align-items:center;gap:10px;font-size:clamp(40px,5vw,52px);font-weight:700;color:#f2f4f8;text-shadow:0 0 24px rgba(111,180,255,.35);white-space:nowrap;transition:opacity var(--level-transition-ms) ease,color var(--level-transition-ms) ease,text-shadow var(--level-transition-ms) ease}.ui-title-icon,.ui-button-icon{line-height:1}.ui-primary{pointer-events:auto;position:absolute;left:50%;top:calc(50% + 10px);transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 28px;border:2px solid #88bcff;border-radius:22px;background:#2b2f38;color:#f2f4f8;font-size:clamp(36px,4.1vw,46px);font-weight:600;line-height:1;box-shadow:0 0 24px #59a0ff73,inset 0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;transition:width var(--level-transition-ms) ease,height var(--level-transition-ms) ease,border-radius var(--level-transition-ms) ease,background var(--level-transition-ms) ease,border-color var(--level-transition-ms) ease,box-shadow var(--level-transition-ms) ease}.ui-primary.is-empty{justify-content:flex-start;gap:0}.ui-primary:active{transform:translate(-50%,-50%) scale(.99)}.ui-button-text[hidden]{display:none}.ui-chips{position:absolute;left:50%;top:calc(50% + 115px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;min-height:44px;transition:opacity var(--level-transition-ms) ease}.ui-chip-row{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px}.ui-chip{width:44px;height:44px;border-radius:999px;border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 20px #00000059;transition:background var(--level-transition-ms) ease,opacity var(--level-transition-ms) ease,transform var(--level-transition-ms) ease}.ui-status{position:fixed;right:16px;bottom:10px;margin:0;font-size:16px;opacity:.85;text-shadow:0 0 8px rgba(0,0,0,.4);white-space:nowrap;transition:opacity var(--level-transition-ms) ease,color var(--level-transition-ms) ease}body.a11y-reduced-motion .layer-vfx,body.a11y-reduced-motion .vfx-overlay,body.a11y-reduced-motion .ui-title,body.a11y-reduced-motion .ui-primary,body.a11y-reduced-motion .ui-chip,body.a11y-reduced-motion .ui-status{transition-duration:0ms!important}body.a11y-reduced-motion .vfx-noise{animation:none}body.a11y-high-contrast .ui-title{color:#fff;text-shadow:0 0 0 rgba(0,0,0,0),0 0 10px rgba(0,0,0,.85)}body.a11y-high-contrast .ui-primary{border-color:#d6e7ff!important;box-shadow:0 0 0 2px #000000d9,0 0 20px #5cabffa6}body.a11y-high-contrast .ui-status{color:#fff;text-shadow:0 0 10px rgba(0,0,0,.9)}@media(prefers-reduced-motion:reduce){.layer-vfx,.vfx-overlay,.ui-title,.ui-primary,.ui-chip,.ui-status{transition-duration:0ms!important}.vfx-noise{animation:none}}@media(prefers-contrast:more){.ui-title{color:#fff;text-shadow:0 0 0 rgba(0,0,0,0),0 0 10px rgba(0,0,0,.85)}.ui-primary{border-color:#d6e7ff!important;box-shadow:0 0 0 2px #000000d9,0 0 20px #5cabffa6}.ui-status{color:#fff;text-shadow:0 0 10px rgba(0,0,0,.9)}}@keyframes vfx-noise-shift{0%{transform:translate(0)}50%{transform:translate(-2px,1px)}to{transform:translate(1px,-1px)}}.color-fallback-input{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;inset:auto;border:0;padding:0;margin:0}