:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--ink:#3b2a55;--muted:#7b6a9e;--purple:#7c3aed;--pink:#ec4899;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{display:grid;overflow-x:hidden;background:linear-gradient(155deg,#f7e3ff 0%,#e5c2ff 45%,#c29af0 100%);place-items: center;min-height:100vh;margin:0}body:before,body:after{content:"";position:fixed;z-index:-1;filter:blur(70px);border-radius:50%;width:420px;height:420px}body:before{opacity:.55;background:#b077ff;top:-150px;left:-130px}body:after{opacity:.6;background:#ff9ec0;bottom:-160px;right:-140px}.layout{display:grid;justify-items:center;gap:1.4rem;width:100%;max-width:640px;padding:2.5rem 1rem 3rem}.mascot{position:relative;display:inline-block;width:max-content}.unicorn{display:block;filter:drop-shadow(0 6px 14px #5b2e872e);width:160px}.bob{animation:3s ease-in-out infinite bob}.eyes{animation:4.2s infinite blink;transform-box:fill-box;transform-origin:center}.shadow{fill:#5b3a86;animation:3s ease-in-out infinite shadowPulse;transform-box:fill-box;transform-origin:center}.sparkle{position:absolute;pointer-events:none;animation:2.6s ease-in-out infinite twinkle;font-size:19px;line-height:1}.sparkle-1{color:#ec4899;top:4%;left:-9%}.sparkle-2{color:#8b5cf6;animation-delay:.7s;top:26%;right:-10%}.sparkle-3{color:#f59e0b;animation-delay:1.5s;bottom:18%;left:-12%}.sparkle-4{color:#a78bfa;animation-delay:1.1s;bottom:-2%;right:4%}.card{text-align:center;backdrop-filter:blur(12px);background:#ffffffe6;border-radius:26px;width:min(480px,100%);padding:2.4rem 2.2rem 2.5rem;box-shadow:0 24px 60px #4b2e8729,0 0 0 1px #fff9}h1{background:linear-gradient(95deg,#7c3aed,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .4rem;font-size:1.9rem;line-height:1.2}.subtitle{text-align:center;color:var(--muted);max-width:38ch;margin:0 auto 1.6rem;font-size:1rem}.field{text-align:left;width:100%;margin-bottom:1.1rem}.field label{display:block;color:var(--purple);letter-spacing:.02em;text-transform:uppercase;margin-bottom:.35rem;font-size:.85rem;font-weight:700}.field input,.field select{color:var(--ink);outline:none;background:#fff;border:2px solid #e6d4f8;border-radius:14px;width:100%;padding:.8rem 1rem;transition:border-color .15s,box-shadow .15s;font-family:inherit;font-size:1rem}.field input::placeholder{color:#b4a5cf}.field input:focus,.field select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7c3aed26}.field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237c3aed' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.6rem}.button{color:#fff;cursor:pointer;background:linear-gradient(120deg,#8b5cf6,#ec4899);border:0;border-radius:14px;width:min(230px,100%);margin:.3rem auto 1.9rem;padding:.85rem 1.8rem;transition:transform .15s,box-shadow .15s;font-family:inherit;font-size:1.05rem;font-weight:700;box-shadow:0 8px 22px #8b5cf666}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ec48996b}.button:active{transform:translateY(0)scale(.98)}.output-label{display:block;text-align:left;color:var(--purple);letter-spacing:.02em;text-transform:uppercase;margin-bottom:.35rem;font-size:.85rem;font-weight:700}.output-wrap{animation:.55s cubic-bezier(.34,1.56,.64,1) pop}.output-input{color:#6d28d9;text-align:center;outline:none;background:#fff5fa;border:2px solid #ffd7ec;border-radius:14px;width:100%;padding:.9rem 1rem;font-family:inherit;font-size:1.35rem;font-weight:700;box-shadow:inset 0 0 0 1px #fffc,0 8px 24px #ec48991f}.output-input::placeholder{color:#c9b8e3;font-size:1rem;font-weight:400}.description{text-align:center;color:var(--muted);max-width:36ch;margin:.75rem auto 0;font-size:.92rem}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blink{0%,90%,to{transform:scaleY(1)}93%,95%{transform:scaleY(.05)}}@keyframes shadowPulse{0%,to{transform:scaleX(1);opacity:.14}50%{transform:scaleX(.86);opacity:.2}}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(45deg)}}@keyframes pop{0%{opacity:0;transform:scale(.85)rotate(-1.5deg)}60%{transform:scale(1.05)rotate(.7deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (max-width:480px){h1{font-size:1.5rem}.unicorn{width:124px}.card{padding:1.7rem 1.3rem 1.9rem}.output-input{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}