@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background:linear-gradient(135deg,#0c0c0c,#1a0d2e,#16213e,#0f3460,#533a7d);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#0ff;text-decoration:inherit;text-shadow:0 0 10px #00ffff}a:hover{color:#f0f;text-shadow:0 0 15px #ff00ff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;position:relative;overflow-x:hidden;font-size:clamp(14px,2.5vw,18px)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:linear-gradient(45deg,transparent 24%,rgba(255,0,255,.05) 25%,rgba(255,0,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,0,255,.05) 75%,rgba(255,0,255,.05) 76%,transparent 77%,transparent),linear-gradient(-45deg,transparent 24%,rgba(0,255,255,.05) 25%,rgba(0,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(0,255,255,.05) 75%,rgba(0,255,255,.05) 76%,transparent 77%,transparent);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 70%);pointer-events:none}h1{font-size:3.2em;line-height:1.1;font-size:clamp(1.8em,5vw,2.5em);letter-spacing:clamp(1px,.5vw,3px)}button:hover{border-color:#f0f;color:#f0f;box-shadow:0 0 20px #ff00ff80;transform:translateY(-2px)}button:active{transform:translateY(0)}.card{padding:2em;padding:clamp(1em,4vw,2em)}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:clamp(300px,90vw,1280px);padding:clamp(1rem,5vw,2rem);margin:clamp(.5rem,2vh,2rem) auto}button{border-radius:8px;border:2px solid #00ffff;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Poppins,sans-serif;background:linear-gradient(45deg,#00ffff1a,#ff00ff1a);color:#0ff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px #00ffff4d;font-size:clamp(.9em,2.5vw,1em);padding:clamp(.5em 1em,2vw 3vw,.6em 1.2em)}h1{font-family:Poppins,sans-serif;font-size:2.5em;font-weight:700;margin:.5em 0;text-transform:uppercase;letter-spacing:3px;color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #00ffff}h2{font-family:Poppins,sans-serif;font-size:3em;margin:0;text-transform:uppercase;letter-spacing:2px;color:#f0f;text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 30px #ff00ff;font-size:clamp(2em,6vw,3em);letter-spacing:clamp(1px,.5vw,2px)}.pink{color:azure;--color1: #ffc9f3;--color2: #ff93e7;--color3: #ca1f7b;--color4: magenta;--color5: #b81d70}.turquoise{color:#e2fefe;--color1: #b1fdfe;--color2: #80fdff;--color3: #4ffcff;--color4: #1efbff;--color5: #00e9ec}.neon{text-shadow:0 0 10px var(--color1),0 0 20px var(--color2),0 0 40px var(--color3),0 0 80px var(--color4),0 0 100px var(--color4)}@media (pointer: coarse){button,input[type=input]{min-height:44px;min-width:44px;padding:.8em 1em}input[type=input]{font-size:16px}}body{font-size:clamp(14px,2.5vw,18px)}#app{width:clamp(300px,90vw,1280px);padding:clamp(1rem,5vw,2rem);margin:clamp(.5rem,2vh,2rem) auto}h1{font-size:clamp(1.8em,5vw,2.5em);letter-spacing:clamp(1px,.5vw,3px)}h2{font-size:clamp(2em,6vw,3em);letter-spacing:clamp(1px,.5vw,2px)}button{font-size:clamp(.9em,2.5vw,1em);padding:clamp(.5em 1em,2vw 3vw,.6em 1.2em)}input[type=input]{font-size:clamp(.9em,2.5vw,1em);padding:clamp(.6em,2vw,.8em)}.card{padding:clamp(1em,4vw,2em)}@media (max-width: 768px){body:before{background-size:30px 30px}.neon{text-shadow:0 0 5px var(--color1),0 0 10px var(--color2),0 0 20px var(--color3),0 0 30px var(--color4)}}button[data-v-d3028f31]:active,button[data-v-d3028f31]:focus{transition:opacity .3s;opacity:0}.list[data-v-d3028f31]{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:20px;border-radius:12px;margin-bottom:15px;background:linear-gradient(135deg,#00ffff0d,#ff00ff0d);border:1px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #0000004d,0 0 20px #00ffff1a,inset 0 0 20px #ff00ff0d;transition:all .5s ease;position:relative;overflow:hidden}.list.completed[data-v-d3028f31]{background:linear-gradient(135deg,#00ffff26,#ff00ff26);border:2px solid rgba(0,255,255,.8);box-shadow:0 0 30px #0ff9,0 0 60px #00ffff4d,inset 0 0 30px #00ffff1a;animation:completion-pulse-d3028f31 2s ease-in-out}.list.completed[data-v-d3028f31]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),rgba(255,0,255,.3),transparent);animation:completion-sweep-d3028f31 1.5s ease-out}.list.completed[data-v-d3028f31]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid transparent;border-radius:12px;background:linear-gradient(45deg,#0ff,#f0f,#0ff) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:subtract;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:subtract;animation:border-glow-d3028f31 3s linear infinite}@keyframes completion-pulse-d3028f31{0%{transform:scale(1);box-shadow:0 0 30px #0ff9,0 0 60px #00ffff4d,inset 0 0 30px #00ffff1a}50%{transform:scale(1.02);box-shadow:0 0 50px #0ffc,0 0 100px #00ffff80,inset 0 0 50px #0ff3}to{transform:scale(1);box-shadow:0 0 30px #0ff9,0 0 60px #00ffff4d,inset 0 0 30px #00ffff1a}}@keyframes completion-sweep-d3028f31{0%{left:-100%}to{left:100%}}@keyframes border-glow-d3028f31{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.completion-badge[data-v-d3028f31]{background:linear-gradient(45deg,#00ffff4d,#ff00ff4d);border:2px solid #00ffff;border-radius:8px;padding:8px 16px;position:relative;overflow:hidden}.completion-badge[data-v-d3028f31]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:badge-shine-d3028f31 2s ease-in-out infinite}.completion-text[data-v-d3028f31]{color:#0ff;font-family:Orbitron,monospace;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:12px;text-shadow:0 0 10px rgba(0,255,255,.8);position:relative;z-index:1}@keyframes badge-shine-d3028f31{0%{left:-100%}50%{left:100%}to{left:100%}}.list[data-v-d3028f31]:hover{border-color:#ff00ff80;box-shadow:0 12px 25px #0006,0 0 30px #f0f3,inset 0 0 30px #00ffff0d;transform:translateY(-2px)}.list button[data-v-d3028f31]{background:linear-gradient(45deg,#0ff3,#f0f3);color:#0ff;border:2px solid #00ffff;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:700;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 0 15px #00ffff4d}.list button[data-v-d3028f31]:hover{border-color:#f0f;color:#f0f;box-shadow:0 0 25px #ff00ff80;transform:translateY(-2px)}.page-container[data-v-b68be105]{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,3vw,20px);padding:clamp(10px,5vw,20px);width:100%;box-sizing:border-box}.form-container[data-v-b68be105]{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(10px,2vw,15px);width:100%;max-width:600px}.form-container input[type=input][data-v-b68be105]{flex-grow:1;min-width:200px;width:100%;box-sizing:border-box;padding:clamp(10px,2.5vw,12px) clamp(12px,3vw,16px);font-size:clamp(14px,3vw,16px);border-radius:8px;border:2px solid #00ffff;background:#00000080;color:#0ff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px #00ffff4d,inset 0 0 10px #00000080;transition:all .3s ease}.form-container input[type=input][data-v-b68be105]:focus{outline:none;border-color:#f0f;color:#f0f;box-shadow:0 0 20px #ff00ff80,inset 0 0 10px #00000080}.form-container input[type=input][data-v-b68be105]::placeholder{color:#00ffff80;text-transform:uppercase}.form-container>div[data-v-b68be105]{display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,10px);flex-grow:1;justify-content:center}.form-container button[data-v-b68be105]{flex-grow:1;min-width:120px;padding:clamp(10px,2.5vw,12px) clamp(15px,3vw,20px);font-size:clamp(14px,3vw,16px);border-radius:8px;border:2px solid #00ffff;background:linear-gradient(45deg,#00ffff1a,#ff00ff1a);color:#0ff;text-transform:uppercase;letter-spacing:1px;font-weight:700;box-shadow:0 0 15px #00ffff4d;transition:all .3s ease}.form-container button[data-v-b68be105]:hover{border-color:#f0f;color:#f0f;box-shadow:0 0 25px #ff00ff80;transform:translateY(-2px)}.colorful[data-v-b68be105]{color:#0ff;font-size:clamp(24px,7vw,40px);font-family:Poppins,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:0;word-break:break-word;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.4);transition:all .3s ease}.colorful[data-v-b68be105]:hover{color:#f0f;text-shadow:0 0 15px rgba(255,0,255,.8),0 0 25px rgba(255,0,255,.4)}@keyframes slide-b68be105{0%{background-position:0 0}to{background-position:-100% 0}}.new-word-label[data-v-b68be105]{color:#fffc;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:2px;padding:8px 16px;border:1px solid rgba(0,255,255,.3);border-radius:6px;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:inline-block;position:relative;overflow:hidden}.new-word-label[data-v-b68be105]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.4),transparent);animation:glow-sweep-b68be105 2s infinite}@keyframes glow-sweep-b68be105{0%{left:-100%}to{left:100%}}@media (max-width: 400px){.form-container[data-v-b68be105]{flex-direction:column;align-items:stretch}.form-container input[type=input][data-v-b68be105],.form-container>div[data-v-b68be105]{width:100%}.form-container button[data-v-b68be105]{width:100%;margin-bottom:8px}.form-container>div button[data-v-b68be105]:last-child{margin-bottom:0}}button[data-v-b68be105]{transition:opacity 1s,transform 2s}@starting-style{button[data-v-b68be105]{transform:translate(-80px);opacity:0}}.logo[data-v-6061cffa]{will-change:filter;transition:filter .3s;font-family:Pacifico,cursive!important;font-size:4em;margin:0;text-transform:none!important;letter-spacing:normal!important}.logo[data-v-6061cffa]:hover{filter:drop-shadow(0 0 2em currentColor)}
