.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:104px 24px 56px;pointer-events:none;perspective:1100px}.kicker{font-size:clamp(11px,1.3vw,15px);letter-spacing:.7em;text-transform:uppercase;color:#b3b9d6;margin-bottom:46px;padding-left:.7em;font-weight:400}.name{font-family:Orbitron,Inter,sans-serif;font-size:clamp(42px,min(15vw,24vh),220px);font-weight:900;line-height:1;letter-spacing:.01em;max-width:100%;position:relative;background:linear-gradient(100deg,#8a90a0,#c8cdd8 16%,#fff 28%,#fff 35%,#cfd4de 44%,#82889a,#c9cdd8 72%,#efdcab,#c79a3e 92%,#8a90a0);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 #aab0bd,0 2px 0 #8a909d,0 3px 0 #6f7582,0 4px 0 #585d6a,0 5px 0 #444955,0 6px 0 #323742,0 7px 0 #23272f,0 9px 12px rgba(0,0,0,.55);filter:drop-shadow(0 0 4px rgba(160,190,255,.4)) drop-shadow(0 0 7px rgba(120,150,225,.26));animation:metalflow 8s cubic-bezier(.4,0,.2,1) infinite,glowpulse 6s cubic-bezier(.45,.05,.55,.95) infinite}.name:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,transparent 40%,rgba(255,255,255,.15) 48%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.15) 52%,transparent 60%,transparent 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:shimmer 7s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;mix-blend-mode:screen}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes metalflow{0%{background-position:0% 0}to{background-position:250% 0}}@keyframes glowpulse{0%{filter:drop-shadow(0 0 3px rgba(160,190,255,.26)) drop-shadow(0 0 6px rgba(120,150,225,.16))}50%{filter:drop-shadow(0 0 6px rgba(160,190,255,.5)) drop-shadow(0 0 12px rgba(120,150,225,.34))}to{filter:drop-shadow(0 0 3px rgba(160,190,255,.26)) drop-shadow(0 0 6px rgba(120,150,225,.16))}}.status{margin-top:48px;font-size:clamp(11px,1.3vw,15px);letter-spacing:.7em;text-transform:uppercase;color:#b3b9d6;font-weight:400;padding-left:.7em}.beat{display:inline-block;animation:blink 1.9s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.16}}@property --ang{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.chat{position:relative;margin-top:56px;max-width:min(420px,90vw);padding:15px 26px;text-align:center;border-radius:16px;background:#ffffff0b;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:0 14px 34px #00000057;overflow:hidden;animation:chatfloat 6s ease-in-out infinite}.chat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1.3px;background:conic-gradient(from var(--ang),rgba(143,166,224,0) 0%,rgba(207,224,255,.95) 18%,rgba(142,123,255,.85) 38%,rgba(143,166,224,0) 60%,rgba(143,166,224,0) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:angspin 5s linear infinite;pointer-events:none}.chat:after{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.16),transparent);transform:skew(-18deg);animation:shimmer 4.8s ease-in-out infinite;pointer-events:none}@keyframes angspin{to{--ang: 360deg}}@keyframes shimmer{0%{left:-60%}55%,to{left:130%}}@keyframes chatfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.chat-body{position:relative;z-index:1}.chat-soon{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.16em;color:#0a0c14;background:linear-gradient(100deg,#cfe0ff,#8fa6e0);padding:3px 9px;border-radius:999px;margin-bottom:9px}.chat-msg{margin:0;font-size:13.5px;line-height:1.5;font-weight:300;color:#d2d7ec}.chat-typing{display:flex;justify-content:center;gap:5px;margin-top:11px}.chat-typing span{width:6px;height:6px;border-radius:50%;background:#8fa6e0;opacity:.5;animation:typing 1.3s ease-in-out infinite}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}@media (max-width: 900px){.kicker,.status{letter-spacing:.5em}.kicker{margin-bottom:38px}.status{margin-top:40px}}@media (max-width: 560px){.overlay{padding:88px 18px 40px}.kicker,.status{letter-spacing:.34em;font-size:11px}.name{font-size:clamp(36px,17vw,96px);letter-spacing:0}}.header{position:fixed;top:16px;left:18px;right:18px;z-index:6;height:58px;display:flex;align-items:center;padding:0 14px;border-radius:20px;background:#0c0e166b;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000059;pointer-events:auto}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.16);font-size:19px;line-height:1;color:#eef2ff;-webkit-user-select:none;user-select:none;cursor:default;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}.logo:hover{transform:scale(1.08);border-color:#a0beff80;box-shadow:0 0 18px #96b4ff66}.spacer{flex:1}.actions{display:flex;align-items:center;gap:12px}.hbtn{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#cdd5ef;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease,color .3s ease,background .3s ease}.hbtn svg{width:20px;height:20px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.hbtn:hover{transform:scale(1.1);color:#fff;background:#ffffff1a;border-color:var(--c);box-shadow:0 0 0 1px var(--c),0 0 18px -2px var(--c),0 0 34px -8px var(--c)}.hbtn:hover svg{transform:scale(1.1)}.hbtn:active{transform:scale(.95)}.tip{position:absolute;top:50px;left:50%;transform:translate(-50%) translateY(-4px);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#e7ecff;background:#0c0e16eb;border:1px solid rgba(255,255,255,.1);padding:4px 9px;border-radius:7px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:3}.hbtn:hover .tip,.tip.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 560px){.header{top:12px;left:12px;right:12px;height:52px;padding:0 10px;border-radius:16px}.logo{width:36px;height:36px;font-size:17px}.actions{gap:9px}.hbtn{width:38px;height:38px}.hbtn svg{width:18px;height:18px}}.click-ring,.click-flash,.click-spark{position:fixed;z-index:9999;pointer-events:none;border-radius:50%;mix-blend-mode:screen;will-change:transform,opacity}.click-ring{width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(160,185,255,.85);box-shadow:0 0 14px #82a0ff80;animation:click-ring .7s cubic-bezier(.2,.8,.2,1) forwards}@keyframes click-ring{0%{transform:scale(.3);opacity:.95}to{transform:scale(4.2);opacity:0}}.click-flash{width:40px;height:40px;margin:-20px 0 0 -20px;background:radial-gradient(circle,rgba(170,195,255,.6) 0%,transparent 65%);animation:click-flash .5s ease-out forwards}@keyframes click-flash{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.8);opacity:0}}.click-spark{width:4px;height:4px;margin:-2px 0 0 -2px;background:#cfe0ff;box-shadow:0 0 8px #a0beffe6;animation:click-spark .65s ease-out forwards}@keyframes click-spark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.app{position:relative;width:100%;height:100%}.bg-canvas{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:0}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:2;width:200%;height:200%;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .6s steps(3) infinite}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}:root{--bg: #050507;--txt: #f3f4fb;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;background:var(--bg);overflow:hidden}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--txt);-webkit-font-smoothing:antialiased}canvas{display:block;touch-action:none}