:root{--font-heading:"Fredoka", sans-serif;--font-body:"Nunito", sans-serif;--bg-deep:#e0f2fe;--bg-dark:#bae6fd;--bg-card:#fff;--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:#fff;--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;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-deep);background-image:radial-gradient(circle at 20px 20px, var(--bg-dark) 2px, transparent 0);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-size:40px 40px;min-height:100vh;line-height:1.5;overflow-x:hidden}::-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);color:var(--text-main);letter-spacing:.02em;font-weight:700}.glass-card{background:var(--bg-card);border:3px solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--border-color);transition:transform var(--transition-normal), box-shadow var(--transition-normal);color:var(--text-main);border-radius:20px;overflow:hidden}.glass-card:hover{box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 4px) 0px var(--border-color);transform:translateY(-4px)}.btn{font-family:var(--font-heading);letter-spacing:.05em;border:3px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);box-shadow:4px 4px 0px var(--border-color);border-radius:16px;outline:none;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:1.1rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){box-shadow:0px 0px 0px var(--border-color)!important;transform:translate(4px,4px)!important}.btn-primary{background:var(--primary);color:var(--text-light)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:4px 6px 0px var(--border-color);transform:translateY(-2px)}.btn-secondary{background:var(--accent);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background:var(--accent-hover);box-shadow:4px 6px 0px var(--border-color);transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;border-color:#94a3b8;color:#94a3b8!important;box-shadow:0px 0px 0px var(--border-color)!important;background:#cbd5e1!important;transform:translate(4px,4px)!important}.input-text{border:3px solid var(--border-color);color:var(--text-main);font-family:var(--font-body);transition:all var(--transition-fast);background:#f8fafc;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:1.05rem;font-weight:600;box-shadow:inset 0 3px #0000000d}.input-text:focus{border-color:var(--primary);box-shadow:4px 4px 0px var(--border-color);background:#fff;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:.5s ease-in-out infinite shake}.animate-pulse-glow{animation:pulse-bounce 1.5s var(--transition-normal) infinite}.animate-float{animation:3s ease-in-out infinite float}.choice-circle{border:4px solid var(--border-color);width:120px;height:120px;box-shadow:0px 8px 0px var(--border-color);cursor:pointer;transition:all var(--transition-fast);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:3.5rem;display:flex;position:relative}.choice-circle:after{content:"";background:#fff9;border-radius:50%;width:25%;height:15%;position:absolute;top:10%;left:15%;transform:rotate(-30deg)}.choice-circle:hover:not(.disabled){box-shadow:0px 13px 0px var(--border-color);background:var(--bg-dark);transform:translateY(-5px)}.choice-circle:active:not(.disabled){box-shadow:0px 0px 0px var(--border-color);transform:translateY(8px)}.choice-circle.selected{background:var(--accent);box-shadow:0px 0px 0px var(--border-color);border-color:var(--secondary);transform:translateY(8px)scale(1.05)}.choice-circle.disabled{opacity:.7;cursor:not-allowed;box-shadow:0px 0px 0px var(--border-color);background:#e2e8f0;transform:translateY(8px)}.bracket-viewport{border:3px solid var(--border-color);box-shadow:8px 8px 0px var(--border-color);background:#fff;border-radius:20px;padding:32px;overflow:auto}.custom-alert{border:3px solid var(--border-color);box-shadow:4px 4px 0px var(--border-color);border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:1rem;font-weight:700;display:flex}.custom-alert-info{background:var(--accent);color:var(--text-main)}.custom-alert-warning{background:var(--secondary);color:#fff}