:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;background:#0b1421;color:#f0f6fc}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1000px;margin:auto;padding:26px}header,footer,.controls,.actions,.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}header{border-bottom:1px solid #263549}a{color:#8ee3c2;text-decoration:none}a:hover{text-decoration:underline}.brand{font-size:22px;font-weight:750;color:#f0f6fc}.hero{padding:64px 0 46px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#8ee3c2}h1{font-size:clamp(42px,7vw,76px);letter-spacing:-3px;line-height:1.05;margin:20px 0}h2{font-size:25px;letter-spacing:-.5px}.intro{max-width:660px;font-size:20px;line-height:1.6;color:#bdcddd}.actions{justify-content:flex-start;margin:28px 0}.button{display:inline-block;background:#8ee3c2;color:#0b1421;border:0;border-radius:10px;padding:14px 22px;font-weight:750;font-size:16px;cursor:pointer}.hint,.limits,footer{color:#aabbd0;font-size:14px;line-height:1.7}#install,#demo,.limits{padding:28px;border:1px solid #263549;border-radius:16px;background:#101e30;margin:22px 0}li{margin:14px 0;line-height:1.6}.demo-heading h2{margin:7px 0}input[type=checkbox]{accent-color:#8ee3c2;width:18px;height:18px;vertical-align:middle}.toggle{white-space:nowrap;font-weight:600}#live-status{color:#8ee3c2}textarea{width:100%;min-height:175px;background:#0a1524;color:#f0f6fc;border:1px solid #354862;border-radius:10px;padding:18px;font:16px/1.6 Consolas,monospace;resize:vertical;margin:12px 0}textarea:focus{outline:2px solid #8ee3c2}button:not(.button){background:#192d45;border:1px solid #354862;color:#f0f6fc;border-radius:8px;padding:10px 14px;cursor:pointer}.controls{margin:18px 0;font-size:14px}#result h2{font-size:19px}.warning-title{color:#ffd18b}#result p{line-height:1.7;color:#bdcddd}footer{padding-top:16px;padding-bottom:35px}@media(max-width:600px){header,main,footer{padding:20px}.hero{padding-top:36px}h1{letter-spacing:-1.8px}.intro{font-size:18px}#install,#demo,.limits{padding:20px}.demo-heading{display:block}.toggle{display:block;margin-top:20px}header a:last-child{font-size:13px}.actions{flex-wrap:wrap}}