:root{--bg-0:#04040b;--bg-1:#0b0b16;--surface-1:#121222c7;--surface-2:#161628eb;--text-1:#f8f8ff;--text-2:#e8eaffb8;--text-3:#e8eaff6b;--border-soft:#a4a9ff29;--border-strong:#a4a9ff47;--accent-primary:#8b5cf6;--accent-secondary:#22d3ee;--accent-primary-soft:#8b5cf629;--accent-secondary-soft:#22d3ee24;--danger:#ef4444;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-1:0 10px 36px #05050f75;--shadow-glow:0 0 0 1px #8b5cf633,0 10px 28px #8b5cf638}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overscroll-behavior:none;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{background:radial-gradient(ellipse at 10% -5%,#8b5cf633,transparent 55%),radial-gradient(ellipse at 90% 110%,#22d3ee24,transparent 58%),var(--bg-0);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;min-height:100dvh;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent}:where(button,[role=button],a[href],summary,[data-clickable=true]),img{-webkit-user-select:none;user-select:none}:where(input,textarea,select,[contenteditable=true]){-webkit-user-select:auto;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}[data-selectable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button{cursor:pointer}input,textarea{color:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:#8b5cf65c;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#8b5cf694}::selection{color:#fff;background:#8b5cf659}:where(button,[role=button],a[href],summary,[data-clickable=true]){will-change:transform;transition:transform .16s cubic-bezier(.2,.9,.25,1),box-shadow .18s,filter .18s,background-color .18s,border-color .18s,color .18s,opacity .18s}@media (hover:hover) and (pointer:fine){:where(button,[role=button],[data-clickable=true]):not(:disabled):hover{filter:brightness(1.05)}:where(a[href]):hover{opacity:.96}[data-clickable=true]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 24px #070a1a57}}:where(button,[role=button],[data-clickable=true]):not(:disabled):active{transform:scale(.975)}:where(a[href]):active{transform:translateY(1px)}:where(button,[role=button],a[href],input,textarea,select):focus-visible{outline:none;box-shadow:0 0 0 2px #04040be6,0 0 0 4px #8b5cf673}.glass-surface{-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-1);background:#141426a8;border:1px solid #a4a9ff33}.premium-glow{box-shadow:var(--shadow-glow)}[data-clickable=true]{position:relative;overflow:hidden}[data-clickable=true]:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#8b5cf624,#0000 58%);transition:opacity .18s;position:absolute;inset:0}[data-clickable=true]:active:after{opacity:1}button{position:relative;overflow:hidden}button:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#ffffff1f,#0000 62%);transition:opacity .18s;position:absolute;inset:0}button:active:after{opacity:1}.hover-lift{transition:transform .17s cubic-bezier(.2,.9,.25,1),box-shadow .18s,filter .18s}@media (hover:hover) and (pointer:fine){.hover-lift:hover{transform:translateY(-2px);box-shadow:0 12px 26px #04081866}}.tap-bounce:active{transform:scale(.975)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}
