@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(../media/lexend-latin-400-normal.1btqgq6a_l66v.woff2)format("woff2"),url(../media/lexend-latin-400-normal.43sdxf82t8swo.woff)format("woff")}
@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:500;src:url(../media/lexend-latin-500-normal.2qt-nfumx8a5y.woff2)format("woff2"),url(../media/lexend-latin-500-normal.1ls0znno9wefg.woff)format("woff")}
@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(../media/lexend-latin-600-normal.2ygncnxsiurn3.woff2)format("woff2"),url(../media/lexend-latin-600-normal.30u_1dyne40-f.woff)format("woff")}
@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:700;src:url(../media/lexend-latin-700-normal.3rs-88t7lerk8.woff2)format("woff2"),url(../media/lexend-latin-700-normal.1_bmroo753mfv.woff)format("woff")}
@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(../media/chakra-petch-latin-600-normal.34i55il26mb_0.woff2)format("woff2"),url(../media/chakra-petch-latin-600-normal.2-krwi0gdxr1j.woff)format("woff")}
@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(../media/chakra-petch-latin-700-normal.1s--kcv7ff0_e.woff2)format("woff2"),url(../media/chakra-petch-latin-700-normal.021qjwus5muiv.woff)format("woff")}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090d1c;--bg-2:#0f1530;--surface:#151c3d;--surface-hi:#1e2852;--line:#2f3b72;--line-soft:#232d5c;--line-strong:#7486c9;--text:#eef2ff;--text-dim:#aab5e0;--accent:#6d8dff;--accent-ink:#060a1c;--accent-hover:#8aa3ff;--field:#2f55f5;--field-ink:#fff;--field-dim:#eaeeff;--signal:#ffc247;--signal-ink:#1a1100;--ok:#4be3b0;--warn:#ffb020;--bad:#ff7b8b;--focus:#ffc247;--shadow:0 6px 0 -2px #00000059, 0 14px 26px -10px #0000008c;--font-ui:"Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Chakra Petch", "Lexend", system-ui, sans-serif;--chamfer:14px;--ease:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2ff;--bg-2:#e2e9ff;--surface:#fff;--surface-hi:#f4f6ff;--line:#aebaf0;--line-soft:#d2daf8;--line-strong:#5967a8;--text:#0b1230;--text-dim:#44508a;--accent:#2447e0;--accent-ink:#fff;--accent-hover:#1636b8;--field:#2447e0;--field-ink:#fff;--field-dim:#dbe2ff;--signal:#ffb81f;--signal-ink:#1a1100;--ok:#085f43;--warn:#8a5300;--bad:#b3182f;--focus:#0b1230;--shadow:0 5px 0 -2px #141e5a24, 0 12px 22px -10px #141e5a40}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2ff;--bg-2:#e2e9ff;--surface:#fff;--surface-hi:#f4f6ff;--line:#aebaf0;--line-soft:#d2daf8;--line-strong:#5967a8;--text:#0b1230;--text-dim:#44508a;--accent:#2447e0;--accent-ink:#fff;--accent-hover:#1636b8;--field:#2447e0;--field-ink:#fff;--field-dim:#dbe2ff;--signal:#ffb81f;--signal-ink:#1a1100;--ok:#085f43;--warn:#8a5300;--bad:#b3182f;--focus:#0b1230;--shadow:0 5px 0 -2px #141e5a24, 0 12px 22px -10px #141e5a40}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55}::selection{background:var(--signal);color:var(--signal-ink)}input,textarea{caret-color:var(--signal)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;line-height:1.12}h1{font-size:2.25rem}h2{font-size:1.5rem}h3{font-size:1.2rem}p{text-wrap:pretty;margin:0}a{color:var(--accent);text-underline-offset:.2em}a:hover{color:var(--accent-hover)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.panel{--edge:var(--line);background:var(--edge);clip-path:polygon(var(--chamfer) 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%, 0 var(--chamfer));padding:1px;display:block;position:relative}.panel>.panel-isi{background:var(--surface);height:100%;clip-path:polygon(calc(var(--chamfer) - 1px) 0, 100% 0, 100% calc(100% - var(--chamfer) + 1px), calc(100% - var(--chamfer) + 1px) 100%, 0 100%, 0 calc(var(--chamfer) - 1px));padding:1.25rem 1.4rem}.panel.medan{--edge:color-mix(in srgb, var(--field) 70%, white)}.panel.medan>.panel-isi{background:var(--field);color:var(--field-ink)}.panel.lembut>.panel-isi{background:var(--bg-2)}.tombol{--pad-y:.75rem;min-height:3rem;padding:var(--pad-y) 1.25rem;font:600 1rem/1.2 var(--font-ui);color:var(--accent-ink);background:var(--accent);cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:background-color .16s var(--ease), transform .16s var(--ease);border:0;justify-content:center;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.tombol:hover{background:var(--accent-hover);color:var(--accent-ink)}.tombol:active{transform:translateY(1px)}.tombol:disabled,.tombol[aria-disabled=true]{background:var(--line);color:var(--text-dim);cursor:not-allowed;transform:none}.tombol.sekunder{background:var(--surface-hi);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.tombol.sekunder:hover{background:var(--line-soft);color:var(--text)}.tombol.sinyal{background:var(--signal);color:var(--signal-ink)}.tombol.sinyal:hover{background:color-mix(in srgb, var(--signal) 85%, white);color:var(--signal-ink)}.tombol.besar{min-height:3.75rem;padding-inline:1.75rem;font-size:1.25rem}.tombol.kecil{min-height:2.5rem;padding:.4rem .9rem;font-size:.9rem}.isian{gap:.4rem;display:grid}.isian>label{font-size:.95rem;font-weight:500}.isian .petunjuk{color:var(--text-dim);font-size:.85rem}.kolom-teks{width:100%;min-height:3rem;font:500 1rem var(--font-ui);color:var(--text);background:var(--bg);border:1px solid var(--line-strong);border-radius:6px;padding:.6rem .85rem}.kolom-teks:hover{border-color:var(--accent)}.kolom-teks:disabled{opacity:.6}.pesan{border:1px solid;border-radius:6px;padding:.7rem .9rem;font-weight:500}.pesan.galat{color:var(--bad);border-color:var(--bad);background:color-mix(in srgb, var(--bad) 12%, transparent)}.pesan.ok{color:var(--ok);border-color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, transparent)}.dim{color:var(--text-dim)}.angka{font-variant-numeric:tabular-nums}.halaman{width:min(100% - 2rem,72rem);margin-inline:auto;padding-block:1.5rem 4rem}.bilah{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-block:.75rem;display:flex}.merek{font:700 1.15rem var(--font-display);color:var(--text);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.merek:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.pin-pad{gap:1rem;width:min(100%,22rem);margin-inline:auto;display:grid}.pin-titik{justify-content:center;gap:.75rem;min-height:1.5rem;display:flex}.pin-titik span{border:2px solid var(--line-strong);width:1.1rem;height:1.1rem;transition:background-color .12s var(--ease), border-color .12s var(--ease);transform:rotate(45deg)}.pin-titik span[data-isi=true]{background:var(--signal);border-color:var(--signal)}.pin-titik span[data-aktif=true]{border-color:var(--text)}.pin-pesan{min-height:3.2rem}.pin-tombol{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.pin-tombol button{min-height:4.25rem;font:600 1.75rem var(--font-ui);color:var(--text);background:var(--surface-hi);border:1px solid var(--line-strong);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);cursor:pointer;transition:background-color .12s var(--ease), transform .12s var(--ease);place-items:center;display:grid}.pin-tombol button:hover{background:var(--line-soft)}.pin-tombol button:active{transform:translateY(2px)}.pin-tombol button.masuk{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pin-tombol button.masuk:disabled{background:var(--line);border-color:var(--line);color:var(--text-dim);cursor:not-allowed}.pilih-anak{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.kartu-anak{color:var(--text);font:700 1.5rem var(--font-display);justify-items:center;gap:.75rem;padding:1.5rem 1rem;text-decoration:none;display:grid}.kartu-anak:hover{color:var(--text)}.kartu-anak:hover .panel,.pilih-anak li:hover .panel{--edge:var(--accent)}.pilih-anak .panel{transition:background-color .16s var(--ease)}.pilih-anak li{display:block}.pilih-anak a{color:inherit;text-decoration:none;display:block}.anak{align-content:start;gap:1.5rem;font-size:1.25rem;display:grid}.anak h1{font-size:clamp(2.25rem,4.5vw,3.25rem)}.anak .bilah{margin-bottom:0}.hero-anak{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;display:grid;padding:2rem 2.25rem!important}@media (max-width:48rem){.hero-anak{grid-template-columns:1fr;padding:1.5rem!important}}.kisi-anak{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}@media (max-width:48rem){.kisi-anak{grid-template-columns:1fr}}.pekan{grid-template-columns:repeat(7,1fr);align-self:center;gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.pekan li{justify-items:center;gap:.6rem;display:grid}.pekan .petak{border:2px solid color-mix(in srgb, var(--field-ink) 55%, transparent);width:2.6rem;height:2.6rem;transform:rotate(45deg)scale(.78)}.pekan li[data-ini=true] .petak{border-color:var(--field-ink);border-width:3px}.pekan li[data-masuk=true] .petak{background:var(--signal);border-color:var(--signal)}.pekan li[data-depan=true] .petak{opacity:.6;border-style:dashed}.pekan .nama-hari{color:var(--field-dim);font-size:.95rem;font-weight:600}@keyframes pindai{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.pindai{animation:pindai .7s var(--ease) both}.ortu{align-content:start;gap:1.25rem;display:grid}.ortu .bilah{margin-bottom:0}.kisi-ortu{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.kol{align-content:start;gap:1.25rem;display:grid}@media (max-width:56rem){.kisi-ortu{grid-template-columns:1fr}.kol{display:contents}}.daftar{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.daftar>li{border-bottom:1px solid var(--line-soft);gap:.6rem;padding-bottom:.9rem;display:grid}.daftar>li:last-child{border-bottom:0;padding-bottom:0}.baris-anak{align-items:center;gap:.9rem;display:flex}.baris-perangkat{align-items:center;gap:.75rem;display:flex!important}details>summary{cursor:pointer;color:var(--accent);align-items:center;gap:.4rem;padding:.35rem 0;font-weight:600;display:inline-flex}details[open]>summary{margin-bottom:.75rem}.dua-kolom{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.9rem;display:grid}.tabel-bungkus{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--line-soft);white-space:nowrap;padding:.55rem .75rem .55rem 0}th{color:var(--text-dim);font-weight:500}.pilih-avatar{border:0;margin:0;padding:0}.pilih-avatar legend{margin-bottom:.4rem;padding:0;font-weight:500}.pilih-avatar>div{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem;display:grid}.pilih-avatar label{display:block;position:relative}.pilih-avatar input{opacity:0;cursor:pointer;position:absolute;inset:0}.pilih-avatar .sel{border:2px solid var(--line);border-radius:8px;justify-items:center;gap:.2rem;padding:.5rem .25rem;font-size:.85rem;display:grid}.pilih-avatar input:checked+.sel{border-color:var(--signal);background:var(--surface-hi)}.pilih-avatar input:focus-visible+.sel{outline:3px solid var(--focus);outline-offset:2px}@media (max-width:34rem){.teks-lebar{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bilah{gap:.5rem}}.pekan{position:relative}.pekan:before{content:"";background:color-mix(in srgb, var(--field-ink) 35%, transparent);height:2px;position:absolute;top:1.3rem;left:7.14286%;right:7.14286%}.pekan li{position:relative}.pekan .petak{background:var(--field)}.pekan li[data-masuk=true] .petak{background:var(--signal)}.panel.medan>.panel-isi{position:relative}.panel.medan>.panel-isi:after{content:"";border-right:2px solid color-mix(in srgb, var(--field-ink) 55%, transparent);border-bottom:2px solid color-mix(in srgb, var(--field-ink) 55%, transparent);pointer-events:none;width:1.1rem;height:1.1rem;position:absolute;bottom:1.35rem;right:.9rem}.chat{align-content:start;gap:1rem;display:grid}.chat .bilah{margin-bottom:0}.daftar-chat{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.daftar-chat a.panel{color:var(--text);text-decoration:none}.daftar-chat a.panel:hover{--edge:var(--accent);color:var(--text)}.baris-thread{align-items:center;gap:1rem;display:flex!important}.baris-thread>span:nth-child(2){flex:1;display:grid}.potong{text-overflow:ellipsis;white-space:nowrap;font-size:.95em;overflow:hidden}.lencana{background:var(--signal);min-width:2rem;height:2rem;color:var(--signal-ink);font:700 .95rem var(--font-ui);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);place-items:center;padding-inline:.5rem;display:grid}.ruang-chat{gap:.75rem;display:grid}.daftar-pesan{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;align-content:start;gap:.6rem;height:min(60dvh,34rem);padding:.9rem;display:grid;overflow-y:auto}.daftar-pesan .kosong{place-self:center}.baris-pesan{display:flex}.baris-pesan[data-saya=true]{justify-content:flex-end}.gelembung{background:var(--surface-hi);max-width:min(32rem,88%);color:var(--text);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);gap:.15rem;padding:.55rem .85rem .4rem;display:grid}.gelembung[data-saya=true]{background:var(--accent);color:var(--accent-ink)}.gelembung .pengirim{color:var(--text-dim);font-size:.8rem;font-weight:600}.gelembung .isi-pesan{white-space:pre-wrap;overflow-wrap:anywhere}.gelembung time{opacity:.8;justify-self:end;font-size:.75rem}.penulis{grid-template-columns:1fr auto;align-items:end;gap:.6rem;display:grid}.penulis textarea{resize:none;min-height:3.75rem}.chat.anak .gelembung,.chat.anak .penulis textarea{font-size:1.2rem}.chip-misi{color:var(--text-dim);font-size:.9rem;font-weight:600}.panel.medan .chip-misi{color:var(--field-dim)}.daftar-misi{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.kartu-misi{color:var(--text);background:var(--surface-hi);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);gap:.15rem;min-height:4rem;padding:.8rem 1rem;text-decoration:none;display:grid}.kartu-misi:hover{background:var(--line-soft);color:var(--text)}.kartu-misi[data-status=diulang] .dim{color:var(--warn)}.langkah-misi{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.langkah-misi label{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:6px;grid-template-columns:auto 1fr;align-items:start;gap:1rem;min-height:4rem;padding:.9rem 1rem;display:grid;position:relative}.langkah-misi input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.langkah-misi input:focus-visible+.kotak{outline:3px solid var(--focus);outline-offset:3px}.langkah-misi .kotak{border:2px solid var(--line-strong);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:var(--bg);place-items:center;width:2.2rem;height:2.2rem;display:grid;transform:rotate(0)}.langkah-misi li[data-selesai=true] .kotak{background:var(--signal);border-color:var(--signal);color:var(--signal-ink)}.langkah-misi li[data-selesai=true] label{border-color:var(--signal)}.langkah-misi .teks-langkah{gap:.1rem;font-size:1.25rem;display:grid}.langkah-misi .no{color:var(--text-dim);font-size:.85rem;font-weight:600}.kartu-ortu-misi{border-bottom:1px solid var(--line-soft);gap:.6rem;padding-bottom:1rem;display:grid}.kartu-ortu-misi:last-child{border-bottom:0}.kartu-ortu-misi ol{margin:0;padding-left:1.3rem}.aksi-baris{flex-wrap:wrap;align-items:end;gap:.6rem;display:flex}.kode-token{overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9rem;display:block}.saldo-isi{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.5rem;display:grid;padding:1.75rem 2rem!important}.angka-saldo{font:700 2.4rem/1.1 var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums}