.background{filter:blur(4px);z-index:-2;background-image:url(/img/background.jpg);background-position:50%;background-size:cover;width:100%;height:100vh;position:fixed;top:0;left:0;transform:scale(1.1)}html,body,#root{width:100%;min-height:100%;margin:0}#root{justify-content:center;align-items:center;min-height:100dvh;display:flex}*{-webkit-tap-highlight-color:transparent}.card{box-sizing:border-box;opacity:0;background:linear-gradient(#0b0b0f 0%,#15151b 35%,#5f5f67 65%,#66666d 100%) padding-box padding-box,linear-gradient(#1f1f29 0%,#434352 35%,#8e8e9a 65%,#8a8a93 100%) border-box;border:3px solid #0000;border-radius:28px;width:min(420px,100vw - 24px);min-height:760px;margin:20px auto 24px;animation:.7s ease-out .1s forwards cardEnter;position:relative;overflow:hidden;transform:translateY(18px);box-shadow:0 20px 60px #00000073}@media (width<=768px){html,body,#root{width:100%;height:100%;overflow:hidden}#root{justify-content:center;align-items:flex-start;display:flex}.card{scrollbar-width:none;width:min(420px,100vw - 24px);height:auto;min-height:auto;max-height:calc(100dvh - 24px);margin:12px auto;overflow:hidden auto}.card::-webkit-scrollbar{display:none}}@keyframes cardEnter{to{opacity:1;transform:translateY(0)}}.profile-effect{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.profile-effect-layer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.banner{height:170px;position:relative;overflow:hidden}.banner-video{object-fit:cover;width:100%;height:100%}.banner-overlay{filter:blur(8px);pointer-events:none;z-index:4;background:#0f0f14;height:35px;position:absolute;top:152px;left:-10px;right:-10px}.avatar{z-index:5;background:#222;border:2px solid #222;border-radius:50%;width:110px;height:110px;position:absolute;top:105px;left:50%;overflow:visible;transform:translate(-50%)}.avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.avatar-decoration{object-fit:contain;pointer-events:none;z-index:2;width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.discord-status{box-sizing:border-box;z-index:3;border:4px solid #0b0b0f;border-radius:50%;width:26px;height:26px;position:absolute;bottom:0;right:0}.discord-status.online{background:#23a559}.discord-status.idle{background:#f0b232}.discord-status.dnd{background:#f23f43}.discord-status.offline{background:#80848e}.user-info{text-align:center;color:#fff;margin-top:64px;padding:0 16px}.user-header{justify-content:center;align-items:baseline;gap:8px;display:flex}.user-info h2{margin:0;font-size:clamp(23px,4.5vw,30px);font-weight:700}.user-info span{color:#d1d2d4;font-size:clamp(15px,3.2vw,18px);font-weight:500}.social{justify-content:center;gap:8px;margin-top:18px;display:flex}.social-box{cursor:pointer;background:#2f3136;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:23px;height:23px;transition:all .3s;display:flex}.social-box img,.social-box svg{object-fit:contain;width:22px;height:22px}.social-box:hover{background:#3b3d42;transform:translateY(-3px)}.tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#111;border-radius:6px;padding:6px 10px;font-size:12px;transition:all .25s;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.social-box:hover .tooltip{opacity:1}.profile-info{text-align:center;margin-top:24px;padding:0 clamp(16px,5vw,32px)}.profile-section{margin-bottom:14px}.profile-title{color:#b9bbbe;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:13px;font-weight:600}.profile-link{color:#5da9ff;margin-bottom:9px;font-size:15px;text-decoration:none;transition:color .2s;display:inline-block}.profile-link:hover{color:#84c1ff;text-decoration:underline}.profile-text{color:#dcddde;margin:0;font-size:15px;line-height:1.4}.social-links{justify-content:center;gap:clamp(12px,4vw,18px);margin-top:12px;display:flex}.social-item{color:#e8e8e8;background:linear-gradient(135deg,#00000029 0%,#ffffff0a 50%,#ffffff24 100%);border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;width:43px;height:43px;font-size:28px;text-decoration:none;transition:all .3s;display:flex;box-shadow:inset 0 1px #ffffff0d,0 5px 10px #00000026}.social-item:hover{background:#ffffff26;transform:translateY(-4px)}@media (width<=480px){.card{border-radius:20px;min-height:auto}.banner{height:140px}.avatar{width:98px;height:98px;top:88px}.user-info{margin-top:61px}.profile-info{margin-top:20px}.banner-overlay{filter:blur(8px);pointer-events:none;z-index:4;background:#0f0f14;height:35px;position:absolute;top:122px;left:-10px;right:-10px}}.music-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;background:linear-gradient(#ffffff47,#ffffff26);border:1px solid #ffffff40;border-radius:18px;align-items:center;gap:11px;width:min(380px,100% - 32px);max-width:100%;margin:24px auto 20px;padding:11px 13px;display:flex;box-shadow:inset 0 1px #ffffff59,0 12px 30px #0003}.album{object-fit:cover;border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;width:58px;height:58px;box-shadow:0 6px 15px #00000059}.album.rotate{animation:8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-info{flex:1;min-width:0}.music-info h2{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;overflow:hidden}.music-info p{color:#ececec;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:13px;overflow:hidden}.progress{appearance:none;cursor:pointer;background:linear-gradient(to right, #c8cbc9 0%, #bababe var(--progress), #ffffff26 var(--progress), #ffffff26 100%);border-radius:10px;outline:none;width:100%;height:5px;box-shadow:inset 0 1px 2px #00000040,inset 0 -1px 1px #ffffff14}.progress::-webkit-slider-thumb{appearance:none;width:0;height:0}.progress::-moz-range-thumb{border:none;width:0;height:0}.time{color:#ddd;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.controls{align-items:center;gap:5px;transition:width .3s;display:flex}.btn{color:#fff;cursor:pointer;opacity:.85;background:0 0;border:none;font-size:20px;transition:all .25s}.btn:hover{opacity:1;transform:scale(1.1)}.play{color:#222;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;font-size:18px;transition:all .25s;display:flex;box-shadow:0 8px 18px #00000040}.play svg{transform:translate(1px)}.play:hover{transform:scale(1.05)}.volume{align-items:center;width:30px;transition:width .3s;display:flex;position:relative}.volume:hover{width:105px}.volume .btn{z-index:2;flex-shrink:0;position:relative}.volume-slider{transform-origin:100%;appearance:none;background:linear-gradient(to right, #abd7ce 0%, #76b6cf var(--volume), #ffffff40 var(--volume), #ffffff40 100%);opacity:0;pointer-events:none;border-radius:10px;width:75px;height:5px;transition:transform .3s,opacity .2s;position:absolute;top:50%;right:-4px;transform:translateY(calc(-50% - 2px))scaleX(0);box-shadow:inset 0 1px 2px #00000040,inset 0 -1px 1px #ffffff14}.volume:hover .volume-slider{opacity:1;pointer-events:auto;transform:translateY(calc(-50% - 4px))scaleX(1)}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}@media (width<=420px){.music-card{flex-wrap:wrap;justify-content:center}.music-info{width:100%}.controls{margin-top:6px}.volume{display:none}}.contact{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;box-sizing:border-box;background:#ffffff1f;border:1px solid #fff3;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:calc(100% - 32px);max-width:100%;height:58px;margin:20px 16px;transition:all .3s;display:flex}.contact:hover{background:#ffffff2e;transform:translateY(-3px)}.contact span{color:#fff;font-size:22px;font-weight:600}.contact-icon{color:#fff;font-size:24px;transition:transform .25s}.contact:hover .contact-icon{transform:rotate(13deg)}.game-presence{box-sizing:border-box;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;width:calc(100% - 32px);margin:18px auto 0;overflow:hidden}.game-header{box-sizing:border-box;color:#c8c8ce;letter-spacing:1px;background:#ffffff0d;border-bottom:1px solid #ffffff14;align-items:center;gap:9px;height:42px;padding:0 18px;font-size:11px;font-weight:700;display:flex}.playing-dot{background:#ff3b45;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #ff3b4580}.game-content{align-items:center;gap:14px;padding:12px 18px;display:flex}.game-icon{background:#ffffff1a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:34px;display:flex;box-shadow:0 8px 18px #00000026}.game-info{flex-direction:column;gap:3px;min-width:0;display:flex}.game-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.game-details{color:#d2d2d6;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.game-state{color:#c1c1c7;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.game-elapsed{box-sizing:border-box;color:#d0d0d5;background:#0000002e;border-top:1px solid #ffffff14;align-items:center;gap:8px;height:38px;padding:0 18px;font-size:13px;font-weight:600;display:flex}.elapsed-dot{background:#111318;border-radius:50%;width:9px;height:9px}.clock-widget{box-sizing:border-box;color:#f5f5f5;background:linear-gradient(#ffffff47,#ffffff26);border:1px solid #ffffff40;border-radius:18px;align-items:center;gap:20px;width:min(520px,100% - 32px);max-width:100%;margin:24px auto 20px;padding:12px 16px;display:flex;box-shadow:inset 0 1px #ffffff59,0 12px 30px #0003}.analog-clock{box-sizing:border-box;background:#eee;border:2px solid #ffffffb3;border-radius:50%;flex:0 0 80px;width:80px;height:80px;position:relative;box-shadow:0 5px 15px #00000040,inset 0 0 8px #0000001f}.clock-tick{transform-origin:1px 36px;background:#999;border-radius:2px;width:2px;height:7px;margin-left:-1px;position:absolute;top:4px;left:50%}.clock-tick:first-child,.clock-tick:nth-child(4),.clock-tick:nth-child(7),.clock-tick:nth-child(10){background:#666;width:3px;height:10px;margin-left:-1.5px}.clock-hand{transform-origin:50% 100%;border-radius:999px;position:absolute;bottom:50%;left:50%}.clock-hour{background:#222;width:4px;height:20px;margin-left:-2px}.clock-minute{background:#222;width:3px;height:28px;margin-left:-1.5px}.clock-second{background:#777;width:2px;height:32px;margin-left:-1px}.clock-center{background:#222;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff40}.clock-info{text-shadow:0 2px 3px #00000040;flex-direction:column;justify-content:center;min-width:0;display:flex}.clock-city{margin-bottom:5px;font-size:20px;font-weight:700;line-height:1.1}.clock-time{letter-spacing:.5px;font-variant-numeric:tabular-nums;margin-bottom:5px;font-size:20px;font-weight:800;line-height:1}.clock-date{color:#ffffffd9;white-space:nowrap;align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.clock-separator{opacity:.65}.clock-weather{color:#f5f5f5;text-shadow:0 2px 3px #00000040;flex-shrink:0;align-items:center;gap:14px;margin-left:auto;display:flex}.weather-temperature{white-space:nowrap;font-size:20px;font-weight:700;line-height:1}.weather-details{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.weather-detail{text-align:center;flex-direction:column;align-items:center;line-height:1.1;display:flex}.weather-label{color:#fffc;font-size:11px;font-weight:400}.weather-value{white-space:nowrap;margin-top:3px;font-size:11px;font-weight:600}@media (width<=600px){.clock-widget{gap:10px;width:calc(100% - 32px);max-width:380px;margin:16px auto;padding:11px 12px}.analog-clock{flex-basis:76px;width:76px;height:76px}.clock-tick{transform-origin:1px 34px;top:4px}.clock-hour{height:21px}.clock-minute{height:29px}.clock-second{height:32px}.clock-info{flex:auto;overflow:hidden}.clock-city{font-size:13px}.clock-time{letter-spacing:-.3px;font-size:18px}.clock-date{font-size:11px}.clock-weather{flex:none;gap:7px}.weather-temperature{font-size:16px}.weather-value,.weather-label{font-size:9px}}@media (width<=380px){.clock-widget{gap:7px;padding:9px 10px}.analog-clock{flex-basis:66px;width:66px;height:66px}.clock-tick{transform-origin:1px 30px;top:3px}.clock-hour{height:18px}.clock-minute{height:25px}.clock-second{height:28px}.clock-city{font-size:12px}.clock-time{letter-spacing:-.5px;font-size:16px}.clock-date{font-size:10px}.clock-weather{gap:5px}.weather-temperature{font-size:14px}.weather-value,.weather-label{font-size:8px}}@media (width<=340px){.clock-widget{gap:6px;padding:8px}.analog-clock{flex-basis:58px;width:58px;height:58px}.clock-tick{transform-origin:1px 26px}.clock-hour{height:16px}.clock-minute{height:22px}.clock-second{height:25px}.clock-city{font-size:11px}.clock-time{font-size:14px}.clock-date{font-size:9px}.clock-weather{flex-direction:column;align-items:flex-start;gap:3px}.weather-temperature{font-size:13px}.weather-details{flex-direction:row;gap:6px}.weather-value,.weather-label{font-size:8px}}.space-loader{z-index:99999;background:linear-gradient(#08081073,#080810a6),url(/img/background.jpg) 50%/cover no-repeat;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.astronaut{width:70px;height:90px;animation:4s ease-in-out infinite float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.astronaut-helmet{background:linear-gradient(145deg,#fff,#e6e6e6);border-radius:50%;width:45px;height:45px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset -3px -3px 8px #0003,2px 2px 4px #ffffff1a}.helmet-glass{background:linear-gradient(135deg,#0ff3,#0000ff1a);border-radius:50% 50% 45% 45%;width:35px;height:25px;position:absolute;top:12px;left:5px;overflow:hidden}.helmet-inner-glass{border-radius:inherit;background:linear-gradient(135deg,#fff6 0%,#0000 50%,#0000001a 100%);animation:3s ease-in-out infinite glass-shine;position:absolute;inset:2px}.helmet-reflection{background:radial-gradient(circle at 30% 30%,#fffc,#0000 70%);border-radius:50%;width:15px;height:15px;animation:4s ease-in-out infinite reflection-move;position:absolute;top:2px;left:2px}.antenna{background:#ccc;width:3px;height:15px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.antenna:after{content:"";background:#f33;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite blink;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.astronaut-body{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:25px;width:45px;height:55px;position:absolute;top:40px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset -4px -4px 8px #0003,2px 2px 4px #ffffff1a}.suit-pattern{background-color:#0000;background-image:linear-gradient(90deg,#0000 50%,#0000000d 50%),linear-gradient(#0000000d 50%,#0000 50%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:4px 4px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}@keyframes float{0%,to{transform:translate(-50%,-50%)translateY(-10px)rotate(-2deg)}50%{transform:translate(-50%,-50%)translateY(10px)rotate(2deg)}}@keyframes glass-shine{0%,to{opacity:.3;transform:translate(-100%)rotate(-45deg)}50%{opacity:.8;transform:translate(100%)rotate(-45deg)}}@keyframes reflection-move{0%,to{transform:translate(0)}50%{transform:translate(5px,5px)}}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.stars-container{perspective:1000px;position:absolute;inset:0}.stars{background-image:radial-gradient(1px 1px at var(--star-x,50%) var(--star-y,50%), white 100%, transparent);opacity:.8;position:absolute;inset:0}.stars-near{background-size:200px 200px;animation:20s linear infinite stars-rotate}.stars-mid{opacity:.6;background-size:150px 150px;animation:30s linear infinite reverse stars-rotate}.stars-far{opacity:.4;background-size:100px 100px;animation:40s linear infinite stars-rotate}.meteors{position:absolute;inset:0}.meteor{filter:blur(1px);background:#fff;border-radius:50%;width:2px;height:2px;position:absolute}.meteor:after{content:"";background:linear-gradient(270deg,#fff,#0000);width:20px;height:1px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.meteor-1{animation:3s linear infinite meteor-move;top:20%;left:-20%}.meteor-2{animation:4s linear 2s infinite meteor-move;top:40%;left:-20%}.meteor-3{animation:5s linear 1s infinite meteor-move;top:60%;left:-20%}.loading-container{text-align:center;z-index:20;width:min(500px,80vw);position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.loading-progress{background:#ffffff1a;border-radius:2px;width:100%;height:4px;margin-bottom:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#ffffff80,#fffc);border-radius:2px;width:30%;height:100%;animation:2s ease-in-out infinite progress}.loading-progress.complete .progress-bar{background-color:#00ff9d;width:100%;transition:width .8s;animation:none}.loading-text{color:#fffc;letter-spacing:2px;text-shadow:0 0 10px #ffffff4d;font-family:Courier New,monospace;font-size:14px}.click-enter{color:#00ff9d;cursor:pointer;text-shadow:0 0 8px #00ff8880,0 0 18px #00ff8840;font-weight:700;animation:1.5s ease-in-out infinite clickEnterPulse;display:inline-block}@keyframes clickEnterPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes stars-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes meteor-move{0%{opacity:0;transform:translate(0)rotate(45deg)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(400px,400px)rotate(45deg)}}@media (width<=600px){.loading-container{width:min(400px,80vw);bottom:15%}}html,body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}