/*
Theme Name: Ruang 3/4 V5.1 Divi Child
Description: Professional Ruang 3/4 music portal child theme for Elegant Themes Divi.
Version: 5.1.0
Author: Ruang 3/4
Template: Divi
*/
:root{--r34-bg:#05070a;--r34-line:rgba(255,255,255,.09);--r34-blue:#79afe8}
body{background:var(--r34-bg);padding-bottom:80px}.r34-music-player{position:fixed;left:0;right:0;bottom:0;height:78px;z-index:999999;background:rgba(6,9,12,.97);backdrop-filter:blur(20px);border-top:1px solid var(--r34-line);box-shadow:0 -10px 40px rgba(0,0,0,.45);font-family:Inter,system-ui,sans-serif}.r34-music-player-inner{height:100%;width:90%;max-width:1320px;margin:auto;display:grid;grid-template-columns:300px 1fr 290px;gap:20px;align-items:center}.r34-now{display:flex;align-items:center;gap:10px;min-width:0}.r34-now-cover{width:52px;height:52px;border-radius:8px;object-fit:cover;background:#101820}.r34-now b,.r34-now span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r34-now b{font-size:10px;color:#f4f7fa}.r34-now span{font-size:8px;color:#71808c}.r34-controls{text-align:center}.r34-control-row{display:flex;justify-content:center;align-items:center;gap:13px}.r34-control{border:0;background:none;color:#e5edf3;cursor:pointer;font-size:13px}.r34-mainplay{width:35px;height:35px;border-radius:50%;background:#f4f6f8!important;color:#06101a!important}.r34-progress{height:3px;background:#202b34;border-radius:3px;margin-top:8px;cursor:pointer}.r34-progress span{display:block;height:100%;width:0;background:var(--r34-blue);border-radius:3px}.r34-tools{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:8px;color:#65737f}.r34-tools input{accent-color:var(--r34-blue);width:100px}.r34-queue{position:fixed;right:20px;bottom:90px;width:320px;max-height:420px;overflow:auto;display:none;z-index:999998;background:#0b1117;border:1px solid var(--r34-line);border-radius:12px;box-shadow:0 15px 50px rgba(0,0,0,.5);font-family:Inter,system-ui,sans-serif}.r34-queue.open{display:block}.r34-queue-head{padding:13px 15px;border-bottom:1px solid var(--r34-line);font-size:10px;font-weight:900;text-transform:uppercase;color:#fff}.r34-queue-item{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--r34-line);cursor:pointer}.r34-queue-item:hover{background:#111a22}.r34-queue-cover{width:38px;height:38px;border-radius:6px;object-fit:cover}.r34-queue-item b{display:block;font-size:9px;color:#fff}.r34-queue-item span{font-size:7px;color:#70808c}.r34-audio-btn{border:1px solid var(--r34-line);background:#0a1117;color:#dfe8ef;border-radius:7px;padding:8px 10px;font-size:9px;font-weight:900;cursor:pointer}.r34-audio-btn:hover{border-color:var(--r34-blue);color:var(--r34-blue)}.r34-track-list{border:1px solid var(--r34-line);border-radius:14px;overflow:hidden;background:#0b1117}.r34-track{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:13px;border-bottom:1px solid var(--r34-line)}.r34-track button{border:0;background:#111a22;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer}.r34-track b{display:block;font-size:11px;color:#fff}.r34-track span{font-size:8px;color:#74818c}.et_pb_section{background:transparent}
@media(max-width:900px){.r34-music-player-inner{grid-template-columns:230px 1fr 170px}.r34-queue{right:10px;left:10px;width:auto}}@media(max-width:600px){.r34-music-player{height:66px}.r34-music-player-inner{width:calc(100% - 24px);grid-template-columns:1fr auto}.r34-controls{display:none}.r34-tools input{display:none}}