:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #1e90ff;--color-primary-hover: #1c7ed6;--color-bg: #ffffff;--color-surface: #f8f9fa;--color-text: #222222;--color-border: #dddddd;--color-hover: #f0f0f0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--color-bg);color:var(--color-text);transition:background-color .4s ease,color .4s ease}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary);transition:all .5s linear;cursor:pointer;transition:background-color .4s ease}button:hover{border-color:var(--color-primary-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.container{max-width:728px;margin-top:2rem;gap:40px;display:flex;flex-direction:column}@media (min-width: 767px){.container{margin-top:10rem}}.char-count{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:14px;color:#888;z-index:2}.input-wrapper{position:relative;width:100%}.input-field{width:100%;padding:8px 80px 8px 8px;box-sizing:border-box;border:1px solid var(--color-border);border-radius:4px;font-size:16px;transition:border-color .4s ease;z-index:1;position:relative}.animate-bob{animation:bob 2.5s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-pulse{animation:pulseBubble 1.5s infinite;transform-origin:center}.delay-200{animation-delay:.2s}.delay-400{animation-delay:.4s}.delay-600{animation-delay:.6s}@keyframes pulseBubble{0%{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}to{opacity:.2;transform:scale(1)}}.robot-wrapper{transform:scale(.5);transform-origin:top left;max-width:200px;position:absolute;top:-143%;left:70%;z-index:0}.card{display:flex;flex-direction:column;border:2px solid var(--color-border);border-radius:16px;background-color:var(--color-surface);flex-wrap:wrap;padding:24px;text-align:left;transition:background-color .4s ease,color .4s ease}.card-symbol{align-self:center}.card-symbol h2{margin:unset}