:root{--bg-deep: #0a0625;--bg-night: #14093a;--bg-card: rgba(40, 24, 90, .55);--bg-card-2: rgba(60, 36, 120, .45);--stroke: rgba(180, 150, 255, .25);--stroke-strong: rgba(200, 170, 255, .45);--pink: #ff4fb8;--pink-2: #ff7fd0;--pink-glow: rgba(255, 79, 184, .55);--magenta: #c33dff;--violet: #8b5cf6;--violet-2: #a888ff;--cyan: #5ee7e7;--gold: #ffd66b;--green: #58e5a6;--orange: #ffa66b;--txt: #ffffff;--txt-2: rgba(255, 255, 255, .78);--txt-3: rgba(255, 255, 255, .55);--txt-4: rgba(255, 255, 255, .35);--r-sm: 12px;--r-md: 18px;--r-lg: 28px;--r-xl: 40px;--r-pill: 999px;--glow-pink: 0 0 30px rgba(255, 79, 184, .45), 0 0 60px rgba(255, 79, 184, .25);--glow-violet: 0 0 28px rgba(139, 92, 246, .5);--glow-cyan: 0 0 24px rgba(94, 231, 231, .55);--shadow-card: 0 12px 40px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .12);--gap-1: 4px;--gap-2: 8px;--gap-3: 12px;--gap-4: 16px;--gap-5: 24px;--gap-6: 32px;--gap-7: 48px;--font-round: "ZCOOL KuaiLe", "Baloo 2", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--font-display: "ZCOOL QingKe HuangYou", "ZCOOL KuaiLe", "Baloo 2", "PingFang SC", system-ui, sans-serif;--font-en: "Bubblegum Sans", "Baloo 2", "Comic Sans MS", system-ui, cursive;--font-en-body: "Baloo 2", "Nunito", system-ui, sans-serif;--font-hand: "Ma Shan Zheng", "Caveat", "Comic Sans MS", cursive;--font-app: var(--font-round)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-app);color:var(--txt);background:var(--bg-deep);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;color:inherit}.glass{background:linear-gradient(180deg,#ffffff0f,#fff0 40%),var(--bg-card);border:1px solid var(--stroke);border-radius:var(--r-lg);box-shadow:var(--shadow-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.glass-strong{position:relative;background:linear-gradient(180deg,#ffffff24,#fff0 38%),linear-gradient(155deg,#7846c88c,#3c1e82bf 60%,#2d146ec7);border:1px solid rgba(220,200,255,.32);border-radius:32px;box-shadow:inset 0 1px #ffffff52,inset 0 0 0 1px #b496ff1a,inset 0 -18px 40px #3c147859,0 18px 50px #00000080,0 0 60px #c36eff2e,0 0 120px #ff4fb81f;backdrop-filter:blur(22px) saturate(1.1);-webkit-backdrop-filter:blur(22px) saturate(1.1)}.glass-strong:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(180deg,#ffffff2e,#fff0 26%);pointer-events:none}.btn-neon{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;border:none;border-radius:var(--r-pill);background:linear-gradient(180deg,#ffffff59,#fff0 45%),linear-gradient(135deg,#ff9adf,#ff4fb8 45%,#c33dff);color:#fff;font-family:var(--font-app);font-size:22px;font-weight:600;letter-spacing:.04em;text-shadow:0 1px 2px rgba(120,20,90,.45);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px 6px #a0286e73,0 0 0 1px #ffc8e673,0 0 22px #ff4fb88c,0 0 56px #ff4fb84d,0 10px 22px #b41e8273;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.btn-neon:hover{transform:translateY(-1px) scale(1.02)}.btn-neon:active{transform:translateY(0) scale(.99)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;background:linear-gradient(180deg,#ffffff2e,#ffffff0a);border:1px solid rgba(220,200,255,.4);border-radius:var(--r-pill);color:var(--txt);font-family:var(--font-app);font-size:16px;box-shadow:inset 0 1px #ffffff40,0 6px 14px #00000040;cursor:pointer;transition:background .15s ease,transform .15s ease}.btn-ghost:hover{background:linear-gradient(180deg,#ffffff42,#ffffff14);transform:translateY(-1px)}.btn-violet{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:linear-gradient(180deg,#a888ff,#7c5cf2);border:none;border-radius:var(--r-pill);color:#fff;font-family:var(--font-app);font-size:18px;font-weight:600;box-shadow:0 0 0 2px #ffffff2e inset,0 6px 16px #8b5cf673,0 0 24px #8b5cf666;cursor:pointer}.avatar-ring{position:relative;border-radius:50%;padding:3px;background:conic-gradient(from 220deg,#ffb6e8,#ff7ed1,#c33dff,#8b5cf6,#5ee7e7,#ffb6e8);box-shadow:0 0 0 1px #14093a99 inset,0 0 18px #ff7ed18c,0 0 38px #c33dff59,0 6px 16px #00000059}.avatar-ring:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:radial-gradient(closest-side,#ff7ed159,#ff7ed100 70%);pointer-events:none;z-index:-1;filter:blur(2px)}.avatar-ring>img,.avatar-ring>.ph{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#2a1668;border:2px solid rgba(20,9,58,.9);box-shadow:inset 0 2px 6px #0006}.ph{display:inline-flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#ffffff0a 0,#ffffff0a 8px,#ffffff14 8px,#ffffff14 16px),#28185a99;color:var(--txt-3);font-family:ui-monospace,monospace;font-size:11px;border:1px dashed var(--stroke);border-radius:var(--r-md);text-align:center;padding:6px}.ph-mark{position:absolute;top:6px;left:6px;font:600 9px/1 ui-monospace,monospace;color:#fff9;background:#0006;padding:3px 6px;border-radius:4px;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.h-display{font-family:var(--font-app);font-size:44px;font-weight:700;background:linear-gradient(180deg,#fff,#ffd1f0);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.02em}.h-1{font-size:32px;font-weight:700}.h-2{font-size:24px;font-weight:600}.h-3{font-size:18px;font-weight:600}.text-mono{font-family:ui-monospace,monospace}.flower{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#ffd0e8;text-shadow:0 1px 2px rgba(80,10,60,.45)}.flower:before{content:"";width:14px;height:14px;background:radial-gradient(circle at 50% 50%,#fff1c2 0 3px,transparent 4px),radial-gradient(circle at 50% 14%,#ff9bd1 0 5px,transparent 6px),radial-gradient(circle at 86% 50%,#ff9bd1 0 5px,transparent 6px),radial-gradient(circle at 50% 86%,#ff9bd1 0 5px,transparent 6px),radial-gradient(circle at 14% 50%,#ff9bd1 0 5px,transparent 6px);background-size:100% 100%;filter:drop-shadow(0 0 4px rgba(255,155,209,.7))}.stage-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 720px 520px at 50% 46%,#ff91dc47,#783cc82e 35%,#0a062800 70%),radial-gradient(ellipse 100% 60% at 50% 100%,rgba(10,6,40,.55),transparent 70%)}.stage-card{position:absolute;overflow:visible;animation:stage-card-in .5s cubic-bezier(.2,.9,.2,1.05) both}@keyframes stage-card-in{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.stage-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from 200deg,#ffb6e800,#ff7ed18c 60deg,#c33dff73,#5ee7e759,#ffd66b66 300deg,#ffb6e800 360deg);filter:blur(14px);opacity:.55;z-index:-1;animation:stage-aura-rotate 14s linear infinite}@keyframes stage-aura-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stage-sparkle{position:absolute;pointer-events:none;font-size:18px;color:#ffd6f0;filter:drop-shadow(0 0 6px rgba(255,126,209,.85)) drop-shadow(0 0 12px rgba(255,214,107,.5));animation:sparkle-twinkle 2.6s ease-in-out infinite;z-index:3}.stage-sparkle--tl{top:-8px;left:18px}.stage-sparkle--tr{top:12px;right:-10px;font-size:14px;animation-delay:.5s}.stage-sparkle--bl{bottom:18px;left:-8px;font-size:12px;animation-delay:1.1s}.stage-sparkle--br{bottom:-6px;right:22px;font-size:16px;animation-delay:1.7s}@keyframes sparkle-twinkle{0%,to{opacity:.4;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(15deg)}}.stage-avatar-spot{position:relative;display:inline-flex;align-items:center;justify-content:center}.stage-avatar-spot:before{content:"";position:absolute;width:180px;height:180px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,214,107,.45) 0%,rgba(255,126,209,.32) 28%,rgba(195,61,255,.18) 50%,transparent 70%);filter:blur(8px);pointer-events:none;z-index:0;animation:spot-breath 3.4s ease-in-out infinite}@keyframes spot-breath{0%,to{opacity:.78;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.stage-avatar-spot>*{position:relative;z-index:1}.phase-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;background:linear-gradient(180deg,#ffffff38,#ffffff0a),linear-gradient(135deg,#ff91dc73,#c33dff59 60%,#5ee7e747);border:1px solid rgba(255,200,240,.42);color:#fff;font-size:12px;font-weight:600;letter-spacing:.08em;text-shadow:0 1px 2px rgba(80,10,60,.45);box-shadow:inset 0 1px #ffffff73,0 4px 14px #c33dff52,0 0 18px #ff7ed147}.idea-text{font-family:var(--font-hand),var(--font-app);font-size:38px;font-weight:700;line-height:1.15;letter-spacing:.04em;background:linear-gradient(180deg,#fff8ee,#ffd6f0 45%,#ff9bd1);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(255,126,209,.4);filter:drop-shadow(0 2px 6px rgba(80,10,60,.3));animation:idea-pop-in .55s cubic-bezier(.2,1.4,.4,1) both}@keyframes idea-pop-in{0%{opacity:0;transform:scale(.4) translateY(20px) rotate(-4deg)}60%{opacity:1;transform:scale(1.12) translateY(-2px) rotate(2deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0)}}.idea-quote{display:inline-block;font-family:Georgia,Songti SC,serif;font-size:44px;font-weight:700;line-height:.6;color:#ffd66bb3;text-shadow:0 0 12px rgba(255,214,107,.5);vertical-align:-18px;margin:0 6px}.mic-btn{position:relative;width:96px;height:96px;border-radius:50%;border:none;cursor:pointer;padding:0;background:radial-gradient(circle at 35% 30%,#ffffff8c,#fff0 38%),linear-gradient(160deg,#ff9adf,#ff4fb8,#c33dff);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 2px #ffffff8c,inset 0 -3px 8px #a0286e80,0 0 0 2px #ffc8e673,0 0 28px #ff4fb8b3,0 0 60px #ff4fb866,0 14px 28px #b41e8273;transition:transform .15s ease}.mic-btn:hover{transform:scale(1.04)}.mic-btn:active{transform:scale(.96)}.mic-btn:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;pointer-events:none;border:2px solid rgba(255,126,209,.55);opacity:0}.mic-btn--active:after{animation:mic-pulse 1.4s ease-out infinite}@keyframes mic-pulse{0%{opacity:.9;transform:scale(.85)}80%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}.mic-wave{display:inline-flex;align-items:center;gap:3px;height:36px}.mic-wave>i{display:block;width:4px;border-radius:2px;background:linear-gradient(180deg,#ff9adf,#ff4fb8);box-shadow:0 0 10px #ff4fb899;animation:mic-bar 1.1s ease-in-out infinite;transform-origin:center}.mic-wave--right>i{background:linear-gradient(180deg,#c8a7ff,#8b5cf6);box-shadow:0 0 10px #8b5cf699}@keyframes mic-bar{0%,to{height:28%;opacity:.6}50%{height:100%;opacity:1}}.countdown{position:relative;width:100%;max-width:280px;height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden;box-shadow:inset 0 1px 2px #0006,inset 0 0 0 1px #ffffff0f}.countdown__fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#ff9adf,#ff4fb8 60%,#c33dff);box-shadow:0 0 10px #ff4fb899;transition:width .3s linear}.voice-quote{position:relative;width:100%;text-align:left;padding:16px 18px 16px 36px;border-radius:18px;background:linear-gradient(180deg,#1408388c,#24105c8c);border:1px solid rgba(220,200,255,.18);color:#fff;font-size:16px;line-height:1.55;min-height:64px;box-sizing:border-box}.voice-quote:before{content:"“";position:absolute;left:12px;top:6px;font-family:Georgia,Songti SC,serif;font-size:38px;font-weight:700;line-height:1;color:#ffd66bb3;text-shadow:0 0 10px rgba(255,214,107,.5)}.voice-quote--placeholder{color:#fff6;font-style:italic}.voice-quote-input{width:100%;background:transparent;border:none;outline:none;color:inherit;font-family:inherit;font-size:16px;line-height:1.55;resize:none;padding:0;caret-color:#ff9bd1}.voice-quote-input::placeholder{color:#ffffff59;font-style:italic}.speak-title{font-size:26px;font-weight:700;line-height:1.2;background:linear-gradient(180deg,#fff,#ffd1f0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px rgba(80,10,60,.35))}.speak-arrow{display:inline-block;margin-left:6px;animation:arrow-bounce 1.2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,214,107,.7))}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.speak-input-wrap{position:relative;border-radius:18px;padding:1.5px;background:linear-gradient(135deg,#ff91dc8c,#c33dff73 60%,#5ee7e759);box-shadow:0 6px 22px #3c147859;transition:box-shadow .25s ease}.speak-input-wrap:focus-within{box-shadow:0 0 0 3px #ff4fb847,0 0 28px #ff7ed173,0 6px 22px #3c147866}.speak-input{width:100%;min-height:92px;padding:14px 16px;background:linear-gradient(180deg,#140838c7,#24105cc7);border:none;border-radius:16px;color:#fff;font-family:inherit;font-size:16px;line-height:1.55;resize:none;outline:none;box-sizing:border-box;caret-color:#ff9bd1}.speak-input::placeholder{color:#ffffff6b}.speak-input::-webkit-scrollbar{width:6px}.speak-input::-webkit-scrollbar-thumb{background:#ff7ed166;border-radius:3px}.stage-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:0}.stage-particles span{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,214,107,.85) 50%,transparent 70%);filter:drop-shadow(0 0 4px rgba(255,214,107,.85));animation:particle-drift 6s linear infinite;opacity:0}@keyframes particle-drift{0%{opacity:0;transform:translateY(40px) scale(.6)}20%{opacity:.9}80%{opacity:.7}to{opacity:0;transform:translateY(-80px) scale(1.2)}}.round-track{position:relative;height:8px;min-width:120px;background:#ffffff1a;border-radius:999px;box-shadow:inset 0 1px 2px #0006,inset 0 0 0 1px #ffffff0f;overflow:visible}.round-track__fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#ff9adf,#ff4fb8 55%,#c33dff);border-radius:999px;box-shadow:0 0 12px #ff4fb88c}.round-track__pearl{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#ffd6ee 60%,#ff7ed1);box-shadow:0 0 0 1px #50144659,0 0 6px #ff7ed1b3}.round-track__pearl--current{width:14px;height:14px;background:radial-gradient(circle at 30% 30%,#fff,#ffd66b 50%,#ff7ed1);box-shadow:0 0 0 1px #50144659,0 0 12px #ffd76be6,0 0 22px #ff7ed1b3}.round-track__pearl--done{background:radial-gradient(circle at 30% 30%,#fff,#c8a7ff 60%,#8b5cf6)}.round-track__crown{position:absolute;top:50%;right:-22px;transform:translateY(-50%);font-size:18px;filter:drop-shadow(0 0 6px rgba(255,215,107,.85))}.player-row{position:relative;background:linear-gradient(90deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px 12px;display:flex;align-items:center;gap:10px;transition:all .2s ease}.player-row.is-speaking{background:linear-gradient(90deg,#ff4fb852,#c33dff38 60%,#5ee7e724);border:1px solid rgba(255,126,209,.65);box-shadow:0 0 20px #ff4fb873,0 0 38px #c33dff2e,inset 0 1px #ffffff38;animation:speaking-pulse 2.2s ease-in-out infinite}@keyframes speaking-pulse{0%,to{box-shadow:0 0 18px #ff4fb866,0 0 32px #c33dff29,inset 0 1px #ffffff38}50%{box-shadow:0 0 26px #ff4fb899,0 0 50px #c33dff47,inset 0 1px #ffffff47}}.player-row__status-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#ffffff2e;border:1px solid rgba(255,255,255,.22)}.player-row__status-dot--ready{background:radial-gradient(circle,#c8a7ff,#8b5cf6 70%);border-color:#c8a7ff99;box-shadow:0 0 6px #a888ff99}.starfield{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 20% 0%,rgba(139,92,246,.45),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(255,79,184,.35),transparent 55%),radial-gradient(ellipse at 50% 50%,rgba(60,30,140,.5),transparent 70%),var(--bg-deep)}.starfield:before,.starfield:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.4px 1.4px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 82% 32%,#fff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 35% 75%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 58% 12%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 70% 60%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 24% 50%,#fff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 90% 82%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 46% 90%,#fff 50%,transparent 51%);opacity:.85;animation:twinkle 3s ease-in-out infinite alternate}.starfield:after{background-image:radial-gradient(1px 1px at 6% 60%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 90% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 50% 40%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 30% 8%,#fff 50%,transparent 51%);animation-delay:1.5s}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bubble-rise{0%{transform:translateY(0) scale(.9);opacity:0}15%{opacity:.85}90%{opacity:.5}to{transform:translateY(-110vh) scale(1.1);opacity:0}}.bubble{position:absolute;bottom:-60px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fffffff2 0,#fffffff2,#ffffff2e 12%,#ffffff0d 35%,#fff0 60%),radial-gradient(circle at 65% 70%,#b4c8ff59,#fff0 55%);box-shadow:0 0 18px #ffffff2e,inset 0 0 12px #ffffff40;pointer-events:none;animation:bubble-rise linear infinite}@keyframes host-pulse{0%,to{box-shadow:0 0 0 1px #a8e8ff8c inset,0 0 24px #5ee7e773,0 0 60px #5eb4ff59}50%{box-shadow:0 0 0 1px #c3ebffd9 inset,0 0 36px #8cf0ffa6,0 0 90px #78b4ff8c}}@keyframes pulse-ring{0%{box-shadow:0 0 #ff4fb899}to{box-shadow:0 0 0 22px #ff4fb800}}@keyframes wave-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(120vh) rotate(720deg);opacity:.6}}.scene-enter{animation:scene-in .45s cubic-bezier(.2,.8,.2,1) both}@keyframes scene-in{0%{opacity:0;transform:scale(.985) translateY(8px)}to{opacity:1;transform:none}}@keyframes canvas-punch-in{0%{opacity:0;transform:scale(.55) rotate(-4deg);filter:blur(18px) brightness(1.4)}55%{opacity:1;transform:scale(1.08) rotate(1deg);filter:blur(2px) brightness(1.15)}72%{transform:scale(.97) rotate(-.5deg);filter:blur(0) brightness(1.05)}85%{transform:scale(1.02) rotate(0)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0) brightness(1)}}@keyframes canvas-shake-in{0%{opacity:0;transform:scale(1.12);filter:blur(8px) brightness(1.6)}18%{opacity:1;transform:scale(1) translate(2px,-2px);filter:blur(0) brightness(1.2)}30%{transform:scale(1.02) translate(-3px,1px);filter:brightness(1.05)}44%{transform:scale(1) translate(2px,2px);filter:brightness(1)}to{opacity:1;transform:scale(1) translate(0);filter:brightness(1)}}@keyframes flash-burst{0%{opacity:0;transform:scale(.3)}35%{opacity:.95;transform:scale(1.3)}to{opacity:0;transform:scale(2.4)}}@keyframes canvas-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}@keyframes cosmic-reveal{0%{opacity:0;transform:scale(.55);filter:brightness(1.7) saturate(1.2)}35%{opacity:.85}to{opacity:1;transform:scale(1);filter:brightness(1) saturate(1)}}.canvas{position:relative;width:1280px;height:720px;margin:0 auto;overflow:hidden;border-radius:24px;box-shadow:0 30px 80px #00000080}.canvas-wrap{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#05031a;overflow:hidden}.statusbar{position:absolute;top:0;left:0;right:0;height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font:600 12px/1 -apple-system,sans-serif;color:#ffffffd9;z-index:50;pointer-events:none}.input{width:100%;padding:12px 14px;background:#ffffff14;border:1px solid var(--stroke);border-radius:var(--r-md);color:var(--txt);font-family:inherit;font-size:16px;outline:none}.input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff4fb840}