:root{--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--bg-deep: hsl(224, 25%, 5%);--bg-dark: hsl(224, 25%, 8%);--bg-card: rgba(15, 22, 38, .95);--border-glow: rgba(0, 242, 254, .15);--primary: hsl(182, 100%, 50%);--primary-glow: rgba(0, 242, 254, .35);--secondary: hsl(325, 100%, 48%);--secondary-glow: rgba(245, 0, 135, .35);--accent: hsl(265, 100%, 65%);--text-main: hsl(210, 40%, 98%);--text-muted: hsl(215, 15%, 75%);--text-dark: hsl(215, 20%, 45%);--success: hsl(142, 76%, 45%);--error: hsl(350, 80%, 50%);--warning: hsl(42, 100%, 53%);--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-deep);background-image:radial-gradient(at 0% 0%,rgba(245,0,135,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(0,242,254,.08) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(139,92,246,.04) 0px,transparent 70%);color:var(--text-main);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-glow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.glass-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 8px 32px #0000005e;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:hover{border-color:#00f2fe40;box-shadow:0 12px 40px #00f2fe0d}.btn{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast);outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#000;box-shadow:0 0 15px var(--primary-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 25px var(--primary);filter:brightness(1.1)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#ffffff0d;color:var(--text-main);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--secondary);box-shadow:0 0 15px var(--secondary-glow);transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.input-text{background:#00000040;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:12px 16px;border-radius:8px;outline:none;font-family:var(--font-body);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input-text:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}@keyframes shake{0%,to{transform:translateY(0) rotate(0)}20%,60%{transform:translateY(-10px) rotate(-5deg)}40%,80%{transform:translateY(10px) rotate(5deg)}}@keyframes pulse-opacity{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rotate-radial{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-shake{animation:shake .6s ease-in-out infinite}.animate-pulse-glow{position:relative;z-index:1}.animate-pulse-glow:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 25px #00f2fe66;z-index:-1;opacity:.5;animation:pulse-opacity 2.5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.animate-float{animation:float 4s ease-in-out infinite}.choice-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;background:radial-gradient(circle,#ffffff0d,#fff0 70%);border:3px solid rgba(255,255,255,.1);cursor:pointer;transition:all var(--transition-fast)}.choice-circle:hover:not(.disabled){border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);transform:scale(1.1)}.choice-circle.selected{border-color:var(--secondary);box-shadow:0 0 25px var(--secondary-glow);background:#f500871a;transform:scale(1.1)}.choice-circle.disabled{opacity:.5;cursor:not-allowed}.bracket-viewport{overflow:auto;border-radius:12px;background:#0003;padding:32px;border:1px solid rgba(255,255,255,.05)}.custom-alert{padding:16px;border-radius:8px;display:flex;gap:12px;align-items:flex-start;font-size:.95rem}.custom-alert-info{background:#00f2fe1a;border:1px solid rgba(0,242,254,.2);color:var(--primary)}.custom-alert-warning{background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);color:var(--secondary)}
