:root{--primary-color:#61dafb;--text-color:#eee;--button-hover:#21a1f1;--font:"Kanit",sans-serif}body,html{margin:0;padding:0;color:var(--text-color);height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:url(/asset/bg/bg1.gif) no-repeat 50%;background-size:cover;filter:brightness(.9)}.container{background:rgba(0,0,0,.4);padding:30px;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.5)}h1{margin-bottom:30px;color:white}.uid-box{display:flex;align-items:center;background:rgba(255,255,255,.05);padding:15px 20px;border-radius:15px;margin:15px auto;cursor:pointer;width:fit-content;gap:15px;box-shadow:0 4px 12px rgba(0,0,0,.4);transition:transform .2s ease}.uid-box:hover{transform:scale(1.03)}.uid-icon{width:250px;height:100px;border-radius:10px;object-fit:cover}.uid-texts{display:flex;flex-direction:column;text-align:left;color:white}.uid-texts strong{font-size:1.2rem}.uid-texts span{font-size:1rem}.copied-msg{font-size:.9rem;color:#ccc}.image-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:9999;cursor:pointer;visibility:hidden;opacity:0;transition:opacity .3s ease}.image-overlay.visible{visibility:visible;opacity:1}.image-overlay img{max-width:90vw;max-height:90vh;border-radius:15px;box-shadow:0 0 20px rgba(255,255,255,.3);object-fit:contain;cursor:default;transition:transform .3s ease}.toggle-music{position:fixed;top:15px;left:15px;background:var(--primary-color);color:#000;border:none;border-radius:20px;padding:10px 18px;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 3px 6px rgba(0,0,0,.3);transition:background .25s ease,transform .2s ease;user-select:none;z-index:10}.toggle-music:hover{background:var(--button-hover);transform:scale(1.05)}.toggle-music:active{transform:scale(.95)}