*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif;-webkit-tap-highlight-color:transparent;}body{background-color:#000000;color:#ffffff;display:flex;flex-direction:column;align-items:center;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;padding:40px 20px 150px 20px;}#admin-log{display:none;position:fixed;top:10px;left:10px;right:10px;max-height:35vh;overflow-y:auto;background:rgba(0,0,0,0.85);color:#00ff00;border:1px solid #333;border-radius:12px;padding:15px;z-index:10000;font-family:monospace;font-size:11px;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,0.8);}.grid-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:0;transition:opacity 0.8s ease;}.grid-canvas.ready{opacity:1;}.grid-canvas.fallback{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,0.16) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(255,255,255,0.16) 0 1px,transparent 1px 32px);}.orb-1,.orb-2{position:fixed;border-radius:50%;filter:blur(50px);z-index:1;opacity:0.8;pointer-events:none;transition:transform 10s ease-in-out;will-change:transform;}.orb-1{width:320px;height:320px;background:linear-gradient(135deg,#ffffff,#333333);top:0;left:0;}.orb-2{width:380px;height:380px;background:linear-gradient(135deg,#777777,#111111);top:0;left:0;}.gradient-border-wrap{margin:auto 0;position:relative;border-radius:32px;padding:2px;width:100%;max-width:420px;z-index:2;box-shadow:0 20px 50px rgba(0,0,0,0.9);animation:glassAppear 1.2s cubic-bezier(0.2,0.8,0.2,1);}.gradient-border-wrap::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:32px;padding:2px;background:linear-gradient(135deg,#ffffff 0%,#111111 50%,#ffffff 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;}.glass-card *{font-family:"Rubik Maze",system-ui,sans-serif;}.glass-card{background:rgba(255,255,255,0.03);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:30px;border:1px solid rgba(255,255,255,0.08);box-shadow:0 15px 35px rgba(0,0,0,0.8),inset 0 0 1px rgba(255,255,255,0.1);padding:28px 25px 23px 25px;width:100%;height:100%;text-align:center;}@keyframes glassAppear{from{opacity:0;transform:scale(0.9) translateY(20px);filter:blur(15px);}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0);}}.avatar-container{position:relative;width:110px;height:110px;margin:0 auto 15px;}.avatar-container::before{content:'';position:absolute;top:-4%;left:-4%;right:-4%;bottom:-4%;background:linear-gradient(45deg,#ffffff,#444444);border-radius:50%;z-index:-1;filter:blur(12px);opacity:0.6;transition:opacity 0.5s ease;}.avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.5);box-shadow:0 8px 25px rgba(0,0,0,0.8);transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1);}.avatar-container:hover .avatar{transform:scale(1.05);}.avatar-container:hover::before{opacity:0.9;}h1{font-size:26px;font-weight:normal;margin-bottom:2px;letter-spacing:1px;text-shadow:0 2px 10px rgba(255,255,255,0.3);}.username{font-size:14px;color:#a3a3a3;font-weight:normal;margin-bottom:15px;letter-spacing:1px;}.bio{font-size:14px;color:#d4d4d4;line-height:1.6;margin-bottom:25px;font-weight:normal;}.links-container{display:flex;flex-direction:column;gap:12px;}.link-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.25);border-radius:18px;color:#ffffff;text-decoration:none;font-size:15px;font-weight:normal;transition:all 0.3s cubic-bezier(0.2,0.8,0.2,1);cursor:pointer;}.link-item:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.4);}.icon{width:36px;height:36px;padding:7px;border-radius:50%;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);fill:currentColor;flex-shrink:0;transition:background 0.3s ease,border-color 0.3s ease,transform 0.3s ease;}.link-item:hover .icon{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.25);transform:scale(1.05);}.expand-container{display:flex;flex-direction:column;align-items:flex-start;margin-top:18px;width:100%;}.expand-btn{background:none;border:none;cursor:pointer;padding:5px 0;display:flex;align-items:center;gap:6px;outline:none;color:#9ca3af;font-size:14px;font-weight:normal;transition:color 0.3s ease;}.expand-btn svg{width:32px;height:32px;padding:6px;border-radius:50%;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);fill:currentColor;transition:transform 0.3s ease,background 0.3s ease;}.expand-btn:hover{color:#ffffff;}.expand-btn.active svg{transform:rotate(180deg);}.expand-content{display:none;align-items:center;margin-top:10px;padding:12px 16px;background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1);border-radius:14px;color:#e5e5e5;font-size:14px;width:100%;text-align:left;}.expand-content.show{display:flex;animation:fadeIn 0.3s ease;}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px);}to{opacity:1;transform:translateY(0);}}.inline-icon{width:22px;height:22px;padding:2px;border-radius:50%;background:rgba(255,255,255,0.07);display:inline-block;vertical-align:middle;margin-right:6px;position:relative;top:-3px;flex-shrink:0;}.footer{margin-top:25px;font-size:10px;color:rgba(255,255,255,0.6);letter-spacing:2px;text-transform:uppercase;font-weight:normal;text-shadow:0 1px 3px rgba(0,0,0,0.5);}.card-footer-icons{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:15px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.05);}.bottom-icon-link{color:#ffffff;opacity:0.6;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;}.bottom-icon-link:hover{opacity:1;transform:scale(1.1) translateY(-1px);filter:drop-shadow(0 3px 6px rgba(255,255,255,0.3));}.bottom-icon-svg{width:40px;height:40px;padding:8px;border-radius:50%;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);fill:currentColor;transition:background 0.3s ease,border-color 0.3s ease;}.bottom-player-wrapper{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:420px;z-index:999;}.player-gradient-wrap{padding:2px;border-radius:26px;background:linear-gradient(135deg,#ffffff 0%,#111111 50%,#ffffff 100%);box-shadow:0 15px 40px rgba(0,0,0,0.9);animation:playerSlideUp 1s cubic-bezier(0.2,0.8,0.2,1) forwards;animation-delay:0.2s;opacity:0;transform:translateY(100px);}.bottom-player{width:100%;background:rgba(12,12,12,0.6);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:24px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;position:relative;}@keyframes playerSlideUp{to{transform:translateY(0);opacity:1;}}.player-controls{display:flex;align-items:center;gap:12px;width:100%;}.play-pause-btn{background:#ffffff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000000;transition:all 0.3s cubic-bezier(0.2,0.8,0.2,1);flex-shrink:0;box-shadow:0 4px 15px rgba(255,255,255,0.2);}.play-pause-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(255,255,255,0.4);}.play-pause-btn svg{width:18px;height:18px;fill:currentColor;}.track-meta{display:flex;flex-direction:column;overflow:hidden;flex:1 1 auto;margin-right:5px;min-width:0;}.track-name{font-family:"Rubik Maze",system-ui,sans-serif;font-size:14px;font-weight:normal;color:#ffffff;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 5px rgba(0,0,0,0.8);}.track-status{font-family:"Rubik Maze",system-ui,sans-serif;font-size:11px;color:#a1a1aa;margin-top:2px;font-weight:normal;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.extra-controls{display:flex;gap:6px;align-items:center;flex-shrink:0;margin-right:5px;}.icon-btn{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.1);color:#a1a1aa;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all 0.3s ease;padding:0;display:flex;align-items:center;justify-content:center;outline:none;}.icon-btn:hover{color:#fff;transform:scale(1.1);}.icon-btn.active{color:#ffffff;filter:drop-shadow(0 0 4px rgba(255,255,255,0.6));}.icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}.volume-control-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0;opacity:0.7;transition:opacity 0.3s ease;}.volume-control-wrap:hover{opacity:1;}.volume-btn{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.1);padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff;width:32px;height:32px;border-radius:50%;flex-shrink:0;outline:none;transition:transform 0.2s ease,background 0.3s ease;}.volume-btn:hover{transform:scale(1.1);}.vol-svg{width:18px;height:18px;}.volume-slider{-webkit-appearance:none;width:60px;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;outline:none;opacity:0;transition:all 0.3s ease;cursor:pointer;}.volume-control-wrap:hover .volume-slider{opacity:1;width:60px;}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#ffffff;border-radius:50%;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,0.5);transition:transform 0.2s ease;}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);}.volume-slider::-webkit-slider-thumb:active{transform:scale(1.1);background:#aaaaaa;}.playlist-toggle-btn{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:50%;width:36px;height:36px;cursor:pointer;color:#fff;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;}.playlist-toggle-btn:hover{background:rgba(255,255,255,0.2);transform:scale(1.05);border-color:rgba(255,255,255,0.3);}.playlist-toggle-btn svg{width:20px;height:20px;fill:currentColor;}.playlist-menu{position:absolute;bottom:85px;left:0;width:100%;max-height:280px;background:rgba(10,10,10,0.85);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border:1px solid rgba(255,255,255,0.15);border-top:1px solid rgba(255,255,255,0.3);border-radius:20px;overflow-y:auto;display:none;flex-direction:column;padding:8px 0;box-shadow:0 15px 40px rgba(0,0,0,0.9);z-index:1000;}.playlist-menu.show{display:flex;animation:menuFadeIn 0.25s cubic-bezier(0.2,0.8,0.2,1);}@keyframes menuFadeIn{from{opacity:0;transform:translateY(10px) scale(0.98);}to{opacity:1;transform:translateY(0) scale(1);}}.playlist-item{font-family:"Rubik Maze",system-ui,sans-serif;padding:14px 20px;font-size:14px;color:#a1a1aa;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid rgba(255,255,255,0.05);flex-shrink:0;min-height:44px;line-height:1.2;}.playlist-item:last-child{border-bottom:none;}.playlist-item:hover{background:rgba(255,255,255,0.1);color:#fff;padding-left:25px;}.playlist-item.active{color:#fff;font-weight:normal;background:rgba(255,255,255,0.08);border-left:4px solid #ffffff;padding-left:20px;}.playlist-menu::-webkit-scrollbar{width:5px;}.playlist-menu::-webkit-scrollbar-track{background:transparent;margin:10px 0;}.playlist-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.25);border-radius:10px;}