body .kx-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
body .kx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:5px;max-height:550px;overflow:auto;padding:4px}
body .kx-grid button{font-size:25px;min-height:56px;background:#10283a;color:#83cfff;border:1px solid #244a65;border-radius:5px;cursor:pointer}
body .kx-grid button:hover,body .kx-grid button:focus-visible{border-color:#70b9ff;background:#1b3c58}
body .kx-grid button.known{background:#113b35;color:#7de9bf}
body .kx-picker button[aria-pressed=true]{outline:2px solid #6eb5ff;background:#245b98;color:white}
body #kx-dialog{width:min(590px,94vw);max-height:90vh;overflow:auto;padding:18px;background:#152139;color:#edf3ff;border:1px solid #3c5782;border-radius:14px}
body #kx-dialog::backdrop{background:#000b}
body .kx-modal-head,body .kx-modal-footer{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}
body .kx-modal-head button{font-size:12px}
body .kx-flash-body{display:flex;align-items:center;min-height:320px}
body .kx-flip{flex:1;min-width:0;background:transparent;border:0;color:#edf3ff;display:flex;flex-direction:column;align-items:center;gap:18px;cursor:pointer;padding:30px 8px}
body .kx-flip strong{font-size:100px;font-weight:500;line-height:1.4}
body .kx-flip span{font-size:19px;overflow-wrap:anywhere}
body .kx-flip small,body .kx-shortcuts{color:#9cacc9;font-size:12px;text-align:center}
body .kx-arrow{border:0;background:#243653;color:#b8ccec;border-radius:50%;width:32px;height:32px;font-size:24px;cursor:pointer}
body .kx-modal-footer{border-top:1px solid #344968;padding-top:14px;font-size:13px}
body .kx-modal-footer button{font-size:12px;padding:8px}
body .kx-rule{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:20px;padding:20px 0;border-bottom:1px solid #30405d}
body .kx-rule h3{font-size:16px;color:#9dccff}body .kx-rule p{font-size:13px;color:#adbcd5}
body .kx-rule-steps{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
body .kx-rule-steps svg{width:60px;height:60px;border:1px solid #435b7f;border-radius:5px;background:#0c1425}
@media(max-width:650px){body .kx-rule{grid-template-columns:1fr}body .kx-flash-body{min-height:260px}body .kx-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}}
body #kx-search{display:flex;align-items:flex-end;gap:12px;margin:0 0 24px;padding:0;flex-wrap:wrap}
body #kx-search label{display:flex;flex-direction:column;gap:9px;flex:1 1 280px;min-width:0;margin:0;font-size:13px;color:#b8c8e2}
body #kx-search input{box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:11px 14px;border:1px solid #435b7f;border-radius:9px;background:#0c1425;color:#edf3ff;font:inherit}
body #kx-search button{min-height:44px;margin:0;padding:10px 22px}
body #lesson-item-form fieldset.classification-fields{border:1px solid #4a6389;border-radius:12px;background:#121e32;padding:20px;margin:24px 0;min-width:0}
body #lesson-item-form .classification-fields legend{padding:4px 10px;color:#b8d9ff;font-weight:600;font-size:14px}
@media(max-width:500px){body #kx-search button{width:100%}body #lesson-item-form fieldset.classification-fields{padding:16px}}