@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-latin-400-normal.1-h52z97c7bce.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-400-normal.0fuh4fyjfo9ap.woff)format("woff")}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-latin-500-normal.2broe1i9movoa.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-500-normal.0f8eq302mdpld.woff)format("woff")}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-latin-600-normal.11xxlm8n0_7w8.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-600-normal.0o-mv26yr1hzk.woff)format("woff")}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-400-normal.19gbeb610ur4n.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-400-normal.3nj-glub930lh.woff)format("woff")}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-latin-500-normal.25_05y-blbp24.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-500-normal.20ixcot5hpnm-.woff)format("woff")}
@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-400-normal.2zo21yor93qdc.woff2)format("woff2"),url(../media/instrument-serif-latin-400-normal.1tckdf9uwvrm7.woff)format("woff")}
@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-400-italic.3bg-hzmj1g17f.woff2)format("woff2"),url(../media/instrument-serif-latin-400-italic.3im7aav-gdfim.woff)format("woff")}
:root{--font-sans:"IBM Plex Sans";--font-mono:"IBM Plex Mono";--font-serif:"Instrument Serif";--bg:#0e1116;--bg-2:#0b0e12;--card:#161b23;--garis:#1e242d;--garis-2:#2c333e;--teks:#e8e6e1;--teks-2:#b4bcc6;--redup:#9aa3ae;--redup-2:#8a939e;--emas:#e3b95c;--biru:#7fa7e8;--abu:#b4bcc6;--hijau:#8fd3a0;--merah:#f08c7a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--teks);margin:0}body{font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--emas)}a:hover{color:#f2d38f}button{font:inherit}.shell{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.isi{flex:auto;padding:48px 20px 110px}.serif{font-family:var(--font-serif), serif;font-weight:400}.mono{font-family:var(--font-mono), monospace}.redup{color:var(--redup)}.kecil{font-size:12px}.h1{margin:0;font-size:32px;line-height:1.1}.h2{margin:24px 0 10px;font-size:17px;font-weight:600}.label-seksi{letter-spacing:1px;text-transform:uppercase;color:var(--redup);margin:24px 0 10px;font-size:13px;font-weight:500}.kartu{background:var(--card);border-radius:18px;padding:16px}.kartu-daftar{background:var(--card);border-radius:18px;overflow:hidden}.baris{border-bottom:1px solid var(--garis);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;display:flex}.baris:last-child{border-bottom:0}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pil{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.pil-ok{color:var(--hijau);background:#13241a}.pil-mati{color:var(--merah);background:#2a1714}.titik{background:currentColor;border-radius:50%;width:7px;height:7px;display:inline-block}.tombol{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:52px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.tombol-emas{background:var(--emas);color:#14110a}.tombol-emas:hover{color:#14110a;filter:brightness(1.05)}.tombol-garis{color:var(--teks);background:0 0;border:1px solid #3a4250}.chip{cursor:pointer;border:1px solid var(--garis-2);min-height:40px;color:var(--teks-2);background:0 0;border-radius:999px;flex:none;padding:0 16px;font-size:14px}.chip[aria-pressed=true]{border-color:var(--emas);background:var(--emas);color:#14110a;font-weight:600}.badge{border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.input{border:1px solid var(--garis-2);background:var(--card);min-height:52px;color:var(--teks);font:inherit;border-radius:14px;width:100%;padding:0 16px;font-size:16px}.input:focus{outline:2px solid var(--emas);outline-offset:1px}.navbawah{background:var(--bg-2);border-top:1px solid var(--garis);padding:8px 8px calc(12px + env(safe-area-inset-bottom));z-index:10;position:fixed;bottom:0;left:0;right:0}.navbawah-dalam{grid-template-columns:repeat(4,minmax(0,1fr));max-width:480px;margin:0 auto;display:grid}.navbawah a{min-height:52px;color:var(--redup);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:flex}.navbawah a[aria-current=page]{color:var(--emas);font-weight:600}.sheet-latar{z-index:20;background:#05070ab3;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:480px;padding:12px 20px calc(28px + env(safe-area-inset-bottom));background:var(--card);border-radius:24px 24px 0 0;max-height:85dvh;margin:0 auto;overflow-y:auto}.batang{background:var(--bg);border-radius:5px;height:10px;display:flex;overflow:hidden}