@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";.socket{display:flex;align-items:center;gap:6px;text-transform:capitalize}.socket i{width:5px;height:5px;border-radius:50%;background:#ffbd66;box-shadow:0 0 7px #ffbd66}.socket.connected{color:#75d9c2}.socket.connected i{background:#75e7cb;box-shadow:0 0 8px #75e7cb}.socket.disconnected{color:#ff8fa0}.socket.disconnected i{background:#ff8fa0;box-shadow:0 0 7px #ff8fa0}:root{font-family:Manrope,sans-serif;color:#f7f4ff;background:#080914;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#24203d 0,transparent 42%),#080914}main{min-height:100vh;overflow:hidden;position:relative;padding:clamp(32px,6vw,80px) 7vw 28px}.grain{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.aurora{position:fixed;border-radius:50%;filter:blur(100px);opacity:.34;pointer-events:none;animation:drift 12s ease-in-out infinite alternate}.a1{width:420px;height:420px;background:#7147ff;top:-140px;right:4%}.a2{width:350px;height:350px;background:#08d9b5;bottom:-180px;left:-100px;animation-delay:-5s}.hero{position:relative;z-index:1;max-width:920px;margin:0 auto}.eyebrow{font:500 11px DM Mono,monospace;letter-spacing:.22em;color:#bfb6d7;display:flex;align-items:center;gap:12px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#86f5d5;box-shadow:0 0 14px #86f5d5;animation:pulse 2s infinite}h1{font-size:clamp(48px,8vw,102px);line-height:.94;letter-spacing:-.065em;margin:45px 0 25px;font-weight:600}h1 em{font-style:normal;color:transparent;background:linear-gradient(95deg,#a98bff,#73edd4);-webkit-background-clip:text;background-clip:text}.lede{color:#9c98ae;font-size:clamp(16px,2vw,20px);margin:0 0 45px}.composer{padding:16px 18px 10px;border:1px solid #ffffff20;border-radius:22px;background:#ffffff0b;box-shadow:0 30px 100px #0008,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);transition:.3s}.composer:focus-within{border-color:#a28bff77;box-shadow:0 30px 100px #0008,0 0 0 4px #9e87ff10}.composer label{display:block;font:10px DM Mono,monospace;letter-spacing:.15em;color:#7d788e;margin:0 0 8px}.inputRow{display:flex;gap:16px;align-items:flex-end}textarea{width:100%;resize:none;border:0;outline:0;background:transparent;color:#fff;font:500 clamp(18px,2.4vw,27px) Manrope,sans-serif;line-height:1.35;padding:4px 2px}textarea::placeholder{color:#575466}button{flex:0 0 auto;height:54px;padding:0 22px;border:0;border-radius:14px;background:linear-gradient(120deg,#9878f8,#74dfca);color:#0d1020;font:700 13px Manrope;display:flex;align-items:center;gap:14px;cursor:pointer;transition:transform .2s,filter .2s}button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}button:disabled{opacity:.35;cursor:not-allowed}button b{font-size:18px}.meta{border-top:1px solid #ffffff0f;margin-top:10px;padding-top:8px;display:flex;justify-content:space-between;color:#666275;font:9px DM Mono,monospace}.error{color:#ff9cab;font-size:13px;margin:10px 0 4px}.result{margin-top:20px;padding:24px;border-radius:18px;border:1px solid #82ecd33b;background:linear-gradient(120deg,#7eead010,#9c80ff0c);animation:reveal .5s cubic-bezier(.2,.8,.2,1)}.result small{font:10px DM Mono;letter-spacing:.18em;color:#76d8c2;display:block;margin-bottom:9px}.result strong{font-size:clamp(20px,3vw,34px);overflow-wrap:anywhere}.history{position:relative;z-index:1;max-width:920px;margin:70px auto 40px}.historyTitle{display:flex;align-items:center;gap:18px;color:#8b879b;font:10px DM Mono;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}.historyTitle i{height:1px;background:#ffffff16;flex:1}.historyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history article{min-width:0;padding:18px;border:1px solid #ffffff0d;border-radius:14px;background:#ffffff06;transition:.25s}.history article:hover{transform:translateY(-3px);background:#ffffff0a}.history small{font:9px DM Mono;color:#666275}.history p{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:9px 0 4px}.history article>span{display:block;color:#6f6b7d;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer{position:relative;z-index:1;text-align:center;color:#494655;font:9px DM Mono;letter-spacing:.12em;text-transform:uppercase}footer span{margin:0 8px}.spinner{width:18px;height:18px;border:2px solid #10122144;border-top-color:#101221;border-radius:50%;animation:spin .7s linear infinite}@keyframes drift{to{transform:translate(50px,35px) scale(1.12)}}@keyframes pulse{50%{opacity:.4;transform:scale(.72)}}@keyframes reveal{0%{opacity:0;transform:translateY(15px) scale(.98)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:650px){main{padding:35px 18px 24px}h1{margin-top:34px}.inputRow{display:block}button{width:100%;justify-content:center;margin-top:12px}.meta span:last-child{display:none}.history{margin-top:48px}.historyGrid{grid-template-columns:1fr 1fr}.history article:nth-child(n+5){display:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}