:root{--malam:#0f1b2d;--malam-naik:#17263d;--malam-tepi:#24374f;--kapur:#eef2f7;--kabut:#93a6c0;--kabut-redup:#64789a;--organik:#2fbf71;--anorganik:#f5c518;--telat:#ff6b5a;--telat-redam:#3a1f1f;--radius:4px;--tap:48px;--mono:ui-monospace, "Roboto Mono", "DroidSansMono", "Courier New", monospace;--teks:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--malam);color:var(--kapur);font-family:var(--teks);touch-action:manipulation;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,p{margin:0}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}:focus-visible{outline:2px solid var(--kapur);outline-offset:3px}.layar{max-width:32rem;min-height:100%;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.bar-atas{border-bottom:1px solid var(--malam-tepi);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.merek{letter-spacing:.14em;text-transform:uppercase;color:var(--kabut);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;display:flex}.merek:before{content:"";background:var(--organik);border-radius:50%;width:7px;height:7px}.isi{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--kabut-redup);font-size:.6875rem;font-weight:700}.papan{border:1px solid var(--malam-tepi);border-radius:var(--radius);background:var(--malam-naik);text-align:center;padding:1.5rem 1.25rem 1.25rem}.papan[data-fase=mendesak]{border-color:color-mix(in srgb, var(--telat) 45%, var(--malam-tepi))}.papan[data-fase=telat]{border-color:var(--telat);background:linear-gradient(180deg, var(--telat-redam), var(--malam-naik) 70%)}.segmen{justify-content:center;align-items:center;gap:.3125rem;margin:.875rem 0 .5rem;display:flex}.keping{background:var(--malam);border:1px solid var(--malam-tepi);min-width:2.75rem;font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;border-radius:3px;padding:.5rem 0;font-size:2.5rem;font-weight:700;line-height:1}.pemisah{font-family:var(--mono);color:var(--kabut-redup);padding-bottom:.25rem;font-size:2rem;font-weight:700}.papan[data-fase=peringatan] .keping{color:var(--anorganik);border-color:color-mix(in srgb, var(--anorganik) 35%, var(--malam-tepi))}.papan[data-fase=mendesak] .keping{color:var(--telat);border-color:color-mix(in srgb, var(--telat) 45%, var(--malam-tepi));animation:1s steps(2,end) infinite denyut}.papan[data-fase=telat] .keping{color:var(--telat);border-color:color-mix(in srgb, var(--telat) 50%, var(--malam-tepi))}@keyframes denyut{50%{opacity:.55}}.satuan{letter-spacing:.12em;text-transform:uppercase;color:var(--kabut-redup);justify-content:center;gap:.3125rem;font-size:.625rem;display:flex}.satuan span{min-width:2.75rem}.track{margin-top:1.125rem}.track-alur{background:var(--malam);border-radius:2px;height:3px;overflow:hidden}.track-isi{background:var(--kabut-redup);height:100%;transition:width 1s linear}.papan[data-fase=peringatan] .track-isi{background:var(--anorganik)}.papan[data-fase=mendesak] .track-isi,.papan[data-fase=telat] .track-isi{background:var(--telat)}.track-label{font-family:var(--mono);color:var(--kabut-redup);justify-content:space-between;margin-top:.4375rem;font-size:.6875rem;display:flex}.papan-pesan{color:var(--kabut);margin-top:.875rem;font-size:.875rem}.papan[data-fase=telat] .papan-pesan{color:var(--telat)}.papan-tutup{font-family:var(--mono);letter-spacing:.02em;margin:1rem 0 .5rem;font-size:1.75rem;font-weight:700}.aksi{background:var(--kapur);width:100%;min-height:3.75rem;color:var(--malam);border-radius:var(--radius);letter-spacing:.01em;justify-content:center;align-items:center;gap:.625rem;font-size:1.0625rem;font-weight:700;transition:transform 80ms;display:flex}.aksi:active{transform:scale(.985)}.aksi:disabled{opacity:.4;cursor:not-allowed}.aksi[data-varian=telat]{color:var(--telat);border:1px solid var(--telat);background:0 0}.aksi[data-varian=sunyi]{color:var(--kapur);border:1px solid var(--malam-tepi);min-height:var(--tap);background:0 0;font-size:.9375rem;font-weight:600}.aksi-catatan{text-align:center;color:var(--kabut-redup);margin-top:.5rem;font-size:.75rem}.statistik{background:var(--malam-tepi);border:1px solid var(--malam-tepi);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.stat{background:var(--malam-naik);padding:.875rem 1rem}.stat-nilai{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--kabut-redup);margin-top:.125rem;font-size:.6875rem}.kartu{border:1px solid var(--malam-tepi);border-radius:var(--radius);background:var(--malam-naik);padding:1rem 1.125rem}.kartu-peringatan{border-color:color-mix(in srgb, var(--anorganik) 40%, var(--malam-tepi));background:color-mix(in srgb, var(--anorganik) 8%, var(--malam-naik))}.hasil{text-align:center;border:1px solid var(--malam-tepi);border-radius:var(--radius);background:var(--malam-naik);padding:1.5rem 1.25rem}.hasil[data-jenis=ORGANIK]{border-color:var(--organik)}.hasil[data-jenis=ANORGANIK]{border-color:var(--anorganik)}.hasil-label{letter-spacing:.02em;margin:.375rem 0;font-size:1.875rem;font-weight:800}.hasil[data-jenis=ORGANIK] .hasil-label{color:var(--organik)}.hasil[data-jenis=ANORGANIK] .hasil-label{color:var(--anorganik)}.hasil-keyakinan{font-family:var(--mono);color:var(--kabut);font-size:.8125rem}.instruksi{border-top:1px solid var(--malam-tepi);margin-top:1.125rem;padding-top:1.125rem;font-size:1rem;line-height:1.45}.instruksi strong{font-weight:800}.instruksi[data-warna=HIJAU] strong{color:var(--organik)}.instruksi[data-warna=KUNING] strong{color:var(--anorganik)}.bingkai-kamera{aspect-ratio:3/4;border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.bingkai-kamera video,.bingkai-kamera canvas{object-fit:cover;width:100%;height:100%;display:block}.pemandu{border-radius:var(--radius);pointer-events:none;border:2px dashed #eef2f766;position:absolute;top:14%;bottom:14%;left:14%;right:14%}.pemandu-teks{text-align:center;color:var(--kapur);text-shadow:0 1px 4px #000000e6;pointer-events:none;font-size:.8125rem;position:absolute;bottom:1rem;left:0;right:0}.daftar{background:var(--malam-tepi);border:1px solid var(--malam-tepi);border-radius:var(--radius);flex-direction:column;gap:1px;display:flex;overflow:hidden}.baris{background:var(--malam-naik);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.baris-kiri{min-width:0}.baris-judul{white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.baris-meta{font-family:var(--mono);color:var(--kabut-redup);margin-top:.125rem;font-size:.75rem}.baris-poin{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.0625rem;font-weight:700}.baris-poin[data-positif=true]{color:var(--organik)}.baris-poin[data-positif=false]{color:var(--kabut-redup)}.lencana{letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:3px;align-items:center;gap:.3125rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.lencana[data-nada=tepat]{color:var(--organik)}.lencana[data-nada=telat]{color:var(--telat)}.lencana[data-nada=netral]{color:var(--kabut-redup)}.bidang{margin-bottom:1rem;display:block}.bidang-label{letter-spacing:.1em;text-transform:uppercase;color:var(--kabut);margin-bottom:.375rem;font-size:.75rem;font-weight:700;display:block}.bidang input{width:100%;min-height:var(--tap);background:var(--malam);border:1px solid var(--malam-tepi);border-radius:var(--radius);color:var(--kapur);padding:0 .875rem;font-family:inherit;font-size:1rem}.bidang input:focus{border-color:var(--kabut);outline:none}.bidang-galat{color:var(--telat);margin-top:.375rem;font-size:.8125rem}.notif{border-radius:var(--radius);border:1px solid;padding:.875rem 1rem;font-size:.9375rem;line-height:1.45}.notif[data-nada=galat]{color:var(--telat);border-color:color-mix(in srgb, var(--telat) 45%, var(--malam-tepi));background:color-mix(in srgb, var(--telat) 8%, var(--malam-naik))}.notif[data-nada=info]{color:var(--kabut);border-color:var(--malam-tepi);background:var(--malam-naik)}.nav{border-top:1px solid var(--malam-tepi);background:var(--malam);display:flex;position:sticky;bottom:0}.nav a{min-height:3.5rem;color:var(--kabut-redup);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.1875rem;font-size:.6875rem;font-weight:600;text-decoration:none;display:flex}.nav a[aria-current=page]{color:var(--kapur);box-shadow:inset 0 2px 0 var(--kapur)}.nav-ikon{font-size:1.125rem;line-height:1}.antrean{font-family:var(--mono);color:var(--anorganik);align-items:center;gap:.5rem;font-size:.6875rem;display:flex}.antrean:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.qr-bingkai{border-radius:var(--radius);background:#fff;place-items:center;padding:1rem;display:grid}.qr-bingkai svg{width:100%;max-width:15rem;height:auto}.memuat{color:var(--kabut-redup);place-items:center;padding:3rem 1rem;font-size:.875rem;display:grid}.kosong{text-align:center;color:var(--kabut-redup);padding:2.5rem 1.25rem;font-size:.9375rem;line-height:1.5}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}