@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden;background:#000}#c{display:block;width:100vw;height:100vh}#menu-btn{position:fixed;top:16px;right:16px;width:14px;height:14px;border:none;border-radius:50%;background:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s cubic-bezier(.4,0,.2,1),right .3s ease;cursor:pointer;z-index:999}#menu-btn:hover{transform:scale(1.3);background:#ffffff80}#menu-btn.panel-open{right:420px}#fullscreen-btn{position:fixed;top:18px;right:40px;width:12px;height:12px;border:none;background:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s cubic-bezier(.4,0,.2,1),right .3s ease;cursor:pointer;z-index:999}#fullscreen-btn:hover{transform:scale(1.5)}#fullscreen-btn.panel-open{right:444px}#fullscreen-btn:before{content:"⛶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#fffc}#prev-btn,#next-btn,#random-btn{position:fixed;bottom:20px;width:14px;height:14px;border:none;background:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s cubic-bezier(.4,0,.2,1);cursor:pointer;z-index:999}#prev-btn:hover,#next-btn:hover,#random-btn:hover{transform:scale(1.5)}#prev-btn:before,#next-btn:before,#random-btn:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#fffc}#prev-btn{right:44px}#prev-btn:before{content:"◀"}#next-btn{right:68px}#next-btn:before{content:"▶"}#random-btn{right:92px}#random-btn:before{content:"🎲"}[title]:hover:after{content:attr(title);position:absolute;color:#ffffff80;font-family:Courier New,monospace;font-size:8px;white-space:nowrap;z-index:1001;pointer-events:none;left:50%;transform:translate(-50%)}#menu-btn:hover:after,#fullscreen-btn:hover:after{top:100%;margin-top:4px}#prev-btn:hover:after,#next-btn:hover:after,#random-btn:hover:after,#control-btn:hover:after{bottom:100%;margin-bottom:4px}