:root{--text:#202124;--text-h:#1a1b1f;--bg:#fff;--border:#dadce0;--code-bg:#f1f3f4;--accent:#1a73e8;--accent-bg:#1a73e80d;--accent-border:#1a73e84d;--social-bg:#f1f3f480;--shadow:none;--sans:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--heading:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;font:16px/1.5 var(--sans);letter-spacing:normal;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:14px}}@media (prefers-color-scheme:dark){:root{--text:#e8eaed;--text-h:#fff;--bg:#202124;--border:#3c4043;--code-bg:#303134;--accent:#8ab4f8;--accent-bg:#8ab4f81a;--accent-border:#8ab4f84d;--social-bg:#3c404380}}body{background-color:var(--bg);-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-.02em;margin:2rem 0;font-size:2.5rem}@media (width<=480px){h1{margin:1rem 0;font-size:1.75rem}h2{font-size:1.25rem}}h2{margin:0 0 .5rem;font-size:1.5rem;line-height:1.25}p{margin:0;line-height:1.6}code{font-family:var(--mono);background:var(--code-bg);border-radius:4px;padding:.2rem .4rem;font-size:.9rem}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.centered-main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.hero-section{flex-direction:column;align-items:center;gap:1.5rem;max-width:600px;margin:0 auto;display:flex}.description{color:var(--text);margin-bottom:2rem;font-size:1.25rem;line-height:1.5}.hero{justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.hero .base{width:120px;height:auto}.hero .framework,.hero .vite{display:none}#spacer{height:40px}.hero-logo{filter:drop-shadow(0 10px 20px #00000040);width:600px;max-width:90vw;height:auto;margin-bottom:3rem;animation:6s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media (width<=768px){.centered-main{padding:16px}.hero-logo{margin-bottom:1.5rem}.hero-section{gap:.75rem}.description{margin-bottom:1rem;font-size:1rem}}@media (width<=480px){.centered-main{padding:12px}.hero-logo{width:min(85vw,400px);margin-bottom:1rem}}.play-button-container{justify-content:center;align-items:center;margin:2rem 0 0;display:flex}.play-button:active{transform:translateY(1px)}.play-icon{align-items:center;display:flex}.play-text{letter-spacing:.02em}@media (width<=600px){.play-button{padding:.9rem 1.2rem;font-size:2rem}}@media (width<=380px){.play-button{padding:.75rem 1rem;font-size:1.5rem}.play-button-container{margin:1rem 0 0}}.donate-button{color:#d93025;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-size:1.5rem;font-weight:500;transition:all .2s;display:flex}.donate-button:hover{opacity:.8;background:#fdf2f2}.donate-button:hover .heart-icon{fill:#d93025}.heart-icon{color:#d93025;transition:fill .2s}.floating-emojis{pointer-events:none;z-index:0;opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.emoji-item{-webkit-user-select:none;user-select:none;animation:10s linear infinite floatUp;position:absolute;bottom:-50px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-110vh)rotate(360deg)}}.emoji-item:nth-child(odd){animation-name:floatUpWiggle;animation-duration:18s}@keyframes floatUpWiggle{0%{opacity:0;transform:translate(0)translateY(0)rotate(0)}10%{opacity:1}25%{transform:translate(20px)translateY(-25vh)rotate(90deg)}50%{transform:translate(-20px)translateY(-50vh)rotate(180deg)}75%{transform:translate(20px)translateY(-75vh)rotate(270deg)}90%{opacity:1}to{opacity:0;transform:translate(0)translateY(-110vh)rotate(360deg)}}.logo{color:var(--text-h);align-items:center;gap:.5rem;font-size:6rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{color:var(--accent);flex-shrink:0;width:130px;height:130px;margin-right:1.1rem}@media (width<=768px){.logo{font-size:4rem}.logo-icon{width:80px;height:80px;margin-right:.6rem}}@media (width<=600px){.logo{font-size:3rem}.logo-icon{width:60px;height:60px;margin-right:.4rem}}@media (width<=430px){.logo{font-size:2.25rem}.logo-icon{width:46px;height:46px;margin-right:.3rem}}@media (width<=380px){.logo{font-size:1.85rem}.logo-icon{width:38px;height:38px}}.voting-page-container{z-index:10;width:100%;color:inherit;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;display:flex;position:relative}.result-container{z-index:10;width:100%;color:inherit;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.play-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:1.2rem 1.5rem;font-size:3rem;font-weight:600;transition:background-color .2s;display:flex}.play-button:hover{background:#1557b0}.voting-header{flex-direction:column;flex-shrink:0;align-items:center;width:100%;padding-top:1.5rem;display:flex}.voting-arena{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.voting-title{text-shadow:2px 2px 4px #0000004d;margin-top:.5rem;margin-bottom:1rem;font-family:Fredoka One,Nunito,Varela Round,sans-serif;font-size:3rem}.progress-container{box-sizing:border-box;justify-content:center;gap:12px;width:100%;max-width:600px;margin-top:0;margin-bottom:.5rem;padding:0 1rem;display:flex}.progress-slot{background:#fff3;border-radius:6px;flex:1;height:12px;transition:all .3s;box-shadow:inset 0 2px 4px #0000001a}.progress-slot.correct{background:linear-gradient(90deg,#2ecc71 0%,#27ae60 100%);box-shadow:0 0 10px #2ecc7180}.progress-slot.incorrect{background:linear-gradient(90deg,#e74c3c 0%,#c0392b 100%);box-shadow:0 0 10px #e74c3c80}.progress-slot.active{transform:scaleY(1.5)}.voting-content{box-sizing:border-box;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:1400px;padding:0 2rem;display:flex}.cat-card{aspect-ratio:1;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;background:#ffffff1a;border:2px solid #fff3;border-radius:20px;flex:1;justify-content:center;align-items:center;width:100%;max-width:1000px;height:450px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.cat-card:hover{border-color:#ffffff80;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #0000004d,0 0 20px #ffd70066}.cat-image{object-fit:contain;width:100%;height:100%}.cat-title-overlay{color:#fff;text-align:center;text-shadow:2px 2px 4px #000c;pointer-events:none;background:linear-gradient(#0000 0%,#000000d9 100%);width:100%;padding:1.5rem 1rem;font-family:Fredoka One,Nunito,Varela Round,sans-serif;font-size:1.8rem;position:absolute;bottom:0;left:0}.cat-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;width:100%;height:100%;animation:1.5s infinite loading}.or-divider{color:#333;z-index:2;width:80px;height:80px;text-shadow:none;background:linear-gradient(135deg,#7e218c 0%,#570074 100%);border-radius:50%;justify-content:center;align-items:center;font-family:Fredoka One,Nunito,Varela Round,sans-serif;font-size:2.5rem;font-weight:800;display:flex;box-shadow:0 5px 15px #0003}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.voting-header{padding-top:.75rem}.voting-content{flex-direction:column;gap:.5rem;padding:0 1rem}.cat-card{flex:none;width:min(85vw,480px);height:min(55vw,320px)}.or-divider{width:44px;height:44px;margin:2px 0;font-size:1.2rem}.voting-title{margin-bottom:.25rem;font-size:1.6rem}.cat-title-overlay{padding:.75rem .5rem;font-size:1.1rem}.cat-rating-overlay{font-size:2.5rem}.progress-container{gap:6px;margin-bottom:.25rem}.progress-slot{height:8px}}@media (width<=480px){.voting-header{padding-top:.5rem}.voting-content{flex-direction:column;gap:.4rem;padding:0 .75rem}.cat-card{flex:none;width:min(90vw,380px);height:min(52vw,260px)}.or-divider{width:36px;height:36px;margin:1px 0;font-size:1rem}.voting-title{margin-bottom:.15rem;font-size:1.2rem}.cat-title-overlay{padding:.5rem;font-size:.9rem}.cat-rating-overlay{font-size:2rem}.progress-container{gap:5px}}.floating-feedback{z-index:100;pointer-events:none;font-size:clamp(6rem,20vw,15rem);animation:1.5s ease-out forwards floatFadeOut;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatFadeOut{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}80%{opacity:1;transform:translate(-50%,-60%)scale(1)}to{opacity:0;transform:translate(-50%,-80%)scale(.8)}}.cat-rating-overlay{color:#fff;z-index:5;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;font-family:Fredoka One,Nunito,Varela Round,sans-serif;font-size:4rem;animation:.3s ease-out fadeIn;display:flex;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}