:root{font:16px/1.6 system-ui,sans-serif;color:#e9edf4;background:#0b1120;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#163e48,transparent 50%)}main{max-width:920px;margin:auto;padding:64px 24px}header{margin-bottom:40px}.badge{color:#6ee7be;font-size:.72rem;letter-spacing:.2em}h1{font-size:clamp(2.4rem,7vw,4rem);line-height:1.1;letter-spacing:-.04em}h2{font-size:1.3rem}p{color:#a8b5c9}section{background:#111c2dcc;border:1px solid #29384d;border-radius:20px;padding:28px;margin:20px 0}label{display:block;margin:14px 0;color:#d7e0ec}input,select{display:block;width:100%;margin-top:8px;padding:12px;border-radius:9px;border:1px solid #3d4b61;background:#0b1423;color:#eef6ff;font:inherit}input[type=checkbox]{display:inline;width:auto;margin-right:9px}.tick{display:flex;align-items:center}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}button,.button{cursor:pointer;display:inline-block;border:0;border-radius:10px;background:#74e2bb;color:#10281f;padding:12px 20px;font:600 1rem system-ui;text-decoration:none}.quiet{background:#243447;color:#dce7f4}.actions{display:flex;flex-wrap:wrap;gap:12px}output{display:block;position:sticky;bottom:12px;background:#213c39;color:#d0ffee;padding:16px;border-radius:10px}output:empty{display:none}footer{color:#8fa1b7;font-size:.8rem;margin-top:28px}code{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:600px){main{padding:32px 16px}.grid{grid-template-columns:1fr}section{padding:20px}}