#kantor{position:fixed;inset:0}#kantor canvas{touch-action:none;display:block}.lapisan-label{pointer-events:none;position:absolute;inset:0}.atas{z-index:5;padding:max(12px, env(safe-area-inset-top)) 16px 12px;background:linear-gradient(var(--latar), transparent);pointer-events:none;flex-wrap:wrap;align-items:baseline;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.atas h1{letter-spacing:.01em;margin:0;font-size:1.25rem}.atas p{color:var(--redup);margin:0;font-size:.9rem}.atas form{pointer-events:auto;margin-left:auto}.privat{vertical-align:middle;background:var(--aksen);color:#0b1020;border-radius:999px;padding:2px 8px;font-size:.7rem}.keluar{border:1px solid var(--garis);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px}#lencana-sambungan{z-index:6;background:var(--kartu);border:1px solid var(--garis);color:var(--santai);border-radius:999px;padding:6px 14px;font-size:.85rem;position:fixed;top:56px;left:50%;transform:translate(-50%)}#daftar{left:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:5;background:var(--kartu);border:1px solid var(--garis);backdrop-filter:blur(8px);border-radius:14px;gap:2px;width:min(300px,100vw - 32px);margin:0;padding:6px;list-style:none;display:grid;position:fixed}.butir{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:10px auto 1fr;align-items:center;gap:10px;width:100%;padding:7px 10px;display:grid}.butir:hover,.butir:focus-visible{background:#ffffff0f;outline:none}.butir .titik{background:var(--mati);border-radius:50%;width:10px;height:10px}.butir .nama{font-weight:600}.butir .teks{color:var(--redup);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}li[data-status=kerja] .titik{background:var(--kerja);box-shadow:0 0 8px var(--kerja)}li[data-status=santai] .titik{background:var(--santai)}li[data-status=error] .titik{background:var(--error);box-shadow:0 0 8px var(--error)}#panel{z-index:7;background:var(--kartu);border:1px solid var(--garis);backdrop-filter:blur(10px);border-radius:16px;width:min(360px,100vw - 32px);padding:16px 18px;position:fixed;top:72px;bottom:16px;right:16px;overflow:auto}#panel[hidden]{display:none}#panel header{align-items:center;gap:10px;display:flex}#panel h2{margin:0;font-size:1.15rem}#panel h3{text-transform:uppercase;letter-spacing:.06em;color:var(--redup);margin:18px 0 6px;font-size:.8rem}#panel .tutup{border:1px solid var(--garis);cursor:pointer;background:0 0;border-radius:8px;width:32px;height:32px;margin-left:auto;font-size:1.2rem;line-height:1}#panel .teks{margin:12px 0 4px;font-size:1rem}#panel .sejak{color:var(--redup);margin:0;font-size:.85rem}#panel .teks-privat{white-space:pre-wrap;margin:0}#panel pre{background:#0e121a;border-radius:8px;margin:8px 0 0;padding:10px;font-size:.8rem;overflow:auto}#panel .log{gap:8px;margin:0;padding:0;list-style:none;display:grid}#panel .log li{border-left:2px solid var(--garis);white-space:pre-wrap;gap:2px;padding-left:10px;display:grid}#panel .log li.l-warn{border-color:var(--santai)}#panel .log li.l-error{border-color:var(--error)}#panel .log time,#panel .log small{color:var(--redup);font-size:.78rem}#panel .muat-lagi{border:1px solid var(--garis);cursor:pointer;background:0 0;border-radius:8px;margin-top:12px;padding:8px 12px}.lencana-status{background:#ffffff14;border-radius:999px;padding:2px 8px;font-size:.75rem}.lencana-status.s-kerja{color:var(--kerja)}.lencana-status.s-santai{color:var(--santai)}.lencana-status.s-error{color:var(--error)}.lencana-status.s-mati{color:var(--mati)}.label-nama{color:#fff;white-space:nowrap;background:#0a0d14bf;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.tanda-error{background:var(--error);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:800;animation:.8s ease-in-out infinite pantul;display:grid}@keyframes pantul{50%{transform:translateY(-6px)}}body.tanpa-3d #kantor{display:none}body.tanpa-3d #daftar{width:min(480px,100vw - 32px);margin:96px auto 16px;position:static}@media (width<=700px){#panel{width:auto;max-height:60vh;top:auto;left:16px;right:16px}.atas p{display:none}}@media (prefers-reduced-motion:reduce){.tanda-error{animation:none}}