/* bingkisin demo shared styles */
/* ===== BINGKISIN music player (Equalizer Kertas) ===== */
#bk-musicwrap{position:fixed;top:12px;left:12px;z-index:60;
  transform:scale(0);transition:transform .3s ease;transform-origin:top left;}
#bk-musicwrap.show{transform:scale(1);}
#bk-musicbtn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:50%;background:rgba(255,255,255,.92);border:1px solid #ddd;cursor:pointer;
  font-size:20px;box-shadow:0 2px 8px rgba(0,0,0,.12);font-family:inherit;}
#bk-musicbtn{color:#3A2E22;}
#bk-musicbtn.playing{background:#C0392B;border-color:#C0392B;color:#fff;}
#bk-ytbox{position:fixed;left:-9999px;top:-9999px;width:4px;height:4px;overflow:hidden;pointer-events:none}
/* ===== responsif desktop ===== */
@media (min-width:768px){
  body{display:flex;flex-direction:column;align-items:center;}
  body::before{content:"";position:fixed;inset:0;z-index:-1;opacity:.15;
    background-image:radial-gradient(circle at 20% 30%, #E86A92 2px, transparent 3px),
                     radial-gradient(circle at 70% 60%, #D9A441 2px, transparent 3px),
                     radial-gradient(circle at 40% 80%, #E86A92 2px, transparent 3px),
                     radial-gradient(circle at 85% 20%, #D9A441 2px, transparent 3px);
    background-size:120px 120px;}
  #gate, section, footer{width:100%;max-width:520px;margin-left:auto;margin-right:auto;}
  #bk-musicbtn{max-width:420px;}
}
#bk-ytbox{position:fixed;left:-9999px;top:-9999px;width:4px;height:4px;overflow:hidden;pointer-events:none}
#mute{display:none!important;}