:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#0b0f14;--card:#161d26;--text:#f3f7ff;--muted:#d4dbea;--border:#6f8fbe;--accent:#8ed1ff;--danger:#ff9f9f;--focus:#fd5;font-family:Arial,Helvetica,sans-serif;font-weight:500;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-size:22px}#root{min-height:100vh}.app{max-width:760px;margin:0 auto;padding:1rem 1rem 2rem}.header p{color:var(--muted)}.grid{flex-direction:column;gap:.85rem;display:flex}.card{background:var(--card);border:2px solid var(--border);border-radius:16px;padding:1rem}.label,.meaning-label{color:var(--muted);margin-block:.65rem .35rem;display:block}.input,.button,.range{width:100%;min-height:54px;font-size:1rem}.input,.select{color:var(--text);border:2px solid var(--border);background:#0c1219;border-radius:12px;padding:.6rem .8rem}.search-row{flex-direction:column;gap:.75rem;display:flex}.search-row .input{min-width:0}.search-row .button{width:100%;min-width:0}.button{border:2px solid var(--border);cursor:pointer;color:var(--text);background:#1a2634;border-radius:12px;margin-top:.65rem;padding:.65rem .85rem;font-weight:700}.button.primary{border-color:var(--accent);background:#17304a}.button.secondary{background:#213242}.button:disabled{opacity:.6;cursor:not-allowed}.button-row{flex-wrap:wrap;gap:.65rem;display:flex}.button-row .button{flex:1}.meaning-text{margin:0 0 .7rem}.word-display{letter-spacing:.08em;border:2px solid var(--border);min-height:60px;color:var(--accent);word-break:break-all;background:#0c1219;border-radius:12px;margin-bottom:.5rem;padding:.6rem .8rem;font-size:1.6rem;font-weight:700}.keyboard-overlay{z-index:100;background:var(--bg);flex-direction:column;gap:1rem;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.keyboard-display{letter-spacing:.1em;text-align:center;background:var(--card);border:2px solid var(--accent);min-height:72px;color:var(--accent);word-break:break-all;border-radius:16px;padding:.75rem 1rem;font-size:2rem;font-weight:700}.keyboard-grid{flex-direction:column;flex:1;gap:.75rem;display:flex}.keyboard-row{gap:.6rem;display:flex}.keyboard-row--actions{margin-top:.5rem}.key{min-height:64px;color:var(--text);border:2px solid var(--border);cursor:pointer;background:#1a2634;border-radius:12px;flex:1;font-size:1.4rem;font-weight:700}.key--letter{font-size:1.6rem}.key--action{min-height:60px;font-size:1.1rem}.key--primary{border-color:var(--accent);background:#17304a}.key:disabled{opacity:.5;cursor:not-allowed}.helper-text{color:var(--muted);margin:.4rem 0}.status p{margin:.35rem 0}.error{color:var(--danger);font-weight:700}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}@media (width<=600px){body{font-size:20px}}