.lite{--k3d-bg:linear-gradient(165deg, #fff 0%, #f5f9ff 100%);--k3d-rim:linear-gradient(145deg, #0b5ed76b, #0b5ed700 38%, #ffc10700 62%, #ffc10780);--k3d-sh:inset 0 1px 0 #fff, inset 0 -2px 0 #1720330a, 0 1px 2px #1720330f, 0 16px 30px -16px rgba(11, 94, 215, calc(.42 * var(--gk)));--k3d-kilau:#0b5ed71f;--k3d-latar1:#0b5ed729;--k3d-latar2:#ffc10733;--p-terang:#fff;--p-kilap:#ffffffbf}.neon{--k3d-bg:linear-gradient(165deg, #121d3d 0%, #0a1124 100%);--k3d-rim:linear-gradient(145deg, #4d9bffe6, #4d9bff00 40%, #38e08a00 60%, #38e08aa6);--k3d-sh:inset 0 1px 0 #ffffff12, 0 18px 36px -18px #000000e6, 0 0 26px rgba(40, 110, 255, calc(.32 * var(--gk)));--k3d-kilau:#8cbeff3d;--k3d-latar1:#286eff5c;--k3d-latar2:#38e08a29;--p-terang:#ffffff14;--p-kilap:#ffffff29}.beranda{isolation:isolate;position:relative}.beranda:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(240px 200px at 10% 9%, var(--k3d-latar1), transparent 70%), radial-gradient(260px 240px at 95% 33%, var(--k3d-latar2), transparent 70%), radial-gradient(220px 200px at 18% 64%, var(--k3d-latar1), transparent 70%);height:880px;position:absolute;top:-70px;left:-40px;right:-40px}.k3d{width:100%;color:inherit;font:inherit;text-align:left;background:var(--k3d-bg);box-shadow:var(--k3d-sh);transform:perspective(900px) rotateX(calc(var(--rx,0deg) + var(--grx,0deg))) rotateY(calc(var(--ry,0deg) + var(--gry,0deg))) scale(var(--tekan,1));transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;border:0;border-radius:18px;margin:0;padding:15px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s;display:block;position:relative}button.k3d{cursor:pointer}.k3d.k3d-aktif{transition:transform .1s ease-out,box-shadow .2s}.k3d:active{--tekan:.975}.k3d:before{content:"";border-radius:inherit;background:var(--k3d-rim);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.k3d-kilau{border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--kx,50%) var(--ky,0%), var(--k3d-kilau), transparent 58%);opacity:0;transition:opacity .35s;position:absolute;inset:0}.k3d-aktif>.k3d-kilau{opacity:1}.k3d>:not(.k3d-kilau){position:relative}.k3d>*,.k3d>*>*{transform-style:preserve-3d}.k3d .z1,.k3d .z2{transform:translateZ(var(--angkat,3px));transition:transform .45s cubic-bezier(.2,.8,.2,1)}.k3d-aktif .z1{--angkat:14px}.k3d-aktif .z2{--angkat:26px}.k3d-latar{border-radius:inherit;pointer-events:none;inset:0;overflow:hidden;position:absolute!important}.k3d-bungkus{position:relative}.k3d-bungkus:before{content:"";background:linear-gradient(90deg, var(--blue), #22d3ee, var(--yel));filter:blur(22px);opacity:calc(.42 * var(--gk));pointer-events:none;border-radius:26px;animation:3.6s ease-in-out infinite alternate k3dNapas;position:absolute;inset:16px 20px -6px}.k3d-bungkus.mati:before{background:linear-gradient(90deg, var(--dang), #fb923c)}@keyframes k3dNapas{0%{opacity:calc(.26 * var(--gk));transform:scale(.95)}to{opacity:calc(.58 * var(--gk));transform:scale(1.02)}}.k3d.k3d-hero{color:#fff;background:linear-gradient(135deg, var(--blue), var(--blued));--k3d-rim:linear-gradient(145deg, #ffffffbf, #fff0 40%, #ffd24a00 60%, #ffd24ad9);--k3d-kilau:#ffffff4d;border-radius:22px;padding:16px;box-shadow:inset 0 1px #ffffff52,inset 0 -4px #0000002e,0 18px 34px -16px #06286ebf}.k3d-bungkus.mati .k3d-hero{background:linear-gradient(135deg,#e04848,#8f1d1d)}.k3d-kaca:before{content:"";background:linear-gradient(#ffffff38,#fff0 46%);position:absolute;inset:0}.k3d-aurora{border-radius:50%;width:220px;height:220px;position:absolute}.k3d-aurora.a1{background:radial-gradient(circle,#22d3ee8c,#22d3ee00 68%);animation:9s ease-in-out infinite alternate k3dAurora1;top:-110px;left:-70px}.k3d-aurora.a2{background:radial-gradient(circle,#ffd24a6b,#ffd24a00 68%);animation:11s ease-in-out infinite alternate k3dAurora2;bottom:-130px;right:-80px}@keyframes k3dAurora1{to{transform:translate(90px,34px)scale(1.15)}}@keyframes k3dAurora2{to{transform:translate(-70px,-26px)scale(.9)}}.permata{--p-latar:var(--blues);--p-isi:var(--blue);--p-sinar:#0b5ed773;background:linear-gradient(160deg, var(--p-terang), var(--p-latar) 70%);width:38px;height:38px;box-shadow:inset 0 1px 0 var(--p-kilap), inset 0 -2px 0 #00000012, 0 8px 16px -6px var(--p-sinar);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.permata:after{content:"";background:linear-gradient(180deg, var(--p-kilap), #fff0);pointer-events:none;border-radius:9px 9px 6px 6px;height:42%;position:absolute;top:3px;left:4px;right:4px}.permata>i{background:var(--p-isi);width:12px;height:12px;box-shadow:0 0 10px var(--p-isi);display:block}.permata-kuning{--p-latar:var(--yels);--p-isi:var(--warn);--p-sinar:#f59e0b73}.permata-hijau{--p-latar:var(--oks);--p-isi:var(--ok);--p-sinar:#16a34a66}.permata-merah{--p-latar:var(--dangs);--p-isi:var(--dang);--p-sinar:#dc262661}.tombol3d{cursor:pointer;transform:translateZ(var(--angkat,3px)) translateY(var(--turun,0px));border-radius:14px;font-weight:800;transition:transform .12s,box-shadow .12s;position:relative}.tombol3d:active{--turun:3px}.tombol3d-kuning{color:#3b2a00;background:linear-gradient(180deg, #ffd95a, var(--yel));box-shadow:inset 0 1px 0 #ffffffa6, 0 4px 0 #c99400, 0 12px 22px -8px rgba(255, 193, 7, calc(.8 * var(--gk)))}.tombol3d-kuning:active{box-shadow:inset 0 1px 0 #ffffffa6, 0 1px 0 #c99400, 0 6px 12px -6px rgba(255, 193, 7, calc(.7 * var(--gk)))}.tombol3d-biru{color:#fff;background:linear-gradient(180deg, #2f7cf0, var(--blue));box-shadow:inset 0 1px 0 #ffffff59, 0 4px 0 var(--blued), 0 12px 22px -8px rgba(11, 94, 215, calc(.8 * var(--gk)))}.tombol3d-biru:active{box-shadow:inset 0 1px 0 #ffffff59, 0 1px 0 var(--blued), 0 6px 12px -6px rgba(11, 94, 215, calc(.7 * var(--gk)))}.k3d-bola{background:radial-gradient(circle at 34% 30%, #fff6cf 0%, var(--yel) 38%, #f59e0b 72%, #c2410c 100%);width:128px;height:128px;box-shadow:inset -10px -14px 24px #a03c0059, 0 0 34px rgba(255, 193, 7, calc(.55 * var(--gk)));opacity:.92;border-radius:50%;animation:5s ease-in-out infinite alternate k3dMelayang;position:absolute;top:-34px;right:-26px}.lite .k3d-bola{opacity:.78}@keyframes k3dMelayang{to{transform:translate(-6px,10px)}}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/plus-jakarta-sans-var-eXO_dkmS.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/jetbrains-mono-var-6fWv1k7M.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gk:1}.lite{--bg:#f5f8fc;--card:#fff;--card2:#f5f8fc;--bd:#e4eaf2;--tx:#172033;--tx2:#64748b;--blue:#0b5ed7;--blued:#063b8c;--blues:#eaf1fd;--yel:#ffc107;--yels:#fff7e0;--ok:#16a34a;--oks:#e9f8ee;--warn:#f59e0b;--dang:#dc2626;--dangs:#fdecec;--sh:0 2px 10px #17203312;--glowB:0 6px 18px rgba(11, 94, 215, calc(.32 * var(--gk)));--glowY:0 6px 18px rgba(255, 193, 7, calc(.34 * var(--gk)));--glowG:0 6px 18px rgba(22, 163, 74, calc(.28 * var(--gk)));--ring:#e4eaf2;--bezel:#1b2130;--canvas:#e9edf3;--navsh:0 -6px 20px #0614320f;--dangGlow:0 0 20px rgba(220, 38, 38, calc(.5 * var(--gk)))}.neon{--bg:#05070f;--card:#0b1122;--card2:#0e1730;--bd:#5496ff3d;--tx:#eaf1ff;--tx2:#8fa3c8;--blue:#4d9bff;--blued:#1b5fd9;--blues:#4d9bff24;--yel:#ffd24a;--yels:#ffd24a24;--ok:#38e08a;--oks:#38e08a24;--warn:#ffb020;--dang:#ff5a5a;--dangs:#ff5a5a24;--sh:0 0 0 1px #5496ff1a, 0 0 26px rgba(20, 80, 200, calc(.3 * var(--gk)));--glowB:0 0 22px rgba(77, 155, 255, calc(.75 * var(--gk))), 0 0 54px rgba(77, 155, 255, calc(.35 * var(--gk)));--glowY:0 0 22px rgba(255, 210, 74, calc(.7 * var(--gk))), 0 0 52px rgba(255, 210, 74, calc(.3 * var(--gk)));--glowG:0 0 22px rgba(56, 224, 138, calc(.7 * var(--gk))), 0 0 50px rgba(56, 224, 138, calc(.32 * var(--gk)));--ring:#5496ff2e;--bezel:#0a0f1c;--canvas:#05070f;--navsh:0 -6px 20px #0614320f;--dangGlow:0 0 20px rgba(220, 38, 38, calc(.5 * var(--gk)))}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--canvas);color:var(--tx);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif}button{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}a{color:var(--blue);text-decoration:none}@keyframes pulseDot{0%,to{opacity:1;box-shadow:0 0}50%{opacity:.72;box-shadow:0 0 0 7px #0000}}@keyframes flow{to{stroke-dashoffset:-44px}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes glowBreathe{0%,to{filter:brightness()}50%{filter:brightness(1.22)}}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.rise{animation:.3s rise}.tapglow{transition:transform .14s,box-shadow .2s}.tapglow:active{transform:scale(.97)}.tapglow:disabled{cursor:not-allowed}.tapglow:disabled:active{transform:none}.tapglow:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.canvas{background:var(--canvas);flex-direction:column;align-items:center;gap:20px;min-height:100%;padding:28px 20px 44px;display:flex}.canvas-chrome{flex:none;align-items:center;gap:12px;width:414px;max-width:100%;display:flex}.bezel{background:var(--bezel);border-radius:52px;flex:none;width:414px;padding:12px;box-shadow:0 22px 50px #06143247,inset 0 0 0 1px #ffffff14}.screen{background:var(--bg);border-radius:42px;flex-direction:column;width:390px;height:844px;display:flex;position:relative;overflow:hidden}.safe-top{flex:none;height:0}@media (pointer:coarse){.safe-top{height:max(env(safe-area-inset-top), 24px)}}html.native .safe-top{height:max(env(safe-area-inset-top), 24px)}.app-nav{padding-bottom:16px}.native .app-nav{padding-bottom:max(env(safe-area-inset-bottom), 48px)}.scroll{scrollbar-width:none;overflow:auto}.scroll::-webkit-scrollbar{display:none}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.composer-input{min-width:0;color:var(--tx);background:0 0;border:0;outline:none;flex:1;font-size:13px;font-weight:600}.composer-input::placeholder{color:var(--tx2);font-weight:600}.native .canvas{gap:0;height:100%;padding:0}.native .canvas-chrome{display:none}.native .bezel{width:100%;height:100%;box-shadow:none;border-radius:0;padding:0}.native .screen{border-radius:0;width:100%;height:100%}@media (width<=900px),(pointer:coarse) and (hover:none){.canvas{gap:0;height:100%;padding:0}.canvas-chrome{display:none}.bezel{width:100%;height:100%;box-shadow:none;border-radius:0;padding:0}.screen{border-radius:0;width:100%;height:100%}.safe-top{height:max(env(safe-area-inset-top), 24px)}.app-nav{padding-bottom:max(env(safe-area-inset-bottom), 48px)}}@keyframes ptr-putar{to{transform:rotate(360deg)}}