:root{--bg: #04080f;--ink: rgba(255, 255, 255, .92);--ink-dim: rgba(255, 255, 255, .62);--grad-cyan: #00f0ff;--grad-violet: #a855f7;--grad-magenta: #ff3df0;--grad-gold: #ffce4b;--grad-mint: #5fffc0;--base-font: 15px;--tab-color: #a7e6ff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:var(--base-font);line-height:1.45;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}body:before{content:"";position:fixed;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;background:radial-gradient(50vmax 50vmax at 25% 30%,var(--grad-violet) 0%,transparent 55%),radial-gradient(45vmax 45vmax at 75% 25%,var(--grad-cyan) 0%,transparent 55%),radial-gradient(40vmax 40vmax at 80% 80%,var(--grad-magenta)0%,transparent 55%),radial-gradient(35vmax 35vmax at 20% 85%,var(--grad-gold) 0%,transparent 60%),radial-gradient(30vmax 30vmax at 50% 50%,var(--grad-mint) 0%,transparent 55%);filter:blur(40px) saturate(1.4);opacity:.55;animation:drift 38s ease-in-out infinite,hue 60s linear infinite;z-index:0;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 0%,#04080f00,#04080f8c 60%,#04080fd9);z-index:1;pointer-events:none}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-3vmax,4vmax) scale(1.08)}66%{transform:translate(4vmax,-3vmax) scale(.95)}}@keyframes hue{0%{filter:blur(40px) saturate(1.4) hue-rotate(0deg)}to{filter:blur(40px) saturate(1.4) hue-rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tabIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{opacity:.88}50%{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes sealSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes fadeFlash{0%{opacity:.12}to{opacity:0}}.skeleton{background:linear-gradient(90deg,#a7e6ff0a 25%,#a7e6ff1a,#a7e6ff0a 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:6px}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a7e6ff2e;border-radius:2px}*{scrollbar-width:thin;scrollbar-color:rgba(167,230,255,.18) transparent}*:focus-visible{outline:2px solid rgba(167,230,255,.55);outline-offset:2px}body.night-mode:before{filter:blur(40px) saturate(.7) hue-rotate(200deg)}@media (prefers-reduced-motion: reduce){body:before,.skeleton,*[style*=animation]{animation:none!important}}