.binary{--binary-bg:#0d0d0f;--binary-surface:#ffffff06;--binary-border:#ffffff1a;--binary-border-soft:#ffffff12;--binary-border-faint:#ffffff0f;--binary-text:#fafafa;--binary-muted:#777c86;--binary-muted-2:#555963;--binary-input:#ffffff09;--binary-hover:#ffffff14;--binary-correct:#22c55e;--binary-correct-bg:#22c55e12;--binary-wrong:#ef4444;--binary-wrong-bg:#ef444412;--binary-missing:#3f434b;--binary-primary-bg:#f2f2f2;--binary-primary-text:#111;box-sizing:border-box;background:var(--binary-bg);min-height:100%;color:var(--binary-text);place-items:center;padding:20px;font-family:DM Mono,monospace;display:grid}.binary.theme-light{--binary-bg:#f2f0eb;--binary-surface:#00000006;--binary-border:#0000001f;--binary-border-soft:#00000014;--binary-border-faint:#0000000f;--binary-text:#0d0d0f;--binary-muted:#666b74;--binary-muted-2:#777c86;--binary-input:#00000009;--binary-hover:#0000000e;--binary-correct:#15803d;--binary-correct-bg:#15803d14;--binary-wrong:#dc2626;--binary-wrong-bg:#dc262614;--binary-missing:#9ca0a8;--binary-primary-bg:#111;--binary-primary-text:#f5f5f5}.binary-card{box-sizing:border-box;border:1px solid var(--binary-border);background:var(--binary-surface);border-radius:18px;width:min(900px,100%);padding:28px 34px}.binary-header,.result{text-align:center}.binary-mark{letter-spacing:.18em;font-size:28px;font-weight:800}.binary-mark.small{text-align:left;font-size:18px}.binary-header p{color:var(--binary-muted);margin:6px 0 28px;font-size:11px}.binary-level{border-block:1px solid var(--binary-border-soft);text-align:center;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;padding:14px 0;display:grid}.binary-level button,.binary-navigation button{border:1px solid var(--binary-border);height:42px;color:var(--binary-text);cursor:pointer;font:inherit;background:0 0;border-radius:8px;font-size:18px}.binary-level button:disabled,.binary-navigation button:disabled{opacity:.2;cursor:not-allowed}.binary-level span,.binary-level small{color:var(--binary-muted);font-size:9px;display:block}.binary-level strong{margin:2px 0;font-size:20px;display:block}.binary-config{margin:24px 0 10px;display:block}.binary-config>span{color:var(--binary-muted);letter-spacing:.12em;margin-bottom:8px;font-size:9px;display:block}.binary-config input{box-sizing:border-box;border:1px solid var(--binary-border);background:var(--binary-input);width:100%;height:52px;color:var(--binary-text);font:inherit;border-radius:9px;outline:none;padding:0 16px;font-size:16px}.binary-config input:focus{border-color:var(--binary-text)}.binary-config small{color:var(--binary-muted-2);margin-top:7px;font-size:9px;display:block}.binary-preview{border:1px solid var(--binary-border-faint);color:var(--binary-muted);white-space:nowrap;border-radius:8px;margin-bottom:18px;padding:12px;font-size:11px;overflow:hidden}.binary-primary{background:var(--binary-primary-bg);width:100%;min-height:42px;color:var(--binary-primary-text);cursor:pointer;font:inherit;letter-spacing:.06em;border:0;border-radius:9px;padding:12px 16px;font-weight:700}.binary-primary:hover:not(:disabled){opacity:.9}.binary-primary:disabled{opacity:.25;cursor:not-allowed}.binary-reset{color:var(--binary-muted);cursor:pointer;font:inherit;background:0 0;border:0;margin:16px auto 0;font-size:9px;display:block}.binary-reset:hover{color:var(--binary-text)}.binary-game-head{justify-content:space-between;align-items:flex-end;display:flex}.binary-game-head span{color:var(--binary-muted);margin-top:4px;font-size:9px;display:block}.binary-game-head strong{font-size:16px;font-weight:400}.binary-page{color:var(--binary-muted-2);text-align:center;margin-top:18px;font-size:9px}.binary-chunks{justify-content:center;align-items:center;gap:18px;min-height:250px;display:flex}.binary-chunks span{border:1px solid var(--binary-border);background:var(--binary-input);border-radius:8px;padding:14px 18px;font-size:32px}.binary-navigation{grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;display:grid}.binary-navigation span{color:var(--binary-muted-2);text-align:center;font-size:9px}.recall{width:min(1100px,100%)}.binary-grid,.result-grid{grid-template-columns:repeat(30,minmax(0,1fr));gap:4px;margin:24px 0 18px;display:grid}.binary-grid button,.result-grid span{aspect-ratio:1;box-sizing:border-box;border:1px solid var(--binary-border-faint);min-width:0;color:var(--binary-missing);font:inherit;background:0 0;border-radius:4px;place-items:center;font-size:13px;display:grid}.binary-grid button{cursor:text}.binary-grid button:hover{background:var(--binary-input)}.binary-grid button.active{border-color:var(--binary-text);color:var(--binary-text);background:var(--binary-input)}.binary-grid button:focus{outline:none}.binary-keypad{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px;display:grid}.binary-keypad button{border:1px solid var(--binary-border);background:var(--binary-input);min-height:40px;color:var(--binary-text);cursor:pointer;font:inherit;border-radius:8px}.binary-keypad button:hover{background:var(--binary-hover)}.binary-focus{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.binary-focus span{color:var(--binary-muted);letter-spacing:.16em;font-size:10px}.binary-focus strong{margin:16px 0 12px;font-size:clamp(72px,12vw,110px);font-weight:800;line-height:.8}.binary-focus small{color:var(--binary-muted-2);letter-spacing:.08em;font-size:10px}.result{width:min(1100px,100%)}.result-top{justify-content:space-between;align-items:center;gap:24px;margin-top:10px;display:flex}.result-top .binary-primary{width:auto;min-width:130px;margin:0}.result-score{letter-spacing:-.035em;align-items:baseline;margin-top:0;font-size:clamp(48px,6vw,64px);font-weight:700;line-height:.95;display:flex}.result-score span{color:var(--binary-muted-2);letter-spacing:-.01em;margin-left:5px;font-size:23px;font-weight:400}.result-message{color:var(--binary-muted);margin:8px 0 14px;font-size:10px}.comparison{text-align:left;grid-template-columns:1fr 1fr;gap:20px;margin:0;display:grid}.comparison-column{min-width:0}.comparison small{color:var(--binary-muted-2);letter-spacing:.1em;margin:0 0 6px;font-size:8px;display:block}.result-grid{grid-template-columns:repeat(30,minmax(0,1fr));gap:3px;margin:0;display:grid}.result-grid span{aspect-ratio:1;min-width:0;color:var(--binary-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.result-grid .correct{border-color:color-mix(in srgb, var(--binary-correct) 55%, transparent);color:var(--binary-correct);background:var(--binary-correct-bg)}.result-grid .wrong{border-color:color-mix(in srgb, var(--binary-wrong) 65%, transparent);color:var(--binary-wrong);background:var(--binary-wrong-bg)}.result-grid .missing{color:var(--binary-missing)}.result-stats{border-block:1px solid var(--binary-border-soft);grid-template-columns:repeat(4,1fr);margin:20px 0;display:grid}.result-stats>div{text-align:center;border-right:1px solid var(--binary-border-soft);padding:14px 10px}.result-stats>div:last-child{border-right:0}.result-stats small{color:var(--binary-muted-2);letter-spacing:.1em;margin-bottom:5px;font-size:8px;display:block}.result-stats strong{color:var(--binary-text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:500;display:block}@media (width<=700px){.binary{padding:10px}.binary-card{border-radius:14px;padding:20px 16px}.binary-chunks{gap:8px;min-height:220px}.binary-chunks span{padding:12px 10px;font-size:24px}.binary-grid,.result-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.result-top{align-items:flex-end}.comparison{grid-template-columns:1fr;gap:14px}.binary-keypad button{min-height:44px}.result-stats>div{padding:12px 4px}.result-stats strong{font-size:12px}}.binary-save{color:var(--binary-muted);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:10px auto 0;padding:0;font-size:11px;text-decoration:underline;display:block}.binary-save:hover{color:var(--binary-text)}