*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f0f1a;--color-surface: #1a1a2e;--color-surface-2: #22223b;--color-border: #2d2d4e;--color-primary: #7c6cf9;--color-primary-hover: #9585ff;--color-text: #e8e8f0;--color-text-secondary: #9090b0;--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #f59e0b;--radius: 12px;--radius-sm: 8px;--touch-target: 44px;font-family:Inter,system-ui,-apple-system,sans-serif}html,body,#root{height:100%;background-color:var(--color-bg);color:var(--color-text)}body{line-height:1.5;-webkit-font-smoothing:antialiased}button,a,[role=button]{min-height:var(--touch-target);cursor:pointer}button{border:none;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:600;border-radius:var(--radius-sm);padding:.625rem 1.25rem;transition:background .15s}button:hover{background:var(--color-primary-hover)}button:active{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}button.danger{background:var(--color-danger)}input,select,textarea{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem;padding:.75rem 1rem;min-height:var(--touch-target)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.375rem;color:var(--color-text-secondary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.page{padding:1rem;max-width:640px;margin:0 auto}h1{font-size:1.5rem;font-weight:700;margin-bottom:1rem}h2{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.error-msg{color:var(--color-danger);font-size:.875rem;margin-top:.25rem}.form-group{margin-bottom:1rem}.score-btn{min-width:80px;min-height:80px;font-size:1.5rem;font-weight:800;border-radius:var(--radius)}