:root{--font-heading: "Fredoka", sans-serif;--font-body: "Nunito", sans-serif;--bg-deep: #e0f2fe;--bg-dark: #bae6fd;--bg-card: #ffffff;--border-color: #1e293b;--primary: #fb923c;--primary-hover: #f97316;--secondary: #ec4899;--secondary-hover: #db2777;--accent: #fde047;--accent-hover: #facc15;--text-main: #1e293b;--text-muted: #64748b;--text-light: #ffffff;--success: #84cc16;--error: #ef4444;--warning: #eab308;--transition-fast: .15s ease-out;--transition-normal: .25s cubic-bezier(.34, 1.56, .64, 1);--shadow-offset: 6px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-deep);background-image:radial-gradient(circle at 20px 20px,var(--bg-dark) 2px,transparent 0);background-size:40px 40px;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:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-deep);border-left:3px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--primary);border:3px solid var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-main);letter-spacing:.02em}.glass-card{background:var(--bg-card);border:3px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-color);transition:transform var(--transition-normal),box-shadow var(--transition-normal);color:var(--text-main);overflow:hidden}.glass-card:hover{transform:translateY(-4px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 4px) 0 var(--border-color)}.btn{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;letter-spacing:.05em;padding:12px 24px;border-radius:16px;border:3px solid var(--border-color);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition-fast);outline:none;box-shadow:4px 4px 0 var(--border-color);position:relative;overflow:hidden}.btn:active:not(:disabled){transform:translate(4px,4px)!important;box-shadow:0 0 0 var(--border-color)!important}.btn-primary{background:var(--primary);color:var(--text-light)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:4px 6px 0 var(--border-color)}.btn-secondary{background:var(--accent);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:4px 6px 0 var(--border-color)}.btn:disabled{background:#cbd5e1!important;color:#94a3b8!important;cursor:not-allowed;transform:translate(4px,4px)!important;box-shadow:0 0 0 var(--border-color)!important;border-color:#94a3b8}.input-text{background:#f8fafc;border:3px solid var(--border-color);color:var(--text-main);padding:14px 16px;border-radius:12px;outline:none;font-family:var(--font-body);font-weight:600;font-size:1.05rem;transition:all var(--transition-fast);width:100%;box-shadow:inset 0 3px #0000000d}.input-text:focus{background:#fff;border-color:var(--primary);box-shadow:4px 4px 0 var(--border-color);transform:translateY(-2px) translate(-2px)}@keyframes shake{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-5deg)}75%{transform:translateY(5px) rotate(5deg)}}@keyframes pulse-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.animate-shake{animation:shake .5s ease-in-out infinite}.animate-pulse-glow{animation:pulse-bounce 1.5s var(--transition-normal) infinite}.animate-float{animation:float 3s 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:#fff;border:4px solid var(--border-color);box-shadow:0 8px 0 var(--border-color);cursor:pointer;transition:all var(--transition-fast);position:relative}.choice-circle:after{content:"";position:absolute;top:10%;left:15%;width:25%;height:15%;background:#fff9;border-radius:50%;transform:rotate(-30deg)}.choice-circle:hover:not(.disabled){transform:translateY(-5px);box-shadow:0 13px 0 var(--border-color);background:var(--bg-dark)}.choice-circle:active:not(.disabled){transform:translateY(8px);box-shadow:0 0 0 var(--border-color)}.choice-circle.selected{background:var(--accent);transform:translateY(8px) scale(1.05);box-shadow:0 0 0 var(--border-color);border-color:var(--secondary)}.choice-circle.disabled{background:#e2e8f0;opacity:.7;cursor:not-allowed;transform:translateY(8px);box-shadow:0 0 0 var(--border-color)}.bracket-viewport{overflow:auto;border-radius:20px;background:#fff;padding:32px;border:3px solid var(--border-color);box-shadow:8px 8px 0 var(--border-color)}.custom-alert{padding:16px;border-radius:12px;display:flex;gap:12px;align-items:flex-start;font-size:1rem;font-weight:700;border:3px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color)}.custom-alert-info{background:var(--accent);color:var(--text-main)}.custom-alert-warning{background:var(--secondary);color:#fff}