.tirai[data-v-1ff05061]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#12171b73;opacity:0;pointer-events:none;transition:opacity var(--dur-short) var(--ease-out)}.tirai--tampil[data-v-1ff05061]{opacity:1;pointer-events:auto}.laci[data-v-1ff05061]{position:fixed;inset-block:0;inset-inline-end:0;z-index:calc(var(--z-modal) + 1);width:min(24rem,100vw);display:flex;flex-direction:column;background:var(--color-paper);border-inline-start:1px solid var(--color-rule);box-shadow:var(--shadow-lift);transform:translate(100%);transition:transform var(--dur-short) var(--ease-out)}.laci--buka[data-v-1ff05061]{transform:none}.laci__kepala[data-v-1ff05061]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-rule);min-height:3.75rem}.laci__judul[data-v-1ff05061]{font-size:var(--text-lg)}.laci__tutup[data-v-1ff05061]{display:inline-grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.laci__tutup[data-v-1ff05061]:hover{background:var(--color-paper-2);color:var(--color-ink)}.laci__isi[data-v-1ff05061]{flex:1;overflow-y:auto;padding:var(--space-lg)}.laci__kaki[data-v-1ff05061]{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-rule)}.visually-hidden[data-v-1ff05061]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){.laci[data-v-1ff05061],.tirai[data-v-1ff05061]{transition:none}}.skip[data-v-c38e08ae]{position:absolute;top:-100%;left:var(--space-md);z-index:var(--z-modal);padding:var(--space-sm) var(--space-md);background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-input);font-weight:var(--weight-medium);transition:top var(--dur-short) var(--ease-out)}.skip[data-v-c38e08ae]:focus{top:var(--space-md)}.visually-hidden[data-v-c38e08ae]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tata[data-v-c38e08ae]{min-height:100dvh}.bilah[data-v-c38e08ae]{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--page-gutter);background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.bilah__tombol[data-v-c38e08ae]{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-ink);cursor:pointer;transition:background-color var(--dur-fast, var(--dur-short)) var(--ease-out)}.bilah__tombol[data-v-c38e08ae]:hover{background:var(--color-paper-2)}.akun[data-v-c38e08ae]{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-xs)}.lonceng[data-v-c38e08ae]{position:relative;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.profil[data-v-c38e08ae]{position:relative}.profil__tombol[data-v-c38e08ae]{display:inline-flex;align-items:center;gap:var(--space-3xs);padding:3px 6px 3px 3px;border:0;border-radius:var(--radius-pill);background:transparent;cursor:pointer;color:var(--color-ink-2);transition:background-color var(--dur-short) var(--ease-out)}.profil__tombol[data-v-c38e08ae]:hover{background:var(--color-paper-2)}.profil__foto[data-v-c38e08ae]{width:2rem;height:2rem;flex:none;border-radius:var(--radius-pill);object-fit:cover;background:var(--color-pear)}.profil__foto--kosong[data-v-c38e08ae]{display:grid;place-items:center;color:var(--color-ink);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xs)}.menu[data-v-c38e08ae]{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:var(--z-dropdown);min-width:15rem;padding:var(--space-2xs);display:grid;gap:1px;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);box-shadow:var(--shadow-lift)}.menu__kepala[data-v-c38e08ae]{padding:var(--space-sm) var(--space-sm) var(--space-xs)}.menu__nama[data-v-c38e08ae]{font-weight:var(--weight-display);font-size:var(--text-sm)}.menu__surel[data-v-c38e08ae]{font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis}.menu__item[data-v-c38e08ae]{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);border:0;border-radius:var(--radius-input);background:transparent;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);text-align:start;color:var(--color-ink);text-decoration:none}.menu__item[data-v-c38e08ae]:hover{background:var(--color-paper-2)}.menu__item--keluar[data-v-c38e08ae]{margin-top:var(--space-2xs);padding-top:var(--space-sm);border-top:1px solid var(--color-rule);border-radius:0 0 var(--radius-input) var(--radius-input);color:var(--color-coral-deep)}.notif[data-v-c38e08ae]{display:grid;gap:var(--space-md)}.notif__baris[data-v-c38e08ae]{padding-bottom:var(--space-md);border-bottom:1px dashed var(--color-rule)}.notif__baris[data-v-c38e08ae]:last-child{border-bottom:0;padding-bottom:0}.notif__judul[data-v-c38e08ae]{font-weight:var(--weight-display);font-size:var(--text-sm)}.notif__isi[data-v-c38e08ae]{margin-top:var(--space-3xs);font-size:var(--text-sm);color:var(--color-ink-2)}.notif__waktu[data-v-c38e08ae]{margin-top:var(--space-2xs);font-size:var(--text-xs)}.notif__kabar[data-v-c38e08ae]{font-size:var(--text-sm);color:var(--color-ink-2)}.notif__bersih[data-v-c38e08ae]{width:100%}.merek[data-v-c38e08ae]{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-md);letter-spacing:var(--tracking-heading);text-decoration:none;white-space:nowrap}.merek__tanda[data-v-c38e08ae]{flex:none}.tirai[data-v-c38e08ae]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#12171b73;opacity:0;pointer-events:none;transition:opacity var(--dur-short) var(--ease-out)}.tirai--tampil[data-v-c38e08ae]{opacity:1;pointer-events:auto}.sisi[data-v-c38e08ae]{position:fixed;inset-block:0;inset-inline-start:0;z-index:calc(var(--z-modal) + 1);width:16.5rem;display:flex;flex-direction:column;background:var(--color-paper);border-inline-end:1px solid var(--color-rule);transform:translate(-100%);transition:transform var(--dur-short) var(--ease-out)}.sisi--terbuka[data-v-c38e08ae]{transform:none}.sisi__kepala[data-v-c38e08ae]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-rule);min-height:3.75rem}.sisi__ciut[data-v-c38e08ae]{display:none;place-items:center;width:2rem;height:2rem;flex:none;border:0;border-radius:var(--radius-input);background:transparent;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.sisi__ciut[data-v-c38e08ae]:hover{background:var(--color-paper-2);color:var(--color-ink)}.sisi__gulung[data-v-c38e08ae]{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-sm)}.grup+.grup[data-v-c38e08ae]{margin-top:var(--space-lg)}.grup__judul[data-v-c38e08ae]{padding:0 var(--space-sm) var(--space-xs);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-2)}.tautan[data-v-c38e08ae]{position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-input);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-2);text-decoration:none;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.tautan[data-v-c38e08ae]:hover{background:var(--color-paper-2);color:var(--color-ink)}.tautan[data-v-c38e08ae]:active{background:var(--color-paper-3)}.tautan__ikon[data-v-c38e08ae]{flex:none}.tautan.router-link-active[data-v-c38e08ae]{background:var(--tint-pear);color:var(--color-ink);font-weight:var(--weight-display)}.tautan.router-link-active[data-v-c38e08ae]:before{content:"";position:absolute;inset-block:20%;inset-inline-start:0;width:3px;border-radius:var(--radius-pill);background:var(--color-pear-deep)}.tautan__jumlah[data-v-c38e08ae]{margin-inline-start:auto;min-width:1.25rem;padding:0 .35rem;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--color-coral);color:var(--color-ink);font-family:var(--font-label);font-size:.625rem;font-weight:var(--weight-medium)}.lonceng[data-v-c38e08ae]{position:relative;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-pill);color:var(--color-ink-2);transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.lonceng[data-v-c38e08ae]:hover{background:var(--color-paper-2);color:var(--color-ink)}.lonceng__jumlah[data-v-c38e08ae]{position:absolute;top:-1px;right:-1px;min-width:1.1rem;height:1.1rem;padding:0 .25rem;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--color-coral);color:var(--color-ink);font-family:var(--font-label);font-size:.625rem;font-weight:var(--weight-medium);border:2px solid var(--color-paper)}.isi[data-v-c38e08ae]{display:flex;flex-direction:column;min-height:0}.isi[data-v-c38e08ae]>:first-child{flex:1}@media(min-width:60rem){.tata[data-v-c38e08ae]{display:grid;grid-template-columns:16.5rem minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"sisi bilah" "sisi isi";transition:grid-template-columns var(--dur-short) var(--ease-out)}.tata--ciut[data-v-c38e08ae]{grid-template-columns:4.5rem minmax(0,1fr)}.sisi[data-v-c38e08ae]{grid-area:sisi}.bilah[data-v-c38e08ae]{grid-area:bilah}.isi[data-v-c38e08ae]{grid-area:isi}.tirai[data-v-c38e08ae],.bilah__tombol[data-v-c38e08ae],.bilah .merek[data-v-c38e08ae]{display:none}.bilah[data-v-c38e08ae]{justify-content:flex-end}.sisi[data-v-c38e08ae]{position:sticky;top:0;width:auto;height:100dvh;transform:none;align-self:start}.sisi__ciut[data-v-c38e08ae]{display:grid}.tata--ciut .sisi__teks[data-v-c38e08ae]{display:none}.tata--ciut .grup__judul[data-v-c38e08ae]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tata--ciut .tautan[data-v-c38e08ae],.tata--ciut .tata--ciut .tautan__jumlah[data-v-c38e08ae]{position:absolute;top:2px;inset-inline-end:2px;margin:0;min-width:1rem;font-size:.5625rem}.tata--ciut .sisi__kepala[data-v-c38e08ae]{justify-content:center;padding-inline:var(--space-xs)}.tata--ciut .merek--sisi[data-v-c38e08ae]{gap:0}}@media(max-width:59.99rem){.sisi[data-v-c38e08ae]{box-shadow:var(--shadow-lift)}}.foot[data-v-c38e08ae]{margin-top:var(--space-3xl);border-top:1px solid var(--color-rule);background:var(--color-paper-2)}.foot__inner[data-v-c38e08ae]{max-width:var(--shell);margin-inline:auto;padding:var(--space-2xl) var(--page-gutter) var(--space-xl);display:grid;gap:var(--space-xl)}.foot__line[data-v-c38e08ae]{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-3xl);line-height:var(--leading-display);letter-spacing:var(--tracking-display);max-width:20ch}.foot__meta[data-v-c38e08ae]{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px dashed var(--color-rule)}.foot__brand[data-v-c38e08ae]{font-family:var(--font-display);font-weight:var(--weight-bold)}@media(prefers-reduced-motion:reduce){.sisi[data-v-c38e08ae],.tirai[data-v-c38e08ae],.tata[data-v-c38e08ae]{transition:none}}:root{--color-paper: oklch(97% .012 95);--color-paper-2: oklch(94% .016 95);--color-paper-3: oklch(91% .02 95);--color-ink: oklch(20% .012 250);--color-ink-2: oklch(45% .02 250);--color-pear: oklch(86% .18 95);--color-pear-deep: oklch(72% .17 95);--color-cyan: oklch(66% .18 235);--color-cyan-deep: oklch(54% .16 235);--color-coral: oklch(68% .24 18);--color-coral-deep:oklch(56% .21 18);--color-mint: oklch(80% .16 150);--color-lav: oklch(74% .16 305);--color-accent: var(--color-pear);--band-pear: oklch(93% .07 95);--band-cyan: oklch(94% .038 235);--band-coral: oklch(94% .038 18);--tint-pear: oklch(86% .18 95 / .16);--tint-pear-hi: oklch(86% .18 95 / .3);--tint-cyan: oklch(66% .18 235 / .1);--tint-cyan-hi: oklch(66% .18 235 / .2);--tint-coral: oklch(68% .24 18 / .1);--tint-coral-hi: oklch(68% .24 18 / .2);--tint-mint: oklch(80% .16 150 / .14);--tint-mint-hi: oklch(80% .16 150 / .26);--tint-lav: oklch(74% .16 305 / .12);--tint-lav-hi: oklch(74% .16 305 / .24);--color-focus: oklch(55% .19 250);--color-rule: oklch(82% .025 95);--color-rule-2: oklch(72% .03 95);--rule-hair: 1px solid var(--color-rule);--rule-dash: 1px dashed var(--color-rule);--rule-heavy: 2px solid var(--color-ink);--shadow-contact: 0 1px 2px oklch(20% .012 250 / .06);--shadow-ambient: 0 14px 34px -18px oklch(20% .012 250 / .22);--shadow-lift: 0 2px 4px oklch(20% .012 250 / .07), 0 22px 44px -20px oklch(20% .012 250 / .28);--font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-body: var(--font-display);--font-label: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--weight-body: 400;--weight-medium: 500;--weight-display: 600;--weight-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: clamp(1.75rem, 1.1rem + 2.4vw, 2.75rem);--text-3xl: clamp(2.25rem, 1.4rem + 3.4vw, 3.5rem);--text-display: clamp(2.25rem, 1.2rem + 3.8vw, 3.5rem);--text-stat: clamp(2.5rem, 1.6rem + 3.6vw, 3.75rem);--tracking-display: -.025em;--tracking-heading: -.02em;--tracking-label: .1em;--leading-display: 1.04;--leading-heading: 1.12;--leading-body: 1.6;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--page-max: 72rem;--page-gutter: clamp(1.25rem, 4vw, 3rem);--shell: var(--page-max);--radius-card: 20px;--radius-inner: 14px;--radius-input: 12px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-snap: cubic-bezier(.22, 1, .36, 1);--ease-press: cubic-bezier(.2, .7, .3, 1);--dur-press: .14s;--dur-micro: 70ms;--dur-short: .22s;--dur-long: .42s;--dur-rise: .6s;--dur-draw: 1.5s;--dur-walk: 18s;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500}.prangko{display:grid;filter:drop-shadow(0 2px 3px oklch(20% .012 250 / .2));transition:transform var(--dur-short) var(--ease-spring),filter var(--dur-short) var(--ease-out)}.prangko:hover{transform:translateY(-3px) rotate(-.4deg);filter:drop-shadow(0 8px 10px oklch(20% .012 250 / .26))}.prangko__kertas{--lubang: 5px;--jarak: 16px;display:grid;gap:var(--space-sm);align-content:start;padding:calc(var(--lubang) + var(--space-sm));background:var(--color-paper);color:inherit;text-decoration:none;-webkit-mask-image:radial-gradient(circle var(--lubang) at 50% 0,#0000 97%,#000 100%),radial-gradient(circle var(--lubang) at 50% 100%,#0000 97%,#000 100%),radial-gradient(circle var(--lubang) at 0 50%,#0000 97%,#000 100%),radial-gradient(circle var(--lubang) at 100% 50%,#0000 97%,#000 100%);mask-image:radial-gradient(circle var(--lubang) at 50% 0,#0000 97%,#000 100%),radial-gradient(circle var(--lubang) at 50% 100%,#0000 97%,#000 100%),radial-gradient(circle var(--lubang) at 0 50%,#0000 97%,#000 100%),radial-gradient(circle var(--lubang) at 100% 50%,#0000 97%,#000 100%);-webkit-mask-size:var(--jarak) 100%,var(--jarak) 100%,100% var(--jarak),100% var(--jarak);mask-size:var(--jarak) 100%,var(--jarak) 100%,100% var(--jarak),100% var(--jarak);-webkit-mask-repeat:repeat-x,repeat-x,repeat-y,repeat-y;mask-repeat:repeat-x,repeat-x,repeat-y,repeat-y;-webkit-mask-composite:source-in;mask-composite:intersect}.prangko__kertas:focus-visible{outline:3px solid var(--color-focus);outline-offset:-6px}.prangko__bingkai{display:block;width:100%;aspect-ratio:5 / 4}.prangko__gambar{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.prangko__teks{display:grid;gap:2px}.prangko__judul{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-sm);line-height:var(--leading-heading)}.prangko__meta,.prangko__latin{font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--tracking-label);color:var(--color-ink-2)}.prangko__latin{font-style:italic;letter-spacing:0}.prangko__status{margin-top:var(--space-2xs);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--tracking-label);font-weight:var(--weight-medium)}.prangko__kosong{display:grid;place-items:center;aspect-ratio:4 / 3;background:var(--tint-mint)}.prangko__kosong:after{content:"";width:45%;max-width:5rem;aspect-ratio:1;background:var(--color-ink-2);opacity:.45;-webkit-mask:var(--daun) center / contain no-repeat;mask:var(--daun) center / contain no-repeat}.prangko__kosong{--daun: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 3C41 13 41 29 26 39v6h-3v-6C8 29 8 13 24 3z"/></svg>')}.prangko__teks .waspada{margin-top:var(--space-2xs);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--tracking-label);line-height:1.35}.prangko__teks .waspada--tinggi{color:var(--color-coral-deep);font-weight:var(--weight-medium)}.prangko__teks .waspada--sedang{color:var(--color-ink)}.prangko__teks .waspada--rendah,.prangko__teks .waspada--aman{color:var(--color-ink-2)}@media(hover:none){.prangko:hover{transform:none;filter:drop-shadow(0 2px 3px oklch(20% .012 250 / .2))}}@media(prefers-reduced-motion:reduce){.prangko:hover{transform:none}}[data-rangka]{position:relative;overflow:hidden;background:var(--color-paper-2)}[data-rangka]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,oklch(100% 0 0 / .55) 50%,transparent 100%);transform:translate(-100%);animation:rangka-kilau 1.4s var(--ease-in-out) infinite;pointer-events:none}@keyframes rangka-kilau{to{transform:translate(100%)}}[data-rangka]>img{opacity:0}[data-rangka]>img[data-siap]{opacity:1;transition:opacity var(--dur-short) var(--ease-out)}@media(prefers-reduced-motion:reduce){[data-rangka]:after{animation:none;transform:none;background:none}}*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip;-webkit-text-size-adjust:100%}body{margin:0;overflow-x:clip;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);overflow-wrap:anywhere;min-width:0}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg{max-width:100%}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-inner)}::selection{background:var(--color-pear);color:var(--color-ink)}.shell{max-width:var(--shell);margin-inline:auto;padding-inline:var(--page-gutter)}.btn{--btn-face: var(--color-pear);--btn-edge: var(--color-pear-deep);--btn-cast: oklch(72% .17 95 / .4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.75rem 1.35rem;border:0;border-radius:var(--radius-pill);background:var(--btn-face);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-display);line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 4px 0 0 var(--btn-edge),0 6px 12px -3px var(--btn-cast);transition:transform var(--dur-press) var(--ease-press),box-shadow var(--dur-press) var(--ease-press)}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 0 var(--btn-edge),0 12px 22px -4px var(--btn-cast)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--btn-edge);transition-duration:var(--dur-micro)}.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.btn--coral{--btn-face: var(--color-coral);--btn-edge: var(--color-coral-deep);--btn-cast: oklch(56% .21 18 / .4)}.btn--outline{background:transparent;box-shadow:inset 0 0 0 1.5px var(--color-ink)}.btn--outline:hover{background:var(--tint-pear);transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--color-ink)}.btn--sm{padding:.5rem 1rem;font-size:var(--text-sm)}.input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-paper);border:1.5px solid var(--color-rule-2);border-radius:var(--radius-input);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);transition:border-color var(--dur-short) var(--ease-out)}.input:hover{border-color:var(--color-ink-2)}.input:focus-visible{border-color:var(--color-ink)}.input--salah{border-color:var(--color-coral-deep)}.label{display:block;margin-bottom:var(--space-xs);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-2)}.mono{font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-2)}.tag{display:inline-block;padding:.15rem .6rem;border-radius:var(--radius-pill);font-family:var(--font-label);font-size:var(--text-xs);background:var(--tint-pear);color:var(--color-ink)}.tag--mudah{background:var(--tint-mint)}.tag--sedang{background:var(--tint-pear)}.tag--sulit{background:var(--tint-coral)}.tag--ekstrem{background:var(--tint-lav)}.tabel__bungkus{margin-top:var(--space-xl);border:1px solid var(--color-rule);border-radius:var(--radius-card);overflow:clip;background:var(--color-paper)}.tabel{width:100%;border-collapse:collapse;text-align:start;font-size:var(--text-sm)}.tabel thead th{position:sticky;top:0;z-index:var(--z-raised);padding:var(--space-sm) var(--space-md);background:var(--color-paper-2);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:var(--weight-body);color:var(--color-ink-2);text-align:start;white-space:nowrap;border-bottom:1px solid var(--color-rule)}.tabel tbody tr{border-bottom:1px solid var(--color-rule)}.tabel tbody tr:last-child{border-bottom:0}.tabel tbody tr:hover{background:var(--color-paper-2)}.tabel td,.tabel tbody th{padding:var(--space-sm) var(--space-md);vertical-align:middle;text-align:start}.tabel tbody th{font-weight:var(--weight-medium)}.tabel tbody tr.baris--nilai:hover{background:transparent}.tabel tbody tr.baris--nilai{background:var(--tint-pear)}.tabel tbody tr.baris--nilai>td{padding:var(--space-md)}.tabel .sel__aksi{white-space:nowrap}.tabel .sel__tanggal{white-space:nowrap;color:var(--color-ink-2)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:59.99rem){.tabel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tabel,.tabel tbody,.tabel tr,.tabel td,.tabel tbody th{display:block;width:100%}.tabel tbody tr{padding:var(--space-md)}.tabel tbody tr.baris--nilai{padding:0}.tabel td,.tabel tbody th{padding:var(--space-2xs) 0}.tabel td[data-l]:before{content:attr(data-l);display:block;font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-2)}.tabel td[data-l=Pratinjau]:before{content:none}.tabel .sel__aksi{white-space:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}.btn:hover,.btn:active{transform:none}}