@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Roboto+Mono:ital,wght@0,300;1,300&display=swap");*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#050505;color:#f5f5f5;font-family:Roboto Mono,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center;padding:1.5rem}main{background:#0f0f0f;border-radius:1.25rem;padding:2.25rem 2rem;max-width:480px;width:100%;border:1px solid #262626}h1{margin:0 0 .75rem;font-family:Archivo Black,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2.1rem,4vw,2.6rem);letter-spacing:.04em;text-transform:uppercase}.subtitle{margin:0 0 1.75rem;font-size:.9rem;color:#a3a3a3;line-height:1.6}.input-wrapper,.output-wrapper{background:#0b0b0b;padding:.3rem;border-radius:999px;display:grid;align-items:stretch;grid-gap:.35rem;gap:.35rem;border:1px solid #262626;transition:border-color .14s ease,transform .14s ease;grid-template-columns:4fr 1fr}.input-wrapper input,.output-wrapper input{flex:1 1;background:transparent;padding:.75rem 1rem;border-radius:999px;color:#e5e7eb;border:0;font-size:.95rem;outline:none;min-width:0}.input-wrapper input::placeholder,.output-wrapper input::placeholder{color:#737373;font-style:normal}.input-wrapper button,.output-wrapper button{background:#f5f5f5;font-family:Archivo Black,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0a0a0a;border:none;border-radius:999px;padding:.75rem 1.4rem;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background-color .14s ease,color .14s ease,transform .12s ease,width .2s ease;fill:#000}.input-wrapper button:hover,.output-wrapper button:hover{background:#e5e5e5;transform:translateY(-1px)}.input-wrapper button:active,.output-wrapper button:active{transform:translateY(0);background:#d4d4d4}.input-wrapper button:focus,.output-wrapper button:focus{outline:2px solid #e5e5e5;outline-offset:3px}.copy-btn.copy-btn-grow,.send-btn.send-btn-grow{transform:translateY(-1px) scale(1.03)}.input-wrapper:focus-within{border-color:#d4d4d4;transform:translateY(-1px)}.hint{margin-top:1.25rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:#525252}@media (max-width:480px){main{padding:2rem 1.4rem}.send-btn{padding-inline:1.1rem;font-size:.78rem}}