*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #F5F7FA;--color-surface: #FFFFFF;--color-surface-2: #F5F7FA;--color-border: #DFE5EC;--color-primary: #2457D6;--color-primary-hover: #1a46be;--color-text: #172B4D;--color-text-secondary: #5E6C84;--color-success: #176B45;--color-danger: #ef4444;--color-warning: #8A5300;--color-tab-selected-bg: #EAF0FF;--color-status-live-text: #B42318;--color-status-live-bg: #FEECEB;--color-status-upcoming-text: #475467;--color-status-upcoming-bg: #F2F4F7;--color-status-completed-text: #176B45;--color-status-completed-bg: #EAF6EE;--color-status-delayed-text: #8A5300;--color-status-delayed-bg: #FFF4DB;--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);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)}