@font-face{font-family:Inter;font-weight:400 600;font-display:swap;src:url(/assets/inter-Dx4kXJAl.woff2) format("woff2")}@font-face{font-family:Spectral;font-weight:400;font-display:swap;src:url(/assets/spectral-400-CTVgUekv.woff2) format("woff2")}@font-face{font-family:Spectral;font-weight:500;font-display:swap;src:url(/assets/spectral-500-nNjq7_Cd.woff2) format("woff2")}@font-face{font-family:Roboto Mono;font-weight:400;font-display:swap;src:url(/assets/roboto-mono-400-GekRknry.woff2) format("woff2")}:root{--bg: #f2f0ea;--panel: #fbfaf6;--surface: #ffffff;--line: #e5e1d6;--line-2: #ece8de;--text: #1b2422;--muted: #5e6763;--accent: #0f2523;--accent-ink: #ffffff;--link: #2b6457;--brass: #c2a06e;--brass-ink: #8a6a3b;--ok: #2f6b4a;--ok-soft: #e4efe7;--warn: #9a4a0c;--warn-soft: #fbf1e8;--bad: #b42318;--bad-soft: #fbe6e3;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--serif: "Spectral", Georgia, serif;--mono: "Roboto Mono", ui-monospace, monospace;--radius: 10px}*{box-sizing:border-box}html{font-size:13px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.45}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:inherit}button,.tombol{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}button:disabled{opacity:.6;cursor:default}.utama{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tombol.utama:hover{text-decoration:none}.penuh{width:100%}.muted{color:var(--muted)}.meta{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--brass-ink);text-transform:uppercase}.judul{margin:0;font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.2}.tumpuk{display:flex;flex-direction:column;gap:12px}.kartu{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px 24px}.isian{display:flex;flex-direction:column;gap:4px}.isian input{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.catatan{padding:10px 12px;border-radius:8px}.catatan.buruk{background:var(--bad-soft);color:var(--bad)}.merek{display:flex;gap:10px;align-items:center}.merek>div{display:flex;flex-direction:column}.logo{width:32px;height:32px;border-radius:8px;background:var(--accent);color:var(--brass);display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px}.masuk{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.masuk .kartu{width:100%;max-width:380px}.kerangka{display:flex;gap:12px;padding:12px;min-height:100vh;align-items:flex-start}.menu{flex:0 0 220px;display:flex;flex-direction:column;gap:4px;padding:6px 4px;position:sticky;top:12px}.grup-kepala{width:100%;justify-content:flex-start;border:1px solid transparent;background:transparent;font-weight:500}.grup-kepala.aktif{font-weight:600}.layar-tautan{display:block;padding:7px 8px 7px 28px;border-radius:7px;color:var(--text);border:1px solid transparent}.layar-tautan.active{background:var(--surface);border-color:var(--line);border-left:3px solid var(--brass);font-weight:500}.layar-tautan.lama:after{content:" ↗";color:var(--muted);font-size:11px}.menu-kaki{margin-top:12px;padding:12px 6px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.utama-isi{flex:1 1 560px;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:14px}.bilah{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line)}.jejak{flex-grow:1;color:var(--muted)}.jejak b{color:var(--text);font-weight:500}.hari{font-family:var(--mono);font-size:11px;color:var(--brass-ink);border:1px solid var(--line);border-radius:6px;padding:5px 8px}.menu-tombol,.tirai{display:none}.isi{padding:20px}.kerangka-isi{min-height:240px;border-radius:12px;background:linear-gradient(90deg,var(--line-2),var(--panel),var(--line-2));background-size:200% 100%;animation:kilau 1.2s infinite}@keyframes kilau{to{background-position:-200% 0}}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:50}.toast{background:var(--text);color:var(--bg);padding:10px 14px;border-radius:8px;max-width:420px}.toast.ok{background:var(--ok);color:#fff}.toast.bad{background:var(--bad);color:#fff}.toast-where{display:block;margin-top:4px;font-size:.78rem;opacity:.85}@media (max-width: 860px){.kerangka{padding:0;flex-direction:column}.menu{display:none;position:fixed;top:0;bottom:0;left:0;width:min(300px,86vw);padding:12px 16px;background:var(--panel);overflow-y:auto;z-index:40;box-shadow:0 0 24px #0f25232e}.menu.buka{display:flex}.tirai{position:fixed;inset:0;z-index:30;border:0;border-radius:0;background:#0f252359}.menu-tombol,.tirai{display:inline-flex}.utama-isi{border-radius:0;border-width:0;width:100%}.isi{padding:16px}}@media (prefers-reduced-motion: reduce){.kerangka-isi{animation:none}}.tautan-tombol{display:block;min-height:0;background:none;border:0;padding:0;height:auto;text-align:left;color:inherit;font:inherit;cursor:pointer}.tautan-tombol:hover b{text-decoration:underline}.cari-menu{height:34px;margin:4px 0 6px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.grup-kepala,.layar-tautan{display:flex;align-items:center;justify-content:space-between;gap:6px}.hitung-menu{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--bad-soft);color:var(--bad);font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.pop-notif{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 32px))}.pop-notif .toast{position:static;display:flex;align-items:center;gap:10px}.pop-notif .toast>span{flex:1}.tautan-biru{display:inline;min-height:0;height:auto;padding:0;border:0;background:none;color:var(--link);font:inherit;text-align:left;cursor:pointer}.tautan-biru:hover{text-decoration:underline}.pilih-bahasa{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
