.starter-page{min-height:100vh;background:var(--bg,#f8fafc);color:var(--text,#172033)}
.starter-main{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}
.starter-hero,.starter-panel{background:var(--card-bg,#fff);border:1px solid rgba(36,71,198,.18);border-radius:18px;box-shadow:0 12px 32px rgba(15,23,42,.08);padding:clamp(22px,4vw,42px)}
.starter-hero{margin-bottom:24px;background:linear-gradient(135deg,rgba(36,71,198,.12),rgba(16,185,129,.08))}
.starter-eyebrow{font-weight:800;color:#2447c6;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.starter-hero h1{margin:.4rem 0;font-size:clamp(2rem,6vw,3.3rem)}
.starter-status{min-height:1.5em;margin:18px 0}.starter-status[data-kind="error"]{color:#b42318}
.starter-tools{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(145px,1fr));gap:10px;margin:20px 0}.starter-tools input,.starter-tools select{width:100%;min-height:44px;border:1px solid #8793aa;border-radius:10px;padding:10px;background:var(--card-bg,#fff);color:inherit}.starter-tools input:focus-visible,.starter-tools select:focus-visible{outline:3px solid rgba(36,71,198,.28);outline-offset:2px;border-color:#2447c6}
.starter-counter{position:sticky;top:8px;z-index:3;width:fit-content;margin:12px 0;padding:8px 12px;border:1px solid rgba(36,71,198,.3);border-radius:999px;background:var(--card-bg,#fff);font-weight:800;box-shadow:0 4px 12px rgba(15,23,42,.08)}.starter-competition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px;padding:4px}
.starter-competition{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:104px;border:1px solid rgba(36,71,198,.24);border-radius:12px;padding:12px;cursor:pointer;transition:border-color .16s ease,background .16s ease}.starter-competition[hidden]{display:none}.starter-competition:hover{border-color:#2447c6}.starter-competition:focus-within{outline:3px solid rgba(36,71,198,.3);outline-offset:2px}.starter-competition.is-selected,.starter-competition:has(input:checked){border-color:#2447c6;background:rgba(36,71,198,.08)}
.starter-competition-switch{position:relative;display:inline-flex;width:46px;height:26px;flex:0 0 auto}.starter-competition-switch input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.starter-competition-switch-track{position:absolute;inset:0;border:1px solid #7b879d;border-radius:999px;background:#dfe4ec;transition:background .16s ease,border-color .16s ease}.starter-competition-switch-track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.28);transition:transform .16s ease}.starter-competition-switch input:checked+.starter-competition-switch-track{border-color:#2447c6;background:#2447c6}.starter-competition-switch input:checked+.starter-competition-switch-track::after{transform:translateX(20px)}.starter-competition-switch input:focus-visible+.starter-competition-switch-track{outline:3px solid rgba(36,71,198,.35);outline-offset:3px}.starter-competition-logo{width:48px;height:48px;border-radius:10px;object-fit:contain;background:#fff;padding:4px}.starter-competition-body{display:grid;gap:4px;min-width:0}.starter-competition code,.starter-key code{overflow:auto;white-space:nowrap}.starter-competition small{opacity:.78}.starter-competition-meta{overflow-wrap:anywhere}.starter-selection-badge{width:fit-content;margin-top:2px;padding:3px 7px;border-radius:999px;background:rgba(100,116,139,.13);font-size:.75rem;font-weight:800}.is-selected .starter-selection-badge{color:#17348f;background:rgba(36,71,198,.15)}
.starter-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.starter-button{border:0;border-radius:10px;padding:12px 18px;font:inherit;font-weight:800;cursor:pointer;background:#2447c6;color:#fff;text-decoration:none}.starter-button:hover{filter:brightness(.94)}.starter-button:focus-visible{outline:3px solid #f0b429;outline-offset:3px}.starter-button.secondary{background:transparent;color:inherit;border:1px solid #8793aa}.starter-button:disabled{opacity:.5;cursor:not-allowed}
.starter-key{border:1px solid #f0b429;background:rgba(240,180,41,.1);border-radius:14px;padding:18px}.starter-key code{display:block;background:#111827;color:#e5e7eb;padding:16px;border-radius:10px;margin:12px 0;font-size:.95rem}
.api-starter-actions{display:grid;gap:8px}.api-starter-sales-note{margin:0;text-align:center;font-size:.88rem;opacity:.8}
@media(max-width:900px){.starter-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.starter-tools input{grid-column:1/-1}}
@media(max-width:620px){.starter-main{width:min(100% - 20px,1100px);padding-top:24px}.starter-panel{padding:18px 12px}.starter-tools{grid-template-columns:1fr}.starter-tools input{grid-column:auto}.starter-competition-grid{grid-template-columns:1fr}.starter-actions{position:sticky;bottom:0;z-index:4;margin-inline:-12px;padding:12px;background:var(--card-bg,#fff);border-top:1px solid rgba(36,71,198,.2)}.starter-actions>*{width:100%;text-align:center}}
[data-theme="dark"] .starter-page{--bg:#0f172a;--text:#e5e7eb;--card-bg:#172033}[data-theme="dark"] .starter-hero,[data-theme="dark"] .starter-panel{box-shadow:none}[data-theme="dark"] .starter-competition-logo{background:#f8fafc}[data-theme="dark"] .starter-competition-switch-track{border-color:#64748b;background:#334155}[data-theme="dark"] .starter-competition-switch input:checked+.starter-competition-switch-track{border-color:#60a5fa;background:#2563eb}[data-theme="dark"] .is-selected .starter-selection-badge{color:#bfdbfe}[data-theme="dark"] .starter-counter{box-shadow:none}