@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 20% 20%,#c7d2fe,#0000 40%),radial-gradient(circle at 80% 80%,#a5f3fc,#0000 40%),linear-gradient(135deg,#eef2ff,#f0f9ff);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI}.floating-bubbles{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.bubble{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;z-index:30;background:#fff9;border-radius:999px;padding:10px 16px;font-size:13px;animation:6s ease-in-out infinite float;position:absolute;box-shadow:0 6px 18px #00000014}.floating-bubbles{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.bubble{pointer-events:auto}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.bubble:hover{background:#fff;transform:translateY(-6px)scale(1.05);box-shadow:0 12px 30px #00000014}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#ffffffd3;border:1px solid #fff9;border-radius:28px;position:relative;box-shadow:0 30px 80px #0000001f}.generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#3b82f6);border:none;border-radius:14px;padding:16px 60px;font-size:18px;font-weight:600;transition:all .2s;box-shadow:0 10px 30px #0000001f}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0000002e}.generate-btn:active{transform:scale(.96)}.card{opacity:0;background:#fff;border:1px solid #eee;border-radius:16px;padding:24px;animation:.5s forwards fadeUp;position:relative;transform:translateY(20px);box-shadow:0 10px 30px #0000000f}.card:nth-child(2){animation-delay:.15s}.card:nth-child(3){animation-delay:.3s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.toneTag{color:#4f46e5;background:#eef2ff;border-radius:20px;margin-bottom:10px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.card{background:#fff;border-radius:16px;padding:22px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000014}.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}.cardText{color:#1f2937;padding-right:40px;font-size:14px;line-height:1.6}.copyBtn{cursor:pointer;opacity:0;background:#f3f4f6;border:none;border-radius:8px;padding:6px 8px;font-size:14px;transition:all .2s;position:absolute;top:12px;right:12px}.card:hover .copyBtn{opacity:1}.toneTag{border-radius:20px;margin-bottom:10px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.toneTag.gentle{color:#4f46e5;background:#eef2ff}.toneTag.playful{color:#0891b2;background:#ecfeff}.toneTag.direct{color:#dc2626;background:#fef2f2}.card{opacity:0;background:#fff;border-radius:16px;padding:22px;animation:.5s forwards cardFade;position:relative;transform:translateY(10px);box-shadow:0 8px 24px #00000014}@keyframes cardFade{to{opacity:1;transform:translateY(0)}}.generateBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#3b82f6);border:none;border-radius:12px;margin-top:40px;padding:14px 40px;font-size:16px;font-weight:600;transition:all .25s;box-shadow:0 10px 30px #6366f166}.generateBtn:hover{transform:translateY(-2px);box-shadow:0 14px 40px #6366f180}.generateBtn:active{transform:scale(.96)}.footer{text-align:center;color:#666;font-size:13px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.footer-links{justify-content:center;gap:20px;margin-top:10px;display:flex}.footer-links a{color:#666;text-decoration:none}.footer-links a:hover{text-decoration:underline}
