:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-0:#f4f4f2;--surface-1:#fcfcfb;--surface-2:#ecebe7;--border:#d8d7d2;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#77766f;--accent:#2a78d6;--accent-ink:#fff;--accent-soft:#2a78d624;--series-1:#2a78d6;--danger:#c4302b;--radius:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#121211;--surface-1:#1a1a19;--surface-2:#262624;--border:#3a3a37;--text-primary:#f0efec;--text-secondary:#c3c2b7;--text-muted:#9a998f;--accent:#3987e5;--accent-ink:#fff;--accent-soft:#3987e538;--series-1:#3987e5;--danger:#e66767}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#121211;--surface-1:#1a1a19;--surface-2:#262624;--border:#3a3a37;--text-primary:#f0efec;--text-secondary:#c3c2b7;--text-muted:#9a998f;--accent:#3987e5;--accent-ink:#fff;--accent-soft:#3987e538;--series-1:#3987e5;--danger:#e66767}*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface-0);color:var(--text-primary);font-family:var(--font);-webkit-text-size-adjust:100%;font-size:17px;line-height:1.45}h1,h2,h3{margin:0 0 .5em;line-height:1.2}p{margin:0 0 1em}a{color:var(--accent)}.page{max-width:640px;margin:0 auto;padding:24px 16px 120px}.page--wide{max-width:1100px}.lede{color:var(--text-secondary)}.muted{color:var(--text-muted)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}button,.button{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.danger{color:var(--danger)}.small{min-height:36px;padding:6px 12px;font-size:15px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input[type=text],input[type=password]{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-1);width:100%;color:var(--text-primary);min-height:48px;padding:12px}label.field{margin-bottom:12px;font-weight:600;display:block}label.field input{margin-top:6px;font-weight:400}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.error{color:var(--danger);font-weight:600}.item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);min-width:0;margin:0 0 14px;padding:14px 14px 10px}.item.missing{border-color:var(--danger)}.item legend{float:left;width:100%;margin-bottom:10px;padding:0 4px;font-size:18px;font-weight:650}.item legend .num{color:var(--text-muted);margin-right:6px;font-weight:500}.options{clear:both;grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.option{border:2px solid var(--border);background:var(--surface-1);min-height:52px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:relative}.option:hover{background:var(--surface-2)}.option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.option:has(input:checked){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.anchors{color:var(--text-muted);justify-content:space-between;gap:12px;margin-top:6px;font-size:14px;display:flex}.anchors span:last-child{text-align:right}.sticky-bar{background:var(--surface-1);border-top:1px solid var(--border);padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.sticky-bar .inner{justify-content:space-between;align-items:center;gap:12px;max-width:640px;margin:0 auto;display:flex}.progress{background:var(--surface-2);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress>span{background:var(--accent);height:100%;transition:width .2s;display:block}.big-done{text-align:center;padding-top:18vh}.big-done h1{font-size:clamp(48px,12vw,96px)}.rounds{margin:0;padding:0;list-style:none}.rounds li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.badge{background:var(--surface-2);color:var(--text-secondary);border-radius:99px;padding:2px 8px;font-size:13px;font-weight:600}.present{flex-direction:column;min-height:100vh;max-height:100vh;padding:24px 32px;display:flex}.present header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.present h1{margin:0;font-size:clamp(28px,3.4vw,48px)}.collect{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.collect .qr{background:#fff;border-radius:16px;justify-self:center;width:100%;max-width:62vh;padding:16px}.collect .qr img{width:100%;height:auto;display:block}.count{font-variant-numeric:tabular-nums;font-size:clamp(96px,16vw,240px);font-weight:800;line-height:1}.url{word-break:break-all;margin-bottom:16px;font-size:clamp(20px,2.2vw,32px);font-weight:600}@media (width<=800px){.collect{grid-template-columns:1fr}}.caption{color:var(--text-secondary);text-align:center;margin-top:12px;font-size:clamp(18px,1.8vw,26px)}.hint{color:var(--text-muted);font-size:14px}.spread{width:100%;height:auto;max-height:calc(100vh - 170px);font-family:var(--font);margin:0 auto;display:block}.spread .name{fill:var(--text-primary);font-size:26px;font-weight:700}.spread .pole{fill:var(--text-secondary);font-size:17px}.spread .stat{fill:var(--text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.spread .stat-sd{fill:var(--text-primary);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.spread .tick{fill:var(--text-muted);font-size:18px}.spread .baseline{stroke:var(--border);stroke-width:2px}.spread .grid{stroke:var(--surface-2);stroke-width:1px}.spread .dot{fill:var(--series-1);stroke:var(--surface-1);stroke-width:2px}.spread .band{fill:var(--accent-soft)}.spread .band-edge{stroke:var(--series-1);stroke-width:2px;stroke-dasharray:4 4}.spread .mean{stroke:var(--text-primary);stroke-width:3px}.spread .mean-mark{fill:var(--text-primary);stroke:var(--surface-1);stroke-width:2px}.spread .summary{transition:opacity .6s}.spread .summary.hidden{opacity:0}.spread .bin:hover .dot{fill:var(--text-primary)}@keyframes drop-in{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.spread .dot.animate{animation:.45s cubic-bezier(.2,.8,.3,1.2) both drop-in}@media (prefers-reduced-motion:reduce){.spread .dot.animate{animation:none}.spread .summary{transition:none}}.chart-wrap{flex-direction:column;flex:1;justify-content:center;display:flex}table.data{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.data th,table.data td{border-bottom:1px solid var(--border);text-align:right;padding:8px}table.data th:first-child,table.data td:first-child{text-align:left}
