.tools.svelte-171l7w4 .page-hero:where(.svelte-171l7w4){border-bottom:0;padding:14px 0 0}.tools.svelte-171l7w4 h1:where(.svelte-171l7w4){font-size:36px}.tools.svelte-171l7w4 .standfirst:where(.svelte-171l7w4){margin-top:12px;font-size:16px}.pairs.svelte-171l7w4{flex-wrap:wrap;align-items:center;gap:8px;margin:26px 0 18px;display:flex}.pairs.svelte-171l7w4 .lab:where(.svelte-171l7w4){margin-right:4px}.pairs.svelte-171l7w4 .try-chip[aria-pressed=true]:where(.svelte-171l7w4){color:var(--accent);border-color:var(--accent)}.try-chip.svelte-171l7w4:disabled{opacity:.45;cursor:default}.hw.svelte-171l7w4{--hi:#eaeaea;--hl:#eaeaea8c;--hk:#333337;--hkd:#0b0b0c;--hs:#f0f0f0;--hs2:#f0f0f094;color:var(--hi);font-family:var(--mono);background:radial-gradient(circle at 13px 13px,#0a0a0b 0 2.5px,#47474c 3px 4px,#0000 4.5px),radial-gradient(circle at calc(100% - 13px) 13px,#0a0a0b 0 2.5px,#47474c 3px 4px,#0000 4.5px),radial-gradient(circle at 13px calc(100% - 13px),#0a0a0b 0 2.5px,#47474c 3px 4px,#0000 4.5px),radial-gradient(circle at calc(100% - 13px) calc(100% - 13px),#0a0a0b 0 2.5px,#47474c 3px 4px,#0000 4.5px),linear-gradient(#252528,#1a1a1c);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"brand brand""da db""keys keys""xf xf";gap:16px 22px;padding:22px 28px 24px;display:grid;box-shadow:inset 0 1px #ffffff1a,inset 0 -3px #00000029,0 0 0 1px #0009,0 30px 60px -28px #000}.hw.svelte-171l7w4>:where(.svelte-171l7w4){min-width:0}.brand.svelte-171l7w4{grid-area:brand;align-items:center;gap:10px;display:flex}.sp.svelte-171l7w4{flex:1}.wm.svelte-171l7w4{letter-spacing:-.02em;align-items:center;gap:5px;font:800 14px/1 Montserrat,system-ui,sans-serif;display:flex}.wm.svelte-171l7w4 i:where(.svelte-171l7w4){border-left:8px solid var(--accent);border-top:5px solid #0000;border-bottom:5px solid #0000}.l.svelte-171l7w4{font:500 9px/1.2 var(--mono);color:var(--hl);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.led.svelte-171l7w4{background:#08080a;border-radius:50%;flex:none;width:7px;height:7px;display:block;box-shadow:inset 0 1px 1px #00000059}.led.on.svelte-171l7w4{background:radial-gradient(circle at 50% 38%, #ffd9b0 0 16%, var(--accent) 58%);box-shadow:0 0 5px rgba(var(--play-rgb),.5)}.scr.svelte-171l7w4{color:var(--hs);transition:box-shadow var(--dur-move) var(--ease-needle);background:#020202;border-radius:3px;grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;padding:12px 14px;display:grid;box-shadow:0 0 0 1px #000,0 0 0 5px #111113,inset 0 0 26px #ffffff08}.scr.hot.svelte-171l7w4{box-shadow:0 0 0 1px #000, 0 0 0 3px var(--accent), inset 0 0 26px #ffffff08}.head.svelte-171l7w4{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.head.svelte-171l7w4>b:where(.svelte-171l7w4){background:var(--hs);color:#000;width:20px;height:20px;font:600 11px var(--mono);place-items:center;display:grid}select.svelte-171l7w4{appearance:none;border:0;border-bottom:1.5px solid var(--gc);width:100%;min-width:0;color:inherit;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.08em;text-overflow:ellipsis;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f2f2ed' stroke-width='1.5'/%3E%3C/svg%3E") right 2px center/10px 6px no-repeat;border-radius:0;padding:4px 18px 5px 0}select.svelte-171l7w4:disabled{opacity:.6;cursor:default}select.svelte-171l7w4 :is(option:where(.svelte-171l7w4),optgroup:where(.svelte-171l7w4)){color:#f4f4f5;text-transform:none;letter-spacing:0;background:#151517}.np.svelte-171l7w4{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;min-height:56px;display:grid}.cov.svelte-171l7w4{width:56px;height:56px;transition:filter var(--dur-move);overflow:hidden}.cov.svelte-171l7w4 img:where(.svelte-171l7w4),.cov.svelte-171l7w4 .cover-ph{object-fit:cover;width:100%;height:100%;display:block}.tt.svelte-171l7w4 b:where(.svelte-171l7w4),.tt.svelte-171l7w4 span:where(.svelte-171l7w4){white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.tt.svelte-171l7w4 b:where(.svelte-171l7w4){font:500 13.5px/1.25 var(--mono);text-transform:uppercase;letter-spacing:.02em;margin:0 0 1px}.tt.svelte-171l7w4 span:where(.svelte-171l7w4){font:400 12px/1.4 var(--mono);color:var(--hs2)}.lvl.svelte-171l7w4{background:#ffffff24;height:2px;overflow:hidden}.lvl.svelte-171l7w4 i:where(.svelte-171l7w4){background:var(--hs);height:100%;display:block}.blind.svelte-171l7w4 .cov:where(.svelte-171l7w4){filter:blur(10px)grayscale()}.blind.svelte-171l7w4 .tt:where(.svelte-171l7w4) b:where(.svelte-171l7w4),.blind.svelte-171l7w4 .tt:where(.svelte-171l7w4) span:where(.svelte-171l7w4):first-of-type{filter:blur(7px);opacity:.5}.blind.svelte-171l7w4 .lvl:where(.svelte-171l7w4){visibility:hidden}.keys.svelte-171l7w4{grid-area:keys;justify-content:center;align-items:flex-end;gap:10px;display:flex}.kc.svelte-171l7w4{font:500 8.5px/1 var(--mono);color:var(--hl);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;justify-items:center;gap:6px;display:grid}.k.svelte-171l7w4{width:44px;height:44px;color:var(--hi);font:500 13px var(--mono);cursor:pointer;background:linear-gradient(180deg, var(--hk), #2d2d31);box-shadow:0 0 0 1px var(--hkd), 0 3px 0 var(--hkd), inset 0 1px 0 #ffffff1a;transition:transform 80ms, box-shadow 80ms, color var(--dur-tap);border:0;border-radius:6px;place-items:center;padding:0;display:grid}.k.svelte-171l7w4:active,.k[aria-pressed=true].svelte-171l7w4{box-shadow:0 0 0 1px var(--hkd), 0 1px 0 var(--hkd);transform:translateY(2px)}.k[aria-pressed=true].svelte-171l7w4{color:var(--accent)}.k.svelte-171l7w4:disabled{opacity:.4;cursor:default}.k.ic.svelte-171l7w4{font-size:18px;line-height:1}.k.tx.svelte-171l7w4{letter-spacing:.06em;font-size:10px}.k.pw.svelte-171l7w4{box-shadow:0 0 0 1px var(--hkd), 0 3px 0 var(--hkd), inset 0 0 0 1.5px #ffffff8c}.k.pw[aria-pressed=true].svelte-171l7w4{box-shadow:0 0 0 1px var(--hkd), 0 1px 0 var(--hkd), inset 0 0 0 1.5px var(--accent)}.tri.svelte-171l7w4{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid}.sq.svelte-171l7w4{background:currentColor;border-radius:2px;width:10px;height:10px}.xf.svelte-171l7w4{grid-area:xf;justify-content:center;align-items:center;gap:14px;display:flex}.xfw.svelte-171l7w4{flex:0 16.7%;min-width:0;position:relative}.xfw.svelte-171l7w4:before{content:"";background:repeating-linear-gradient(90deg, var(--hl) 0 1px, transparent 1px calc(10% - .1px));border-right:1px solid var(--hl);opacity:.7;height:6px;position:absolute;top:2px;left:14px;right:14px}.xfd.svelte-171l7w4{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:46px;margin:0;display:block}.xfd.svelte-171l7w4::-webkit-slider-runnable-track{background:#050505;border-radius:8px;height:8px;box-shadow:inset 0 1px 2px #000,0 1px #ffffff1f}.xfd.svelte-171l7w4::-moz-range-track{background:#050505;border-radius:8px;height:8px;box-shadow:inset 0 1px 2px #000}.xfd.svelte-171l7w4::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(90deg,#0000 calc(50% - 1px),#f0f0f0 0 calc(50% + 1px),#0000 0),linear-gradient(#3d3d42,#232326);border:0;border-radius:5px;width:28px;height:42px;margin-top:-17px;box-shadow:0 3px 8px #0000008c,inset 0 0 0 1px #00000047,inset 0 1px #fff3}.xfd.svelte-171l7w4::-moz-range-thumb{background:linear-gradient(90deg,#0000 calc(50% - 1px),#f0f0f0 0 calc(50% + 1px),#0000 0),linear-gradient(#3d3d42,#232326);border:0;border-radius:5px;width:28px;height:42px;box-shadow:0 3px 8px #0000008c,inset 0 0 0 1px #00000047}.xfd.svelte-171l7w4:disabled{opacity:.45;cursor:default}.read.svelte-171l7w4,.tempo.svelte-171l7w4{text-align:center;font-family:var(--mono);margin:0}.read.svelte-171l7w4{min-height:20px;color:rgba(var(--ink),.7);margin-top:16px;font-size:13px;font-weight:500}.tempo.svelte-171l7w4{min-height:18px;color:rgba(var(--ink),.45);margin-top:2px;font-size:12px}.tempo.on.svelte-171l7w4{color:var(--accent)}.test.svelte-171l7w4{border-top:1px solid var(--line-hair);color:rgba(var(--ink),.6);flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:28px;padding-top:24px;font-size:13px;display:flex}.test.svelte-171l7w4 b:where(.svelte-171l7w4){color:rgba(var(--ink),.92);font-weight:600}.test.svelte-171l7w4 b.ok:where(.svelte-171l7w4){color:var(--accent)}.score.svelte-171l7w4{font:500 13px var(--mono);margin-left:auto}.hint.svelte-171l7w4{max-width:46em;color:rgba(var(--ink),.5);margin:22px 0 0;font-size:13px;line-height:1.6}@media (width<=620px){.tools.svelte-171l7w4 h1:where(.svelte-171l7w4){font-size:30px}.hw.svelte-171l7w4{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""da""db""keys""xf";gap:14px;padding:20px 16px 30px}.model.svelte-171l7w4,.keys.svelte-171l7w4 .sp:where(.svelte-171l7w4){display:none}.keys.svelte-171l7w4{justify-content:space-between;gap:3px}.k.svelte-171l7w4{width:34px;height:34px}.kc.svelte-171l7w4{letter-spacing:.04em;font-size:7.5px}.xfw.svelte-171l7w4{flex:200px}}