:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#1b1f27;--surface:#262b36;--accent:#f2c14e;--text:#eef1f6;--text-muted:#9aa4b5;--border:#3a4150;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,select,input,textarea{font:inherit;color:inherit}button{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.4rem .7rem}a{color:var(--accent)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.app-bar h1{flex:1;margin:0;font-size:1.1rem}.app-bar-home{white-space:nowrap;text-decoration:none}.app-bar-actions{align-items:center;gap:.5rem;display:flex}.app-bar-actions button,.app-bar-actions select{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:.35rem .6rem}.app-content{flex:1;width:100%;max-width:640px;margin:0 auto;padding:1rem}.app-tagline{color:var(--text-muted);margin-top:0}.build-version{color:var(--text-muted);opacity:.6;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:100;font-family:Courier New,monospace;font-size:.7rem;position:fixed;bottom:.3rem;right:.4rem}.module-menu{gap:.5rem;padding:0;list-style:none;display:grid}.module-menu a{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.9rem 1rem;text-decoration:none;display:block}.bottom-tab-bar{border-top:1px solid var(--border);background:var(--surface);display:flex}.bottom-tab-bar button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-top:2px solid #0000;flex:1;padding:.75rem}.bottom-tab-bar button.active{color:var(--accent);border-top-color:var(--accent)}.module-tab-content{flex-direction:column;gap:.75rem;display:flex}.field-label{color:var(--text-muted);margin:.5rem 0 .25rem;font-size:.9rem}textarea,input[type=text]{background:var(--surface);border:1px solid var(--border);border-radius:6px;width:100%;padding:.5rem}.result-list{gap:.4rem;padding:0;list-style:none;display:grid}.result-list li{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.5rem .6rem}.result-list .result-desc{color:var(--text-muted);font-size:.8rem;display:block}.result-list .result-value{word-break:break-word;font-family:Courier New,monospace}.help-panel-backdrop{background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.help-panel{background:var(--surface);border-radius:10px;max-width:480px;max-height:80vh;padding:1rem 1.25rem;overflow-y:auto}.help-panel header{justify-content:space-between;align-items:center;display:flex}.help-panel p{white-space:pre-line;line-height:1.5}.status-message{color:var(--text-muted);min-height:1.2em;font-size:.85rem}.button-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.icon-button{min-width:44px;min-height:44px;padding:.7rem .9rem;font-size:1.3rem;line-height:1}.morse-keypad{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.morse-keypad button{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:1.2rem;font-size:1.5rem}.morse-keypad button.morse-key-sep{grid-column:1/span 2}.morse-raw-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.morse-raw-row .morse-raw{word-break:break-all;flex:1;min-height:1.5em;font-family:Courier New,monospace;font-size:1.2rem}.reference-group h2{color:var(--accent);margin:1rem 0 .4rem;font-size:1rem}.reference-row{border-bottom:1px solid var(--border);grid-template-columns:2.5rem 6rem 1fr;align-items:baseline;gap:.5rem;padding:.3rem 0;display:grid}.reference-row .ref-code{color:var(--text-muted);font-family:Courier New,monospace}.braille-cell{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-shrink:0;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr;gap:4px;padding:6px;display:grid}.braille-dot{border:1.5px solid var(--text-muted);cursor:default;background:0 0;border-radius:50%;width:100%;min-width:0;height:100%;min-height:0;padding:0}.braille-cell-interactive .braille-dot{cursor:pointer}.braille-dot-on{background:var(--accent);border-color:var(--accent)}.cipher-input-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.cipher-pending-info{flex-direction:column;align-items:center;gap:1rem;display:flex}.cipher-pending-char{text-align:center;min-width:2rem;font-family:Courier New,monospace;font-size:3rem}.cipher-glyph-row{flex-wrap:wrap;gap:4px;margin-top:.3rem;display:flex}.cipher-reference-row{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.3rem 0;display:flex}.semafor-glyph{background:var(--surface);border:1px solid var(--border);border-radius:50%;flex-shrink:0;position:relative}.semafor-glyph-center{background:var(--border);border-radius:50%;width:6%;height:6%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.semafor-dot{border:1.5px solid var(--text-muted);background:var(--bg);cursor:default;border-radius:50%;width:22%;height:22%;padding:0;position:absolute;transform:translate(-50%,-50%)}.semafor-glyph-interactive .semafor-dot{cursor:pointer}.semafor-dot-on{background:var(--accent);border-color:var(--accent)}.semafor-mode-tag{color:var(--accent)}.flag-glyph{border:1px solid var(--border);background:var(--surface);cursor:default;border-radius:4px;flex-shrink:0;padding:0;overflow:hidden}.flag-glyph-interactive{cursor:pointer}.flag-glyph img{width:100%;height:100%;display:block}.flag-picker-grid{flex-wrap:wrap;gap:.75rem .5rem;margin-top:.5rem;display:flex}.flag-picker-item{flex-direction:column;align-items:center;gap:2px;display:flex}.flag-picker-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.flag-output-row{flex-wrap:wrap;gap:4px;margin-top:.3rem;display:flex}