:root{--font-base:"Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;--font-heading:"Exo 2", "Inter", "Segoe UI", system-ui, Arial, sans-serif;--bg-dark:#07090f;--bg-dark-rgb:7, 9, 15;--bg-card:#0b102099;--accent-cyan:#6ee7ff;--accent-cyan-rgb:110, 231, 255;--accent-pink:#ff4fd8;--accent-pink-rgb:255, 79, 216;--accent-purple:#8b5cf6;--accent-orange:#ff9b54;--text-primary:#fff;--text-secondary:#ffffffa6;--text-muted:#ffffff59;--border-glass:#ffffff14;--glass-bg:#0b102066;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--glass-blur:24px;--card-blur:24px;--glass-border:#ffffff0f;--glass-reflection:linear-gradient(135deg, #ffffff14 0%, #fff0 100%);--shadow-premium:0 10px 40px -10px #00000080, 0 0 20px #6ee7ff0d}::selection{background-color:var(--accent-pink);color:#fff}html[data-card-style=transparent]{--card-blur:0px}html[data-theme=sakura_pastel]{--bg-dark:#090915;--bg-card:#0f0c1c99;--accent-cyan:#ff85c8;--accent-pink:#f472b6;--accent-purple:#c084fc;--accent-orange:#fb923c;--text-primary:#fff;--text-secondary:#ffffffd9;--text-muted:#fff9;--border-glass:#f472b626;--glass-bg:#14102380;--glass-border:#f472b638;--glass-reflection:linear-gradient(135deg, #ffffff26 0%, #fff0 100%)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--card-blur,24px));border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);border-radius:var(--radius-lg);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s;position:relative;overflow:hidden}.glass-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 15px 50px -10px #0009,0 0 30px #6ee7ff1a}.glass-card:before{content:"";background:var(--glass-reflection);pointer-events:none;position:absolute;inset:0}.neon-text-cyan{text-shadow:0 0 10px #6ee7ff99,0 0 20px #6ee7ff33}.neon-text-pink{text-shadow:0 0 10px #ff4fd899,0 0 20px #ff4fd833}.neon-border-cyan{border-color:var(--accent-cyan);box-shadow:0 0 15px #6ee7ff33}.neon-border-pink{border-color:var(--accent-pink);box-shadow:0 0 15px #ff4fd833}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-dark)}body{font-family:var(--font-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}select option{background-color:var(--bg-dark,#07090f);color:var(--text-primary,#fff)}h1{font-size:clamp(2rem,8vw,4rem)}h2{font-size:clamp(1.5rem,6vw,2.5rem)}h3{font-size:clamp(1.25rem,5vw,2rem)}h4{font-size:clamp(1.1rem,4vw,1.5rem)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}button,a,.cyber-button,.cyber-button-ghost,.cyber-button-danger{min-height:36px}@media (max-width:480px){:root{--glass-blur:12px}}.iridescent-synced{background:linear-gradient(90deg,#fff 0%,#00d9ff 25%,#8b5cf6 50%,#ff9b3d 75%,#fff 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite syncedShimmer}.iridescent-pink{background:linear-gradient(90deg,#ffb3d9 0%,#ff4fd8 25%,#ff80bf 50%,#ff4fd8 75%,#ffb3d9 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite syncedShimmer}.iridescent-pink-white{background:linear-gradient(90deg,#fff 0%,#ff4fd8 25%,#fff 50%,#ff4fd8 75%,#fff 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite syncedShimmer}@keyframes syncedShimmer{to{background-position:200%}}.grain-overlay{pointer-events:none;z-index:999;opacity:.03;filter:contrast(150%)brightness();background:url(https://grainy-gradients.vercel.app/noise.svg);width:100%;height:100%;position:fixed;inset:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);opacity:.8}.reveal-on-scroll{opacity:0;transition:all 1.2s cubic-bezier(.14,1,.34,1);transform:translateY(30px)}.reveal-visible{opacity:1;transform:translateY(0)}.cyber-button{background:linear-gradient(135deg, var(--accent-pink), var(--accent-cyan));color:#fff;font-family:var(--font-base);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #ff4fd84d}.cyber-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.cyber-button:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #ff4fd880,0 0 15px #6ee7ff66}.cyber-button:hover:before{left:100%}.cyber-button:active{transform:translateY(1px)scale(.98);box-shadow:0 2px 10px #ff4fd84d}.cyber-button:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.cyber-button-ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);border:1px solid var(--border-glass);border-radius:var(--radius-full);font-family:var(--font-base);cursor:pointer;white-space:nowrap;background:#ffffff08;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.cyber-button-ghost:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 20px #0003}.cyber-button-ghost:active{transform:translateY(1px)}.cyber-button-ghost:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.cyber-button-danger{color:#ef4444;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;background:#ef444414;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:6px 16px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.14,1,.34,1);display:inline-flex;position:relative}.cyber-button-danger:hover{text-shadow:0 0 8px #ffffff80;filter:drop-shadow(0 4px 15px #ef444466);background:#dc2626;transform:translateY(-2px)}.cyber-button-danger:active{transform:translateY(0)}.cyber-button-danger:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}html[data-button-style=cyberpunk] .cyber-button,html[data-button-style=cyberpunk] .cyber-button-ghost,html[data-button-style=cyberpunk] .cyber-button-danger{clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px)!important;border-radius:0!important}html[data-button-style=rounded] .cyber-button,html[data-button-style=rounded] .cyber-button-ghost,html[data-button-style=rounded] .cyber-button-danger{border-radius:999px!important}html[data-button-style=retro] .cyber-button,html[data-button-style=retro] .cyber-button-ghost,html[data-button-style=retro] .cyber-button-danger{color:#fff!important;text-shadow:none!important;background:0 0!important;border:2px solid #fff!important;border-radius:0!important;transition:transform .1s,box-shadow .1s!important;box-shadow:3px 3px #fff!important}html[data-button-style=retro] .cyber-button{border-color:var(--accent-pink)!important;box-shadow:4px 4px 0px var(--accent-pink)!important;color:#fff!important;background:#ff4fd81a!important}html[data-button-style=retro] .cyber-button-ghost{border-color:var(--accent-cyan)!important;box-shadow:4px 4px 0px var(--accent-cyan)!important;color:#fff!important;background:#6ee7ff0d!important}html[data-button-style=retro] .cyber-button-danger{border-color:var(--danger)!important;box-shadow:4px 4px 0px var(--danger)!important;color:#fff!important;background:#ef44441a!important}html[data-button-style=retro] .cyber-button:hover,html[data-button-style=retro] .cyber-button-ghost:hover,html[data-button-style=retro] .cyber-button-danger:hover{filter:none!important;transform:translate(2px,2px)!important;box-shadow:1px 1px!important}@keyframes pulse-glow{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes bgPan{0%{transform:scale(1.05)translate(0)}to{transform:scale(1.05)translate(-2%,-1%)}}@keyframes orbSpin{to{transform:rotate(360deg)}}.gradient-text{background:linear-gradient(135deg, #fff, var(--accent-cyan));color:#0000;-webkit-background-clip:text;background-clip:text}:root{--global-bg-img:none}html[data-bg=sakura_garden]{--global-bg-img:url(/bg_sakura_garden.png)}html[data-bg=cosmic_crystals]{--global-bg-img:url(/bg_cosmic_crystals.png)}html[data-bg=cyber_sunset]{--global-bg-img:url(/bg_cyber_sunset.png)}html[data-bg=scifi_coastline]{--global-bg-img:url(/bg_scifi_coastline.png)}@keyframes sharkSwim{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-3px)rotate(-4deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(3px)rotate(4deg)}to{transform:translateY(0)rotate(0)}}.flex{display:flex!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-1{flex:1!important}.shrink-0{flex-shrink:0!important}.hidden{display:none!important}.block{display:block!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.inset-0{inset:0!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.right-0{right:0!important}.top-0{top:0!important}.z-\[90\]{z-index:90!important}.z-\[100\]{z-index:2000!important}.w-full{width:100%!important}.h-full{height:100%!important}.h-\[100dvh\]{height:100dvh!important}.items-center{align-items:center!important}.items-baseline{align-items:baseline!important}.items-end{align-items:flex-end!important}.justify-around{justify-content:space-around!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.self-end{align-self:flex-end!important}.self-start{align-self:flex-start!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.max-w-\[1400px\]{max-width:1400px!important}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)!important}.fixed.bottom-0.left-0.right-0 button{box-shadow:none!important;cursor:pointer!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.relative input[type=text],.relative input{color:#fff!important;box-sizing:border-box!important;width:100%!important;height:42px!important;box-shadow:none!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:12px!important;outline:none!important;padding:10px 16px!important;font-size:14px!important;transition:all .25s!important}.search-input-reset{padding-left:40px!important}.relative input[type=text]:focus,.relative input:focus{background:#ffffff1a!important;border-color:#6ee7ff80!important;box-shadow:0 0 10px #6ee7ff26!important}.w-\[320px\]{width:320px!important}.max-w-\[85\%\]{max-width:85%!important}.max-w-\[250px\]{max-width:250px!important}.max-w-\[260px\]{max-width:260px!important}.max-w-\[280px\]{max-width:280px!important}.max-h-\[300px\]{max-height:300px!important}.max-h-\[220px\]{max-height:220px!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fadeUp{animation:.35s cubic-bezier(.16,1,.3,1) both fadeUp!important}@media (min-width:768px){.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:relative{position:relative!important}.md\:h-full{height:100%!important}.md\:w-full{width:100%!important}.md\:h-auto{height:auto!important}.md\:p-6{padding:1.5rem!important}.md\:p-2{padding:.5rem!important}.md\:px-0{padding-left:0!important;padding-right:0!important}.md\:pt-0{padding-top:0!important}.md\:min-h-\[500px\]{min-height:500px!important}.md\:h-\[calc\(100vh-250px\)\]{height:calc(100vh - 250px)!important}.md\:border{border:1px solid #ffffff1a!important}.md\:border-r{border-right:1px solid #ffffff1a!important}.md\:rounded-2xl{border-radius:1rem!important}.md\:bg-black\/40{background-color:#0006!important}.md\:bg-\[\#0a0c12\]\/80{background-color:#0a0c12cc!important}.md\:bg-transparent{background-color:#0000!important}.md\:overflow-visible{overflow:visible!important}.md\:z-auto{z-index:auto!important}.md\:w-\[320px\]{width:320px!important}}@keyframes floatUp{0%{opacity:.6;transform:translateY(0)scale(1)}80%{opacity:.4}to{opacity:0;transform:translateY(-100vh)scale(.3)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes spin{to{transform:rotate(360deg)}}