:root{--primary:#f05;--primary-rgb:255, 0, 85;--secondary:#6a00ff;--accent:#00d1ff;--success:#00ff85;--warning:#ffd600;--danger:#ff4d4d;--background:#050510;--foreground:#f5f5f7;--card-bg:#ffffff0d;--card-border:#ffffff1a;--input-bg:#0000004d;--font-main:"Inter", system-ui, -apple-system, sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--background);max-width:100vw;color:var(--foreground);font-family:var(--font-main);height:100%;overflow-x:hidden}body{background-image:radial-gradient(circle at 10% 10%,#6a00ff26 0%,#0000 40%),radial-gradient(circle at 90% 90%,#ff005526 0%,#0000 40%);background-attachment:fixed}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px}.button-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px rgba(var(--primary-rgb), .3);border:none;border-radius:12px;padding:12px 24px;font-weight:600}.button-primary:hover{box-shadow:0 8px 25px rgba(var(--primary-rgb), .5);transform:translateY(-2px)}.button-primary:active{transform:translateY(0)}.container{width:100%;max-width:500px;margin:0 auto;padding:20px}h1,h2,h3{letter-spacing:-.02em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:10px}