*{box-sizing:border-box}body{margin:0;background:#070a0d;color:#d6ffe0;font:16px ui-monospace,SFMono-Regular,Menlo,monospace}main{max-width:760px;margin:7vh auto;padding:30px;border:1px solid #1b6440;background:linear-gradient(145deg,#0b1511,#080a0c);box-shadow:0 0 45px #0b6b3944}.eyebrow{color:#6bff9b;font-size:.78rem;letter-spacing:.13em}h1{font-size:clamp(2rem,7vw,4rem);margin:.2em 0;color:#a5ffc2}.sub{color:#9bb5a2;line-height:1.5}label{display:block;margin-top:20px;color:#77ed9c}textarea,input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #2f794b;background:#050706;color:#d6ffe0;font:inherit}textarea{min-height:100px;resize:vertical}button{margin-top:20px;padding:13px 18px;border:0;background:#67ff99;color:#071009;font-weight:bold;cursor:pointer;font:inherit}button:hover{background:#c2ffd5}#output{margin-top:26px;padding:18px;border-left:3px solid #67ff99;background:#09120d;line-height:1.6}ol{padding-left:20px}.tag{color:#8ea99a;font-size:.8rem}