*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:#15283f;font:18px/1.6 system-ui,sans-serif}main{max-width:760px;margin:auto;padding:24px 16px}h1{line-height:1.3}a{color:#164ca0}nav{display:flex;flex-wrap:wrap;gap:14px}section,form{background:white;padding:18px;border-radius:16px;margin:18px 0;min-width:0}label{display:block;margin-top:14px}input,select,button{font:inherit;max-width:100%;min-height:44px}input,select{width:100%;padding:10px;border:1px solid #63748b;border-radius:6px}button{padding:9px 14px;cursor:pointer;border:1px solid #63748b;border-radius:8px;background:#edf3ff;color:#15283f}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a65b00;outline-offset:3px}.keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#display,#result{display:block;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}#display{font-size:1.8rem;padding:12px;background:#eaf0f7}#result{min-height:3em}[aria-invalid=true]{border:2px solid #b42318}.note{font-size:.9rem}form button{margin-top:18px}