@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box;margin:0}body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 75% 20%,#c9f36b22,transparent 25rem),#0b100f;color:#f2f5ef;font-family:Manrope,Arial,sans-serif}.generator{width:min(640px,100%);padding:42px;border:1px solid #ffffff1a;background:#131c18;border-radius:13px;box-shadow:0 25px 80px #0007}.back,.label,.tip{font:500 .67rem 'DM Mono',monospace;color:#9aa59e}.back:hover{color:#c9f36b}.label{display:block;color:#c9f36b;letter-spacing:.12em;margin-top:52px}.generator h1{font-size:clamp(2.7rem,7vw,4.8rem);letter-spacing:-.085em;line-height:.91;margin:14px 0 20px}.generator h1 em{font:400 italic 1em Georgia;color:#c9f36b}.intro{max-width:460px;color:#9aa59e;font-size:.91rem}.display{display:flex;align-items:center;gap:8px;margin:30px 0 10px;padding:8px;background:#0c130f;border:1px solid #ffffff1a;border-radius:7px}.display input{flex:1;min-width:0;background:transparent;border:0;outline:0;padding:10px;color:#f2f5ef;font:500 .85rem 'DM Mono',monospace}.copy,.generate{border:0;cursor:pointer;font:700 .72rem Manrope,Arial,sans-serif}.copy{border-radius:4px;padding:10px 12px;background:#ffffff12;color:#f2f5ef}.generate{margin-top:10px;background:#c9f36b;color:#102018;border-radius:5px;padding:14px 16px}.generate span{margin-left:15px}.tip{margin-top:18px}@media(max-width:500px){.generator{padding:28px 22px}.label{margin-top:38px}}