body{font:16px/1.65 system-ui,sans-serif;margin:0;background:#f1f5fa;color:#172b48}main{max-width:850px;margin:30px auto;padding:28px;background:white;border-radius:12px}nav{display:flex;gap:16px;flex-wrap:wrap}a{color:#2359cc}h1{line-height:1.2}h2{margin-top:1.5em}label{display:block;margin:16px 0}input,button{font:inherit;padding:10px;border:1px solid #9cabc0;border-radius:6px}button{background:#2359cc;color:white;cursor:pointer}#result{white-space:pre-wrap}[hidden]{display:none!important}@media(max-width:600px){main{margin:0;padding:20px;border-radius:0}input{box-sizing:border-box;max-width:100%}}