:root{--latar: #f4f6f8;--kartu: #ffffff;--tinta: #0b1220;--redup: #55677d;--garis: #d5dce5;--utama: #0364a4;--utama-tinta: #ffffff;--baik: #04684b;--hati: #9a5300;--hati-latar: #fff4e2;--bahaya: #a8161b;--bahaya-latar: #fdecec;--sentuh: 56px;--sentuh-besar: 68px;--sudut: 14px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--latar: #0b1220;--kartu: #16202f;--tinta: #f2f6fa;--redup: #9fb0c4;--garis: #2b3a4e;--utama: #3ba3e0;--utama-tinta: #05121d;--baik: #3ddca4;--hati: #f0b054;--hati-latar: #3a2a10;--bahaya: #ff8a85;--bahaya-latar: #3d1517}}:root[data-theme=dark]{--latar: #0b1220;--kartu: #16202f;--tinta: #f2f6fa;--redup: #9fb0c4;--garis: #2b3a4e;--utama: #3ba3e0;--utama-tinta: #05121d;--baik: #3ddca4;--hati: #f0b054;--hati-latar: #3a2a10;--bahaya: #ff8a85;--bahaya-latar: #3d1517}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--latar);color:var(--tinta);font:17px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior-y:contain}button{font:inherit;color:inherit;cursor:pointer}.aplikasi{max-width:560px;margin:0 auto;height:100dvh;display:flex;flex-direction:column}.bilah{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--kartu);border-bottom:1px solid var(--garis)}.bilah h1{font-size:17px;margin:0;font-weight:650;letter-spacing:-.01em}.bilah .sisa{margin-left:auto;display:flex;align-items:center;gap:8px}.lencana{font-size:13px;font-weight:650;padding:5px 10px;border-radius:999px;border:1px solid var(--garis);white-space:nowrap}.lencana.luring{background:var(--hati-latar);color:var(--hati);border-color:currentColor}.lencana.antre{background:var(--utama);color:var(--utama-tinta);border-color:transparent}.lencana.bersih{color:var(--baik);border-color:currentColor}.tombol-teks{background:none;border:1px solid var(--garis);border-radius:10px;min-height:40px;padding:0 12px;font-size:14px;font-weight:600}.isi{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px;display:flex;flex-direction:column;gap:12px}.kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--sudut);padding:14px}.kartu>h2{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--redup)}.kartu.perlu{border-color:var(--hati)}.jaring-petak{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.petak{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:92px;padding:12px;background:var(--kartu);color:var(--tinta);border:1.5px solid var(--garis);border-radius:var(--sudut);text-align:left}.petak:active{transform:scale(.98)}.petak .kode{font-size:26px;font-weight:750;letter-spacing:-.02em}.petak .rinci{font-size:13px;color:var(--redup)}.petak.tuntas{border-color:var(--baik)}.petak.tuntas .tanda{color:var(--baik);font-weight:700;font-size:13px}.petak.kosong{opacity:.5}.baris-cip{display:flex;flex-wrap:wrap;gap:8px}.cip{min-height:50px;min-width:60px;padding:0 14px;background:var(--latar);border:1.5px solid var(--garis);border-radius:12px;font-weight:650;font-variant-numeric:tabular-nums}.cip.pilih{background:var(--utama);color:var(--utama-tinta);border-color:var(--utama)}.cip.lebar{flex:1}.stepper{display:flex;align-items:stretch;gap:10px}.stepper button{width:var(--sentuh-besar);min-height:var(--sentuh-besar);font-size:30px;font-weight:400;line-height:1;background:var(--latar);border:1.5px solid var(--garis);border-radius:12px}.stepper button:active{background:var(--utama);color:var(--utama-tinta)}.stepper .nilai{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px solid var(--garis);border-radius:12px;background:var(--latar)}.stepper .nilai b{font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stepper .nilai small{font-size:12px;color:var(--redup)}.stepper .nilai.belum b{color:var(--redup)}.jejak-default{font-size:13px;color:var(--redup);margin-top:8px}.jejak-default b{color:var(--tinta);font-variant-numeric:tabular-nums}.temuan{display:flex;flex-direction:column;gap:6px;margin-top:10px}.temuan p{margin:0;font-size:14px;padding:9px 11px;border-radius:10px;display:flex;gap:8px;align-items:flex-start}.temuan p.peringatan{background:var(--hati-latar);color:var(--hati)}.temuan p.blokir{background:var(--bahaya-latar);color:var(--bahaya);font-weight:600}.aksi{position:sticky;bottom:-14px;z-index:5;margin:0 -14px -14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--kartu);border-top:1px solid var(--garis);display:flex;gap:10px;align-items:center}.simpan{flex:1;min-height:var(--sentuh-besar);background:var(--utama);color:var(--utama-tinta);border:none;border-radius:var(--sudut);font-size:19px;font-weight:700}.simpan:disabled{background:var(--garis);color:var(--redup)}.simpan.kunci{background:var(--bahaya)}.kembali{min-width:var(--sentuh-besar);min-height:var(--sentuh-besar);background:var(--latar);border:1.5px solid var(--garis);border-radius:var(--sudut);font-size:22px}.jam{font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;padding:5px 10px;border-radius:999px;border:1px solid var(--garis);min-width:62px;text-align:center}.jam.lewat{background:var(--bahaya-latar);color:var(--bahaya);border-color:currentColor}.jam.aman{background:var(--kartu);color:var(--baik);border-color:currentColor}.ringkas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ringkas div{background:var(--latar);border:1px solid var(--garis);border-radius:12px;padding:10px;text-align:center}.ringkas b{display:block;font-size:24px;font-variant-numeric:tabular-nums}.ringkas span{font-size:12px;color:var(--redup)}table.ukur{width:100%;border-collapse:collapse;font-size:14px;margin-top:4px}table.ukur th,table.ukur td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--garis);font-variant-numeric:tabular-nums}table.ukur th{font-size:12px;color:var(--redup);text-transform:uppercase;letter-spacing:.05em}table.ukur td.lewat{color:var(--bahaya);font-weight:650}.sunyi{color:var(--redup);font-size:14px;margin:0}.pesan-kirim{font-size:13px;color:var(--redup);margin:8px 0 0}.medan{width:100%;min-height:var(--sentuh);font:inherit;color:inherit;padding:0 12px;border-radius:12px;border:1.5px solid var(--garis);background:var(--latar)}.medan:focus-visible{outline:3px solid var(--utama);outline-offset:1px}button:focus-visible,.cip:focus-visible,.petak:focus-visible{outline:3px solid var(--utama);outline-offset:2px}