#rkld-lights-container{position:fixed;top:0;left:0;right:0;z-index:999999;pointer-events:none;overflow:visible}
#rkld-lights-container.rkld-la-fade-in{animation:rkldFadeIn .8s ease-out}
#rkld-lights-container.rkld-la-fade-out{animation:rkldFadeOut .5s ease-out forwards}
@keyframes rkldFadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes rkldFadeOut{from{opacity:1}to{opacity:0}}
.rkld-strand{position:absolute;top:0;width:2px;background:linear-gradient(180deg,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%);transform-origin:top center}
.rkld-bulb{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;transition:opacity .15s ease}
.rkld-star{position:absolute;left:50%;transform:translateX(-50%);font-family:serif;transition:opacity .15s ease}
.rkld-corner-strand{position:absolute;top:0}
.rkld-corner-strand.left{left:15px}
.rkld-corner-strand.right{right:15px}
@keyframes rkldSwing{0%,100%{transform:rotate(var(--swing-neg))}50%{transform:rotate(var(--swing-pos))}}
@keyframes rkldTwinkle{0%,100%{opacity:var(--intensity)}50%{opacity:calc(var(--intensity) * 0.3)}}
@keyframes rkldBlink{0%,49%{opacity:var(--intensity)}50%,100%{opacity:0.1}}
@keyframes rkldChase{0%{opacity:var(--intensity)}100%{opacity:calc(var(--intensity) * 0.2)}}

.rkld-first-strand{pointer-events:auto}
#rkld-controls-wrapper{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);display:flex;gap:6px;opacity:0;transition:opacity .3s ease;pointer-events:auto}
.rkld-first-strand:hover #rkld-controls-wrapper{opacity:1}
#rkld-controls-wrapper button{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:rgba(0,0,0,0.8);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.3)}
#rkld-controls-wrapper button:hover{transform:scale(1.15)}
#rkld-minimize-btn:hover{background:rgba(240,180,41,0.9)}
#rkld-close-btn:hover{background:rgba(255,60,60,0.9)}

#rkld-minimized-icon{position:fixed;top:50%;left:10px;font-size:24px;line-height:1;cursor:pointer;z-index:1000000;display:none;user-select:none;filter:drop-shadow(0 0 8px rgba(255,200,0,0.9));transition:filter 0.2s,transform 0.2s}
#rkld-minimized-icon:hover{filter:drop-shadow(0 0 12px rgba(255,200,0,1));transform:scale(1.15)}

@media(max-width:768px){
    .rkld-strand{transform:scale(0.7);transform-origin:top center}
    #rkld-controls-wrapper{bottom:-35px}
    #rkld-controls-wrapper button{width:32px;height:32px;font-size:18px}
    #rkld-minimized-icon{font-size:22px}
}
@media(max-width:480px){
    .rkld-strand{transform:scale(0.5)}
    #rkld-minimized-icon{font-size:20px}
}