:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;max-width:480px;margin:0 auto;padding:2rem}.app-container{z-index:0;position:relative}.bg-sprites{pointer-events:none;z-index:-1;perspective:600px;opacity:0;transition:opacity .4s;position:fixed;inset:0;overflow:hidden}.action-word .bg-sprites,.action-note .bg-sprites,.action-question .bg-sprites{opacity:1}.bg-sprites .sprite{transform-style:preserve-3d;animation:8s ease-in-out infinite float;animation-delay:calc(var(--i)*-.6s);opacity:.7;filter:blur(1px);font-size:clamp(2rem,6vw,5rem);display:block;position:absolute}.bg-sprites .sprite:before{display:block}.action-word .bg-sprites .sprite:before{content:"A";background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-text-fill-color:transparent;text-shadow:0 4px 12px #8b5cf680;-webkit-background-clip:text;background-clip:text;font-family:Georgia,serif;font-weight:700}.action-word .bg-sprites .sprite:nth-child(2n):before{content:"B"}.action-word .bg-sprites .sprite:nth-child(3n):before{content:"C"}.action-word .bg-sprites .sprite:nth-child(4n):before{content:"Z"}.action-word .bg-sprites .sprite:nth-child(5n):before{content:"X"}.action-word .bg-sprites .sprite:nth-child(6n):before{content:"M"}.action-note .bg-sprites .sprite:before{content:"📝"}.action-note .bg-sprites .sprite:nth-child(2n):before{content:"✏️"}.action-note .bg-sprites .sprite:nth-child(3n):before{content:"📒"}.action-note .bg-sprites .sprite:nth-child(4n):before{content:"📌"}.action-note .bg-sprites .sprite:nth-child(5n):before{content:"🖊️"}.action-note .bg-sprites .sprite:nth-child(6n):before{content:"📎"}.action-question .bg-sprites .sprite:before{content:"?"}.action-question .bg-sprites .sprite:nth-child(2n):before{content:"!"}.action-question .bg-sprites .sprite:nth-child(3n):before{content:"¿"}.action-question .bg-sprites .sprite:nth-child(4n):before{content:"⁇"}.action-question .bg-sprites .sprite:nth-child(5n):before{content:"❓"}.action-question .bg-sprites .sprite:nth-child(6n):before{content:"❔"}.bg-sprites .sprite:first-child{top:5%;left:10%}.bg-sprites .sprite:nth-child(2){top:15%;left:80%}.bg-sprites .sprite:nth-child(3){top:30%;left:25%}.bg-sprites .sprite:nth-child(4){top:45%;left:70%}.bg-sprites .sprite:nth-child(5){top:60%;left:5%}.bg-sprites .sprite:nth-child(6){top:70%;left:55%}.bg-sprites .sprite:nth-child(7){top:80%;left:85%}.bg-sprites .sprite:nth-child(8){top:20%;left:50%}.bg-sprites .sprite:nth-child(9){top:55%;left:35%}.bg-sprites .sprite:nth-child(10){top:85%;left:20%}.bg-sprites .sprite:nth-child(11){top:40%;left:90%}.bg-sprites .sprite:nth-child(12){top:10%;left:40%}@keyframes float{0%,to{transform:translateY(0)rotateX(0)rotateY(0)}25%{transform:translateY(-20px)rotateX(15deg)rotateY(-10deg)}50%{transform:translateY(-10px)rotateX(-10deg)rotateY(15deg)}75%{transform:translateY(-25px)rotateX(10deg)rotateY(5deg)}}.submit-form{flex-direction:column;gap:1rem;display:flex}.input-wrapper{position:relative}.autocomplete-list{z-index:10;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;margin:4px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:hidden}.autocomplete-list li{cursor:pointer;color:#ffffffb3;padding:.5rem 1rem;font-size:.95rem}.autocomplete-list li .match{color:#a855f7}.autocomplete-list li.selected{color:#fff;background:#2a2a2a}.input-wrapper input{box-sizing:border-box;width:100%;color:inherit;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.input-wrapper input:focus{border-color:#646cff}.input-wrapper.neon-active input{border-color:#a855f7;transition:border-color .3s,box-shadow .3s;box-shadow:0 0 8px #a855f799,0 0 20px #a855f759,0 0 40px #a855f726}.input-wrapper input::placeholder{color:#666}@media (prefers-color-scheme:light){.input-wrapper input{background:#fff;border-color:#ddd}.input-wrapper input:focus{border-color:#646cff}.input-wrapper.neon-active input{border-color:#a855f7;box-shadow:0 0 8px #a855f780,0 0 18px #a855f74d,0 0 36px #a855f71f}.input-wrapper input::placeholder{color:#999}.autocomplete-list{background:#fff;border-color:#ddd}.autocomplete-list li{color:#000000a6}.autocomplete-list li.selected{color:#111;background:#f3f3f3}}