:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--latar:oklch(17% .008 78);--permukaan:oklch(21.5% .008 78);--permukaan-2:oklch(26.2% .01 78);--garis:oklch(32% .01 78);--garis-tegas:oklch(44% .012 78);--tinta:oklch(96% .004 78);--tinta-redup:oklch(76% .012 78);--tinta-samar:oklch(64% .012 78);--aksen:oklch(80% .155 78);--aksen-tinta:oklch(20% .03 78);--aksen-redup:oklch(62% .13 78);--aksen-latar:oklch(28% .05 78);--bahaya:oklch(72% .17 25);--bahaya-latar:oklch(27% .07 25);--bahaya-garis:oklch(45% .13 25);--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--t-xs:.75rem;--t-sm:.8125rem;--t-base:.9375rem;--t-md:1rem;--t-lg:1.125rem;--t-xl:1.375rem;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-sm:6px;--r:10px;--r-lg:14px;--z-sticky:20;--z-modal:40;--z-toast:50;--z-tooltip:60;--ease:cubic-bezier(.25, 1, .5, 1);--d-fast:.12s;--d:.18s;--d-slow:.24s}*{box-sizing:border-box}body{font-family:var(--font);font-size:var(--t-base);color:var(--tinta);background:var(--latar);-webkit-font-smoothing:antialiased;margin:0}.wrap{max-width:640px;padding:var(--s4);margin:0 auto}h1,h2,h3{text-wrap:balance;margin:0}h1{font-size:var(--t-xl);letter-spacing:-.02em;font-weight:800}h2{font-size:var(--t-lg);letter-spacing:-.01em;margin-bottom:var(--s3);font-weight:700}h1+h2{margin-top:var(--s2)}.wrap>h1:first-child{margin-top:var(--s6)}.baris-atas{justify-content:space-between;align-items:center;gap:var(--s4);padding-top:var(--s5);padding-bottom:var(--s2);flex-wrap:wrap;display:flex}.nav{gap:var(--s1);background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r);padding:var(--s1);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.nav .polos{padding:var(--s2) var(--s3);border-radius:var(--r-sm);min-height:44px;font-size:var(--t-sm);font-weight:500}.nav-aktif{background:var(--permukaan-2);color:var(--tinta);font-weight:600}.stack{gap:var(--s2);margin-bottom:var(--s5);flex-direction:column;display:flex}label{font-size:var(--t-sm);color:var(--tinta-redup);font-weight:500}input,select,textarea{font-family:inherit;font-size:var(--t-md);color:var(--tinta);padding:var(--s3);border:1px solid var(--garis);border-radius:var(--r);background:var(--permukaan);min-height:44px;transition:border-color var(--d) var(--ease), background var(--d) var(--ease)}input::placeholder,textarea::placeholder{color:var(--tinta-samar)}input:hover,select:hover,textarea:hover{border-color:var(--garis-tegas)}textarea{width:100%;font-size:var(--t-base);resize:vertical;line-height:1.55}:where(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--aksen);outline-offset:2px}button{font-family:inherit;font-size:var(--t-base);padding:var(--s3) var(--s4);border-radius:var(--r);background:var(--aksen);color:var(--aksen-tinta);cursor:pointer;min-height:44px;transition:background var(--d-fast) var(--ease), transform var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease), color var(--d-fast) var(--ease);border:1px solid #0000;font-weight:600}button:hover:not(:disabled){background:oklch(86% .155 78)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{background:var(--permukaan-2);color:var(--tinta-samar);cursor:default}button.polos{color:var(--tinta-redup);padding:var(--s2) var(--s3);background:0 0;font-weight:500}button.polos:hover:not(:disabled){background:var(--permukaan-2);color:var(--tinta)}button.polos:disabled{color:var(--tinta-samar);background:0 0}button.kedua{border-color:var(--garis-tegas);color:var(--tinta);background:0 0}button.kedua:hover:not(:disabled){background:var(--permukaan-2);border-color:var(--tinta-samar)}.meta,.cache-note,.hitung{font-size:var(--t-sm);color:var(--tinta-redup);margin:0}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.9em}.teks{font-size:var(--t-base);white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty;margin:0;line-height:1.55}.induk{padding:var(--s2) 0 var(--s5);border-bottom:1px solid var(--garis);margin-bottom:var(--s4)}.induk-teks{font-size:var(--t-lg);letter-spacing:-.01em;margin:0 0 var(--s3);white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty;font-weight:600;line-height:1.45}.induk-kaki{gap:var(--s3);font-size:var(--t-sm);color:var(--tinta-redup);flex-wrap:wrap;align-items:baseline;display:flex}.induk-penulis{font-family:var(--mono);color:var(--tinta);font-weight:600}.komentar-hitung{justify-content:space-between;align-items:baseline;gap:var(--s3);margin-bottom:var(--s2);flex-wrap:wrap;display:flex}.daftar{border-top:1px solid var(--garis);margin-bottom:var(--s5);flex-direction:column;display:flex}.baris{text-align:left;border:0;border-bottom:1px solid var(--garis);width:100%;padding:var(--s3) var(--s2);color:var(--tinta);transition:background var(--d-fast) var(--ease);background:0 0;border-radius:0;font-weight:400;display:block}.baris:hover:not(:disabled){background:var(--permukaan)}.baris:focus-visible{outline-offset:-2px}.baris[aria-pressed=true]{background:var(--aksen-latar)}.baris[aria-pressed=true] .handle{color:var(--aksen)}.baris-kepala{gap:var(--s2);margin-bottom:var(--s1);flex-wrap:wrap;align-items:baseline;display:flex}.handle{font-family:var(--mono);font-size:var(--t-sm);color:var(--tinta);font-weight:600}.baris-meta{font-family:var(--mono);font-size:var(--t-xs);color:var(--tinta-redup);font-variant-numeric:tabular-nums}.baris-teks{font-size:var(--t-base);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;display:block}.badge{font-size:var(--t-xs);color:var(--aksen);border:1px solid var(--aksen-redup);padding:1px var(--s2);white-space:nowrap;border-radius:999px;font-weight:600}.chips{gap:var(--s2);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.chip{align-items:baseline;gap:var(--s2);background:var(--permukaan);color:var(--tinta-redup);border:1px solid var(--garis);padding:var(--s2) var(--s3);font-weight:500;display:flex}.chip:hover:not(:disabled){background:var(--permukaan-2);color:var(--tinta);border-color:var(--garis-tegas)}.chip-aktif,.chip-aktif:hover:not(:disabled){background:var(--aksen-latar);border-color:var(--aksen-redup);color:var(--tinta);font-weight:600}.chip-handle{font-family:var(--mono);font-size:var(--t-xs);color:var(--tinta-redup)}.chip-aktif .chip-handle{color:var(--aksen)}.blokir{background:var(--bahaya-latar);border:1px solid var(--bahaya-garis);border-radius:var(--r);padding:var(--s4);margin:0 0 var(--s3)}.blokir-judul{font-size:var(--t-lg);color:var(--bahaya);margin:0 0 var(--s2);letter-spacing:-.01em;text-wrap:balance;font-weight:800}.blokir p{font-size:var(--t-base);color:var(--tinta);margin:0;line-height:1.5}.pelanggaran{font-size:var(--t-sm);color:var(--bahaya);border:1px solid var(--bahaya-garis);border-radius:var(--r-sm);padding:var(--s2) var(--s3);margin:0}.konteks{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r);padding:var(--s3);font-size:var(--t-sm);color:var(--tinta-redup);margin:0}.konteks p{margin:0 0 var(--s2)}.konteks p:last-child{margin-bottom:0}.konteks .teks{color:var(--tinta);font-size:var(--t-base)}.error{color:var(--bahaya);font-size:var(--t-base);background:var(--bahaya-latar);border:1px solid var(--bahaya-garis);border-radius:var(--r);padding:var(--s3);margin:0 0 var(--s3);line-height:1.5}.penilaian{font-size:var(--t-sm);color:var(--tinta-redup);padding:var(--s3);border:1px solid var(--garis);border-left:1px solid var(--garis);border-radius:var(--r);background:var(--permukaan);margin:0;line-height:1.5}.penilaian strong{color:var(--tinta)}.penilaian-buruk{color:var(--bahaya);border-color:var(--bahaya-garis);background:var(--bahaya-latar)}.pola-baris{margin:0 0 var(--s2)}.pola-baris:last-child{margin-bottom:0}.drafts{gap:var(--s5);flex-direction:column;display:flex}.draft{border:1px solid var(--garis);border-radius:var(--r-lg);background:var(--permukaan);padding:var(--s3);gap:var(--s2);animation:draft-masuk var(--d-slow) var(--ease) both;flex-direction:column;display:flex}.draft-terpilih{border-color:var(--aksen-redup)}.draft-kepala{justify-content:space-between;align-items:center;gap:var(--s2);display:flex}.draft-nomor{font-family:var(--mono);font-size:var(--t-sm);color:var(--tinta-samar);font-variant-numeric:tabular-nums;font-weight:700}.draft-terpilih .draft-nomor{color:var(--aksen)}.draft textarea{background:var(--latar)}.baris-tombol{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.cek{gap:var(--s2);font-size:var(--t-sm);color:var(--tinta-redup);cursor:pointer;align-items:center;min-height:44px;display:flex}.cek input{width:18px;height:18px;min-height:0;accent-color:var(--aksen)}@keyframes draft-masuk{0%{opacity:0;transform:translateY(6px)}}.skeleton{border:1px solid var(--garis);border-radius:var(--r-lg);background:var(--permukaan);padding:var(--s3);gap:var(--s2);flex-direction:column;display:flex}.skeleton-baris{border-radius:var(--r-sm);background:var(--permukaan-2);height:12px;animation:1.4s ease-in-out infinite denyut}.skeleton-baris:nth-child(2){animation-delay:.1s}.skeleton-baris:nth-child(3){width:70%;animation-delay:.2s}@keyframes denyut{50%{opacity:.45}}.kosong{border:1px dashed var(--garis);border-radius:var(--r-lg);padding:var(--s5) var(--s4);color:var(--tinta-redup);font-size:var(--t-base);margin:0;line-height:1.55}.kosong strong{color:var(--tinta);font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}