.rpl{--rpl-playhead:#7cc5bd;--rpl-sticky-top:calc(var(--rpt-sticky,65px) + var(--rpl-tabbar,0px))}.rpl:focus{outline:none}.rpl-scrubber{z-index:15;position:relative}@media (min-width:1024px) and (min-height:760px){.rpl-scrubber{top:var(--rpl-sticky-top);position:sticky}}.rpl-scrubber-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0f1cfb}.rpl-title{background:linear-gradient(90deg,#f5c98a,#b8a5e0);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.rpl-clock{background:linear-gradient(90deg,#f3eee2,#7cc5bd);color:#0000;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text}.rpl-hero-clock{color:#a7dcd6;text-shadow:0 0 18px #7cc5bd61;font-variant-numeric:tabular-nums}.rpl-playhead{z-index:30;pointer-events:none;background:linear-gradient(180deg, #f3eee2, var(--rpl-playhead));width:2px;height:100%;margin-left:-1px;position:absolute;top:0;box-shadow:0 0 10px #7cc5bda6}.rpl-thumb{z-index:30;pointer-events:none;background:var(--rpl-playhead);border:2px solid #f3eee2d9;border-radius:9999px;width:14px;height:14px;position:absolute;bottom:-6px;transform:translate(-50%);box-shadow:0 0 10px #7cc5bdb3}.rpl-pip{transition:transform .15s,filter .15s}.rpl-pip[data-sev=critical]{background:linear-gradient(90deg,#ef4444,#b91c1c);box-shadow:0 0 8px #ef444473}.rpl-pip[data-sev=high]{background:linear-gradient(90deg,#ef4444d1,#b91c1cd1)}.rpl-pip[data-sev=medium]{background:linear-gradient(90deg,#e49d4fd9,#a0602bd9)}.rpl-pip[data-sev=low],.rpl-pip[data-sev=minor]{background:linear-gradient(90deg,#e49d4f99,#a0602b99)}.rpl-pip[data-sev=cd]{background:linear-gradient(90deg,#16787ae6,#1b6895e6);box-shadow:0 0 8px #7cc5bd59}.rpl-pip[data-kicked=true]{outline-offset:1px;outline:1.5px solid #38bdf8}.group:hover>.rpl-pip,.group:focus-visible>.rpl-pip{filter:brightness(1.15);transform:scale(1.35)}.group:hover>.rpl-pip.is-pill,.group:focus-visible>.rpl-pip.is-pill{transform:scale(1.05)}.rpl-death-dot{background:#dc2626;transition:transform .15s;box-shadow:0 0 10px #ef44448c}.group:hover>.rpl-death-dot,.group:focus-visible>.rpl-death-dot{transform:scale(1.25)}.rpl-btn{color:#cbc7d8;font:inherit;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:center;gap:6px;transition:background .15s,border-color .15s,transform .15s,color .15s;display:inline-flex}.rpl-btn:hover{color:#f3eee2;background:#ffffff14;border-color:#fff3}.rpl-btn:active{transform:translateY(1px)}.rpl-btn:focus-visible,.rpl-focus:focus-visible{outline-offset:2px;outline:2px solid #7cc5bd}.rpl-play{color:#f3eee2;background:linear-gradient(135deg,#16787a,#6a539f);border-color:#7cc5bd73;box-shadow:0 8px 20px -10px #3fa39ccc,inset 0 1px #ffffff2e}.rpl-play:hover{background:linear-gradient(135deg,#1b8d8f,#8169bb);border-color:#7cc5bdb3}.rpl-handle{touch-action:none}.rpl-handle>span{background:#3fa39c;transition:background .15s;box-shadow:0 0 8px #3fa39c80}.rpl-handle:hover>span,.rpl-handle[data-active=true]>span{background:#7cc5bd}.rpl-live{animation:1.6s ease-in-out infinite rpl-live}@keyframes rpl-live{0%,to{opacity:1}50%{opacity:.35}}.rpl-feed-row{animation:.25s ease-out both rpl-in}@keyframes rpl-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.rpl-progress{background:linear-gradient(90deg,#16787a,#7cc5bd);box-shadow:0 0 10px #7cc5bd80}.rpl-loading-bar{background:linear-gradient(90deg,#16787a,#8169bb,#f2b86c) 0 0/200% 100%;animation:2.4s linear infinite rpl-sheen}@keyframes rpl-sheen{0%{background-position:0 0}to{background-position:200% 0}}.rpl-map-frame{background:radial-gradient(80% 70% at 50% 45%,#141a30,#080a13 75%)}.rpl-dock{left:16px;right:16px;bottom:max(12px, env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0f1cf0;border:1px solid #7cc5bd4d;border-radius:14px;animation:.2s ease-out both rpl-dock-in;position:fixed;box-shadow:0 18px 40px -16px #000000e6,0 0 0 1px #0006}@keyframes rpl-dock-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (min-width:1024px){.rpl-dock{display:none}}.rpl-dialog-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04060cb8;animation:.15s ease-out both rpl-fade}@keyframes rpl-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.rpl-live,.rpl-feed-row,.rpl-loading-bar,.rpl-dock,.rpl-dialog-backdrop{animation:none}.rpl-pip,.rpl-death-dot,.rpl-btn{transition:none}}