*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse,#0e3445,#050d16 70%);min-height:100vh;display:grid;place-items:center;padding:24px;color:#bfdee9;font:15px Tahoma,sans-serif}main{max-width:440px;padding:40px 30px;border:1px solid #306573;border-radius:5px 24px;background:#071925}h1{text-align:center;font:36px Consolas,monospace;letter-spacing:8px;color:#a4f3ff}small{color:#72a6bc;letter-spacing:2px;font:9px Consolas,monospace}p{line-height:1.9;font-size:12px}form{display:grid;gap:12px;margin:24px 0}input,button{font:inherit;background:#08202c;color:#d2faff;border:1px solid #36738a;padding:13px;border-radius:5px}button{cursor:pointer;background:#126b7d}.note{color:#779cae;font-size:11px}#result{overflow-wrap:anywhere;color:#a2f0d7;line-height:2;font-size:14px}code{direction:ltr;display:block;font:23px Consolas,monospace;letter-spacing:3px}