:root{--bg:#fff7fb;--ink:#24122a;--hot:#ff3cac;--sun:#ffb347;--lime:#7cff6b;--cyan:#4dd7ff;--purple:#8b5cf6;--card:#fffc}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 0 0,#fff 0,#fff7fb 30%,#ffe8f3 60%,#fff1d6 100%);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{overflow-x:hidden}main{place-items:center;min-height:100vh;padding:32px;display:grid}.card{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:4px solid #1e1e1e;border-radius:32px;width:100%;max-width:860px;padding:32px;position:relative;overflow:hidden;box-shadow:12px 12px #1e1e1e}.badge{background:#fff;border:3px solid #111;border-radius:999px;padding:10px 16px;font-weight:800;display:inline-block;transform:rotate(-5deg)}h1{letter-spacing:-.04em;margin:18px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.95}sub{opacity:.8;margin-bottom:24px;font-size:1.1rem;display:block}textarea{resize:vertical;background:#fffdf9;border:4px solid #111;border-radius:24px;outline:none;width:100%;min-height:180px;padding:18px;font-size:1.05rem;box-shadow:8px 8px #111}button{background:linear-gradient(135deg,var(--hot),var(--sun),var(--lime),var(--cyan));color:#111;cursor:pointer;border:4px solid #111;border-radius:999px;margin-top:18px;padding:16px 24px;font-size:1.05rem;font-weight:900;transition:transform .12s,box-shadow .12s;box-shadow:8px 8px #111}button:hover{transform:translate(-2px,-2px)}button:active{transform:translate(4px,4px);box-shadow:4px 4px #111}.sparkles{pointer-events:none;opacity:.12;background-image:radial-gradient(circle at 10% 20%,#ff3cac 0 3px,#0000 4px),radial-gradient(circle at 80% 30%,#4dd7ff 0 3px,#0000 4px),radial-gradient(circle at 30% 80%,#7cff6b 0 3px,#0000 4px),radial-gradient(circle at 70% 75%,#ffb347 0 3px,#0000 4px);position:absolute;inset:0}.msg{margin-top:8px;font-size:1.15rem}.small{opacity:.72;margin-top:12px;font-size:.92rem}