:root{--ui: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--font-display: "Unbounded", var(--ui);--bg: #05070f;--surface: #10162a;--surface-2: #182038;--ink: #f0f4fc;--muted: #99a3bc;--muted-2: #5e6982;--border: #1e2a47;--border-strong: #36456e;--accent: #4d8dff;--accent-deep: #2a6fdb;--accent-soft: rgba(77, 141, 255, .13);--accent-ring: rgba(77, 141, 255, .3);--accent-disabled: #263552;--ok: #3ddc97;--ok-soft: rgba(61, 220, 151, .13);--err: #ff5c64;--err-soft: rgba(255, 92, 100, .12);--toast-bg: #182038;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}input::placeholder,textarea::placeholder{color:var(--muted-2)}button{font-family:var(--ui)}.display{font-family:var(--font-display);font-weight:600;letter-spacing:.01em;background:linear-gradient(110deg,#fff 25%,#a9c6ff 60%,#8fe8e8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(122,150,255,.35));margin:0}.display-sm{font-family:var(--font-display);font-weight:600;letter-spacing:.02em}.code-grad{font-family:var(--mono);font-weight:600;background:linear-gradient(120deg,#7fb0ff,#b49cff 55%,#5fe0e0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(118,148,255,.55))}.code-grad.copied{background:linear-gradient(120deg,#3ddc97,#21d4a0);-webkit-background-clip:text;background-clip:text;filter:none}.app-shell{position:relative;min-height:100%;overflow:hidden;isolation:isolate;background:var(--bg)}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(122,150,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(122,150,255,.05) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(110% 80% at 50% 110%,#000 30%,transparent 75%);mask-image:radial-gradient(110% 80% at 50% 110%,#000 30%,transparent 75%)}.app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(130% 90% at 50% -10%,transparent 55%,rgba(2,4,10,.55))}.aurora{position:absolute;width:460px;height:460px;border-radius:50%;filter:blur(48px);pointer-events:none;z-index:0}.aurora-a{top:-150px;left:-160px;background:radial-gradient(circle,rgba(77,141,255,.38),rgba(124,92,255,.16) 50%,transparent 70%);animation:atmoFloat 13s ease-in-out infinite alternate}.aurora-b{bottom:-180px;right:-160px;background:radial-gradient(circle,rgba(124,92,255,.34),rgba(33,212,212,.14) 50%,transparent 70%);animation:atmoFloat 17s ease-in-out infinite alternate-reverse}.stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(1.2px 1.2px at 22px 34px,rgba(255,255,255,.9),transparent 100%),radial-gradient(1px 1px at 130px 90px,rgba(180,200,255,.7),transparent 100%),radial-gradient(1.5px 1.5px at 200px 160px,rgba(255,255,255,.55),transparent 100%),radial-gradient(.9px .9px at 80px 200px,rgba(143,232,232,.8),transparent 100%),radial-gradient(1.1px 1.1px at 260px 60px,rgba(255,255,255,.65),transparent 100%),radial-gradient(.8px .8px at 320px 220px,rgba(180,156,255,.75),transparent 100%);background-size:360px 280px;animation:twinkle 5s ease-in-out infinite alternate}.layer{position:relative;z-index:1}.live-dot{width:7px;height:7px;border-radius:999px;background:var(--ok);display:inline-block;animation:livePulse 1.8s infinite;flex-shrink:0}.pulse{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:32px;border:1.5px solid rgba(77,141,255,.55);animation:pulseRing 2.6s ease-out infinite}.pulse-2{animation-delay:1.3s;border-color:#7c5cff73}.qr-halo{position:relative;overflow:hidden}.qr-halo:before{content:"";position:absolute;top:-55%;right:-55%;bottom:-55%;left:-55%;background:conic-gradient(#4d8dff,#7c5cff,#21d4d4,#4d8dff);animation:spin 4s linear infinite}.qr-halo>*{position:relative}.card-glow:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:19px;pointer-events:none;box-shadow:0 0 28px -6px #7c5cff73,inset 0 1px #ffffff12}@keyframes pop{0%{opacity:0;transform:scale(.86) translateY(6px)}to{opacity:1;transform:none}}.pop{animation:pop .45s cubic-bezier(.2,.9,.3,1.2) both}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade{animation:fade .3s ease both}@keyframes codeRoll{0%{opacity:.2;transform:translateY(-7px)}to{opacity:1;transform:none}}.code-roll{animation:codeRoll .45s cubic-bezier(.2,.8,.3,1) both}@keyframes livePulse{0%{box-shadow:0 0 #3ddc9780}70%{box-shadow:0 0 0 6px #3ddc9700}to{box-shadow:0 0 #3ddc9700}}@keyframes pulseRing{0%{transform:scale(.7);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes atmoFloat{0%{transform:translate(0) scale(1)}to{transform:translate(34px,26px) scale(1.2)}}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ringDraw{0%{stroke-dashoffset:277}to{stroke-dashoffset:0}}@keyframes markDraw{0%{stroke-dashoffset:60}to{stroke-dashoffset:0}}.check-ring{stroke-dasharray:277;stroke-dashoffset:277;animation:ringDraw .6s ease forwards}.check-mark{stroke-dasharray:60;stroke-dashoffset:60;animation:markDraw .4s ease .4s forwards}@media (max-width: 480px){.sync-label{display:none}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid var(--bg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}