:root{color-scheme:dark;--bg:#0A0A09;--panel:#131312;--line:#262624;--line-2:#33332F;--ink:#F2F2EC;--muted:#A6A69C;--accent:#FF4438;--accent-soft:#FF6B5E;--font:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{min-height:100vh;background-color:var(--bg);background-image:linear-gradient(rgb(255 255 255 / .025),rgb(255 255 255 / .025)),linear-gradient(90deg,rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(rgb(255 255 255 / .035) 1px,transparent 1px);background-size:44px 44px,44px 44px,44px 44px;background-position:264px 88px,0 0,0 0;color:var(--ink);font:14px/1.4 var(--font)}
.lab-bar{height:76px;padding:0 clamp(16px,3vw,44px);border-bottom:1px solid rgb(255 255 255 / .06);background:rgb(10 10 9 / .55);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 28px -16px rgb(0 0 0 / .65)}
.lab-brand{display:flex;align-items:center;gap:10px;min-width:150px}.lab-brand-copy strong{display:block;font-size:18px;letter-spacing:-.01em}.lab-brand-copy small{display:block;color:var(--muted);font-size:10px}
.lab-mark{width:34px;height:34px;border-radius:10px;object-fit:cover;object-position:left center;display:block;box-shadow:0 6px 14px -6px rgb(0 0 0 / .5)}
.lab-mode{display:flex;align-items:center;gap:7px;color:#FFB9B1;font-size:12px;font-weight:700}.lab-mode small{color:#8D8B84;font-weight:500}
.lab-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgb(255 68 56 / .12)}
.lab-main{width:min(1400px,100%);margin:auto;padding:36px clamp(16px,3vw,44px) 56px}
.lab-hero{margin-bottom:22px}.eyebrow{color:var(--accent-soft);font-size:10px;font-weight:800;letter-spacing:.12em}.lab-hero h1{margin:6px 0 4px;font-size:clamp(24px,3vw,34px);letter-spacing:-.035em}.lab-hero p{margin:0;color:var(--muted);font-size:13px}
.lab-player{min-height:480px;padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#181817,#111110);box-shadow:0 35px 90px -45px #000}
#status{min-height:20px;margin:0 0 10px;color:#B7B5AD;font-size:12px}#player{min-height:400px;overflow:auto}.rr-player{border-radius:10px;overflow:hidden;background:var(--panel);box-shadow:0 18px 60px -28px #000}.rr-player .rr-controller{background:#131312!important;border-top:1px solid var(--line)!important;color:var(--ink)!important}.rr-player .rr-controller button{color:var(--ink)!important;background:transparent!important;border-color:var(--line)!important}.rr-player .rr-controller button:hover{color:#fff!important;background:#2C2C2A!important}.rr-player .rr-progress{background:#33332F!important}.rr-player .rr-progress__handler{background:var(--accent)!important}.rr-player .rr-timeline__time{color:var(--muted)!important}
.error{color:#FF9A91}
@media(max-width:620px){.lab-bar{height:auto;min-height:64px}.lab-brand-copy strong{font-size:15px}.lab-mode small{display:none}.lab-main{padding-top:26px}.lab-player{padding:10px;border-radius:16px}}