:root{color-scheme:light;font-family:system-ui,sans-serif;color:#25224b;background:#f3f2fa}*{box-sizing:border-box}main{max-width:880px;margin:60px auto;padding:0 24px}.brand{font-size:13px;font-weight:750;letter-spacing:2px;text-decoration:none;color:#635bff}h1{font-size:clamp(42px,7vw,68px);line-height:1.05;letter-spacing:-3px;margin:36px 0 20px}.intro{font-size:21px;color:#625f7e}nav{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0}nav a{padding:10px 14px;background:#e8e5ff;border-radius:9px;color:#433c9c;text-decoration:none}nav a[aria-current]{background:#635bff;color:white}section{padding:32px;background:white;border:1px solid #e1deef;border-radius:20px;box-shadow:0 12px 40px #25224b08}.badge{font-size:12px;letter-spacing:1px;font-weight:750;color:#635bff}label{display:grid;gap:8px;max-width:360px}input{font:inherit;border:1px solid #ccc7e5;padding:12px;border-radius:8px}#widget{margin:24px 0}button{background:#635bff;color:white;border:0;padding:14px 20px;border-radius:9px;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.45;cursor:default}#result{font-weight:650;margin:24px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}footer{color:#706b85;font-size:13px;line-height:1.7;margin:24px 0}h2{font-size:26px}details{border-top:1px solid #eee;padding-top:18px}