:root{--bg: #14181d;--panel: #1d232b;--panel-2: #1f2730;--panel-glass: rgba(24, 30, 37, .95);--panel-glass-2: rgba(24, 30, 37, .9);--border: #2c353f;--border-2: #3a4550;--text: #d8dee6;--muted: #8a97a5;--heading: #9fb4c8;--input-bg: #12161b;--btn-bg: #2a323d;--btn-hover: #35404d;--accent: #2f6fb3;--accent-border: #4a8fd6;--mode-accent: #b3702f;--mode-accent-border: #d6a04a;--clock: #ffd479;--good: #8fd48f;--late: #d65a5a;--row-border: #232b34;--toast-txt: #6fb0ea;--toast-bad-txt: #f08a8a}body.light{--bg: #f2f4f7;--panel: #ffffff;--panel-2: #eef1f5;--panel-glass: rgba(255, 255, 255, .96);--panel-glass-2: rgba(255, 255, 255, .92);--border: #d5dbe2;--border-2: #c3cbd4;--text: #24303c;--muted: #5a6774;--heading: #46586a;--input-bg: #f5f7fa;--btn-bg: #e9edf1;--btn-hover: #dde3e9;--accent: #2f6fb3;--accent-border: #4a8fd6;--mode-accent: #c98a00;--mode-accent-border: #a86e00;--clock: #a86e00;--good: #1d7a33;--late: #c43030;--row-border: #e3e8ee;--toast-txt: #2f6fb3;--toast-bad-txt: #c43030}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:13px}#app{display:flex;flex-direction:column}button{background:var(--btn-bg);color:var(--text);border:1px solid var(--border-2);border-radius:6px;padding:6px 11px;cursor:pointer;font-size:13px;transition:background .12s,border-color .12s}button:hover{background:var(--btn-hover)}button.active{background:var(--accent);border-color:var(--accent-border);color:#fff}.segmented{display:flex;background:var(--input-bg);border:1px solid var(--border-2);border-radius:8px;padding:3px;gap:2px}.segmented button{border:none;background:transparent;border-radius:6px;padding:5px 14px;font-weight:600}.segmented button.active{background:var(--mode-accent);color:#fff}.time-pod{display:flex;align-items:center;gap:2px;background:var(--input-bg);border:1px solid var(--border-2);border-radius:8px;padding:3px}.time-pod button{border:none;background:transparent;padding:4px 9px;border-radius:5px;font-weight:700}.time-pod button:hover{background:var(--btn-hover)}.clock{font-family:SF Mono,Menlo,monospace;font-size:15px;font-weight:700;color:var(--clock);padding:0 6px;letter-spacing:.5px;cursor:pointer;border-radius:5px}.clock:hover{background:var(--btn-hover)}.speed-trig{--sp-c: var(--accent);display:inline-flex;align-items:center;gap:4px;margin-left:3px;padding:4px 10px 4px 8px;border-radius:999px;cursor:pointer;color:#fff;font-weight:800;font-size:13px;-webkit-user-select:none;user-select:none;background:var(--sp-c);box-shadow:0 2px color-mix(in srgb,var(--sp-c) 62%,#000);transition:background .15s,box-shadow .15s,transform .05s}.speed-trig:active{transform:translateY(1px);box-shadow:0 1px color-mix(in srgb,var(--sp-c) 62%,#000)}.speed-trig.cepat{--sp-c: #ff9600}.speed-trig.turbo{--sp-c: #ff4b4b}.speed-trig .st-ico{font-size:12px;line-height:1}.speed-trig .st-val{font-variant-numeric:tabular-nums;min-width:4.5ch;text-align:center}.time-pod .st-arr{width:22px;height:22px;padding:0;border-radius:999px;font-size:15px;font-weight:800;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--fg)}.time-pod .st-arr:disabled{opacity:.35;cursor:default;background:transparent}.time-pod .st-reset{font-size:13px}.speed-trig.warp{--sp-c: #1cb0f6;animation:warp-pulse 1.1s ease-in-out infinite}@keyframes warp-pulse{0%,to{box-shadow:0 2px color-mix(in srgb,var(--sp-c) 62%,#000),0 0 color-mix(in srgb,var(--sp-c) 55%,transparent)}50%{box-shadow:0 2px color-mix(in srgb,var(--sp-c) 62%,#000),0 0 0 5px color-mix(in srgb,var(--sp-c) 22%,transparent)}}@media (prefers-reduced-motion: reduce){.speed-trig.warp{animation:none}}#warp-dock{position:fixed;left:10px;bottom:44px;z-index:6;display:inline-flex;align-items:center;gap:6px}.warp-lvl{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel-glass-2);color:var(--heading);font-weight:800;font-size:12px;font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:0 2px 8px #0000002e;transition:border-color .15s,opacity .15s}.warp-lvl:hover{border-color:var(--accent-border)}.warp-lvl.mati{opacity:.5}.warp-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 11px;border-radius:999px;border:1px solid var(--border);background:var(--panel-glass-2);color:var(--heading);font-weight:800;font-size:12.5px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #0000002e;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.warp-chip:hover{border-color:var(--accent-border)}.warp-chip .wc-ico{font-size:14px;line-height:1}.warp-chip .wc-sub{font-size:11px;font-weight:700;opacity:.7;padding-left:7px;border-left:1px solid var(--border)}.warp-chip.mati{opacity:.55}.warp-chip.mati .wc-sub{color:var(--muted)}.warp-chip.warp{color:#fff;border-color:transparent;background:#1cb0f6;animation:warp-chip-pulse 1.1s ease-in-out infinite}.warp-chip.warp .wc-sub{opacity:.92;border-left-color:#fff6}@keyframes warp-chip-pulse{0%,to{box-shadow:0 2px 8px #0000002e,0 0 color-mix(in srgb,#1cb0f6 55%,transparent)}50%{box-shadow:0 2px 8px #0000002e,0 0 0 6px color-mix(in srgb,#1cb0f6 20%,transparent)}}@media (prefers-reduced-motion: reduce){.warp-chip.warp{animation:none}}.kv{--sp-c: var(--accent);text-align:center;padding:4px 2px 0}.kv.cepat{--sp-c: #ff9600}.kv.turbo{--sp-c: #ff4b4b}.kv-title{font-size:20px;font-weight:900}.kv-sub{color:var(--muted);font-size:13px;margin-top:4px}.kv-big{font-size:52px;font-weight:900;line-height:1.1;margin-top:14px;color:var(--sp-c);font-variant-numeric:tabular-nums;transition:color .15s}.kv-note{color:var(--muted);font-size:13px;font-weight:700;min-height:18px}.kv-slider{position:relative;height:44px;margin:22px 8px 26px;touch-action:none;cursor:grab}.kv-slider:active{cursor:grabbing}.kv-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:14px;border-radius:999px;background:var(--btn-hover)}.kv-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:14px;border-radius:999px;background:var(--sp-c);transition:width .12s ease,background .15s}.kv.geser .kv-fill{transition:none}.kv-lompat{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0 0 14px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:900;cursor:pointer;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:2px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:14px}.kv-lompat:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.kv-lompat small{font-weight:800;color:var(--muted)}.kv-reset{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0 0 14px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:900;cursor:pointer;color:var(--muted);background:transparent;border:2px solid var(--border-2);border-radius:14px}.kv-reset:hover:not(:disabled){background:var(--btn-hover);color:var(--fg)}.kv-reset:disabled{opacity:.4;cursor:default}.kv-notch{position:absolute;top:50%;width:5px;height:5px;border-radius:999px;transform:translate(-50%,-50%);background:var(--border-2);pointer-events:none;z-index:1}.kv-tick{position:absolute;top:calc(50% + 18px);transform:translate(-50%);font-size:10px;color:var(--muted);font-weight:700;pointer-events:none;font-variant-numeric:tabular-nums;white-space:nowrap}.kv-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2;min-width:56px;height:40px;padding:0 10px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#fff;border:0;cursor:grab;background:var(--sp-c);box-shadow:0 4px color-mix(in srgb,var(--sp-c) 62%,#000),0 3px 10px #0000004d;transition:left .12s ease,background .15s;font-variant-numeric:tabular-nums}.kv-thumb:active{cursor:grabbing}.kv.geser .kv-thumb{transition:background .15s;box-shadow:0 2px color-mix(in srgb,var(--sp-c) 62%,#000),0 4px 14px #00000059}.kv-thumb:hover,.kv-thumb:focus-visible{background:var(--sp-c);transform:translate(-50%,-50%);filter:none}.score-pod{position:relative;display:flex;align-items:center;gap:5px;background:var(--input-bg);border:1px solid var(--border-2);border-radius:20px;padding:4px 12px}.score-pod .score-ico{color:var(--clock);font-size:13px}.score-val{color:var(--good);font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.score-val.minus{color:var(--late)}.dinas-pod{display:flex;flex-direction:column;gap:3px;justify-content:center;background:var(--input-bg);border:1px solid var(--border-2);border-radius:12px;padding:5px 12px;min-width:118px}.dinas-pod .dp-bar{height:4px;border-radius:2px;background:var(--btn-bg);overflow:hidden}.dinas-pod .dp-bar i{display:block;height:100%;background:var(--good);border-radius:2px;transition:width .4s ease}.dinas-pod .dp-txt{font-size:12px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.dinas-pod .dp-ico{font-size:11px;margin-right:2px}.dinas-pod .dp-sub{color:var(--muted);font-weight:600}.dinas-pod .dp-telat{color:var(--late);font-weight:800}.viol-badge{color:#fff;font-weight:700;font-size:11px;background:var(--late);border-radius:10px;padding:1px 7px}.skor-float{position:absolute;left:50%;top:-4px;transform:translate(-50%);font-weight:800;font-size:13px;pointer-events:none;animation:skor-terbang 1.35s ease-out both}.skor-float.plus{color:var(--good)}.skor-float.minus{color:var(--late)}.ket{--cb: var(--accent-border)}.sel{--cb: var(--good)}.lan{--cb: var(--clock)}.score-cabang{display:inline-flex;align-items:flex-end;gap:2px;height:16px}.score-cabang .cb{width:3px;border-radius:1.5px;background:var(--cb);display:inline-block;transition:height .25s ease}.score-cabang .cb.neg{background:var(--late)}.score-combo{font-size:11px;font-weight:800;color:var(--clock);animation:combo-pulse 1.4s ease-in-out infinite}@keyframes combo-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes skor-terbang{0%{opacity:0;transform:translate(-50%,6px)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-26px)}}#clock-analog{display:block;margin:0 2px}select{background:var(--input-bg);color:var(--text);border:1px solid var(--border-2);border-radius:6px;padding:5px 6px;font-size:13px}#main{display:flex;flex:1;overflow:hidden}#canvas-wrap{position:relative;flex:1;overflow:hidden}#canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.laci-surv h4{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:12px 4px 5px}.laci-surv h4:first-child{margin-top:2px}.laci-surv .tool-btn{display:flex;align-items:center;gap:8px;width:100%;border:1px solid transparent;background:transparent;padding:8px 10px;margin-bottom:1px;text-align:left;border-radius:11px;font-weight:600}.laci-surv .tool-btn:hover{background:var(--btn-hover)}.laci-surv .tool-btn.active{background:var(--accent);border-color:var(--accent-border);color:#fff;box-shadow:0 3px 0 var(--duo-blue-d)}.laci-surv .tool-btn .ico{width:18px;text-align:center;flex-shrink:0}.laci-surv .tool-btn .lbl{flex:1}.laci-surv .tool-btn kbd{font-family:inherit;font-size:10px;color:var(--muted);background:var(--input-bg);border:1px solid var(--border-2);border-radius:4px;padding:1px 5px}.laci-surv .tool-btn.active kbd{color:#fff;background:#ffffff26;border-color:transparent}.laci-surv .ls-alat select{width:100%;margin:2px 0 4px;border-radius:9px}.laci-surv .ls-alat input{width:100%;margin:2px 0 4px;background:var(--input-bg);color:var(--text);border:1px solid var(--border-2);border-radius:9px;padding:3px 6px;font-size:12px}.laci-surv .ls-props{border-top:1px dashed var(--border-2);margin-top:10px;padding-top:10px}.laci-surv .ls-tuntun{color:var(--muted);font-size:11.5px;line-height:1.5;font-weight:700}#side-panel{position:absolute;top:10px;right:10px;width:280px;max-height:calc(100% - 60px);overflow-y:auto;background:var(--panel-glass);border:1px solid var(--border);border-radius:6px;padding:10px;display:none}#side-panel.visible{display:block}:is(#side-panel,.ls-props) h3{font-size:13px;margin-bottom:8px;color:var(--heading);text-transform:uppercase;letter-spacing:.5px}:is(#side-panel,.pk-body) .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:6px}:is(#side-panel,.ls-props) label{color:var(--muted)}:is(#side-panel,.ls-props) .hint-block{color:var(--muted);font-size:12px;line-height:1.45;margin-bottom:10px}:is(#side-panel,.ls-props) :is(input,select,textarea){background:var(--input-bg);color:var(--text);border:1px solid var(--border-2);border-radius:9px;padding:3px 6px;font-size:12px}:is(#side-panel,.ls-props) :is(input,select){width:130px}:is(#side-panel,.pk-body) .train-row{padding:6px;margin-bottom:4px;background:var(--panel-2);border-radius:4px;border-left:3px solid var(--accent-border);cursor:pointer}:is(#side-panel,.pk-body) .train-row:hover{background:var(--btn-hover)}:is(#side-panel,.pk-body) .train-row .tno{font-weight:700;color:var(--clock)}:is(#side-panel,.pk-body) .train-row .tinfo{font-size:11px;color:var(--muted);margin-top:2px}:is(#side-panel,.pk-body) .train-row.late{border-left-color:var(--late)}:is(#side-panel,.pk-body) .train-row.sel{outline:1px solid var(--accent-border)}.detail-box{background:var(--panel-2);border-radius:4px;border-left:3px solid var(--mode-accent);padding:8px;margin-bottom:10px}.detail-box .tno{font-weight:700;color:var(--clock)}.detail-box .tinfo{font-size:11px;color:var(--muted);margin:4px 0 6px}table.ka{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:8px}table.ka th{text-align:left;color:var(--muted);font-weight:600;padding:2px 4px}table.ka td{padding:2px 4px;border-top:1px solid var(--row-border)}table.ka td:first-child{color:var(--muted)}table.ka.look td:last-child{text-align:right;color:var(--muted)}table.ka.look tr.bind td{color:var(--clock);font-weight:600}.detail-box button{font-size:12px;padding:3px 8px}#status-bar{position:absolute;left:10px;bottom:10px;background:var(--panel-glass-2);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:12px;color:var(--muted);pointer-events:none}#toast-wrap{position:absolute;left:50%;transform:translate(-50%);bottom:10px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;max-width:72%;z-index:7}.toast{--tc: var(--accent-border);background:var(--panel-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--tc);border-radius:8px;padding:6px 15px;font-size:12px;font-weight:700;color:var(--toast-txt);box-shadow:0 4px 0 var(--tc),0 7px 16px #00000038;animation:toast-masuk .22s ease-out;transition:opacity .4s,transform .4s;text-align:center}.toast.buruk{--tc: var(--late);color:var(--toast-bad-txt)}.toast.pudar{opacity:0;transform:translateY(8px)}@keyframes toast-masuk{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#route-pop{position:absolute;z-index:8;min-width:168px;max-width:260px;background:var(--panel-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-2);border-radius:10px;padding:5px;box-shadow:0 8px 24px #00000059}#route-pop .rp-head{font-size:11px;font-weight:700;color:var(--heading);text-transform:uppercase;letter-spacing:.5px;padding:3px 7px 5px;display:flex;align-items:center;gap:6px}#route-pop .rp-head{justify-content:space-between;align-items:flex-start;text-transform:none;letter-spacing:0;padding:2px 4px 6px 7px}#route-pop .rp-teks{display:flex;flex-direction:column;gap:1px;min-width:0}#route-pop .rp-teks b{font-size:13px;font-weight:800;color:var(--text)}#route-pop .rp-teks span{font-size:11px;font-weight:600;color:var(--heading);opacity:.75}#route-pop .rp-x{flex:none;width:24px;height:24px;border:0;border-radius:50%;cursor:pointer;background:#7882912e;color:var(--text);font-size:12px;font-weight:800;line-height:24px;padding:0}#route-pop .rp-x:hover{background:#d6542b;color:#fff}#route-pop .rp-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:none;border-radius:7px;padding:5px 7px;font-size:12px;color:var(--text)}#route-pop .rp-item:hover{background:var(--accent);color:#fff}#route-pop .rp-item .n{flex-shrink:0;width:18px;height:18px;line-height:18px;text-align:center;font-size:11px;font-weight:700;background:var(--accent);color:#fff;border-radius:50%}#route-pop .rp-item:hover .n{background:#ffffff40}#route-pop .rp-item .lbl{flex:1}#route-pop .rp-item .lbl .sub{display:block;font-size:10px;font-weight:600;opacity:.55;letter-spacing:.02em}#route-pop .rp-item:hover .lbl .sub{opacity:.8}#route-pop .rp-tag{flex:none;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;border:1.5px solid currentColor;white-space:nowrap}#route-pop .rp-chip{flex:none;font:800 10.5px ui-monospace,JetBrains Mono,monospace;padding:3px 8px;border-radius:6px;color:#fff;white-space:nowrap}#route-pop .rk-argo{background:#7a5cd6}#route-pop .rk-krl{background:#1ea1f2}#route-pop .rk-lokal{background:#e0813a}#route-pop .rk-barang{background:#5b6b7e}#route-pop .rk-kosong{background:#1f9d55}#route-pop .rk-bentrok{background:#d6542b}#route-pop .rp-terisi .n{background:#d64545}#route-pop .rp-terisi:hover .n{background:#ffffff4d}#route-pop .rp-info{margin:0 4px 6px;padding:8px 10px;border-radius:10px;font-size:11px;line-height:1.4;background:#d645451a;color:var(--text);max-width:270px}#route-pop .rp-info b{color:#d64545}#route-pop .rp-lihat{display:block;width:calc(100% - 8px);margin:0 4px 2px;padding:8px 10px;border:0;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;background:var(--accent);color:#fff}#route-pop .rp-lihat:hover{filter:brightness(1.1)}#route-pop .rk-tunggu{background:#5b7fa6}#route-pop .rp-tunggu .sub{opacity:.85}#route-pop .rk-buntu{background:#b24fe0}#route-pop .rk-salah{background:transparent;color:#c27b00;border:1.5px dashed #c27b00;padding:2px 7px}@keyframes rp-pendar{0%,to{box-shadow:0 0 #1f9d5580}50%{box-shadow:0 0 0 7px #1f9d5500}}#route-pop .rp-kosong{background:#1f9d5517;animation:rp-pendar 2.2s ease-out infinite}#route-pop .rp-kosong:hover{background:var(--accent);animation:none}@keyframes rp-pendar-buntu{0%,to{box-shadow:0 0 #b24fe080}50%{box-shadow:0 0 0 7px #b24fe000}}#route-pop .rp-buntu{background:#b24fe01a;animation:rp-pendar-buntu 2.2s ease-out infinite}#route-pop .rp-buntu:hover{background:#b24fe0;animation:none}@media (prefers-reduced-motion: reduce){#route-pop .rp-kosong,#route-pop .rp-buntu{animation:none}}#route-pop .rp-item:hover .rp-chip{box-shadow:0 0 0 2px #fff}#route-pop .rp-pisah{padding:4px 7px 2px}#route-pop .rp-pisah i{display:block;height:1px;background:#7882914d;margin:2px 0 7px}#route-pop .rp-pisah span{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8b97a6}#route-pop .rp-tutup{cursor:not-allowed}#route-pop .rp-tutup:hover{background:transparent;color:var(--text)}#route-pop .rp-tutup .n,#route-pop .rp-tutup:hover .n{background:#c2cad4}#route-pop .rp-tutup .lbl{color:#8b97a6;text-decoration:line-through;text-decoration-thickness:1.5px}#route-pop .rp-tutup .lbl .alasan{display:block;font-size:10px;font-weight:600;text-decoration:none;opacity:.9}#route-pop .rp-ss .n{background:var(--warn, #e0812a)}#cab-hud{position:absolute;left:50%;transform:translate(-50%);bottom:42px;display:none;align-items:flex-end;gap:10px;white-space:nowrap;z-index:6;color:var(--heading);font-size:12px;--cab-trk: #2a313c;--cab-ok: #3ddc84;--cab-bad: #ff5b5b;--cab-kuning: #ffd53d;--cab-amber: #ffb020}body.light #cab-hud{--cab-trk: #d5d9df}#cab-hud.visible{display:flex}#cab-hud .pod{background:var(--panel-glass-2);border:1px solid var(--border-2);border-radius:16px;box-shadow:var(--pod-shadow)}#cab-hud .lbl{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}#cab-hud .gauge{width:150px;height:150px;position:relative;display:grid;place-items:center}#cab-hud .gauge svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#cab-hud .gauge path{fill:none;stroke-width:11;stroke-linecap:round}#cab-hud .gauge .trk{stroke:var(--cab-trk)}#cab-hud .gauge .ok{stroke:var(--cab-ok)}#cab-hud .gauge .bad{stroke:var(--cab-bad)}#cab-hud .gauge .ticks line{stroke:var(--muted);stroke-width:2}#cab-hud .gauge .ticks text{fill:var(--muted);font-size:9px;font-weight:700;text-anchor:middle}#cab-hud #cab-needle{transform-origin:85px 85px;transition:transform .12s linear}#cab-hud #cab-needle line{stroke:var(--heading);stroke-width:3;stroke-linecap:round}#cab-hud #cab-needle circle{fill:var(--heading)}#cab-hud .gauge .c{position:relative;text-align:center;margin-top:14px}#cab-hud .gauge .n{font-size:40px;font-weight:800;line-height:.9;font-variant-numeric:tabular-nums;letter-spacing:-.02em}#cab-hud .gauge .n.over{color:var(--cab-bad)}#cab-hud .gauge .u{font-size:10px;color:var(--muted);letter-spacing:.12em;font-weight:700}#cab-hud .gauge .l{font-size:11px;color:var(--cab-bad);font-weight:800;margin-top:3px;font-variant-numeric:tabular-nums}#cab-hud .lever{width:62px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:5px}#cab-hud .lever button{width:30px;height:26px;padding:0;font-size:14px;font-weight:800;border-radius:8px}#cab-hud .lever .sl{width:26px;height:78px;background:var(--cab-trk);border-radius:7px;position:relative;cursor:ns-resize;touch-action:none}#cab-hud .lever .sl i{position:absolute;left:0;right:0;bottom:0;border-radius:7px;background:var(--cab-ok);height:0}#cab-hud .lever.rem .sl i{background:var(--cab-bad)}#cab-hud .lever[data-lever=tgt] .sl i{background:var(--cab-amber)}#cab-hud .lever .sl b{position:absolute;left:-6px;right:-6px;height:14px;bottom:0;border-radius:4px;background:var(--heading);box-shadow:0 2px 4px #00000073;pointer-events:none}#cab-hud .lever .v{font-family:ui-monospace,monospace;font-weight:800;font-size:11px;font-variant-numeric:tabular-nums}#cab-hud .lever .v.over{color:var(--cab-bad)}#cab-hud .info{padding:10px 14px;display:flex;flex-direction:column;gap:7px;min-width:230px}#cab-hud .row{display:flex;gap:6px;align-items:center}#cab-hud .tno{font-weight:800;font-size:17px;color:var(--clock);margin-right:4px}#cab-hud button.tiny{font-size:11px;padding:2px 9px;border-radius:999px;background:transparent;color:var(--muted)}#cab-hud .look{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600}#cab-hud .look.sub{font-size:11.5px;color:var(--muted);font-weight:500}#cab-hud .look .why{overflow:hidden;text-overflow:ellipsis;max-width:190px}#cab-hud .look .d{font-family:ui-monospace,monospace;font-weight:800;font-size:14px;margin-left:auto;font-variant-numeric:tabular-nums}#cab-hud .look .asp{width:12px;height:12px;border-radius:50%;flex:none;background:var(--cab-ok);box-shadow:0 0 8px var(--cab-ok)}#cab-hud .look .asp[data-k=kuning]{background:var(--cab-kuning);box-shadow:0 0 8px var(--cab-kuning)}#cab-hud .look .asp[data-k=merah]{background:var(--cab-bad);box-shadow:0 0 8px var(--cab-bad)}#cab-hud .look .asp[data-k=taspat]{background:#fff;box-shadow:inset 0 0 0 3px var(--cab-bad)}#cab-hud .look .asp[data-k=lain],#cab-hud .look .asp[data-k=diam]{background:var(--muted);box-shadow:none}#cab-hud .look[data-k=kuning] .d{color:var(--cab-kuning)}#cab-hud .acts button{height:34px;padding:0 12px;font-size:14px;font-weight:700;border-radius:10px}#cab-hud .acts .stop{background:#5a1b1b;border-color:#a03030;color:#ffd0d0;font-size:12px}#cab-hud .acts .s35{background:#3b3320;border-color:#8a6a1c;color:#ffd97a}@media (max-width: 560px){#cab-hud{gap:6px;bottom:12px}#cab-hud .gauge{width:118px;height:118px}#cab-hud .gauge .n{font-size:30px}#cab-hud .info{min-width:0;padding:8px 10px}#cab-hud .look.sub{display:none!important}#cab-hud .look .why{max-width:120px}}.cab-badge{font-size:10px;font-weight:700;color:#ffb020;border:1px solid #ffb020;border-radius:4px;padding:0 4px;margin-left:4px}#announce-bar{position:absolute;left:50%;transform:translate(-50%);top:10px;max-width:70%;min-width:260px;display:flex;flex-direction:column;gap:5px;pointer-events:none;z-index:20}.ann-line{--wc: var(--mode-accent);background:#14181df0;border:1.5px solid color-mix(in srgb,var(--wc) 55%,transparent);border-left:5px solid var(--wc);border-radius:13px;padding:8px 14px 8px 12px;font-size:13px;color:var(--text);font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif;display:flex;align-items:center;gap:9px;max-height:132px;overflow:hidden;box-shadow:0 4px 14px #00000047;transition:max-height .25s ease,opacity .25s ease,padding .25s ease,margin .25s ease}.ann-line .isi{line-height:1.35}.ann-line.masuk{animation:ann-masuk .32s cubic-bezier(.2,.9,.3,1.2) both}@keyframes ann-masuk{0%{opacity:0;transform:translate(26px) scale(.96)}to{opacity:1;transform:none}}.ann-line.keluar{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-top:-5px}body.light .ann-line{background:#fffffff5}.ann-line .ikon{font-style:normal;font-size:15px;flex-shrink:0;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--wc) 20%,transparent)}.ann-line .tag-stasiun{flex-shrink:0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--wc) 22%,transparent);color:var(--wc)}.ann-line .isi{flex:1;min-width:0;font-weight:600}.ann-x{pointer-events:auto;flex:0 0 auto;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin:-3px -4px -3px 4px;padding:0;border:0;border-radius:50%;cursor:pointer;background:transparent;color:currentColor;font-size:12px;font-weight:700;line-height:1;opacity:.5;transition:opacity .12s ease,background .12s ease,transform .08s ease}.ann-x:hover{opacity:1;background:color-mix(in srgb,currentColor 16%,transparent)}.ann-x:active{transform:scale(.88)}.ann-approach{--wc: var(--clock)}.ann-pass{--wc: var(--accent-border)}.ann-arrive,.ann-depart{--wc: var(--good)}.ann-line.genta{border-color:#c9922e;background:#30240ef0;color:#f0c674;font-style:normal}body.light .ann-line.genta{background:#fff7e6f5;color:#7a5410}.ann-line.genta .kode{font-family:monospace;font-weight:700;letter-spacing:.5px}.ann-line.genta .kode.kode-masuk{font-family:inherit;letter-spacing:0;font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;white-space:nowrap;background:#c9922e38;border:1px solid rgba(201,146,46,.5)}.ann-line.genta .rangkaian{letter-spacing:2px;font-size:11px;opacity:.95}.log-entry{font-size:11px;padding:3px 0;border-bottom:1px solid var(--row-border);color:var(--heading)}.log-entry .t{color:var(--clock);font-family:monospace}#modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080b0e99;display:flex;align-items:center;justify-content:center;z-index:100}body.light #modal-backdrop{background:#3c465066}#modal{width:440px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 80px);overflow-y:auto;background:var(--panel);border:1px solid var(--border-2);border-radius:10px;padding:20px;box-shadow:0 12px 40px #00000073}#modal h2{font-size:18px;margin-bottom:4px;color:var(--text);letter-spacing:.3px}#modal .sub{font-size:12px;color:var(--muted);margin-bottom:14px}#modal h3{font-size:12px;margin:14px 0 6px;color:var(--heading);text-transform:uppercase;letter-spacing:.5px}#modal .menu-row{display:block;width:100%;text-align:left;padding:10px 12px;margin-bottom:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text);font-size:13px}#modal .menu-row:hover{background:var(--btn-hover);border-color:var(--accent-border)}#modal .menu-row .title{font-weight:700;color:var(--clock)}#modal .menu-row .desc{display:block;font-size:11px;color:var(--muted);margin-top:2px}#modal .slot-row{display:flex;align-items:center;gap:6px;padding:8px 10px;margin-bottom:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px}#modal .slot-row .info{flex:1;min-width:0}#modal .slot-row .name{font-weight:700;color:var(--clock);font-size:13px}#modal .slot-row .when{font-size:11px;color:var(--muted)}#modal .slot-row button{font-size:12px;padding:3px 8px}#modal input[type=text]{background:var(--input-bg);color:var(--text);border:1px solid var(--border-2);border-radius:4px;padding:6px 8px;font-size:13px}#modal .row{display:flex;gap:6px;align-items:center;margin:8px 0}#modal .row input{flex:1}#modal .row label{font-size:12px;color:var(--muted);min-width:72px}#modal .row .ext{font-size:12px;color:var(--muted)}#modal .opt-row{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}#modal .opt-row input{margin:0;accent-color:var(--accent)}#modal .opt-row.disabled{opacity:.45;cursor:default}#modal .exp-size{font-size:11px;color:var(--muted);margin:10px 0 0}#modal .exp-tujuan{font-size:11px;color:var(--muted);margin:4px 0 0;display:flex;align-items:center;gap:6px}#modal .exp-tujuan b{color:var(--text)}#modal .exp-tujuan button{font-size:11px;padding:2px 8px}#modal .footer{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;justify-content:flex-end}#modal .footer button.primary{background:var(--accent);border-color:var(--accent-border);color:#fff;font-weight:700}#modal .footer button.primary:hover{filter:brightness(1.15)}#modal:has(.md-konfirm){width:372px;border-radius:24px;padding:26px 24px 22px;text-align:center}.md-konfirm{display:flex;flex-direction:column;align-items:center}.mk-ikon{width:66px;height:66px;border-radius:20px;margin-bottom:14px;display:grid;place-items:center;font-size:32px;line-height:1;background:var(--panel-2);border:2px solid var(--border-2);box-shadow:0 4px 0 var(--border-2)}.mk-ikon.danger{background:color-mix(in srgb,var(--duo-red) 18%,var(--panel));border-color:var(--duo-red-d);box-shadow:0 4px 0 var(--duo-red-d)}.mk-title{font-family:var(--font-display);font-size:21px;font-weight:900;color:var(--text);margin:0;letter-spacing:0}.mk-sub{font-size:13.5px;font-weight:600;color:var(--muted);line-height:1.55;margin:8px 4px 0}.mk-sub b{color:var(--text);font-weight:900}.mk-aksi{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:22px}.mk-aksi button{width:100%;font-family:var(--font-display);font-size:15px;font-weight:900;cursor:pointer;padding:13px 16px;border-radius:16px;border:2px solid;transition:transform .06s,box-shadow .06s,filter .12s}.mk-ya{color:#fff;background:var(--duo-green);border-color:var(--duo-green-d);box-shadow:0 4px 0 var(--duo-green-d)}.mk-ya:hover{filter:brightness(1.06)}.mk-ya:active{transform:translateY(4px);box-shadow:0 0 0 var(--duo-green-d)}.mk-ya.danger{background:var(--duo-red);border-color:var(--duo-red-d);box-shadow:0 4px 0 var(--duo-red-d)}.mk-ya.danger:active{box-shadow:0 0 0 var(--duo-red-d)}.mk-batal{color:var(--muted);background:var(--panel);border-color:var(--border-2);box-shadow:0 4px 0 var(--border-2)}.mk-batal:hover{color:var(--text);background:var(--btn-hover)}.mk-batal:active{transform:translateY(4px);box-shadow:0 0 0 var(--border-2)}.n3d-body{width:100%;margin-top:16px}.n3d-judul{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.n3d-jml{padding:1px 7px;border-radius:999px;background:var(--btn-hover);color:var(--text);font-size:11px;letter-spacing:0}.n3d-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:208px;overflow-y:auto;overscroll-behavior:contain}.n3d-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border-2);border-radius:13px;background:var(--panel)}.n3d-glif{font-size:15px;line-height:1}.n3d-nama{flex:1;min-width:0;font-size:13.5px;font-weight:800;color:var(--text);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.n3d-pil{padding:2px 8px;border-radius:999px;background:var(--duo-gold);color:#3a2400;font-size:10px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}.n3d-sisa,.n3d-kabar{margin:10px 2px 0;font-size:12.5px;font-weight:600;color:var(--muted);line-height:1.5}.n3d-kabar{margin-top:0}.sj,.sj button{font-family:Nunito,-apple-system,Segoe UI,Roboto,sans-serif}.sj-title{font-size:22px;font-weight:900;letter-spacing:.1em;text-indent:.1em;text-transform:uppercase;color:var(--text)}.sj-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px}.sj-jam-mini{display:none;align-items:center;gap:6px}.sj-jam-mini .sj-digits{font-size:22px;min-width:0;padding:5px 9px 4px;border-radius:9px}.sj-jam-mini .sj-colon{font-size:20px;padding:0}.sj-jam-mini .sj-step{padding:7px 10px;border-radius:9px;font-size:11px;color:var(--muted);font-weight:900;background:var(--panel-2);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2)}.sj-jam-mini .sj-step:active{transform:translateY(3px);box-shadow:0 0 0 var(--border-2)}.sj-bawah{display:contents}.sj-chips-bawah{display:none}.sj-garis{display:flex;gap:4px;width:158px;margin:7px 0 8px}.sj-garis span{flex:1;height:5px;border-radius:3px}.sj-sub{font-size:12.5px;font-weight:700;color:var(--muted)}.sj-clock{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0 6px}.sj-col{display:flex;flex-direction:column;align-items:center;gap:8px}.sj-col .sj-step{width:100%;font-size:11px;line-height:1;padding:7px 0;color:var(--muted);font-weight:900;background:var(--panel-2);border:2px solid var(--border-2);border-radius:10px;box-shadow:0 3px 0 var(--border-2);transition:transform .06s,box-shadow .06s}.sj-col .sj-step:hover{color:var(--text);background:var(--btn-hover)}.sj-col .sj-step:active{transform:translateY(3px);box-shadow:0 0 0 var(--border-2)}.sj-digits{font-size:48px;font-weight:900;line-height:1;color:var(--text);min-width:96px;text-align:center;padding:12px 8px 10px;background:var(--panel-2);border:2px solid;border-radius:14px;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;cursor:default}.sj-digits.jam{border-color:#1cb0f6;box-shadow:0 4px #1899d6}.sj-digits.menit{border-color:#ffc800;box-shadow:0 4px #e6b400}.sj-colon{font-size:40px;font-weight:900;color:var(--muted);padding-bottom:22px}.sj-unit{font-size:9px;font-weight:900;letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;color:var(--muted)}.sj-line{position:relative;height:48px;margin:12px 4px 0;cursor:pointer;touch-action:none}.sj-rail{position:absolute;left:0;right:0;top:50%;height:12px;transform:translateY(-50%);background:var(--border-2);border-radius:6px}.sj-rail-past{position:absolute;left:0;top:50%;height:12px;transform:translateY(-50%);background:#58cc02;border-radius:6px;pointer-events:none}.sj-stn{position:absolute;top:50%;width:11px;height:11px;transform:translate(-50%,-50%);background:var(--panel);border:3px solid var(--border-2);border-radius:50%;pointer-events:none}.sj-stn.utama{width:18px;height:18px;border-color:var(--muted)}.sj-marker{position:absolute;top:50%;width:27px;height:27px;transform:translate(-50%,-50%);background:#ff4b4b;border:4px solid #fff;border-radius:50%;box-shadow:0 3px #00000059;pointer-events:none}body.light .sj-marker{box-shadow:0 3px #0003}.sj-ticks{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--muted);margin:4px 0 10px;font-variant-numeric:tabular-nums}.sj-chips{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 2px}.sj-chips button{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;padding:7px 13px;border-radius:14px;background:var(--panel-2);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2);color:var(--text);transition:transform .06s,box-shadow .06s}.sj-chips button:hover{background:var(--btn-hover)}.sj-chips button:active{transform:translateY(3px);box-shadow:0 0 0 var(--border-2)}.sj-chips .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sj-preview{margin:14px 0 0;border:2px solid var(--border-2);border-radius:14px;overflow:hidden}.sj-board-head{display:flex;justify-content:space-between;align-items:center;background:var(--panel-2);padding:8px 13px;font-size:9px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.sj-bar{height:12px;margin:10px 13px 0;background:var(--border);border-radius:6px;overflow:hidden}.sj-bar>div{height:100%;background:#58cc02;border-radius:6px;transition:width .15s ease}.sj-stats{display:flex;gap:14px;padding:8px 13px 0;font-size:11.5px;font-weight:800;flex-wrap:wrap}.sj-stats .s{display:inline-flex;align-items:center;gap:6px;color:var(--text)}.sj-stats .s small{font-weight:700;font-size:10.5px;color:var(--muted);text-transform:lowercase}.sj-stats .dot{width:10px;height:10px;border-radius:50%}.sj-dep{display:flex;gap:12px;padding:8px 13px 11px;flex-wrap:wrap;align-items:center}.sj-dep .lbl{font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.sj-dep .ka{display:inline-flex;align-items:center;gap:6px}.sj-dep .roundel{color:#fff;font-weight:900;font-size:10px;letter-spacing:.03em;border-radius:10px;padding:3px 9px}.sj-dep .waktu{font-size:11.5px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.sj-kosong{padding:10px 13px;font-size:11.5px;font-weight:700;color:var(--muted)}.sj-warn{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--muted);margin-top:12px}.sj-warn .dot{width:10px;height:10px;border-radius:50%;background:#ffc800;flex-shrink:0}#modal .footer button.sj-batal{background:var(--panel-2);color:var(--muted);font-weight:900;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:10px 18px;border-radius:14px;border:2px solid var(--border-2);box-shadow:0 4px 0 var(--border-2);transition:transform .06s,box-shadow .06s}#modal .footer button.sj-batal:hover{color:var(--text);background:var(--btn-hover)}#modal .footer button.sj-batal:active{transform:translateY(4px);box-shadow:0 0 0 var(--border-2)}#modal .footer button.sj-berangkat{background:#58cc02;color:#fff;font-weight:900;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:10px 20px;border-radius:14px;border:2px solid #58cc02;box-shadow:0 4px #46a302;transition:transform .06s,box-shadow .06s}#modal .footer button.sj-berangkat:hover{filter:brightness(1.06)}#modal .footer button.sj-berangkat:active{transform:translateY(4px);box-shadow:0 0 #46a302}#layers-menu{position:fixed;z-index:60;width:214px;background:var(--panel-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-2);border-radius:8px;padding:6px;box-shadow:0 6px 20px #00000047;font-size:12px;color:var(--text)}#layers-menu .lm-head{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:6px 6px 3px}#layers-menu .lm-row{display:flex;align-items:center;gap:7px;padding:5px 6px;border-radius:5px;cursor:pointer}#layers-menu .lm-row:hover{background:var(--btn-hover)}#layers-menu .lm-row input{margin:0;accent-color:var(--accent)}#layers-menu .lm-row.lm-off{color:var(--muted);cursor:not-allowed;opacity:.6}#layers-menu .lm-slider{display:flex;align-items:center;gap:8px;padding:5px 6px}#layers-menu .lm-slider input[type=range]{flex:1;accent-color:var(--accent)}#layers-menu .lm-slider .lm-val{font-variant-numeric:tabular-nums;min-width:2.8em;text-align:right;color:var(--muted);font-weight:700}#intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;height:100dvh;background:var(--bg);overflow:hidden;transition:opacity .55s ease,transform .55s cubic-bezier(.4,0,.2,1),filter .55s ease;--iblur: 7px;--iglass: .08}#intro.tutup{opacity:0;transform:scale(1.08);filter:blur(7px);pointer-events:none}#intro-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:blur(var(--iblur));transition:filter .25s ease}#intro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,rgba(8,11,15,calc(var(--iglass) * .35)) 0%,transparent 55%),rgba(8,11,15,var(--iglass))}body.light #intro:after{background:radial-gradient(ellipse at 50% 46%,rgba(235,240,246,calc(var(--iglass) * .35)) 0%,transparent 55%),rgba(235,240,246,var(--iglass))}#intro-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:24px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;justify-content:safe center}#intro-title{text-align:center;animation:intro-turun .8s cubic-bezier(.2,.7,.2,1) both}#intro-title .brand{font-family:var(--font-display);font-size:clamp(60px,11vw,116px);font-weight:900;line-height:.95;letter-spacing:.02em;text-indent:.02em;color:var(--text);text-shadow:0 2px 10px rgba(0,0,0,.6),0 6px 34px rgba(0,0,0,.45)}body.light #intro-title .brand{text-shadow:0 2px 12px rgba(255,255,255,.9),0 6px 30px rgba(255,255,255,.7)}#intro-title .brand-garis{display:flex;justify-content:center;gap:5px;margin:12px auto 10px;width:min(320px,60vw)}#intro-title .brand-garis span{flex:1;height:5px;border-radius:3px}#intro-title .brand-sub{font-size:clamp(13px,2vw,19px);font-weight:700;letter-spacing:.55em;text-indent:.55em;color:var(--heading);text-shadow:0 2px 12px rgba(0,0,0,.55)}#intro-title .tagline{max-width:480px;margin:14px auto 0;font-size:13px;color:var(--muted);line-height:1.5;text-shadow:0 1px 10px rgba(0,0,0,.5)}body.light #intro-title .brand-sub{text-shadow:0 2px 12px rgba(255,255,255,.85)}body.light #intro-title .tagline{text-shadow:0 1px 10px rgba(255,255,255,.8)}#intro-menu{display:flex;flex-direction:column;gap:9px;width:min(430px,92vw);animation:intro-naik .8s .25s cubic-bezier(.2,.7,.2,1) both;transition:width .35s cubic-bezier(.2,.7,.2,1)}#intro-menu.grid{width:min(1400px,94vw);flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:0 4px 24px}.tpl-kepala{position:sticky;top:0;z-index:6;display:flex;flex-direction:column;gap:6px;margin:3px 3px 8px;padding:10px 14px 2px;background:var(--panel);border:2px solid var(--border-2);border-radius:18px;box-shadow:0 4px 0 var(--border-2)}.tpl-brand{display:flex;flex-direction:column;line-height:1;margin-right:4px;text-shadow:none}.tpl-brand b{font-family:var(--font-display);font-size:30px;font-weight:900;letter-spacing:.02em;color:var(--text);text-transform:none}.tpl-brand .garis{display:flex;gap:3px;margin-top:4px}.tpl-brand .garis i{flex:1;height:4px;border-radius:2px}#intro-inner.pilih:has(.tpl-kepala) #intro-title{display:none}#intro-inner.pilih:has(.tpl-kepala){padding-top:10px}.tpl-kepala .intro-head{padding-right:96px;margin-bottom:0;text-shadow:none}.tpl-sek-t{display:flex;align-items:center;gap:8px;margin:6px 3px 8px;font-family:var(--font-display);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--heading)}.tpl-sek-t span{font-weight:700;letter-spacing:0;text-transform:none;color:var(--muted)}.tpl-dinas{display:flex;gap:12px;overflow-x:auto;padding:3px 3px 10px;scrollbar-width:thin;flex:none}.tpl-dn{flex:0 0 340px;display:flex;gap:12px;align-items:center;cursor:pointer;background:var(--panel);border:2px solid var(--border-2);border-radius:18px;padding:10px 12px;box-shadow:0 4px 0 var(--border-2);text-align:left;font:inherit;color:inherit;transition:transform .06s,box-shadow .06s,border-color .12s}.tpl-dn:hover{border-color:var(--duo-blue);box-shadow:0 4px 0 var(--duo-blue-d)}.tpl-dn img{width:84px;height:56px;object-fit:cover;border-radius:10px;flex:none;background:var(--panel-2)}.tpl-dn .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tpl-dn .tx b{font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-dn .tx small{font-size:11.5px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-dn .bar-p{height:5px;border-radius:3px;background:var(--btn-bg);overflow:hidden;margin-top:4px}.tpl-dn .bar-p i{display:block;height:100%;background:var(--duo-green);border-radius:3px}.tpl-dn .go{flex:none;font:inherit;font-weight:900;font-size:13px;color:#fff;cursor:pointer;white-space:nowrap;background:var(--duo-green);border:2px solid var(--duo-green-d);border-radius:12px;padding:8px 12px;box-shadow:0 3px 0 var(--duo-green-d)}.tpl-dn .go:active{transform:translateY(3px);box-shadow:none}.tpl-dn .go.sedang-muat{opacity:.7}#intro-menu.sheet{width:min(460px,94vw);flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:2px 4px 24px;scrollbar-width:thin}#intro-inner.pilih:has(#intro-menu.sheet) #intro-title{align-self:center;text-align:center;width:min(460px,94vw)}#intro-inner.pilih{gap:12px;justify-content:flex-start;padding-top:3vh;padding-bottom:14px}#intro-inner.pilih #intro-foot{display:none}#intro-inner.pilih #intro-title{text-align:left;width:min(1000px,94vw);align-self:center}#intro-inner.pilih #intro-title .brand{font-size:clamp(26px,3.4vw,38px)}#intro-inner.pilih #intro-title .brand-garis{margin:5px 0 4px;width:min(150px,32vw);height:3px}#intro-inner.pilih #intro-title .brand-sub{font-size:10px}#intro-inner.pilih #intro-title .tagline{display:none}#intro-title .brand,#intro-title .brand-garis,#intro-title .brand-sub{transition:font-size .35s cubic-bezier(.2,.7,.2,1),width .35s,margin .35s}.intro-btn{display:block;width:100%;text-align:left;padding:14px 18px;background:var(--panel);border:2px solid var(--border-2);border-radius:16px;box-shadow:0 4px 0 var(--border-2);cursor:pointer;transition:transform .06s ease,box-shadow .06s ease,background .12s,border-color .12s}.intro-btn:hover{background:var(--btn-hover);border-color:var(--muted)}.intro-btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--border-2)}.intro-btn .t{display:block;font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--text);letter-spacing:.2px}.intro-btn .d{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-top:2px;line-height:1.4}.intro-btn.utama{background:var(--duo-green);border-color:var(--duo-green-d);box-shadow:0 4px 0 var(--duo-green-d)}.intro-btn.utama:hover{background:var(--duo-green);filter:brightness(1.05);border-color:var(--duo-green-d)}.intro-btn.utama:active{box-shadow:0 0 0 var(--duo-green-d)}.intro-btn.utama .t{color:#fff}.intro-btn.utama .d{color:#ffffffe6}.wa-kartu{display:flex;align-items:center;gap:13px;margin-top:4px;background:linear-gradient(135deg,#25d366,#12a45a);border-color:#0d8043;box-shadow:0 4px #0d8043}.wa-kartu:hover{background:linear-gradient(135deg,#2ee06f,#14b464);border-color:#0d8043}.wa-kartu:active{box-shadow:0 0 #0d8043}.wa-kartu .t,.wa-kartu .wa-chev{color:#fff}.wa-kartu .d{color:#ffffffeb}.wa-txt{min-width:0}.wa-ikon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;font-size:18px;background:#ffffff2e;color:#fff}.wa-logo{width:22px;height:22px;display:block}.wa-chev{margin-left:auto;font-size:22px;font-weight:700;line-height:1}.wa-pil{display:inline-block;vertical-align:1px;margin-left:7px;font-family:var(--font-ui, inherit);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--duo-green, #58a700);color:#fff}.wa-kartu.terkunci{background:var(--panel);border-color:var(--border-2);box-shadow:0 4px 0 var(--border-2)}.wa-kartu.terkunci:hover{background:var(--btn-hover);border-color:var(--muted)}.wa-kartu.terkunci:active{box-shadow:0 0 0 var(--border-2)}.wa-kartu.terkunci .t{color:var(--text)}.wa-kartu.terkunci .d,.wa-kartu.terkunci .wa-chev{color:var(--muted)}.wa-kartu.terkunci .wa-ikon{background:#80808029;color:var(--muted)}.intro-lain{margin:-6px 0 2px;align-self:center;background:none;border:0;cursor:pointer;font-size:13px;font-weight:700;color:var(--muted);padding:7px 12px;border-radius:10px;transition:color .15s,background .15s}.intro-lain:hover{color:var(--text);background:var(--btn-hover)}.intro-logout{margin-top:6px;align-self:center;background:none;border:0;cursor:pointer;font-size:13px;font-weight:700;color:var(--muted);padding:8px 12px;border-radius:10px;transition:color .15s,background .15s}.intro-logout:hover{color:#e05a5a;background:#dc46461a}.akun-kartu{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--btn-bg);border:1px solid var(--border-2)}.akun-av{flex:0 0 auto;width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--border-2)}.akun-av-i{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:18px;color:#fff;background:var(--accent)}.akun-info{min-width:0}.akun-nama{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.akun-lang{display:flex;align-items:center;gap:8px;margin-top:3px;flex-wrap:wrap}.akun-badge{font-size:11px;font-weight:800;letter-spacing:.02em;padding:2px 9px;border-radius:999px;color:#fff}.akun-badge.paid{background:var(--duo-green, #58a700)}.akun-badge.trial{background:#e0930b}.akun-badge.none{background:#9aa5b1}.akun-sd{font-size:12px;font-weight:600;color:var(--muted)}button.akun-kartu{width:100%;text-align:left;cursor:pointer;font:inherit}button.akun-kartu:hover{border-color:var(--muted)}button.akun-kartu:active{transform:translateY(2px)}.akun-chev{margin-left:auto;font-size:22px;font-weight:700;color:var(--muted);line-height:1}.akun-page{display:flex;flex-direction:column;gap:14px;width:min(440px,94vw)}.akun-hd{display:flex;align-items:center;gap:14px}.akun-av.besar{width:60px;height:60px;font-size:26px}.akun-nama.besar{font-size:20px;white-space:normal}.akun-email{font-size:13px;font-weight:600;color:var(--muted);margin-top:2px}.akun-sect{background:var(--btn-bg);border:1px solid var(--border-2);border-radius:16px;padding:6px 14px 10px}.akun-sect-t{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 0 6px}.akun-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--border-2)}.akun-k{font-size:13px;font-weight:600;color:var(--muted)}.akun-v{font-size:14px;font-weight:700;color:var(--text);text-align:right}.akun-aksi{display:flex;flex-direction:column;gap:8px}.akun-form textarea{resize:vertical;font:inherit;min-height:66px;background:var(--input-bg, var(--btn-bg));color:var(--text);border:1px solid var(--border-2);border-radius:12px;padding:11px 13px}.akun-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-border);outline:none}.ep-count{float:right;font-size:11px;font-weight:700;color:var(--muted)}.akun-sub-aksi{display:flex;flex-direction:column;gap:8px;margin-top:10px}.pk-submit.alt{background:var(--btn-bg);color:var(--text);border:1px solid var(--border-2);box-shadow:0 4px #00000024}.pk-google.mini{padding:9px 14px;font-size:13px;box-shadow:0 3px #00000024}.ep-foto{display:flex;align-items:center;gap:14px;margin-bottom:4px}.ep-ava{flex:0 0 auto;width:72px;height:72px;border-radius:50%;overflow:hidden;border:1px solid var(--border-2);background:var(--accent);display:flex;align-items:center;justify-content:center;position:relative}.ep-ava img{width:100%;height:100%;object-fit:cover}.ep-ava .ava-i{font-family:var(--font-display);font-weight:900;font-size:30px;color:#fff}.ep-ava.sibuk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;background-image:radial-gradient(circle,#fff 2px,transparent 2px);animation:pkgSpin .8s linear infinite}.ep-foto-aksi{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.ep-foto-hapus{background:none;border:0;cursor:pointer;font-size:12px;font-weight:700;color:#e05a5a;padding:2px 0}.ep-foto-hapus:hover{text-decoration:underline}.ep-foto-ket{font-size:11px;color:var(--muted)}#modal .footer button.bahaya{background:#e05a5a;border-color:#c94848;color:#fff;font-weight:800}#modal .footer button.bahaya:hover{filter:brightness(1.08)}.intro-head{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--heading);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;text-shadow:0 2px 12px rgba(0,0,0,.55)}.intro-head .intro-head-txt{display:flex;flex-direction:column;gap:2px}.intro-head .intro-head-txt small{font-family:Nunito,system-ui,sans-serif;font-size:11px;font-weight:600;text-transform:none;letter-spacing:.1px;color:var(--muted);text-shadow:none}body.light .intro-head{text-shadow:0 2px 12px rgba(255,255,255,.85)}.intro-head button{font-size:16px;font-weight:900;padding:5px 14px;border-radius:12px;background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2);transition:transform .06s,box-shadow .06s,background .12s}.intro-head button:hover{background:var(--btn-hover)}.intro-head button:active{transform:translateY(3px);box-shadow:0 0 0 var(--border-2)}.intro-list{display:flex;flex-direction:column;gap:9px;max-height:46vh;overflow-y:auto;padding-right:4px}.tpl-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));grid-auto-rows:max-content;align-content:start;overflow:visible;flex:none;padding:3px}.tpl-card{display:flex;flex-direction:column;text-align:left;padding:0;overflow:hidden;background:var(--panel);border:2px solid var(--border-2);border-radius:20px;box-shadow:0 5px 0 var(--border-2);cursor:pointer;transform:perspective(900px) rotateX(var(--ty, 0deg)) rotateY(var(--tx, 0deg)) translateY(var(--lift, 0px));transition:transform .12s ease-out,border-color .15s,box-shadow .12s;animation:tpl-fade .55s cubic-bezier(.2,.7,.2,1) both}.tpl-card:nth-child(2){animation-delay:.08s}.tpl-card:nth-child(3){animation-delay:.16s}.tpl-card:nth-child(4){animation-delay:.24s}.tpl-card:hover{--lift: -2px;border-color:var(--duo-blue);box-shadow:0 7px 0 var(--duo-blue-d),0 18px 34px #0006}.tpl-card:active{--lift: 4px;box-shadow:0 1px 0 var(--border-2)}@keyframes tpl-fade{0%{opacity:0}to{opacity:1}}body.light .tpl-card:hover{box-shadow:0 7px 0 var(--duo-blue-d),0 18px 34px #5a697847}.tpl-card .thumb{display:block;position:relative;aspect-ratio:2 / 1;overflow:hidden;flex:0 0 auto;background:var(--bg);border-bottom:1px solid var(--border)}.tpl-card .thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.tpl-card:hover .thumb img{transform:scale(1.06)}.tpl-card .isi{display:flex;flex-direction:column;flex:1 1 auto;padding:13px 16px 15px}.tpl-card .t{display:block;font-family:var(--font-display);font-size:21px;font-weight:900;color:var(--text);letter-spacing:.1px;line-height:1.1}.tpl-card .tpl-kredit{display:block;margin-top:4px;font-size:10px;font-weight:700;letter-spacing:.01em;color:var(--muted);opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-card .s{display:block;margin-top:3px;font-size:11px;font-weight:700;color:var(--heading);text-transform:uppercase;letter-spacing:.06em}.tpl-card .d{display:block;margin-top:8px;font-family:Nunito,ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-size:12px;font-weight:600;color:var(--muted);line-height:1.5}.tpl-card:not(.hero) .d{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tpl-card .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.tpl-card .chips i{--sc: var(--border-2);--scd: var(--muted);display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:10.5px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;line-height:1;color:#fff;padding:6px 12px;border-radius:999px;background:var(--sc);border:2px solid var(--scd);box-shadow:0 3px 0 var(--scd)}.tpl-card .chips i b{font-size:12px;font-weight:400;line-height:1}.tpl-card .chips i.c-stasiun{--sc: var(--duo-blue);--scd: var(--duo-blue-d)}.tpl-card .chips i.c-ganda{--sc: var(--duo-green);--scd: var(--duo-green-d)}.tpl-card .chips i.c-tunggal{--sc: var(--duo-purple);--scd: var(--duo-purple-d)}.tpl-card .chips i.c-ka{--sc: var(--duo-orange);--scd: var(--duo-orange-d)}.tpl-card .chips i.c-tutup{--sc: var(--duo-red);--scd: var(--duo-red-d)}.tpl-card .chips i.c-gunung{--sc: var(--duo-green);--scd: var(--duo-green-d)}.tpl-card .chips i.c-mekanik{--scd: var(--duo-orange-d);color:#3a2400;background:linear-gradient(180deg,var(--duo-gold),var(--duo-orange))}.tpl-card .tpl-path{display:block;margin-top:14px}.tpl-card .pk-lbl{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.tpl-card .pk-line{position:relative;display:flex;justify-content:space-between;align-items:flex-start}.tpl-card .pk-line:before{content:"";position:absolute;left:14px;right:14px;top:14px;height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--duo-blue) 0 8px,transparent 8px 14px);opacity:.5}.tpl-card .pk-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0}.tpl-card .pk-line.collapse .pk-node{flex:0 0 auto}.tpl-card .pk-dot{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:900;color:#fff;background:var(--duo-blue);border:3px solid var(--panel);box-shadow:0 0 0 2px var(--duo-blue)}.tpl-card .pk-node.awal .pk-dot{background:var(--duo-orange);box-shadow:0 0 0 2px var(--duo-orange)}.tpl-card .pk-node.akhir .pk-dot{background:var(--duo-green);box-shadow:0 0 0 2px var(--duo-green)}.tpl-card .pk-node small{font-size:8.5px;font-weight:800;color:var(--muted);text-align:center;line-height:1.1;max-width:58px;overflow-wrap:anywhere}.tpl-card .pk-more{position:relative;z-index:1;align-self:flex-start;display:inline-flex;flex-direction:column;align-items:center;line-height:1;background:var(--panel);border:2.5px solid var(--duo-blue);border-radius:14px;padding:5px 12px;box-shadow:0 2px 0 var(--duo-blue-d)}.tpl-card .pk-more b{font-size:14px;font-weight:900;color:var(--duo-blue)}.tpl-card .pk-more span{font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:1px}.tpl-badge{position:absolute;top:10px;left:10px;z-index:2;font-size:10px;font-weight:900;letter-spacing:.08em;padding:4px 11px;border-radius:999px;border:2px solid currentColor;box-shadow:0 2px 6px #00000040}.tpl-badge.ppka{color:var(--duo-green);background:color-mix(in srgb,var(--duo-green) 18%,var(--panel))}.tpl-badge.ctc{color:var(--duo-blue);background:color-mix(in srgb,var(--duo-blue) 18%,var(--panel))}.tpl-card .tpl-tr{position:absolute;top:10px;right:10px;z-index:3;display:flex;align-items:center;gap:6px}.tpl-pita{font-size:10px;font-weight:900;letter-spacing:.05em;padding:5px 12px;border-radius:999px;color:#3a2400;background:linear-gradient(180deg,var(--duo-gold),var(--duo-orange));box-shadow:0 2px 8px #b46e0080}.tpl-card .tpl-scrim{position:absolute;inset:auto 0 0 0;height:58%;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(8,12,16,.6))}body.light .tpl-card .tpl-scrim{background:linear-gradient(180deg,transparent,rgba(22,32,42,.45))}.tpl-resmi{position:absolute;right:10px;bottom:10px;z-index:2;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;letter-spacing:.02em;color:#fff;padding:6px 12px 6px 8px;border-radius:12px;background:#1419208c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.18);transition:transform .12s,filter .12s}.tpl-resmi .tr{flex:none;width:19px;height:19px;border-radius:8px;display:grid;place-items:center;font-size:11px;background:var(--duo-gold)}.tpl-resmi:hover{transform:scale(1.06);filter:brightness(1.08)}.tpl-resmi.baru{animation:resmi-denyut 1.6s ease-in-out 4}@keyframes resmi-denyut{50%{transform:scale(1.1);box-shadow:0 0 14px #ffc80088}}@media (prefers-reduced-motion: reduce){.tpl-resmi.baru{animation:none}}.tpl-card .tpl-im3d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .34s ease}.tpl-card.t3d-siap:hover .tpl-im3d,.tpl-card.t3d-siap:focus-visible .tpl-im3d,.tpl-card.t3d-siap.lihat3d .tpl-im3d{opacity:1}.tpl-card.t3d-siap:hover .thumb>img:first-child,.tpl-card.t3d-siap.lihat3d .thumb>img:first-child{opacity:0}.tpl-card .thumb>img:first-child{transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .34s ease}.tpl-pil3d{display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.06em;color:#e9f6ff;padding:4px 10px 4px 5px;border-radius:999px;background:#0a1a269e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1.5px solid rgba(120,205,255,.5);transition:background .14s,color .14s,transform .12s}.tpl-pil3d .kb{width:16px;height:16px;border-radius:5px;display:grid;place-items:center;font-size:10px;font-weight:900;color:#04202f;background:linear-gradient(150deg,#5fd0ff,#1c86f6)}.tpl-pil3d:hover{transform:scale(1.06)}.tpl-card.lihat3d .tpl-pil3d{background:#1cb0f6eb;border-color:#8fdcff;color:#03202e}.tpl-pil3d.penguji{border-color:#ffc80099;color:#ffe6a3}.tpl-pil3d.penguji .kb{background:linear-gradient(150deg,var(--duo-gold),var(--duo-orange));color:#3a2400}.tpl-card.lihat3d .tpl-pil3d.penguji{background:var(--duo-gold);border-color:#ffe6a3;color:#3a2400}.tpl-card:not(.t3d-siap) .tpl-pil3d{cursor:default;opacity:.75}.tpl-card .tpl-istimewa{position:absolute;left:0;right:0;bottom:0;z-index:2;pointer-events:none;display:flex;align-items:center;gap:7px;padding:22px 12px 9px;font-size:11px;font-weight:800;color:#dfe9f2;line-height:1.25;background:linear-gradient(180deg,transparent,rgba(6,11,16,.88));transform:translateY(100%);opacity:0;transition:transform .24s ease,opacity .24s ease}.tpl-card .tpl-istimewa .g{font-size:13px;flex:none}.tpl-card .tpl-istimewa>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpl-card .tpl-istimewa b{color:#fff;font-weight:900}.tpl-card:hover .tpl-istimewa,.tpl-card:focus-visible .tpl-istimewa,.tpl-card.lihat3d .tpl-istimewa{transform:none;opacity:1}.tpl-card .tpl-level,.tpl-card .tpl-resmi{transition:bottom .24s ease,transform .12s,filter .12s}.tpl-card:hover .tpl-level,.tpl-card.lihat3d .tpl-level{bottom:42px}.tpl-card:hover .tpl-resmi,.tpl-card.lihat3d .tpl-resmi{bottom:44px}@media (hover: none){.tpl-card .tpl-istimewa{transform:none;opacity:1}.tpl-card .tpl-level{bottom:42px}.tpl-card .tpl-resmi{bottom:44px}.tpl-pil3d{font-size:11px;padding:6px 12px 6px 6px}}@media (prefers-reduced-motion: reduce){.tpl-card .tpl-im3d,.tpl-card .tpl-istimewa,.tpl-card .tpl-level,.tpl-card .tpl-resmi{transition:none}}.tpl-card.terkunci .thumb img{filter:blur(4px) saturate(.6) brightness(.6);transform:scale(1.06)}.tpl-card.terkunci .thumb .tpl-im3d{transform:scale(1.06)}.tpl-frost{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;background:#0c111875}body.light .tpl-frost{background:#121a2466}.tpl-buka{display:inline-flex;align-items:center;gap:7px;font-weight:900;font-size:13px;padding:10px 18px;border-radius:999px;color:#5a3d00;background:var(--duo-gold);box-shadow:0 5px #c98f00,0 8px 14px #0000004d;transition:transform .1s,box-shadow .1s,filter .1s}.tpl-buka svg{width:15px;height:15px;fill:#5a3d00}.tpl-card.terkunci:hover .tpl-buka{filter:brightness(1.05)}.tpl-card.terkunci:active .tpl-buka{transform:translateY(3px);box-shadow:0 2px #c98f00}.tpl-card.terkunci .tpl-cta{background:color-mix(in srgb,var(--duo-gold) 20%,var(--panel));color:var(--text)}.gate-langgan{text-align:center;max-width:380px;margin:0 auto;padding:4px 2px}.gate-langgan .gl-disc{width:60px;height:60px;border-radius:50%;margin:2px auto 14px;display:grid;place-items:center;background:var(--duo-gold);box-shadow:inset 0 -3px #0000001f}.gate-langgan .gl-disc svg{width:28px;height:28px;fill:#5a3d00}.gate-langgan h2{margin:0 0 6px;font-size:21px;font-weight:900;letter-spacing:-.01em;text-wrap:balance}.gate-langgan .gl-sub{margin:0 0 16px;color:var(--muted);font-size:13.5px;font-weight:600;line-height:1.45}.gate-langgan .gl-sub b{color:var(--text)}.gate-langgan .gl-perks{list-style:none;margin:0 0 16px;padding:0;text-align:left;display:flex;flex-direction:column;gap:9px}.gate-langgan .gl-perks li{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700}.gate-langgan .gl-perks .ck{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--duo-green);color:#fff;font-size:12px;font-weight:900}.gate-langgan .gl-free{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted);margin:0 0 18px}.gate-langgan .gl-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;background:color-mix(in srgb,var(--duo-green) 15%,var(--panel));color:var(--duo-green-d);font-weight:900;font-size:12px}.gate-langgan .gl-btn{display:block;width:100%;border:none;font-family:inherit;font-weight:900;cursor:pointer;border-radius:16px;font-size:15px;padding:15px;letter-spacing:.01em}.gate-langgan .gl-btn.primary{color:#5a3d00;background:var(--duo-gold);box-shadow:0 5px #c98f00;margin-bottom:10px}.gate-langgan .gl-btn.primary:active{transform:translateY(3px);box-shadow:0 2px #c98f00}.gate-langgan .gl-btn.ghost{background:transparent;color:var(--text);border:2px solid var(--border-2);font-size:14px;padding:13px}.gate-langgan .gl-btn.ghost:hover{border-color:var(--accent)}.gate-langgan .gl-cap{margin:14px 0 0;font-size:11.5px;color:var(--muted);font-weight:600;line-height:1.4}.tpl-meta{display:flex;align-items:center;justify-content:flex-end;margin-top:12px}.tpl-card:not(.hero) .tpl-meta{margin-top:auto;padding-top:14px}.tpl-level{position:absolute;left:10px;bottom:8px;z-index:2;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:900;letter-spacing:.03em;padding:5px 11px;border-radius:999px;background:#0e141a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-shadow:0 1px 3px rgba(0,0,0,.5)}.tpl-level em{font-style:normal}.tpl-level i{width:7px;height:7px;border-radius:50%;background:#ffffff4d}.tpl-level i.on{background:currentColor}.tpl-level.lengang{color:var(--duo-green)}.tpl-level.sedang{color:var(--duo-orange)}.tpl-level.padat{color:var(--duo-red)}.tpl-level em{font-style:normal;color:#e8eef4}body.light .tpl-level{background:#ffffffd1;border:1px solid rgba(0,0,0,.1);text-shadow:none}body.light .tpl-level em{color:var(--heading)}body.light .tpl-level i{background:#00000026}body.light .tpl-level i.on{background:currentColor}.tpl-cta{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;color:#fff;background:var(--duo-green);border:2px solid var(--duo-green-d);box-shadow:0 3px 0 var(--duo-green-d);padding:7px 15px;border-radius:999px;transition:filter .12s,transform .12s}.tpl-cta b{font-weight:900;transition:transform .15s}.tpl-card:hover .tpl-cta{filter:brightness(1.08)}.tpl-card:hover .tpl-cta b{transform:translate(3px)}.tpl-card.hero{grid-column:1 / -1;flex-direction:row;align-items:stretch;border-color:var(--duo-orange-d);box-shadow:0 6px 0 var(--duo-orange-d),0 14px 30px #00000059}.tpl-card.hero:hover{border-color:var(--duo-orange);box-shadow:0 8px 0 var(--duo-orange-d),0 20px 40px #00000073}.tpl-card.hero .thumb{flex:1 1 56%;aspect-ratio:auto;min-height:210px;border-bottom:none;border-right:1px solid var(--border)}.tpl-card.hero .isi{flex:1 1 44%;display:flex;flex-direction:column;justify-content:center}.tpl-card.hero .t{font-size:26px}.tpl-card.hero .d{font-size:13px}@media (max-width: 760px){.tpl-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tpl-card.hero{flex-direction:column}.tpl-card.hero .thumb{flex:0 0 auto;aspect-ratio:3.2 / 1;min-height:0;border-right:none;border-bottom:1px solid var(--border)}}@media (max-width: 600px){.tpl-card .isi{padding:10px 11px 12px}.tpl-card .t{font-size:16px}.tpl-card .s{font-size:10px}.tpl-card .d{font-size:11px;margin-top:6px;line-height:1.45}.tpl-card .chips{gap:6px;margin-top:9px}.tpl-card .chips i{font-size:9.5px;padding:5px 10px}.tpl-card .pk-dot{width:26px;height:26px}.tpl-card .pk-line:before{top:12.5px}.tpl-card .pk-node small{font-size:8px}}#intro-foot{margin-top:2px;text-align:center;font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;animation:intro-naik .8s .5s ease both}@media (min-height: 1000px){#intro-foot{position:absolute;bottom:18px;left:0;right:0;margin-top:0}}#intro-versi{margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:0;text-transform:none;opacity:.62}@keyframes intro-turun{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:none}}@keyframes intro-naik{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}#intro-sound,#intro-theme{position:absolute;top:16px;z-index:3;width:42px;height:42px;font-size:18px;line-height:1;border-radius:50%;background:var(--panel-glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-2);cursor:pointer}#intro-sound{right:16px}#intro-theme{right:66px}#intro-sound:hover,#intro-theme:hover{border-color:var(--accent-border)}#intro-kembali-app{display:none;position:absolute;top:16px;left:max(16px,env(safe-area-inset-left));z-index:3;width:42px;height:42px;font-size:20px;line-height:1;border-radius:50%;background:var(--panel-glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-2);color:var(--text);cursor:pointer}#intro:has(#in-kembali-app) #intro-kembali-app{display:block}#intro-kembali-app:hover{border-color:var(--accent-border)}.pk-login{display:flex;flex-direction:column;gap:13px;width:100%;text-align:left;background:#161c2661;backdrop-filter:blur(34px) saturate(1.7);-webkit-backdrop-filter:blur(34px) saturate(1.7);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:24px 22px 20px;box-shadow:0 24px 60px #00000052,inset 0 1px #ffffff2e;animation:intro-naik .7s .15s cubic-bezier(.2,.7,.2,1) both}body.light .pk-login{background:#ffffff6b;border-color:#ffffffbf;box-shadow:0 24px 60px #465f8238,inset 0 1px #ffffffe6}.pk-card-hd{margin-bottom:4px}.pk-card-t{font-size:17px;font-weight:900;color:var(--heading);line-height:1.15}.pk-card-s{font-size:12px;font-weight:600;color:var(--muted);margin-top:3px}.pk-field{display:flex;flex-direction:column;gap:6px}.pk-field label{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--heading)}.pk-login input{width:100%;box-sizing:border-box;background:#ffffff14;border:1.5px solid rgba(255,255,255,.16);border-radius:14px;padding:14px 15px;font-size:15px;font-weight:600;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}body.light .pk-login input{background:#ffffff73;border-color:#1e325024}.pk-login input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-border)}.pk-submit{margin-top:4px;border:0;border-radius:16px;background:var(--accent);color:#fff;font-size:15px;font-weight:900;letter-spacing:.02em;padding:15px;cursor:pointer;box-shadow:0 5px #00000047;transition:transform .06s,box-shadow .06s,opacity .15s}.pk-submit:active{transform:translateY(3px);box-shadow:0 2px #00000047}.pk-submit[disabled]{opacity:.6;cursor:default}.pk-atau{display:flex;align-items:center;gap:12px;margin:2px 0;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pk-atau:before,.pk-atau:after{content:"";flex:1;height:1px;background:var(--border-2)}.pk-google{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border-2);border-radius:16px;background:#fff;color:#1f2328;font-size:15px;font-weight:800;padding:13px;cursor:pointer;box-shadow:0 4px #00000029;transition:transform .06s,box-shadow .06s,opacity .15s}.pk-google:active{transform:translateY(2px);box-shadow:0 2px #00000029}.pk-google[disabled]{opacity:.6;cursor:default}.pk-g-ico{display:flex;align-items:center}.pk-err{display:none;background:#dc464624;border:1px solid rgba(220,70,70,.5);border-radius:12px;padding:11px 13px;font-size:13px;font-weight:700;color:#e05a5a}.pk-err.show{display:block}.pk-note{display:flex;align-items:center;gap:10px;margin-top:3px;background:color-mix(in srgb,var(--accent) 11%,transparent);border:1px solid var(--accent-border);border-radius:14px;padding:11px 13px;font-size:12px;line-height:1.45;color:var(--muted)}.pk-note b{color:var(--heading);font-weight:800}.pk-note-ico{flex:0 0 auto;font-size:15px;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 18%,transparent)}.pk-busy{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px 0;font-size:14px;font-weight:800;color:var(--text)}.pk-spin{width:22px;height:22px;border:3px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;animation:pkgSpin .8s linear infinite}@keyframes pkgSpin{to{transform:rotate(360deg)}}#intro-tune{position:absolute;left:16px;bottom:16px;z-index:3;display:flex;flex-direction:column;gap:7px;padding:11px 13px;width:210px;background:var(--panel-glass);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--border-2);border-radius:14px;box-shadow:0 10px 30px #00000059;font-size:12px;color:var(--text)}#intro-tune .judul{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--heading);margin-bottom:1px}#intro-tune .baris{display:flex;align-items:center;gap:8px}#intro-tune .baris span{flex:0 0 70px;color:var(--muted)}#intro-tune .baris b{flex:0 0 34px;text-align:right;font-variant-numeric:tabular-nums}#intro-tune input[type=range]{flex:1;accent-color:var(--accent);min-width:0}#intro-tune label{display:flex;align-items:center;gap:7px;cursor:pointer}#intro-tune input[type=checkbox]{accent-color:var(--accent)}#intro-tune input:disabled{opacity:.4;cursor:default}@media (prefers-reduced-motion: reduce){#intro{transition:opacity .3s ease}#intro.tutup{transform:none;filter:none}#intro-title,#intro-menu,#intro-foot,.tpl-card{animation:none}.tpl-card,.intro-btn:hover,.tpl-card:hover .thumb img{transform:none}}#rotate-gate{display:none!important}@media (orientation: portrait) and (pointer: coarse){#rotate-gate{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;align-items:center;justify-content:center;text-align:center;padding:32px;background:var(--bg);color:var(--text);font-family:Nunito,system-ui,sans-serif;animation:rg-masuk .4s ease}#rotate-gate .rg-inner{max-width:340px;background:var(--panel);border:2px solid var(--border-2);border-radius:24px;box-shadow:0 6px 0 var(--border-2);padding:34px 26px 30px}#rotate-gate .rg-phone{width:58px;height:96px;margin:0 auto 24px;border:4px solid var(--good);border-radius:14px;background:color-mix(in srgb,var(--good) 16%,transparent);position:relative;transform-origin:50% 50%;animation:rg-putar 2.4s cubic-bezier(.6,0,.3,1) infinite}#rotate-gate .rg-phone:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:6px;background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--good) 40%,transparent) 0 3px,transparent 3px 9px)}#rotate-gate .rg-phone:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:14px;height:3px;border-radius:2px;background:var(--good)}#rotate-gate .rg-judul{font-size:23px;font-weight:800;margin-bottom:10px;color:var(--text)}#rotate-gate .rg-sub{font-size:15px;line-height:1.55;color:var(--muted)}#rotate-gate .rg-sub b{color:var(--good)}@keyframes rg-putar{0%,22%{transform:rotate(0)}50%,72%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes rg-masuk{0%{opacity:0}to{opacity:1}}body.layar-intro #rotate-gate,body.modal-buka #rotate-gate{display:none}}@media (prefers-reduced-motion: reduce){#rotate-gate .rg-phone{animation:none;transform:rotate(-90deg)}#rotate-gate{animation:none}}@media (orientation: landscape) and (max-height: 560px){#intro-inner:not(.pilih){flex-direction:row;align-items:center;justify-content:center;gap:clamp(20px,5vw,56px);padding:14px 22px}#intro-inner:not(.pilih) #intro-title{flex:0 1 auto}#intro-inner:not(.pilih) #intro-title .brand{font-size:clamp(38px,9vh,70px)}#intro-inner:not(.pilih) #intro-title .brand-garis{margin:8px auto}#intro-inner:not(.pilih) #intro-title .tagline{max-width:300px;margin-top:10px}#intro-inner:not(.pilih) #intro-menu{width:min(360px,46vw);flex:0 1 auto;gap:7px;max-height:90vh;overflow-y:auto;padding-right:4px}#intro-inner:not(.pilih) .intro-btn{padding:9px 13px;border-radius:13px;box-shadow:0 3px 0 var(--border-2)}#intro-inner:not(.pilih) .intro-btn .t{font-size:14px}#intro-inner:not(.pilih) .intro-btn .d{font-size:11px;margin-top:1px;line-height:1.3}#intro-inner:not(.pilih) #intro-foot{display:none}#intro-inner.pilih{padding-top:6px;padding-bottom:6px;gap:4px}#intro-inner.pilih #intro-title{display:none}.intro-head{font-size:12px;margin-bottom:1px;padding-right:76px;gap:8px}.intro-head .intro-head-txt small{display:none}.intro-head button{font-size:13px;padding:4px 10px;border-radius:10px}.intro-head #in-klasemen .lbl{display:none}body.layar-intro #intro-sound,body.layar-intro #intro-theme{top:8px;width:32px;height:32px;font-size:14px}body.layar-intro #intro-sound{right:10px}body.layar-intro #intro-theme{right:48px}body.layar-intro #intro-kembali-app{top:8px;left:max(10px,env(safe-area-inset-left));width:32px;height:32px;font-size:16px}.tpl-card:not(.hero) .thumb{aspect-ratio:16 / 10}#modal:has(.gate-langgan){width:min(640px,calc(100vw - 32px))}#modal:has(.gate-langgan) .gate-langgan{max-width:none;text-align:left;display:grid;grid-template-columns:1.15fr 1fr;column-gap:18px;align-items:center;padding:0}#modal:has(.gate-langgan) .gl-disc{display:none}#modal .gate-langgan h2{font-size:16px}#modal:has(.gate-langgan) .gl-sub{margin-bottom:8px}#modal .gate-langgan .gl-perks{margin:0}#modal .gate-langgan .gl-free{justify-content:flex-start;margin-bottom:8px}.intro-list{max-height:none}}@media (pointer: coarse){.tpl-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.tpl-card:not(.hero) .thumb{aspect-ratio:4 / 3}.tpl-card:not(.hero) .isi{padding:8px 10px 10px}.tpl-card:not(.hero) .t{font-size:13.5px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tpl-card:not(.hero) .s{font-size:9.5px;margin-top:4px}.tpl-card:not(.hero) .d,.tpl-card:not(.hero) .tpl-path,.tpl-card:not(.hero) .tpl-meta{display:none}.tpl-card:not(.hero) .chips{margin-top:7px;gap:5px}.tpl-card:not(.hero) .chips i:not(.c-ka){display:none}.tpl-card:not(.hero) .chips i.c-ka{font-size:10px;padding:4px 9px}.tpl-card:not(.hero) .tpl-level{font-size:9px;padding:3px 8px;gap:4px}.tpl-card:not(.hero) .tpl-level i{width:5px;height:5px}.tpl-card:not(.hero) .tpl-resmi{font-size:9px;padding:4px 8px 4px 6px;right:7px;bottom:7px}.tpl-card:not(.hero) .tpl-resmi .tr{width:15px;height:15px;font-size:9px}.tpl-card:not(.hero) .tpl-buka{font-size:11px;padding:8px 14px}}@media (orientation: portrait) and (pointer: coarse){#intro-inner:not(.pilih){gap:22px;padding:24px 18px;justify-content:center}#intro-inner:not(.pilih) #intro-title .brand{font-size:clamp(52px,17vw,92px)}#intro-inner:not(.pilih) #intro-title .tagline{font-size:13px;max-width:90vw}#intro-menu{width:min(460px,94vw)}#intro-foot{padding:0 18px}#intro-inner.pilih{padding:16px 12px 18px;gap:12px}#intro-inner.pilih #intro-title{width:100%}#intro-inner.pilih #intro-title .brand{font-size:clamp(24px,6vw,32px)}.tpl-card.hero{flex-direction:column}.tpl-card.hero .thumb{flex:0 0 auto;aspect-ratio:3.2 / 1}.tpl-card.hero .t{font-size:20px}.bf{padding:0 15px}.bf-steps{padding:22px 0 12px}.bf-steps h1{font-size:23px}.bf-narasi{font-size:13.5px}.bf-stats{grid-template-columns:repeat(2,1fr);gap:8px}.bf-stat{padding:9px 6px;border-radius:13px}.bf-ikon{font-size:17px}.bf-num{font-size:16px}.bf-ket{font-size:10px}.bf-strow{padding:7px 10px;gap:8px}.bf-stnama{font-size:13px;min-width:70px}.bf-row{padding:9px 12px;gap:10px}.bf-row .bf-nama{font-size:14px}.bf-row input{width:26px;height:26px}.bf-tabel-scroll{max-height:44vh}.bf-foot{padding-bottom:max(22px,env(safe-area-inset-bottom))}.bf-go{font-size:17px}}.seksi{margin-bottom:8px}.seksi-head{display:flex;align-items:center;gap:6px;padding:4px 2px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px}.seksi-head:hover{background:var(--btn-hover)}.seksi-head .panah{color:var(--muted);font-size:10px;width:10px}.seksi-head .judul{font-size:12px;font-weight:700;color:var(--heading);text-transform:uppercase;letter-spacing:.5px;flex:1}.seksi-head .badge{font-size:10px;font-weight:700;color:#fff;background:var(--accent);border-radius:9px;padding:1px 7px}.seksi-aksi{font-size:11px;padding:2px 8px;border-radius:6px}.seksi-body{padding-top:4px}.ka-card{padding:7px 9px;margin-bottom:5px;background:var(--panel-2);border-radius:8px;border-left:3px solid var(--border-2);cursor:pointer;transition:background .12s,transform .12s}.ka-card:hover{background:var(--btn-hover);transform:translate(2px)}.ka-card.jalan{border-left-color:var(--good)}.ka-card.late{border-left-color:var(--late)}.ka-card.manual{border-left-color:var(--mode-accent-border)}.ka-card.sel{outline:1px solid var(--accent-border)}.ka-card .baris1{display:flex;align-items:baseline;gap:7px}.ka-card .tno{font-weight:700;color:var(--clock);font-size:13px}.ka-card .jenis{flex:1;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ka-card .telat{font-size:10px;font-weight:700;color:#fff;background:var(--late);border-radius:8px;padding:0 6px}.ka-card .baris2{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-top:3px}.ka-card .baris2 .next{color:var(--heading)}.eta{color:var(--good);font-weight:600}.eta.lewat{color:var(--late)}.log-entry .ikon{display:inline-block;width:13px;font-weight:700}.log-entry.good .ikon{color:var(--good)}.log-entry.bad .ikon,.log-entry.bad{color:var(--late)}.log-entry.info .ikon{color:var(--muted)}table.ka .tl{display:inline-block;width:15px;font-weight:700}table.ka tr.done{opacity:.55}table.ka tr.done .tl{color:var(--good)}table.ka tr.now td{font-weight:700}table.ka tr.now .tl{color:var(--clock)}table.ka tr.next .tl{color:var(--muted)}table.ka td.merah{color:var(--late);font-weight:600}#train-sheet{position:absolute;left:10px;bottom:10px;display:none;flex-direction:column;background:var(--panel);color:var(--text);border:2px solid var(--border-2);border-radius:18px;box-shadow:var(--pod-shadow, 0 10px 34px rgba(0, 0, 0, .35));z-index:19;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif;font-size:12px}#train-sheet.visible{display:flex;animation:sheet-naik .2s cubic-bezier(.2,.7,.2,1)}@keyframes sheet-naik{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){#train-sheet.visible{animation:none}}#train-sheet .tno{font-weight:900;color:var(--clock)}#train-sheet .mono{font-variant-numeric:tabular-nums}#train-sheet .merah{color:var(--late)}#train-sheet .cp{display:inline-block;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:900;color:#fff;white-space:nowrap;line-height:1.4;font-variant-numeric:tabular-nums}#train-sheet .cp.g{background:var(--good)}#train-sheet .cp.b{background:var(--accent-border)}#train-sheet .cp.o{background:#ff9600}#train-sheet .cp.r{background:var(--late)}#train-sheet .cp.x{background:var(--panel-2);color:var(--muted);border:1px solid var(--border)}#train-sheet .cp.denyut{animation:cp-denyut 1.3s ease-in-out infinite}@keyframes cp-denyut{50%{box-shadow:0 0 0 5px #ff4b4b38}}@media (prefers-reduced-motion: reduce){#train-sheet .cp.denyut{animation:none}}#train-sheet .bt{font:inherit;font-size:11.5px;font-weight:900;padding:6px 12px;border-radius:11px;border:0;cursor:pointer;white-space:nowrap;background:var(--good);color:#fff;box-shadow:0 3px #00000038;transition:transform .06s}#train-sheet .bt:active{transform:translateY(2px);box-shadow:0 1px #00000038}#train-sheet .bt.o{background:var(--panel-2);color:var(--accent-border);border:1.5px solid var(--border-2);box-shadow:0 3px 0 var(--border-2)}#train-sheet .bt.o.active{background:var(--accent);color:#fff;border-color:var(--accent-border)}#train-sheet .bt:disabled{opacity:.45;cursor:default}#train-sheet .ic{position:relative;width:28px;height:28px;padding:0;flex:none;border-radius:10px;border:0;cursor:pointer;font:inherit;font-weight:900;font-size:13px;background:var(--panel-2);color:var(--muted);display:grid;place-items:center}#train-sheet .ic:hover{background:var(--btn-hover);color:var(--heading)}#train-sheet .ic.active{background:var(--accent);color:#fff}#train-sheet .ic.merah{color:var(--late)}#train-sheet .ic .bd{position:absolute;top:-5px;right:-6px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:var(--late);color:#fff;font-size:9px;font-style:normal;display:grid;place-items:center;border:2px solid var(--panel)}#train-sheet.chip{border-radius:999px;max-width:min(760px,calc(100% - 200px))}#train-sheet .lk-chip{display:flex;align-items:center;gap:7px;height:46px;padding:0 6px 0 14px;min-width:0}#train-sheet .lk-chip .tno{font-size:15px;flex:none}#train-sheet .lk-chip .jenis{max-width:92px;overflow:hidden;text-overflow:ellipsis}#train-sheet .lk-chip .nx{color:var(--muted);min-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#train-sheet .lk-chip .nx b{color:var(--heading)}#train-sheet .lk-chip .sp{margin-left:auto;display:flex;align-items:center;gap:5px;flex:none;padding-left:4px}#train-sheet.kembang{width:min(560px,calc(100% - 20px));height:min(440px,calc(100% - 90px))}#train-sheet .lk-grab{display:none}#train-sheet .lk-head{display:flex;align-items:center;gap:10px;padding:11px 12px 10px;border-bottom:2px solid var(--border);flex:none}#train-sheet .lk-ring{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--w) 0 var(--p),var(--border) var(--p) 100%)}#train-sheet .lk-ring b{width:28px;height:28px;border-radius:50%;background:var(--panel);display:grid;place-items:center;font-size:13px;color:var(--w)}#train-sheet .lk-id{min-width:0;flex:1}#train-sheet .lk-id .tno{font-size:17px}#train-sheet .lk-id .sub{font-size:11px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#train-sheet .lk-laju{text-align:right;flex:none}#train-sheet .lk-laju b{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}#train-sheet .lk-laju span{font-size:10.5px;color:var(--muted)}#train-sheet .g-bar{width:110px;height:7px;border-radius:999px;overflow:hidden;background:var(--input-bg);margin-top:3px;margin-left:auto}#train-sheet .g-fill{height:100%;border-radius:999px;transition:width .4s ease,background .4s ease}#train-sheet .lk-tabs{display:flex;gap:6px;padding:8px 10px;border-bottom:2px solid var(--border);flex:none}#train-sheet .lk-tab{flex:1;padding:6px 4px;border-radius:11px;border:0;cursor:pointer;font:inherit;font-size:11.5px;font-weight:900;color:var(--muted);background:var(--panel-2)}#train-sheet .lk-tab.on{background:var(--accent);color:#fff;box-shadow:0 3px 0 var(--accent-border)}#train-sheet .lk-tab .n{margin-left:5px;padding:0 6px;border-radius:999px;background:#0000002e;font-size:10px;font-style:normal}#train-sheet .lk-tab .n.merah{background:var(--late);color:#fff}#train-sheet .lk-isi{flex:1;min-height:0;overflow-y:auto;padding:0 10px 8px;display:flex;flex-direction:column}#train-sheet .lk-isi .jd-tabel{flex:none;overflow:visible}#train-sheet .lk-isi .sh-list{overflow:visible;flex:none}#train-sheet .jd-tabel td.real .kini{color:var(--clock);font-style:normal}#train-sheet .lk-judul{font-size:10.5px;font-weight:900;color:var(--heading);text-transform:uppercase;letter-spacing:.05em;margin:10px 0 5px}#train-sheet .lk-judul .sub{font-weight:600;color:var(--muted);text-transform:none;letter-spacing:0}#train-sheet .sh-list{font-size:11px}#train-sheet .sh-kosong{color:var(--muted);font-style:italic;font-size:11px}#train-sheet .lk-kaki{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;border-top:2px solid var(--border);flex:none}#train-sheet .lk-sela{flex:1}#train-sheet .lk-path{overflow-x:auto;overflow-y:hidden;flex:none;margin:8px -10px 4px;padding:6px 18px 20px;scrollbar-width:none}#train-sheet .lk-path::-webkit-scrollbar{display:none}#train-sheet .lk-path-in{display:flex;align-items:center;min-width:max-content}#train-sheet .pn{position:relative;flex:none;display:grid;place-items:center}#train-sheet .pn i{display:block;width:16px;height:16px;border-radius:50%;background:var(--good);box-shadow:0 3px #00000040}#train-sheet .pn.ls i{width:11px;height:11px;box-shadow:0 2px #00000040}#train-sheet .pn.now i{background:var(--accent-border);box-shadow:0 3px #00000040,0 0 0 4px #1cb0f640}#train-sheet .pn.next i{background:var(--panel);border:2px solid var(--border-2);box-shadow:none}#train-sheet .pn b{max-width:74px;overflow:hidden;text-overflow:ellipsis;position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:9px;font-weight:900;color:var(--muted);white-space:nowrap}#train-sheet .pn.now b{color:var(--accent-border)}#train-sheet .pn.ls b{font-weight:700;font-size:8.5px}#train-sheet .pl{flex:none;width:58px;height:4px;background:var(--good)}#train-sheet .pn.next~.pl,#train-sheet .pn.now~.pl{background:var(--border-2)}@media (prefers-reduced-motion: no-preference){#train-sheet .pn.now i{animation:pn-denyut 1.4s ease-in-out infinite}@keyframes pn-denyut{50%{box-shadow:0 3px #00000040,0 0 0 7px #1cb0f61f}}}@media (max-width: 560px),(max-height: 560px){#train-sheet.chip{left:6px;right:6px;max-width:none;border-radius:16px}#train-sheet .lk-chip{flex-wrap:wrap;height:auto;padding:8px 8px 8px 12px;row-gap:6px}#train-sheet .lk-chip>.cp{order:3;max-width:46vw;overflow:hidden;text-overflow:ellipsis}#train-sheet .lk-chip .nx{order:4;white-space:nowrap;flex:1}#train-sheet .lk-chip .sp{order:2}#train-sheet .lk-chip .jenis,#train-sheet .lk-chip #ka-kabin{display:none}#train-sheet.kembang{left:0;right:0;bottom:0;width:auto;height:74dvh;max-height:74dvh;border-radius:20px 20px 0 0;border-bottom:0}#train-sheet .lk-grab{display:block;width:38px;height:5px;border-radius:3px;background:var(--border-2);margin:7px auto 0;cursor:pointer}#train-sheet .lk-head{padding-top:8px}#train-sheet .lk-laju{display:none}#train-sheet .lk-kaki .bt{flex:1;text-align:center}#canvas-wrap.sheet-kembang #view-dock,#canvas-wrap.sheet-kembang #warp-dock,#canvas-wrap.sheet-kembang #status-bar,#canvas-wrap.sheet-kembang #toast-wrap{display:none}}.jd-tabel{flex:1;min-height:0;overflow-y:auto}.jd-tabel table{width:100%;border-collapse:collapse;font-size:11px}.jd-tabel th{position:sticky;top:0;text-align:left;padding:2px 6px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:var(--panel)}.jd-tabel td{padding:2px 6px;border-top:1px solid var(--row-border);white-space:nowrap}.jd-tabel td.ic{width:20px;text-align:center;color:var(--muted);font-size:10px}.jd-tabel tr.done td.ic{color:var(--good)}.jd-tabel tr.now{color:var(--clock);font-weight:700}.jd-tabel tr.now td.ic{color:var(--clock)}.jd-tabel td.nm{overflow:hidden;text-overflow:ellipsis;max-width:170px}.jd-tabel tr.ls{font-style:italic}.jd-tabel tr.ls td.nm{color:var(--muted);font-weight:400}.jd-tabel td.ren{color:var(--clock);font-variant-numeric:tabular-nums}.jd-tabel td.real{color:var(--good);font-variant-numeric:tabular-nums}.jd-tabel td.real.merah{color:var(--late);font-weight:700}.jd-scroll{display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding:6px 2px 4px;flex:1}.jd-item{position:relative;flex-shrink:0;width:128px;padding:22px 8px 0;text-align:center}.jd-item:before{content:"";position:absolute;top:9px;left:-50%;right:50%;height:3px;background:var(--border-2)}.jd-item:first-child:before{display:none}.jd-item.done:before{background:var(--good)}.jd-item.now:before{background:var(--good)}.jd-node{position:absolute;top:0;left:50%;transform:translate(-50%);width:19px;height:19px;line-height:17px;border-radius:50%;font-size:11px;font-weight:700;text-align:center;background:var(--panel-2);border:2px solid var(--border-2);color:var(--muted);z-index:1}.jd-item.done .jd-node{border-color:var(--good);color:var(--good)}.jd-item.now .jd-node{border-color:var(--clock);color:var(--clock);box-shadow:0 0 0 3px #ffd47933}.jd-nama{font-size:11px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jd-item.done .jd-nama{color:var(--muted)}.jd-item.now .jd-nama{color:var(--clock)}.jd-ren{font-size:10px;color:var(--clock);margin-top:2px;font-variant-numeric:tabular-nums}.jd-real{font-size:10px;color:var(--good);font-variant-numeric:tabular-nums}.jd-tag{display:inline-block;margin-right:3px;font-size:8px;font-weight:800;opacity:.65}.jd-real.merah{color:var(--late);font-weight:700}.cmd-row{display:flex;align-items:center;gap:6px;padding:2px 0}.cmd-row .n{flex-shrink:0;width:15px;height:15px;line-height:15px;font-size:9px;font-weight:700;text-align:center;background:var(--panel-2);border-radius:50%;color:var(--muted)}.cmd-row .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-row.lewat{text-decoration:line-through;opacity:.45}.cmd-row.kini{font-weight:700}.cmd-row.kini .n{background:var(--accent);color:#fff}.cmd-del{font-size:9px;padding:0 5px;border-radius:5px}.look-row{display:flex;gap:6px;padding:2px 0;color:var(--muted)}.look-row .d{flex-shrink:0;width:48px;font-variant-numeric:tabular-nums}.look-row .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.look-row .v{flex-shrink:0}.look-row.bind{color:var(--clock);font-weight:700}#modal.lebar{width:860px}.bf{height:100%;display:flex;flex-direction:column;max-width:560px;margin:0 auto;padding:0 22px;box-sizing:border-box}.bf-steps{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 0 12px}.bf-tag{font-size:12px;font-weight:900;letter-spacing:3px;color:var(--muted);text-transform:uppercase}.bf-steps h1{margin:8px 0 16px;font-size:27px;font-weight:900;color:var(--accent-border);letter-spacing:-.3px}.bf-steps h1 b{color:var(--text)}.bf-narasi{font-size:14px;font-weight:600;color:var(--muted);line-height:1.5;margin:4px 0 16px;max-width:460px}.bf-narasi b{color:var(--text);font-weight:800}.bf-saran{font-size:13.5px;font-weight:600;line-height:1.5;color:var(--text);background:color-mix(in srgb,var(--duo-blue) 14%,var(--panel));border:2px solid color-mix(in srgb,var(--duo-blue) 45%,var(--border-2));border-radius:14px;padding:12px 14px;margin:0 0 14px;max-width:480px}.bf-saran b{font-weight:800}.bf-badge{display:inline-flex;align-items:baseline;gap:6px;font-size:14px;font-weight:900;padding:7px 15px;border-radius:999px;margin-bottom:18px;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text)}.bf-badge span{font-size:12px;font-weight:700;color:var(--muted)}.bf-badge.padat{border-color:#d65a5a;background:color-mix(in srgb,#d65a5a 16%,var(--panel-2))}.bf-badge.sedang{border-color:var(--clock);background:color-mix(in srgb,var(--clock) 16%,var(--panel-2))}.bf-badge.lengang{border-color:var(--good);background:color-mix(in srgb,var(--good) 16%,var(--panel-2))}.bf-koridor{display:flex;align-items:center;flex-wrap:nowrap;gap:0;width:max-content;max-width:100%;margin:6px auto 18px;overflow-x:auto;padding-bottom:6px}.bf-rel{width:34px;height:3px;background:var(--border-2);border-radius:2px}.bf-st{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel-2);border:2px solid var(--border);border-radius:14px;padding:10px 16px;cursor:default;transition:border-color .12s,background .12s,transform .1s}.bf-st:not([disabled]){cursor:pointer}.bf-st:not([disabled]):hover{transform:translateY(-2px)}.bf-st.on{border-color:var(--accent-border);background:color-mix(in srgb,var(--accent) 18%,var(--panel-2))}.bf-st-kode{font-weight:900;font-size:15px;color:var(--accent-border)}.bf-st.on .bf-st-kode{color:var(--text)}.bf-st-nama{font-size:11px;font-weight:700;color:var(--muted)}.bf-st-tag{font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:1px 8px;border-radius:999px;margin-top:2px;background:var(--btn-bg);color:var(--muted)}.bf-st.on .bf-st-tag{background:var(--accent);color:#fff}.bf-saran-badge{display:inline-block;margin-left:7px;vertical-align:middle;font-size:10px;font-weight:900;letter-spacing:.3px;padding:1px 8px;border-radius:999px;white-space:nowrap;color:#7a4d00;background:#ffd94d;box-shadow:inset 0 0 0 1px color-mix(in srgb,#7a4d00 22%,transparent)}.bf-row.saran{box-shadow:inset 3px 0 #ffd94d}.bf-st.pilih{position:relative;padding-top:16px;box-shadow:0 2px 0 var(--border)}.bf-st.pilih:hover{border-color:var(--accent-border);box-shadow:0 4px 0 var(--border-2)}.bf-st.pilih.on{box-shadow:0 3px color-mix(in srgb,var(--accent) 55%,#000)}.bf-st-check{position:absolute;top:7px;right:7px;width:18px;height:18px;border-radius:50%;border:2px solid var(--border-2);background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#fff;line-height:1}.bf-st.on .bf-st-check{background:var(--accent);border-color:var(--accent-border)}.bf-tabel{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-top:12px;text-align:left}.bf-tabel-judul{font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:10px 14px 6px}.bf-tabel table{width:100%;border-collapse:collapse}.bf-tabel td{padding:7px 14px;font-size:13px;border-top:1px solid var(--row-border);vertical-align:middle}.bf-tabel .bf-jam{font-weight:900;color:var(--clock);font-variant-numeric:tabular-nums;white-space:nowrap;width:1%}.bf-tabel .bf-no{font-weight:800;color:var(--text);white-space:nowrap}.bf-tabel .bf-no span{display:block;font-size:11px;font-weight:600;color:var(--muted)}.bf-tabel .bf-rel{font-weight:600;color:var(--muted);text-align:right;white-space:nowrap}.bf-tabel-lebih{font-size:12px;font-weight:700;color:var(--muted);text-align:center;padding:8px;border-top:1px solid var(--row-border)}.bf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:10px;width:100%}.bf-stat{background:var(--panel-2);border:1px solid var(--border);border-radius:16px;padding:12px 6px}.bf-ikon{font-size:20px}.bf-num{font-size:19px;font-weight:900;color:var(--text);margin-top:2px;text-transform:capitalize}.bf-ket{font-size:11px;font-weight:700;color:var(--muted);margin-top:2px}.bf-waktu{width:100%;margin-top:16px;text-align:left}.bf-w-judul{font-size:11px;font-weight:900;color:var(--muted);margin:16px 0 9px;letter-spacing:.07em;text-transform:uppercase;display:flex;align-items:center;gap:7px}.bf-jamchips{display:flex;flex-wrap:wrap;gap:8px}.bf-jamchip{--cc: var(--accent);font-size:12px;font-weight:900;padding:9px 14px;border-radius:14px;background:var(--panel-2);border:2px solid var(--border-2);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 3px 0 var(--border-2);transition:transform .06s,box-shadow .06s,background .1s,border-color .1s}.bf-jamchip:hover{background:var(--btn-hover)}.bf-jamchip:active{transform:translateY(3px);box-shadow:0 0 0 var(--border-2)}.bf-jamchip.on{background:color-mix(in srgb,var(--cc) 15%,var(--panel-2));border-color:var(--cc);box-shadow:0 3px color-mix(in srgb,var(--cc) 58%,#000)}.bf-jamchip.on:active{transform:translateY(3px);box-shadow:0 0 color-mix(in srgb,var(--cc) 58%,#000)}.bf-jam-custom input{font:inherit;font-weight:900;background:transparent;border:0;color:inherit;width:74px;padding:0;cursor:pointer}.bf-jam-custom input::-webkit-calendar-picker-indicator{filter:invert(.6)}.bf-jamchip .muat{font-size:10px;font-weight:800;color:var(--muted);background:var(--btn-bg);border-radius:999px;padding:2px 7px}.bf-jamchip.on .muat{background:color-mix(in srgb,var(--cc) 24%,var(--panel-2));color:var(--text)}.bf-dur-custom input{width:34px;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.bf-dur-custom input::-webkit-outer-spin-button,.bf-dur-custom input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.bf-w-note{font-size:12px;font-weight:600;color:var(--muted);margin-top:12px;line-height:1.5}.bf-jamchip .dot{width:11px;height:11px;border-radius:50%;flex:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--cc) 22%,transparent)}.bf-papan{margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--panel-2);border:1px solid var(--border)}.bf-papan-head{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.bf-papan-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--btn-bg);margin:10px 0 8px}.bf-papan-bar span{height:100%}.bf-papan-stats{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;font-weight:800;color:var(--text)}.bf-papan-stats .s{display:inline-flex;align-items:center;gap:5px}.bf-papan-stats small{font-weight:600;color:var(--muted)}.bf-papan-stats i{width:8px;height:8px;border-radius:50%}.bf-papan-dep{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px}.bf-papan-dep .lbl{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.bf-papan-dep .ka{display:inline-flex;align-items:center;gap:5px}.bf-papan-dep .roundel{font-size:11px;font-weight:900;color:#fff;padding:3px 8px;border-radius:999px;white-space:nowrap}.bf-papan-dep .waktu{font-size:12px;font-weight:800;color:var(--muted)}.bf-papan-kosong{font-size:12px;font-weight:700;color:var(--muted);margin-top:8px}.bf-quick{display:flex;gap:8px;margin:6px 0 16px}.bf-quick .mini{font-size:12px;font-weight:800;padding:6px 14px;border-radius:999px;background:var(--btn-bg);border:1px solid var(--border-2);color:var(--text);cursor:pointer}.bf-quick .mini:hover{background:var(--btn-hover)}.bf-note{font-size:13px;font-weight:700;color:var(--muted);padding:14px 0 4px;min-height:18px}.bf-note.bfp-note-warn{color:#e14b4b}.bf-dialog-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#080b0e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:bf-dialog-ov-in .18s ease both}body.light .bf-dialog-ov{background:#3c465066}.bf-dialog-ov.keluar{animation:bf-dialog-ov-out .18s ease both}.bf-dialog{width:min(420px,100%);box-sizing:border-box;text-align:center;padding:24px 24px 20px;border-radius:22px;background:var(--panel);border:1px solid var(--border-2);box-shadow:0 18px 50px #00000080;animation:bf-dialog-in .24s cubic-bezier(.2,.9,.3,1.2) both}.bf-dialog-ov.keluar .bf-dialog{animation:bf-dialog-out .18s ease both}.bf-dialog-ikon{font-size:34px;line-height:1}.bf-dialog-judul{margin-top:8px;font-size:19px;font-weight:900;color:var(--text);letter-spacing:-.2px}.bf-dialog-teks{margin-top:8px;font-size:14px;font-weight:600;line-height:1.5;color:var(--muted)}.bf-dialog-teks b{font-weight:900;color:var(--text)}.bf-dialog-cek{display:flex;align-items:flex-start;gap:10px;text-align:left;cursor:pointer;margin-top:16px;padding:11px 13px;border-radius:13px;background:var(--panel-2);border:1px solid var(--border-2);font-size:13px;font-weight:700;line-height:1.4;color:var(--text);transition:border-color .15s,background .15s}.bf-dialog-cek.siap{border-color:var(--accent-border);background:color-mix(in srgb,var(--accent) 12%,var(--panel-2))}.bf-dialog-cek input{flex:0 0 auto;width:20px;height:20px;margin:0;accent-color:var(--accent);cursor:pointer}.bf-dialog-cek.goyang{animation:bf-goyang .3s}@keyframes bf-goyang{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.bf-dialog-aksi{display:flex;gap:10px;margin-top:16px}.bf-dialog-aksi button{flex:1;font-size:15px;font-weight:800;padding:13px;border-radius:14px;cursor:pointer;transition:transform .08s,box-shadow .08s,background .12s}.bf-dialog-batal{background:var(--btn-bg);border:1px solid var(--border-2);color:var(--text)}.bf-dialog-batal:hover{background:var(--btn-hover)}.bf-dialog-ya{color:#fff;border:1px solid var(--accent-border);background:var(--accent);box-shadow:0 4px color-mix(in srgb,var(--accent) 60%,#000)}.bf-dialog-ya:hover:not(:disabled){background:var(--accent-border)}.bf-dialog-ya:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,#000)}.bf-dialog-ya:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.info-dev-ks{display:flex;align-items:center;gap:12px;width:100%;margin-top:16px;padding:12px 14px 12px 16px;border-radius:14px;cursor:pointer;font:inherit;text-align:left;color:#fff;background:var(--duo-green);border:1px solid var(--duo-green-d);box-shadow:0 4px 0 var(--duo-green-d);animation:info-dev-ks-denyut 1.8s ease-in-out infinite;transition:transform .08s,box-shadow .08s,filter .12s}.info-dev-ks:hover{filter:brightness(1.06)}.info-dev-ks:active{transform:translateY(3px);box-shadow:0 0 0 var(--duo-green-d);animation:none}.info-dev-ks-ikon{font-size:26px;line-height:1;flex:0 0 auto}.info-dev-ks-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.3}.info-dev-ks-t b{font-size:15px;font-weight:900}.info-dev-ks-t small{font-size:12px;font-weight:700;opacity:.92}.info-dev-ks-chev{font-size:26px;font-weight:900;line-height:1;opacity:.85;flex:0 0 auto}@keyframes info-dev-ks-denyut{0%,to{box-shadow:0 4px 0 var(--duo-green-d),0 0 color-mix(in srgb,var(--duo-green) 55%,transparent)}50%{box-shadow:0 4px 0 var(--duo-green-d),0 0 0 9px color-mix(in srgb,var(--duo-green) 0%,transparent)}}@media (prefers-reduced-motion: reduce){.info-dev-ks{animation:none}}.info-dev-ig{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:12px 16px;border-radius:14px;text-decoration:none;color:#fff;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743,#cc2366 75%,#bc1888);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px #8c14508c;transition:transform .08s,box-shadow .08s,filter .12s}.info-dev-ig:hover{filter:brightness(1.08)}.info-dev-ig:active{transform:translateY(3px);box-shadow:0 0 #8c14508c}.info-dev-ig svg{flex:0 0 auto}.info-dev-ig-t{text-align:left;font-size:12px;font-weight:700;line-height:1.35;opacity:.95}.info-dev-ig-t b{display:block;font-size:15.5px;font-weight:900;letter-spacing:.2px}@keyframes bf-dialog-ov-in{0%{opacity:0}to{opacity:1}}@keyframes bf-dialog-ov-out{0%{opacity:1}to{opacity:0}}@keyframes bf-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes bf-dialog-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.98)}}@media (prefers-reduced-motion: reduce){.bf-dialog-ov,.bf-dialog-ov.keluar,.bf-dialog,.bf-dialog-ov.keluar .bf-dialog{animation:none}}.bf-tabel-scroll{max-height:260px;overflow-y:auto}.bf-tabel-st .bf-tabel-scroll{padding:4px}.bf-stlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:7px;align-content:start}.bf-strow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:9px 12px}.bf-strow .bf-kode{flex:0 0 auto}.bf-stnama{flex:1 1 auto;min-width:90px;font-weight:800;color:var(--text);font-size:14px}.bf-chips{display:flex;flex-wrap:wrap;gap:6px;flex:0 0 auto;justify-content:flex-end}.bf-chip{font-size:11.5px;font-weight:800;color:var(--muted);background:var(--input-bg);border-radius:999px;padding:4px 10px;white-space:nowrap}.bf-chip.berhenti{color:var(--good);background:color-mix(in srgb,var(--good) 14%,var(--panel-2))}.bf-chip.lewat{opacity:.72}.bf-split{width:100%;display:flex;flex-direction:column;gap:14px}.bf-split .bf-kiri,.bf-split .bf-kanan{min-width:0}.bf-split .bf-tabel-scroll{max-height:none;overflow:visible}.bf-split .bf-stlist,.bf-split .bf-list{grid-template-columns:1fr}.bf-strow{flex-wrap:wrap}.bf-stnama{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (orientation: landscape) and (pointer: coarse){.bf{max-width:min(960px,96vw)}.bf-split{flex-direction:row;align-items:flex-start;gap:18px}.bf-split .bf-kiri{flex:0 0 40%;max-width:380px;text-align:left}.bf-split .bf-kanan{flex:1 1 auto}.bf-split .bf-kiri h1{text-align:left;margin-top:0}.bf-split .bf-kiri .bf-narasi{text-align:left}.bf-split .bf-kiri .bf-badge,.bf-split .bf-kiri .bf-quick{justify-content:flex-start}#modal .bf-split .mrx-cards{grid-template-columns:1fr}}@media (max-width: 560px),(max-height: 560px){.bf-strow{padding:6px 9px;gap:6px 8px}.bf-stnama{font-size:12.5px}.bf-chip{font-size:10.5px;padding:3px 8px}.bf-row{padding:8px 11px;gap:9px}.bf-row .bf-nama{font-size:13px}.bf-row .bf-load{font-size:11px}.bf-row .bf-st-tag{font-size:9px;padding:2px 7px}.bf-row input{width:24px;height:24px}.bf-waktu{margin-top:10px}.bf-w-judul{margin:12px 0 7px}.bf-jamchips{gap:6px}.bf-jamchip{font-size:11px;padding:7px 10px;gap:6px;border-radius:12px}.bf-jamchip .dot{width:9px;height:9px}.bf-jamchip .muat{font-size:9px;padding:2px 6px}.bf-jam-custom input{width:62px}.bf-dur-custom input{width:28px}.bf-papan{padding:10px 11px}.bf-papan-head{font-size:11px}.bf-papan-stats{font-size:12px;gap:5px 11px}.bf-papan-dep .roundel{font-size:10px;padding:2px 7px}.bf-papan-dep .waktu{font-size:11px}.bf-w-note{font-size:11px;margin-top:9px}}.bf-list{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.bf-row{display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;background:var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:12px 16px;transition:border-color .12s,background .12s,transform .1s}.bf-row:hover{border-color:var(--border-2)}.bf-row.on{border-color:var(--accent-border);background:color-mix(in srgb,var(--accent) 14%,var(--panel-2))}.bf-row input{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;width:30px;height:30px;flex:0 0 auto;cursor:pointer;position:relative;border-radius:10px;border:2px solid var(--border-2);background:var(--input-bg);box-shadow:0 2px 0 var(--border);transition:background .15s,border-color .15s,transform .08s,box-shadow .08s}.bf-row input:hover{border-color:var(--accent-border)}.bf-row input:active{transform:translateY(2px);box-shadow:0 0 0 var(--border)}.bf-row input:checked{background:var(--accent);border-color:var(--accent-border);box-shadow:0 2px color-mix(in srgb,var(--accent) 55%,#000)}.bf-row input:checked:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:18px;line-height:1;animation:bf-check .3s cubic-bezier(.2,.9,.3,1.7) both}@keyframes bf-check{0%{transform:scale(0) rotate(-40deg)}to{transform:scale(1) rotate(0)}}.bf-row{overflow:hidden}.bf-row .bf-kode{flex:0 0 auto}.bf-row .bf-nama{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:15px;color:var(--text)}.bf-row .bf-load{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.bf-row .bf-st-tag{margin-left:auto}.bf-row .bf-st-tag{flex:0 0 auto;font-size:10px;font-weight:900;letter-spacing:1px;padding:2px 9px;border-radius:999px;background:var(--btn-bg);color:var(--muted)}.bf-row.on .bf-st-tag{background:var(--accent);color:#fff}.bf-details{display:flex;flex-direction:column;gap:12px;width:100%}.bf-detail{background:var(--panel-2);border:1px solid var(--border);border-radius:16px;padding:16px 18px;text-align:left}.bf-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bf-detail-head b{font-size:16px;font-weight:900;color:var(--text)}.bf-detail ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}.bf-detail li{font-size:14px;font-weight:600;color:var(--muted)}.bf-detail li b{color:var(--text);font-weight:900}.bf-kode{font-weight:900;font-size:13px;color:var(--accent-border);min-width:42px;text-align:center;background:var(--input-bg);border-radius:8px;padding:4px 6px}.bf-kosong{background:var(--panel-2);border:1px solid var(--border);border-radius:18px;padding:24px 26px;text-align:left}.bf-kosong-ikon{font-size:40px;text-align:center}.bf-kosong h3{margin:6px 0 10px;text-align:center;font-size:20px;font-weight:900;color:var(--text)}.bf-kosong p{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--muted);line-height:1.5}.bf-kosong p b{color:var(--text);font-weight:800}.bf-kosong ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.bf-kosong li{font-size:14px;font-weight:600;color:var(--muted);background:var(--input-bg);border-radius:10px;padding:10px 12px}.bf-kosong li b{color:var(--text);font-weight:800}.bf-foot{display:flex;gap:12px;padding:10px 0 26px}.bf-nav{flex:0 0 auto;font-size:15px;font-weight:800;padding:16px 22px;border-radius:16px;cursor:pointer;background:var(--btn-bg);border:1px solid var(--border-2);color:var(--text)}.bf-nav:hover{background:var(--btn-hover)}.bf-go{flex:1;font-size:18px;font-weight:900;letter-spacing:.3px;padding:16px;border-radius:16px;cursor:pointer;color:#fff;background:var(--accent);border:1px solid var(--accent-border);box-shadow:0 6px color-mix(in srgb,var(--accent) 60%,#000),0 8px 20px #0000004d;transition:transform .08s,box-shadow .08s}.bf-go:hover{background:var(--accent-border)}.bf-go:active{transform:translateY(4px);box-shadow:0 2px color-mix(in srgb,var(--accent) 60%,#000)}@media (orientation: landscape) and (max-height: 560px){.bf-steps{padding:14px 0 8px;gap:4px}.bf-tag{font-size:11px;letter-spacing:2px}.bf-steps h1{font-size:20px;margin:4px 0 8px}.bf-narasi{font-size:12.5px;margin:2px 0 8px;line-height:1.4}.bf-badge{margin:2px 0}.bf-stats{gap:7px}.bf-stat{padding:7px 5px;border-radius:12px}.bf-ikon{font-size:16px}.bf-num{font-size:15px}.bf-ket{font-size:10px}.bf-tabel{margin-top:8px}.bf-tabel-scroll{max-height:140px}.bf-tabel td{padding:6px 12px;font-size:12px}.bf-strow{padding:6px 10px;gap:8px}.bf-stnama{font-size:13px}.bf-stlist{gap:5px}.bf-quick{margin:4px 0 8px}.bf-list{gap:6px}.bf-row{padding:8px 12px}.bf-dialog{padding:16px 18px 14px;border-radius:18px}.bf-dialog-ikon{font-size:26px}.bf-dialog-judul{font-size:16px;margin-top:5px}.bf-dialog-teks{font-size:12.5px;line-height:1.4;margin-top:5px}.bf-dialog-aksi{margin-top:13px}.bf-dialog-aksi button{padding:10px;font-size:13px}.bf-steps .mrx-svg{height:74px}.bf-steps .mrx-card{gap:6px;padding:10px}.bf-steps .mrx-tip{margin-top:8px;padding:8px 11px}.bf-note{padding:8px 0 2px}.bf-details{gap:8px}.bf-detail{padding:10px 14px}.bf-kosong{padding:14px 18px}.bf-kosong-ikon{font-size:30px}.bf-kosong h3{margin:3px 0 6px;font-size:17px}.bf-kosong p{margin:0 0 8px;font-size:12.5px;line-height:1.4}.bf-kosong li{font-size:12.5px;padding:8px 10px}.bf-foot{padding:8px 0 12px;gap:10px}.bf-nav{font-size:14px;padding:11px 18px;border-radius:13px}.bf-go{font-size:15px;padding:11px;border-radius:13px;box-shadow:0 4px color-mix(in srgb,var(--accent) 60%,#000)}}.bf-steps>*{animation:bf-rise .38s cubic-bezier(.2,.8,.2,1) both}.bf-steps>*:nth-child(1){animation-delay:.02s}.bf-steps>*:nth-child(2){animation-delay:.07s}.bf-steps>*:nth-child(3){animation-delay:.12s}.bf-steps>*:nth-child(4){animation-delay:.17s}.bf-steps>*:nth-child(5){animation-delay:.22s}.bf-steps>*:nth-child(n+6){animation-delay:.27s}@keyframes bf-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.bf-list .bf-row{animation:bf-slide .34s cubic-bezier(.2,.8,.2,1) both}.bf-list .bf-row:nth-child(2){animation-delay:.04s}.bf-list .bf-row:nth-child(3){animation-delay:.08s}.bf-list .bf-row:nth-child(4){animation-delay:.12s}.bf-list .bf-row:nth-child(5){animation-delay:.16s}.bf-list .bf-row:nth-child(n+6){animation-delay:.2s}@keyframes bf-slide{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.bf-row:active{transform:scale(.99)}.dinas-pod .dp-bar i{transition:width .5s cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion: reduce){.bf-steps>*,.bf-list .bf-row{animation:none!important}}.dl-page.hasil-dinas{text-align:center;overflow:hidden}.hd-col{max-width:640px;align-items:center}.hd-cap{font-size:13px;font-weight:900;letter-spacing:3px;color:var(--muted);margin-top:8px}.hd-korridor{font-size:17px;font-weight:800;color:var(--accent-border);margin-top:2px}.hd-medali{font-size:76px;line-height:1;margin-top:10px;position:relative;filter:drop-shadow(0 6px 10px color-mix(in srgb,var(--gc) 40%,transparent))}#modal.layar.masuk .hd-medali{animation:hd-pop .6s cubic-bezier(.2,.9,.3,1.5) both .1s}@keyframes hd-pop{0%{opacity:0;transform:scale(.3) rotate(-12deg)}60%{transform:scale(1.15) rotate(4deg)}to{opacity:1;transform:none}}.hd-grade{position:absolute;right:-6px;bottom:-2px;font-size:26px;font-weight:900;color:var(--gc);background:var(--panel);border:3px solid var(--gc);border-radius:50%;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 3px color-mix(in srgb,var(--gc) 45%,#000)}.hd-skor{font-size:60px;font-weight:900;line-height:1;margin-top:12px;color:var(--good);font-variant-numeric:tabular-nums;letter-spacing:-1px}.hd-skor.minus{color:var(--late)}.hd-skorcap{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--muted);margin-top:4px}.hd-meter{width:100%;margin-top:16px}.hd-stats{width:100%;margin-top:4px}.hd-catatan{width:100%;margin-top:10px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--late) 12%,transparent);border:2px solid color-mix(in srgb,var(--late) 40%,transparent);color:var(--late);font-size:12px;font-weight:800;text-align:left}.hd-kaGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:6px}.hd-kaKartu{background:var(--panel);border:2px solid var(--border);border-radius:16px;box-shadow:0 3px 0 var(--border);padding:12px;text-align:left}.hd-kaJudul{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.hd-kaNo{font-size:16px;font-weight:900;margin-top:4px}.hd-kaPoin{font-size:22px;font-weight:900;margin-top:2px}.hd-kaSub{font-size:11px;color:var(--muted);margin-top:2px}@media (max-width: 520px){.hd-kaGrid{grid-template-columns:1fr}}.hd-konfeti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.hd-konf{position:absolute;top:-16px;width:9px;height:14px;border-radius:2px;animation:hd-jatuh 2.6s linear infinite;opacity:.9}.hd-konf.k0{background:var(--good)}.hd-konf.k1{background:var(--clock)}.hd-konf.k2{background:var(--accent-border)}.hd-konf.k3{background:var(--late)}.hd-konf.k4{background:var(--heading)}@keyframes hd-jatuh{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:.9}to{transform:translateY(105vh) rotate(540deg);opacity:.5}}@media (prefers-reduced-motion: reduce){.hd-konf,#modal.layar.masuk .hd-medali{animation:none!important}.hd-konfeti{display:none}}.ph-aksi{display:flex;justify-content:center;margin-bottom:10px}.dl-btn.kecil{min-width:0;padding:9px 18px;font-size:12px;border-radius:12px}.gp-hero{text-align:center;padding:4px 0 14px}.gp-judul{font-size:30px;font-weight:900}.gp-namakor{font-size:15px;font-weight:800;color:var(--accent-border);margin-top:2px}.gp-subcap{font-size:12px;color:var(--muted);margin-top:4px}.gp-bar{padding:10px 0 0;display:flex;flex-direction:column;gap:10px;align-items:center}.gp-cari{width:100%;max-width:340px;font:inherit;font-size:14px;font-weight:600;padding:10px 16px;border-radius:999px;background:var(--input-bg);color:var(--text);border:2px solid var(--border-2);outline:none}.gp-cari:focus{border-color:var(--accent-border)}.gp-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.gp-tab{font:inherit;font-size:12px;font-weight:800;cursor:pointer;padding:7px 14px;border-radius:999px;background:var(--input-bg);color:var(--muted);border:1.5px solid var(--border-2)}.gp-tab b{font-variant-numeric:tabular-nums;opacity:.8}.gp-tab:hover{color:var(--text)}.gp-tab.aktif{background:color-mix(in srgb,var(--accent) 20%,var(--input-bg));border-color:var(--accent-border);color:var(--text)}.gp-list{display:flex;flex-direction:column;gap:8px;padding-top:14px}.gp-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:11px 14px;cursor:default;border:2px solid var(--border);border-left-width:5px;border-radius:14px;background:var(--panel);color:var(--text)}.gp-card[data-rapor]:not([data-rapor="-1"]){cursor:pointer}.gp-card[data-rapor]:not([data-rapor="-1"]):hover{border-color:var(--accent-border)}.gp-jam{font-family:SF Mono,Menlo,monospace;font-size:16px;font-weight:800;color:var(--clock);min-width:52px;flex-shrink:0}.gp-info{flex:1;min-width:0}.gp-no{font-size:14px;font-weight:900}.gp-rk{font-weight:700;font-size:11px;color:var(--muted);margin-left:8px}.gp-rute{font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-rute b{color:var(--text);font-variant-numeric:tabular-nums}.gp-st{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.gp-badge{font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.gp-poin{font-size:14px;font-weight:900;font-variant-numeric:tabular-nums}.gp-menunggu{border-left-color:var(--border-2)}.gp-aktif{border-left-color:var(--clock);background:color-mix(in srgb,var(--clock) 7%,var(--panel))}.gp-selesai{border-left-color:var(--good);background:color-mix(in srgb,var(--good) 6%,var(--panel))}.gp-terlewat{border-left-color:var(--border);opacity:.5}.gp-b-menunggu{background:var(--input-bg);color:var(--muted)}.gp-b-aktif{background:color-mix(in srgb,var(--clock) 22%,transparent);color:var(--clock)}.gp-b-selesai{background:color-mix(in srgb,var(--good) 20%,transparent);color:var(--good)}.gp-b-terlewat{background:var(--input-bg);color:var(--muted)}.plus{color:var(--good)}.minus{color:var(--late)}.poin-scroll{max-height:46vh;overflow-y:auto}.poin-row{display:flex;align-items:baseline;gap:8px;padding:4px 2px;border-bottom:1px solid var(--row-border);font-size:12px}.poin-row .t{font-family:SF Mono,Menlo,monospace;color:var(--muted);font-size:11px;flex-shrink:0}.poin-row .lbl{flex:1;min-width:0}.poin-row .delta{font-weight:800;flex-shrink:0;font-variant-numeric:tabular-nums}.poin-row .cb-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--cb);align-self:center}.cabang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 4px}.cabang-kartu{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;background:color-mix(in srgb,var(--cb) 12%,var(--input-bg));border:1px solid color-mix(in srgb,var(--cb) 45%,transparent);border-radius:14px}.cabang-kartu .ci{font-size:17px;line-height:1}.cabang-kartu .cv{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--cb)}.cabang-kartu.neg .cv{color:var(--late)}.cabang-kartu .cl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.sub-aturan{font-size:10.5px;line-height:1.5;opacity:.85;margin-bottom:6px}.poin-tabs{display:flex;gap:6px;margin:6px 0 8px;flex-wrap:wrap}.poin-tab{font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;border:1px solid var(--border-2);background:var(--input-bg);color:var(--muted);cursor:pointer}.poin-tab:hover{border-color:var(--cb, var(--accent-border));color:var(--text)}.poin-tab.aktif{background:color-mix(in srgb,var(--cb, var(--accent)) 22%,var(--input-bg));border-color:var(--cb, var(--accent-border));color:var(--text)}.kronik{display:flex;flex-direction:column;gap:2px;margin:4px 0 2px}.kr-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;font-size:12px;background:var(--input-bg)}.kr-arah{width:12px;text-align:center;font-size:10px;flex-shrink:0}.kr-arah.naik{color:var(--late)}.kr-arah.turun{color:var(--good)}.kr-arah.stabil{color:var(--muted)}.kr-t{font-family:SF Mono,Menlo,monospace;color:var(--muted);font-size:11px;flex-shrink:0}.kr-lbl{flex:1;min-width:0;display:flex;flex-direction:column}.kr-why{font-style:normal;font-size:10.5px;color:var(--clock);opacity:.95}.kr-d{font-weight:800;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11.5px;color:var(--muted)}.kr-d.late{color:var(--late)}.kr-d.ontime{color:var(--good)}.grafik-wrap{background:var(--input-bg);border:1px solid var(--border);border-radius:14px;padding:8px;overflow-x:auto}.grafik-svg{width:100%;height:auto;display:block;min-width:420px}.grafik-svg .g-grid{stroke:var(--border-2);stroke-width:1;stroke-dasharray:2 3;opacity:.55}.grafik-svg .g-lbl{fill:var(--muted);font-size:10px;font-weight:700}.grafik-svg .g-time,.grafik-svg .g-lg{fill:var(--muted);font-size:9px}.grafik-svg .g-plan{fill:none;stroke:var(--muted);stroke-width:2;stroke-dasharray:5 4;stroke-linejoin:round;stroke-linecap:round}.grafik-svg .g-real{fill:none;stroke:var(--accent-border);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.grafik-svg .g-dot{fill:var(--accent-border);stroke:var(--input-bg);stroke-width:1.5}.grafik-svg .g-dot.late{fill:var(--late)}#modal.layar{width:100vw;max-width:100vw;height:100vh;max-height:100vh;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0;box-shadow:none;background:var(--bg);font-family:ui-rounded,SF Pro Rounded,Nunito,"Baloo 2",system-ui,sans-serif;overflow:hidden}#modal-backdrop:has(#modal.sheet){align-items:flex-end;background:#080b0e57}body.light #modal-backdrop:has(#modal.sheet){background:#3c465042}#modal.layar.sheet{width:94vw;max-width:1280px;height:78vh;max-height:78vh;border:1px solid var(--border-2);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -10px 44px #0000006b;background:var(--bg)}#modal.sheet .dl-head,#modal.sheet .dl-col{max-width:none;width:100%;margin:0}#modal.sheet .dl-head{flex-shrink:0;padding:26px 26px 0;border-bottom:2px solid var(--border)}#modal.sheet .dl-col{padding:14px 26px 22px}#modal.sheet .dl-col.rapor-scroll{max-width:860px;margin:0 auto;padding-top:26px}#modal.layar.sheet:not(.swap){animation:sheet-naik-modal .3s cubic-bezier(.2,.8,.2,1) both}@keyframes sheet-naik-modal{0%{transform:translateY(40px);opacity:.5}to{transform:none;opacity:1}}#modal-backdrop.menutup #modal.layar.sheet{animation:sheet-turun-modal .19s ease both}@keyframes sheet-turun-modal{0%{transform:none;opacity:1}to{transform:translateY(40px);opacity:0}}@media (max-width: 1040px){#modal.layar.sheet{max-width:100%}}@media (max-width: 560px){#modal.layar.sheet{height:86vh;max-height:86vh}}.dl-page{position:relative;height:100%;display:flex;flex-direction:column}.dl-x{position:absolute;top:16px;right:18px;z-index:5;width:40px;height:40px;border-radius:50%;border:2px solid var(--border-2);background:var(--panel);color:var(--muted);font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 var(--border-2);transition:transform .08s}.dl-x:hover{color:var(--text)}.dl-x:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-2)}.dl-col{flex:1;overflow-y:auto;width:100%;max-width:680px;margin:0 auto;padding:34px 22px 26px}.dl-foot{flex-shrink:0;padding:14px 22px;border-top:2px solid var(--border);background:var(--panel);display:flex;gap:12px;justify-content:center}.dl-foot:empty{display:none}.dl-btn{min-width:200px;padding:14px 26px;border:0;border-radius:16px;background:var(--panel-2);color:var(--text);font:inherit;font-size:15px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 0 var(--border-2);transition:transform .08s,box-shadow .08s}.dl-btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--border-2)}.dl-btn.primary{background:var(--accent);color:#fff;box-shadow:0 4px color-mix(in srgb,var(--accent) 55%,#000)}.dl-btn.primary:active{box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,#000)}.dl-hero{text-align:center;padding:8px 0 20px}.dl-hero-ikon{font-size:40px;line-height:1}.dl-hero-nilai{font-size:68px;font-weight:900;line-height:1;margin-top:4px;color:var(--good);font-variant-numeric:tabular-nums;letter-spacing:-1px}.dl-hero-nilai.minus{color:var(--late)}.dl-hero-nilai.kecil{font-size:40px;color:var(--text)}.dl-hero-cap{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--muted);margin-top:6px}.dl-hero-poin{font-size:24px;font-weight:900;margin-top:6px}.dl-hero-poin.plus{color:var(--good)}.dl-hero-poin.minus{color:var(--late)}.dl-stars{font-size:30px;margin-top:8px;letter-spacing:4px}.dl-star{color:var(--clock)}.dl-star .off{color:var(--border-2)}.dl-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.dl-chip{font-size:12px;font-weight:800;padding:6px 14px;border-radius:999px;background:var(--panel-2);border:2px solid var(--border);color:var(--muted)}.dl-chip.ok{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,transparent)}.dl-chip.bad{color:var(--late);border-color:color-mix(in srgb,var(--late) 45%,transparent)}.dl-chip.flame{color:var(--clock);border-color:color-mix(in srgb,var(--clock) 55%,transparent)}.dl-stat-row{display:flex;gap:12px;justify-content:center;margin-top:18px}.dl-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:92px;padding:12px 8px;background:var(--panel);border:2px solid var(--border);border-radius:16px;box-shadow:0 3px 0 var(--border)}.dl-stat b{font-size:22px;font-weight:900}.dl-stat span{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}#modal.layar .dl-card{background:var(--panel);border:2px solid var(--border);border-radius:18px;box-shadow:0 3px 0 var(--border);padding:14px 16px;margin-bottom:14px}#modal.layar h3{font-size:13px;font-weight:900;letter-spacing:1px;color:var(--heading);text-transform:uppercase;margin:22px 4px 10px}#modal.layar .dl-meter-card{padding:8px 12px}#modal.layar .dl-list{padding:6px 10px}.dl-kosong{padding:14px;text-align:center;color:var(--muted);font-size:13px}.dl-aturan{padding:0!important;overflow:hidden}.dl-aturan summary{padding:14px 16px;cursor:pointer;font-weight:800;font-size:13px;list-style:none;color:var(--text)}.dl-aturan summary::-webkit-details-marker{display:none}.dl-aturan summary:after{content:"▾";float:right;color:var(--muted)}.dl-aturan[open] summary:after{content:"▴"}.dl-aturan-isi{padding:0 16px 14px;font-size:11.5px;line-height:1.7;color:var(--muted)}.dl-list-plain{display:flex;flex-direction:column;gap:12px}.rw-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 16px;cursor:pointer;border:2px solid var(--border)!important;border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 3px 0 var(--border);transition:transform .1s,box-shadow .1s}.rw-card:hover{border-color:var(--accent-border)!important}.rw-card:active{transform:translateY(3px);box-shadow:0 0 0 var(--border)}.rw-no{font-size:16px;font-weight:900;min-width:78px}.rw-mid{flex:1;min-width:0}.rw-line{font-size:13px;font-weight:700}.rw-sub{font-size:11px;color:var(--muted);margin-top:2px}.rw-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.rw-right .dl-star{font-size:14px;letter-spacing:1px}.rw-poin{font-size:16px;font-weight:900;font-variant-numeric:tabular-nums}#modal-backdrop{animation:bd-in .18s ease both}#modal-backdrop.menutup{animation:bd-out .19s ease both}@keyframes bd-in{0%{opacity:0}to{opacity:1}}@keyframes bd-out{0%{opacity:1}to{opacity:0}}#modal{animation:modal-pop .22s cubic-bezier(.2,.9,.3,1.1) both}#modal-backdrop.menutup #modal{animation:modal-out .19s ease both}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes modal-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.98)}}#modal.layar,#modal-backdrop.menutup #modal.layar{animation:none}#modal-backdrop.menutup #modal.layar .dl-col{animation:layar-out .19s ease both}@keyframes layar-out{0%{opacity:1}to{opacity:0;transform:translateY(10px)}}#modal.layar.masuk .dl-col>*,#modal.layar.masuk .dl-list-plain>.rw-card{animation:dl-rise .42s cubic-bezier(.2,.8,.3,1) both}@keyframes dl-rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}#modal.layar.masuk .dl-col>*:nth-child(1){animation-delay:.02s}#modal.layar.masuk .dl-col>*:nth-child(2){animation-delay:.07s}#modal.layar.masuk .dl-col>*:nth-child(3){animation-delay:.12s}#modal.layar.masuk .dl-col>*:nth-child(4){animation-delay:.17s}#modal.layar.masuk .dl-col>*:nth-child(5){animation-delay:.22s}#modal.layar.masuk .dl-col>*:nth-child(6){animation-delay:.27s}#modal.layar.masuk .dl-col>*:nth-child(7){animation-delay:.32s}#modal.layar.masuk .dl-col>*:nth-child(n+8){animation-delay:.36s}#modal.layar.masuk .dl-list-plain>.rw-card:nth-child(1){animation-delay:.06s}#modal.layar.masuk .dl-list-plain>.rw-card:nth-child(2){animation-delay:.11s}#modal.layar.masuk .dl-list-plain>.rw-card:nth-child(3){animation-delay:.16s}#modal.layar.masuk .dl-list-plain>.rw-card:nth-child(4){animation-delay:.21s}#modal.layar.masuk .dl-list-plain>.rw-card:nth-child(5){animation-delay:.26s}#modal.layar.masuk .dl-list-plain>.rw-card:nth-child(n+6){animation-delay:.3s}#modal.layar.masuk .dl-hero-nilai{animation:hero-pop .5s cubic-bezier(.2,.9,.3,1.3) both .05s}@keyframes hero-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}#modal.layar.masuk .dl-stars{animation:hero-pop .5s cubic-bezier(.2,.9,.3,1.3) both .18s}#modal.layar.swap.masuk .dl-col>*{animation:none}#modal.layar.swap.masuk .papan-body{animation:dl-rise .34s cubic-bezier(.2,.8,.3,1) both}@media (prefers-reduced-motion: reduce){#modal,#modal-backdrop,#modal.layar.masuk .dl-col>*,#modal.layar.masuk .dl-list-plain>.rw-card,#modal.layar.masuk .papan-body,#modal.layar.masuk .dl-hero-nilai,#modal.layar.masuk .dl-stars{animation:none!important}}#modal.layar .cabang-grid{gap:12px;margin:6px 0}#modal.layar .cabang-kartu{padding:16px 8px 13px;border-width:2px;border-radius:16px;box-shadow:0 3px color-mix(in srgb,var(--cb) 30%,transparent)}#modal.layar .cabang-kartu .ci{font-size:22px}#modal.layar .cabang-kartu .cv{font-size:26px}#modal.layar .cabang-kartu .cl{font-size:10.5px;font-weight:800;margin-top:2px}#modal.layar .poin-row{padding:8px 6px;font-size:12.5px}#modal.layar .poin-tabs{margin:4px 0 12px}#modal.layar .poin-tab{padding:8px 15px;font-size:12px;box-shadow:0 2px 0 var(--border)}#modal.layar .kr-row{padding:8px 10px}#modal.layar table.ka{width:100%}.rw-gr{flex-shrink:0;display:grid;grid-template-columns:auto auto auto;gap:1px 8px;align-items:center;padding:4px 14px;border-left:2px solid var(--border);font-variant-numeric:tabular-nums}.rw-gr .gr-nm{font-size:10.5px;font-weight:700;color:var(--muted)}.rw-gr .gr-g,.rw-gr .gr-r{font-size:12px;font-weight:800;text-align:right}.rw-gr .gr-g{color:var(--muted)}.rw-gr .gr-r.ok{color:var(--good)}.rw-gr .gr-r.late{color:var(--late)}.rw-gr .gr-hd{font-size:8.5px;font-weight:800;letter-spacing:.04em;color:var(--muted);opacity:.7;text-transform:uppercase}.rw-rk{display:block;font-size:10.5px;font-weight:700;color:var(--muted);margin-top:2px}.rw-card{--rw: var(--border-2);border-left-width:5px!important;border-left-color:var(--rw)!important}.rw-card.rw-b3{--rw: var(--good)}.rw-card.rw-b2{--rw: var(--clock)}.rw-card.rw-b1{--rw: var(--late)}.rw-card.rw-b3{background:color-mix(in srgb,var(--good) 6%,var(--panel))}.rw-card.rw-b2{background:color-mix(in srgb,var(--clock) 7%,var(--panel))}.rw-card.rw-b1{background:color-mix(in srgb,var(--late) 7%,var(--panel))}@media (max-width: 560px){.rw-gr{display:none}}.papan-hero{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;margin:4px 0 16px}.ph-skor{text-align:center;min-width:150px}.ph-star{font-size:26px;color:var(--clock);line-height:1}.ph-nilai{font-size:62px;font-weight:900;line-height:1;margin-top:2px;color:var(--good);font-variant-numeric:tabular-nums;letter-spacing:-1px}.ph-nilai.minus{color:var(--late)}.ph-cap{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--muted);margin-top:6px}.ph-combo{display:inline-block;margin-top:10px;font-size:12px;font-weight:800;color:var(--clock);padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--clock) 14%,transparent);border:1.5px solid color-mix(in srgb,var(--clock) 45%,transparent)}.ph-cabang{flex:0 1 430px;min-width:300px}.ph-cabang .cabang-grid{margin:0}.ph-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.ph-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;background:var(--panel);border:2px solid var(--border);border-radius:16px;box-shadow:0 3px 0 var(--border)}.ph-tile b{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}.ph-tile span{font-size:9.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:center}.ph-aturan{margin-bottom:4px}@media (max-width: 620px){.ph-stats{grid-template-columns:repeat(2,1fr)}}.papan-tabs-nav,.papan-nav-mini{display:flex;gap:4px;justify-content:center;margin-top:4px}.papan-tab{font:inherit;font-size:14px;font-weight:800;letter-spacing:.3px;padding:13px 22px;border:0;background:none;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-2px;border-radius:10px 10px 0 0}.papan-tab:hover{color:var(--text);background:var(--panel-2)}.papan-tab.aktif{color:var(--accent-border);border-bottom-color:var(--accent-border)}.papan-body{min-height:40vh}#modal.sheet .dl-col.papan-scroll{padding-top:22px}.papan-scroll .papan-tabs-nav{position:sticky;top:-1px;z-index:3;background:var(--bg);margin-top:6px;padding-top:6px;border-bottom:2px solid var(--border)}@media (max-width: 560px),(max-height: 560px){.papan-hero{gap:12px;margin:2px 0 8px}.ph-skor{min-width:0}.ph-star{font-size:18px}.ph-nilai{font-size:38px}.ph-cap{font-size:9.5px;letter-spacing:1.5px;margin-top:2px}.ph-cabang{flex:1 1 auto;min-width:0}#modal.layar .cabang-grid{gap:6px;margin:2px 0}#modal.layar .cabang-kartu{padding:8px 6px 7px;border-radius:12px}#modal.layar .cabang-kartu .ci{font-size:16px}#modal.layar .cabang-kartu .cv{font-size:18px}#modal.layar .cabang-kartu .cl{font-size:8px;margin-top:0}.ph-stats{gap:6px;margin-bottom:8px}.ph-tile{padding:6px 4px;border-radius:11px;box-shadow:0 2px 0 var(--border)}.ph-tile b{font-size:15px}.ph-tile span{font-size:8px}.ph-aksi{margin-bottom:6px}.ph-aturan{margin-bottom:2px}.papan-tab{padding:8px 15px;font-size:12.5px}.papan-body{min-height:22vh}}.rapor-back{font:inherit;font-size:13px;font-weight:800;cursor:pointer;padding:8px 16px;border-radius:999px;margin-bottom:14px;background:var(--panel-2);color:var(--text);border:2px solid var(--border);box-shadow:0 3px 0 var(--border)}.rapor-back:active{transform:translateY(3px);box-shadow:0 0 0 var(--border)}.rapor-kepala{display:flex;align-items:center;gap:14px;margin-bottom:10px}.rk-no{font-size:28px;font-weight:900}.rk-stars{font-size:20px;letter-spacing:2px}.rk-poin{margin-left:auto;font-size:24px;font-weight:900}.rk-poin small{font-size:12px;font-weight:700;color:var(--muted)}.rk-poin.plus{color:var(--good)}.rk-poin.minus{color:var(--late)}.rapor-chips{justify-content:flex-start;margin:0 0 10px}.rw-viol{font-size:10px;color:#fff;background:var(--late);border-radius:8px;padding:1px 7px;margin-left:4px}.score-pod{cursor:pointer}.score-pod:hover{border-color:var(--accent-border)}.jd-item.ls{width:92px}.jd-item.ls .jd-node{width:15px;height:15px;line-height:13px;top:2px;font-size:8px;border-style:dashed}.jd-item.ls .jd-nama{font-weight:400;color:var(--muted);font-size:10px}.jd-item.ls .jd-ren{font-style:italic}table.ka tr.ls{opacity:.6;font-style:italic}table.ka tr.ls .tl{font-size:9px}button{border-radius:10px;font-weight:600;padding:7px 13px}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.45;cursor:default;transform:none}.segmented{border-radius:12px;padding:3px}.segmented button{border-radius:9px;padding:6px 16px;font-weight:700}.time-pod{border-radius:12px;padding:4px 5px}.time-pod button{border-radius:8px}.score-pod{border-radius:12px;padding:5px 13px}select{border-radius:10px;padding:6px 8px;font-weight:600}#side-panel{width:300px;border-radius:16px;border:1px solid var(--border-2);padding:12px;box-shadow:0 8px 28px #0000004d}.seksi-head{padding:6px;border-radius:8px}.seksi-head .judul{font-size:11px;letter-spacing:.8px}.seksi-head .badge{border-radius:10px;padding:1px 8px}.ka-card{border-radius:12px;border-left-width:4px;padding:8px 10px}.log-entry{font-size:11px;padding:4px 2px}#modal{border-radius:18px;padding:22px 24px;box-shadow:0 18px 60px #00000080}#modal h2{font-size:20px;font-weight:800;letter-spacing:.2px}#modal h3{letter-spacing:.8px}#modal .menu-row{border-radius:11px;padding:11px 13px}#modal .menu-row:hover{transform:translate(4px)}#modal .slot-row{border-radius:11px}#modal input[type=text]{border-radius:9px}#status-bar{border-radius:9px;padding:5px 11px}.ann-line{border-radius:10px}.toast{border-radius:10px;font-weight:600}#route-pop{border-radius:12px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}:root{--duo-green: #58cc02;--duo-green-d: #46a302;--duo-blue: #1cb0f6;--duo-blue-d: #1590cc;--duo-red: #ff4b4b;--duo-red-d: #e13b3b;--duo-orange:#ff9600;--duo-orange-d:#df8300;--duo-purple:#ce82ff;--duo-purple-d:#a95fe0;--duo-gold: #ffc800;--font-display: "Nunito", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--accent: #1cb0f6;--accent-border: #1cb0f6;--good: #58cc02;--clock: #ffc800;--late: #ff4b4b;--mode-accent: #ff9600;--mode-accent-border: #ff9600;--pod-shadow: 0 10px 26px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.3)}body.light{--accent: #1cb0f6;--accent-border: #1cb0f6;--good: #58cc02;--clock: #e0a500;--late: #ff4b4b;--mode-accent: #ff9600;--mode-accent-border: #ff9600;--pod-shadow: 0 8px 22px rgba(23,40,52,.15), 0 2px 6px rgba(23,40,52,.1)}body{font-family:Nunito,ui-rounded,SF Pro Rounded,Segoe UI,Roboto,system-ui,sans-serif}#app,#main{position:relative}#tl-dock{position:absolute;top:14px;left:14px;z-index:12;display:flex;flex-direction:column;align-items:flex-start;gap:10px;pointer-events:none}#tl-dock>*{pointer-events:auto}#driver-tools{display:contents}.fx-glance{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.segmented,.time-pod,.score-pod,.pod-icons{background:var(--panel);border:1px solid var(--border-2);box-shadow:var(--pod-shadow)}.segmented{border-radius:16px;padding:5px;gap:4px}.segmented button{border-radius:12px;padding:9px 16px;font-weight:800}.segmented button.active{background:var(--mode-accent);color:#fff;box-shadow:0 3px 0 var(--duo-orange-d)}.time-pod{border-radius:16px;padding:6px 10px;gap:7px}.time-pod #btn-pause{background:var(--btn-bg);box-shadow:0 3px 0 var(--border-2);border-radius:11px;padding:6px 10px}.clock{font-size:17px}.score-pod{border-radius:16px;padding:8px 14px}.score-val{font-size:16px}.status-pod{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border-2);border-radius:16px;padding:6px 14px;box-shadow:var(--pod-shadow)}.status-pod .score-pod,.status-pod .dinas-pod{background:none;border:none;box-shadow:none;border-radius:0;padding:0}.status-pod .stat-sep{align-self:stretch;width:1px;background:var(--border-2);margin:3px 0}.pod-icons{display:flex;border-radius:16px;padding:6px;gap:6px}#btn-gear{display:none}.pod-icons button{width:40px;height:40px;border-radius:12px;font-size:16px;background:var(--btn-bg);border:none;box-shadow:0 3px 0 var(--border-2)}.pod-icons button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-2)}.pod-solo{background:var(--panel);border:1px solid var(--border-2);border-radius:14px;padding:10px 14px;font-weight:800;box-shadow:var(--pod-shadow);font-size:13px}button.pod-solo:active{transform:translateY(2px)}button.pod-solo.active{background:var(--accent);color:#fff}#view-dock{position:absolute;right:16px;bottom:16px;z-index:12;display:flex;flex-direction:column;align-items:flex-end;gap:10px}#kabin-keluar{position:absolute;right:16px;bottom:96px;z-index:12;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:18px;background:var(--panel);color:var(--heading);border:1px solid var(--border-2);box-shadow:var(--pod-shadow);font-weight:900;font-size:14px;letter-spacing:.2px;cursor:pointer;transition:transform .06s,background .14s,color .14s}#kabin-keluar .ik{font-size:18px;line-height:1}#kabin-keluar:hover{background:var(--btn-hover)}#kabin-keluar:active{transform:translateY(2px)}#view-toggle{display:flex;gap:6px;padding:6px;background:var(--panel);border:1px solid var(--border-2);border-radius:20px;box-shadow:var(--pod-shadow)}#view-toggle .vt-btn{display:flex;align-items:center;gap:9px;padding:13px 18px;border:none;border-radius:15px;background:transparent;color:var(--muted);font-weight:900;font-size:14px;letter-spacing:.2px;cursor:pointer;transition:transform .06s,background .14s,color .14s,box-shadow .14s}#view-toggle .vt-btn .vt-ico{font-size:21px;line-height:1}#view-toggle .vt-btn:hover{background:var(--btn-hover);color:var(--heading)}#view-toggle .vt-btn.active{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--border-2)}#view-toggle .vt-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--border-2)}#view-toggle .vt-btn.terkunci{opacity:.5;cursor:help}#view-toggle .vt-btn.terkunci:hover{background:transparent;color:var(--muted)}#view-toggle .vt-btn.terkunci .vt-ico{filter:grayscale(1)}#view-toggle .vt-btn.terkunci .vt-lbl:after{content:" 🔒";font-size:10px}#mode-group{display:none}#view-dock #mode-group{align-self:stretch}#view-dock #mode-group .mode-btn{flex:1;justify-content:center}#focus-station{background:var(--panel);border:1px solid var(--border-2);border-radius:14px;padding:9px 11px;font-weight:700;font-size:12px;box-shadow:var(--pod-shadow);max-width:168px}button{border-radius:var(--btn-radius, 12px);transition:transform .05s,filter .12s}button:hover{filter:brightness(1.04)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;transform:none;filter:none}#modal.kartu-polos{border-radius:24px;padding:24px 24px 20px;background:var(--panel-glass);border:2px solid var(--border-2);box-shadow:0 18px 60px #00000059}#modal.kartu-polos h2{font-family:var(--font-display);font-size:21px;font-weight:900;letter-spacing:0;margin-bottom:2px}#modal.kartu-polos h3{font-size:11.5px;font-weight:900}#modal.kartu-polos .sub{font-size:13.5px;font-weight:600;line-height:1.55;margin-bottom:16px}#modal.kartu-polos .sub b{color:var(--text);font-weight:900}#modal.kartu-polos .menu-row,#modal.kartu-polos .slot-row{border-radius:14px;border-width:2px}#modal.kartu-polos input[type=text]{border-radius:12px;border-width:2px;padding:9px 11px;font-weight:700}#modal.kartu-polos .footer{gap:10px;margin-top:18px}#modal.kartu-polos .footer button:not(.sj-batal):not(.sj-berangkat){font-family:var(--font-display);font-size:14px;font-weight:900;padding:11px 18px;border-radius:14px;border:2px solid var(--border-2);color:var(--muted);background:var(--panel);box-shadow:0 4px 0 var(--border-2);transition:transform .06s,box-shadow .06s,filter .12s}#modal.kartu-polos .footer button:not(.sj-batal):not(.sj-berangkat):hover{color:var(--text);background:var(--btn-hover);filter:none}#modal.kartu-polos .footer button:not(.sj-batal):not(.sj-berangkat):active{transform:translateY(4px);box-shadow:0 0 0 var(--border-2)}#modal.kartu-polos .footer button.primary:not(.sj-batal):not(.sj-berangkat){color:#fff;background:var(--duo-green);border-color:var(--duo-green-d);box-shadow:0 4px 0 var(--duo-green-d)}#modal.kartu-polos .footer button.primary:not(.sj-batal):not(.sj-berangkat):hover{color:#fff;background:var(--duo-green);filter:brightness(1.06)}#modal.kartu-polos .footer button.primary:not(.sj-batal):not(.sj-berangkat):active{box-shadow:0 0 0 var(--duo-green-d)}#modal.kartu-polos .footer button.bahaya:not(.sj-batal):not(.sj-berangkat){color:#fff;background:var(--duo-red);border-color:var(--duo-red-d);box-shadow:0 4px 0 var(--duo-red-d)}#modal.kartu-polos .footer button.bahaya:not(.sj-batal):not(.sj-berangkat):hover{color:#fff;background:var(--duo-red);filter:brightness(1.06)}#modal.kartu-polos .footer button.bahaya:not(.sj-batal):not(.sj-berangkat):active{box-shadow:0 0 0 var(--duo-red-d)}#modal.kartu-polos .footer button.active:not(.sj-batal):not(.sj-berangkat){color:#fff;background:var(--duo-blue);border-color:var(--duo-blue-d);box-shadow:0 4px 0 var(--duo-blue-d)}#modal.kartu-polos .footer button.active:not(.sj-batal):not(.sj-berangkat):hover{color:#fff;background:var(--duo-blue);filter:brightness(1.06)}#modal.kartu-polos .footer button.active:not(.sj-batal):not(.sj-berangkat):active{box-shadow:0 0 0 var(--duo-blue-d)}.mk-batal.danger{color:var(--duo-red);background:var(--panel);border-color:var(--duo-red-d);box-shadow:0 4px 0 var(--duo-red-d)}.mk-batal.danger:hover{color:var(--duo-red);background:color-mix(in srgb,var(--duo-red) 10%,var(--panel))}.mk-batal.danger:active{transform:translateY(4px);box-shadow:0 0 0 var(--duo-red-d)}#side-panel{top:120px;right:14px;width:300px;max-height:calc(100% - 200px);background:var(--panel);border:1px solid var(--border-2);border-radius:18px;padding:12px;box-shadow:var(--pod-shadow);z-index:9}:is(#side-panel,.pk-body) .seksi{margin-bottom:11px}:is(#side-panel,.pk-body) .seksi-head{border-radius:11px;padding:6px 8px;gap:7px}:is(#side-panel,.pk-body) .seksi-head .judul{font-size:10.5px;font-weight:800;letter-spacing:.7px;color:var(--muted)}:is(#side-panel,.pk-body) .seksi-head .badge{background:var(--input-bg);color:var(--text);border-radius:999px;padding:2px 9px;font-weight:800}:is(#side-panel,.pk-body) .seksi-aksi{border-radius:999px;font-weight:800;color:var(--text);background:var(--btn-bg);box-shadow:0 2px 0 var(--border-2);padding:3px 10px}:is(#side-panel,.pk-body) .seksi-aksi:active{transform:translateY(2px);box-shadow:0 0 0 var(--border-2)}:is(#side-panel,.pk-body) .ka-card{border-radius:14px;padding:9px 11px;margin-bottom:7px;background:var(--panel-2);border:1px solid var(--border-2);border-left:5px solid var(--border-2)}:is(#side-panel,.pk-body) .ka-card:hover{background:var(--btn-hover);transform:translate(3px)}:is(#side-panel,.pk-body) .ka-card.jalan{border-left-color:var(--good)}:is(#side-panel,.pk-body) .ka-card.late{border-left-color:var(--late)}:is(#side-panel,.pk-body) .ka-card.manual{border-left-color:var(--mode-accent)}:is(#side-panel,.pk-body) .ka-card.sel{outline:2px solid var(--accent);outline-offset:-1px}:is(#side-panel,.pk-body) .ka-card .tno{color:var(--text);font-weight:800}:is(#side-panel,.pk-body) .ka-card .telat{border-radius:999px;padding:1px 7px}:is(#side-panel,.pk-body) .eta{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good);border-radius:999px;padding:1px 7px;font-weight:800}:is(#side-panel,.pk-body) .eta.lewat{background:color-mix(in srgb,var(--late) 16%,transparent);color:var(--late)}:is(#side-panel,.pk-body) .log-entry{border-bottom:none;padding:5px 6px;font-size:11.5px;color:var(--muted);display:flex;gap:6px;align-items:baseline}:is(#side-panel,.pk-body) .log-entry .t{color:var(--clock);font-weight:800;font-variant-numeric:tabular-nums}:is(#side-panel,.pk-body) .log-entry.good{color:var(--good)}:is(#side-panel,.pk-body) .log-entry.bad{color:var(--late)}:is(#side-panel,.pk-body) .log-entry .ikon{flex:none}#route-pop{border-radius:16px;padding:6px;z-index:14;box-shadow:var(--pod-shadow)}#route-pop .rp-item{border-radius:11px;padding:8px 10px;font-weight:700}#route-pop .rp-item .n{border-radius:8px;width:22px;height:22px;line-height:22px}#status-bar{border-radius:11px;padding:6px 12px;box-shadow:var(--pod-shadow)}.toast{border-radius:13px;font-weight:700;padding:9px 16px}.ann-line{border-radius:14px}#modal{border-radius:20px}@media (max-width: 720px){#tl-dock{top:12px;left:12px;gap:8px}#focus-station{flex:1;max-width:none}#side-panel{top:auto;bottom:78px;right:12px;left:12px;width:auto;max-height:40%}#view-dock{right:12px;bottom:12px;gap:8px}}#modal .mrx-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0}@media (max-width: 540px){#modal .mrx-cards{grid-template-columns:1fr}.bf-steps .mrx-svg{height:86px}.bf-steps .mrx-card{padding:13px;gap:9px}.mrx-sel{width:26px;height:26px}}.mrx-card{text-align:left;cursor:pointer;background:var(--panel-2);border:1.5px solid var(--border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:9px;color:var(--text);transition:border-color .15s,transform .08s,box-shadow .15s}.mrx-card:hover{border-color:var(--accent-border);transform:translateY(-2px)}.mrx-card:active{transform:scale(.985)}.mrx-card.aktif{border-color:var(--accent-border);box-shadow:0 0 0 3px #2f6fb352}.mrx-card:not(.aktif){opacity:.58}.mrx-card:not(.aktif):hover{opacity:1}.mrx-head{display:flex;align-items:center;gap:8px}.mrx-ico{font-size:20px;line-height:1}.mrx-title{font-weight:800;font-size:15px}.mrx-sel{margin-left:auto;flex:none;width:24px;height:24px;border-radius:50%;border:2.5px solid var(--border);position:relative;transition:.15s}.mrx-card.aktif .mrx-sel{border-color:var(--accent);background:var(--accent)}.mrx-card.aktif .mrx-sel:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:900}.bf-mrx .mrx-card .mrx-sel{border-color:#c2cad3}.mrx-svg{width:100%;height:auto;border-radius:10px;background:#10151a;display:block}body.light .mrx-svg{background:#e9eef3}.mrx-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}.mrx-steps li{font-size:12px;color:var(--muted);display:flex;gap:7px;align-items:flex-start}.mrx-steps b{color:var(--text);font-weight:700}.mrx-n{flex:none;width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;margin-top:1px}.mrx-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.mrx-tip{font-size:11px;color:var(--muted);line-height:1.4}.bf-steps .mrx-cards,.bf-steps .mrx-tip{width:100%;box-sizing:border-box;text-align:left}.bf-steps .mrx-cards{margin-top:6px;padding:6px}.bf-steps .mrx-tip{margin-top:12px;padding:11px 13px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border)}.mrx-flow{animation:mrxflow 1s linear infinite}@keyframes mrxflow{to{stroke-dashoffset:-13}}.mrx-cursor{animation:mrxtap 1.3s ease-in-out infinite}@keyframes mrxtap{0%,to{transform:translate(0)}50%{transform:translate(-2px,-3px)}}@media (prefers-reduced-motion: reduce){.mrx-flow,.mrx-cursor{animation:none}}.mrx-hgroup{display:flex;flex-direction:column;line-height:1.15}.mrx-tag{font-size:10.5px;font-weight:700;color:var(--muted)}.mrx-fit{display:flex;align-items:baseline;gap:7px;font-size:11.5px;color:var(--text);background:#2f6fb31f;border:1px solid rgba(47,111,179,.28);border-radius:9px;padding:7px 9px;margin-top:2px}.mrx-fit span{flex:none;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;color:var(--accent-border);background:#2f6fb32e;border-radius:999px;padding:2px 7px}.mrx-saran{align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.2px;color:#06210f;background:var(--good);border:1px solid color-mix(in srgb,var(--good) 70%,#000);border-radius:999px;padding:3px 10px}.mrx-saran.saran-rail{color:#2a1c02;background:#e0a63b;border-color:color-mix(in srgb,#e0a63b 70%,#000)}.mrx-card.rekomen:not(.aktif){border-color:color-mix(in srgb,var(--good) 45%,var(--border))}.mrx-card.rail:not(.aktif){border-color:color-mix(in srgb,#e0a63b 50%,var(--border))}.bf-mrx .mrx-card{background:#fff;border-color:#d7dde4;color:#1a2028}.bf-mrx .mrx-card .mrx-title{color:#12181f}.bf-mrx .mrx-card .mrx-tag,.bf-mrx .mrx-card .mrx-steps li{color:#5a6672}.bf-mrx .mrx-card .mrx-steps b{color:#12181f}.bf-mrx .mrx-card .mrx-fit{color:#1a2028;background:#2f6fb31a;border-color:#2f6fb33d}.bf-mrx .mrx-card.rekomen:not(.aktif){border-color:color-mix(in srgb,var(--good) 55%,#d7dde4)}.bf-mrx .mrx-card.rail:not(.aktif){border-color:color-mix(in srgb,#e0a63b 60%,#d7dde4)}:root{--pw-k: 326px;--pm-k: 22px;--rail-w: 40px;--rail-h: 106px;--rail-top: 120px;--rail-gap: 10px;--rail-n: 3;--rail-kanan: 4}#side-panel{right:var(--pm-k);width:var(--pw-k);min-height:250px;z-index:13}.pk-unit{position:absolute;top:12px;bottom:12px;right:0;width:calc(var(--pw-k) + var(--rail-w) * 2 - 3px);z-index:13;display:none;pointer-events:none}.pk-unit.show{display:block}.pk-unit.ciut{z-index:14}.pk-unit.g-gapeka{--pw-k: 392px}.pk-geser{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:transform .34s cubic-bezier(.34,1.04,.64,1)}.pk-unit.ciut .pk-geser{transform:translate(calc(var(--pw-k) + var(--rail-w) - 3px))}.pk-body{position:absolute;top:0;bottom:0;left:calc(var(--rail-w) - 3px);right:calc(var(--rail-w) - 3px);overflow-y:auto;pointer-events:auto;background:var(--panel);border:1px solid var(--border-2);border-radius:18px;padding:12px;box-shadow:var(--pod-shadow)}.pk-unit.ciut .pk-body{pointer-events:none}.pk-unit:not(.ciut){z-index:16}.pk-unit:not(.ciut) .pk-body{right:0}.pk-unit.kiri:not(.ciut) .pk-body{right:calc(var(--rail-w) - 3px);left:0}.pk-unit.palet{--pw-k: 300px}.pk-unit.palet:not(.ciut) .pk-body{right:calc(var(--rail-w) - 3px)}.pk-unit.palet.ciut{z-index:18}.pk-unit.kiri.palet{--pw-k: 300px}.pk-unit.kiri.palet:not(.ciut) .pk-body{left:calc(var(--rail-w) - 3px)}:is(#side-panel,.pk-body) .ka-card{border:2px solid var(--border-2);border-bottom-width:4px;border-left-width:2px;border-radius:16px;padding:0;margin-bottom:8px;overflow:hidden;background:var(--panel-2);transition:transform .1s ease,border-color .15s,background .15s}:is(#side-panel,.pk-body) .ka-card:hover{transform:translateY(-1px);background:var(--btn-hover)}:is(#side-panel,.pk-body) .ka-card:active{transform:translateY(1px);border-bottom-width:2px}:is(#side-panel,.pk-body) .ka-card.sel{border-color:var(--accent)}.ka-card[data-sev=good]:hover{border-color:var(--good)}.ka-card[data-sev=warn]:hover{border-color:var(--clock)}.ka-card[data-sev=late]:hover{border-color:var(--late)}.ka-card[data-sev=manual]:hover{border-color:var(--mode-accent, var(--accent))}.kc-main{display:flex;align-items:center;gap:10px;padding:9px 11px;cursor:pointer}.kc-coin{width:30px;height:30px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#fff;box-shadow:inset 0 -3px #0000002e}.ka-card[data-sev=good] .kc-coin{background:var(--good)}.ka-card[data-sev=warn] .kc-coin{background:var(--clock)}.ka-card[data-sev=late] .kc-coin{background:var(--late)}.ka-card[data-sev=manual] .kc-coin{background:var(--mode-accent, var(--accent))}.kc-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.kc-l1{display:flex;align-items:baseline;gap:6px}.kc-l1 .tno{font-weight:900;color:var(--text);font-size:14px;white-space:nowrap;flex:none}.kc-l1 .nama{font-size:11.5px;font-weight:800;color:var(--clock);white-space:nowrap;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.kc-l1 .via{font-size:10px;font-weight:900;color:var(--bg, #fff);background:var(--clock);border-radius:8px;padding:0 6px;line-height:15px;white-space:nowrap;flex:none}.kc-l1 .jenis{font-size:10.5px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 3 auto;min-width:0}.kc-l2{display:flex;align-items:center;gap:8px;margin-top:2px}.kc-l2 .status{flex:1;min-width:0;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kc-next{font-size:11.5px;font-weight:800;color:var(--heading);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}.kc-next .arw{color:var(--muted)}.kc-chip{font-size:10.5px;font-weight:900;border-radius:999px;padding:2px 8px;white-space:nowrap;flex:none}.kc-chip.late{background:color-mix(in srgb,var(--late) 18%,transparent);color:var(--late)}:is(#side-panel,.pk-body) .kc-caret{flex:none;width:24px;height:24px;padding:0;font-family:inherit;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--muted);font-weight:900;font-size:15px;line-height:1;border-radius:8px;transition:transform .25s,background .12s,color .12s}:is(#side-panel,.pk-body) .kc-caret:hover{background:var(--btn-hover);color:var(--text)}.ka-card.buka .kc-caret{transform:rotate(90deg);color:var(--accent)}.kc-detail{max-height:0;overflow:hidden;transition:max-height .28s ease}.ka-card.buka .kc-detail{max-height:280px}.kc-detin{padding:2px 12px 11px 13px}.kc-stop{display:grid;grid-template-columns:11px 1fr auto auto;align-items:center;gap:9px;padding:6px 0;border-top:1px dashed var(--border-2);font-variant-numeric:tabular-nums}.kc-stop:first-child{border-top:none}.kc-mk{width:9px;height:9px;border-radius:50%;background:var(--muted);justify-self:center}.kc-stop.kini .kc-mk{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 26%,transparent)}.kc-stop .nm{font-size:12.5px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-stop.ls .nm{font-style:italic;font-weight:700;color:var(--muted)}.kc-stop .nm i{font-style:normal;font-weight:900;font-size:8.5px;letter-spacing:.04em;color:var(--muted);background:var(--border-2);border-radius:5px;padding:1px 4px;margin-right:3px}.kc-stop.ls .kc-mk{background:transparent;border:2px solid var(--faint, var(--border-2));width:8px;height:8px}.kc-stop .t{font-size:11.5px;font-weight:700;color:var(--muted)}.kc-stop .d{font-size:10px;font-weight:900}.kc-stop .d.tepat{color:var(--good)}.kc-stop .d.telat{color:var(--late)}.kc-stop .d.bawaan{color:var(--muted)}.kc-detbtn{margin-top:9px;width:100%;border-radius:11px;font-weight:800;font-size:12px;padding:7px;color:var(--text);background:var(--btn-bg);box-shadow:0 2px 0 var(--border-2)}.kc-detbtn:active{transform:translateY(2px);box-shadow:none}.p-handle-uni{position:absolute;right:calc(100% - var(--rail-w));top:calc(var(--rail-top) - 12px + var(--slot) * (var(--rail-h) + var(--rail-gap)) + var(--geser-slot, 0px));width:var(--rail-w);height:var(--rail-h);box-sizing:border-box;z-index:2;display:flex;cursor:pointer;pointer-events:auto;font-family:inherit;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:2px solid var(--border-2);border-right:none;border-radius:16px 0 0 16px;background:var(--panel);color:var(--muted);box-shadow:0 3px 0 var(--border-2),-8px 5px 16px -10px #00000080;transition:background .12s,color .12s,border-color .12s}.p-handle-uni:hover{background:var(--btn-hover);color:var(--text)}.p-handle-uni:active{transform:translateY(2px);box-shadow:0 0 0 var(--border-2)}.p-handle-uni.on{background:var(--panel);border-color:transparent;color:var(--text);box-shadow:6px 0 14px -8px #00000059}.p-handle-uni.on:after{content:"";position:absolute;left:5px;top:13px;bottom:13px;width:4px;border-radius:999px;background:var(--accent)}.p-handle-uni.on:hover{transform:none;background:var(--panel)}.p-handle-uni.on:active{transform:none;box-shadow:6px 0 14px -8px #00000059}.p-handle-uni .pk{font-size:17px;line-height:1}.p-handle-uni .lb{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;font-size:10.5px;font-weight:900;letter-spacing:.14em;line-height:1}.p-handle-uni.ikon-saja .lb{display:none}.p-handle-uni.ikon-saja{height:var(--ikon-h, 48px)}.p-handle-uni.ikon-saja .pk{font-size:19px}.p-handle-uni .n{position:absolute;top:-8px;left:-9px;min-width:21px;height:21px;padding:0 5px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:900;border-radius:999px;background:var(--accent);color:#fff;box-shadow:0 2px 6px #00000059}.p-handle-uni.warn .n{background:var(--late);color:#fff}.p-tabs{display:flex;gap:3px;background:var(--input-bg);border-radius:13px;padding:4px;margin-bottom:10px}.p-tab{flex:1;position:relative;background:none;border:none;cursor:pointer;font-family:inherit;border-radius:10px;padding:7px 0;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted)}.p-tab .i{font-size:16px}.p-tab .l{font-size:8.5px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.p-tab .b{position:absolute;top:2px;right:6px;background:var(--muted);color:var(--panel);font-size:8.5px;font-weight:900;border-radius:999px;min-width:14px;text-align:center;padding:0 3px}.p-tab.on{background:var(--panel-2);color:var(--accent);box-shadow:0 1px 4px #0000001f}.p-tab.on .b{background:var(--accent);color:#fff}.p-head{display:flex;align-items:center;gap:8px;padding:2px 2px 10px}.p-head .p-ic{font-size:15px}.p-head h2{margin:0;font-size:13px;letter-spacing:.08em;font-weight:900;color:var(--heading);flex:1;text-transform:uppercase}.p-close{flex:none;width:26px;height:26px;padding:0;border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:900;line-height:1;color:var(--muted);border-radius:9px;background:var(--btn-bg);box-shadow:0 2px 0 var(--border-2);display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s}.p-close:hover{color:var(--text);background:var(--btn-hover)}.p-close:active{transform:translateY(2px);box-shadow:none}.p-tabs .p-close{align-self:center;margin-left:3px}:is(#side-panel,.pk-body) .seksi-aksi{border-radius:999px;font-weight:800;color:var(--text);background:var(--btn-bg);box-shadow:0 2px 0 var(--border-2);padding:4px 11px;font-size:12px}:is(#side-panel,.pk-body) .seksi-aksi:active{transform:translateY(2px);box-shadow:none}.p-list{max-height:calc(100vh - 330px);overflow-y:auto;margin:0 -2px;padding:0 2px 2px}.pk-body .p-list{max-height:calc(100vh - 150px)}.p-tabs .seksi-aksi{flex:none;align-self:center;margin-left:3px}@keyframes pk-denyut{0%,to{transform:scale(1)}50%{transform:scale(1.28)}}.p-handle-uni.warn:not(.on) .n{animation:pk-denyut 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.p-handle-uni.warn:not(.on) .n{animation:none}}.p-kosong{padding:16px 4px;text-align:center;color:var(--muted);font-weight:700;font-size:12.5px}.pk-unit.kiri{right:auto;left:0;--pw-k: 296px}.pk-unit.kiri,.pk-unit.tengah{--rail-top: calc(50vh - (var(--rail-n) * (var(--rail-h) + var(--rail-gap)) - var(--rail-gap)) / 2 + 12px);--rail-top: calc(50dvh - (var(--rail-n) * (var(--rail-h) + var(--rail-gap)) - var(--rail-gap)) / 2 + 12px)}.pk-unit.tengah{--rail-h: clamp(40px, calc((100vh - 28px) / var(--rail-n) - var(--rail-gap)), 106px);--rail-h: clamp(40px, calc((100dvh - 28px) / var(--rail-n) - var(--rail-gap)), 106px)}.pk-unit.kiri.g-log{--pw-k: 336px}.pk-unit.kiri.ciut .pk-geser{transform:translate(calc((var(--pw-k) + var(--rail-w) - 3px) * -1))}.pk-unit.kiri .p-handle-uni{right:auto;left:calc(100% - var(--rail-w));border-radius:0 16px 16px 0;border-left:none;border-right:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2),8px 5px 16px -10px #00000080}.pk-unit.kiri .p-handle-uni.on{border-color:transparent;box-shadow:-6px 0 14px -8px #00000059}.pk-unit.kiri .p-handle-uni.on:after{left:auto;right:5px}.pk-unit.kiri .p-handle-uni .n{left:auto;right:-9px}@media (orientation: landscape) and (max-height: 560px){.pk-unit,.pk-unit.kiri{--rail-gap: 6px;--rail-h: clamp(40px, calc((100vh - 28px) / var(--rail-n) - var(--rail-gap)), 82px);--rail-h: clamp(40px, calc((100dvh - 28px) / var(--rail-n) - var(--rail-gap)), 82px);--rail-top: calc(50vh - (var(--rail-n) * (var(--rail-h) + var(--rail-gap)) - var(--rail-gap)) / 2 + 12px);--rail-top: calc(50dvh - (var(--rail-n) * (var(--rail-h) + var(--rail-gap)) - var(--rail-gap)) / 2 + 12px)}.pk-unit:not(.kiri):not(.tengah){--rail-naik: 16px;--rail-top: calc(50vh - (var(--rail-kanan) * (var(--rail-h) + var(--rail-gap)) - var(--rail-gap)) / 2 + 12px - var(--rail-naik));--rail-top: calc(50dvh - (var(--rail-kanan) * (var(--rail-h) + var(--rail-gap)) - var(--rail-gap)) / 2 + 12px - var(--rail-naik))}.p-handle-uni{gap:2px;border-radius:13px 0 0 13px}.pk-unit.kiri .p-handle-uni{border-radius:0 13px 13px 0}.p-handle-uni .pk{font-size:14px}.p-handle-uni .lb{font-size:9px;letter-spacing:.05em}.p-handle-uni .n{min-width:18px;height:18px;padding:0 4px;font-size:9.5px;top:-6px}.pk-unit{top:8px;bottom:8px}#tl-dock{left:52px}#view-dock{right:52px}.pod-icons{position:fixed;top:14px;right:52px;z-index:13}}.pkk-intro{font-size:11.5px;font-weight:700;color:var(--muted);line-height:1.4;margin:-2px 0 13px;padding-bottom:12px;border-bottom:1px dashed var(--border-2)}.pkk-intro b{color:var(--text);font-weight:900}.pkk-seksi{margin-bottom:14px;padding-bottom:13px;border-bottom:1px dashed var(--border-2)}.pkk-seksi:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pkk-h{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);margin-bottom:9px}.pkk-h .i{font-size:14px}.pkk-stat{font-size:12px;font-weight:800;color:var(--text);line-height:1.35;margin-bottom:8px}.pkk-stat.pkk-nonton{color:var(--muted)}.pkk-stat.pkk-solo{color:var(--good)}.pkk-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.pkk-chip{font-size:10.5px;font-weight:900;border-radius:999px;padding:3px 9px;background:var(--input-bg);color:var(--muted);border:1.5px solid transparent}.pkk-chip.on{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--good);border-color:color-mix(in srgb,var(--good) 42%,transparent)}.pkk-help{font-size:10.5px;font-weight:700;color:var(--muted);line-height:1.4;margin:2px 0 10px}.pkk-help b{color:var(--text);font-weight:900}.pkk-tagmini{font-size:8.5px;font-weight:900;letter-spacing:.04em;border-radius:6px;padding:1px 5px;background:var(--input-bg);color:var(--muted);text-transform:none;margin-left:4px}.pkk-btn{width:100%;border-radius:12px;font-weight:800;font-size:12.5px;padding:9px;color:var(--text);background:var(--btn-bg);box-shadow:0 3px 0 var(--border-2)}.pkk-btn:active{transform:translateY(2px);box-shadow:none}.pkk-link{display:block;width:100%;margin-top:9px;padding:7px;border-radius:10px;font-family:inherit;font-size:11.5px;font-weight:800;cursor:pointer;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);border:1.5px dashed color-mix(in srgb,var(--accent) 38%,transparent)}.pkk-link:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.pkk-link:active{transform:translateY(1px)}.pkk-quick{display:flex;gap:6px;margin-bottom:8px}.pkk-mini{flex:1;font-family:inherit;cursor:pointer;font-size:11px;font-weight:800;border-radius:10px;padding:6px 8px;color:var(--text);background:var(--btn-bg);border:1.5px solid var(--border-2);box-shadow:0 2px 0 var(--border-2)}.pkk-mini:active{transform:translateY(2px);box-shadow:none}.pkk-strows{display:flex;flex-direction:column;gap:5px;max-height:232px;overflow-y:auto;margin:0 -2px;padding:0 2px 2px}.pkk-strow{display:flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer;font-family:inherit;border-radius:12px;padding:8px 9px;color:var(--text);background:var(--btn-bg);border:2px solid var(--border-2);box-shadow:0 2px 0 var(--border-2)}.pkk-strow:hover{background:var(--btn-hover)}.pkk-strow:active{transform:translateY(1px);box-shadow:none}.pkk-strow.on{border-color:color-mix(in srgb,var(--good) 55%,var(--border-2));background:color-mix(in srgb,var(--good) 11%,var(--btn-bg))}.pkk-strow-mk{flex:none;width:19px;height:19px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;background:var(--input-bg);border:1.5px solid var(--border-2)}.pkk-strow.on .pkk-strow-mk{background:var(--good);border-color:transparent}.pkk-strow-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;line-height:1.15}.pkk-strow-tx b{font-size:12.5px;font-weight:900}.pkk-strow-tx small{font-size:9.5px;font-weight:700;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pkk-strow-load{flex:none;font-size:9px;font-weight:800;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.pkk-strow-tag{flex:none;font-size:9px;font-weight:900;letter-spacing:.04em;border-radius:999px;padding:2px 7px;background:var(--input-bg);color:var(--muted)}.pkk-strow-tag.on{background:var(--good);color:#fff}.pkk-opts{display:flex;flex-direction:column;gap:6px}.pkk-opt{display:flex;align-items:center;gap:9px;width:100%;text-align:left;cursor:pointer;font-family:inherit;border-radius:13px;padding:9px 11px;color:var(--text);background:var(--btn-bg);border:2px solid var(--border-2);box-shadow:0 2px 0 var(--border-2)}.pkk-opt:hover{background:var(--btn-hover)}.pkk-opt:active{transform:translateY(1px);box-shadow:none}.pkk-opt.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--btn-bg))}.pkk-opt-mk{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid var(--border-2);position:relative}.pkk-opt.on .pkk-opt-mk{border-color:var(--accent)}.pkk-opt.on .pkk-opt-mk:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--accent)}.pkk-opt-ic{flex:none;font-size:18px;line-height:1}.pkk-opt-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pkk-opt-tx b{font-size:12.5px;font-weight:900}.pkk-opt-tx small{font-size:9.5px;font-weight:700;color:var(--muted);line-height:1.2}.pkk-tema{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.pkk-tchip{display:flex;flex-direction:column;gap:5px;cursor:pointer;font-family:inherit;border-radius:13px;padding:7px;color:var(--text);text-align:center;background:var(--btn-bg);border:2px solid var(--border-2);box-shadow:0 2px 0 var(--border-2)}.pkk-tchip:hover{background:var(--btn-hover)}.pkk-tchip:active{transform:translateY(1px);box-shadow:none}.pkk-tchip.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--btn-bg))}.pkk-tchip b{font-size:10.5px;font-weight:900;line-height:1.1}.pkk-tmini{display:block;height:34px;border-radius:8px;position:relative;overflow:hidden;border:1px solid var(--border-2)}.pkk-tmini i{position:absolute;left:10%;right:10%;height:3px;border-radius:2px}.pkk-rail{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pkk-rail input[type=range]{flex:1;accent-color:var(--accent);min-width:0}.pkk-rail b{font-size:12px;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums;min-width:2.6em;text-align:right}.pkk-switch{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;font-family:inherit;border-radius:14px;padding:10px 12px;color:var(--text);background:var(--btn-bg);border:2px solid var(--border-2);box-shadow:0 2px 0 var(--border-2)}.pkk-switch:active{transform:translateY(1px)}.pkk-sw-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pkk-sw-txt b{font-size:12.5px;font-weight:900}.pkk-sw-txt small{font-size:9.5px;font-weight:700;color:var(--muted);line-height:1.25}.pkk-knob{flex:none;width:42px;height:24px;border-radius:999px;position:relative;background:var(--border-2);transition:background .18s}.pkk-knob:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000059;transition:transform .18s}.pkk-switch.on .pkk-knob{background:var(--good)}.pkk-switch.on .pkk-knob:after{transform:translate(18px)}.pkk-switch.mati{opacity:.5;cursor:default}.pkk-switch.mati:active{transform:none}.p-filter{display:flex;flex-wrap:wrap;gap:5px;padding:0 0 10px;margin-bottom:9px;border-bottom:1px dashed var(--border-2)}.p-badge{font-family:inherit;font-size:11px;font-weight:900;cursor:pointer;border-radius:999px;padding:4px 10px;border:1.5px solid var(--border-2);background:var(--panel-2);color:var(--muted)}.p-badge:hover{border-color:var(--muted)}.p-badge.on{background:var(--accent);border-color:var(--accent);color:#fff}.p-badge .c{opacity:.7;font-weight:800;margin-left:3px}.p-seg{display:inline-flex;background:var(--input-bg);border:1.5px solid var(--border-2);border-radius:10px;padding:3px;gap:2px;margin-bottom:9px}.p-seg button{font-family:inherit;font-weight:800;font-size:11.5px;color:var(--muted);background:none;border:none;border-radius:7px;padding:5px 12px;cursor:pointer}.p-seg button.on{background:var(--panel-2);color:var(--text)}.p-seg button.gmeet{border-left:1.5px solid var(--border-2);border-radius:0 7px 7px 0}.p-seg button.gmeet.on{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.p-badge.gmeet.on{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.d-row{display:flex;align-items:center;gap:8px;padding:7px 3px;font-size:12px;border-bottom:1px solid var(--border-2)}.d-row .t{font-weight:900;color:var(--clock);font-variant-numeric:tabular-nums;flex:none}.d-row .mid{flex:1;min-width:0;color:var(--muted);font-weight:700}.d-row .mid b{color:var(--text)}.d-row .eta{flex:none;font-size:11px;font-weight:900;color:var(--good);background:color-mix(in srgb,var(--good) 16%,transparent);border-radius:999px;padding:2px 8px}.u-row{display:flex;gap:7px;align-items:baseline;padding:6px 3px;font-size:11.5px;color:var(--muted);font-weight:700;border-bottom:1px solid var(--border-2)}.u-row .t{color:var(--clock);font-weight:900;font-variant-numeric:tabular-nums;flex:none}.u-row .mid b{color:var(--text)}.lg{display:flex;gap:6px;align-items:baseline;padding:4px 3px;font-size:11.5px;font-weight:700;color:var(--muted)}.lg .lt{color:var(--clock);font-weight:900;font-variant-numeric:tabular-nums;flex:none}.lg .ik{flex:none}.lg.good{color:var(--good)}.lg.bad{color:var(--late)}.p-queue{background:var(--panel-2);border:1px solid var(--border-2);border-radius:12px;padding:8px 10px;margin-bottom:9px}.p-qh{font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.q-row{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text);padding:3px 0}.q-del{margin-left:auto;font-size:10px;padding:1px 7px;border-radius:6px}.gk{border:1.5px solid var(--border-2);border-radius:12px;margin-bottom:6px;overflow:hidden;background:var(--panel-2)}.gk-h{display:flex;align-items:center;gap:8px;padding:9px 10px;cursor:pointer}.gk-h .cv{color:var(--muted);font-weight:900;font-size:12px;transition:transform .25s;flex:none}.gk.op .gk-h .cv{transform:rotate(90deg);color:var(--accent)}.gk-h .no{font-size:13px;font-weight:900;color:var(--text);flex:none}.gk-h .jn{font-size:10.5px;font-weight:800;color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gk-h .rg{font-size:11px;font-weight:900;color:var(--heading);font-variant-numeric:tabular-nums;flex:none}.gk-b{display:none;padding:2px 10px 9px 12px}.gk.op .gk-b{display:block}.gk-st{flex:none;font-size:11px;font-weight:900}.gk-st.aktif{color:var(--good)}.gk-st.lewat{color:var(--muted)}.gk.st-lewat .gk-h .no,.gk.st-lewat .gk-h .jn,.gk.st-lewat .gk-h .rg{text-decoration:line-through}.gk.st-lewat{opacity:.55}.gk.st-aktif .gk-h .no{color:var(--good)}.p-seg.gstat button .c{opacity:.65;font-weight:800;margin-left:4px;font-size:10px}.gs{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:center;padding:5px 0;border-top:1px dashed var(--border-2)}.gs:first-child{border-top:none}.gs .mk{width:8px;height:8px;border-radius:50%;background:var(--muted);justify-self:center}.gs.ls .mk{background:transparent;border:2px solid var(--faint, var(--border-2))}.gs .nm{font-size:12.5px;font-weight:800;color:var(--text)}.gs.ls .nm{font-style:italic;font-weight:700;color:var(--muted)}.gs .nm i{font-style:normal;font-weight:900;font-size:8.5px;color:var(--muted);background:var(--border-2);border-radius:5px;padding:1px 4px;margin-right:3px}.gs .tm{font-size:11.5px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.p-tt{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.p-tt th{position:sticky;top:0;background:var(--panel);text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:900;padding:6px;border-bottom:2px solid var(--border-2)}.p-tt td{padding:7px 6px;border-bottom:1px solid var(--border-2);font-size:12px;font-weight:700;color:var(--text)}.p-tt td.ka{font-weight:900}.p-tt td.tm{color:var(--heading);font-weight:800}.p-tt tr.ls td{color:var(--muted);font-style:italic}.p-tt tr.ls td.tm{font-style:normal}@media (max-width: 720px){:root{--pw-k: min(calc(100vw - var(--rail-w) * 2 - 2px), 320px);--pm-k: 8px;--rail-top: 244px;--rail-h: 92px}.pk-unit.g-gapeka{--pw-k: min(calc(100vw - var(--rail-w) * 2 - 2px), 320px)}#side-panel{top:214px;bottom:auto;left:auto;right:var(--pm-k);width:var(--pw-k);max-height:calc(100% - 226px)}.p-list{max-height:calc(100vh - 360px)}}#panduan-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;pointer-events:none}#panduan-ov .pd-catch{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:auto}#panduan-ov.pd-kabur .pd-catch{background:#0a0e1680;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}body.panduan-on #route-pop{z-index:4020!important}#panduan-ov .pd-spot{position:fixed;pointer-events:none;box-shadow:0 0 0 4px #fff,0 0 0 9999px #0a0e16bd;transition:left .3s cubic-bezier(.34,1.2,.5,1),top .3s cubic-bezier(.34,1.2,.5,1),width .3s,height .3s,border-radius .3s;animation:pd-pulse 1.5s ease-in-out infinite}@keyframes pd-pulse{0%,to{box-shadow:0 0 0 4px #fff,0 0 0 9999px #0a0e16bd}50%{box-shadow:0 0 0 9px #7ee08a,0 0 0 9999px #0a0e16bd}}@media (prefers-reduced-motion: reduce){#panduan-ov .pd-spot{animation:none}}#panduan-ov .pd-card{position:fixed;left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 28px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;background:#fff;color:#3c3c3c;border:2px solid #e5e5e5;border-bottom-width:4px;border-radius:22px;padding:20px 22px 18px;box-shadow:0 24px 70px #0000006b;pointer-events:auto;animation:pd-in .24s cubic-bezier(.2,.9,.3,1)}@keyframes pd-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1}}#panduan-ov .pd-card.pd-bawah{bottom:30px}#panduan-ov .pd-card.pd-atas{top:30px}#panduan-ov .pd-card.pd-tengah{top:50%;transform:translate(-50%,-50%)}#panduan-ov .pd-bar{height:10px;background:#e5e5e5;border-radius:999px;overflow:hidden;margin-bottom:16px}#panduan-ov .pd-bar i{display:block;height:100%;width:0;background:#58cc02;border-radius:999px;box-shadow:inset 0 -3px #0000001f;transition:width .3s cubic-bezier(.2,.8,.2,1)}#panduan-ov .pd-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}#panduan-ov .pd-ikon{flex:0 0 auto;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:#ddf4c9;border:2px solid #b8e79a}#panduan-ov .pd-step{font-size:12px;font-weight:800;color:#afafaf;letter-spacing:.03em;text-transform:uppercase}#panduan-ov .pd-judul{font-size:22px;font-weight:800;line-height:1.1;color:#3c3c3c}#panduan-ov .pd-teks{font-size:15px;line-height:1.55;color:#4b4b4b;text-align:left;text-wrap:pretty}#panduan-ov .pd-teks b{color:#2b2b2b;font-weight:800}#panduan-ov .pd-visual{margin-top:14px;padding:10px 12px;border-radius:14px;background:#f7f7f7;border:2px solid #ececec}#panduan-ov .pd-svg{display:block;width:100%;height:auto}#panduan-ov .pd-svg-rail{stroke:#c9c9c9;stroke-width:2.5;stroke-dasharray:1 7;stroke-linecap:round}#panduan-ov .pd-svg-cap{font-size:11px;font-weight:800;fill:#9a9a9a;text-anchor:middle}#panduan-ov .pd-svg-tag{font-size:12px;font-weight:900;letter-spacing:.02em}#panduan-ov .pd-svg-tag.g{fill:#46a302}#panduan-ov .pd-svg-tag.w{fill:#ce7a00}#panduan-ov .pd-zoom{display:flex;gap:8px;margin-top:14px}#panduan-ov .pd-zoom button{flex:1;font:inherit;font-weight:800;font-size:13px;color:#1899d6;background:#ddf4ff;border:2px solid #b6e3f7;border-bottom-width:3px;padding:9px;border-radius:13px;cursor:pointer}#panduan-ov .pd-zoom button:active{transform:translateY(2px);border-bottom-width:2px}#panduan-ov .pd-genta{display:flex;gap:8px;margin-top:14px}#panduan-ov .pd-genta button{flex:1;font:inherit;font-weight:800;font-size:13px;color:#a15c00;background:#fff1d6;border:2px solid #f4d79a;border-bottom-width:3px;padding:10px 8px;border-radius:13px;cursor:pointer;line-height:1.25}#panduan-ov .pd-genta button small{display:block;font-size:11px;font-weight:700;opacity:.7}#panduan-ov .pd-genta button:active{transform:translateY(2px);border-bottom-width:2px}#panduan-ov .pd-hint{margin-top:14px;font-size:13px;font-weight:800;color:#ce7a00;background:#fff4dc;border:2px solid #ffe4a8;border-radius:12px;padding:9px 12px}#panduan-ov .pd-nav{display:flex;align-items:center;gap:10px;margin-top:16px}#panduan-ov .pd-nav button{font:inherit;font-weight:800;font-size:14px;cursor:pointer;padding:11px 16px;border-radius:14px;text-transform:uppercase;letter-spacing:.02em}#panduan-ov .pd-prev{background:#fff;color:#afafaf;border:2px solid #e5e5e5;border-bottom-width:4px}#panduan-ov .pd-skip{margin-left:auto;background:transparent;border:none;color:#afafaf;text-transform:none}#panduan-ov .pd-next.utama{background:#58cc02;color:#fff;border:2px solid #58cc02;border-bottom:4px solid #46a302}#panduan-ov .pd-next.utama:active,#panduan-ov .pd-prev:active{transform:translateY(2px);border-bottom-width:2px}@media (max-width: 540px){#panduan-ov .pd-card{width:min(400px,calc(100vw - 24px));padding:15px 16px 14px;border-radius:18px}#panduan-ov .pd-card.pd-bawah{bottom:18px}#panduan-ov .pd-card.pd-atas{top:18px}#panduan-ov .pd-bar{height:8px;margin-bottom:12px}#panduan-ov .pd-head{gap:11px;margin-bottom:9px}#panduan-ov .pd-ikon{width:42px;height:42px;border-radius:13px;font-size:23px}#panduan-ov .pd-judul{font-size:18px}#panduan-ov .pd-step{font-size:11px}#panduan-ov .pd-teks{font-size:13.5px;line-height:1.48}#panduan-ov .pd-visual{margin-top:11px;padding:8px 10px}#panduan-ov .pd-zoom,#panduan-ov .pd-genta{margin-top:11px;gap:7px}#panduan-ov .pd-zoom button,#panduan-ov .pd-genta button{padding:8px 6px;font-size:12px}#panduan-ov .pd-hint{margin-top:11px;padding:8px 10px;font-size:12px}#panduan-ov .pd-nav{margin-top:12px;gap:8px}#panduan-ov .pd-nav button{padding:10px 13px;font-size:13px}}@media (orientation: landscape) and (max-height: 560px){#panduan-ov .pd-card{width:min(480px,calc(100vw - 24px));padding:12px 15px 11px;border-radius:16px;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}#panduan-ov .pd-card.pd-bawah{bottom:8px}#panduan-ov .pd-card.pd-atas{top:8px}#panduan-ov .pd-bar{height:7px;margin-bottom:9px}#panduan-ov .pd-head{gap:10px;margin-bottom:7px}#panduan-ov .pd-ikon{width:36px;height:36px;border-radius:11px;font-size:20px}#panduan-ov .pd-step{font-size:10px}#panduan-ov .pd-judul{font-size:17px}#panduan-ov .pd-teks{font-size:12.5px;line-height:1.42}#panduan-ov .pd-visual{margin-top:8px;padding:6px 9px}#panduan-ov .pd-zoom,#panduan-ov .pd-genta{margin-top:8px;gap:6px}#panduan-ov .pd-zoom button,#panduan-ov .pd-genta button{padding:6px;font-size:12px}#panduan-ov .pd-genta button small{font-size:10px}#panduan-ov .pd-hint{margin-top:8px;padding:6px 10px;font-size:11.5px}#panduan-ov .pd-nav{margin-top:9px;gap:8px}#panduan-ov .pd-nav button{padding:8px 12px;font-size:12.5px;border-radius:12px}}@media (max-width: 560px),(max-height: 560px){#announce-bar{max-width:90vw;min-width:0}.ann-line{padding:7px 11px;font-size:12px;gap:7px}.ann-line .ikon{font-size:15px;width:22px;height:22px}.ann-line.genta{padding:7px 11px}.ann-line.genta .kode{font-size:12px}.ann-line.genta .rangkaian{font-size:10px}#status-bar{font-size:9px;padding:2px 6px;left:8px;bottom:8px;max-width:62vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warp-chip{padding:5px 10px;font-size:11.5px}.warp-chip .wc-ico{font-size:12px}.warp-lvl{padding:5px 8px;font-size:11px}#clock-analog{display:none}.time-pod{padding:4px 6px;gap:4px;border-radius:12px}.time-pod #btn-pause{padding:4px 7px}.clock{font-size:12px}.status-pod{padding:3px 8px;gap:8px}.score-val{font-size:15px}.dinas-pod{font-size:11px}.pod-icons{padding:3px;gap:3px}.pod-icons button{width:32px;height:32px;font-size:15px;box-shadow:0 2px 0 var(--border-2)}#view-dock{gap:6px}#mode-group .mode-btn{padding:6px 9px;font-size:12px}#view-toggle .vt-btn{padding:5px 9px}#view-toggle .vt-btn .vt-ico{font-size:16px}#view-toggle .vt-btn .vt-lbl{font-size:11px}.p-handle-uni .pk,.p-handle-uni.ikon-saja .pk{font-size:15px}.p-handle-uni .lb{display:none}.p-handle-uni .n{min-width:16px;height:16px;font-size:9px;top:-5px}.pk-unit{--ikon-h: var(--rail-h)}.pk-unit,.pk-unit.kiri,.pk-unit.tengah{--rail-w: 34px;--rail-h: 38px;--rail-gap: 5px}.pk-body{font-size:12.5px}.pk-unit{--pw-k: min(326px, calc(100vw - 3 * var(--rail-w) + 3px))}.pk-unit.g-gapeka{--pw-k: min(392px, calc(100vw - 3 * var(--rail-w) + 3px))}.pk-unit.kiri{--pw-k: min(296px, calc(100vw - 3 * var(--rail-w) + 3px))}.pk-unit.kiri.g-log{--pw-k: min(336px, calc(100vw - 3 * var(--rail-w) + 3px))}.pk-unit.palet{--pw-k: min(300px, calc(100vw - 3 * var(--rail-w) + 3px))}}@media (max-width: 560px),(max-height: 560px){.pk-body .p-tabs{padding:3px;gap:2px;margin-bottom:6px;border-radius:10px}.pk-body .p-tab{flex-direction:row;gap:4px;padding:4px 0;border-radius:8px}.pk-body .p-tab .i{font-size:13px}.pk-body .p-tab .l{font-size:9px}.pk-body .p-tab .b{position:static;margin-left:2px}:is(#side-panel,.pk-body) .p-tabs .seksi-aksi{padding:3px 8px;font-size:10.5px}.pk-body .p-close{width:22px;height:22px;font-size:12px;border-radius:7px}.pk-body .p-head{padding:0 0 6px;gap:6px}.pk-body .p-head h2{font-size:12px}.pk-body .p-head .p-ic{font-size:13px}.pk-body .p-filter{gap:4px;padding-bottom:6px;margin-bottom:6px}.pk-body .p-badge{font-size:10px;padding:2px 8px}.pk-body .p-seg{margin-bottom:5px;padding:2px;border-radius:8px}.pk-body .p-seg button{font-size:10.5px;padding:3px 8px}.pk-body .p-list{max-height:none}:is(#side-panel,.pk-body) .ka-card{border-radius:11px;margin-bottom:5px;border-width:1.5px;border-bottom-width:3px}.pk-body .kc-main{gap:6px;padding:5px 8px 5px 6px}.pk-body .kc-coin{width:18px;height:18px;font-size:10px;box-shadow:inset 0 -2px #0000002e}:is(#side-panel,.pk-body) .kc-caret{width:18px;height:18px;font-size:13px}.pk-body .kc-l1 .tno{font-size:12.5px}.pk-body .kc-l1 .nama{font-size:11px}.pk-body .kc-l1 .jenis{display:none}.pk-body .kc-l2{margin-top:0;gap:6px}.pk-body .kc-l2 .status,.pk-body .kc-next{font-size:10.5px}.pk-body .kc-chip{font-size:10px;padding:1px 6px}.pk-body .ka-card[data-sev=good] .kc-txt{flex-direction:row;align-items:baseline;gap:6px}.pk-body .ka-card[data-sev=good] .kc-l1{flex:none;max-width:60%}.pk-body .ka-card[data-sev=good] .kc-l2{flex:1;min-width:0}.pk-body .gk{border-radius:9px;margin-bottom:4px}.pk-body .gk-h{padding:5px 8px;gap:6px}.pk-body .gk-h .no{font-size:12px}.pk-body .gk-h .jn{display:none}.pk-body .gk.op .gk-h .jn{display:block}.pk-body .gk-h .rg{font-size:10.5px}.pk-body .gk-b{padding:0 8px 6px 10px}.pk-body .pkk-intro,.pk-body .pkk-help{display:none}.pk-body .pkk-seksi{margin-bottom:8px;padding-bottom:7px}.pk-body .pkk-h{margin-bottom:5px;font-size:10px}.pk-body .pkk-h .i{font-size:12px}.pk-body .pkk-opts{gap:4px}.pk-body .pkk-opt{padding:5px 9px;gap:7px;border-radius:10px}.pk-body .pkk-opt-ic{font-size:14px}.pk-body .pkk-opt-tx b{font-size:12px}.pk-body .pkk-opt:not(.on) .pkk-opt-tx small{display:none}.pk-body .pkk-link{margin-top:4px;padding:3px;font-size:11px;background:none;border:none;text-decoration:underline}.pk-body .pkk-tema{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:4px}.pk-body .pkk-tchip{padding:4px;gap:3px;border-radius:9px}.pk-body .pkk-tchip b{font-size:9px}.pk-body .pkk-tmini{height:22px}.pk-body .pkk-switch{padding:6px 10px;border-radius:11px;gap:8px}.pk-body .pkk-sw-txt b{font-size:12px}.pk-body .pkk-sw-txt small{display:none}.pk-body .pkk-btn{padding:6px;font-size:12px}.pk-body .pkk-strows{max-height:150px;gap:4px}.pk-body .pkk-quick{margin-bottom:5px}.pk-body .pkk-mini{padding:4px 8px;font-size:10.5px}}@media (orientation: landscape) and (max-height: 560px){.pk-unit,.pk-unit.g-gapeka,.pk-unit.kiri,.pk-unit.kiri.g-log,.pk-unit.palet{--pw-k: clamp(250px, 36vw, 290px)}}@media (min-width: 561px) and (max-height: 900px){#intro-inner:not(.pilih){gap:18px;padding:18px}#intro-inner:not(.pilih) #intro-title .brand{font-size:clamp(44px,8vh,84px)}#intro-inner:not(.pilih) #intro-title .brand-garis{margin:8px auto 7px}#intro-inner:not(.pilih) #intro-title .tagline{margin-top:9px}#intro-inner:not(.pilih) #intro-menu{gap:7px}#intro-inner:not(.pilih) .intro-btn{padding:11px 15px}#intro-inner:not(.pilih) .intro-btn .t{font-size:15px}#intro-inner:not(.pilih) .intro-btn .d{font-size:11.5px}}@media (min-width: 561px) and (max-height: 720px){#intro-inner:not(.pilih){gap:12px}#intro-inner:not(.pilih) #intro-title .brand{font-size:clamp(38px,7vh,62px)}#intro-inner:not(.pilih) #intro-title .tagline{display:none}#intro-inner:not(.pilih) .intro-btn{padding:9px 14px}}@media (max-width: 560px),(max-height: 560px){.dl-page.hasil-dinas{overflow-y:auto;-webkit-overflow-scrolling:touch}.hd-medali{width:84px;height:84px;font-size:40px}.hd-grade{font-size:26px}.hd-skor{font-size:46px}.hd-korridor{font-size:15px}.hd-kaGrid{gap:8px;margin-top:6px}.hd-kaKartu{padding:9px 11px}.hd-kaNo{font-size:14px}.hd-kaPoin{font-size:18px}.rw-card{padding:10px 12px!important;gap:10px}.rw-no{font-size:14px;min-width:60px}.rw-line{font-size:12px}.rw-sub{font-size:10.5px}}@media (max-width: 560px),(max-height: 560px){#modal{max-height:calc(100dvh - 24px);padding:16px}#modal:has(.md-konfirm){padding:18px 18px 16px;border-radius:20px}.mk-ikon{width:44px;height:44px;font-size:22px;border-radius:14px;margin-bottom:10px}.mk-title{font-size:17px}.mk-sub{font-size:12px;line-height:1.45;margin:6px 2px 0}.mk-aksi{gap:8px;margin-top:14px}.mk-aksi button{padding:9px 14px;font-size:13.5px;border-radius:13px}#modal.kartu-polos{padding:18px 18px 16px;border-radius:20px}#modal.kartu-polos h2{font-size:17px}#modal.kartu-polos .sub{font-size:12px;line-height:1.45;margin-bottom:11px}#modal.kartu-polos .footer{gap:8px;margin-top:12px}#modal:has(.dl-opsi){padding-top:14px;position:relative;width:min(560px,calc(100vw - 40px))}#modal .dl-x{display:grid;place-items:center;position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:2px solid var(--border-2);background:var(--panel);color:var(--muted);font-family:inherit;font-size:13px;font-weight:900;line-height:1;cursor:pointer}#modal.kartu-polos:has(.dl-opsi) h2{padding-right:30px}#modal.kartu-polos:has(.dl-opsi) .sub{margin-bottom:0}#modal .dl-opsi{flex-direction:row;gap:8px;margin-top:10px}#modal .dl-opsi .dl-btn{flex:1 1 0;min-width:0;padding:9px 11px;border-radius:13px;gap:2px}#modal .dl-opsi .dl-btn .t{font-size:13.5px}#modal .dl-opsi .dl-btn .t .dl-lg{display:none}#modal .dl-opsi .dl-btn .m{font-size:10.5px;line-height:1.35}#modal .dl-opsi .dl-btn{justify-content:center}#modal .dl-timpa{display:inline;font-style:normal;color:var(--duo-orange)}#modal .dl-warn,#modal:has(.dl-opsi) .footer{display:none}#modal:has(.gate-langgan){padding:14px 18px}#modal .gate-langgan .gl-disc{width:40px;height:40px;margin:0 auto 8px}#modal .gate-langgan .gl-disc svg{width:19px;height:19px}#modal .gate-langgan h2{font-size:17px;margin:0 0 3px;line-height:1.2}#modal .gate-langgan .gl-sub{font-size:12px;margin:0 0 10px}#modal .gate-langgan .gl-perks{gap:5px;margin:0 0 10px}#modal .gate-langgan .gl-perks li{font-size:12px}#modal .gate-langgan .gl-perks .ck{width:16px;height:16px;font-size:10px}#modal .gate-langgan .gl-free{margin:0 0 10px;font-size:11.5px}#modal .gate-langgan .gl-chip{font-size:11px;padding:3px 9px}#modal .gate-langgan .gl-btn{padding:11px;font-size:13.5px;border-radius:13px}#modal .gate-langgan .gl-btn.primary{margin-bottom:6px;box-shadow:0 4px #c98f00}#modal .gate-langgan .gl-btn.ghost{padding:9px;font-size:12.5px}#modal .gate-langgan .gl-cap{display:none}.sj-title{font-size:18px}.sj-clock .sj-digits{font-size:32px;min-width:66px;padding:8px 6px 7px;border-radius:11px}.sj-clock .sj-colon{font-size:28px;padding-bottom:16px}.sj-title{font-size:20px}.sj-garis{margin:5px 0 6px}.sj-clock{gap:10px;margin:10px 0 2px}.sj-col{gap:5px}.sj-col .sj-step{font-size:10px;padding:5px 0;border-radius:8px}.sj-digits{font-size:32px;min-width:66px;padding:8px 6px 7px;border-radius:11px}.sj-colon{font-size:28px;padding-bottom:16px}.sj-line{height:40px;margin-top:6px}.sj-chips{margin:4px 0 0;gap:5px}.sj-preview,.sj-warn{margin-top:8px}#modal.kartu-polos .footer button:not(.sj-batal):not(.sj-berangkat){padding:9px 14px;font-size:13px;border-radius:13px}}@media (orientation: landscape) and (max-height: 560px){#modal:has(.md-konfirm){width:min(560px,calc(100vw - 32px))}.md-konfirm{display:grid;align-items:center;text-align:left;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ikon judul aksi" "ikon sub   aksi";column-gap:14px;row-gap:2px}.mk-ikon{grid-area:ikon;margin-bottom:0;align-self:center}.mk-title{grid-area:judul;align-self:end}.mk-sub{grid-area:sub;align-self:start;margin:0}.mk-aksi{grid-area:aksi;width:auto;min-width:156px;margin-top:0}.md-konfirm:not(.n3d)>:not(.mk-ikon):not(.mk-title):not(.mk-sub):not(.mk-aksi){grid-column:1 / -1}#modal:has(.md-konfirm.n3d){width:min(640px,calc(100vw - 32px))}.md-konfirm.n3d{grid-template-columns:auto minmax(0,1.1fr) minmax(190px,1fr);grid-template-areas:"ikon judul body" "ikon sub   body" "ikon aksi  body";align-items:start}.md-konfirm.n3d .mk-ikon{width:44px;height:44px;font-size:22px;align-self:start}.md-konfirm.n3d .mk-title{font-size:16px;line-height:1.2}.md-konfirm.n3d .mk-sub{font-size:12px;margin-top:4px}.md-konfirm.n3d .mk-aksi{grid-area:aksi;min-width:0;margin-top:10px}.md-konfirm.n3d .mk-aksi button{padding:9px 14px;font-size:13.5px}.md-konfirm.n3d .n3d-body{grid-area:body;margin-top:0}.md-konfirm.n3d .n3d-list{max-height:150px}.md-konfirm.n3d .n3d-item{padding:6px 10px}.md-konfirm.n3d .n3d-nama{font-size:12.5px}}@media (orientation: portrait) and (max-width: 560px){#tl-dock{top:8px;left:8px;gap:6px}.pod-icons{position:fixed;top:8px;right:8px;z-index:13;justify-content:flex-end;overflow:hidden;max-width:44px;transition:max-width .35s ease}.pod-icons.buka{max-width:236px}.pod-icons #btn-gear{display:inline-flex;align-items:center;justify-content:center}.pod-icons.buka #btn-gear{background:var(--mode-accent, var(--accent));color:#fff}.pod-icons>button:not(#btn-gear){opacity:0;pointer-events:none;transition:opacity .2s ease}.pod-icons.buka>button:not(#btn-gear){opacity:1;pointer-events:auto;transition-delay:.12s}@media (prefers-reduced-motion: reduce){.pod-icons,.pod-icons>button:not(#btn-gear){transition:none}}#warp-dock{position:static;transform:none;z-index:auto}#announce-bar{top:calc(var(--tl-h, 134px) + 16px);left:8px;right:8px;transform:none;max-width:none;align-items:stretch}#view-dock{right:8px;bottom:8px}.pk-body .p-list{max-height:calc(100dvh - 120px)}}@media (orientation: landscape) and (max-height: 560px){#tl-dock{top:8px;left:52px;gap:5px}.pod-icons{position:fixed;top:8px;right:52px;z-index:13}#warp-dock{position:fixed;top:8px;left:50%;right:auto;transform:translate(-50%);bottom:auto;z-index:12}#announce-bar{top:46px;left:52px;right:52px;transform:none;max-width:none;align-items:stretch}#view-dock{right:52px;bottom:8px}}.mt{display:inline-block;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:900;line-height:1.5;border-radius:999px;white-space:nowrap;vertical-align:1px}.mt.silang{background:color-mix(in srgb,var(--late) 16%,transparent);color:var(--late)}.mt.susul{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.mt.sendiri{background:transparent;border:1.5px dashed currentColor;padding:0 6px;cursor:help}.mt.sendiri:after{content:"*"}.ka-kabin{color:var(--late);font-weight:900;white-space:nowrap}.ka-catatan{margin:8px 0 4px;padding:8px 11px;border-radius:12px;background:var(--panel-2);font-size:12px;line-height:1.45;color:var(--text)}.ka-catatan .jdl{display:block;margin-bottom:2px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}#intro-menu.sheet.simpanan{width:min(640px,94vw)}.sv-grup{display:flex;align-items:center;gap:10px;margin:20px 2px 10px}.sv-grup:first-child{margin-top:2px}.sv-grup .g-lbl{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--heading)}.sv-grup .g-garis{flex:1;height:2px;border-radius:1px;background:var(--border)}.sv-grup .g-kuota{font-size:11px;font-weight:900;color:var(--muted);background:var(--panel);border:2px solid var(--border-2);border-radius:999px;padding:4px 11px}.sv-grup .g-kuota b{color:var(--duo-blue)}.sv-kosong{padding:26px 18px;text-align:center;font-size:13px;font-weight:600;color:var(--muted);line-height:1.6}#cl-list{container-type:inline-size}.sv-card{position:relative;display:flex;align-items:stretch;margin-bottom:12px;text-align:left;background:var(--panel);border:2px solid var(--border-2);border-radius:18px;box-shadow:0 4px 0 var(--border-2);transition:border-color .15s,box-shadow .06s}.sv-card:hover{border-color:var(--duo-blue);box-shadow:0 5px 0 var(--duo-blue-d)}.sv-thumb{position:relative;flex:0 0 148px;overflow:hidden;background:var(--bg);border-right:1px solid var(--border);border-radius:16px 0 0 16px}.sv-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.sv-jenis{flex-shrink:0;font-size:9.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;padding:4px 9px;border-radius:999px;color:#fff;line-height:1}.sv-jenis.auto{background:var(--duo-orange);box-shadow:0 2px 0 var(--duo-orange-d)}.sv-jenis.manual{background:var(--duo-blue);box-shadow:0 2px 0 var(--duo-blue-d)}.sv-isi{flex:1 1 auto;min-width:0;padding:12px 14px 11px;display:flex;flex-direction:column;gap:3px}.sv-kicker{display:flex;align-items:center;gap:8px;min-width:0}.sv-koridor{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-nama{font-family:var(--font-display);font-size:16px;font-weight:900;color:var(--text);line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-stat{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;align-items:center}.sv-jam{display:inline-flex;align-items:baseline;gap:6px;flex-shrink:0;background:var(--panel-2);border:2px solid var(--border-2);border-radius:12px;padding:4px 10px}.sv-jam .j-lbl{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sv-jam .j-val{font-size:16px;font-weight:900;color:var(--clock);font-variant-numeric:tabular-nums;line-height:1}.sv-chip{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;white-space:nowrap;font-size:10px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;line-height:1;color:#fff;padding:6px 10px;border-radius:999px}.sv-chip.skor{background:var(--duo-green);border:2px solid var(--duo-green-d);box-shadow:0 2px 0 var(--duo-green-d)}.sv-chip.skor.minus{background:var(--duo-red);border-color:var(--duo-red-d);box-shadow:0 2px 0 var(--duo-red-d)}.sv-when{flex-shrink:0;font-size:11px;font-weight:700;color:var(--muted)}.sv-aksi{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 12px 0 6px}.sv-lanjut{font-family:inherit;font-size:13px;font-weight:900;color:#fff;cursor:pointer;padding:10px 16px;border-radius:14px;background:var(--duo-green);border:2px solid var(--duo-green-d);box-shadow:0 4px 0 var(--duo-green-d);transition:transform .06s,box-shadow .06s,filter .12s}.sv-lanjut:hover{filter:brightness(1.06)}.sv-lanjut:active{transform:translateY(3px);box-shadow:0 0 0 var(--duo-green-d)}.sv-more{font-family:inherit;font-size:16px;font-weight:900;color:var(--muted);cursor:pointer;width:36px;height:36px;border-radius:12px;background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2);transition:transform .06s,box-shadow .06s,background .12s}.sv-more:hover{background:var(--btn-hover)}.sv-more:active{transform:translateY(3px);box-shadow:0 0 0 var(--border-2)}.sv-more-wrap{position:relative;display:inline-flex}.sv-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:flex;flex-direction:column;min-width:172px;background:var(--panel);border:2px solid var(--border-2);border-radius:14px;overflow:hidden;box-shadow:0 10px 26px #00000073}.sv-menu button{font-family:inherit;font-size:13px;font-weight:800;text-align:left;color:var(--text);background:none;border:0;padding:11px 15px;cursor:pointer;display:flex;gap:9px;align-items:center}.sv-menu[hidden]{display:none}.sv-menu button:hover{background:var(--btn-hover)}.sv-menu button.bahaya{color:var(--duo-red)}@container (max-width: 560px){.sv-card{flex-wrap:wrap}.sv-thumb{flex:0 0 64px;height:64px;align-self:center;margin-left:12px;border-radius:14px;border-right:0;border:2px solid var(--border)}.sv-aksi{width:100%;box-sizing:border-box;padding:2px 12px 12px;gap:10px}.sv-lanjut{flex:1 1 auto;text-align:center}.sv-more-wrap{flex:0 0 auto}}#cloud-rows{container-type:inline-size}.bk-baris{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 10px}.bk-btn{font-family:inherit;font-size:13px;font-weight:800;color:var(--text);cursor:pointer;padding:10px 15px;border-radius:14px;background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2);transition:transform .06s,box-shadow .06s,background .12s}.bk-btn:hover{background:var(--btn-hover)}.bk-btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--border-2)}.bk-btn.bk-unggah{width:100%;box-sizing:border-box;text-align:left;margin-bottom:8px}.bk-btn.bk-unggah small{font-weight:700;color:var(--muted)}.bk-simpan{display:flex;gap:8px;margin:4px 0 16px}.bk-simpan input{flex:1 1 auto;min-width:0;box-sizing:border-box;font-family:inherit;font-size:13px;font-weight:700;color:var(--text);background:var(--input-bg);border:2px solid var(--border-2);border-radius:14px;padding:10px 14px}.bk-simpan input:focus{outline:none;border-color:var(--duo-blue)}.bk-simpan button{font-family:inherit;font-size:13px;font-weight:900;color:#fff;cursor:pointer;white-space:nowrap;padding:10px 16px;border-radius:14px;background:var(--duo-blue);border:2px solid var(--duo-blue-d);box-shadow:0 3px 0 var(--duo-blue-d);transition:transform .06s,box-shadow .06s,filter .12s}.bk-simpan button:hover{filter:brightness(1.06)}.bk-simpan button:active{transform:translateY(3px);box-shadow:0 0 0 var(--duo-blue-d)}.gn-input{width:100%;box-sizing:border-box;margin-top:10px;font-family:inherit;font-size:14px;font-weight:700;color:var(--text);background:var(--input-bg);border:2px solid var(--border-2);border-radius:12px;padding:10px 13px;outline:none}.gn-input:focus{border-color:var(--duo-blue)}.dl-opsi{display:flex;flex-direction:column;gap:10px;margin-top:14px}.dl-btn{font-family:inherit;text-align:left;cursor:pointer;border-radius:16px;padding:13px 16px;display:flex;flex-direction:column;gap:3px;transition:transform .06s,box-shadow .06s,filter .12s,background .12s}.dl-btn:active{transform:translateY(3px)}.dl-btn .t{font-size:15px;font-weight:900}.dl-btn .m{font-size:11.5px;font-weight:700;line-height:1.45}.dl-lanjut{background:var(--duo-green);border:2px solid var(--duo-green-d);box-shadow:0 4px 0 var(--duo-green-d);color:#fff}.dl-lanjut:hover{filter:brightness(1.05)}.dl-lanjut:active{box-shadow:0 0 0 var(--duo-green-d)}.dl-lanjut .m{color:#ffffffeb}.dl-lanjut .m b{font-variant-numeric:tabular-nums}.dl-baru{background:var(--panel);border:2px solid var(--border-2);box-shadow:0 4px 0 var(--border-2);color:var(--text)}.dl-baru:hover{background:var(--btn-hover)}.dl-baru:active{box-shadow:0 0 0 var(--border-2)}.dl-x,.dl-meta-sub,.dl-timpa{display:none}.dl-warn{font-size:11.5px;font-weight:700;line-height:1.5;color:var(--clock);background:color-mix(in srgb,var(--duo-orange) 13%,var(--panel));border:1.5px solid color-mix(in srgb,var(--duo-orange) 45%,transparent);border-radius:12px;padding:9px 12px;margin-top:10px}.dl-amankan{display:block;width:100%;margin-top:8px;text-align:center;font-family:inherit;font-size:12px;font-weight:800;color:var(--duo-blue);background:none;border:0;cursor:pointer;padding:8px 10px;border-radius:10px}.dl-amankan:hover{background:var(--btn-hover)}.dl-amankan:disabled{opacity:.5;cursor:default}.sedang-muat{pointer-events:none;opacity:.8}.spin{display:inline-block;width:13px;height:13px;margin-right:7px;vertical-align:-2px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin-putar .7s linear infinite}@keyframes spin-putar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin{animation:none;opacity:.6}}#pita-dinding{position:fixed;top:14px;right:14px;z-index:30;pointer-events:none;padding:5px 11px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;color:#2a1c00;background:linear-gradient(180deg,#ffcc4d,#f0ad24);border:1px solid rgba(0,0,0,.22);box-shadow:0 3px #0000002e,0 6px 16px #00000040;opacity:.9}#alat-chip{position:fixed;left:50%;bottom:44px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-family:inherit;font-size:12.5px;font-weight:700;line-height:1;color:#fff;background:var(--mode-accent);border:1.5px solid var(--mode-accent-border);box-shadow:0 3px #0000002e,0 6px 16px #0000004d;cursor:pointer}#alat-chip:hover{filter:brightness(1.08)}#alat-chip kbd{font-family:inherit;font-size:10px;font-weight:600;padding:3px 6px;border-radius:6px;background:#00000040;border:1px solid rgba(255,255,255,.25)}#muat3d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:none;align-items:center;justify-content:center;padding:18px;background:#080b0e9e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#muat3d.on{display:flex}body.light #muat3d{background:#f0f4f8b3}.m3d-kartu{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);padding:26px 22px 22px;text-align:center;background:var(--panel);border:2px solid var(--border-2);border-radius:24px;box-shadow:0 6px 0 var(--border-2),0 20px 50px #00000059;animation:m3d-masuk .32s cubic-bezier(.2,1.2,.4,1)}@keyframes m3d-masuk{0%{transform:translateY(18px) scale(.96);opacity:0}}.m3d-maskot{position:relative;height:64px;display:flex;align-items:flex-end;justify-content:center}.m3d-ikon{font-size:48px;line-height:1;animation:m3d-lompat 1.4s ease-in-out infinite}.m3d-bayang{position:absolute;bottom:-4px;left:50%;width:44px;height:8px;margin-left:-22px;border-radius:50%;background:#00000047;animation:m3d-bayang 1.4s ease-in-out infinite}@keyframes m3d-lompat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes m3d-bayang{0%,to{transform:scaleX(1);opacity:.5}50%{transform:scaleX(.6);opacity:.25}}.m3d-judul{font-size:21px;font-weight:900;color:var(--text);letter-spacing:-.3px}.m3d-tahap{font-size:14px;font-weight:700;color:var(--muted);min-height:20px}.m3d-bar{width:100%;height:16px;border-radius:99px;overflow:hidden;background:var(--panel-2);border:2px solid var(--border-2)}.m3d-isi{position:relative;height:100%;width:0%;border-radius:99px;background:#58cc02;box-shadow:inset 0 -4px #0000002e;transition:width .35s cubic-bezier(.3,.9,.4,1)}.m3d-kilau{position:absolute;top:3px;left:8px;right:8px;height:4px;border-radius:99px;background:#ffffff59}.m3d-garis{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-55deg,rgba(255,255,255,.22) 0 10px,transparent 10px 20px);background-size:28px 100%;animation:m3d-garis .8s linear infinite}@keyframes m3d-garis{0%{background-position:0 0}to{background-position:28px 0}}#muat3d.gagal .m3d-garis{animation:none;opacity:.35}.m3d-macet{width:100%;padding:8px 12px;border-radius:12px;font-size:12.5px;font-weight:600;color:var(--text);background:var(--panel-2);border:2px solid var(--border-2);text-align:left;line-height:1.35}.m3d-macet b{font-weight:900}#muat3d.lama .m3d-macet{border-color:#ffc800;background:color-mix(in srgb,#ffc800 14%,var(--panel-2))}#muat3d.lama .m3d-batal{box-shadow:0 4px 0 var(--border-2),0 0 0 4px color-mix(in srgb,#ffc800 45%,transparent)}.m3d-tahap:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:m3d-titik 1.5s steps(4) infinite}@keyframes m3d-titik{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}#muat3d.gagal .m3d-tahap:after{display:none}.m3d-persen{font-size:13px;font-weight:900;color:#58cc02;margin-top:-4px}.m3d-langkah{list-style:none;margin:4px 0 0;padding:0;width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.m3d-langkah li{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border-radius:12px;background:var(--panel-2);border:2px solid transparent;opacity:.45;transition:opacity .2s,border-color .2s}.m3d-l-ikon{font-size:18px;line-height:1}.m3d-l-nama{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.m3d-langkah li.aktif{opacity:1;border-color:#58cc02}.m3d-langkah li.aktif .m3d-l-ikon{animation:m3d-denyut 1s ease-in-out infinite}.m3d-langkah li.selesai{opacity:1}.m3d-langkah li.selesai .m3d-l-ikon:after{content:" ✓";font-size:11px;color:#58cc02;font-weight:900}.m3d-catatan{font-size:12.5px;font-weight:600;color:var(--muted);min-height:34px;padding:0 6px}.m3d-batal.dl-btn{min-width:0;padding:11px 26px;font-size:13px;margin-top:2px}#muat3d.gagal .m3d-batal{display:none}.m3d-aksi{display:none;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;width:100%}#muat3d.gagal .m3d-aksi{display:flex}.m3d-aksi .dl-btn{min-width:0;padding:11px 22px;font-size:13px;flex:1 1 auto}#m3d-reload{display:none}#muat3d.muat-ulang #m3d-reload{display:inline-block}#muat3d.muat-ulang #m3d-ulang{display:none}#muat3d.gagal .m3d-ikon,#muat3d.gagal .m3d-bayang{animation:none}#muat3d.gagal .m3d-isi{background:#ff4b4b}#muat3d.gagal .m3d-persen{color:#ff4b4b}#muat3d.gagal .m3d-langkah{display:none}.m3d-hemat{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:100%}.m3d-hemat span{font-size:11px;font-weight:800;color:var(--muted);padding:4px 9px;border-radius:999px;border:2px solid var(--border);background:var(--panel-2)}.m3d-hemat b{color:var(--text);font-weight:900;font-variant-numeric:tabular-nums}.m3d-hemat span.cache{border-color:color-mix(in srgb,#58cc02 55%,var(--border))}.m3d-hemat span.cache b{color:#58cc02}.m3d-l-btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit}.m3d-langkah li.pilih{opacity:1;border-color:#1cb0f6;box-shadow:0 0 0 3px color-mix(in srgb,#1cb0f6 26%,transparent)}.m3d-rinci{padding:7px 15px;border-radius:999px;cursor:pointer;font:inherit;font-size:12px;font-weight:900;color:var(--text);background:var(--panel-2);border:2px solid var(--border-2)}.m3d-rinci:active{transform:translateY(2px)}.m3d-rincian{width:100%;text-align:left;display:flex;flex-direction:column;gap:6px}.m3d-rincian[hidden],.m3d-hemat[hidden]{display:none}.m3d-saring{display:flex;flex-wrap:wrap;gap:5px}.m3d-f{font:inherit;font-size:10px;font-weight:900;letter-spacing:.2px;cursor:pointer;padding:4px 8px;border-radius:999px;color:var(--muted);background:var(--panel-2);border:2px solid var(--border)}.m3d-f.on{color:var(--text);border-color:#1cb0f6}.m3d-f:disabled{opacity:.4;cursor:default}.m3d-r-kepala{display:flex;justify-content:space-between;gap:8px;padding:0 3px;font-size:9.5px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.m3d-daftar{max-height:210px;overflow-y:auto;overflow-x:hidden;border:2px solid var(--border);border-radius:14px;background:var(--panel-2)}.m3d-baris{display:flex;align-items:center;gap:8px;padding:6px 9px;border-bottom:1px solid var(--border)}.m3d-baris:last-child{border-bottom:0}.m3d-b-teks{flex:1;min-width:0}.m3d-b-nama{display:block;font-size:11.5px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m3d-b-sub{display:block;font-size:10px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.m3d-mini{display:block;height:3px;border-radius:999px;background:var(--border);margin-top:3px;overflow:hidden}.m3d-mini i{display:block;height:100%;background:#1cb0f6;border-radius:999px}.m3d-chip{font-size:9px;font-weight:900;letter-spacing:.3px;text-transform:uppercase;padding:3px 6px;border-radius:999px;border:1.5px solid var(--border-2);color:var(--muted);white-space:nowrap}.m3d-chip.cache{color:#58cc02;border-color:color-mix(in srgb,#58cc02 60%,transparent)}.m3d-chip.unduh{color:#1cb0f6;border-color:color-mix(in srgb,#1cb0f6 60%,transparent)}.m3d-chip.gagal{color:#ff4b4b;border-color:color-mix(in srgb,#ff4b4b 60%,transparent)}.m3d-kosong{padding:12px;text-align:center;font-size:11px;font-weight:700;color:var(--muted)}@keyframes m3d-denyut{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.12);opacity:1}}@media (prefers-reduced-motion: reduce){.m3d-ikon,.m3d-bayang,.m3d-langkah li.aktif .m3d-l-ikon{animation:none}.m3d-isi{transition:none}.m3d-garis,.m3d-tahap:after{animation:none}.m3d-kartu{animation:none}}@media (max-width: 560px),(max-height: 560px){#muat3d{padding:12px}.m3d-kartu{gap:6px;padding:14px 14px 12px;border-radius:16px;width:min(340px,100%);max-height:100%;overflow-y:auto;box-sizing:border-box}.m3d-maskot{height:30px}.m3d-ikon{font-size:26px;animation:none}.m3d-bayang{display:none}.m3d-judul{font-size:15px}.m3d-tahap{font-size:12px;min-height:16px}.m3d-bar{height:10px}.m3d-kilau{top:2px;height:2px}.m3d-persen{font-size:11.5px;margin-top:-2px}.m3d-macet{font-size:11px;padding:6px 10px}.m3d-langkah{gap:3px;margin-top:0}.m3d-langkah li{padding:4px 1px;border-radius:8px;gap:0}.m3d-l-ikon{font-size:14px}.m3d-l-nama,.m3d-catatan{display:none}.m3d-hemat span{font-size:10px;padding:3px 7px}.m3d-rinci{padding:5px 12px;font-size:11px}.m3d-batal.dl-btn{padding:8px 20px;font-size:12px}.m3d-aksi .dl-btn{padding:8px 14px;font-size:12px}.m3d-daftar{max-height:120px}}@media (max-height: 420px){.m3d-langkah,.m3d-catatan,.m3d-maskot{display:none}.m3d-daftar{max-height:90px}}.pk-unit:not(.kiri):not(.tengah){--rail-h: clamp(40px, calc((100vh - 150px) / var(--rail-kanan) - var(--rail-gap)), 106px);--rail-h: clamp(40px, calc((100dvh - 150px) / var(--rail-kanan) - var(--rail-gap)), 106px)}@media (max-width: 560px),(max-height: 560px){.pk-unit:not(.kiri):not(.tengah){--rail-w: 34px;--rail-h: 38px}}:root{--peron: #e0a44a;--peron-gelap: #a4762f;--peron-dim: rgba(224, 164, 74, .16);--peron-ink: #14181d}body.light{--peron: #d08a1e;--peron-gelap: #a35f12;--peron-dim: rgba(179, 112, 47, .12);--peron-ink: #fffaf2}.p-list.pr{padding:14px 13px;display:flex;flex-direction:column;gap:11px;overflow-y:auto;max-height:calc(100vh - 150px);overscroll-behavior:contain}.pr-kapsi{display:flex;align-items:center;gap:9px;width:100%;text-align:left;cursor:pointer;padding:10px 12px;border-radius:13px;font-family:inherit;font-weight:800;font-size:12.5px;background:var(--peron-dim);border:2px solid var(--peron);color:var(--text);transition:filter .12s}.pr-kapsi:hover{filter:brightness(1.08)}.pr-kapsi .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-kapsi .v{flex:none;font-size:12px;font-weight:900;color:var(--peron);transition:transform .16s ease}.pr-kapsi.buka .v{transform:rotate(180deg)}.pr-kapsi:focus-visible{outline:3px solid var(--accent-border);outline-offset:2px}.pr-drop{position:relative}.pr-pick{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:6;border:2px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel);box-shadow:0 14px 34px #0006}.pr-dt-kepala{display:flex;align-items:center;gap:8px;padding:7px 11px;background:var(--input-bg);border-bottom:2px solid var(--border);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pr-dt-balik{background:transparent;border:0;cursor:pointer;padding:0;font-family:inherit;font-weight:900;font-size:11px;color:var(--peron)}.pr-dt-balik:hover{text-decoration:underline}.pr-dt-isi{max-height:min(56vh,400px);overflow-y:auto}.pr-pick button{border-radius:0;border:0;background:transparent;padding:0;font-weight:800;color:var(--text)}.pr-pick button:hover,.pr-pick button:active{transform:none}.pr-dt-baris{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--row-border)!important;font-size:12.5px}.pr-dt-baris:last-child{border-bottom:0!important}.pr-dt-baris:hover:not(:disabled){background:var(--peron-dim)}.pr-dt-baris.kosong,.pr-item.kosong{opacity:.42;cursor:not-allowed}.pr-item.kosong .pr-c{font-size:9.5px}.pr-dt-baris.on{background:var(--peron);color:var(--peron-ink)}.pr-dt-baris:focus-visible{outline:2px solid var(--accent-border);outline-offset:-2px}.pr-dt-baris .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-n{flex:none;width:14px;text-align:center;font-size:12px;color:var(--muted)}.pr-dt-baris.on .pr-n,.pr-dt-baris .pr-n.tik{color:var(--peron)}.pr-dt-baris.on .pr-n{color:var(--peron-ink)}.pr-c{flex:none;font-size:10px;font-weight:900;color:var(--muted)}.pr-dt-baris.on .pr-c{color:var(--peron-ink)}.pr-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--row-border)!important;font-size:12.5px}.pr-item:last-child{border-bottom:0!important}.pr-item:hover{background:var(--peron-dim)}.pr-item.on{background:var(--peron);color:var(--peron-ink);font-weight:900}.pr-item:focus-visible{outline:2px solid var(--accent-border);outline-offset:-2px}.pr-item .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-tik{flex:none;width:14px;text-align:center;font-size:12px;color:var(--peron)}.pr-item.baku-baris{border-bottom:2px solid var(--border)}.pr-tag{flex:none;font-size:8.5px;font-weight:900;letter-spacing:.06em;padding:2px 6px;border-radius:999px;border:2px solid var(--good);color:var(--good)}.pr-item.on .pr-tag{border-color:var(--peron-ink);color:var(--peron-ink)}.pr-baris{display:flex;justify-content:center;gap:26px;padding:4px 0 2px}.pr-kol{display:flex;flex-direction:column;align-items:center;gap:8px}.pr-cincin{width:84px;height:84px;border-radius:999px;padding:5px;display:grid;place-items:center;background:var(--btn-hover)}.pr-cincin.aktif{background:conic-gradient(var(--good) calc(var(--maju, 0) * 1%),var(--btn-hover) 0)}@keyframes pr-putar{to{transform:rotate(360deg)}}.pr-cincin.muat{background:conic-gradient(var(--peron) 0 26%,var(--btn-hover) 26%);animation:pr-putar .9s linear infinite}.pr-lbl.muat{color:var(--peron);text-transform:none;letter-spacing:0}@media (prefers-reduced-motion: reduce){.pr-cincin.muat{animation:none;background:var(--peron-dim)}}.pr-bundar{width:100%;height:100%;border-radius:999px;font-size:27px;cursor:pointer;font-family:inherit;display:grid;place-items:center;border:2px solid;border-bottom-width:5px;transition:transform .06s,border-bottom-width .06s,filter .12s,background-color .18s}.pr-bundar:active:not(:disabled){transform:translateY(2px);border-bottom-width:3px}.pr-bundar:disabled{opacity:.4;cursor:not-allowed}.pr-bundar:focus-visible{outline:3px solid var(--accent-border);outline-offset:3px}.pr-bundar.isi{background:var(--peron);border-color:var(--peron-gelap);color:var(--peron-ink)}.pr-bundar.isi:hover:not(:disabled){filter:brightness(1.07)}.pr-bundar.garis{background:var(--panel);border-color:var(--border);color:var(--text)}.pr-bundar.garis:hover:not(:disabled){background:var(--btn-hover);border-color:var(--peron)}.pr-bundar.jalan{background:var(--good);border-color:var(--good);color:var(--peron-ink)}.pr-lbl{font-size:10.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pr-lbl.jam{font-family:SF Mono,Menlo,monospace;letter-spacing:0;text-transform:none;color:var(--good);font-variant-numeric:tabular-nums}.pr-atur{display:flex;align-items:center;gap:9px}.pr-atur input[type=range]{flex:1;accent-color:var(--peron);min-width:0;height:20px}.pr-persen{flex:none;min-width:26px;text-align:right;font-family:SF Mono,Menlo,monospace;font-size:11px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.pr-bisu{flex:none;padding:5px 10px;border-radius:999px;cursor:pointer;font-size:13px;font-family:inherit;background:var(--panel);color:var(--muted);border:2px solid var(--border);border-bottom-width:4px;transition:transform .06s,border-bottom-width .06s}.pr-bisu:active{transform:translateY(2px);border-bottom-width:2px}.pr-bisu.on{background:var(--late);border-color:var(--late);color:#fff}.pr-ulang{flex:none;padding:5px 10px;border-radius:999px;cursor:pointer;font-size:14px;font-family:inherit;background:var(--panel);color:var(--muted);border:2px solid var(--border);border-bottom-width:4px;transition:transform .06s,border-bottom-width .06s}.pr-ulang:active{transform:translateY(2px);border-bottom-width:2px}.pr-ulang.on{background:var(--accent);border-color:var(--accent);color:#fff}.pr-sek{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.pr-judul{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;font-weight:900;letter-spacing:.09em;color:var(--fg)}.pr-judul span{font-size:10px;font-weight:700;letter-spacing:0;color:var(--muted)}.pr-ka,.pr-oto{display:flex;align-items:center;gap:10px}.pr-ka{border:2px solid var(--border);border-radius:12px;padding:9px 11px}.pr-ka.mati{opacity:.55}.pr-ka .t,.pr-oto .t{flex:1;min-width:0;font-size:13px;font-weight:800;color:var(--fg)}.pr-ka .t i,.pr-oto .t i{display:block;font-style:normal;font-size:11px;font-weight:600;color:var(--muted);margin-top:2px}.pr-sudah{font-size:11px;font-weight:800;color:var(--ok, #3E8E5A);white-space:nowrap}.pr-oto.kunci .t{color:var(--muted)}.pr-kunci{flex:none;padding:4px 9px 5px;border-radius:999px;white-space:nowrap;font-size:10px;font-weight:900;letter-spacing:.5px;color:var(--muted);border:2px solid var(--border)}.pr-umum{flex:none;padding:8px 13px;border-radius:10px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:800;color:#fff;background:var(--accent);border:2px solid var(--accent);border-bottom-width:4px}.pr-umum:active{transform:translateY(2px);border-bottom-width:2px}.pr-umum.lebar{width:100%}.pr-umum.awas{background:var(--duo-gold);border-color:#d9a900;color:#3a2c00}.pr-q{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border:2px solid var(--border);border-radius:12px;padding:8px 10px}.pr-qkep{flex:1;min-width:0;display:flex;align-items:center;gap:9px;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-align:left}.pr-qv{flex:none;font-size:10px;color:var(--muted)}.pr-qteks{flex-basis:100%;margin:2px 0 0;padding:8px 10px;background:var(--border);border-radius:9px;font-size:11px;line-height:1.55;color:var(--fg)}.pr-q .t{flex:1;min-width:0;font-size:12px;font-weight:800;color:var(--fg)}.pr-q .t i{display:block;font-style:normal;font-size:11px;font-weight:600;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-qn{flex:none;width:22px;height:22px;border-radius:7px;background:var(--border);color:var(--muted);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:2px}.pr-q.aktif{border-color:var(--accent)}.pr-q.aktif .t{color:var(--accent)}.pr-q.aktif .pr-qn{background:var(--accent)}.pr-qn i{width:2px;height:7px;border-radius:1px;background:#fff;animation:pr-eq .9s infinite ease-in-out}.pr-qn i:nth-child(2){animation-delay:.15s}.pr-qn i:nth-child(3){animation-delay:.3s}@keyframes pr-eq{0%,to{height:5px}50%{height:12px}}@media (prefers-reduced-motion: reduce){.pr-qn i{animation:none;height:9px}}.pr-x{flex:none;width:26px;height:26px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:900;background:transparent;color:var(--muted);border:2px solid var(--border)}.pr-x:hover{color:var(--bad, #b4442f);border-color:currentColor}.pr-sw{flex:none;width:44px;height:25px;border-radius:999px;cursor:pointer;padding:0;background:var(--border);border:none;position:relative;transition:background .12s}.pr-sw i{position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:left .12s}.pr-sw.on{background:var(--accent)}.pr-sw.on i{left:22px}.pr-cips,.pr-pilih{display:flex;flex-wrap:wrap;gap:6px}.pr-cip{padding:7px 11px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;color:var(--fg);background:var(--panel);border:2px solid var(--border)}.pr-cip.on{border-color:var(--accent);color:var(--accent)}.pr-kartu{border:2px solid var(--border);border-radius:12px;padding:10px 11px;display:flex;flex-direction:column;gap:8px}.pr-kt{font-size:12px;font-weight:900;color:var(--fg)}.pr-isi{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.pr-isi span{flex:1;min-width:0}.pr-isi b{color:var(--fg)}.pr-ganti{flex:none;width:30px;height:30px;border-radius:9px;cursor:pointer;font-size:14px;font-family:inherit;background:var(--panel);color:var(--muted);border:2px solid var(--border)}.pr-tautan{background:none;border:none;padding:0;font-family:inherit;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;text-align:left}.pr-wilayah{font-size:11px;font-weight:800;color:var(--muted);text-align:center}:fullscreen #tl-dock,:-webkit-full-screen #tl-dock{top:calc(14px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left))}:fullscreen #view-dock,:-webkit-full-screen #view-dock{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}@media (display-mode: fullscreen),(display-mode: standalone){#tl-dock{top:calc(14px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left))}#view-dock{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}}@media (orientation: landscape) and (max-height: 560px){.sj-sub,.sj-warn,.sj-garis{display:none}.sj-clock{margin-top:6px}.sj-preview{display:none}}@media (orientation: landscape) and (max-height: 560px){#modal:has(.sj){width:560px}.sj-sub,.sj-garis,.sj-warn,.sj-preview,.sj-clock,.sj-chips:not(.sj-chips-bawah){display:none}.sj-jam-mini{display:inline-flex}.sj-line{height:56px;margin:10px 6px 0}.sj-rail,.sj-rail-past{height:18px;border-radius:9px}.sj-marker{width:34px;height:34px}.sj-stn.utama{width:22px;height:22px}.sj-ticks{font-size:11px;margin:6px 6px 8px}.sj-bawah{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sj-chips-bawah{display:flex;margin:0}.sj-chips-bawah button{padding:5px 10px}.sj-bawah .footer{margin:0}#modal .footer button.sj-batal,#modal .footer button.sj-berangkat{padding:8px 16px}}@media (orientation: landscape) and (max-height: 560px){#intro-inner:not(.pilih){gap:clamp(16px,3vw,36px)}#intro-inner:not(.pilih) #intro-title .brand{font-size:clamp(30px,7vh,48px)}#intro-inner:not(.pilih) #intro-title{flex:0 0 auto}#intro-inner:not(.pilih) #intro-title .brand-garis{margin:5px auto;width:min(190px,24vw)}#intro-inner:not(.pilih) #intro-title .brand-sub{font-size:11px;letter-spacing:5px}#intro-inner:not(.pilih) #intro-menu:not(.sheet){width:min(560px,66vw);flex:0 0 auto;max-height:calc(100dvh - 20px);display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:4px;align-content:center}#intro-inner:not(.pilih) #intro-menu>.akun-kartu,#intro-inner:not(.pilih) #intro-menu>.wa-kartu,#intro-inner:not(.pilih) #intro-menu>.intro-btn.utama,#intro-inner:not(.pilih) #intro-menu>#in-continue,#intro-inner:not(.pilih) #intro-menu>.intro-lain{grid-column:1 / -1}#intro-inner:not(.pilih) #intro-menu>.intro-logout{grid-column:auto;justify-self:center;align-self:center}#intro-inner:not(.pilih) .intro-btn{padding:6px 11px;min-width:0;border-radius:12px;box-shadow:0 3px 0 var(--border-2)}#intro-inner:not(.pilih) .intro-btn .t{font-size:12.5px}#intro-inner:not(.pilih) .intro-btn .d{font-size:10px;line-height:1.25;margin-top:0}#intro-inner:not(.pilih) .akun-kartu{padding:4px 10px;gap:8px;border-radius:12px}#intro-inner:not(.pilih) .akun-kartu .akun-av{width:26px;height:26px;font-size:13px}#intro-inner:not(.pilih) .akun-info{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}#intro-inner:not(.pilih) .akun-lang{margin-top:0}#intro-inner:not(.pilih) .akun-nama{font-size:13px}#intro-inner:not(.pilih) .akun-sd{display:none}#intro-inner:not(.pilih) .wa-kartu{margin-top:0;gap:9px}#intro-inner:not(.pilih) .wa-kartu .wa-ikon{width:22px;height:22px;font-size:13px}#intro-inner:not(.pilih) .wa-kartu .wa-logo{width:15px;height:15px}#intro-inner:not(.pilih) .wa-kartu .d{display:none}#intro-inner:not(.pilih) .intro-logout{padding:4px 8px;font-size:11px}#intro-inner:not(.pilih):has(#intro-menu.sheet) #intro-title{display:none}#intro-inner:not(.pilih) #intro-menu.sheet{width:min(760px,96vw);max-height:calc(100dvh - 12px);padding:0 4px 6px}#intro-inner:not(.pilih) #intro-menu.sheet .intro-head{padding-right:76px;margin-bottom:4px}#intro-inner:not(.pilih) #intro-menu.sheet .intro-head .intro-head-txt small{display:none}#intro-inner:not(.pilih) #intro-menu.sheet .sv-card{margin-bottom:8px}#intro-inner:not(.pilih) #intro-menu.sheet .sv-isi{padding:8px 12px;gap:2px}#intro-inner:not(.pilih) #intro-menu.sheet .sv-grup{margin:8px 2px 6px}}#meja-tombol{position:absolute;right:16px;bottom:96px;z-index:12;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:18px;background:var(--duo-blue);color:#fff;border:0;box-shadow:0 4px 0 var(--duo-blue-d),var(--pod-shadow);font-weight:900;font-size:14px;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;transition:transform .06s,box-shadow .06s}#meja-tombol .ik{font-size:18px;line-height:1}#meja-tombol kbd{font:500 11px/1.4 SF Mono,Menlo,monospace;background:#0004;border-radius:6px;padding:0 6px}#meja-tombol:active{transform:translateY(4px);box-shadow:0 0 0 var(--duo-blue-d)}#meja-pil{position:absolute;left:50%;bottom:96px;transform:translate(-50%);z-index:12;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:999px;background:var(--panel);color:var(--heading);border:2px solid var(--border-2);box-shadow:0 4px 0 var(--border-2),var(--pod-shadow);font-weight:900;font-size:14px;letter-spacing:.4px;cursor:pointer}#meja-pil .lampu{display:flex;gap:4px}#meja-pil .lampu i{width:10px;height:10px;border-radius:50%;display:block;background:var(--duo-red);box-shadow:0 0 6px var(--duo-red)}#meja-pil .lampu i.green{background:var(--duo-green);box-shadow:0 0 6px var(--duo-green)}#meja-pil .lampu i.yellow{background:var(--duo-gold);box-shadow:0 0 6px var(--duo-gold)}#meja-pil .tugas{background:var(--duo-orange);color:#3a2400;font-size:12px;border-radius:999px;padding:2px 9px}#meja-pil.ada-tugas{border-color:var(--duo-orange);animation:mejaDenyut 1.2s ease-in-out infinite}@keyframes mejaDenyut{50%{box-shadow:0 4px 0 var(--border-2),0 0 0 8px #ff960038}}#meja-apung{position:absolute;--w: 560px;width:min(var(--w),calc(100% - 24px));left:50%;bottom:16px;transform:translate(-50%);z-index:12;display:none;flex-direction:column;overflow:hidden;background:var(--panel);border:2px solid var(--border-2);border-radius:20px;box-shadow:var(--pod-shadow);--opak: 1;opacity:var(--opak);font-family:var(--font-display);color:var(--text)}#meja-apung.buka{display:flex}#meja-apung.lepas{transform:none}#meja-apung.tambat{width:100%;--w: 100%;left:0;bottom:0;transform:none;border-radius:20px 20px 0 0;border-left:0;border-right:0;border-bottom:0}#meja-apung.lahir{animation:mejaLahir .3s cubic-bezier(.2,.8,.2,1)}@keyframes mejaLahir{0%{transform:translate(-50%) translateY(40px) scale(.7);opacity:0}}#meja-apung.tambat.lahir,#meja-apung.lepas.lahir{animation:none}#meja-apung .kepala{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;background:var(--btn-bg);border-bottom:2px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}#meja-apung.seret .kepala{cursor:grabbing}#meja-apung.tambat .kepala{cursor:default}#meja-apung .kepala .nama{font-weight:900;font-size:15px;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#meja-apung .kepala .tab{display:flex;gap:4px;margin-left:4px}#meja-apung .kepala .tab button{background:transparent;border:2px solid transparent;color:var(--muted);font:900 12px var(--font-display);padding:2px 9px;border-radius:10px;cursor:pointer}#meja-apung .kepala .tab button.aktif{background:var(--duo-blue);border-color:var(--duo-blue);color:#fff;box-shadow:0 2px 0 var(--duo-blue-d)}#meja-apung .kepala .pilih{margin-left:4px;max-width:120px;padding:3px 8px;border-radius:10px;cursor:pointer;background:var(--duo-blue);color:#fff;border:0;box-shadow:0 2px 0 var(--duo-blue-d);font:900 12px var(--font-display);letter-spacing:.3px}#meja-apung .kepala .pilih option{background:var(--panel);color:var(--text);font-weight:700}#meja-apung .kepala .spasi{flex:1}#meja-apung .kepala .uk{display:flex;background:var(--panel);border:2px solid var(--border);border-radius:10px;overflow:hidden}#meja-apung .kepala .uk button{background:transparent;border:0;color:var(--muted);font:900 12px var(--font-display);padding:2px 8px;cursor:pointer}#meja-apung .kepala .uk button.aktif{background:var(--duo-green);color:#fff}#meja-apung .kepala .ik{background:transparent;border:0;color:var(--muted);font-size:15px;font-weight:900;width:30px;height:30px;border-radius:10px;cursor:pointer}#meja-apung .kepala .ik:hover{background:var(--panel);color:var(--text)}#meja-apung .badan{position:relative;background:var(--input-bg)}#meja-apung .badan{overflow:hidden}#meja-apung .badan canvas{display:block;width:100%;height:140px;touch-action:none;will-change:transform}#meja-apung .ukuran-lbl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;padding:4px 12px;border-radius:12px;background:var(--panel-glass);border:2px solid var(--border-2);font:500 13px SF Mono,Menlo,monospace;pointer-events:none}#meja-apung.mengubah .ukuran-lbl{display:block}#meja-apung.mengubah{transition:none}#meja-apung .kaki{display:flex;gap:10px;align-items:center;padding:6px 14px;border-top:2px solid var(--border);font-size:12px;font-weight:800;color:var(--muted)}#meja-apung .kaki input[type=range]{width:90px;accent-color:var(--duo-blue)}#meja-apung .kaki .zoom{display:inline-flex;gap:2px;margin-left:6px}#meja-apung .kaki .zoom .ik{width:28px;height:26px;font-size:15px;border:2px solid var(--border);border-radius:9px;color:var(--text)}#meja-apung .kaki .zoom .ik:active{transform:translateY(1px)}#meja-apung .badan canvas{cursor:grab}#meja-apung .kaki .chip{margin-left:auto;display:none;background:var(--duo-orange);color:#3a2400;border-radius:999px;padding:2px 10px;box-shadow:0 2px 0 var(--duo-orange-d)}#meja-apung .kaki .chip.tampil{display:inline}#meja-apung .pegang{position:absolute;right:0;bottom:0;width:28px;height:28px;border:0;background:transparent;padding:0;cursor:nwse-resize;touch-action:none}#meja-apung .pegang:before{content:"";position:absolute;right:6px;bottom:6px;width:12px;height:12px;border-right:3px solid var(--muted);border-bottom:3px solid var(--muted);border-radius:0 0 4px}#meja-apung .pegang:hover:before{border-color:var(--duo-blue)}#meja-apung.tambat .pegang,#meja-apung.tambat .uk{display:none}#meja-angkat{position:absolute;z-index:12;transform:translate(-50%,-100%);display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:14px;border:0;background:var(--duo-purple);color:#fff;box-shadow:0 3px 0 var(--duo-purple-d),var(--pod-shadow);font:900 13px var(--font-display);letter-spacing:.3px;cursor:pointer}#meja-angkat .ik{font-size:16px;line-height:1}#meja-angkat:active{transform:translate(-50%,calc(-100% + 3px));box-shadow:0 0 0 var(--duo-purple-d)}#meja-tombol:focus-visible,#meja-pil:focus-visible,#meja-angkat:focus-visible,#meja-apung button:focus-visible{outline:3px solid var(--accent-border);outline-offset:2px}@media (prefers-reduced-motion: reduce){#meja-pil.ada-tugas,#meja-apung.lahir{animation:none}}@media (max-width: 560px){#meja-apung,#meja-tombol,#meja-pil,#meja-angkat{display:none!important}}.bengkel{width:min(460px,100%)}.bengkel-grup{margin:14px 0 6px;font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.bengkel-daftar{display:flex;flex-direction:column;gap:8px}.bengkel-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--panel);color:var(--text);text-decoration:none;border:2px solid var(--border-2);border-radius:14px;box-shadow:0 3px 0 var(--border-2);transition:transform .06s ease,box-shadow .06s ease,background .12s,border-color .12s}.bengkel-item:hover{background:var(--btn-hover);border-color:var(--muted)}.bengkel-item:active{transform:translateY(3px);box-shadow:0 0 0 var(--border-2)}.bengkel-ikon{flex:0 0 36px;height:36px;display:grid;place-items:center;font-size:20px;background:var(--bg);border-radius:10px}.bengkel-teks{flex:1;min-width:0;display:flex;flex-direction:column}.bengkel-judul{font-family:var(--font-display);font-weight:800;font-size:14px}.bengkel-ket{font-size:11.5px;font-weight:600;color:var(--muted);line-height:1.35}.bengkel-panah{flex:0 0 auto;font-weight:900;color:var(--muted)}.bengkel-chip{display:inline-block;vertical-align:middle;margin-left:6px;padding:1px 6px;font-size:9.5px;font-weight:900;letter-spacing:.5px;border-radius:999px;background:var(--duo-yellow, #ffc800);color:#3c3200}@media (max-width: 560px){.bengkel-ket{display:none}}#pk-online-hud{position:fixed;top:6px;left:50%;transform:translate(-50%);z-index:60;display:flex;gap:8px;align-items:center;padding:4px 10px;border-radius:999px;background:#10151ad1;color:#cfe0f0;font:600 11px/1.4 Nunito,system-ui,sans-serif;border:1px solid rgba(120,160,200,.28);pointer-events:auto;cursor:pointer}#pk-online-hud b{color:#6db2ff;letter-spacing:.06em}#pk-online-hud .host,#pk-online-hud .tunggu{color:#e8b43a}.lobi{display:flex;flex-direction:column;gap:14px}.lobi h2{margin:4px 0 2px;font-size:13px;color:#9fb4c8;text-transform:uppercase;letter-spacing:.08em}.lobi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 560px){.lobi-grid{grid-template-columns:1fr}}.lobi-kartu{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(140,170,200,.18)}.lobi-kartu label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#9fb4c8}.lobi-kartu select,.lobi-kartu input{padding:9px 10px;border-radius:10px;font:600 14px Nunito,system-ui,sans-serif;background:#00000040;color:inherit;border:1px solid rgba(140,170,200,.28)}.lobi-kartu input{letter-spacing:.3em;text-align:center;text-transform:uppercase}.lobi-status{min-height:18px;font-size:12px;color:#9fb4c8}.lobi-kode{display:flex;align-items:center;gap:12px;letter-spacing:.28em;font-size:34px}.lobi-kursi-grid{display:flex;flex-wrap:wrap;gap:8px}.lobi-kursi{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:8px 10px;border-radius:12px;cursor:pointer;background:#ffffff0d;border:1px solid rgba(140,170,200,.22);color:inherit;font:700 13px Nunito,system-ui,sans-serif}.lobi-kursi span{font-weight:600;font-size:10px;color:#9fb4c8}.lobi-kursi.aku{border-color:#3bde6a;background:#3bde6a1f}.lobi-kursi.orang{opacity:.6;cursor:not-allowed}.lobi-anggota{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.lobi-anggota li{display:flex;justify-content:space-between;font-size:13px;padding:6px 10px;border-radius:10px;background:#ffffff0a}.lobi-anggota li span{color:#9fb4c8;font-size:11px}.lobi-foot{display:flex;gap:10px;align-items:center;justify-content:space-between}#ruang-bar{position:fixed;right:16px;bottom:calc(16px + var(--dok-tinggi, 0px) + 10px);z-index:32;display:none;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}#ruang-bar.tampil{display:flex}#ruang-bar>*{pointer-events:auto}#ruang-bar [hidden]{display:none!important}#chat-ruang.keyboard{bottom:calc(var(--keyboard, 0px) + 8px);max-height:46vh}#ruang-bar .rb-toggle{order:9}#ruang-bar.buka .rb-toggle{background:var(--btn-hover)}#ruang-bar .rb-toggle .rb-badge{position:static;margin-left:2px}.rb-gestur,.rb-baris{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:min(420px,92vw)}.rb-pil{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:44px;padding:8px 14px;font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--text);background:var(--panel);border:2px solid var(--border-2);border-radius:999px;box-shadow:0 3px 0 var(--border-2);cursor:pointer;transition:transform .06s ease,box-shadow .06s ease,background .12s,border-color .12s}.rb-pil:hover{background:var(--btn-hover)}.rb-pil:active{transform:translateY(3px);box-shadow:0 0 0 var(--border-2)}.rb-pil[hidden]{display:none}.rb-pil .ik{font-size:16px;line-height:1}.rb-pil.pilih{border-color:var(--muted);background:var(--btn-hover)}.rb-pil.ht.bicara{background:#d03a3a;border-color:#8f2020;box-shadow:0 3px #8f2020;color:#fff}.rb-pil.ht.mati{opacity:.55}.rb-pil.buka-suara{background:var(--duo-yellow, #ffc800);color:#3c3200;border-color:#c79c00;box-shadow:0 3px #c79c00}.rb-badge{min-width:18px;padding:0 5px;height:18px;line-height:18px;font-size:10.5px;font-weight:900;text-align:center;background:#d03a3a;color:#fff;border-radius:999px}.rb-badge[hidden]{display:none}@media (max-width: 560px){#ruang-bar{right:8px;bottom:calc(8px + var(--dok-tinggi, 0px) + 8px);gap:6px}.rb-pil{padding:8px 11px;font-size:12px}.rb-pil.gestur .nm{display:none}.rb-pil.gestur{padding:8px 12px}}.av-nama{position:absolute;left:0;top:0;z-index:4;padding:2px 8px;border-radius:999px;font:700 11.5px/1.5 var(--font-display, system-ui);color:#fff;background:#0000009e;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.6)}#chat-ruang{position:fixed;right:16px;bottom:calc(16px + var(--dok-tinggi, 0px) + 10px + 54px + var(--keyboard, 0px));z-index:120;width:min(330px,92vw);max-height:min(60vh,460px);display:flex;flex-direction:column;background:var(--panel);color:var(--text);border:2px solid var(--border-2);border-radius:16px;box-shadow:0 8px 24px #00000052;overflow:hidden}.ch-kepala{display:flex;align-items:center;gap:7px;padding:9px 11px;border-bottom:2px solid var(--border-2);font-family:var(--font-display);font-size:13px}.ch-kepala b{flex:0 0 auto}.ch-status{flex:1;min-width:0;font-size:10.5px;font-weight:700;color:var(--muted);text-align:right;overflow:hidden;text-overflow:ellipsis}.ch-status.buruk{color:#d03a3a}.ch-tutup{flex:0 0 auto;border:0;background:none;color:var(--muted);font-size:14px;font-weight:900;cursor:pointer}.ch-anggota{display:flex;flex-wrap:wrap;gap:4px;padding:7px 11px;border-bottom:1px solid var(--border-2)}.ch-anggota[hidden]{display:none}.ch-ang{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;font-size:10.5px;font-weight:800;background:var(--bg);border-radius:999px}.ch-ang i{font-style:normal;font-weight:700;color:var(--muted)}.ch-ang.bicara{background:#d03a3a;color:#fff}.ch-isi{flex:1;min-height:80px;overflow-y:auto;padding:8px 11px;display:flex;flex-direction:column;gap:8px}.ch-kosong{color:var(--muted);font-size:12px;text-align:center;padding:16px 0}.ch-sistem{color:var(--muted);opacity:.75;font-size:11px;text-align:center;padding:4px 0;font-style:italic}.ch-meta{display:flex;align-items:baseline;gap:6px;font-size:10.5px;color:var(--muted)}.ch-meta b{font-size:11.5px;color:var(--text)}.ch-p.admin .ch-meta b{color:var(--duo-yellow, #ffc800)}.ch-st{padding:0 5px;background:var(--bg);border-radius:999px;font-weight:800}.ch-jam{margin-left:auto}.ch-teks{font-size:12.5px;line-height:1.4;word-break:break-word}.ch-kirim{display:flex;gap:6px;padding:8px;border-top:2px solid var(--border-2)}.ch-kirim input{flex:1;min-width:0;padding:9px 11px;font:600 13px/1 system-ui;color:var(--text);background:var(--bg);border:2px solid var(--border-2);border-radius:12px}.ch-kirim button{flex:0 0 auto;padding:0 14px;font-size:15px;font-weight:900;color:var(--text);background:var(--panel);border:2px solid var(--border-2);border-radius:12px;box-shadow:0 3px 0 var(--border-2);cursor:pointer}.ch-kirim button:active{transform:translateY(3px);box-shadow:0 0 0 var(--border-2)}@media (max-width: 560px){#chat-ruang{right:0;left:0;bottom:0;width:auto;max-height:55vh;border-radius:16px 16px 0 0;border-bottom:0}}.lemari{display:flex;flex-direction:column;gap:4px;width:min(560px,100%)}.lm-judul{margin:0;font-family:var(--font-display);font-size:19px;font-weight:900}.lm-sub{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--muted)}.lm-isi{display:flex;flex-direction:column;gap:12px;max-height:min(58vh,460px);overflow-y:auto;padding-right:2px}.lm-baris h3{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-family:var(--font-display);font-size:12px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.lm-baris.redup{opacity:.55}.lm-pilihan,.lm-swatch{display:flex;flex-wrap:wrap;gap:6px}.lm-potong{padding:9px 13px;min-height:40px;font-family:var(--font-display);font-size:12.5px;font-weight:800;color:var(--text);background:var(--panel);border:2px solid var(--border-2);border-radius:12px;box-shadow:0 3px 0 var(--border-2);cursor:pointer}.lm-potong:hover{background:var(--btn-hover)}.lm-potong:active{transform:translateY(3px);box-shadow:0 0 0 var(--border-2)}.lm-potong.pilih{border-color:var(--duo-yellow, #ffc800);box-shadow:0 3px 0 var(--duo-yellow, #ffc800)}.lm-w{width:34px;height:34px;border-radius:50%;background:var(--w);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2);cursor:pointer}.lm-w.pilih{border-color:var(--duo-yellow, #ffc800);box-shadow:0 0 0 3px var(--duo-yellow, #ffc800)}.lm-nota{margin:6px 0 0;font-size:11.5px;font-weight:600;color:var(--muted);line-height:1.4}.rb-pil.lampu{cursor:default}.rb-pil.vol{gap:8px;padding:6px 12px}.rb-pil.vol input{width:82px;accent-color:var(--duo-yellow, #ffc800)}@media (max-width: 560px){.rb-pil.vol{display:none}}.bf-row.lain{opacity:.72;cursor:not-allowed}.bf-row.lain .bf-st-tag{background:#2f6fd0;color:#fff}#pk-online-hud:hover{background:#1e2834eb}.lobi-anggota li.aku{font-weight:800}.lb-avas{display:inline-flex;align-items:center}.lb-ava{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:-7px;border-radius:50%;background:#2f6fd0;color:#fff;border:2px solid var(--panel, #1d252e);font:900 10px/1 var(--font-display, Nunito),system-ui,sans-serif;letter-spacing:0}.lb-avas .lb-ava:first-child{margin-left:0}.lb-ava{overflow:hidden;flex:0 0 auto}.lb-ava .lb-ava-im{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.lb-ava .mahkota{z-index:2}.lb-ava.aku{background:#3bde6a;color:#0d2a14}.lb-ava.host{background:#e8b43a;color:#3a2a00}.lb-ava.sisa{background:#58636f}.lb-ava .mahkota{position:absolute;top:-9px;left:50%;transform:translate(-50%);font-size:10px;font-style:normal}.lt-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lt-koderow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lobi-tunggu .lobi-kode{font-size:30px}.lt-sub{margin-top:2px;font-size:12px;font-weight:600;color:var(--muted)}.lt-judul{margin:6px 0 2px!important;color:var(--text)!important;text-transform:none!important;letter-spacing:0!important;font-size:15px!important;font-weight:800}.lt-nota{font-size:12px;font-weight:600;color:var(--muted)}.lt-nota b{color:var(--text)}.lobi-kursi.kosong{border:2px dashed var(--accent, #1cb0f6);background:transparent;box-shadow:none}.lobi-kursi.kosong span{color:var(--accent, #1cb0f6);font-weight:800}.lobi-kursi.aku{border:2px solid #3bde6a;background:#3bde6a24;box-shadow:0 3px #3bde6a59}.lobi-kursi.aku span{color:#2f9e57;font-weight:800}.lobi-kursi.orang{border:2px solid #2f6fd0;background:#2f6fd029;opacity:.85;cursor:not-allowed;box-shadow:none}.lobi-kursi.orang span{color:#2f6fd0;font-weight:800}.lt-bawah{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.lt-chat{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:6px}.lt-chat-isi{display:flex;flex-direction:column;gap:4px;max-height:96px;overflow-y:auto}.lt-msg{padding:5px 10px;border-radius:10px;background:var(--btn-hover, rgba(127,127,127,.12));font-size:12px}.lt-msg b{color:var(--accent, #1cb0f6)}.lt-sistem{text-align:center;font-size:11.5px;font-style:italic;color:var(--muted)}.lt-chat-kirim{display:flex;gap:6px}.lt-chat-kirim input{flex:1;min-width:0;padding:9px 12px;border-radius:12px;font:600 13px Nunito,system-ui,sans-serif;color:inherit;background:var(--bg, rgba(0,0,0,.25));border:2px solid var(--border-2, rgba(140,170,200,.28))}.lt-chat-kirim button{padding:0 14px;border-radius:12px;font-weight:900;cursor:pointer;color:var(--text, #e8eef5);background:var(--panel, #1d252e);border:2px solid var(--border-2, #3a4757);box-shadow:0 3px 0 var(--border-2, #3a4757)}.lt-alat{display:flex;flex-direction:column;gap:6px;justify-content:flex-end}.lt-alat .rb-pil{min-height:40px}.lobi-tunggu .lobi-foot{margin-top:4px}.lt-ghost{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--muted)!important}#lt-mulai.redup{opacity:.55;cursor:not-allowed}#lt-mulai small{font-weight:700;opacity:.85}@media (max-width: 560px){.lt-kepala{flex-direction:column;gap:6px}.lobi-tunggu .lobi-kode{font-size:24px}.lt-alat{flex-direction:row}}.lobi-tunggu .lobi-foot #lt-mulai{flex:0 0 auto;width:auto;background:#58cc02;border-color:#46a302;box-shadow:0 3px #46a302;color:#fff}#pk-online-hud b{font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:.12em}#pk-online-hud .lb-ava{width:20px;height:20px;font-size:9px;border-color:#10151ae6}#pk-online-hud .mutu{font-weight:800}.mutu.baik{color:#8be24a}.mutu.sendat{color:#f0b429}.mutu.putus{color:#ff7b72}.lb-teknis{display:flex;gap:10px;align-items:center;font-size:11.5px;font-weight:700;color:var(--muted)}.lb-meja{display:grid;grid-template-columns:auto 1fr auto;gap:8px 10px;align-items:center}.lb-meja .lb-ava{margin-left:0}.lb-ava.robot{background:transparent;border-color:transparent;font-size:16px}.lb-nama{min-width:0;font-size:13.5px}.lb-nama small{color:var(--muted);font-weight:700}.lb-lencana{display:inline-flex;align-items:center;gap:4px;justify-self:end;padding:3px 9px;border-radius:999px;color:#fff;font:900 10.5px/1.5 var(--font-display, Nunito),system-ui,sans-serif;letter-spacing:.06em}.lb-lencana.aku{background:#2f9e57}.lb-lencana.orang{background:#2f6fd0}.lb-lencana.ai{background:#8a939e}.lb-foot{flex-wrap:wrap;justify-content:flex-start}.lb-foot .lb-merah{color:#e0483e;margin-left:auto}.lb-foot button[disabled]{opacity:.45;cursor:not-allowed}.lb-foot .bf-go{flex:0 0 auto;width:auto}#ruang-bar .rb-strip{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;padding:7px 10px;border-radius:16px;background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2);pointer-events:auto}#ruang-bar .rb-strip .rb-pil{min-height:38px;padding:6px 12px;box-shadow:none;border-width:2px}#ruang-bar .rb-strip .rb-pil:active{transform:translateY(2px)}.rb-sep{width:1px;height:22px;background:var(--border-2);flex:0 0 auto}.rb-vol{display:inline-flex;align-items:center;flex:0 0 auto}.rb-vol[hidden]{display:none}.rb-vol input{width:60px;accent-color:var(--duo-yellow, #ffc800)}.rb-pil.ht.bicara{box-shadow:0 0 0 4px #e0483e47!important}@media (max-width: 560px){#ruang-bar .rb-strip{gap:6px;padding:6px 8px}#ruang-bar .rb-strip .rb-pil .nm{display:none}#ruang-bar .rb-strip .rb-pil.ht .nm{display:inline}.rb-vol input{width:48px}.rb-pil.mode-mic{display:none}}#rb-roda{position:fixed;z-index:130;width:0;height:0;pointer-events:none}#rb-roda .rb-roda-inti{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:18px;background:#10151a8c;color:#fff}.rb-roda-pil{position:absolute;left:0;top:0;pointer-events:auto;display:grid;place-items:center;gap:1px;width:74px;padding:8px 4px;font-family:var(--font-display);font-weight:800;font-size:11px;color:var(--text);background:var(--panel);border:2px solid var(--border-2);border-radius:16px;box-shadow:0 3px 0 var(--border-2);cursor:pointer}.rb-roda-pil .ik{font-size:20px;line-height:1}.rb-roda-pil.pilih,.rb-roda-pil:hover{border-color:var(--duo-yellow, #ffc800);box-shadow:0 3px 0 var(--duo-yellow, #ffc800)}.lb-masuk,.lb-buat{display:flex;flex-direction:column;gap:10px}.lb-masuk{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lb-masuk-teks{display:flex;flex-direction:column}.lb-masuk-teks b{font-size:15px}.lb-masuk-teks span{font-size:11.5px;font-weight:600;color:var(--muted)}.lb-masuk-aksi{display:flex;align-items:center;gap:8px}.lobi-baru #lb-kode{width:7.5em;padding:9px 12px;border-radius:12px;text-align:center;font:900 16px/1.2 JetBrains Mono,ui-monospace,monospace;letter-spacing:.3em;text-transform:uppercase;color:inherit;background:var(--bg);border:2px solid var(--accent, #1cb0f6)}.lb-garis{height:2px;background:var(--border-2);border-radius:2px}.lb-kartu-baris{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.lb-kartu{flex:0 0 auto;width:148px;display:grid;gap:2px;padding:0 0 8px;text-align:left;cursor:pointer;color:var(--text);overflow:hidden;background:var(--panel);border:2px solid var(--border-2);border-radius:14px;box-shadow:0 3px 0 var(--border-2)}.lb-kartu-im{display:block;height:72px;background:var(--bg);overflow:hidden}.lb-kartu-im img{width:100%;height:100%;object-fit:cover;display:block}.lb-kartu-t{padding:6px 10px 0;font-family:var(--font-display);font-weight:800;font-size:13px}.lb-kartu-s{padding:0 10px;font-size:11px;font-weight:700;color:var(--muted)}.lb-kartu.pilih{border-color:var(--accent, #1cb0f6);box-shadow:0 3px 0 var(--accent, #1cb0f6)}.lb-opsi{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lb-opsi-pil{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-family:var(--font-display);font-weight:800;font-size:12px;background:var(--panel);border:2px solid var(--border-2);border-radius:999px;box-shadow:0 3px 0 var(--border-2)}.lb-opsi-pil.mati{opacity:.7}.lb-opsi-pil select{font:800 12px var(--font-display, Nunito),system-ui,sans-serif;color:inherit;background:transparent;border:0;cursor:pointer}.lb-opsi .bf-go,.lb-masuk-aksi .bf-go{align-self:start;flex:0 0 auto;width:auto;margin-left:auto}@media (max-width: 560px){.lb-masuk{flex-direction:column;align-items:stretch}.lb-masuk-aksi{flex-wrap:wrap}.lb-opsi .bf-go{margin-left:0;width:100%}}.rb-mic{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:20px;color:var(--text);background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2);touch-action:none;-webkit-user-select:none;user-select:none}.rb-mic[hidden]{display:none}.rb-mic .rb-mic-lbl{position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%);font:800 9.5px/1 var(--font-display, Nunito),system-ui,sans-serif;color:var(--muted);white-space:nowrap;pointer-events:none}.rb-mic.mati{color:var(--muted)}.rb-mic.udara{background:#e0483e;border-color:#a8231a;color:#fff;box-shadow:0 3px #a8231a;animation:rb-denyut 1.1s ease-in-out infinite}.rb-mic.buka{background:#58cc02;border-color:#46a302;color:#fff;box-shadow:0 3px #46a302}.rb-mic.bicara{box-shadow:0 0 0 6px #58cc0242,0 3px #46a302}.rb-mic.udara.bicara{box-shadow:0 0 0 6px #e0483e42,0 3px #a8231a}.rb-mic.putus{opacity:.55}.rb-mic.tolak{opacity:.6}.rb-mic.tolak:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:2px;background:#e0483e;transform:rotate(-38deg);border-radius:2px}@keyframes rb-denyut{0%,to{filter:brightness(1)}50%{filter:brightness(1.22)}}@media (prefers-reduced-motion: reduce){.rb-mic.udara{animation:none}}#ruang-bar .rb-strip{padding-bottom:18px}.rb-setelan{position:fixed;z-index:260;width:250px;display:grid;gap:6px;padding:12px;border-radius:16px;background:var(--panel);border:2px solid var(--border-2);box-shadow:0 6px 20px #00000059}.rb-setelan h4{margin:0;font:800 10.5px/1.4 var(--font-display, Nunito),system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rb-seg{display:flex;border:2px solid var(--border-2);border-radius:999px;overflow:hidden}.rb-seg button{flex:1;padding:6px 8px;cursor:pointer;color:var(--text);background:transparent;border:0;font:800 11px var(--font-display, Nunito),system-ui,sans-serif}.rb-seg button.pilih{background:var(--duo-blue, #1cb0f6);color:#fff}.rb-setelan input[type=range]{width:100%;accent-color:var(--duo-yellow, #ffc800)}.rb-uji{display:flex;align-items:center;gap:8px}.rb-meter{flex:1;height:8px;border-radius:4px;background:var(--bg);overflow:hidden}.rb-meter i{display:block;width:0;height:100%;background:#58cc02;transition:width .05s linear}.lb-ava.bicara{box-shadow:0 0 0 3px #58cc02}.lb-meja{grid-template-columns:auto minmax(0,1fr) minmax(0,auto) auto}.lb-meja .lb-lencana{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-alat{display:inline-flex;gap:4px;justify-self:end}.lb-alat .mini{padding:4px 8px}.pf-kartu{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:18px;text-align:left;background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2)}.pf-potret{flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:var(--bg)}.pf-teks{flex:1;min-width:0}.pf-nama{font:800 15px var(--font-display, Nunito),system-ui,sans-serif;color:var(--text)}.pf-sub{font-size:11.5px;font-weight:700;color:var(--muted)}.pf-ganti{flex:0 0 auto;padding:7px 12px;border-radius:999px;cursor:pointer;font:800 12px var(--font-display, Nunito),system-ui,sans-serif;color:var(--text);background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2)}.pf-ganti:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-2)}@media (max-width: 560px){.pf-ganti{padding:7px 10px;font-size:0}.pf-ganti:after{content:"👕";font-size:16px}}.lb-ava-im{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.intro-btn.pemeliharaan{opacity:.55;filter:saturate(.4)}.intro-btn.pemeliharaan:hover{opacity:.7}.intro-btn{position:relative}.intro-btn .intro-pita{position:absolute;top:-8px;right:10px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.08em;color:#2a1c00;background:linear-gradient(180deg,#ffcc4d,#f0ad24);border:1px solid rgba(0,0,0,.22);box-shadow:0 2px #0000002e;pointer-events:none}#cab-hud.terkunci #cab-tgt-grp,#cab-hud.terkunci #cab-thr-grp,#cab-hud.terkunci #cab-rem-grp{opacity:.45;pointer-events:none}#modal.layar.sheet:has(.ks-page){width:min(94vw,640px)}.ks-page{display:flex;flex-direction:column;height:100%}.ks-page .dl-x{top:14px;right:14px}.ks-head{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:16px 64px 12px 20px;background:var(--panel);border-bottom:2px solid var(--border);border-radius:22px 22px 0 0}.ks-head-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.ks-judul{font-size:18px;font-weight:900;color:var(--text);letter-spacing:-.2px}.ks-judul.besar{font-size:24px;letter-spacing:-.3px}.ks-sub{font-size:12.5px;font-weight:700;color:var(--muted);line-height:1.35}.ks-sub.merah,.ks-sub.kuning,.ks-sub.hijau{text-transform:uppercase;letter-spacing:.5px;font-weight:800;font-size:12px}.ks-sub.merah{color:var(--duo-red)}.ks-sub.kuning{color:var(--duo-orange-d)}.ks-sub.hijau{color:var(--duo-green-d)}.ks-back{flex-shrink:0;width:44px;height:44px;border-radius:14px;cursor:pointer;background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2);color:var(--text);display:flex;align-items:center;justify-content:center;transition:transform .08s}.ks-back:active{transform:translateY(3px);box-shadow:none}.ks-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 20px;display:flex;flex-direction:column;gap:16px;background:var(--bg)}.ks-foot{flex-shrink:0;padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:2px solid var(--border);display:flex;gap:10px}.ks-banner{padding:10px 14px;border-radius:14px;font-size:13px;font-weight:700;line-height:1.35;color:var(--text);background:color-mix(in srgb,var(--duo-gold) 18%,var(--panel));border:2px solid color-mix(in srgb,var(--duo-gold) 60%,var(--border-2))}.ks-btn{flex:1;min-height:52px;padding:0 18px;border-radius:16px;cursor:pointer;font:inherit;font-size:16px;font-weight:900;letter-spacing:.3px;text-transform:uppercase;border:2px solid var(--border-2);background:var(--panel);color:var(--text);box-shadow:0 4px 0 var(--border-2);transition:transform .08s,box-shadow .08s}.ks-btn:active{transform:translateY(4px);box-shadow:none}.ks-btn:disabled{opacity:.6;cursor:default;transform:none}.ks-btn-hijau{background:var(--duo-green);border-color:var(--duo-green-d);box-shadow:0 4px 0 var(--duo-green-d);color:#fff}.ks-btn-ikon{flex:0 0 52px;width:52px;padding:0;font-size:22px;background:var(--panel);border-color:var(--border-2);box-shadow:0 4px 0 var(--border-2);color:var(--text)}.ks-gambar{position:relative;align-self:flex-start}.ks-gambar img{display:block;max-height:120px;max-width:100%;border-radius:12px;border:2px solid var(--border-2)}.ks-gambar-x{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;border:2px solid var(--duo-red-d);background:var(--duo-red);color:#fff;font-weight:900;cursor:pointer}.ks-btn-biru{background:var(--duo-blue);border-color:var(--duo-blue-d);box-shadow:0 4px 0 var(--duo-blue-d);color:#fff}.ks-btn-putih.biru{color:var(--duo-blue)}.ks-kartu-tumpuk{display:flex;flex-direction:column;gap:12px}.ks-kartu{display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;padding:14px 16px;border-radius:18px;min-height:44px;font:inherit;color:var(--text);background:var(--panel);border:2px solid var(--border-2);box-shadow:0 4px 0 var(--border-2);transition:transform .08s,box-shadow .08s}.ks-kartu:active{transform:translateY(4px);box-shadow:none}.ks-kartu.putus{border-style:dashed;box-shadow:none;background:transparent;padding:12px 16px;gap:12px}.ks-kartu.putus:active{transform:none}.ks-kartu-ikon{flex-shrink:0;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;border:2px solid transparent}.ks-kartu-ikon.merah{background:var(--duo-red);border-color:var(--duo-red-d);box-shadow:0 3px 0 var(--duo-red-d)}.ks-kartu-ikon.hijau{background:var(--duo-green);border-color:var(--duo-green-d);box-shadow:0 3px 0 var(--duo-green-d)}.ks-kartu-ikon.kuning{background:var(--duo-gold);border-color:#e0ad00;box-shadow:0 3px #e0ad00}.ks-kartu-ikon.polos{width:auto;height:auto;color:var(--muted)}.ks-kartu-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ks-kartu-judul{font-size:17px;font-weight:900}.ks-kartu-judul.kecil{font-size:14px}.ks-kartu-sub{font-size:13px;font-weight:700;color:var(--muted);line-height:1.3}.ks-kartu-chev{color:var(--muted);display:flex;flex-shrink:0}.ks-tautan{align-self:center;background:none;border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:900;color:var(--duo-blue);text-transform:uppercase;letter-spacing:.4px;padding:10px 14px;min-height:44px}.ks-seg{display:flex;gap:6px;padding:4px;border-radius:14px;background:var(--panel-2);border:1px solid var(--border);align-self:flex-start}.ks-seg-b{border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:900;padding:7px 14px;border-radius:10px;cursor:pointer}.ks-seg-b.aktif{background:var(--panel);color:var(--text);box-shadow:0 2px 0 var(--border-2)}.ks-field{display:flex;flex-direction:column;gap:8px;min-width:0}.ks-field.tumbuh{flex:1}.ks-field.jam{width:110px;flex-shrink:0}.ks-baris{display:flex;gap:10px}.ks-baris>.tumbuh{flex:1;min-width:0}.ks-label{font-size:12px;font-weight:900;letter-spacing:.8px;color:var(--muted);text-transform:uppercase}.ks-opsional{font-weight:700;text-transform:none;letter-spacing:0}.ks-page input[type=text],.ks-page input[type=search],.ks-page select,.ks-page textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:14px;min-height:48px;background:var(--panel-2);border:2px solid var(--border-2);color:var(--text);font:inherit;font-size:15px;font-weight:800;outline:none}.ks-page input:focus,.ks-page select:focus,.ks-page textarea:focus{border-color:var(--duo-blue)}.ks-page input[readonly]{color:var(--muted)}.ks-page textarea{min-height:100px;resize:vertical;font-weight:700;line-height:1.4}.ks-page #ks-jam{font-variant-numeric:tabular-nums}.ks-select-wrap{position:relative;display:block}.ks-page select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:40px;box-shadow:0 3px 0 var(--border-2);cursor:pointer}.ks-select-ikon{position:absolute;right:12px;top:50%;transform:translateY(-50%) rotate(180deg);color:var(--muted);pointer-events:none;display:flex}.ks-chips{display:flex;flex-wrap:wrap;gap:8px}.ks-chip{padding:8px 14px;border-radius:999px;min-height:40px;cursor:pointer;font:inherit;font-size:13px;font-weight:800;background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2);color:var(--text);transition:transform .08s,box-shadow .08s}.ks-chip:active{transform:translateY(3px);box-shadow:none}.ks-chip.aktif{background:var(--duo-blue);border-color:var(--duo-blue-d);box-shadow:0 3px 0 var(--duo-blue-d);color:#fff;font-weight:900}.ks-chip:not(.milik):not(.aktif){opacity:.78}.ks-lampir{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:16px;background:var(--panel);border:2px solid var(--duo-blue)}.ks-lampir.mati{border-color:var(--border-2)}.ks-lampir-cek{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:32px}.ks-lampir-cek input{width:22px;height:22px;accent-color:var(--duo-blue);margin:0;flex-shrink:0}.ks-lampir-txt{display:flex;flex-direction:column;gap:1px}.ks-lampir-txt b{font-size:14px;font-weight:900}.ks-lampir-txt small{font-size:12px;font-weight:700;color:var(--muted);line-height:1.3}.ks-pils{display:flex;flex-wrap:wrap;gap:6px;padding-left:34px}.ks-pils.lepas{padding-left:0}.ks-pil{font-size:11px;font-weight:800;color:var(--muted);padding:4px 8px;border-radius:8px;background:var(--panel-2)}.ks-cari-wrap{position:relative}.ks-cari-ikon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);display:flex;pointer-events:none}.ks-page #ks-cari{padding-left:42px;font-size:14px;min-height:46px}#ks-kor-list{display:flex;flex-direction:column;gap:10px}.ks-req{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2)}.ks-req.didukung{border-color:var(--duo-green);box-shadow:0 3px 0 var(--duo-green)}.ks-req.selesai{opacity:.6}.ks-req-vote{flex-shrink:0;width:52px;height:56px;border-radius:14px;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2);color:var(--text);font-size:15px;font-weight:900;transition:transform .08s,box-shadow .08s}.ks-req-vote:active{transform:translateY(3px);box-shadow:none}.ks-req.didukung .ks-req-vote{background:var(--duo-green);border-color:var(--duo-green-d);box-shadow:0 3px 0 var(--duo-green-d);color:#fff}.ks-req-vote.mati{background:var(--panel-2);border-color:transparent;box-shadow:none;color:var(--muted);cursor:default}.ks-req-txt{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.ks-req-nama{font-size:15px;font-weight:900}.ks-req-nama.coret{text-decoration:line-through}.ks-req-sub{font-size:12px;font-weight:700;color:var(--muted)}.ks-badge{align-self:flex-start;font-size:11px;font-weight:900;padding:3px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.4px}.ks-badge.kuning{background:var(--duo-gold);color:#3a2400}.ks-badge.merah{background:var(--duo-red);color:#fff;border:1px solid var(--duo-red-d)}.ks-badge.hijau{background:var(--duo-green);color:#fff;border:1px solid var(--duo-green-d)}.ks-usul-form{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--panel);border:2px solid var(--duo-blue)}.ks-usul-form .ks-btn{min-height:46px;font-size:14px}.ks-kosong{padding:22px 14px;text-align:center;font-size:13px;font-weight:700;color:var(--muted);border:2px dashed var(--border-2);border-radius:16px}#ks-lap-list{display:flex;flex-direction:column;gap:12px}.ks-lap{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:18px;background:var(--panel);border:2px solid var(--border-2);box-shadow:0 4px 0 var(--border-2)}.ks-lap-atas{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ks-lap-meta{font-size:12px;font-weight:700;color:var(--muted);flex:1;min-width:0}.ks-status{font-size:11px;font-weight:900;padding:3px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted);white-space:nowrap}.ks-status.diterima{color:var(--duo-blue-d);background:color-mix(in srgb,var(--duo-blue) 18%,var(--panel))}.ks-status.diperbaiki{color:var(--duo-green-d);background:color-mix(in srgb,var(--duo-green) 20%,var(--panel))}.ks-status.ditolak{color:var(--duo-red);background:color-mix(in srgb,var(--duo-red) 16%,var(--panel))}.ks-lap-teks{font-size:15px;font-weight:900;line-height:1.3;white-space:pre-wrap;overflow-wrap:anywhere}.ks-lap-balas{margin-top:2px;padding:10px 12px;border-radius:12px;background:var(--panel-2);font-size:13px;font-weight:700;line-height:1.35}.ks-lap-balas b{color:var(--duo-blue);font-weight:900}.ks-terima{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px;border-radius:18px;border:2px dashed var(--border-2);text-align:center}.ks-terima b{font-size:14px;font-weight:900}.ks-terima small{font-size:12px;font-weight:700;color:var(--muted)}.ks-skel{display:flex;flex-direction:column;gap:10px}.ks-skel-kartu{height:82px;border-radius:16px;background:linear-gradient(90deg,var(--panel) 25%,var(--panel-2) 50%,var(--panel) 75%);background-size:200% 100%;animation:ks-kilau 1.2s linear infinite;border:2px solid var(--border)}@keyframes ks-kilau{0%{background-position:200% 0}to{background-position:-200% 0}}.ks-gagal{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 14px;border-radius:16px;border:2px dashed var(--border-2);text-align:center}.ks-gagal-txt{font-size:13px;font-weight:700;color:var(--muted)}.ks-gagal .ks-btn{flex:0 0 auto;min-height:44px;font-size:14px}@media (prefers-reduced-motion: reduce){.ks-skel-kartu{animation:none}}@media (max-width: 560px){#modal.layar.sheet:has(.ks-page){width:100vw;max-width:100vw;height:92vh;max-height:92vh}.ks-head{padding:14px 56px 10px 16px}.ks-body{padding:14px 16px;gap:14px}.ks-foot{padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px))}.ks-judul.besar{font-size:22px}.ks-field.jam{width:100px}}@media (max-height: 560px) and (orientation: landscape){#modal.layar.sheet:has(.ks-page){height:100vh;max-height:100vh}.ks-head{padding:10px 56px 8px 16px}.ks-body{padding:10px 16px;gap:10px}.ks-page textarea{min-height:72px}}body.live-on{--pl-h: 34px}body.live-dua{--pl-h: 60px}body.live-pil{--pl-h: 44px}body.live-on #app{height:calc(100% - var(--pl-h) - env(safe-area-inset-bottom,0px))}body.live-on #status-bar{bottom:calc(44px + var(--pl-h))}body.live-on #blok-bar{bottom:calc(124px + var(--pl-h))}body.live-on #blok-pill{bottom:calc(88px + var(--pl-h))}body.live-on #ruang-bar{bottom:calc(16px + var(--dok-tinggi, 0px) + 10px + var(--pl-h))}body.live-on #go-pil{bottom:calc(18px + var(--pl-h))}#pita-live{position:fixed;left:0;right:0;bottom:0;z-index:89;display:flex;flex-direction:column;cursor:pointer;-webkit-user-select:none;user-select:none;background:#111214;color:#f6f4ee;border-top:2px solid #c8102e;padding-bottom:env(safe-area-inset-bottom,0px);font-family:Nunito,Barlow Condensed,system-ui,sans-serif}#pita-live .pl-atas{display:none;align-items:center;gap:8px;height:26px;padding:0 10px;background:#1c1d21;font-size:12px}#pita-live .pl-atas .pl-tag{height:16px;padding:0 6px;font-size:10px;border-radius:3px}#pita-live .pl-nama{font-weight:900;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pita-live .pl-stat{margin-left:auto;color:#b9bec8;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}#pita-live .pl-baris{display:flex;align-items:stretch;height:32px}#pita-live .pl-tag{flex:none;display:inline-flex;align-items:center;gap:6px;padding:0 10px;background:#c8102e;color:#fff;font-weight:900;font-size:12px;letter-spacing:.08em}#pita-live .pl-tag i{width:7px;height:7px;border-radius:50%;background:#fff;animation:pl-kedip 1.2s infinite}@keyframes pl-kedip{50%{opacity:.2}}#pita-live .pl-jalur{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}#pita-live .pl-teks{display:inline-flex;white-space:nowrap;will-change:transform;animation:pl-gulir 20s linear infinite;font-weight:700;font-size:15px}#pita-live .pl-set{display:inline-flex;align-items:center;padding-right:0}#pita-live .pl-t{color:#f6f4ee}#pita-live .pl-k{color:#8fd0ff}#pita-live .pl-sep{opacity:.35;margin:0 14px}@keyframes pl-gulir{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){#pita-live .pl-teks{animation-duration:60s!important}#pita-live .pl-tag i{animation:none}}#pita-live[data-gaya=pil]{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));border:none;border-radius:999px;padding-bottom:0;background:#111214eb;box-shadow:0 4px 14px #00000080;overflow:hidden}#pita-live[data-gaya=pil] .pl-baris .pl-tag{border-radius:999px;margin:4px;padding:0 10px}#pita-live[data-gaya=dua] .pl-atas{display:flex}#pita-live[data-gaya=dua] .pl-baris .pl-tag-baris{display:none}#pita-live[data-gaya=dua] .pl-baris{height:34px}#pita-live[data-gaya=dua] .pl-teks{font-size:17px}#pita-live[data-gaya=dua] .pl-jalur{padding-left:10px}.pl-page .ks-body .ks-chip{align-self:flex-start}.pkk-badge{margin-left:auto;font-size:9px;font-weight:900;letter-spacing:.6px;padding:2px 6px;border-radius:6px;background:var(--duo-blue);color:#fff}#vektor-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}#vektor-wrap .maplibregl-ctrl-bottom-right{bottom:96px;right:8px}#vektor-wrap .maplibregl-ctrl-attrib{font-size:10px;opacity:.8}#vektor-wrap .maplibregl-ctrl-group{border-radius:12px;overflow:hidden}@media (max-width: 560px){#vektor-wrap .maplibregl-ctrl-bottom-right{bottom:140px}}body.vektor-aktif #canvas{z-index:2;pointer-events:none;background:transparent}.bf-ann,.pkk-ann{flex:0 0 auto;margin-left:6px;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid var(--border-2);background:var(--input-bg);opacity:.4;filter:grayscale(1);transition:opacity .12s,filter .12s,background .12s}.bf-ann:hover,.pkk-ann:hover{opacity:.75}.bf-ann.on,.pkk-ann.on{opacity:1;filter:none;background:color-mix(in srgb,var(--accent) 22%,var(--input-bg));border-color:var(--accent)}.tirai-muat{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:#00000047;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tirai-kartu{display:flex;align-items:center;gap:14px;padding:18px 26px;border-radius:18px;background:var(--panel-glass);border:1px solid var(--border-2);box-shadow:0 14px 40px #00000059;font-size:15px;font-weight:800;color:var(--text)}#modal.layar.sheet:has(.cm-page){width:min(94vw,560px)}.cm-page{display:flex;flex-direction:column;height:100%}.cm-page .dl-x{top:14px;right:14px}.cm-head{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:10px 64px 10px 16px;background:var(--panel);border-bottom:2px solid var(--border);border-radius:22px 22px 0 0}.cm-mei{flex-shrink:0;width:52px;height:52px;object-fit:contain}.cm-head-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.cm-judul{font-size:18px;font-weight:900;color:var(--text)}.cm-subjudul{font-size:12px;font-weight:700;color:var(--muted)}.cm-baru{flex-shrink:0;min-height:36px;padding:0 12px;border-radius:12px;cursor:pointer;font:inherit;font-size:12px;font-weight:800;color:var(--muted);background:transparent;border:2px solid var(--border-2)}.cm-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 14px 8px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}.cm-list>*{flex-shrink:0}.cm-baris-pesan{display:flex;gap:8px;align-items:flex-end;max-width:100%}.cm-baris-pesan.kanan{justify-content:flex-end}.cm-ava{flex-shrink:0;width:36px;height:36px;object-fit:contain;align-self:flex-start}.cm-bub{max-width:min(82%,420px);padding:10px 13px;border-radius:16px 16px 16px 4px;font-size:15px;line-height:1.4;font-weight:600;color:var(--text);background:var(--panel);border:2px solid var(--border-2);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.cm-bub.user{border-radius:16px 16px 4px;background:var(--duo-blue);border-color:var(--duo-blue-d);color:#fff}.cm-bub.user.kirim{opacity:.7}.cm-bub.user.gagal{background:var(--duo-red);border-color:var(--duo-red-d, var(--duo-red))}.cm-bub.admin{border-color:var(--duo-green-d)}.cm-bub small{display:block;font-size:11px;font-weight:900;color:var(--duo-green-d);margin-bottom:2px}.cm-img{display:block;max-width:100%;max-height:180px;border-radius:10px;margin-bottom:6px}.cm-sistem{align-self:center;text-align:center;font-size:12.5px;font-weight:700;color:var(--muted);padding:2px 10px}.cm-ketik{display:flex;gap:5px;align-items:center;min-height:22px}.cm-ketik i{width:8px;height:8px;border-radius:50%;background:var(--muted);animation:cm-titik 1.1s infinite ease-in-out}.cm-ketik i:nth-child(2){animation-delay:.15s}.cm-ketik i:nth-child(3){animation-delay:.3s}@keyframes cm-titik{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.cm-pilihan{align-self:flex-start;width:min(320px,100%);margin-left:44px;border-radius:16px;overflow:hidden;background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2)}.cm-pil{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:9px 12px;cursor:pointer;font:inherit;text-align:left;color:var(--text);background:transparent;border:0;border-top:1px solid var(--border)}.cm-pil:first-child{border-top:0}.cm-pil:active{background:var(--border)}.cm-pil.pri{background:color-mix(in srgb,var(--duo-green) 16%,var(--panel))}.cm-pil-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cm-pil-t b{font-size:14.5px;font-weight:800}.cm-pil-t small{font-size:12px;font-weight:700;color:var(--muted)}.cm-kartu{max-width:min(86%,340px);padding:10px 12px;border-radius:16px;background:var(--panel);border:2px solid var(--border-2);font-size:13.5px;font-weight:600;color:var(--text)}.cm-pre{white-space:pre-line}.cm-kartu-h{font-weight:900;margin-bottom:6px}.cm-feat{padding:5px 0}.cm-feat+.cm-feat{border-top:1px dashed var(--border-2)}.cm-feat b{display:block;font-weight:800}.cm-feat span{color:var(--muted);font-size:12.5px}.cm-step{display:flex;gap:9px;align-items:flex-start;padding:4px 0}.cm-step i{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--duo-blue);color:#fff;font-style:normal;font-weight:900;font-size:12px;display:grid;place-items:center}.cm-note,.cm-notice{margin-top:8px;padding:7px 10px;border-radius:10px;font-size:12.5px;font-weight:700;background:color-mix(in srgb,var(--duo-gold) 18%,var(--panel))}.cm-notice{align-self:center;margin:0;text-align:center}.cm-sub{font-size:12.5px;color:var(--muted)}.cm-baris{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:13px}.cm-links{display:flex;flex-direction:column;gap:6px;width:min(300px,86%)}.cm-link{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 12px;border-radius:14px;cursor:pointer;font:inherit;font-weight:800;color:var(--text);background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2)}.cm-link.pri{background:var(--duo-green);border-color:var(--duo-green-d);box-shadow:0 3px 0 var(--duo-green-d);color:#fff}.cm-galat{align-self:flex-end;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;font-size:12.5px;font-weight:700;color:var(--duo-red)}.cm-btn{min-height:44px;padding:0 16px;border-radius:14px;cursor:pointer;font:inherit;font-weight:900;color:#fff;background:var(--duo-blue);border:2px solid var(--duo-blue-d);box-shadow:0 3px 0 var(--duo-blue-d)}.cm-btn.kecil{min-height:36px;padding:0 12px;font-size:13px}.cm-btn.putih{color:var(--text);background:var(--panel);border-color:var(--border-2);box-shadow:0 3px 0 var(--border-2)}.cm-login,.cm-gagal{margin:auto;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:18px;font-weight:700;color:var(--text)}.cm-login span{color:var(--muted);font-size:13.5px;max-width:320px}.cm-skel{display:flex;flex-direction:column;gap:10px}.cm-skel div{height:44px;width:70%;border-radius:16px;background:var(--border);animation:cm-titik 1.2s infinite ease-in-out}.cm-skel div:nth-child(2){align-self:flex-end;width:50%}.cm-foot{flex-shrink:0;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:2px solid var(--border)}.cm-foot[hidden]{display:none}.cm-form{display:flex;gap:8px;align-items:flex-end}.cm-form textarea{flex:1;min-width:0;resize:none;max-height:120px;min-height:44px;padding:10px 12px;border-radius:14px;font:inherit;font-size:16px;font-weight:600;color:var(--text);background:var(--bg);border:2px solid var(--border-2)}.cm-ikon{flex-shrink:0;width:44px;height:44px;border-radius:14px;cursor:pointer;display:grid;place-items:center;color:var(--text);background:var(--panel);border:2px solid var(--border-2);box-shadow:0 3px 0 var(--border-2)}.cm-ikon.kirim{color:#fff;background:var(--duo-green);border-color:var(--duo-green-d);box-shadow:0 3px 0 var(--duo-green-d)}.cm-ikon:disabled{opacity:.5;cursor:default}.cm-draf{position:relative;align-self:flex-start;width:max-content;margin-bottom:8px}.cm-draf[hidden]{display:none}.cm-draf img{display:block;max-height:90px;max-width:100%;border-radius:10px;border:2px solid var(--border-2)}.cm-draf button{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;border:2px solid var(--duo-red-d, var(--duo-red));background:var(--duo-red);color:#fff;font-weight:900;cursor:pointer}.cm-kaki{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:6px;font-size:11.5px;font-weight:700;color:var(--muted)}.cm-tautan{padding:8px 0;min-height:36px;background:none;border:0;cursor:pointer;font:inherit;font-size:12.5px;font-weight:800;color:var(--duo-blue);text-decoration:underline;text-align:left}@media (prefers-reduced-motion: reduce){.cm-ketik i,.cm-skel div{animation:none}}.cm-lebar{width:min(340px,88%);max-width:none}.cm-badge{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.04em;padding:2px 9px;border-radius:999px;background:var(--duo-green);color:#fff;margin-bottom:4px}.cm-aktif{border-color:var(--duo-green-d)}.cm-btn.blok{width:100%;margin-top:10px}.cm-btn.bahaya{color:var(--duo-red)}.cm-paket{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;border:2px solid var(--border-2)}.cm-paket+.cm-paket{margin-top:6px}.cm-paket.best{border-color:var(--duo-blue);background:color-mix(in srgb,var(--duo-blue) 10%,var(--panel))}.cm-paket-l{min-width:0;display:flex;flex-direction:column}.cm-paket-l b{font-weight:900}.cm-paket-l span{font-size:12px;color:var(--muted);font-weight:700}.cm-paket-r{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.cm-paket-r b{font-weight:900;white-space:nowrap}.cm-tag{font-style:normal;font-size:10.5px;padding:1px 7px;border-radius:999px;background:var(--duo-blue);color:#fff;vertical-align:1px}.cm-kv{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:13px}.cm-kv span{color:var(--muted);font-weight:700}.cm-kv b{text-align:right;overflow-wrap:anywhere}.cm-kv.kuat b{font-size:16px;color:var(--duo-blue)}.cm-ref{display:block;margin-top:8px;font-size:12.5px;font-weight:800;color:var(--muted)}.cm-ref input{display:block;width:100%;margin-top:4px;padding:9px 10px;border-radius:10px;font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:2px solid var(--border-2)}.cm-qr{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:8px}.cm-qr img{width:100%;max-width:220px;background:#fff;border-radius:12px;padding:6px;border:2px solid var(--border-2)}.cm-nominal{display:flex;flex-direction:column;align-items:center;gap:4px;margin:6px 0}.cm-nominal span{font-size:12px;color:var(--muted);font-weight:700}.cm-nominal b{font-size:24px;font-weight:900;color:var(--duo-blue)}.cm-rek{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0;padding:8px 10px;border-radius:10px;background:var(--bg)}.cm-rek div{display:flex;flex-direction:column;min-width:0}.cm-rek b{overflow-wrap:anywhere}.cm-rek span{font-size:12px;color:var(--muted);font-weight:700}.cm-instr{margin-top:8px;font-size:12px;color:var(--muted)}.cm-aksi{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cm-petunjuk{margin-bottom:8px;padding:6px 10px;border-radius:10px;font-size:12.5px;font-weight:800;background:color-mix(in srgb,var(--duo-gold) 18%,var(--panel))}.cm-petunjuk[hidden]{display:none}.cm-ikon.sorot{outline:3px solid var(--duo-blue);outline-offset:2px;animation:cm-titik 1.2s infinite ease-in-out}#route-pop{max-height:min(65vh,580px);overflow-y:auto;max-width:min(300px,calc(100vw - 24px))}#route-pop .rp-row{display:flex;align-items:center;border-radius:11px}#route-pop .rp-row .rp-item{flex:1;min-width:0}#route-pop .rp-row.rp-sorot{outline:2px solid var(--accent);outline-offset:-2px}#route-pop .rp-preview,#route-pop .rp-back{border:1px solid var(--border-2);border-radius:8px;color:var(--text);background:var(--panel-glass);padding:8px;cursor:pointer;min-height:40px}#route-pop .rp-preview{flex:none;margin-right:4px}#route-pop .rp-back{width:100%;text-align:left;margin-bottom:5px}#route-pop .rp-back small{float:right;opacity:.65}#route-pop .rp-petunjuk{font-size:11px;color:var(--heading);padding:4px 7px 8px}#route-pop button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}