*{margin:0;padding:0;box-sizing:border-box;cursor:none!important;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}::after,::before,input[type=range]{cursor:none!important}::-webkit-slider-thumb{cursor:none!important}::-moz-range-thumb{cursor:none!important}::-webkit-slider-runnable-track{cursor:none!important}.cursor-dot,.cursor-outline{position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:9999999;pointer-events:none}.cursor-dot{width:6px;height:6px;background-color:#fff;box-shadow:0 0 10px rgba(255,255,255,.8);transition:transform .15s cubic-bezier(.2, 1, .3, 1)}.cursor-outline{width:32px;height:32px;border:1px solid rgba(138,43,226,.6);background-color:rgba(138,43,226,.1);box-shadow:0 0 15px rgba(138,43,226,.4);transition:width .2s ease,height .2s ease,background-color .2s ease,transform .15s cubic-bezier(.2, 1, .3, 1)}.cursor-outline.hover{width:55px;height:55px;background-color:rgba(138,43,226,.3);border-color:rgba(138,43,226,.8);box-shadow:0 0 25px rgba(138,43,226,.6)}.cursor-outline.click{transform:translate(-50%,-50%) scale(.7);background-color:rgba(138,43,226,.5)}.cursor-dot.click{transform:translate(-50%,-50%) scale(1.5)}body{background-color:#08040d;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,sans-serif}#enter-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#050208;z-index:9999;display:flex;justify-content:center;align-items:center;color:#fff;font-family:"Courier New",monospace;font-size:16px;transition:opacity .5s ease,visibility .5s ease}#enter-screen span{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #fff;width:18ch;animation:typing 1.5s steps(18,end),blink-cursor .75s step-end infinite}@keyframes typing{from{width:0}to{width:18ch}}@keyframes blink-cursor{from,to{border-color:transparent}50%{border-color:#fff}}#enter-screen.hidden{opacity:0;visibility:hidden}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;transition:opacity .4s ease}.card{width:450px;background:linear-gradient(135deg,rgba(138,43,226,.18),rgba(0,0,0,.8));backdrop-filter:blur(24px);border-radius:24px;border:1px solid rgba(138,43,226,.25);padding:20px 24px;color:#e8e8e8;box-shadow:0 15px 50px rgba(0,0,0,.6),inset 0 0 20px rgba(138,43,226,.1);position:relative;overflow:visible;transition:transform .4s ease-out}.title{font-family:Inter,sans-serif;color:#fff;font-size:32px;font-weight:800;text-transform:uppercase;letter-spacing:3px;text-align:center;margin-bottom:24px;text-shadow:0 0 12px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.25)}.profile{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,rgba(138,43,226,.12),rgba(0,0,0,.4));padding:10px 16px;border-radius:16px;border:1px solid rgba(138,43,226,.25);margin-bottom:8px;box-shadow:0 8px 24px rgba(138,43,226,.1)}.card img.avatar,.card>img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(138,43,226,.5);box-shadow:0 0 15px rgba(138,43,226,.4)}.theme-btn.active{color:#d8b4fe;background:rgba(138,43,226,.4);box-shadow:0 0 10px rgba(138,43,226,.3)}.particle-controls{display:flex;gap:6px;background:rgba(0,0,0,.3);padding:4px;border-radius:12px;border:1px solid rgba(138,43,226,.2)}.control-wrapper{position:relative}.control-popover{position:absolute;top:130%;left:50%;transform:translateX(-50%) translateY(10px);background:rgba(10,10,10,.95);border:1px solid rgba(138,43,226,.3);border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;box-shadow:0 5px 15px rgba(0,0,0,.5)}.control-popover.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.control-popover span{font-size:11px;color:#a0a0a0;padding:4px 10px;border-radius:4px;cursor:pointer;text-align:center;font-weight:700;transition:all .2s}.control-popover span:hover{background:rgba(138,43,226,.2);color:#fff}.control-popover span.active{background:rgba(138,43,226,.4);color:#d8b4fe}.user-info{display:flex;flex-direction:column;gap:3px}.nickname{background:linear-gradient(90deg,#d8b4fe,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:19px;font-weight:700;margin:0}.status{font-size:11.5px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:#7e7e7e;margin:0}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(138,43,226,.4),transparent);border:none;margin:16px 0;box-shadow:0 0 5px rgba(138,43,226,.2)}.player{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(0,0,0,.2));border-radius:20px;padding:14px 16px 12px;border:1px solid rgba(138,43,226,.3);box-shadow:0 4px 20px rgba(138,43,226,.08);margin-top:4px;transition:all .3s ease}.player:hover{border-color:rgba(138,43,226,.5);box-shadow:0 4px 25px rgba(138,43,226,.15)}.player-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}.cover{width:52px;height:52px;border-radius:12px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(138,43,226,.3);box-shadow:0 0 10px rgba(138,43,226,.2);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.player:hover .cover{box-shadow:0 0 15px rgba(138,43,226,.4)}#track-cover,.cover img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.track-info{flex:1;min-width:0}.track-title{font-size:14.5px;font-weight:600;color:#fff;margin:0 0 3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:12.5px;color:#8a8a8a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-eq{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:14px;opacity:.3;transition:opacity .3s ease;margin-left:auto}.music-eq.playing{opacity:1}.music-eq .bar{width:3px;height:100%;background-color:#fff;border-radius:2px;transform-origin:bottom;transform:scaleY(.2);box-shadow:0 0 5px rgba(255,255,255,.3)}.progress-container{display:flex;align-items:center;gap:10px;margin-bottom:12px;width:100%}#current-time,#duration{font-size:11.5px;color:#8a8a8a;min-width:34px;font-variant-numeric:tabular-nums;font-weight:500;flex-shrink:0}#current-time{text-align:right}#duration{text-align:left}#seek-slider{-webkit-appearance:none;flex-grow:1;height:6px;background:rgba(255,255,255,.1);border-radius:3px;outline:0;cursor:pointer;transition:background .1s}#seek-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 10px rgba(138,43,226,.8);opacity:0;transition:opacity .2s}#seek-slider:hover::-webkit-slider-thumb{opacity:1}#seek-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 10px rgba(138,43,226,.8);border:none;opacity:0;transition:opacity .2s}#seek-slider:hover::-moz-range-thumb{opacity:1}.ctrl-btn.active{color:#d8b4fe;text-shadow:0 0 10px #8a2be2}#loop-btn{position:relative}.loop-one-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-.5px;margin-left:.5px;font-family:Poppins,sans-serif;font-size:9px;font-weight:900;display:none;pointer-events:none}#loop-btn.active .loop-one-indicator{display:block}.controls{display:flex;justify-content:center;align-items:center;gap:28px}body::before{content:"";position:absolute;top:0;left:0;width:100vw;height:100vh;background:url("../img/avatar.jpg") no-repeat center center;background-size:cover;opacity:.12;z-index:-2;filter:blur(4px)}.ctrl-btn{background:0 0;border:none;color:#e0e0e0;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%}.ctrl-btn:hover{color:#d8b4fe;transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(138, 43, 226, .6))}.ctrl-btn:active{transform:scale(.95)}.play-btn{color:#fff;position:relative;width:40px;height:40px}.play-btn svg{filter:drop-shadow(0 0 6px rgba(255, 255, 255, .25));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .25s ease,transform .25s ease}.play-btn svg.hidden{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-45deg);pointer-events:none}.volume{position:relative;display:inline-flex;align-items:center;margin-top:14px}#volume-slider{width:0;opacity:0;margin-left:0;overflow:hidden;transition:width .25s ease,opacity .25s ease,margin-left .25s ease;appearance:none;height:6px;border-radius:10px;background:rgba(138,43,226,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.volume.show #volume-slider{width:90px;opacity:1;margin-left:10px}#volume-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(138,43,226,.6)}#volume-slider::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(138,43,226,.6)}@keyframes siteLoad{0%{transform:scale(.1);opacity:0}100%{transform:scale(1);opacity:1}}.wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;animation:siteLoad .6s cubic-bezier(.16,1,.3,1) forwards}.time{font-size:65px;font-weight:800;text-align:center;color:#fff;margin:0;text-shadow:0 0 20px rgba(255,255,255,.3)}.date{font-size:20px;font-weight:600;color:#a0a0a0;text-align:center;margin:-10px 0 0 0;text-transform:uppercase;letter-spacing:1px}.socials{display:flex;justify-content:center;gap:16px;margin-top:8px}.socials a{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,0,0,.2));border:1px solid rgba(138,43,226,.2);color:#e0e0e0;font-size:20px;text-decoration:none;transition:all .25s ease}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(5px);background:linear-gradient(135deg,rgba(138,43,226,.2),rgba(0,0,0,.8));backdrop-filter:blur(12px);border:1px solid rgba(138,43,226,.4);box-shadow:0 4px 15px rgba(0,0,0,.5),inset 0 0 10px rgba(138,43,226,.2);color:#fff;padding:10px 18px;border-radius:8px;font-size:11px;font-weight:700;font-family:Inter,sans-serif;letter-spacing:1.5px;white-space:nowrap;width:max-content;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.34, 1.56, .64, 1);pointer-events:none;text-transform:uppercase;z-index:100}[data-tooltip]:hover::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.socials a:hover{color:#fff;border-color:transparent;transform:translateY(-3px) scale(1.05)}#telegram{color:#229ed9}#telegram:hover{background:#229ed9;color:#fff;box-shadow:0 6px 15px rgba(34,158,217,.5)}#discord{color:#5865f2}#discord:hover{background:#5865f2;color:#fff;box-shadow:0 6px 15px rgba(88,101,242,.5)}#github{color:#fff}#github:hover{background:#fff;color:#0d0d0d;box-shadow:0 6px 15px rgba(255,255,255,.5)}#steam{color:#66c0f4}#steam:hover{background:#66c0f4;color:#0d0d0d;box-shadow:0 6px 15px rgba(102,192,244,.5)}.Info{background:linear-gradient(135deg,rgba(138,43,226,.15),rgba(0,0,0,.4));border:1px solid rgba(138,43,226,.3);padding:8px 24px;border-radius:24px;margin-top:15px;text-align:center;font-family:"Courier New",monospace;font-weight:700;letter-spacing:2px;color:#d8b4fe;transition:all .3s ease;box-shadow:0 4px 15px rgba(138,43,226,.1);text-transform:uppercase;font-size:13px}.Info:hover{background:linear-gradient(135deg,rgba(138,43,226,.3),rgba(0,0,0,.5));box-shadow:0 6px 20px rgba(138,43,226,.3);color:#fff;transform:translateY(-2px)}.info-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.info-overlay.active{opacity:1;visibility:visible}.info{width:450px;background:linear-gradient(135deg,rgba(138,43,226,.22),rgba(0,0,0,.85));backdrop-filter:blur(25px);border-radius:24px;border:1px solid rgba(138,43,226,.25);padding:28px 24px;color:#e8e8e8;box-shadow:0 15px 50px rgba(0,0,0,.7),inset 0 0 20px rgba(138,43,226,.1);position:absolute;top:50%;left:50%;transform:translate(calc(-50% + var(--origin-x,0px)),calc(-50% + var(--origin-y,200px))) scale(.1);opacity:0;overflow:hidden;transition:transform .4s cubic-bezier(.34, 1.56, .64, 1),opacity .3s ease}.info-overlay.active .info{transform:translate(-50%,-50%) scale(1);opacity:1}.close-btn{position:relative;position:absolute;top:16px;right:16px;background:0 0;border:none;color:#8a8a8a;font-size:20px;transition:color .2s}.close-btn:hover{color:#fff}.whoiam{text-align:center;font-weight:700;font-size:35px;margin-top:10px}.who-am-i{font-family:"Courier New",monospace;font-size:15px;margin-top:10px;letter-spacing:4px;font-weight:700;color:transparent;text-shadow:0 0 1px rgba(255,255,255,.5),0 0 4px rgba(255,255,255,.5)}.typing-text{font-family:"Courier New",monospace;margin-top:10px}.nickname-wrapper{display:flex;align-items:center;gap:12px}.theme-selector{display:flex;gap:6px;background:rgba(255,255,255,.05);padding:4px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.volume-icon i{position:absolute;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:scale(.8)}.volume-icon i.active{opacity:1;transform:scale(1)}.theme-btn{font-size:13px;color:#fff;opacity:.4;transition:opacity .2s,transform .2s,color .2s}.theme-btn:hover{opacity:.8;transform:scale(1.15);color:#d8b4fe}.theme-btn.active{opacity:1;transform:scale(1.15);color:#8a2be2;filter:drop-shadow(0 0 8px rgba(138, 43, 226, .6))}.projects{text-align:center;font-family:"Courier New",monospace;font-size:15px;margin-top:30px;letter-spacing:4px;font-weight:700;color:transparent;text-shadow:0 0 1px rgba(255,255,255,.5),0 0 4px rgba(255,255,255,.5)}.project-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(138,43,226,.1),rgba(0,0,0,.3));border:1px solid rgba(138,43,226,.2);border-radius:12px;padding:10px 14px;margin:15px auto 0 auto;width:90%;max-width:350px;transition:all .3s ease}.project-card:hover{background:linear-gradient(135deg,rgba(138,43,226,.2),rgba(0,0,0,.4));border-color:rgba(138,43,226,.4);box-shadow:0 4px 15px rgba(138,43,226,.15);transform:translateY(-2px)}.project-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border-radius:6px;color:#0d0d0d;font-size:14px}.project-title{flex-grow:1;margin-left:12px;font-family:"Courier New",monospace;font-size:13px;font-weight:700;color:#fff;text-align:left}.project-badge{font-family:"Courier New",monospace;font-size:10px;font-weight:700;color:#ff6b6b;border:1px solid rgba(255,107,107,.4);padding:4px 8px;border-radius:4px;letter-spacing:1px}.card-wide{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,rgba(138,43,226,.1),rgba(0,0,0,.3));border:1px solid rgba(138,43,226,.2);border-radius:16px;padding:14px 16px;margin-top:20px;transition:all .3s ease}.card-wide:hover{background:linear-gradient(135deg,rgba(138,43,226,.2),rgba(0,0,0,.4));border-color:rgba(138,43,226,.4);box-shadow:0 4px 15px rgba(138,43,226,.15);transform:translateY(-2px)}.act-img{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#1a1a1a;border:1px solid rgba(138,43,226,.3);box-shadow:0 0 10px rgba(138,43,226,.2);flex-shrink:0}.status-info{display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0}.status-title{font-size:14.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-subtitle{font-size:12.5px;color:#8a8a8a;display:flex;align-items:center;gap:6px}.status-dot{width:7px;height:7px;background:#57f287;border-radius:50%;display:inline-block;box-shadow:0 0 6px rgba(87,242,135,.5)}.status-time{font-size:11.5px;color:#6a6a6a;font-variant-numeric:tabular-nums;margin-top:1px}.ACTIONS{text-align:center;font-family:"Courier New",monospace;font-size:15px;margin-top:30px;letter-spacing:4px;font-weight:700;color:transparent;text-shadow:0 0 1px rgba(255,255,255,.5),0 0 4px rgba(255,255,255,.5)}.track-notification{position:fixed;top:24px;left:50%;background:linear-gradient(135deg,rgba(138,43,226,.18),rgba(0,0,0,.75));backdrop-filter:blur(24px);border:1px solid rgba(138,43,226,.3);border-radius:16px;padding:12px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 0 15px rgba(138,43,226,.1);z-index:999999;transform:translate(-50%,-150%);opacity:0;transition:transform .6s cubic-bezier(.34, 1.56, .64, 1),opacity .4s ease;font-family:Inter,sans-serif}.track-notification.show{transform:translate(-50%,0);opacity:1}.track-notification img{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.track-notification-info{display:flex;flex-direction:column;gap:3px}.track-notification-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#8a2be2;font-weight:700}.track-notification-title{font-size:14.5px;color:#fff;font-weight:600;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-notification-artist{font-size:12.5px;color:#8a8a8a;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.volume-icon{position:relative;font-size:14px;color:#fff;cursor:pointer;width:20px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center}[data-tooltip].tooltip-bottom::after{bottom:auto!important;top:calc(100% + 10px)!important;transform:translateX(-50%) translateY(-5px)!important}[data-tooltip].tooltip-bottom:hover::after{transform:translateX(-50%) translateY(0)!important}@media screen and (max-width:500px){.card{width:90%!important;padding:15px!important}.themes-container{flex-wrap:wrap;justify-content:center}.themes{flex-wrap:wrap;justify-content:center;gap:4px}.particle-controls{flex-wrap:wrap;justify-content:center;gap:4px}.socials{gap:8px;flex-wrap:wrap;justify-content:center}.card-wide{flex-direction:column;text-align:center}}@media screen and (max-width:500px){body{overflow-x:hidden}.card{width:95%!important;max-width:100%!important;padding:15px!important;margin:10px auto!important;box-sizing:border-box}.info{width:95%!important;max-width:100%!important;max-height:85vh!important;overflow-y:auto!important;padding:15px!important;box-sizing:border-box}.themes-container{flex-wrap:wrap!important;justify-content:center!important}.themes{flex-wrap:wrap!important;justify-content:center!important;gap:4px!important}.particle-controls{flex-wrap:wrap!important;justify-content:center!important;gap:4px!important}.socials{gap:8px!important;flex-wrap:wrap!important;justify-content:center!important}.card-wide{flex-direction:column!important;text-align:center!important;padding:10px!important}.status-info{text-align:center!important}}@media screen and (max-width:500px){.themes-container{flex-direction:column!important;align-items:center!important;gap:8px!important}}.track-artist,.track-title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}.track-info{max-width:calc(100% - 70px)!important}.player-top{overflow:hidden!important}