.translator-wrap{position:relative;padding-bottom:70px}.translator-intro{padding:42px 0 28px}.translator-page h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1;margin:0 0 16px}.translator-intro p{color:#c5d3d6;margin:18px 0 0}.translator-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.translator-input,.translator-result{min-width:0;padding:28px;background:var(--navy);border:1px solid var(--line)}.translator-input label{display:block;font-weight:600;margin-bottom:12px}.translator-input textarea{width:100%;resize:vertical;min-height:160px;border:1px solid var(--blue);background:var(--ink);color:var(--paper);padding:16px;font:1rem/1.6 Inter,system-ui,sans-serif;border-radius:0}.translator-input p{font-size:.875rem;color:#c5d3d6}.translator-input input[type=range]{width:100%;accent-color:#82a7b5;margin:0 0 24px;min-height:30px}.translator-input output{float:right;font-weight:400;color:var(--blue)}.translator-input .english-toggle{display:flex;align-items:center;gap:12px;font-weight:400}.english-toggle input{width:20px;height:20px;accent-color:var(--green)}.translator-input button{cursor:pointer;background:var(--paper);color:var(--ink);font-size:.875rem;margin-top:12px}.translator-input button:disabled{opacity:.5;cursor:not-allowed}.translator-page :focus-visible{outline:2px solid var(--ice);outline-offset:4px}.translator-result{border-top:2px solid var(--blue)}.translator-result h2{font:600 .875rem/1.5 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:24px}#glyph-output{font-family:Aurebesh;font-size:36px;font-weight:400;font-feature-settings:"liga" 0,"clig" 0;font-variant-ligatures:none;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;min-height:160px;color:var(--ice)}#english-output{white-space:pre-wrap;overflow-wrap:anywhere;color:#c5d3d6;border-top:1px solid var(--line);padding-top:20px}#english-output[hidden]{display:none}.translator-explanation{max-width:850px;color:var(--blue);font-size:.875rem;margin-top:28px}.translator-page .footer-row{flex-wrap:wrap}@media(max-width:750px){.translator-grid{grid-template-columns:1fr}.translator-input,.translator-result{padding:22px}.translator-intro{padding-top:32px}}
.translator-signin{display:block;color:#a0dabb;text-decoration:underline;margin-top:16px;font-weight:700}.translator-signin[hidden]{display:none}