:root{--neon-cyan:#00F0FF;--neon-magenta:#D83F87;--neon-gold:#FFD700;--neon-green:#1AFF66;--color-sunset-orange:#FF6B35;--color-mamak-neon:#7FFF00;--color-spicy-accent:#FFB347;--color-teh-tarik:#F5E6D3;--void-black:#020204;--bg-primary:#0A0E17;--bg-secondary:#141B2D;--bg-card:#1A2235;--glass-white:rgba(255,255,255,0.1);--glass-white-strong:rgba(255,255,255,0.15);--tier-free:#00F0FF;--tier-pro:#F59E0B;--tier-ultimate:#D83F87;--soul-loading:#D83F87;--soul-processing:#F5A623;--soul-ready:#1AFF66;--soul-error:#FF4444;--ghost-bg:#000000;--ghost-text:#666666;--ghost-accent:#003344;--text-primary:#FFFFFF;--text-secondary:rgba(255,255,255,0.7);--text-tertiary:rgba(255,255,255,0.5);--text-muted:rgba(255,255,255,0.3);--font-display:"Oxanium",sans-serif;--font-body:"Rajdhani",sans-serif;--font-mono:"Kode Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--duration-instant:100ms;--duration-fast:200ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:700ms;--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-spring:cubic-bezier(0.68,-0.6,0.32,1.6);--ios-spring:cubic-bezier(0.34,1.56,0.64,1);--ios-spring-soft:cubic-bezier(0.25,1,0.5,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--viewport-width:430px;--viewport-height:932px;--safe-area-top:59px;--safe-area-bottom:34px;--touch-target-min:44px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--border-thin:1px;--border-medium:2px;--border-thick:3px;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5);--shadow-xl:0 20px 25px rgba(0,0,0,0.6);--glow-cyan:0 0 20px rgba(0,240,255,0.5);--glow-magenta:0 0 20px rgba(216,63,135,0.5);--glow-gold:0 0 20px rgba(255,215,0,0.5);--glow-green:0 0 20px rgba(26,255,102,0.5);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-max:9999}.theme-sunset{--theme-gradient:linear-gradient(180deg,#2d1b69,#ff6b35);--theme-accent:var(--color-sunset-orange)}.theme-mamak{--theme-gradient:linear-gradient(135deg,#1a2a1a,#2d2d1a);--theme-accent:var(--color-mamak-neon)}.theme-klcc-night{--theme-gradient:linear-gradient(180deg,#0a0a1a,#1b263b);--theme-accent:#FFFFFF}.theme-batik{--theme-gradient:linear-gradient(135deg,#2a1a1a,#4a3636);--theme-accent:var(--neon-gold)}.theme-anime{--theme-gradient:linear-gradient(135deg,#1a0a2e,#0a0a0a);--theme-accent:var(--neon-magenta)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translateX(-50%);padding:var(--space-2) var(--space-4);background:var(--neon-cyan);color:var(--void-black);font-weight:var(--font-bold);z-index:var(--z-max);transition:top var(--duration-fast)}.skip-to-content:focus{top:var(--space-2)}.device-frame{width:var(--viewport-width);height:var(--viewport-height);max-width:100%;margin:0 auto;position:relative;overflow:hidden;background:var(--bg-primary)}.safe-area-top{height:var(--safe-area-top);width:100%}.safe-area-bottom{height:var(--safe-area-bottom);width:100%}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.glass{background:var(--glass-white);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.text-glow-cyan{text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan)}.text-glow-magenta{text-shadow:0 0 10px var(--neon-magenta),0 0 20px var(--neon-magenta)}.text-glow-gold{text-shadow:0 0 10px var(--neon-gold),0 0 20px var(--neon-gold)}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.05);opacity:1}}@keyframes pulse{0%,to{transform:translateX(-50%) scale(1);opacity:.8}50%{transform:translateX(-50%) scale(1.1);opacity:1}}@keyframes tierPulse{0%,to{box-shadow:0 4px 20px currentColor}50%{box-shadow:0 4px 30px currentColor,0 0 40px currentColor}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.btn-press{transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) ease;will-change:transform;-webkit-tap-highlight-color:transparent}.btn-press:active{transform:scale(.95)}@keyframes btnRipple{0%{transform:scale(0);opacity:.5}to{transform:scale(2);opacity:0}}.btn-jelly{transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) ease,background var(--duration-fast) ease}.btn-jelly:active{animation:jellyPress .4s var(--ease-spring)}.btn-jelly-sm{transition:transform var(--duration-instant) var(--ease-spring);will-change:transform;-webkit-tap-highlight-color:transparent}.btn-jelly-sm:active{animation:jellyBounce .25s var(--ease-spring)}.btn-peel{transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) ease;will-change:transform,box-shadow}.btn-peel:hover{animation:peelLift .3s var(--ease-spring) forwards}.btn-peel:active{transform:perspective(1000px) rotateX(0deg) translateY(-2px) scale(.98)}button{transition:transform .15s cubic-bezier(.68,-.6,.32,1.6)!important;will-change:transform!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}button:active{animation:jellyPress .4s cubic-bezier(.68,-.6,.32,1.6)!important;transform:scale(.92)!important}button:not([class*=icon]):not([class*=close]){min-height:44px!important;min-width:44px!important}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:4px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#00F0FF,#00D4E8);cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3);-webkit-transition:transform .15s cubic-bezier(.68,-.6,.32,1.6);transition:transform .15s cubic-bezier(.68,-.6,.32,1.6)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#00F0FF,#00D4E8);cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}.card-lift{transition:transform var(--duration-normal) var(--ios-spring),box-shadow var(--duration-normal) ease;will-change:transform,box-shadow}.card-lift:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 20px rgba(0,240,255,.1)}.card-lift:active{transform:translateY(-2px) scale(.98)}.input-glow{transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;border:1px solid rgba(255,255,255,.1)}.input-glow:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px rgba(0,240,255,.2),0 0 20px rgba(0,240,255,.15);outline:none}@keyframes inputFocusPulse{0%,to{box-shadow:0 0 0 3px rgba(0,240,255,.2)}50%{box-shadow:0 0 0 5px rgba(0,240,255,.3)}}.nav-tap{position:relative;overflow:hidden;transition:color var(--duration-fast) ease}.nav-tap:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(0,240,255,.3) 0,transparent 70%);opacity:0;transform:scale(0);transition:opacity var(--duration-fast) ease,transform var(--duration-normal) var(--ease-spring)}.nav-tap:active:after{opacity:1;transform:scale(1)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translateX(0);opacity:1}to{transform:translateX(-30%);opacity:0}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-out-expo)}.slide-in-up{animation:slideInUp var(--duration-normal) var(--ease-out-expo)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-backdrop{animation:fadeIn var(--duration-fast) ease;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content{animation:slideInUp var(--duration-normal) var(--ios-spring)}@keyframes springSheetUp{0%{transform:translateY(100%);opacity:0}60%{transform:translateY(-5%);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes springSheetDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.sheet-spring{animation:springSheetUp var(--duration-slow) var(--ease-spring)}.sheet-spring-close{animation:springSheetDown var(--duration-normal) ease-in}@keyframes auroraShift{0%{background-position:0 0}25%{background-position:50% 50%}50%{background-position:100% 100%}75%{background-position:50% 50%}to{background-position:0 0}}.bg-aurora{background:radial-gradient(ellipse 100% 60% at 50% -10%,rgba(0,240,255,.15) 0,transparent 60%),radial-gradient(ellipse 80% 50% at 90% 20%,rgba(216,63,135,.12) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 10% 80%,rgba(155,93,229,.1) 0,transparent 40%),radial-gradient(ellipse 50% 30% at 70% 70%,rgba(255,230,109,.08) 0,transparent 40%);background-size:200% 200%;animation:auroraShift 30s ease-in-out infinite}.bg-scanlines{position:relative}.bg-scanlines:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.02;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 4px);z-index:1}@keyframes particleFloat{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:.8}to{transform:translateY(-100vh) scale(.5);opacity:0}}@keyframes confettiFall{0%{transform:translateY(-10%) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.particle{position:absolute;border-radius:50%;animation:particleFloat 12s ease-out infinite}@keyframes pullRefreshSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pullRefreshBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.pull-refresh-indicator{width:32px;height:32px;border-left:2px solid transparent;border-bottom:2px solid transparent;border-top:2px solid transparent;border-top-color:var(--neon-cyan);border-right:2px solid transparent;border-right-color:var(--neon-cyan);border-radius:50%;animation:pullRefreshSpin 1s linear infinite}.pull-refresh-active .pull-refresh-indicator{animation:pullRefreshSpin .6s linear infinite,pullRefreshBounce .5s ease-in-out}@keyframes winnerBeam{0%{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1.2)}to{opacity:.8;transform:scaleY(1)}}@keyframes winnerGlow{0%,to{box-shadow:0 0 20px rgba(26,255,102,.3),0 0 40px rgba(26,255,102,.2),0 0 60px rgba(26,255,102,.1)}50%{box-shadow:0 0 30px rgba(26,255,102,.5),0 0 60px rgba(26,255,102,.4),0 0 90px rgba(26,255,102,.2)}}.winner-beam{position:absolute;top:0;left:50%;width:4px;height:100%;background:linear-gradient(to bottom,transparent 0,var(--neon-green) 20%,var(--neon-green) 80%,transparent 100%);transform:translateX(-50%);animation:winnerBeam .8s var(--ease-spring)}.winner-card{animation:winnerGlow 2s ease-in-out infinite}@keyframes jellyPress{0%{transform:scale(1)}30%{transform:scale(.92)}50%{transform:scale(1.05)}70%{transform:scale(.98)}to{transform:scale(1)}}@keyframes jellyBounce{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes peelLift{0%{transform:perspective(500px) rotateX(0) translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.2)}to{transform:perspective(500px) rotateX(-5deg) translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.3),0 4px 12px rgba(0,240,255,.2)}}.btn-jelly{transition:transform .15s cubic-bezier(.68,-.6,.32,1.6),box-shadow .2s ease,background .2s ease!important;will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.btn-jelly:hover{transform:scale(1.02);box-shadow:0 6px 20px rgba(0,240,255,.25)}.btn-jelly:active{animation:jellyPress .4s cubic-bezier(.68,-.6,.32,1.6)!important;transform:scale(.92)!important}.btn-jelly-sm{min-height:36px;min-width:36px}.btn-peel{transition:transform .3s ease,box-shadow .3s ease!important;will-change:transform;transform-style:preserve-3d}.btn-peel:hover{animation:peelLift .3s ease forwards}.btn-peel:active{transform:perspective(500px) rotateX(-2deg) translateY(-2px) scale(.98)}button:not([class*=icon]):not([class*=close]):not([class*=dot]){min-height:44px;min-width:44px}