:root,:host{--color-bg:#0b1a2c;--color-surface:#13253d;--color-surface-2:#172a43;--color-input:#1a2f4a;--color-border:#24374f;--color-border-soft:#1c2e45;--color-muted-2:#6f84a0;--color-text:#fff;--color-accent:#4ee3f0;--color-pink:#ec4899;--color-yellow:#ffd24c;--font-display:"Manrope", "Inter", system-ui, sans-serif;--font-ui:"Inter", system-ui, sans-serif;--font-comic:"Inter", system-ui, sans-serif}.waifu-creator-page{--color-bg:#0b1a2c;--color-bg-soft:#0e2034;--color-surface:#13253d;--color-surface-2:#172a43;--color-input:#1a2f4a;--color-border:#24374f;--color-border-soft:#1c2e45;--color-muted:#8ea0ba;--color-muted-2:#6f84a0;--color-text:#fff;--color-accent:#4ee3f0;--color-accent-2:#38c9d8;--color-pink:#ec4899;--color-pink-2:#f472b6;--color-yellow:#ffd24c;--color-green:#22c55e;--color-red:#ef4444;--font-display:"Manrope", "Inter", system-ui, sans-serif;--font-ui:"Inter", system-ui, sans-serif;--font-comic:"Inter", system-ui, sans-serif;--font-sans:"Inter", system-ui, sans-serif;color:var(--color-text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.cosmic-content{z-index:1;position:relative}@keyframes cosmic-pulse{0%,to{box-shadow:0 0 0 2px #ec4899f2,0 0 18px 2px #ec48998c,0 0 36px 6px #a754f74d}50%{box-shadow:0 0 0 3px #f472b6,0 0 34px 8px #ec4899cc,0 0 72px 18px #a754f773}}.cosmic-pulse{animation:2.4s ease-in-out infinite cosmic-pulse}@media (prefers-reduced-motion:reduce){.cosmic-pulse{animation:none;box-shadow:0 0 0 2px #ec4899f2,0 0 22px 4px #ec48998c}}.font-display{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700}.font-ui{font-family:var(--font-ui)}.font-comic{font-family:var(--font-comic)}select{color:#fff;background-color:#1a1a22}select option,select optgroup{color:#fff;background-color:#15151a}select option:checked,select option:hover{color:#fff;background-color:#ec489959}select option:disabled{color:#ffffff59}@keyframes quantum-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(2deg)}}@keyframes quantum-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes quantum-spin-reverse{0%{transform:translate(14px,12px)rotate(0)}to{transform:translate(14px,12px)rotate(-360deg)}}@keyframes quantum-halo{0%,to{opacity:.85;transform:translate(-50%,-50%)scale(.95)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}@keyframes quantum-halo-roll{0%{opacity:.8;filter:hue-rotate();transform:translate(-50%,-50%)scale(.9)}50%{opacity:1;filter:hue-rotate(60deg);transform:translate(-50%,-50%)scale(1.5)}to{opacity:0;filter:hue-rotate(140deg);transform:translate(-50%,-50%)scale(2.2)}}@keyframes quantum-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-3px,2px)rotate(-3deg)}40%{transform:translate(3px,-2px)rotate(4deg)}60%{transform:translate(-2px,3px)rotate(-2deg)}80%{transform:translate(2px,-3px)rotate(3deg)}}.animate-quantum-float{animation:4s ease-in-out infinite quantum-float}.animate-quantum-spin{animation:9s linear infinite quantum-spin}.animate-quantum-spin-reverse{animation:7s linear infinite quantum-spin-reverse}.animate-quantum-spin-fast{animation:.45s linear infinite quantum-spin}.animate-quantum-spin-fast-reverse{animation:.35s linear infinite quantum-spin-reverse}.animate-quantum-halo{animation:3.2s ease-in-out infinite quantum-halo}.animate-quantum-halo-roll{animation:1.1s ease-out forwards quantum-halo-roll}.animate-quantum-shake{animation:.18s ease-in-out infinite quantum-shake}@media (prefers-reduced-motion:reduce){.animate-quantum-float,.animate-quantum-spin,.animate-quantum-spin-reverse,.animate-quantum-spin-fast,.animate-quantum-spin-fast-reverse,.animate-quantum-halo,.animate-quantum-halo-roll,.animate-quantum-shake{animation:none}}@keyframes hex-polygon-pulse{0%{opacity:0;filter:drop-shadow(0 0 14px #ec4899f2);transform:scale(.85)}60%{opacity:1;filter:drop-shadow(0 0 22px #ec4899d9);transform:scale(1.06)}to{opacity:1;filter:drop-shadow(0 0 6px #ec489973);transform:scale(1)}}.hex-polygon-pulse{transform-origin:50%;transform-box:fill-box;animation:.65s ease-out hex-polygon-pulse}@media (prefers-reduced-motion:reduce){.hex-polygon-pulse{animation:none}}@keyframes hex-question-pulse{0%,to{filter:drop-shadow(0 0 14px #ec4899f2);transform:scale(1)}50%{filter:drop-shadow(0 0 24px #ec4899)drop-shadow(0 0 8px #a754f7b3);transform:scale(1.08)}}.hex-question-pulse{transform-origin:50%;transform-box:fill-box;animation:1.8s ease-in-out infinite hex-question-pulse}@media (prefers-reduced-motion:reduce){.hex-question-pulse{animation:none}}.btn-cyan{background:var(--color-accent);color:#06232a;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:filter .12s;display:inline-flex}.btn-cyan:hover{filter:brightness(1.08)}.btn-cyan:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--color-text);border:1px solid var(--color-border);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.btn-ghost:hover{background:var(--color-surface-2)}.btn-yellow{background:var(--color-yellow);color:#2a1f00;border-radius:10px;padding:8px 20px;font-weight:700}.input-field{background:var(--color-input);color:var(--color-text);width:100%;font-family:var(--font-ui);border:1px solid #0000;border-radius:10px;padding:12px 14px}.input-field:focus{border-color:var(--color-accent);outline:none}.input-field::placeholder{color:var(--color-muted-2)}.card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:14px}.tab-active-pink{color:var(--color-pink);border-bottom:2px solid var(--color-pink)}.tab-active-cyan{color:var(--color-accent);border-bottom:2px solid var(--color-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}@keyframes gachaFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(6deg)}}