*{box-sizing:border-box;margin:0;padding:0}:root{--cyan:#00f0ff;--purple:#8616fa;--dark-bg:#03060c;--hud-bg:#070c12b3}body{background-color:var(--dark-bg);color:#fff;min-height:100vh;font-family:Inter,Noto Sans SC,sans-serif;position:relative;overflow-x:clip}#spline-bg{z-index:0;pointer-events:auto;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}#spline-bg spline-viewer{transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.25)}@media (hover:none) and (pointer:coarse){#spline-bg{pointer-events:none}#spline-bg spline-viewer{transform:scale(1.1)}}.app-container{pointer-events:none}.app-container .language-selector span,.app-container .nav-btn,.app-container .page-info,.app-container #chat-content,#fx-btn,#btn-theme,#btn-fontsize{pointer-events:auto}.page-nav-bottom{margin-top:48px;margin-bottom:8px}.btn-fx-bottom{margin-top:4px;margin-bottom:32px}#vanta-bg{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0}#fx-btn{z-index:999;color:var(--cyan);letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00f0ff14;border:1px solid #00f0ff59;border-radius:20px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;transition:background .2s,box-shadow .2s;position:fixed;bottom:24px;right:24px}#fx-btn:hover{background:#00f0ff2e;box-shadow:0 0 14px #00f0ff4d}.page-nav{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:800px;padding:0 16px 24px;display:flex}.nav-btn{color:var(--cyan);cursor:pointer;white-space:nowrap;background:#00f0ff12;border:1px solid #00f0ff40;border-radius:20px;padding:8px 18px;font-family:Inter,sans-serif;font-size:13px;transition:background .2s,box-shadow .2s}.nav-btn:hover:not(:disabled){background:#00f0ff26;box-shadow:0 0 10px #00f0ff40}.nav-btn:disabled{opacity:.25;cursor:default}.page-info{flex-direction:column;align-items:center;gap:8px;display:flex}#page-date{color:#ffffff80;letter-spacing:.08em;font-size:13px}#page-dots{flex-wrap:nowrap;align-items:center;gap:6px;max-width:100%;display:flex}.dot.edge{opacity:.35;transform:scale(.75)}.page-count{letter-spacing:.08em;color:#fff6;white-space:nowrap;margin-left:10px;font-family:Inter,sans-serif;font-size:11px}.dot{cursor:pointer;background:#00f0ff33;border:1px solid #00f0ff4d;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.dot.active{background:var(--cyan);box-shadow:0 0 8px var(--cyan);transform:scale(1.3)}.dot:hover:not(.active){background:#00f0ff80}.message{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1);transform:translate(0)}.message.user{transform:translate(-60px)}.message.ai{transform:translate(60px)}.message.slide-in{opacity:1;transform:translate(0)}.app-container{z-index:1;flex-direction:column;align-items:center;min-height:100vh;padding-bottom:50px;display:flex;position:relative}.desktop-header{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin-top:2rem;padding:0 2rem;display:flex;position:relative}.top-nav{justify-content:flex-end;width:100%;margin-bottom:2rem;display:flex}.language-selector{gap:.5rem;display:flex}.language-selector span{color:#8e9aa5;cursor:pointer;background:#00f0ff0d;border:1px solid #00f0ff33;border-radius:4px;padding:4px 15px;font-size:13px;transition:all .3s}.language-selector span.active,.language-selector span:hover{color:#fff;border-color:var(--cyan);box-shadow:0 0 10px var(--cyan);background:#00f0ff33}.title-section{text-align:center;margin-bottom:4rem}.main-title{letter-spacing:6px;color:#fff;text-shadow:0 0 5px var(--cyan), 0 0 20px var(--cyan), 0 0 40px var(--purple);margin-bottom:1rem;font-size:3.5rem;font-weight:700}.main-title span{color:var(--cyan);font-weight:300}.subtitle{color:#b0c4de;letter-spacing:3px;text-transform:uppercase;font-size:1.1rem}.connection-graphic{justify-content:space-between;align-items:center;width:100%;max-width:800px;height:120px;margin-bottom:2rem;display:flex;position:relative}.avatar-wrap{perspective:800px;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.avatar-wrap img{border:2px solid var(--cyan);z-index:2;object-fit:cover;border-radius:50%;width:76px;height:76px;box-shadow:0 0 20px #00f0ff99}.avatar-wrap[data-speaker=ia10] img:not(.dali-3d){border-color:#ffba40b3;box-shadow:0 0 22px #ffba4080}.avatar-wrap[data-speaker=karen] img:not(.dali-3d){border-color:#ff5078b3;box-shadow:0 0 22px #ff507866}.avatar-wrap[data-speaker=mini] img:not(.dali-3d){border-color:#a078ffb3;box-shadow:0 0 22px #a078ff66}.dali-3d{object-fit:contain;filter:drop-shadow(0 20px 15px #000c)drop-shadow(0 0 15px #00f0ff66);transform-style:preserve-3d;background:0 0;width:90px!important;height:auto!important;box-shadow:none!important;border:none!important;border-radius:0!important;animation:4s ease-in-out infinite float-bot,8s ease-in-out infinite alternate spin-bot!important}.message.ai .dali-3d{filter:drop-shadow(0 15px 10px #0009);width:75px!important}@keyframes float-bot{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes spin-bot{0%{transform:rotateY(-15deg)}to{transform:rotateY(15deg)}}.glow-ring{z-index:1;border:2px dashed #00f0ff80;border-radius:50%;width:110px;height:110px;animation:10s linear infinite ring-spin;position:absolute}.glow-ring:after{content:"";border:1px solid #00f0ff33;border-radius:50%;position:absolute;inset:-10px}.glow-ring.purple{border-color:#8616fa80 dashed}.glow-ring.purple:after{border-color:#8616fa33}@keyframes ring-spin{to{transform:rotate(360deg)}}.avatar-wrap .name{color:#fff;text-shadow:0 0 10px var(--cyan);letter-spacing:2px;white-space:nowrap;font-size:14px;font-weight:700;position:absolute;top:110px}.line-path{height:60px;position:absolute;top:50%;left:60px;right:60px;transform:translateY(-50%)}.line-path svg{width:100%;height:100%;filter:drop-shadow(0 0 5px var(--cyan))}.frameless-chat{z-index:20;flex-direction:column;gap:32px;width:100%;max-width:1000px;margin-top:40px;padding:0 20px;display:flex}.timeline-divider{align-items:center;width:100%;max-width:600px;margin:0 auto 50px;display:flex}.timeline-divider .line{background:linear-gradient(90deg, transparent, var(--cyan), transparent);flex:1;height:1px}.timeline-divider .text{color:var(--cyan);letter-spacing:2px;text-shadow:0 0 8px var(--cyan);margin:0 15px;font-size:11px;font-weight:600}.chat-track{flex-direction:column;gap:60px;display:flex}.message{gap:20px;width:100%;max-width:70%;display:flex}.message.user{align-self:flex-start}.message.ai{align-self:flex-end}.message .avatar{perspective:600px;flex-direction:column;align-items:center;gap:10px;display:flex}.message .avatar img{object-fit:cover;border:1px solid #00f0ff66;border-radius:50%;width:58px;height:58px;box-shadow:0 0 20px #00f0ff33}.message.ai .avatar img{border-color:#8616fa80;box-shadow:0 0 20px #8616fa4d}.message.ai .avatar.speaker-ia10 img{border:2px solid #ffba4099;box-shadow:0 0 22px #ffba4052}.message.ai .avatar.speaker-ia10 .name{color:#ffe4a3}.message.ai .avatar.speaker-karen img{border:2px solid #ff50788c;box-shadow:0 0 20px #ff507847}.message.ai .avatar.speaker-karen .name{color:#ff9fb7}.message.ai .avatar.speaker-mini img{border:2px solid #a078ff8c;box-shadow:0 0 20px #a078ff47}.message.ai .avatar.speaker-mini .name{color:#c3b3ff}.message .avatar .name{color:#8e9aa5;letter-spacing:1px;white-space:nowrap;font-size:12px}.bubble{color:#fff;background:var(--hud-bg);--mouse-x:0px;--mouse-y:0px;border:1px solid #ffffff0d;border-radius:16px;flex:1;padding:25px;font-size:15px;line-height:1.7;position:relative;box-shadow:0 10px 30px #00000080}.ai .bubble{background:#0f0a19b3}.bubble:after{content:"";border-radius:inherit;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), #fffc 0%, var(--cyan) 15%, transparent 60%) border-box;-webkit-mask-composite:destination-out;pointer-events:none;opacity:0;z-index:5;border:1.5px solid #0000;transition:opacity .5s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ai .bubble:after{background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), #fffc 0%, var(--purple) 15%, transparent 60%) border-box}.bubble:hover:after{opacity:1;transition-duration:.1s}.bubble:before{content:"";border-radius:inherit;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), #00f0ff0f 0%, transparent 40%);z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;inset:0}.ai .bubble:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), #8616fa14 0%, transparent 40%)}.bubble:hover:before{opacity:1;transition-duration:.1s}.bubble-header{color:var(--cyan);text-transform:uppercase;border-bottom:1px solid #00f0ff4d;margin-bottom:12px;padding-bottom:4px;font-size:12px;display:inline-block}body.day-theme{--accent:var(--day-color,var(--cyan))}body.day-theme .bubble-header,body.day-theme .step-num,body.day-theme .timeline-divider .text,body.day-theme .nav-btn,body.day-theme #fx-btn{color:var(--accent)}body.day-theme .box-content{border-left-color:var(--accent)}body.day-theme .bubble-neon{animation:2s ease-in-out infinite neon-pulse-accent;border-color:var(--accent)!important}@keyframes neon-pulse-accent{0%,to{box-shadow:0 0 8px rgba(var(--accent-rgb),.3), inset 0 0 8px rgba(var(--accent-rgb),.05)}50%{box-shadow:0 0 22px rgba(var(--accent-rgb),.7), inset 0 0 15px rgba(var(--accent-rgb),.1)}}.enter-drop{opacity:0;transform:translateY(-40px)scale(.95);transition:opacity .45s,transform .45s cubic-bezier(.34,1.56,.64,1)!important}.enter-drop.slide-in{opacity:1;transform:translateY(0)scale(1)}.enter-expand{opacity:0;transform-origin:0;transform:scale(.7)translateY(10px);transition:opacity .4s,transform .4s cubic-bezier(.22,1,.36,1)!important}.enter-expand.slide-in{opacity:1;transform:scale(1)translateY(0)}.message.ai .enter-expand{transform-origin:100%}.enter-beam{opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .3s,clip-path .5s cubic-bezier(.22,1,.36,1)!important;transform:none!important}.message.ai .enter-beam{clip-path:inset(0 0 0 100%)}.enter-beam.slide-in{opacity:1;clip-path:inset(0 0% 0 0)}.enter-glitch{opacity:0;transform:translate(-8px);transition:none!important}.enter-glitch.slide-in{animation:.4s step-end forwards glitch-appear}@keyframes glitch-appear{0%{opacity:0;filter:hue-rotate(90deg);transform:translate(-8px)skew(-5deg)}20%{opacity:1;filter:hue-rotate();transform:translate(4px)skew(3deg)}40%{opacity:1;filter:none;transform:translate(-2px)skew(0)}60%{opacity:1;filter:none;transform:translate(1px)}to{opacity:1;filter:none;transform:translate(0)}}.bubble-glitch .bubble-header{animation:4s infinite glitch-flicker;position:relative}.bubble-glitch .bubble-header:before,.bubble-glitch .bubble-header:after{content:attr(data-text);width:100%;position:absolute;top:0;left:0;overflow:hidden}.bubble-glitch .bubble-header:before{color:#ff003c;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:3s infinite glitch-r}.bubble-glitch .bubble-header:after{color:#00f0ff;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:3s .15s infinite glitch-b}@keyframes glitch-flicker{0%,94%,96%,to{opacity:1}95%{opacity:.7}}@keyframes glitch-r{0%,90%,to{opacity:0;transform:translate(0)}91%,93%{opacity:.8;transform:translate(-3px)}92%,94%{opacity:.8;transform:translate(3px)}}@keyframes glitch-b{0%,88%,to{opacity:0;transform:translate(0)}89%,91%{opacity:.8;transform:translate(3px)}90%,92%{opacity:.8;transform:translate(-3px)}}.bubble-scanline{overflow:hidden}.bubble-scanline:after{opacity:1!important;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f0ff08 2px 4px)!important;border:none!important;transition:none!important;animation:8s linear infinite scanline-scroll!important;inset:0!important;-webkit-mask:none!important;mask:none!important}@keyframes scanline-scroll{0%{background-position:0 0}to{background-position:0 -200px}}.bubble-neon{animation:2s ease-in-out infinite neon-pulse;border:1px solid var(--cyan)!important}@keyframes neon-pulse{0%,to{box-shadow:0 0 8px #00f0ff4d,inset 0 0 8px #00f0ff0d}50%{box-shadow:0 0 22px #00f0ffb3,inset 0 0 15px #00f0ff1a}}.box-content{border-left:2px solid var(--cyan);background:#00000080;border-radius:4px;margin-top:15px;padding:15px}.step-num{color:var(--cyan);margin-bottom:10px;font-size:13px;font-weight:700;display:block}.mono-line{color:#aef;margin-bottom:6px;font-family:monospace;font-size:14px}.highlight{color:#f05;text-shadow:0 0 10px #ff005580;font-weight:700}.ai-action{background:linear-gradient(90deg,#8616fa1a,#0000);border:1px solid #8616fa4d;align-items:center;gap:15px;display:flex}.play-icon{color:var(--purple);text-shadow:0 0 10px var(--purple);font-size:18px}.action-text .title{color:var(--purple);margin-bottom:4px;font-size:13px;font-weight:700}.action-text .desc{color:#fff;font-size:15px}.success{background:#140a1e99;border:1px solid #8616fa4d}.success-title{color:#fff;text-shadow:0 0 5px var(--cyan);align-items:center;gap:10px;margin-bottom:15px;font-size:16px;display:flex}.check-box{background:var(--cyan);color:#000;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.sub-text{margin-bottom:10px}.golden-highlight{color:var(--cyan);font-weight:700}.fade-in{opacity:0;animation:.8s ease-out forwards slideUp}.message.fade-in{animation:none}.comparison-container{margin:15px 0;overflow-x:auto}.comparison-table{border-collapse:collapse;background:#0006;border:1px solid #8616fa33;border-radius:8px;width:100%;font-size:13px}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:12px}.comparison-table th{color:var(--purple);text-transform:uppercase;letter-spacing:1px;font-weight:700}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td:first-child{color:#8e9aa5;width:30%;font-weight:500}.comparison-table td:not(:first-child){color:#fff}.code-command{border:1px solid var(--purple);color:var(--cyan);cursor:text;background:#000c;border-radius:6px;margin:10px 0;padding:10px 15px;font-family:Inter,monospace;font-size:13px;display:block;box-shadow:0 0 15px #8616fa33}.code-command:before{content:"$ ";color:var(--purple);font-weight:700}.typing-cursor:after{content:"|";color:var(--cyan);margin-left:2px;animation:.8s step-end infinite blink}@keyframes blink{50%{opacity:0}}.stagger-item{opacity:0;transition:all .5s ease-out;transform:translateY(10px)}.stagger-item.revealed{opacity:1;transform:translateY(0)}.terminal-boot{animation:1.5s ease-in-out forwards flicker}@keyframes flicker{0%{opacity:0}10%{opacity:.5}20%{opacity:.2}35%{opacity:.8}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}:root{--font-scale:1}.bubble{font-size:calc(15px * var(--font-scale))}.bubble p,.bubble .mono-line{font-size:calc(14px * var(--font-scale))}.bubble-header{font-size:calc(11px * var(--font-scale))}#btn-fontsize{z-index:999;color:var(--cyan);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00f0ff14;border:1px solid #00f0ff59;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-family:Inter,monospace;font-size:13px;font-weight:600;transition:background .2s;display:flex;position:fixed;bottom:70px;right:24px}#btn-fontsize:hover{background:#00f0ff2e}@media (width<=768px){.desktop-header{margin-top:1rem;padding:20px 16px 0}.title-section{margin-bottom:1.5rem}.main-title{letter-spacing:2px;word-break:keep-all;overflow-wrap:normal;white-space:normal;font-size:clamp(16px,4.5vw,26px);line-height:1.3}.subtitle{letter-spacing:.05em;font-size:11px}.connection-graphic{max-width:100%;height:70px;margin-bottom:.5rem}.avatar-wrap{width:56px;height:56px}.avatar-wrap img{width:48px;height:48px}.dali-3d{width:56px!important}.glow-ring{width:68px;height:68px}.page-nav{gap:8px;margin-top:8px;padding:0 12px 16px}.nav-btn{padding:6px 12px;font-size:11px}#page-date{font-size:11px}.chat-track{gap:20px}.frameless-chat{padding:0 12px 40px}.message{gap:10px;width:100%;max-width:96%}.message.user,.message.ai{align-self:stretch}.message .avatar img{width:38px;height:38px}.message.ai .avatar img{width:44px;height:44px}.message .avatar .name{font-size:10px}.message.ai .dali-3d{width:44px!important}.bubble{border-radius:12px;min-height:0;padding:14px 16px;line-height:1.55}.bubble p{margin-bottom:6px}.box-content{margin-top:10px;padding:10px 12px}.step-num{margin-bottom:6px;font-size:11px}.mono-line{margin-bottom:4px;font-size:12px}.bubble-header{margin-bottom:8px}.bubble-split{flex-direction:column;flex:1;gap:8px;display:flex}.bubble-split .bubble{flex:unset;width:100%}.timeline-divider .text{letter-spacing:.05em;font-size:10px}#fx-btn{padding:7px 13px;font-size:11px;bottom:16px;right:16px}#btn-fontsize{width:34px;height:34px;font-size:12px;bottom:62px;right:16px}}.super-arts-container{z-index:50;width:100%;margin:20px 0;padding:60px 0;animation:10s forwards screen-shake;position:relative;overflow:visible}.super-p1{opacity:0;animation:1s cubic-bezier(.05,.8,.2,1) 1s forwards p1-charge;transform:translate(-300%)}.super-p1 .avatar img{animation:1.2s ease-out 1.9s forwards cyan-ring;border-color:#00f0ff!important}.super-p1 .bubble{border-color:#00f0ffb3!important;box-shadow:0 0 20px #00f0ff4d!important}@keyframes p1-charge{0%{opacity:0;filter:brightness(3);transform:translate(-300%)skew(12deg)}65%{opacity:1;filter:brightness(1.5);transform:translate(2%)skew(-4deg)}80%{transform:translate(-1%)skew(2deg)}to{opacity:1;filter:brightness();transform:translate(0)skew(0)}}@keyframes cyan-ring{0%{transform:scale(1.3);box-shadow:0 0 #00f0ff}50%{transform:scale(1.1);box-shadow:0 0 0 30px #00f0ff4d}to{transform:scale(1);box-shadow:0 0 0 60px #00f0ff00}}.super-p2{opacity:0;animation:1s cubic-bezier(.05,.8,.2,1) 3s forwards p2-charge;transform:translate(300%)}.super-p2 .dali-3d{animation:1.2s ease-out 3.9s forwards purple-ring!important}.super-p2 .bubble{border-color:#8616facc!important;box-shadow:0 0 20px #8616fa66!important}@keyframes p2-charge{0%{opacity:0;filter:brightness(3);transform:translate(300%)skew(-12deg)}65%{opacity:1;filter:brightness(1.5);transform:translate(-2%)skew(4deg)}80%{transform:translate(1%)skew(-2deg)}to{opacity:1;filter:brightness();transform:translate(0)skew(0)}}@keyframes purple-ring{0%{filter:drop-shadow(0 0 20px #8616fa)brightness(3);transform:scale(1.4)}50%{filter:drop-shadow(0 0 25px #8616fa99);transform:scale(1.15)}to{filter:drop-shadow(0 0 8px #8616fa4d);transform:scale(1)}}.super-p3{opacity:0;animation:.9s cubic-bezier(.1,.9,.2,1) 5.5s forwards p3-burst;transform:translateY(60px)scale(.9)}.super-p3 .avatar img{animation:1.5s ease-in-out 6.3s infinite alternate gold-pulse;border-color:gold!important}.super-p3 .bubble{border-color:#ffd700cc!important;box-shadow:0 0 25px #ffb4004d!important}@keyframes p3-burst{0%{opacity:0;filter:brightness(4)saturate(2);transform:translateY(60px)scale(.88)}55%{opacity:1;filter:brightness(1.6);transform:translateY(-8px)scale(1.06)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)}}@keyframes gold-pulse{0%{filter:drop-shadow(0 0 6px #ffd70099)}to{filter:drop-shadow(0 0 20px #ffc800)}}.super-p4{opacity:0;animation:1.1s cubic-bezier(.15,.85,.3,1) 8s forwards p4-flip;transform:perspective(700px)rotateX(35deg)translateY(90px)scale(.85)}.super-p4 .dali-3d{filter:hue-rotate(140deg)drop-shadow(0 0 15px #00ff64e6)!important}.super-p4 .bubble{background:#001408e0!important;border-color:#00ff64cc!important;box-shadow:0 0 25px #00ff644d!important}@keyframes p4-flip{0%{opacity:0;filter:hue-rotate(180deg)brightness(2);transform:perspective(700px)rotateX(40deg)translateY(100px)scale(.8)}60%{opacity:1;transform:perspective(700px)rotateX(-5deg)translateY(-5px)scale(1.03)}to{opacity:1;filter:none;transform:perspective(700px)rotateX(0)translateY(0)scale(1)}}@keyframes screen-shake{0%,18%{transform:translate(0)}19%{transform:translate(-8px,4px)scale(1.01)}21%{transform:translate(8px,-4px)}23%{transform:translate(-4px,8px)}25%{transform:translate(0)}38%,39%{transform:translate(0)}40%{filter:brightness(1.15);transform:translate(10px,-6px)scale(1.02)}42%{transform:translate(-10px,6px)}44%{filter:brightness();transform:translate(0)}63%,64%{transform:translate(0)}65%{transform:translate(-6px,5px)}67%{transform:translate(6px,-5px)}69%{transform:translate(0)}90%,91%{transform:translate(0)}92%{transform:translate(-10px,7px)scale(1.01)}94%{transform:translate(10px,-7px)}96%,to{transform:translate(0)}}.brainstorm-flash,.super-bg-wrapper{display:none!important}.arcade-vs-container{background:#000;border:2px solid #333;border-radius:12px;width:100%;max-width:900px;margin:30px auto;overflow:hidden;box-shadow:0 0 30px #000c,0 0 15px #00f0ff4d}.arcade-header{background:linear-gradient(#222,#000);border-bottom:2px solid #444;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.player-info{flex-direction:column;gap:5px;width:40%;display:flex}.p1{align-items:flex-start}.p2{align-items:flex-end}.p-name{color:#fff;text-shadow:2px 2px #000;letter-spacing:2px;font-family:Impact,Noto Sans SC,sans-serif;font-size:20px}.health-bar{background:#333;border:2px solid #ccc;border-radius:2px;width:100%;height:20px}.health{background:linear-gradient(#ff0,#f90);width:100%;height:100%;box-shadow:inset 0 0 5px #fffc}.p2-health{background:linear-gradient(#0ff,#08f)}.vs-badge{color:#f05;text-shadow:0 0 10px #f05,2px 2px #fff;font-family:Impact,sans-serif;font-size:36px;font-style:italic;animation:1s infinite alternate pulse-vs}@keyframes pulse-vs{0%{transform:scale(1)}to{transform:scale(1.1)}}.arcade-scene{aspect-ratio:16/9;background:#111;width:100%;position:relative;overflow:hidden}.arcade-scene .vs-bg{object-fit:cover;opacity:.8;width:100%;height:100%}.dialogue-overlay{opacity:0;align-items:flex-end;gap:15px;width:70%;animation:.5s ease-out forwards slideInDialog;display:flex;position:absolute;bottom:20px}.p1-dialogue{animation-delay:1.5s;left:20px}.p2-dialogue{flex-direction:row-reverse;animation-delay:3s;right:20px}.dialogue-overlay .portrait img{object-fit:cover;background:#000c;border:3px solid #fff;width:80px;height:80px}.p1-dialogue .portrait img{border-color:#f90}.p2-dialogue .portrait img{border-color:#08f}.dialogue-overlay .text-box{color:#fff;background:#000000d9;border:2px solid #fff;border-radius:8px;padding:15px;font-size:15px;box-shadow:4px 4px #00000080}.p1-dialogue .text-box{border-color:#f90}.p2-dialogue .text-box{border-color:#08f}@media (width<=768px){.message{max-width:90%}}body.theme-tilt .bubble{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-style:preserve-3d;will-change:transform;background:#1e0a3cb3;border:1px solid #a050ff80;border-radius:16px;transition:transform .1s,box-shadow .2s;overflow:visible;box-shadow:0 8px 32px #6400ff40}body.theme-tilt .bubble:before{content:"";pointer-events:none;background:linear-gradient(135deg,#b464ff4d,#0000 60%);border-radius:16px;position:absolute;inset:-1px}body.theme-tilt .bubble-header{color:#c084fc;text-shadow:0 0 10px #c084fc}body.theme-tilt .message.ai .bubble{background:#140532cc}body.theme-neon .bubble{-webkit-backdrop-filter:blur(20px);background:#080c1c99;border:1.5px solid #0000;border-radius:18px;animation:6s linear infinite neon-border-cycle;position:relative;overflow:hidden;box-shadow:0 0 0 1px #6478ff33,0 4px 40px #5064ff26}body.theme-neon .bubble:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(120deg,#6366f1,#a855f7,#06b6d4,#6366f1) 0 0/300% 300%;border-radius:18px;padding:1.5px;animation:4s linear infinite neon-grad;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}body.theme-neon .bubble:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);width:60%;height:100%;animation:3s infinite neon-shimmer;position:absolute;top:0;left:-100%}@keyframes neon-grad{0%{background-position:0%}to{background-position:300%}}@keyframes neon-shimmer{0%{left:-100%}to{left:200%}}body.theme-panels .frameless-chat{perspective:900px}body.theme-panels .bubble{background:#0d0f14;border:none;border-radius:14px;transition:transform .3s,box-shadow .3s;box-shadow:6px 6px 16px #000000b3,-3px -3px 10px #ffffff08,inset 0 1px #ffffff0a}body.theme-panels .bubble:hover{transform:translateZ(12px)rotateX(-1deg);box-shadow:10px 10px 24px #000c,-4px -4px 14px #ffffff0a,inset 0 1px #ffffff0f}body.theme-panels .message.user .bubble{background:#0a0c10}body.theme-panels .bubble-header{color:#c8c8dce6;letter-spacing:.06em;font-size:.75em}#btn-theme{z-index:999;color:#fff;letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;transition:background .2s;position:fixed;bottom:64px;right:24px}#btn-theme:hover{background:#ffffff1f}body.theme-tilt .bubble,body.theme-neon .bubble,body.theme-panels .bubble{-webkit-backdrop-filter:blur(18px)saturate(180%)brightness(1.05)}body.theme-tilt .bubble:after,body.theme-neon .bubble:after,body.theme-panels .bubble:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(#ffffff12 0%,#0000 100%);height:40%;position:absolute;top:0;left:0;right:0}body.theme-tilt .bubble,body.theme-neon .bubble,body.theme-panels .bubble{position:relative;overflow:hidden}body.theme-tilt .bubble:before,body.theme-panels .bubble:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#ffffff14 0%,#0000 50%),radial-gradient(at 80% 80%,#ffffff0a 0%,#0000 40%);position:absolute;inset:0}body.theme-tilt .bubble,body.theme-neon .bubble,body.theme-panels .bubble{border-radius:20px 20px 20px 4px}body.theme-tilt .message.user .bubble,body.theme-neon .message.user .bubble,body.theme-panels .message.user .bubble{border-radius:20px 20px 4px}body.theme-tilt .bubble:hover,body.theme-neon .bubble:hover,body.theme-panels .bubble:hover{-webkit-backdrop-filter:blur(24px)saturate(220%)brightness(1.1);transition:-webkit-backdrop-filter .4s,backdrop-filter .4s,box-shadow .3s}#nebula-bg{z-index:-1;background:#03040a;position:fixed;inset:0;overflow:hidden}#nebula-bg .cloud{filter:blur(80px);opacity:0;mix-blend-mode:screen;border-radius:50%;animation:linear infinite nebula-drift;position:absolute}@keyframes nebula-drift{0%{opacity:0;transform:translate(0)scale(1)}20%{opacity:.35}80%{opacity:.25}to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(var(--ts))}}body.theme-neon .bubble{border:1px solid var(--cyan)!important;animation:2.5s ease-in-out infinite neon-pulse!important}body.theme-neon .message.user .bubble{border-color:#a855f7cc!important;animation:2.5s ease-in-out infinite neon-pulse-purple!important}@keyframes neon-pulse-purple{0%,to{box-shadow:0 0 8px #a855f74d,inset 0 0 8px #a855f70d}50%{box-shadow:0 0 22px #a855f7b3,inset 0 0 15px #a855f71a}}.bubble-bright{text-shadow:0 0 12px #96c8ff99;-webkit-backdrop-filter:blur(20px)brightness(1.4)saturate(200%)!important;color:#fffffff2!important;background:linear-gradient(135deg,#2864ffbf 0%,#143cc8a6 100%)!important;border:1px solid #78b4ffb3!important;animation:3s ease-in-out infinite bright-pulse!important;box-shadow:0 0 30px #3c82ffb3,0 0 60px #2864ff59,inset 0 1px #ffffff4d,inset 0 -1px #00005033!important}.bubble-bright .bubble-header{color:#c8e6fff2!important;text-shadow:0 0 8px #78b4ffcc!important}.bubble-bright:before{background:radial-gradient(at 30% 20%,#ffffff40 0%,#0000 55%),radial-gradient(at 70% 80%,#64a0ff26 0%,#0000 40%)!important}@keyframes bright-pulse{0%,to{box-shadow:0 0 25px #3c82ff99,0 0 55px #2864ff4d,inset 0 1px #ffffff4d}50%{box-shadow:0 0 45px #3c82ffe6,0 0 90px #2864ff80,inset 0 1px #fff6}}.message.user .bubble-bright{background:linear-gradient(135deg,#7828ffbf 0%,#5014c8a6 100%)!important;border-color:#b478ffb3!important;animation:3s ease-in-out infinite bright-pulse-purple!important;box-shadow:0 0 30px #8c3cffb3,0 0 60px #6428ff59,inset 0 1px #ffffff4d!important}@keyframes bright-pulse-purple{0%,to{box-shadow:0 0 25px #8c3cff99,0 0 55px #6428ff4d,inset 0 1px #ffffff4d}50%{box-shadow:0 0 45px #8c3cffe6,0 0 90px #6428ff80,inset 0 1px #fff6}}body.theme-bright .bubble{-webkit-backdrop-filter:blur(20px)brightness(1.35)saturate(180%)!important;color:#fffffff2!important;background:linear-gradient(135deg,#1e50dcb8,#0f32b49e)!important;border:1px solid #64a0ffa6!important;animation:3s ease-in-out infinite bright-pulse!important;box-shadow:0 0 30px #3278ff99,0 0 60px #1e5aff4d,inset 0 1px #ffffff47!important}body.theme-bright .message.user .bubble{background:linear-gradient(135deg,#6e1edcb8,#460fb49e)!important;border-color:#aa64ffa6!important;animation:3s ease-in-out infinite bright-pulse-purple!important}#cosmic-bg{z-index:0;pointer-events:none;background:#020408;display:none;position:fixed;inset:0;overflow:hidden}#cosmic-bg:before{content:"";filter:blur(30px);background:radial-gradient(55% 40% at 25% 45%,#00c8d28c 0%,#0000 60%),radial-gradient(50% 35% at 72% 52%,#00b4e680 0%,#0000 58%),radial-gradient(30% 45% at 50% 48%,#a050c873 0%,#0000 55%),radial-gradient(20% 25% at 50% 47%,#ffc8f059 0%,#0000 50%),radial-gradient(70% 30% at 50% 60%,#00d2b447 0%,#0000 60%),radial-gradient(60% 25% at 50% 35%,#1478c852 0%,#0000 55%);animation:25s ease-in-out infinite alternate cosmic-morph;position:absolute;inset:-30%}#cosmic-bg:after{content:"";background-image:radial-gradient(1.5px 1.5px at 10% 15%,#c8dcffe6 0%,#0000 100%),radial-gradient(1px 1px at 25% 40%,#b4d2ffb3 0%,#0000 100%),radial-gradient(2px 2px at 40% 8%,#dce6ffcc 0%,#0000 100%),radial-gradient(1px 1px at 55% 25%,#c8dcff99 0%,#0000 100%),radial-gradient(1.5px 1.5px at 70% 55%,#d2e1ffd9 0%,#0000 100%),radial-gradient(1px 1px at 82% 12%,#bed7ffb3 0%,#0000 100%),radial-gradient(2px 2px at 92% 70%,#dce6ffbf 0%,#0000 100%),radial-gradient(1px 1px at 15% 75%,#c8d7ffa6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 35% 88%,#d2e1ffcc 0%,#0000 100%),radial-gradient(1px 1px at 60% 92%,#c3d7ffb3 0%,#0000 100%),radial-gradient(1px 1px at 78% 85%,#cddcff99 0%,#0000 100%),radial-gradient(2px 2px at 48% 62%,#dcebff80 0%,#0000 100%),radial-gradient(1px 1px at 5%,#c8dcffa6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 88% 38%,#d7e4ffbf 0%,#0000 100%);animation:4s ease-in-out infinite alternate star-twinkle;position:absolute;inset:0}@keyframes cosmic-morph{0%{transform:scale(1)rotate(0)translate(0)}25%{transform:scale(1.05)rotate(1.5deg)translate(2%,1%)}50%{transform:scale(.97)rotate(-1deg)translate(-1%,2%)}75%{transform:scale(1.03)rotate(2deg)translate(1%,-1%)}to{transform:scale(1.06)rotate(-.5deg)translate(-2%,1%)}}@keyframes star-twinkle{0%{opacity:.7}50%{opacity:1}to{opacity:.75}}#galaxy-bg{z-index:0;pointer-events:none;background:#010206;display:none;position:fixed;inset:0;overflow:hidden}#galaxy-bg:before{content:"";filter:blur(2px);background:radial-gradient(6% 90% at 51%,#fff8dc8c 0%,#0000 55%),radial-gradient(12% 90% at 51%,#f0dca059 0%,#0000 60%),radial-gradient(22% 92%,#c8b47838 0%,#0000 65%),radial-gradient(40% 95%,#7882c847 0%,#0000 70%),radial-gradient(65% 100%,#323ca033 0%,#0000 75%),radial-gradient(5% 75% at 48%,#0009 0%,#0000 50%),radial-gradient(3% 60% at 53%,#00000073 0%,#0000 45%),radial-gradient(18% 35% at 28% 32%,#6432c847 0%,#0000 50%),radial-gradient(15% 30% at 72% 68%,#3c1eb43d 0%,#0000 48%),radial-gradient(8% 18% at 38% 42%,#a0c8ff66 0%,#0000 45%),radial-gradient(6% 14% at 63% 57%,#b4d7ff59 0%,#0000 42%),radial-gradient(4% 10% at 45% 48%,#fff0c84d 0%,#0000 40%),radial-gradient(4% 10% at 56% 52%,#fff0c840 0%,#0000 38%);animation:40s ease-in-out infinite alternate galaxy-drift;position:absolute;inset:-40%;transform:rotate(-28deg)}#galaxy-bg:after{content:"";background-image:radial-gradient(1px 1px at 3% 7%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 7% 22%,#c8dcffe6 0%,#0000 100%),radial-gradient(2px 2px at 11% 5%,#ffffe6cc 0%,#0000 100%),radial-gradient(1px 1px at 15% 38%,#dcebff 0%,#0000 100%),radial-gradient(1px 1px at 18% 15%,#ffffffe6 0%,#0000 100%),radial-gradient(1px 1px at 22% 52%,#c8d7ffcc 0%,#0000 100%),radial-gradient(2px 2px at 25% 28%,#fffadce6 0%,#0000 100%),radial-gradient(1px 1px at 29% 72%,#d2e1ffd9 0%,#0000 100%),radial-gradient(1px 1px at 32% 12%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 36% 45%,#c8dcffbf 0%,#0000 100%),radial-gradient(2px 2px at 39% 85%,#dcebffe6 0%,#0000 100%),radial-gradient(1px 1px at 42% 20%,#fffff0d9 0%,#0000 100%),radial-gradient(1px 1px at 46% 60%,#c8d7ffcc 0%,#0000 100%),radial-gradient(1px 1px at 49% 33%,#fffae6e6 0%,#0000 100%),radial-gradient(2px 2px at 52% 78%,#d2e1ffcc 0%,#0000 100%),radial-gradient(1px 1px at 56% 10%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 59% 48%,#c8dcffb3 0%,#0000 100%),radial-gradient(1px 1px at 63% 25%,#dcebffd9 0%,#0000 100%),radial-gradient(2px 2px at 67% 65%,#fffff0e6 0%,#0000 100%),radial-gradient(1px 1px at 70% 18%,#c8d7ffcc 0%,#0000 100%),radial-gradient(1px 1px at 73% 55%,#fffae6d9 0%,#0000 100%),radial-gradient(1px 1px at 76% 88%,#d2e1ffbf 0%,#0000 100%),radial-gradient(2px 2px at 80% 32%,#fffffff2 0%,#0000 100%),radial-gradient(1px 1px at 83% 70%,#c8dcffcc 0%,#0000 100%),radial-gradient(1px 1px at 87% 8%,#dcebffe6 0%,#0000 100%),radial-gradient(1px 1px at 90% 42%,#fffff0d9 0%,#0000 100%),radial-gradient(2px 2px at 93% 80%,#c8d7ffcc 0%,#0000 100%),radial-gradient(1px 1px at 96% 20%,#fffae6e6 0%,#0000 100%),radial-gradient(1px 1px at 14% 90%,#d2e1ffbf 0%,#0000 100%),radial-gradient(1px 1px at 44% 95%,#ffffffd9 0%,#0000 100%),radial-gradient(2px 2px at 68% 93%,#c8dcffcc 0%,#0000 100%),radial-gradient(1px 1px at 55% 97%,#dcebffb3 0%,#0000 100%);animation:5s ease-in-out infinite alternate star-twinkle;position:absolute;inset:0}@keyframes galaxy-drift{0%{transform:rotate(-28deg)scale(1)translate(0)}30%{transform:rotate(-26deg)scale(1.04)translate(1%,.5%)}60%{transform:rotate(-30deg)scale(.97)translate(-.5%,1%)}to{transform:rotate(-27deg)scale(1.05)translate(.5%,-.5%)}}.bubble-images{flex-direction:column;gap:10px;margin-top:14px;display:flex}.bubble-images.bubble-img-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.bubble-img{cursor:zoom-in;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:340px;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 4px 20px #00000080}.bubble-img:hover{transform:scale(1.02);box-shadow:0 8px 30px #00f0ff33}.bubble-img-grid .bubble-img{max-width:100%}