:root{--w50: #F1F1FF;--w100: #E3E3FF;--w200: #C9C9FD;--w300: #A5A5FB;--w400: #8080F8;--w500: #5B5BF6;--w600: #4A4AE0;--w700: #3B3BB8;--w800: #2D2D8C;--w900: #1F1F5E;--indigo: var(--w500);--indigo-2: var(--w600);--indigo-tint: var(--w100);--sunny: var(--w200);--mint: var(--w300);--coral: #FF6B6B;--sky: #6EA8FF;--ink: #1B1D3A;--cloud: #F4F5FB;--aksen: var(--w200);--aksen-teks: var(--w900);--di-kartu-redup: rgba(255,255,255,.82);--pipit-badan: #6EA8FF;--pipit-sayap: #4F86E0;--pipit-sayap-jauh: #3A6CC4;--pipit-perut: #E4EEFF;--pipit-pipi: var(--w200);--pipit-paruh: var(--w600);--pipit-paruh-2: var(--w800);--pipit-mata: #1B1D3A;--font: "Figtree", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif}.app{--bg: #F4F5FB;--surface: #FFFFFF;--teks: #1B1D3A;--redup: #5A5D7A;--garis: #E6E7F0;--trek: #EEEFF6;--pita: var(--w200);--pita-teks: var(--w900);--chip: #FFFFFF;--input: #F4F5FB;--near-teks: var(--w800);--aman-teks: var(--w700);--over-teks: #C93A3A;--near-bg: var(--w200);--aman-bg: var(--w100);--over-bg: #FFE3E3;--info-bg: var(--w100);--info-teks: var(--w700);--st-aman: var(--w300);--st-near: var(--w600);--st-over: var(--coral);--link: var(--w500);--kat1-bg: var(--w100);--kat1-fg: var(--w700);--kat2-bg: var(--w200);--kat2-fg: var(--w800);--kat3-bg: var(--w50);--kat3-fg: var(--w600);--kat4-bg: var(--w300);--kat4-fg: var(--w900);--kat5-bg: var(--w100);--kat5-fg: var(--w500);--kat6-bg: var(--w200);--kat6-fg: var(--w600);--kat7-bg: var(--w50);--kat7-fg: var(--w800);--kat8-bg: var(--w300);--kat8-fg: var(--w700);min-height:100%;background:var(--bg);color:var(--teks);font-family:var(--font);transition:background-color .5s ease,color .5s ease}.app.fase-siang{--pita: var(--w100);--pita-teks: var(--w700)}.app.fase-sore{--pita: var(--w300);--pita-teks: var(--w900)}.app.fase-malam{--bg: #12132A;--surface: #1E2042;--teks: #F4F5FB;--redup: #A9ACCB;--garis: #2A2D52;--trek: #2E3160;--pita: #1E2046;--pita-teks: #A9ACCB;--chip: #2A2D5C;--input: #282A52;--near-teks: var(--w100);--aman-teks: var(--w300);--over-teks: #FF9C9C;--near-bg: #34357A;--aman-bg: #24265A;--over-bg: #4A2226;--info-bg: #262866;--info-teks: var(--w200);--st-aman: var(--w400);--st-near: var(--w200);--link: #A9A9FF;--kat1-bg: var(--w900);--kat1-fg: var(--w200);--kat2-bg: var(--w800);--kat2-fg: var(--w100);--kat3-bg: var(--w900);--kat3-fg: var(--w300);--kat4-bg: var(--w700);--kat4-fg: var(--w50);--kat5-bg: var(--w800);--kat5-fg: var(--w300);--kat6-bg: var(--w900);--kat6-fg: var(--w400);--kat7-bg: var(--w700);--kat7-fg: var(--w100);--kat8-bg: var(--w800);--kat8-fg: var(--w200);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#f4f5fb;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer;color:inherit}input,select,textarea{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--w300);outline-offset:2px}.tnum{font-variant-numeric:tabular-nums}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.layar{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative;padding-top:env(safe-area-inset-top,0px)}.isi{flex:1;display:flex;flex-direction:column;gap:14px;padding:16px 20px 96px}.judul-layar{display:flex;align-items:center;gap:12px;min-height:44px}.judul-layar h1{font-size:22px;font-weight:800;margin:0;flex:1;letter-spacing:-.01em}.tbl-ikon{width:44px;height:44px;border-radius:14px;border:none;background:var(--surface);display:flex;align-items:center;justify-content:center;flex:none}.kartu{background:var(--surface);border-radius:20px;padding:14px 16px;transition:background-color .5s ease}.sub{font-size:13px;color:var(--redup)}.h2{font-size:16px;font-weight:700;margin:0}.baris{display:flex;align-items:center;gap:12px}.antara{display:flex;justify-content:space-between;align-items:center;gap:10px}.link{border:none;background:none;color:var(--link);font-weight:600;font-size:14px;padding:8px 4px}.tbl{height:50px;border-radius:16px;border:none;background:var(--indigo);color:#fff;font-size:16px;font-weight:700;width:100%}.tbl:disabled{opacity:.6}.tbl.dua{background:var(--surface);color:var(--teks);border:1px solid var(--garis)}.tbl.kecil{height:40px;font-size:14px;border-radius:12px;width:auto;padding:0 14px}.tbl.bahaya{background:var(--over-bg);color:var(--over-teks)}.input{height:48px;width:100%;border-radius:14px;border:1px solid var(--garis);background:var(--input);color:var(--teks);padding:0 14px;font-size:16px}.kolom-sandi{position:relative}.kolom-sandi .input{padding-right:54px}.tbl-mata-sandi{position:absolute;top:2px;right:2px;width:44px;height:44px;border:none;background:none;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--redup)}.tbl-mata-sandi[aria-pressed=true]{color:var(--link)}.label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--redup);font-weight:600}.galat{color:var(--over-teks);font-size:13px;min-height:18px}.chip-status{font-size:12px;font-weight:700;padding:3px 9px;border-radius:8px;white-space:nowrap}.st-aman{background:var(--aman-bg);color:var(--aman-teks)}.st-near{background:var(--near-bg);color:var(--near-teks)}.st-over{background:var(--over-bg);color:var(--over-teks)}.st-tanpa{background:var(--trek);color:var(--redup)}.trek{display:block;height:8px;border-radius:4px;background:var(--trek);overflow:hidden}.isian{height:100%;width:0;border-radius:4px;transition:width 1s cubic-bezier(.2,.8,.2,1),background-color .4s ease}.kosong{text-align:center;color:var(--redup);padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:10px}.pita{background:var(--pita);padding:calc(16px + env(safe-area-inset-top,0px)) 20px 60px;border-radius:0 0 28px 28px;display:flex;flex-direction:column;gap:12px;transition:background-color .5s ease;margin-top:calc(-1*env(safe-area-inset-top,0px))}.pita small{display:block;font-size:13px;color:var(--pita-teks)}.pita strong{display:block;font-size:17px;font-weight:700}.jam-chip{height:40px;padding:0 10px;border-radius:13px;background:var(--chip);display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--pita-teks)}.tbl-chip{width:40px;height:40px;border-radius:13px;border:none;background:var(--chip);display:flex;align-items:center;justify-content:center;position:relative}.titik-merah{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--w500);box-shadow:0 0 0 2px var(--chip)}.gelembung{align-self:flex-start;background:var(--chip);border-radius:4px 16px 16px;padding:9px 13px;font-size:14px;max-width:92%;transform-origin:left top}.gelembung.muncul{animation:gelembung .45s cubic-bezier(.3,1.6,.5,1)}@keyframes gelembung{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.badan-home{display:flex;flex-direction:column;gap:14px;padding:0 20px 96px;margin-top:-44px}.kartu-saldo{background:var(--indigo);color:#fff;border-radius:24px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.kartu-saldo .lbl{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--di-kartu-redup)}.tbl-mata{width:36px;height:36px;border-radius:11px;border:none;background:var(--indigo-2);color:#fff;display:flex;align-items:center;justify-content:center}.angka-saldo{font-size:32px;font-weight:800;letter-spacing:-.5px;margin-top:-6px;font-variant-numeric:tabular-nums}.dua-kolom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini{background:var(--indigo-2);border-radius:14px;padding:9px 12px}.mini span{display:block;font-size:12px;color:var(--di-kartu-redup)}.mini b{font-size:15px;font-variant-numeric:tabular-nums}.sts{background:var(--aksen);color:var(--aksen-teks);border-radius:12px;padding:8px 12px;font-size:14px;display:flex;justify-content:space-between;gap:8px}.sts b{font-variant-numeric:tabular-nums}.aksi-cepat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.aksi-cepat button{border:none;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--teks)}.aksi-cepat span{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.aksi-cepat button:active span{transform:scale(.9)}.wallet-geser{display:flex;gap:10px;overflow-x:auto;margin:0 -20px;padding:0 20px 4px;scroll-snap-type:x mandatory;scrollbar-width:none}.wallet-geser::-webkit-scrollbar{display:none}.kartu-wallet{flex:0 0 150px;scroll-snap-align:start;background:var(--surface);border-radius:18px;padding:12px 14px;border:none;text-align:left;transition:background-color .5s ease}.kartu-wallet .nama{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--redup)}.kartu-wallet b{display:block;font-size:16px;margin-top:8px;font-variant-numeric:tabular-nums}.dot{width:10px;height:10px;border-radius:50%;flex:none}.ikon-kat{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}.masuk .st{animation:naik .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes naik{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--surface);border-top:1px solid var(--garis);padding-bottom:env(safe-area-inset-bottom,0px);transition:background-color .5s ease}.nav-isi{max-width:480px;margin:0 auto;height:64px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center}.nav button{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--redup);height:100%}.nav button[aria-current=page]{color:var(--link);font-weight:700}.daftar{background:var(--surface);border-radius:20px;padding:2px 14px;display:flex;flex-direction:column;transition:background-color .5s ease}.item{display:flex;align-items:center;gap:12px;padding:11px 0;border:none;border-bottom:1px solid var(--garis);background:none;width:100%;text-align:left}.item:last-child{border-bottom:none}.item .tengah{flex:1;min-width:0}.item .tengah b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .tengah span{display:block;font-size:12px;color:var(--redup)}.item .jml{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.jml.masuk{color:var(--aman-teks)}.tertunda{font-size:11px;font-weight:700;color:var(--near-teks)}.hari-label{font-size:13px;font-weight:700;color:var(--redup);margin:4px 2px -6px}.filter-geser{display:flex;gap:8px;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none}.filter-geser::-webkit-scrollbar{display:none}.pil{flex:none;height:36px;padding:0 12px;border-radius:18px;border:1px solid var(--garis);background:var(--surface);color:var(--teks);font-size:13px;font-weight:600}.pil[aria-pressed=true]{background:var(--indigo);border-color:var(--indigo);color:#fff}.tirai{position:fixed;top:0;right:0;bottom:0;left:0;background:#08091880;z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease}.tirai.tampil{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-width:480px;margin:0 auto;background:var(--surface);color:var(--teks);border-radius:28px 28px 0 0;padding:12px 20px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;transform:translateY(105%);transition:transform .42s cubic-bezier(.2,1.1,.3,1);max-height:92vh;overflow-y:auto}.sheet.buka{transform:none}.pegangan{width:40px;height:5px;border-radius:3px;background:var(--garis);align-self:center;flex:none}.nominal{font-size:38px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.nominal.goyang{animation:goyang .35s ease;color:var(--coral)}@keyframes goyang{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.segmen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--input);border-radius:14px;padding:4px;gap:4px}.segmen button{height:38px;border:none;border-radius:11px;background:transparent;font-weight:600;font-size:14px;color:var(--redup)}.segmen button[aria-pressed=true]{background:var(--surface);color:var(--teks);box-shadow:0 1px 3px #00000014}.keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.keypad button{height:50px;border-radius:14px;border:none;background:var(--input);font-size:22px;font-weight:600;transition:transform .08s ease}.keypad button:active{transform:scale(.94)}.toast{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top,0px));z-index:60;transform:translate(-50%,calc(-100% - 60px));visibility:hidden;background:var(--ink);color:#fff;font-size:14px;font-weight:600;padding:10px 14px;border-radius:14px;display:flex;align-items:center;gap:10px;transition:transform .4s cubic-bezier(.2,1.2,.3,1),visibility .4s;max-width:calc(100vw - 32px)}.fase-malam .toast{background:#f4f5fb;color:var(--ink)}.toast.tampil{transform:translate(-50%);visibility:visible}.toast button{border:none;background:var(--aksen);color:var(--aksen-teks);border-radius:10px;height:32px;padding:0 10px;font-weight:700;font-size:13px}.pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0809189e;display:flex;flex-direction:column;justify-content:flex-end;padding:0 12px calc(12px + env(safe-area-inset-bottom,0px));opacity:0;pointer-events:none;transition:opacity .25s ease}.pop.tampil{opacity:1;pointer-events:auto}.pop .lembar{max-width:456px;width:100%;margin:0 auto;background:#fff;color:var(--ink);border-radius:28px;padding:52px 20px 20px;display:flex;flex-direction:column;gap:12px;transform:translateY(110%);transition:transform .5s cubic-bezier(.2,1.3,.3,1)}.pop.tampil .lembar{transform:none}.pop .burung{display:flex;justify-content:center;margin-bottom:-48px;position:relative;z-index:1;transform:translateY(120%);transition:transform .55s cubic-bezier(.2,1.4,.3,1) .08s}.pop.tampil .burung{transform:none}.pop h2{margin:0;text-align:center;font-size:22px;font-weight:800}.pop p{margin:0;text-align:center;color:#5a5d7a;font-size:14px}.pop .tbl.dua{background:#fff;color:var(--ink);border-color:#dadceb}.pipit{display:block;overflow:visible}.pipit .bob{animation:bob 2.6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}@keyframes bob{to{transform:translateY(-1.5px)}}.lompat{animation:lompat .7s cubic-bezier(.3,.9,.4,1);display:inline-block;transform-origin:50% 90%}@keyframes lompat{0%{transform:none}18%{transform:scale(1.1,.86)}45%{transform:translateY(-18px) scale(.94,1.08)}72%{transform:translateY(0) scale(1.08,.92)}to{transform:none}}.geleng{animation:geleng .55s ease-in-out 2;display:inline-block;transform-origin:50% 90%}@keyframes geleng{0%,to{transform:rotate(0)}20%{transform:rotate(-11deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}}.sayap-tutup{transform-box:fill-box;transition:transform .5s cubic-bezier(.3,1.3,.4,1),opacity .4s ease}.sayap-tutup.kiri{transform-origin:20% 90%}.sayap-tutup.kanan{transform-origin:80% 90%}.kunci.terbuka .sayap-tutup.kiri{transform:translate(-5px,12px) rotate(-55deg);opacity:0}.kunci.terbuka .sayap-tutup.kanan{transform:translate(5px,12px) rotate(55deg);opacity:0}.kepak{transform-box:fill-box;transform-origin:100% 92%;animation:kepak .17s ease-in-out infinite alternate}.kepak.jauh{animation-delay:-85ms}@keyframes kepak{0%{transform:rotate(14deg)}to{transform:rotate(-82deg)}}.garis-cepat line{stroke-dasharray:18 60;animation:cepat .35s linear infinite}.garis-cepat line:nth-child(2){animation-delay:-.12s}.garis-cepat line:nth-child(3){animation-delay:-.24s}@keyframes cepat{0%{stroke-dashoffset:0}to{stroke-dashoffset:78}}.pipit.mood-marah .bob{animation:gemetar 3.2s ease-in-out infinite;transform-origin:50% 90%}@keyframes gemetar{0%,12%,to{transform:none}2%,6%,10%{transform:translate(-1px) rotate(-2deg)}4%,8%{transform:translate(1px) rotate(2deg)}}.pipit.mood-bangga .bob{animation:loncat-kecil 2.8s cubic-bezier(.3,.9,.4,1) infinite;transform-origin:50% 100%}@keyframes loncat-kecil{0%,30%,to{transform:none}8%{transform:scale(1.06,.92)}16%{transform:translateY(-4px) scale(.96,1.05)}24%{transform:scale(1.04,.96)}}.masuk-marah{display:inline-block;animation:hentak .32s ease-in-out 2;transform-origin:50% 90%}@keyframes hentak{0%,to{transform:none}30%{transform:translateY(2px) scale(1.08,.88) rotate(-6deg)}65%{transform:translateY(-1px) rotate(6deg)}}.masuk-bangga{display:inline-block;animation:loncat-bangga .45s cubic-bezier(.3,.9,.4,1) 2;transform-origin:50% 90%}@keyframes loncat-bangga{0%,to{transform:none}20%{transform:scale(1.1,.86)}55%{transform:translateY(-16px) scale(.94,1.08) rotate(-4deg)}80%{transform:translateY(0) scale(1.06,.94)}}.lirik{transform-box:fill-box;animation:lirik 2.2s ease-in-out infinite}@keyframes lirik{0%,to{transform:translate(0)}18%,42%{transform:translate(-1.5px)}60%,84%{transform:translate(1.5px)}}.air-mata{transform-box:fill-box;animation:netes 1.6s ease-in infinite}@keyframes netes{0%{transform:translateY(-1px);opacity:0}15%{opacity:1}80%{transform:translateY(5px);opacity:1}to{transform:translateY(6px);opacity:0}}.kepak-senang{transform-box:fill-box;transform-origin:90% 20%;animation:kepak-senang 1.4s ease-in-out infinite}.kepak-senang.belakang{animation-delay:.06s}@keyframes kepak-senang{0%,50%,to{transform:rotate(0)}10%,30%{transform:rotate(-40deg)}20%,40%{transform:rotate(6deg)}}.kilau-pipit{transform-box:fill-box;transform-origin:center;animation:kelip 1.4s ease-in-out infinite}.kilau-pipit.kedua{animation-delay:.7s}@keyframes kelip{0%,to{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}.kunci{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:var(--indigo);color:#fff;display:flex;flex-direction:column;align-items:center;padding:calc(56px + env(safe-area-inset-top,0px)) 28px calc(40px + env(safe-area-inset-bottom,0px));transition:opacity .45s ease}.kunci.pergi .bagian-kunci{opacity:0;transform:translate(30px)}.bagian-kunci{transition:opacity .2s ease,transform .25s ease;display:flex;flex-direction:column;align-items:center}.kunci .tengah{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.cakram{width:210px;height:210px;border-radius:50%;background:var(--indigo-2);display:flex;align-items:center;justify-content:center}.tbl-jari{width:84px;height:84px;border-radius:50%;border:none;background:#fff;color:var(--indigo);display:flex;align-items:center;justify-content:center;position:relative}.tbl-jari:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:3px solid var(--aksen);opacity:0}.tbl-jari.pindai:after{animation:cincin .7s ease-out}@keyframes cincin{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.pin-titik{display:flex;gap:12px;justify-content:center}.pin-titik span{width:14px;height:14px;border-radius:50%;border:2px solid #fff}.pin-titik span.isi-pin{background:#fff}.keypad-pin{display:grid;grid-template-columns:repeat(3,72px);gap:12px;justify-content:center}.keypad-pin button{height:56px;border-radius:16px;border:none;background:var(--indigo-2);color:#fff;font-size:22px;font-weight:600}.penerbang{position:fixed;left:0;top:0;z-index:75;pointer-events:none;will-change:transform}.penutup-privasi{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--indigo);display:flex;align-items:center;justify-content:center}.layar-polos{min-height:100%;display:flex;flex-direction:column;gap:16px;max-width:440px;margin:0 auto;padding:calc(40px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 40px max(20px,env(safe-area-inset-left,0px))}.langkah{display:flex;gap:6px}.langkah span{flex:1;height:5px;border-radius:3px;background:var(--trek)}.langkah span.on{background:var(--indigo)}canvas.konfeti{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:65}html.tema-girls{--w50: #FFF4F8;--w100: #FFE1EC;--w200: #FBC6DA;--w300: #F49DBF;--w400: #E06F9C;--w500: #C44275;--w600: #A8386A;--w700: #862B54;--w800: #62203E;--w900: #3E1427;--sky: #F7A8C8;--pipit-badan: #F7A8C8;--pipit-sayap: #E58AB0;--pipit-sayap-jauh: #D0749C;--pipit-perut: #FFE9F2;--pipit-pipi: #FF8FB1;--pipit-paruh: var(--w600);--pipit-paruh-2: var(--w800);--pipit-mata: #3E1427}.pita-pipit{display:none}html.tema-girls .pita-pipit{display:inline}html.tema-girls body{background:#fff4f8}html.tema-girls .app:not(.fase-malam){--bg: #FFF4F8;--surface: #FFFFFF;--teks: #4A1F33;--redup: #8A5A70;--garis: #F5D9E4;--trek: #FBE3EC;--chip: #FFFFFF;--input: #FFF4F8;--link: #C2457A}html.tema-girls .app.fase-malam{--bg: #21121A;--surface: #301A25;--teks: #FBEAF1;--redup: #D9A9BF;--garis: #4A2838;--trek: #4A2838;--pita: #301A25;--pita-teks: #D9A9BF;--chip: #3D2230;--input: #3D2230;--near-bg: #5C2441;--aman-bg: #3D1F2E;--info-bg: #4A2838;--info-teks: #FFB3D1;--link: #FF9EC4;--indigo: #C2457A;--indigo-2: #A8386A}.kaki-aksi{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--surface);border-top:1px solid var(--garis);padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 20px #00000014}.kaki-aksi-isi{max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.kaki-aksi-isi .sub{font-size:13px}.kaki-aksi .tbl{height:54px;font-size:17px}.kaki-aksi .tbl:disabled{opacity:.55}.layar-baca{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--indigo);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 28px calc(24px + env(safe-area-inset-bottom,0px));text-align:center;animation:muncul-baca .25s ease-out}@keyframes muncul-baca{0%{opacity:0}to{opacity:1}}.kotak-pindai{position:relative;width:168px;height:168px;border-radius:32px;background:var(--indigo-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.kotak-pindai:before,.kotak-pindai:after{content:"";position:absolute;width:26px;height:26px;border:4px solid var(--aksen)}.kotak-pindai:before{top:12px;left:12px;border-right:none;border-bottom:none;border-radius:10px 0 0}.kotak-pindai:after{bottom:12px;right:12px;border-left:none;border-top:none;border-radius:0 0 10px}.pipit-baca{display:inline-block;animation:baca-kepala 1.3s ease-in-out infinite;transform-origin:50% 90%}@keyframes baca-kepala{0%,to{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-4px)}}.garis-pindai{position:absolute;left:10px;right:10px;height:3px;border-radius:2px;background:var(--aksen);box-shadow:0 0 14px 3px var(--aksen);animation:sapu 1.6s ease-in-out infinite alternate}@keyframes sapu{0%{top:14%}to{top:84%}}.persen-baca{font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1}.teks-baca{font-size:16px;font-weight:600}.titik-tiga i{font-style:normal;animation:titik 1.2s infinite;opacity:.2}.titik-tiga i:nth-child(2){animation-delay:.2s}.titik-tiga i:nth-child(3){animation-delay:.4s}@keyframes titik{30%{opacity:1}60%,to{opacity:.2}}.layar-baca .trek{background:#ffffff38}.layar-baca .isian{transition:width .35s ease-out}.sub-baca{font-size:13px;color:var(--di-kartu-redup);max-width:280px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}