:root{--red: #c62828;--red-dark: #8e0000;--bg: #fff;--text: #222}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}header{display:flex;align-items:center;justify-content:space-between;background:var(--red);color:#fff;padding:.75rem 1rem;position:sticky;top:0;z-index:2}header a{color:#fff;text-decoration:none;font-weight:600}nav a{margin:0 .5rem}main{padding:1rem;max-width:900px;margin:0 auto}.button{background:var(--red);color:#fff;border:none;padding:.75rem 1rem;border-radius:10px;font-size:1.1rem;cursor:pointer}.button.secondary{background:#eee;color:#333}.button:active{transform:translateY(1px)}.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:1rem;box-shadow:0 1px 4px #0000000f}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}input[type=number]{padding:.5rem;border-radius:8px;border:1px solid #ccc;width:100px}.switch{position:relative;display:inline-block;width:54px;height:30px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;transition:.2s;border-radius:30px}.slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background:#fff;transition:.2s;border-radius:50%}input:checked+.slider{background:var(--red)}input:checked+.slider:before{transform:translate(24px)}.question{font-size:3rem;text-align:center;margin:1rem 0}.big-score{font-size:1.25rem;font-weight:700}.sticker{display:inline-block;width:64px;height:64px;background:url(/icons/icon-192.png) center/cover no-repeat}.footer{font-size:.9rem;color:#666;text-align:center;margin-top:2rem}label{display:flex;gap:.5rem;align-items:center}hr{border:0;border-top:1px solid #eee;margin:1rem 0}