.pu{--pu-bg:var(--bg);--pu-surface:var(--surface);--pu-surface-2:var(--surface-2);--pu-line:var(--line);--pu-line-strong:var(--line-strong);--pu-ink:var(--ink);--pu-ink-2:var(--ink-2);--pu-ink-3:var(--ink-3);--pu-accent:var(--accent);--pu-accent-ink:var(--accent-ink);--pu-accent-soft:var(--accent-soft);--pu-crit:var(--crit);--pu-crit-soft:var(--crit-soft);--pu-warn:var(--warn);--pu-warn-soft:var(--warn-soft);--pu-ok:var(--ok);--pu-ok-soft:var(--ok-soft);--pu-shadow:var(--shadow);--pu-display:var(--font-inter,"Inter", "Segoe UI", system-ui, sans-serif);--pu-body:var(--font-inter,"Inter", "Segoe UI", system-ui, sans-serif);--pu-mono:var(--font-plex-mono,"IBM Plex Mono", Consolas, monospace);background:var(--pu-bg);color:var(--pu-ink);font-family:var(--pu-body);flex:1;min-height:100%;font-size:14px;line-height:1.5}.pu button,.pu input{font:inherit;color:inherit}.pu :is(button,input,a,summary):focus-visible{outline:2px solid var(--pu-accent);outline-offset:2px}.pu-main{max-width:1600px;margin:0 auto;padding:24px 24px 48px}.pu-h2{font-family:var(--pu-display);letter-spacing:-.02em;text-wrap:balance;margin:4px 0 6px;font-size:28px;font-weight:800}.pu-lede{color:var(--pu-ink-2);max-width:66ch;margin:0 0 16px}.pu-howto{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px;display:grid}@media (max-width:800px){.pu-howto{grid-template-columns:1fr}}.pu-howto div{background:var(--pu-accent-soft);border-radius:16px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.pu-howto b{font-family:var(--pu-display);color:var(--pu-accent);min-width:18px;font-size:18px;line-height:1}.pu-search{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.pu-field{background:var(--pu-surface);border:1px solid var(--pu-line-strong);border-radius:16px;align-items:center;gap:8px;min-width:280px;padding:0 4px 0 12px;display:flex}.pu-field .pu-prefix{color:var(--pu-ink-3);font-family:var(--pu-mono);font-size:12px}.pu-field input{font-family:var(--pu-mono);text-transform:uppercase;width:140px;color:var(--pu-ink);background:0 0;border:0;padding:10px 0;font-size:15px}.pu-field:focus-within{outline:2px solid var(--pu-accent);outline-offset:2px}.pu-field input:focus{outline:none}.pu-hint{color:var(--pu-ink-3);font-size:12px}.pu-btn{border:1px solid var(--pu-line-strong);background:var(--pu-surface);cursor:pointer;border-radius:16px;padding:9px 14px;font-weight:600}.pu-btn.primary{background:var(--pu-accent);color:var(--pu-accent-ink);border-color:var(--pu-accent)}.pu-btn:disabled{opacity:.5;cursor:default}.pu-pick{color:var(--pu-ink-3);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:12px;display:flex}.pu-pick a{border:1px solid var(--pu-line);background:var(--pu-surface);font-family:var(--pu-mono);color:var(--pu-ink);border-radius:999px;padding:4px 10px;font-size:12px;text-decoration:none}.pu-pick a[aria-current=true]{background:var(--pu-ink);color:var(--pu-surface);border-color:var(--pu-ink)}.pu-replay{grid-template-columns:1.35fr 1fr;gap:18px;display:grid}@media (max-width:900px){.pu-replay{grid-template-columns:1fr}}.pu-panel{background:var(--pu-surface);border:1px solid var(--pu-line);border-radius:24px;padding:18px 20px}.pu-panel h2{font-family:var(--pu-display);margin:0 0 4px;font-size:17px;font-weight:700}.pu-sub{color:var(--pu-ink-3);margin:0 0 14px;font-size:12.5px}.pu-sumber{border-radius:999px;margin:0 0 8px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.pu-sumber.db{background:var(--pu-ok-soft);color:var(--pu-ok)}.pu-sumber.contoh{background:var(--pu-warn-soft);color:var(--pu-warn)}.pu-badge{background:var(--pu-surface-2);color:var(--pu-ink-2);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.pu-badge.delisting{background:var(--pu-crit-soft);color:var(--pu-crit)}.pu-badge.watchlist{background:var(--pu-warn-soft);color:var(--pu-warn)}.pu-badge.control{background:var(--pu-ok-soft);color:var(--pu-ok)}.pu-chart{background:var(--pu-surface-2);border-radius:16px;position:relative;overflow:hidden}.pu-chart svg{width:100%;height:auto;display:block}.pu-chart text{font-family:var(--pu-mono);fill:var(--pu-ink-3);font-size:10px}.pu-chart .lane{stroke:var(--pu-line);stroke-width:1px}.pu-chart .cursor{stroke:var(--pu-accent);stroke-width:2px;stroke-dasharray:4 4}.pu-chart .target{stroke:var(--pu-ink-3);stroke-width:1px;stroke-dasharray:2 3}.pu-chart .ev.crit{fill:var(--pu-crit)}.pu-chart .ev.warn{fill:var(--pu-warn)}.pu-chart .ev.info{fill:var(--pu-ok)}.pu-chart .ev.future{opacity:.18}.pu-slider{margin:14px 0 6px}.pu-slider input{width:100%;accent-color:var(--pu-accent)}.pu-slider .lbl{font-family:var(--pu-mono);color:var(--pu-ink-3);justify-content:space-between;font-size:11px;display:flex}.pu-slider .lbl span{white-space:normal;max-width:45%}.pu-slider .lbl span:last-child{text-align:right}.pu-slider .lbl b{color:var(--pu-ink)}.pu-now{background:var(--pu-surface-2);border-radius:16px;align-items:center;gap:14px;margin-top:12px;padding:12px 14px;display:flex}.pu-lamp{width:38px;height:38px;box-shadow:inset 0 0 0 4px var(--pu-surface);background:var(--pu-line-strong);border-radius:50%;flex:none}.pu-lamp.hijau{background:var(--pu-ok)}.pu-lamp.kuning{background:var(--pu-warn)}.pu-lamp.merah{background:var(--pu-crit)}.pu-now b{font-family:var(--pu-display);font-size:16px}.pu-now .d{font-family:var(--pu-mono);color:var(--pu-ink-3);font-size:11px}.pu-tl{border-bottom:1px solid var(--pu-line);grid-template-columns:18px 1fr;gap:12px;padding:10px 0;transition:opacity .2s;display:grid}.pu-tl[data-aktif=false]{opacity:.28}.pu-tl .dot{background:var(--pu-line-strong);border-radius:50%;width:12px;height:12px;margin-top:5px}.pu-tl.warn .dot{background:var(--pu-warn)}.pu-tl.crit .dot{background:var(--pu-crit)}.pu-tl.info .dot{background:var(--pu-ok)}.pu-tl .when{font-family:var(--pu-mono);color:var(--pu-ink-3);font-size:11px}.pu-tl .what{font-weight:600}.pu-tl .why{color:var(--pu-ink-2);font-size:12.5px}.pu-tl .src{font-family:var(--pu-mono);color:var(--pu-ink-3);font-size:10.5px}.pu-tl .src a{color:var(--pu-accent);text-decoration:underline}.pu-details{color:var(--pu-ink-2);margin-top:10px;font-size:12.5px}.pu-details summary{cursor:pointer;font-weight:600}.pu-details ul{columns:2;font-family:var(--pu-mono);margin:6px 0 0;padding-left:18px;font-size:11px}.pu-lesson{background:var(--pu-accent-soft);border-radius:16px;margin-top:14px;padding:14px;font-size:13.5px}.pu-lesson b{font-family:var(--pu-display)}.pu-lesson ul,.pu-note ul{margin:6px 0 0;padding-left:18px}.pu-note{background:var(--pu-warn-soft);color:var(--pu-ink-2);border-radius:16px;margin-top:10px;padding:10px 14px;font-size:12.5px}.pu-empty{border:1px dashed var(--pu-line-strong);border-radius:24px;max-width:640px;padding:22px}.pu-empty h2{font-family:var(--pu-display);margin:0 0 6px;font-size:20px}.pu-empty p{color:var(--pu-ink-2);margin:0 0 12px}.pu-ok-text{color:var(--pu-ok);font-weight:600}