:root{--ink: #14213d;--accent: #c2410c;--accent-dark: #9a3412;--accent-tint: #fde3d3;--accent-on-dark: #fdba8c;--page-bg: #f2f5fa;--surface: #ffffff;--subtle-surface: #e1e7f0;--border: #d5dce8;--text-secondary: #3b4963;--muted: #6b7a93;--text-on-dark: #dce3ee;--success: #0b5e57;--success-tint: #ddf3ec;--danger: #b91c1c;--danger-tint: #fde2e2;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-card: 0 1px 2px rgba(20, 33, 61, .06), 0 8px 24px -12px rgba(20, 33, 61, .18)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow-wrap:break-word;background:var(--page-bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;color:var(--ink);font-weight:700;letter-spacing:-.01em}h1{font-size:26px}@media(max-width:640px){h1{font-size:22px}}a{color:var(--accent)}button{font-family:inherit}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:transform .08s ease,background .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--subtle-surface)}.btn-danger{background:var(--danger-tint);color:var(--danger)}.btn-danger:hover:not(:disabled){background:#fbd0d0}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--subtle-surface)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-accent{background:var(--accent-tint);color:var(--accent-dark)}.badge-success{background:var(--success-tint);color:var(--success)}.badge-muted{background:var(--subtle-surface);color:var(--muted)}.badge-danger{background:var(--danger-tint);color:var(--danger)}.level-beginner{background:var(--subtle-surface);color:var(--text-secondary)}.level-amateur{background:var(--success-tint);color:var(--success)}.level-elite{background:var(--ink);color:var(--accent-on-dark)}.level-none{background:transparent;color:var(--muted);border:1px dashed var(--border)}input,select,textarea{font-family:inherit;font-size:14px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.level-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 22px;margin-bottom:16px}.level-main{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.level-pill{font-size:14px;padding:6px 14px;flex-shrink:0}.level-text{font-size:14px;display:flex;flex-direction:column;gap:2px}.level-note{font-size:13px;color:var(--muted)}.level-override{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--text-secondary)}select{max-width:100%}@media(max-width:640px){.level-card{padding:16px;align-items:stretch}.level-main{align-items:flex-start;flex:1 1 100%}.level-override{flex:1 1 100%}.level-override select{width:100%}}
