.rpp-frame{margin:1.5rem 0;overflow:hidden;border-radius:10px;border:1px solid #e2e8e5;background:#fff;box-shadow:0 10px 30px -18px #14201d80}.rpp-chrome{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #e2e8e5;background:#f4f6f5}.rpp-dots{display:inline-flex;gap:5px}.rpp-dots i{width:9px;height:9px;border-radius:50%;background:#cfd8d4}.rpp-url{margin-left:4px;font-family:ui-monospace,SF Mono,monospace;font-size:11px;color:#8a9591;border:1px solid #e2e8e5;background:#fff;border-radius:6px;padding:2px 8px}.rpp{--teal:#0d8a78;--line:#e2e8e5;--ink:#16201d;--soft:#5b6b66;--faint:#8a9591;--info:#2563eb;--warn:#c2780c;--crit:#d12f3e;--ok:#0d8a78;background:#fbfcfc;color:var(--ink);text-align:left;line-height:1.4;font-family:inherit;padding:clamp(16px,3.4vw,26px)}.rpp .mono{font-family:ui-monospace,SF Mono,monospace;font-size:.92em}.rpp .rpp-crumb{font-size:11.5px;color:var(--faint);margin-bottom:4px}.rpp .rpp-titlerow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.rpp .rpp-h1{font-size:21px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.rpp .rpp-summary{font-size:13px;color:var(--soft);margin-top:7px;max-width:60ch}.rpp .rpp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;margin-top:10px;font-size:11.5px;color:var(--faint)}.rpp .rpp-meta .sep{opacity:.6}.rpp .rpp-tags{display:flex;gap:6px;margin-top:9px;padding-bottom:16px;border-bottom:1px solid var(--line)}.rpp .tag{font-size:10px;color:var(--soft);border:1px solid var(--line);border-radius:20px;padding:1px 9px}.rpp .rpp-blocks{display:grid;gap:20px;margin-top:18px}.rpp .bt{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:9px}.rpp .bhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.rpp .bcap{font-size:10.5px;color:var(--faint)}.rpp .badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;white-space:nowrap;padding:2px 9px;border-radius:20px;flex:none}.rpp .badge .dot{width:6px;height:6px;border-radius:50%}.rpp .b-crit{background:#fde9eb;color:var(--crit)}.rpp .b-crit .dot{background:var(--crit)}.rpp .block .bl{font-size:11.5px;color:var(--faint);font-weight:600}.rpp .bv{font-size:30px;font-weight:800;color:var(--ink);font-family:ui-monospace,SF Mono,monospace;margin-top:2px}.rpp .bv .suffix{font-size:16px;color:var(--faint);margin-left:2px}.rpp .bd{font-size:12px;font-weight:700;margin-top:3px}.rpp .bd.neg{color:var(--crit)}.rpp .bd.pos{color:var(--ok)}.rpp .bd.neu{color:var(--faint)}.rpp .chart .bars{display:flex;align-items:flex-end;gap:8px;height:118px;padding-left:6px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.rpp .chart .bar{flex:1;background:var(--teal);border-radius:3px 3px 0 0}.rpp .chart .xaxis{display:flex;justify-content:space-between;font-size:9px;color:#9aa6a1;margin-top:5px}.rpp .btable{border-collapse:collapse;width:100%;font-size:12px}.rpp .btable th,.rpp .btable td{border:1px solid var(--line);padding:6px 10px;text-align:left}.rpp .btable th{background:#f4f6f5;font-weight:700;color:var(--ink)}.rpp .btable td{color:var(--soft)}.rpp .btable .num{text-align:right;font-variant-numeric:tabular-nums}.rpp .timeline{list-style:none;margin:0;padding:0 0 0 6px;border-left:2px solid var(--line);display:grid;gap:12px}.rpp .tl{position:relative;padding-left:16px}.rpp .tldot{position:absolute;left:-7px;top:3px;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.rpp .tlbody{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.rpp .tllabel{font-size:12.5px;font-weight:600;color:var(--ink)}.rpp .tltime{font-family:ui-monospace,monospace;font-size:11px;color:var(--faint)}.rpp .tlstate{font-size:11px;font-weight:600}.rpp .d-ok{background:var(--ok)}.rpp .s-ok{color:var(--ok)}.rpp .d-warn{background:var(--warn)}.rpp .s-warn{color:var(--warn)}.rpp .d-down{background:var(--crit)}.rpp .s-down{color:var(--crit)}.rpp .alert{display:flex;gap:11px;border:1px solid #f0c7cd;background:#fef6f7;border-left:3px solid var(--crit);border-radius:9px;padding:12px 14px}.rpp .alert .aicon{font-size:15px}.rpp .alert .atitle{font-size:13px;font-weight:700;color:var(--crit)}.rpp .alert .amsg{font-size:12px;color:var(--soft);margin-top:3px}.rpp .statgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rpp .scell{border:1px solid var(--line);border-radius:10px;padding:11px 13px}.rpp .slabel{font-size:12.5px;font-weight:700;color:var(--ink)}.rpp .sstate{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;margin-top:5px}.rpp .sstate .sdot{width:8px;height:8px;border-radius:50%}.rpp .skey{font-size:10px;color:var(--faint);margin-top:5px}.rpp .x-ok{color:var(--ok)}.rpp .x-ok .sdot{background:var(--ok)}.rpp .x-warn{color:var(--warn)}.rpp .x-warn .sdot{background:var(--warn)}.rpp .x-down{color:var(--crit)}.rpp .x-down .sdot{background:var(--crit)}[data-theme=dark] .rpp-frame{border-color:#26322c;background:#0e1512}[data-theme=dark] .rpp-chrome{background:#16211d;border-color:#26322c}[data-theme=dark] .rpp-dots i{background:#2c3a33}[data-theme=dark] .rpp-url{background:#111a17;border-color:#26322c;color:#7d8f87}[data-theme=dark] .rpp{--line:#26322c;--ink:#e9f1ec;--soft:#9fb2aa;--faint:#7d8f87;--teal:#2EE6C5;--ok:#2EE6C5;background:#0e1512}[data-theme=dark] .rpp .scell,[data-theme=dark] .rpp .btable td{background:transparent}[data-theme=dark] .rpp .scell{background:#16211d}[data-theme=dark] .rpp .btable th{background:#1c2823}[data-theme=dark] .rpp .tag{border-color:#2c3a33;color:#9fb2aa}[data-theme=dark] .rpp .badge.b-crit{background:#3a1620;color:#ff8a98}[data-theme=dark] .rpp .badge.b-crit .dot{background:#ff8a98}[data-theme=dark] .rpp .bd.neg,[data-theme=dark] .rpp .s-down,[data-theme=dark] .rpp .x-down,[data-theme=dark] .rpp .alert .atitle{color:#ff8a98}[data-theme=dark] .rpp .x-down .sdot,[data-theme=dark] .rpp .d-down{background:#ff8a98}[data-theme=dark] .rpp .s-warn,[data-theme=dark] .rpp .x-warn{color:#e0a23a}[data-theme=dark] .rpp .x-warn .sdot,[data-theme=dark] .rpp .d-warn{background:#e0a23a}[data-theme=dark] .rpp .alert{background:#1c1114;border-color:#3a1620;border-left-color:#ff8a98}[data-theme=dark] .rpp .tldot{border-color:#0e1512}@media(max-width:460px){.rpp .statgrid{grid-template-columns:1fr}}
