:root{--bg:#070709;--panel:#0d0d11;--line:#ffffff14;--text:#fff;--muted:#ffffffa3;--faint:#fff6;--accent:#e6d6bd;--accent-rgb:230, 214, 189;--ring:#2a2724;--banner-a:#7a7468;--banner-b:#3b3833;--avatar:104px;--ease:cubic-bezier(.2, .7, .2, 1);--online:#23a55a;--idle:#f0b232;--dnd:#f23f43;--offline:#80848e}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{background:var(--bg);-webkit-text-size-adjust:100%;font-size:17px}html,body.profile-page{height:100%;overflow:hidden}.decoration{max-width:none}html:has(body.profile-page){scrollbar-gutter:auto}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Inter,Readex Pro,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}a{color:inherit}.bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-art{transform-origin:0 0;filter:blur(7px)saturate(1.4);opacity:0;backface-visibility:hidden;background-position:50%;background-size:cover;width:14%;height:14%;transition:opacity 1.8s;position:absolute;top:-20%;left:-20%;transform:scale(10)translateZ(0)}.bg-art.ready{opacity:.22}.bg-art.bg-wash{filter:none;width:120%;height:120%;top:-10%;left:-10%;transform:none}.bg.custom{z-index:0}.bg-art.custom{filter:none;width:auto;height:auto;inset:0;transform:translateZ(0)}.bg-art.custom.ready{opacity:1}.bg.custom .vignette{background:radial-gradient(at 50% 40%,#07070959 0%,#070709b3 100%)}.bg-art.bg-video.ready{-o-object-fit:cover;object-fit:cover;opacity:.35;width:100%;height:100%}.bg.video .vignette{background:radial-gradient(circle,#0000 20%,#070709e6 100%)}.bg.video .grain{opacity:.08}.dust{width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.grain{opacity:.05;background-image:url(/assets/grain.png);background-size:96px 96px;position:absolute;inset:0}.vignette{background:radial-gradient(at 50% 30%,#0000 0%,#0707098c 60%,#070709f5 100%);position:absolute;inset:0}.enter{will-change:opacity;z-index:100;background:var(--bg);color:var(--text);letter-spacing:.35em;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;font:500 .9rem Outfit,sans-serif;transition:opacity .7s,visibility .7s;display:flex;position:fixed;inset:0}.enter-text{padding-left:.35em;transition:opacity .3s;animation:2.6s ease-in-out infinite breathe}.enter-loader{opacity:0;border:2px solid #ffffff1f;border-top-color:#fffc;border-radius:50%;width:16px;height:16px;transition:opacity .3s}.enter.loading .enter-text{opacity:.4;animation:none}.enter.loading .enter-loader{opacity:1;animation:.8s linear infinite spin}body.entered .enter{opacity:0;visibility:hidden;pointer-events:none}body.entered .enter-text,body.entered .enter-loader{animation:none}.dock{top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);z-index:50;opacity:0;align-items:center;gap:8px;transition:opacity .6s .5s;display:flex;position:fixed}body.entered .dock{opacity:1}.dock-btn{border:1px solid var(--line);width:48px;height:48px;color:var(--text);cursor:pointer;transition:background-color .2s var(--ease), border-color .2s var(--ease);background:#0e0e12d9;border-radius:10px;flex:none;place-items:center;padding:0;display:grid;overflow:hidden}.dock-btn:hover{background:rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), .45)}.dock-btn img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.dock-volume{cursor:default;justify-content:flex-start;align-items:center;width:auto;min-width:48px;padding:0;display:flex}.dock-volume:hover{border-color:var(--line);background:#0e0e12d9}.dock-volume button{width:46px;height:46px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;display:grid}.dock-volume input{opacity:0;width:0;accent-color:var(--accent);cursor:pointer;transition:width .3s var(--ease), opacity .3s ease, margin .3s var(--ease);margin:0}.dock-volume.is-open input{opacity:1;width:104px;margin:0 14px 0 2px}.dock-volume input{touch-action:none;height:28px}@media (hover:hover){.dock-volume button:hover{background:#ffffff12}.dock-volume:hover input,.dock-volume:focus-within input{opacity:1;width:88px;margin:0 12px 0 2px}}.account{flex:none;position:relative}.dock-btn.is-open{background:rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), .45)}.dock-btn:focus-visible,.account-item:focus-visible,.confirm-btn:focus-visible{outline:2px solid rgba(var(--accent-rgb), .8);outline-offset:2px}.account-menu{z-index:60;transform-origin:0 0;min-width:200px;animation:menu-in .16s var(--ease);background:#101014f7;border:1px solid #ffffff1a;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 40px -12px #000000bf}.account-menu-name{border-bottom:1px solid var(--line);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;max-width:240px;margin-bottom:4px;padding:6px 10px 8px;font:600 .78rem/1.3 Outfit,sans-serif;overflow:hidden}.account-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font:500 .86rem/1.2 Inter,sans-serif;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.account-item svg{opacity:.8;flex:none}.account-item:hover{background:#ffffff12}.account-item.danger{color:#ff6b6e}.account-item.danger:hover{background:#f23f431f}.confirm-backdrop{z-index:300;background:#0009;place-items:center;padding:16px;animation:.18s fade-in;display:grid;position:fixed;inset:0}.confirm{width:100%;max-width:360px;color:var(--text);animation:menu-in .2s var(--ease);background:#111115;border:1px solid #ffffff1a;border-radius:16px;padding:1.3rem 1.3rem 1.1rem;box-shadow:0 30px 70px -20px #000000d9}.confirm h2{font:700 1.15rem/1.3 Outfit,sans-serif}.confirm p{color:var(--muted);margin-top:.45rem;font-size:.86rem}.confirm-actions{justify-content:flex-end;gap:.5rem;margin-top:1.2rem;display:flex}.confirm-btn{border:1px solid var(--line);height:38px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:0 1rem;font:600 .85rem Inter,sans-serif;transition:background-color .15s,opacity .15s}.confirm-btn:hover{background:#ffffff1c}.confirm-btn.danger{background:#da373c;border-color:#0000}.confirm-btn.danger:hover{background:#c42f34}.confirm-btn:disabled{opacity:.6;cursor:default}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}.page{z-index:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform-origin:0 0;width:100vw;height:100dvh;padding:clamp(4.4rem, 12vh, 7rem) 1rem calc(1rem + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.fit{flex:none;width:100%;overflow-x:clip}.fit-inner{transform-origin:0 0;flex-direction:column;align-items:center;width:100%;display:flex}.stack{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:520px;display:flex}.reveal{opacity:0;transform:translateY(18px)}body.entered .reveal{opacity:1;transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:calc(var(--i,0) * 90ms + .12s);transform:none}.card{background:var(--panel);background:color-mix(in srgb, var(--panel) var(--card-opacity,100%), transparent);border:1px solid rgba(var(--accent-rgb), .16);width:100%;box-shadow:0 30px 80px -35px rgba(var(--accent-rgb), .45), 0 12px 32px #00000080;text-align:left;border-radius:22px;position:relative;overflow:hidden}.banner{height:150px;opacity:var(--card-alpha,1);background:linear-gradient(135deg, var(--banner-a), var(--banner-b));background-position:50%;background-size:cover}.card-body{background:linear-gradient(180deg, var(--ring) 0, var(--panel) 85%);background:linear-gradient(180deg, color-mix(in srgb, var(--ring) var(--card-opacity,100%), transparent) 0, color-mix(in srgb, var(--panel) var(--card-opacity,100%), transparent) 85%);padding:0 1.25rem 1.25rem;display:flow-root;position:relative}.card-top{margin-top:calc(var(--avatar) / -2);justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.avatar-wrap{width:var(--avatar);height:var(--avatar);background:var(--ring);box-shadow:0 0 0 6px var(--ring);border-radius:50%;flex:none;display:block;position:relative}.avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.decoration{pointer-events:none;width:120%;height:120%;position:absolute;inset:-10%}.status-dot{--c:var(--offline);width:calc(var(--avatar) * .27);height:calc(var(--avatar) * .27);border:calc(var(--avatar) * .055) solid var(--ring);background:var(--c);border-radius:50%;position:absolute;bottom:0;right:0}.status-dot[data-status=online]{--c:var(--online)}.status-dot[data-status=idle]{--c:var(--idle);background:radial-gradient(circle at 22% 22%, var(--ring) 0 36%, var(--c) 37%)}.status-dot[data-status=dnd]{--c:var(--dnd);background:linear-gradient(var(--ring), var(--ring)) center / 58% 24% no-repeat, var(--c)}.status-dot[data-status=offline]{background:radial-gradient(circle, var(--ring) 0 34%, var(--c) 35%)}.badges{max-width:62%;margin-top:calc(var(--avatar) / 2 + .7rem);background:#0000004d;border:1px solid #ffffff0f;border-radius:10px;flex-wrap:wrap;justify-content:flex-end;align-self:flex-start;gap:2px;padding:4px 6px;display:flex}.badges:empty{display:none}.badge{width:22px;height:22px;display:grid}.badge img{width:100%;height:100%}.identity{margin-top:.85rem}.name{letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:.5rem;font:800 1.85rem/1.15 Outfit,sans-serif;display:flex}.name-text{overflow-wrap:anywhere}.name-text.styled{background:var(--name-fill);color:#0000;-webkit-background-clip:text;background-clip:text}.tag{border:1px solid var(--line);letter-spacing:.04em;background:#ffffff14;border-radius:6px;align-items:center;gap:.3rem;padding:.12rem .45rem;font:700 .72rem/1.3 Outfit,sans-serif;display:inline-flex}.tag img{width:14px;height:14px}.sub{-moz-column-gap:.55rem;color:var(--muted);flex-wrap:wrap;align-items:center;gap:.15rem .55rem;margin-top:.2rem;font-size:.9rem;display:flex}.presence-line{align-items:center;gap:.4rem;display:inline-flex}.presence-line:before{content:"";background:var(--offline);border-radius:50%;width:8px;height:8px}.presence-line[data-status=online]:before{background:var(--online)}.presence-line[data-status=idle]:before{background:var(--idle)}.presence-line[data-status=dnd]:before{background:var(--dnd)}.platforms{color:var(--faint);align-items:center;gap:.3rem;font-size:.78rem;display:inline-flex}.custom-status{border:1px solid var(--line);overflow-wrap:anywhere;background:#ffffff0d;border-radius:14px;align-items:center;gap:.45rem;width:fit-content;max-width:100%;margin-top:.85rem;padding:.45rem .75rem;font-size:.87rem;display:flex}.custom-status img{flex:none;width:18px;height:18px}.tagline{color:#ffffffe6;min-height:1.5em;margin-top:.85rem;font:500 1.02rem Outfit,sans-serif}.caret{vertical-align:-.15em;background:var(--accent);width:2px;height:1.05em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}.bio{color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;margin-top:.4rem;font-size:.9rem}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:.55rem;font:700 .66rem Outfit,sans-serif}.activity{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem;text-decoration:none;display:block}.act-row{align-items:center;gap:.85rem;display:flex}.act-art{flex:none;width:64px;height:64px;position:relative}.act-img,.act-fallback{-o-object-fit:cover;object-fit:cover;background:#ffffff0f;border-radius:12px;width:100%;height:100%}.act-fallback{color:var(--faint);place-items:center;font-size:1.4rem;display:grid}.act-small{border:3px solid var(--panel);background:var(--panel);border-radius:50%;width:24px;height:24px;position:absolute;bottom:-5px;right:-5px}.act-text{flex:1;min-width:0}.act-title,.act-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.act-title{font-size:.92rem;font-weight:600}.act-line{color:var(--muted);font-size:.8rem}.act-bar{background:#ffffff1a;border-radius:3px;height:3px;margin-top:.45rem;overflow:hidden}.act-bar span{background:#1db954;width:0;height:100%;display:block}.act-time{color:var(--faint);font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:.72rem}.act-time:empty{display:none}.since-section{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.since{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:.6rem;display:grid}.since-item{border:1px solid var(--line);background:#ffffff09;border-radius:12px;align-items:center;gap:.65rem;min-width:0;padding:.6rem .75rem;display:flex}.since-item i,.since-item svg{text-align:center;color:#5865f2;flex:none;width:22px;font-size:1.1rem}.since-item img{width:22px;height:22px}.since-item small{color:var(--faint);font-size:.68rem;line-height:1.3;display:block}.since-item b{white-space:nowrap;font-size:.86rem;font-weight:600;display:block}.since-item>span{min-width:0}.since-role{--role:#80848e;--role-2:var(--role);--role-3:var(--role-2);isolation:isolate;background:linear-gradient(90deg, color-mix(in srgb, var(--role) 28%, transparent), color-mix(in srgb, var(--role-2) 6%, transparent) 75%), #ffffff08;border:1px solid color-mix(in srgb, var(--role) 40%, #ffffff14);width:fit-content;max-width:100%;box-shadow:inset 0 1px 0 #ffffff12, 0 0 16px -6px var(--role);letter-spacing:.01em;color:#ffffffeb;white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;margin-top:.3rem;padding:.16rem .5rem .16rem .4rem;font:600 .68rem/1.3 Outfit,sans-serif;display:flex;position:relative;overflow:hidden}.since-role:after{content:"";z-index:-1;will-change:transform;background:linear-gradient(110deg,#0000 35%,#ffffff24 50%,#0000 65%);animation:6s ease-in-out 3.5s infinite sweep;position:absolute;inset:0;transform:translate(-120%)}.role-dot{background:linear-gradient(135deg, var(--role), var(--role-2), var(--role-3));width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in srgb, var(--role) 22%, transparent), 0 0 5px var(--role);border-radius:50%;flex:none;position:relative}.role-dot:after{content:"";box-shadow:0 0 8px 1px var(--role);opacity:0;will-change:transform, opacity;border-radius:50%;animation:2.8s ease-in-out infinite role-pulse;position:absolute;inset:-3px}.role-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.since-role:not([data-style=solid]) .role-name{background:linear-gradient(90deg, color-mix(in srgb, var(--role) 55%, #fff), color-mix(in srgb, var(--role-2) 55%, #fff), color-mix(in srgb, var(--role-3) 55%, #fff), color-mix(in srgb, var(--role) 55%, #fff));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite role-flow}.since-role[data-style=holographic]{border-color:#ffffff47}.role-icon{-o-object-fit:contain;object-fit:contain;flex:none;width:15px;height:15px}.role-emoji{flex:none;font-size:.8rem;line-height:1}.socials-row{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.socials{flex-wrap:wrap;gap:.55rem;display:flex}.social{--brand:#fff;border:1px solid var(--line);color:#ffffffd9;width:46px;height:46px;transition:transform .25s var(--ease), color .2s ease, border-color .2s ease, background-color .2s ease;background:#ffffff0a;border-radius:14px;place-items:center;font-size:1.15rem;text-decoration:none;display:grid;position:relative}.social:active{transform:scale(.94)}@media (hover:hover){.social:hover{color:var(--brand);background:#ffffff14;border-color:#ffffff2e;transform:translateY(-3px)}}.social--img{padding:0;overflow:hidden}.social-img{-o-object-fit:cover;object-fit:cover;border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.player{background:#0d0d11e6;background:color-mix(in srgb, #0d0d11 calc(var(--card-opacity,100%) * .9), transparent);border:1px solid var(--line);text-align:left;border-radius:18px;width:100%;padding:.75rem}.player-ui{align-items:center;gap:.85rem;display:flex}.cover{-o-object-fit:cover;object-fit:cover;background:#ffffff0f;border-radius:12px;flex:none;width:58px;height:58px;box-shadow:0 6px 18px #00000073}.track{flex:1;min-width:0}.track-top{align-items:center;gap:.5rem;display:flex}.track-text{flex-direction:column;flex:1;min-width:0;display:flex}.track-title{align-items:center;gap:.5rem;font:600 .95rem/1.3 Outfit,sans-serif;display:flex}.track-title span:first-child,.track-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-artist{color:var(--muted);font-size:.8rem}.eq{flex:none;align-items:flex-end;gap:2px;height:10px;display:inline-flex}.eq i{background:var(--accent);transform-origin:bottom;border-radius:1px;width:2px;height:10px;transform:scaleY(.3)}.player.playing .eq i{animation:.9s ease-in-out infinite eq}.player.playing .eq i:nth-child(2){animation-delay:-.3s}.player.playing .eq i:nth-child(3){animation-delay:-.6s}.controls{align-items:center;gap:.2rem;display:flex}.ctrl{width:38px;height:38px;color:var(--muted);cursor:pointer;transition:transform .2s var(--ease), color .2s ease;background:0 0;border:0;border-radius:50%;place-items:center;font-size:1rem;text-decoration:none;display:grid}.ctrl.play{background:var(--text);color:#0b0b0e;font-size:.85rem}@media (hover:hover){.ctrl:hover{color:var(--text)}.ctrl.play:hover{color:#0b0b0e;transform:scale(1.07)}.ctrl.spotify:hover{color:#1db954}}.progress-row{color:var(--faint);font-variant-numeric:tabular-nums;align-items:center;gap:.6rem;margin-top:.35rem;font-size:.7rem;display:flex}.bar{cursor:pointer;touch-action:none;flex:1;align-items:center;height:18px;display:flex}.bar-track{background:#ffffff1f;border-radius:3px;width:100%;height:3px;position:relative}.bar-fill{border-radius:inherit;background:var(--accent);width:0;position:absolute;inset:0 auto 0 0}.bar-fill:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:50%;right:-5px;transform:translateY(-50%)scale(0)}.bar:hover .bar-fill:after,.bar.dragging .bar-fill:after{transform:translateY(-50%)scale(1)}.spotify-wrap{background:#ffffff0a;border-radius:12px;height:80px;display:none;overflow:hidden}.spotify-wrap iframe{border:0;width:100%;height:80px;display:block}.player.embed{padding:.4rem}.player.embed .player-ui{display:none}.player.embed .spotify-wrap{display:block}.no-audio-note{color:var(--faint);margin-top:.35rem;font-size:.75rem;text-decoration:none;display:none}.player.no-audio .progress-row,.player.no-audio .ctrl.play,.player.no-audio .eq{display:none}.player.no-audio .no-audio-note{display:inline-block}.meta{color:var(--faint);font-variant-numeric:tabular-nums;cursor:default;white-space:nowrap;align-items:center;gap:.4rem;font-size:.8rem;display:inline-flex}.meta i,.meta svg{flex:none}.tooltip{z-index:200;border:1px solid var(--line);max-width:calc(100vw - 16px);color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;will-change:transform, opacity;contain:layout paint style;background:#18181d;border-radius:7px;padding:.3rem .55rem;font:500 .72rem/1.2 Inter,sans-serif;transition:opacity .12s;position:fixed;top:0;left:0;box-shadow:0 6px 20px #00000073}.tooltip.visible{opacity:1}.tooltip:empty{visibility:hidden}.app-footer{flex-direction:column;align-items:center;width:100%;margin-top:auto;padding:clamp(1.75rem,6vh,4rem) 0 clamp(.5rem,2vh,1.5rem);display:flex}.footer-divider{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);width:100%;max-width:600px;height:1.5px;margin-bottom:clamp(1rem,3vh,2rem)}.footer-logo-container{justify-content:center;width:100%;display:flex;position:relative}.footer-logo-container:after{content:"";z-index:12;position:absolute;inset:0}.footer-logo-img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 25px #000000a6);opacity:.85;pointer-events:none;width:100%;max-width:1200px;height:auto}@keyframes breathe{0%,to{opacity:.35}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes sweep{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes role-pulse{0%,to{opacity:0;transform:scale(.7)}50%{opacity:.9;transform:scale(1.15)}}@keyframes role-flow{to{background-position:300% 0}}@keyframes grain{0%,to{transform:translate(0)}17%{transform:translate(-6%,4%)}33%{transform:translate(5%,-7%)}50%{transform:translate(-3%,8%)}67%{transform:translate(8%,2%)}83%{transform:translate(-7%,-4%)}}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body:not(.entered) .page *,body:not(.entered) .page :before,body:not(.entered) .page :after{animation-play-state:paused!important}.platforms .platform{width:1.55rem;height:1.35rem;color:var(--muted);background:#ffffff12;border-radius:.45rem;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.platforms .platform svg{width:.95rem;height:.95rem}.leave-backdrop{z-index:1000;background:#0000008c;place-items:center;padding:16px;animation:.15s ease-out leave-fade;display:grid;position:fixed;inset:0}.leave-sheet{background:var(--panel);border:1px solid var(--line);width:100%;max-width:340px;color:var(--text);animation:leave-pop .18s var(--ease);border-radius:16px;padding:1.2rem 1.2rem 1rem;font-family:Inter,sans-serif;font-size:1rem;line-height:1.35}.leave-lead{color:var(--faint);font-size:.82rem}.leave-host{word-break:break-all;align-items:center;gap:.45rem;margin-top:.2rem;font:600 1.2rem Outfit,sans-serif;display:flex}.leave-insecure{color:var(--dnd);border:1px solid #f23f4359;border-radius:6px;flex:none;padding:.1rem .4rem;font:500 .68rem Inter,sans-serif}.leave-url{color:var(--faint);word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.3rem;font:.75rem ui-monospace,SFMono-Regular,Menlo,monospace;display:-webkit-box;overflow:hidden}.leave-actions{justify-content:flex-end;gap:.4rem;margin-top:1.1rem;display:flex}.leave-btn{height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 .95rem;font:500 .88rem Inter,sans-serif;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.leave-go{color:#0b0b0e;background:#fff}@media (hover:hover){.leave-btn:hover{color:var(--text);background:#ffffff0f}.leave-go:hover{color:#0b0b0e;background:#ffffffd9}}@keyframes leave-fade{0%{opacity:0}}@keyframes leave-pop{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.leave-backdrop,.leave-sheet{animation:none}}.claim-toast{--cssa:#34d17c;--cssa-ink:#02150b;--cssa-line:#ffffffb8;right:calc(env(safe-area-inset-right,0px) + 18px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:50;transform-origin:80% 100%;filter:drop-shadow(0 14px 22px #0000008c);transition:transform .35s cubic-bezier(.34,1.56,.64,1);animation:.55s cubic-bezier(.34,1.4,.64,1) backwards claim-slap;position:fixed;transform:rotate(-2.5deg)}.claim-toast:hover,.claim-toast:focus-within{transform:rotate(0)translateY(-3px)}.claim-toast[data-state=out]{pointer-events:none;animation:.26s ease-in forwards claim-peel}.claim-toast-link{border:1px solid var(--cssa-line);color:#e8f6ec;background:#000;border-radius:14px;align-items:stretch;text-decoration:none;display:flex;overflow:hidden}.claim-toast-body{align-items:center;gap:11px;padding:10px 16px 10px 14px;display:flex}.claim-toast-mark{flex:none;width:16px;height:30px}.claim-toast-copy{line-height:1;display:grid}.claim-toast-copy small{letter-spacing:.22em;text-transform:uppercase;color:#7da48c;font:500 .56rem/1 Readex Pro,Inter,sans-serif}.claim-toast-copy b{letter-spacing:.02em;text-transform:uppercase;margin-top:4px;font:400 1.3rem/.92 Anton,Outfit,sans-serif}.claim-toast-stub{-moz-column-gap:8px;background:var(--cssa);color:var(--cssa-ink);transition:background-color .2s var(--ease);border-left:1.5px dashed #000000e6;grid-template-columns:auto auto;align-content:center;column-gap:8px;padding:0 14px 0 15px;display:grid;position:relative}.claim-toast-stub b{letter-spacing:.03em;text-transform:uppercase;font:400 1.05rem/.95 Anton,Outfit,sans-serif}.claim-toast-stub small{letter-spacing:.12em;text-transform:uppercase;opacity:.75;grid-column:1;margin-top:3px;font:600 .54rem/1 Readex Pro,Inter,sans-serif}.claim-toast-stub svg{transition:transform .25s var(--ease);grid-area:1/2/span 2;align-self:center}.claim-toast-link:hover .claim-toast-stub{background:#4be08f}.claim-toast-link:hover .claim-toast-stub svg{transform:translate(2px,-2px)}.claim-toast-close{border:1px solid var(--cssa-line);color:#e8f6ec;cursor:pointer;width:22px;height:22px;transition:background-color .15s ease, color .15s ease, transform .2s var(--ease);background:#000;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:-9px;left:-9px}.claim-toast-close:hover{color:#000;background:#e8f6ec;transform:rotate(90deg)}.claim-toast-link:focus-visible,.claim-toast-close:focus-visible{outline:2px solid var(--cssa);outline-offset:3px}@media (max-width:400px){.claim-toast{right:calc(env(safe-area-inset-right,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}.claim-toast-body{padding:9px 12px}.claim-toast-copy b{font-size:1.12rem}.claim-toast-stub small{display:none}}@keyframes claim-slap{0%{opacity:0;transform:rotate(-9deg)scale(1.18)translateY(-6px)}60%{opacity:1}to{opacity:1;transform:rotate(-2.5deg)scale(1)}}@keyframes claim-peel{to{opacity:0;transform:rotate(6deg)translate(12px,8px)scale(.94)}}@media (max-width:520px){:root{--avatar:90px;--tile:42px}.page{padding-top:calc(env(safe-area-inset-top,0px) + 4.1rem);padding-left:.75rem;padding-right:.75rem}.banner{height:118px}.card-body{padding:0 1rem 1rem}.social{border-radius:12px;width:42px;height:42px}.socials{gap:.5rem}.join{border-radius:12px}.dock{gap:6px}.dock-btn{width:44px;height:44px}.dock-volume{width:auto;min-width:44px}.dock-volume button{width:42px;height:42px}}@media (max-width:360px){html{font-size:16px}:root{--avatar:80px}.banner{height:100px}}@media (max-height:520px) and (orientation:landscape){.page{padding-top:1rem}}.identity,.custom-status,.tagline,.bio,.section-label,.since-item>span,.track-text,.progress-row,.meta>*{opacity:var(--text-alpha,1);transition:opacity .2s}.badges,.since-item>svg,.since-item>img,.socials .social,.join,.controls{opacity:var(--icon-alpha,1);transition:opacity .2s ease, transform .25s var(--ease), background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .25s var(--ease)}@media (hover:hover){.socials .social:hover,.join:hover,.controls:hover,.badges:hover{opacity:1}}.last-seen{color:var(--faint);font-size:.82rem}.last-seen:before{content:"·";margin-right:.4rem}.custom-emoji{font-size:1.05rem;line-height:1}.activities{border-top:1px solid var(--line);gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.activities .activity{border:1px solid var(--line);color:inherit;opacity:var(--text-alpha,1);background:#ffffff08;border-radius:16px;margin:0;padding:.7rem;transition:background-color .2s,border-color .2s,opacity .2s}a.activity--listening:hover{opacity:1;background:#1db95414;border-color:#1db95459}.act-head{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);align-items:center;gap:.35rem;margin-bottom:.55rem;font:600 .62rem/1 Inter,sans-serif;display:flex}.activity--listening .act-head svg{color:#1db954}.activities .act-art{width:58px;height:58px}.act-dim{color:var(--faint)}.act-elapsed{color:var(--faint);font-variant-numeric:tabular-nums;margin-top:.1rem;font-size:.72rem}.activities .act-time{justify-content:space-between;display:flex}.act-img{display:block}@media (max-width:520px){.activities .act-art{width:50px;height:50px}}
.bg.fx-on{z-index:0}.bg.fx-on:not(.custom) .bg-wash{display:none}.page[data-box] .card{border-radius:var(--card-radius,22px);border:var(--card-border-w,1px) solid var(--card-border-c,rgba(var(--accent-rgb), .16))}.page[data-box] .player{border-radius:calc(var(--card-radius,22px) * .82)}.page[data-box] .activities .activity{border-radius:calc(var(--card-radius,22px) * .72)}.page[data-blur] .card,.page[data-blur] .player{-webkit-backdrop-filter:blur(var(--card-blur));backdrop-filter:blur(var(--card-blur))}.page[data-gradient] .card-body{background:linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--accent) 34%, var(--panel)) var(--card-opacity,100%), transparent) 0, color-mix(in srgb, var(--panel) var(--card-opacity,100%), transparent) 88%)}.page[data-avatar=rounded] .avatar-wrap,.page[data-avatar=rounded] .avatar{border-radius:28%}.page[data-avatar=square] .avatar-wrap,.page[data-avatar=square] .avatar{border-radius:10%}.page[data-icon-color] .social{color:var(--icon)}.page[data-mono] .social:hover,.page[data-mono] .since-item svg{color:var(--icon,#ffffffd9)!important}.page[data-glow-name] .name-text:not(.styled){text-shadow:0 0 .3em rgba(var(--glow-rgb,var(--accent-rgb)), .8), 0 0 1em rgba(var(--glow-rgb,var(--accent-rgb)), .45)}.page[data-glow-name] .name-text.styled{filter:drop-shadow(0 0 .28em rgba(var(--glow-rgb,var(--accent-rgb)), .75))}.page[data-glow-socials] .social svg,.page[data-glow-socials] .social .social-img,.page[data-glow-socials] .join{filter:drop-shadow(0 0 6px rgba(var(--glow-rgb,var(--accent-rgb)), .85))}.badge img{filter:var(--bf-mono, ) var(--bf-glow, )}.page[data-badge-mono]{--bf-mono:grayscale(1) brightness(1.7)}.page[data-glow-badges]{--bf-glow:drop-shadow(0 0 4px rgba(var(--glow-rgb,var(--accent-rgb)), .95))}.page[data-uname=rainbow] .name-text,.page[data-uname=shine] .name-text{color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text}.page[data-uname=rainbow] .name-text{background-image:linear-gradient(90deg,#ff4d6d,#ffb020,#ffe14d,#34d17c,#6fe3ff,#a99bff,#ff4d6d);animation:5s linear infinite uname-flow}.page[data-uname=shine] .name-text{background-image:linear-gradient(105deg, var(--text) 0 40%, #fff 48%, rgba(var(--accent-rgb), 1) 52%, var(--text) 60% 100%);animation:3.6s ease-in-out infinite uname-shine}.page[data-uname=neon] .name-text{color:#fff;text-shadow:0 0 .08em #fff, 0 0 .3em rgba(var(--glow-rgb,var(--accent-rgb)), 1), 0 0 .8em rgba(var(--glow-rgb,var(--accent-rgb)), .7);animation:5s linear infinite uname-flicker}.page[data-uname=glitch] .name-text{position:relative}.page[data-uname=glitch] .name-text:before,.page[data-uname=glitch] .name-text:after{content:attr(data-text);pointer-events:none;-webkit-text-fill-color:currentColor;background:0 0;position:absolute;inset:0}.page[data-uname=glitch] .name-text:before{color:#ff2e63;clip-path:inset(0 0 55%);mix-blend-mode:screen;animation:2.8s step-end infinite uname-glitch-a;transform:translate(-2px)}.page[data-uname=glitch] .name-text:after{color:#08f7fe;clip-path:inset(55% 0 0);mix-blend-mode:screen;animation:2.2s step-end infinite uname-glitch-b;transform:translate(2px)}@keyframes uname-flow{to{background-position:-220% 0}}@keyframes uname-shine{0%{background-position:120% 0}60%,to{background-position:-120% 0}}@keyframes uname-flicker{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,24%,55%{opacity:.55}}@keyframes uname-glitch-a{0%,86%,to{clip-path:inset(0 0 55%);transform:translate(-2px)}88%{clip-path:inset(10% 0 60%);transform:translate(-5px,-1px)}92%{clip-path:inset(40% 0 20%);transform:translate(3px,1px)}}@keyframes uname-glitch-b{0%,80%,to{clip-path:inset(55% 0 0);transform:translate(2px)}83%{clip-path:inset(62% 0 8%);transform:translate(5px,1px)}90%{clip-path:inset(20% 0 45%);transform:translate(-3px)}}.page[data-font] .card,.page[data-font] .card *,.page[data-font] .player,.page[data-font] .player *,.page[data-font] .meta{font-family:var(--pf)!important}.page[data-fscale] .name{font-size:calc(1.85rem * var(--fs))}.page[data-fscale] .sub{font-size:calc(.9rem * var(--fs))}.page[data-fscale] .tagline{font-size:calc(1.02rem * var(--fs))}.page[data-fscale] .bio{font-size:calc(.9rem * var(--fs))}.caret[data-caret=underscore]{vertical-align:-.05em;width:.55em;height:2px}.caret[data-caret=block]{opacity:.85;width:.5em}.page[data-entrance=fade] .reveal{transform:none}.page[data-entrance=zoom] .reveal{transform:scale(.92)}.page[data-entrance=slide] .reveal{transform:translate(-28px)}.page[data-entrance=blur] .reveal{filter:blur(14px);transform:none}body.entered .page[data-entrance=blur] .reveal{filter:none;transition:opacity .9s var(--ease), filter .9s var(--ease);transition-delay:calc(var(--i,0) * 90ms + .12s)}.page[data-entrance=none] .reveal{transform:none;transition:none!important}body.entered .page[data-entrance=zoom] .reveal,body.entered .page[data-entrance=slide] .reveal{transform:none}.location{color:var(--muted);align-items:center;gap:.3rem;display:inline-flex}.location svg{width:1.05em;height:1.05em;color:var(--text);filter:drop-shadow(0 1px 3px #00000073);flex:none}.games-section{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.games{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.7rem .55rem;display:grid}.game{text-align:center;min-width:0;opacity:var(--text-alpha,1)}.game-cover{aspect-ratio:3/4;border:1px solid var(--line);background:linear-gradient(160deg, rgba(var(--accent-rgb), .22), #ffffff08);color:#ffffffb8;width:100%;transition:transform .25s var(--ease), border-color .2s ease;border-radius:12px;place-items:center;font:800 1.35rem/1 Outfit,sans-serif;display:grid;overflow:hidden}.game-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media (hover:hover){.game:hover .game-cover{border-color:#fff3;transform:translateY(-3px)}}.game-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-top:.35rem;font-size:.7rem;font-weight:600;line-height:1.25;display:block;overflow:hidden}.game-note{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;display:block;overflow:hidden}button.social{font:inherit;cursor:pointer}.copied-toast{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:400;color:#fff;pointer-events:none;background:#0d0d11f0;border:1px solid #ffffff24;border-radius:999px;padding:.55rem .9rem;font:600 .8rem Outfit,sans-serif;animation:.18s leave-fade;position:fixed;transform:translate(-50%)}.player.player--hidden{display:none}.ctrl.skip{background:0 0}.track-count{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:.4rem;font-size:.72rem}.cursor-fx-canvas{z-index:90;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.cursor-fx{z-index:90;pointer-events:none;opacity:0;will-change:transform;transition:opacity .3s;position:fixed;top:0;left:0}.cursor-fx--glow{background:radial-gradient(circle, color-mix(in srgb, var(--cfx) 38%, transparent) 0, transparent 65%);mix-blend-mode:screen;border-radius:50%;width:260px;height:260px;margin:-130px 0 0 -130px}.cursor-fx--ring{border:2px solid var(--cfx);width:34px;height:34px;box-shadow:0 0 12px color-mix(in srgb, var(--cfx) 60%, transparent);border-radius:50%;margin:-17px 0 0 -17px}@media (prefers-reduced-motion:reduce){.page[data-uname] .name-text,.page[data-uname] .name-text:before,.page[data-uname] .name-text:after{animation:none!important}}.page[data-size] .stack{max-width:var(--card-w,520px)}.page[data-size] .banner{height:var(--banner-h,150px)}.page[data-size] .card-body{padding:0 var(--card-pad,20px) var(--card-pad,20px)}.page[data-av]{--avatar:var(--avatar-set)}@media (max-width:520px){.page[data-size] .banner{height:calc(var(--banner-h,150px) * .79)}.page[data-size] .card-body{padding:0 calc(var(--card-pad,20px) * .8) calc(var(--card-pad,20px) * .8)}.page[data-av]{--avatar:calc(var(--avatar-set) * .87)}}@media (max-width:360px){.page[data-av]{--avatar:calc(var(--avatar-set) * .77)}}.page[data-no-banner] .banner{display:none}.page[data-no-banner] .card-top{margin-top:var(--card-pad,20px)}.page[data-no-banner] .badges{align-self:center;margin-top:0}.page:is([data-layout=centered],[data-layout=minimal],[data-layout=bare]) .card{text-align:center}.page:is([data-layout=centered],[data-layout=minimal],[data-layout=bare]) .card-top{flex-direction:column;align-items:center;gap:.8rem}.page:is([data-layout=centered],[data-layout=minimal],[data-layout=bare]) .badges{justify-content:center;align-self:center;max-width:100%;margin-top:0}.page:is([data-layout=centered],[data-layout=minimal],[data-layout=bare]) .identity{margin-top:.7rem}.page:is([data-layout=centered],[data-layout=minimal],[data-layout=bare]) :is(.name,.sub,.socials,.games){justify-content:center}.page:is([data-layout=centered],[data-layout=minimal],[data-layout=bare]) .custom-status{margin-inline:auto}.page:is([data-layout=centered],[data-layout=minimal],[data-layout=bare]) :is(.activities,.since){text-align:start}.page[data-layout=minimal] .banner{display:none}.page[data-layout=minimal] .card-body{background:color-mix(in srgb, var(--panel) var(--card-opacity,100%), transparent);padding-top:calc(var(--card-pad,20px) * 1.3)}.page[data-layout=minimal] .card-top{margin-top:0}.page[data-layout=minimal] .avatar-wrap{background:0 0;box-shadow:0 0 0 1px #ffffff1a}.page[data-layout=minimal] .badges{background:0 0;border:0;padding:0}.page[data-layout=minimal] :is(.since-section,.socials-row,.activities){border-top:0;padding-top:.2rem}.page[data-layout=bare] .card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;overflow:visible}.page[data-layout=bare] .banner{display:none}.page[data-layout=bare] .card-body{background:0 0;padding-top:0}.page[data-layout=bare] .card-top{margin-top:0}.page[data-layout=bare] .avatar-wrap{background:0 0;box-shadow:0 14px 44px #00000080}.page[data-layout=bare] .status-dot{border-color:#000000bf}.page[data-layout=bare] .badges{background:#00000059}.page[data-layout=bare] :is(.name,.sub,.tagline,.bio){text-shadow:0 2px 16px #0009}.page[data-layout=bare] :is(.since-section,.socials-row,.activities){border-top:0;padding-top:.2rem}.page[data-layout=side] .card-body{-moz-column-gap:1rem;grid-template-columns:auto minmax(0,1fr);column-gap:1rem;display:grid}.page[data-layout=side] .card-body>*{grid-column:1/-1}.page[data-layout=side] .card-top{display:contents}.page[data-layout=side] .avatar-wrap{margin-top:var(--card-pad,20px);box-shadow:0 0 0 3px var(--ring);grid-area:1/1/span 2;align-self:center}.page[data-layout=side] .identity{margin-top:var(--card-pad,20px);grid-area:1/2;align-self:end}.page[data-layout=side] .badges{grid-area:2/2;justify-content:flex-start;place-self:start;max-width:100%;margin-top:.45rem}body.preview-frame .enter{display:none}body.preview-frame{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html:has(>body.preview-frame){scrollbar-width:none}html:has(>body.preview-frame)::-webkit-scrollbar{display:none}body.preview-card{background:0 0!important}html:has(>body.preview-card){background:0 0!important}.page[data-pl] .stack>.player{width:calc(var(--pl-w,100%) / var(--pl-z,1));zoom:var(--pl-z,1)}.page[data-pl-align=start] .stack>.player{align-self:flex-start}.page[data-pl-align=end] .stack>.player{align-self:flex-end}.page[data-pl-layout=compact] .player{border-radius:999px;padding:.4rem .5rem .4rem .45rem}.page[data-pl-layout=compact] .cover{border-radius:50%;width:40px;height:40px}.page[data-pl-layout=compact] :is(.progress-row,.track-artist){display:none}.page[data-pl-layout=compact] .ctrl{width:34px;height:34px}.page[data-pl-layout=cover] .player{padding:.6rem}.page[data-pl-layout=cover] .player-ui{flex-direction:column;align-items:stretch;gap:.7rem}.page[data-pl-layout=cover] .cover{aspect-ratio:2;border-radius:calc(var(--card-radius,22px) * .6);width:100%;height:auto}.page[data-pl-layout=vinyl] .cover{border-radius:50%;width:64px;height:64px;animation:7s linear infinite paused pl-spin;box-shadow:0 0 0 3px #0b0b0e,0 0 0 5px #ffffff1a,0 8px 22px #0000008c;-webkit-mask:radial-gradient(circle,#0000 0 8%,#000 9%);mask:radial-gradient(circle,#0000 0 8%,#000 9%)}.page[data-pl-layout=vinyl] .player.playing .cover{animation-play-state:running}@keyframes pl-spin{to{transform:rotate(360deg)}}.page[data-pl-layout=minimal] .player{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding-inline:.2rem}.page[data-pl-layout=minimal] .cover{display:none}@media (prefers-reduced-motion:reduce){.page[data-pl-layout=vinyl] .cover{animation:none}}.page[data-bo] .card,.page[data-bo] .stack>.player{border-color:var(--bo-c)}.page[data-bo][data-box] .card{border:var(--card-border-w,1px) solid var(--bo-c)}.page[data-pl-op] .stack>.player{background:color-mix(in srgb, #0d0d11 var(--pl-op), transparent)}.since:has(>#since-discord[hidden]){grid-template-columns:minmax(0,1fr)}.bg[data-dim] .bg-art.custom.ready{opacity:1}.bg.custom[data-dim] .vignette{background:rgba(7, 7, 9, var(--bg-dim,0))}.bg[data-grain=off] .grain{display:none}
