*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(145deg,#0a0c10 0%,#1a1e24 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.app{width:100%;max-width:560px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161a1ecc;border:1px solid #ffffff14;border-radius:2rem;padding:2rem;transition:transform .2s;box-shadow:0 25px 45px #0000004d,0 0 0 1px #ffffff05}.header{text-align:center;margin-bottom:2rem}.badge{letter-spacing:.5px;color:#b9e6ff;text-transform:uppercase;background:#2c3e50;border-radius:2rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.7rem;font-weight:500;display:inline-block}h1{color:#0000;letter-spacing:-.3px;background:linear-gradient(135deg,#fff,#b0c4de);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:600}.form-group{margin-bottom:2rem}label{color:#b0c4de;letter-spacing:.3px;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}textarea{color:#f0f6fc;resize:vertical;background:#0e1117;border:1px solid #2d333b;border-radius:1.2rem;outline:none;width:100%;padding:1rem;font-family:inherit;font-size:1rem;transition:all .2s}textarea:focus{border-color:#5c7c9e;box-shadow:0 0 0 3px #5c7c9e4d}.footer-row{justify-content:space-between;align-items:center;gap:1rem;margin-top:.8rem;display:flex}.counter{color:#8b949e;background:#1c2128;border-radius:1rem;padding:.2rem .7rem;font-family:monospace;font-size:.75rem}.color-selector{background:#1c2128;border-radius:2rem;align-items:center;gap:.6rem;padding:.2rem .8rem .2rem .5rem;display:flex}.color-selector input{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;width:32px;height:32px;padding:0}.color-selector label{cursor:pointer;margin:0;font-size:.75rem;font-weight:400}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(95deg,#2e7d64,#1f5e4b);border:none;border-radius:3rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1.2rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .25s;display:flex}.send-btn:hover:not(:disabled){background:linear-gradient(95deg,#3e9a7e,#2e7d64);transform:scale(.98);box-shadow:0 10px 20px -5px #2e7d6466}.send-btn:disabled{opacity:.6;cursor:not-allowed}.status{text-align:center;color:#c9d1d9;background:#1c2128;border-left:3px solid #2e7d64;border-radius:1rem;padding:.8rem;font-size:.85rem}