:root{--bg:#041323;--line:#5bd5ffad;--cyan:#70e5ff;--text:#eaf8ff;--muted:#9bb7c9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(at 50% 12%,#008fbe3d,#0000 42%),radial-gradient(at 15% 80%,#005c972e,#0000 40%),linear-gradient(145deg,#020a13,#061d33 52%,#020b16);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.17;z-index:1;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:4px 4px;position:fixed;inset:0}button,input,textarea{font:inherit}button,a,input[type=range]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.snow{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}.flake{color:#dff8ff;opacity:.65;text-shadow:0 0 9px #8eeaff;-webkit-user-select:none;user-select:none;animation:linear infinite fall;position:absolute;top:-30px}@keyframes fall{to{transform:translate(35px,110vh)rotate(360deg)}}.page{width:min(760px,100% - 28px);margin:26px auto 54px}.topbar{color:var(--muted);letter-spacing:.16em;justify-content:space-between;align-items:center;margin:0 5px 12px;font-size:12px;display:flex}.topbar strong{color:var(--cyan);font-size:13px}.profile{border:1px solid var(--line);background:linear-gradient(#03172be0,#031324f0);border-radius:24px;padding:0 24px 30px;position:relative;box-shadow:0 0 0 1px #62deff1f,0 0 35px #00b2eb1f,inset 0 0 45px #189ecc17}.banner{background-color:#0000;background-image:linear-gradient(#020d190d,#02101ebf),radial-gradient(at 50% 20%,#41c6eb4d,#0000 55%),repeating-linear-gradient(0deg,#0b5871 0 3px,#07314b 3px 6px);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:23px 23px 0 0;height:155px;margin:0 -24px;position:relative;overflow:hidden}.banner:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#5ddcff1a,#0000);animation:6s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{50%{opacity:.35;transform:translate(20%)}}.quick-links{z-index:2;gap:7px;display:flex;position:absolute;top:12px;right:14px}.round-link{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020c17d1;border:1px solid #adefff61;border-radius:50%;place-items:center;width:38px;height:38px;font-size:23px;text-decoration:none;transition:transform .2s;display:grid}.round-link svg{width:22px;height:22px}.round-link:hover{transform:translateY(-3px)}.identity{text-align:center;margin-top:-48px;position:relative}.avatar{object-fit:cover;border:1px solid #7ae6ff8c;border-radius:3px;width:148px;height:148px;box-shadow:0 0 24px #43dbff47}h1{letter-spacing:.07em;margin:18px 0 5px;font-size:clamp(30px,7vw,43px)}.tagline{color:#c4dce9;overflow-wrap:anywhere;margin:0 auto;font-family:Georgia,serif;font-style:italic}.location{color:#b8d0df;margin-top:17px;font-size:15px}.clock{color:#c0d6e4;letter-spacing:.04em;margin-top:8px;font-size:15px}.clock b{color:#f2fbff;font-weight:500}.section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1f33b3;border:1px solid #91cee72b;border-radius:24px;margin-top:25px;padding:21px;box-shadow:inset 0 1px #ffffff09}.status-card{text-align:center;padding:24px 16px}.mini-avatar{object-fit:cover;border:2px solid #9ae8ffbf;border-radius:50%;width:78px;height:78px;box-shadow:0 0 20px #71e2ff73}.status-name{text-shadow:0 0 12px #7deeff;margin:12px 0 3px;font-size:18px;font-weight:750}.status{color:#a9c5d4;font-size:14px}.dot{background:#8b9aa4;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.music-box{background:#dae8f247;border:1.5px solid #eff8ff7a;border-radius:30px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,0 12px 32px #0000002e}.music-box:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff24,#0000 55%,#071a2e1a);position:absolute;inset:0}.music-heading{letter-spacing:.18em;color:#d7edf7;justify-content:space-between;gap:12px;padding:22px 28px 0;font-size:10px;font-weight:700;display:flex}.music-heading span{color:#d7edf780;font-size:9px}.music-player{grid-template-columns:112px minmax(0,1fr) 52px;align-items:center;gap:22px;min-height:170px;padding:20px 28px 28px;display:grid;position:relative}.music-cover{object-fit:cover;border:2px solid #e2f7ffa6;border-radius:16px;width:112px;height:112px;box-shadow:0 0 16px #68deff47}.music-main{min-width:0}.music-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.music-title{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(19px,3.4vw,28px);font-weight:750;overflow:hidden}#musicTime{white-space:nowrap;font:700 19px monospace}.music-progress-wrap{position:relative}#musicProgress{accent-color:#9ee8ff;cursor:pointer;width:100%;height:12px;margin:0}.music-cat{pointer-events:none;font-size:28px;line-height:1;position:absolute;top:-18px;left:0;transform:translate(-45%)}.music-note{color:#d5e7f0;margin:10px 0 0;font-size:11px}.music-toggle{color:#fff;background:0 0;border:0;width:52px;height:64px;padding:0;font-size:42px}.friend{background:linear-gradient(100deg,#09192ce0,#202f44b8);align-items:center;gap:16px;min-height:118px;display:flex}.friend img{object-fit:cover;border:2px solid #ffffff38;border-radius:9px;width:88px;height:88px}.friend strong{overflow-wrap:anywhere;font-family:Georgia,serif;font-size:20px}.friend-eyebrow{color:#7199ad;letter-spacing:.2em;margin-bottom:10px;font-size:9px;display:block}.level{color:#9be6ff;border:1px solid #4c9dbd;border-radius:6px;margin-left:7px;padding:3px 8px;font-size:13px}.socials{justify-content:center;align-items:center;gap:24px;margin:28px auto 0;display:flex}.socials a{width:96px;height:96px;transition:transform .2s;display:block}.socials svg{width:100%;height:100%;display:block}.socials a:hover{transform:translateY(-4px)scale(1.03)}.socials a[aria-disabled=true]{opacity:.38;cursor:default}.footer{text-align:center;color:#6f91a6;letter-spacing:.12em;margin-top:17px;font-size:11px}.view-count{text-align:center;color:#b9d8e8;letter-spacing:.08em;margin-top:20px;font-size:13px}.edit-toggle{color:#dff8ff;background:#09364eb8;border:1px solid #70e5ff73;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:18px 3px 0;padding:10px 16px;font-size:13px;display:inline-flex}.edit-toggle:hover{background:#126684bf}.editor{text-align:left;background:#020d1ae0;border:1px solid #70e5ff4d;border-radius:18px;max-width:540px;margin:18px auto 0;padding:20px}.editor-heading>span,.eyebrow{color:var(--cyan);letter-spacing:.15em;font-size:10px}.editor h2{margin-bottom:6px}.editor-heading p,.editor-note{color:#83a9bd;font-size:12px;line-height:1.6}.field-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.full{grid-column:1/-1}label{color:#b9d9e8;margin:14px 0 7px;font-size:13px;display:block}input:not([type=range]),textarea{color:#effaff;background:#112b3ff2;border:1px solid #84cce54d;border-radius:10px;outline:none;width:100%;margin-top:7px;padding:11px 12px;display:block}input:focus,textarea:focus{border-color:var(--cyan)}textarea{resize:vertical;min-height:82px}input[type=file]{font-size:12px}.editor-actions{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.editor-actions button,#authSubmit{color:#041323;background:#83eaff;border:0;border-radius:10px;padding:11px 14px;font-weight:700}.secondary{border-radius:10px;padding:10px 14px;color:#d8eff8!important;background:#7497ab33!important;border:1px solid #b4dcf040!important}.editor-note{margin-bottom:0;font-size:11px}.notice{text-align:center;color:#a1e7f4;margin:14px 0 0;font-size:13px;line-height:1.6}.notice:empty{display:none}.qr-panel{z-index:4;text-align:center;border:1px solid var(--line);background:#061a2b;border-radius:15px;width:190px;padding:12px;position:absolute;top:56px;right:12px;box-shadow:0 10px 35px #0009}.qr-panel img{background:#fff;border-radius:8px;width:160px;height:160px;padding:5px}.qr-panel small{color:var(--muted);overflow-wrap:anywhere;margin-top:7px;font-size:10px;display:block}.intro-screen{z-index:20;text-align:center;color:#f4f5f8;background:radial-gradient(at 50% 40%,#5a5a5a61,#0000 62%),#050505;border:0;flex-direction:column;justify-content:center;align-items:center;padding:28px;transition:opacity .55s,visibility .55s;display:flex;position:fixed;inset:0}.intro-avatar{object-fit:cover;filter:grayscale();border-radius:50%;width:150px;height:150px;margin-bottom:42px;box-shadow:0 0 55px #ffffff1f}.intro-title{color:#d8d8dc;letter-spacing:.18em;margin:0 0 38px;font-size:27px;font-weight:800;animation:2.2s ease-in-out infinite introPulse}.intro-subtitle{color:#cdcdd4;letter-spacing:.3em;opacity:.55;font-size:15px;font-weight:700}.intro-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}@keyframes introPulse{50%{opacity:.7}}dialog{color:var(--text);background:#061a2b;border:1px solid #70e5ff66;border-radius:22px;width:min(440px,100% - 28px);padding:32px}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010813cc}dialog h2{margin:18px 0 12px;font-size:25px}dialog p{color:var(--muted);font-size:13px;line-height:1.7}.dialog-close{color:var(--muted);background:0 0;border:0;font-size:27px;position:absolute;top:10px;right:14px}#authSubmit{width:100%;margin:10px 0}#forgotPassword{width:100%}#authError{color:#ffc5bb}.noscript{z-index:50;text-align:center;background:#06182b;padding:30vh 30px;position:fixed;inset:0}audio{display:none}@media (width<=520px){.page{width:calc(100% - 18px);margin:10px auto 28px}.profile{border-radius:19px;padding:0 13px 24px}.banner{border-radius:18px 18px 0 0;height:125px;margin:0 -13px}.identity{margin-top:-39px}.avatar{width:128px;height:128px}.section{border-radius:19px;margin-top:17px;padding:16px}.friend img{width:70px;height:70px}.friend strong{font-size:18px}.socials{gap:18px}.socials a{width:72px;height:72px}.field-grid{grid-template-columns:1fr}.music-box{padding:0}.music-player{grid-template-columns:64px minmax(0,1fr) 32px;gap:12px;min-height:140px;padding:22px 16px}.music-cover{width:64px;height:64px}.music-heading{padding:18px 16px 0;font-size:9px}.music-heading span{font-size:8px}.music-topline{flex-wrap:wrap;gap:7px;margin-bottom:17px}.music-title{font-size:18px}#musicTime{font-size:12px}.music-toggle{width:32px;font-size:30px}.music-cat{font-size:24px}.intro-title{font-size:25px}.intro-subtitle{font-size:13px}.topbar{font-size:10px}.topbar strong{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.snow{display:none}}.social-logo{background-image:url(/images/social-logos.png);background-position-y:50.3876%;background-repeat:no-repeat;background-size:405.752% 157.08%;border-radius:50%;width:100%;height:100%;display:block}.social-logo--facebook{background-position-x:9.8408%}.social-logo--spotify{background-position-x:51.2301%}.social-logo--steam{background-position-x:92.7641%}.music-artist{color:#c4dce9;margin:6px 0 0;font-size:14px;font-weight:500}.oauth{width:100%;margin-top:10px;display:block}.music-title{max-width:100%;display:block}.music-topline>div{min-width:0}.editor-actions button:disabled{cursor:wait}.location:before{content:"⌖ ";color:var(--cyan)}.banner-media{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.friend video{object-fit:cover;border:2px solid #ffffff38;border-radius:9px;width:88px;height:88px}.cursor-spark,.cursor-ripple{z-index:100;-webkit-user-select:none;user-select:none;position:fixed;pointer-events:none!important}.cursor-spark{clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);background:#54acff;width:10px;height:10px;animation:.65s ease-out forwards cursorDrift}@keyframes cursorDrift{0%{opacity:.9;transform:translate(-50%,-50%)rotate(0)scale(1)}to{opacity:0;transform:translate(-50%,24px)rotate(100deg)scale(.1)}}.cursor-ripple{border:2px solid #318dff;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;animation:.65s cubic-bezier(.15,.6,.3,1) forwards cursorRipple}.cursor-ripple:before,.cursor-ripple:after{content:"";pointer-events:none;position:absolute}.cursor-ripple:before{border:1px solid #a4dbff;border-radius:50%;inset:9px}.cursor-ripple:after{border:1px dashed #54acff;border-radius:50%;inset:-8px}@keyframes cursorRipple{0%{opacity:1;transform:scale(.15)rotate(-30deg)}to{opacity:0;transform:scale(1.4)rotate(25deg)}}@media (hover:hover) and (pointer:fine){html,body,body *,dialog::backdrop{cursor:url(/images/blue-shard-cursor.svg) 2 2,auto!important}}@media (width<=520px){.friend video{width:70px;height:70px}}@media (prefers-reduced-motion:reduce){.cursor-spark,.cursor-ripple{display:none}}