:root{--bg: #f6f7fb;--bg-2: #ffffff;--text: #0f172a;--muted: #475569;--muted-2: #64748b;--border: rgba(15, 23, 42, .12);--border-2: rgba(15, 23, 42, .08);--card: rgba(255, 255, 255, .78);--card-solid: #ffffff;--shadow: 0 10px 30px rgba(15, 23, 42, .08);--shadow-2: 0 6px 16px rgba(15, 23, 42, .08);--accent: #2563eb;--accent-2: #7c3aed;--ok: #16a34a;--warn: #f59e0b;--danger: #ef4444;--radius: 18px;--radius-sm: 12px;--wrap: 1400px;--pad: 18px;--focus: 0 0 0 4px rgba(37, 99, 235, .22)}*{box-sizing:border-box}html,body{height:100%}html{background:var(--bg)}body{min-height:100vh;background:radial-gradient(900px 520px at 18% 0%,rgba(37,99,235,.12),transparent 55%),radial-gradient(760px 520px at 88% 10%,rgba(124,58,237,.1),transparent 60%),radial-gradient(820px 560px at 50% 115%,rgba(14,165,233,.08),transparent 60%),var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:#2563eb2e}.page{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:26px var(--pad)}.skip-link{position:absolute;left:-9999px;top:10px;z-index:999;background:var(--card-solid);border:1px solid var(--border);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow-2)}.skip-link:focus{left:12px;outline:none;box-shadow:var(--focus),var(--shadow-2)}h1,h2,h3{margin:0 0 12px;letter-spacing:-.02em}h1{font-size:clamp(28px,4vw,40px);line-height:1.08}h2{font-size:clamp(20px,2.6vw,26px);line-height:1.18}p{margin:0 0 12px;color:var(--muted);line-height:1.55}.small{font-size:14px;color:var(--muted-2)}.card{background:var(--card);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card__in{padding:18px}.btn{appearance:none;border:1px solid var(--border);background:var(--card-solid);color:var(--text);border-radius:14px;padding:10px 14px;font-weight:600;cursor:pointer;box-shadow:0 2px 10px #0f172a0d;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn:active{transform:translateY(0)}.btn:focus{outline:none;box-shadow:var(--focus),var(--shadow-2);border-color:#2563eb59}.btn--primary{border-color:#2563eb59;background:linear-gradient(135deg,#2563ebfa,#7c3aedfa);color:#fff}.btn--ghost{background:transparent;box-shadow:none}.badge{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:#ffffffa6;color:var(--muted);font-size:13px}.hr{height:1px;background:var(--border-2);border:0;margin:18px 0}.input,.select{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:#ffffffe6;color:var(--text);outline:none;transition:box-shadow .12s ease,border-color .12s ease}.input:focus,.select:focus{box-shadow:var(--focus);border-color:#2563eb59}.grid{display:grid;gap:16px}.grid--2{grid-template-columns:1fr}@media(min-width:860px){.grid--2{grid-template-columns:1.2fr .8fr}}.site-header{position:sticky;top:0;z-index:50;background:#f6f7fbb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-2)}.site-header__in{max-width:var(--wrap);margin:0 auto;padding:12px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand__mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#2563ebf2,#7c3aedf2);box-shadow:0 10px 24px #2563eb33}.nav{display:flex;gap:8px;align-items:center}.nav__link{padding:10px 12px;border-radius:12px;color:var(--muted);border:1px solid transparent;transition:background .12s ease,border-color .12s ease,color .12s ease}.nav__link:hover{background:#ffffffb3;border-color:var(--border-2);color:var(--text)}.site-footer{border-top:1px solid var(--border-2);background:#ffffff8c}.site-footer__in{max-width:var(--wrap);margin:0 auto;padding:18px var(--pad);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;color:var(--muted-2);font-size:14px}.kcheck{outline:none}.kcheck__panel{padding:18px;border-radius:22px;border:1px solid rgba(15,23,42,.1);background:radial-gradient(950px 520px at 15% 0%,rgba(37,99,235,.1),transparent 56%),radial-gradient(760px 460px at 90% 12%,rgba(124,58,237,.08),transparent 60%),#ffffffe0;box-shadow:0 18px 50px #0f172a1a,inset 0 1px #ffffffb3;backdrop-filter:blur(10px)}.kcheck__head{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.kcheck__title{margin:0;color:#0f172af5}.kcheck__hint{margin:0;color:#475569eb;line-height:1.55}.kcheck__bar{margin-top:12px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;border:1px solid rgba(15,23,42,.12);background:linear-gradient(180deg,#fffffff5,#f6f8fcf5);box-shadow:0 10px 24px #0f172a14,inset 0 1px #fffc}.kcheck__bar-label{font-size:14px;color:#475569e6;white-space:nowrap}.kcheck__typed{flex:1;min-height:22px;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172aeb}.kcheck__clear{width:36px;height:36px;border-radius:12px;border:1px solid rgba(15,23,42,.16);background:linear-gradient(180deg,#fff,#ecf1f8);color:#0f172ae6;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 1px #0f172a0d,0 12px 20px #0f172a1a;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.kcheck__clear:hover{transform:translateY(-1px);box-shadow:0 1px #0f172a0f,0 16px 26px #0f172a1f}.kcheck__kbdwrap{margin-top:14px;padding:14px;border-radius:22px;border:1px solid rgba(15,23,42,.12);background:linear-gradient(180deg,#fffffff5,#f4f7fcf5);box-shadow:0 18px 40px #0f172a1a,inset 0 1px #ffffffbf,inset 0 -18px 28px #0f172a0a;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.kcheck__kbd{--u: clamp(20px, 1.75vw, 48px);--g: 9px;--h: calc(var(--u) * 1.4);--kbdH: calc(var(--h) * 6 + var(--g) * 5);display:flex;align-items:flex-start;gap:12px;width:100%;min-width:980px}.kcheck__block{display:flex;flex-direction:column;gap:var(--g)}.kcheck__block--main{height:var(--kbdH);flex:1 1 0;min-width:0}.kcheck__block--nav{height:var(--kbdH);flex:.28 1 0;min-width:210px}.kcheck__block--np{height:var(--kbdH);flex:.32 1 0;min-width:230px}.kcheck__row{display:flex;gap:var(--g);width:100%}.kcheck__gap{flex:0 0 calc(var(--u) * .5);width:calc(var(--u) * .5)}.kcheck__key{--w: 1;height:var(--h);width:calc(var(--u) * var(--w));border-radius:9px;display:inline-flex;align-items:center;justify-content:center;user-select:none;box-sizing:border-box;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;letter-spacing:.15px;color:#0f172aeb;border:1px solid rgba(15,23,42,.18);background:linear-gradient(180deg,#fff,#f5f8fd 52%,#e8eff8);box-shadow:0 1px #0f172a0d,0 12px 18px #0f172a1a,inset 0 1px #ffffffeb,inset 0 -10px 16px #0f172a1a,inset 0 -1px #0f172a1a;transition:transform 90ms ease,box-shadow .12s ease,border-color .12s ease}.kcheck__key:hover{transform:translateY(-1px);border-color:#2563eb38;box-shadow:0 1px #0f172a0d,0 16px 22px #0f172a1f,inset 0 1px #fffffff0,inset 0 -10px 16px #0f172a1a,inset 0 -1px #0f172a1a}.kcheck__key.is-seen{background:linear-gradient(180deg,#fffaec,#ffeeca);border-color:#f59e0b8c;box-shadow:0 0 0 3px #f59e0b2e,0 12px 18px #0f172a1a,inset 0 1px #ffffffeb,inset 0 -10px 16px #0f172a1a;transform:none}.kcheck__key.is-down{background:linear-gradient(180deg,#ecfff4,#d2f6e4);border-color:#22c55e99;box-shadow:0 0 0 3px #22c55e2e,0 10px 16px #0f172a1f,inset 0 10px 18px #0f172a1f;transform:translateY(1px)}.kcheck__key.is-seen:hover,.kcheck__key.is-down:hover{transform:none}.kcheck__key--w13{--w: 1.3}.kcheck__key--w15{--w: 1.5}.kcheck__key--w18{--w: 1.8}.kcheck__key--w20{--w: 2}.kcheck__key--w22{--w: 2.2}.kcheck__key--w24{--w: 2.4}.kcheck__key--w28{--w: 2.8}.kcheck__key--w60{--w: 6}.kcheck__block--main>.kcheck__row .kcheck__key{width:auto;flex:calc(var(--w) * 10) 1 0;min-width:var(--u)}.kcheck__block--nav>.kcheck__row .kcheck__key{width:auto;flex:1 1 0;min-width:var(--u)}.kcheck__arrows{display:flex;flex-direction:column;gap:var(--g);align-items:center;margin-top:auto;width:100%}.kcheck__arrows-up,.kcheck__arrows-row{width:100%;display:flex;gap:var(--g)}.kcheck__arrows-up{justify-content:center}.kcheck__arrows-up .kcheck__key{flex:0 0 auto;width:42%;min-width:var(--u)}.kcheck__arrows-row .kcheck__key{flex:1 1 0;width:auto;min-width:var(--u)}.kcheck__np{display:grid;grid-template-columns:repeat(3,1fr) 1fr;grid-template-rows:repeat(5,1fr);gap:var(--g);height:100%}.kcheck__np .kcheck__key{width:100%;height:100%;min-height:var(--h)}.kcheck__np-minus{grid-column:4;grid-row:1}.kcheck__np-plus{grid-column:4;grid-row:2 / span 2}.kcheck__np-enter{grid-column:4;grid-row:4 / span 2}.kcheck__np-zero{grid-column:1 / span 2;grid-row:5}.kcheck__actions{margin-top:12px;display:flex;justify-content:flex-end}.kcheck__btn{border-radius:14px;padding:10px 14px;font-weight:800;border:1px solid rgba(15,23,42,.16);background:linear-gradient(180deg,#fff,#ecf1f8);color:#0f172aeb;box-shadow:0 1px #0f172a0f,0 14px 22px #0f172a1a;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.kcheck__btn:hover{transform:translateY(-1px);box-shadow:0 1px #0f172a0f,0 18px 28px #0f172a1f}.kcheck__btn:active{transform:translateY(0)}@media(max-width:980px){.kcheck__kbd{--u: clamp(18px, 5.2vw, 40px);--g: 8px;--h: calc(var(--u) * 1.4);width:max-content;min-width:unset}.kcheck__block--main,.kcheck__block--nav,.kcheck__block--np{flex:0 0 auto;min-width:unset}.kcheck__block--main>.kcheck__row .kcheck__key{flex:0 0 calc(var(--u) * var(--w));width:calc(var(--u) * var(--w));min-width:0}.kcheck__block--nav>.kcheck__row .kcheck__key{flex:0 0 var(--u);width:var(--u);min-width:0}.kcheck__key{font-size:12px}}