*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050505;color:#eee;font-family:Arial,Helvetica,sans-serif}body{height:100svh;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{color:inherit;font:inherit}#background,.shade,.grain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#background{object-fit:cover;filter:grayscale(1) brightness(.6)}.shade{background:radial-gradient(ellipse at center,transparent,#0009)}.grain{opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}#enter{position:fixed;inset:0;z-index:10;border:0;background:#0008;backdrop-filter:blur(16px);font-size:26px;font-weight:600;letter-spacing:-1px;transition:opacity .65s,visibility .65s}#enter span{display:block;font-size:10px;font-weight:400;letter-spacing:5px;text-transform:uppercase;margin-top:18px;color:#aaa}.entered #enter{opacity:0;visibility:hidden}.controls{position:fixed;left:22px;top:22px;display:flex;align-items:center;gap:14px;z-index:2}.controls button{width:48px;height:48px;border:1px solid #ffffff26;border-radius:15px;background:#ffffff14;font-size:24px;backdrop-filter:blur(12px)}input{width:80px;accent-color:#ddd;opacity:0;transition:opacity .2s}.controls:hover input,.controls:focus-within input{opacity:1}main{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);width:min(540px,calc(100% - 36px));text-align:center;opacity:0;transition:opacity 1s,transform 1s}.entered main{opacity:1;transform:translate(-50%,-50%)}.avatar-wrap{position:relative;width:116px;height:116px;margin:auto auto 22px}.avatar-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 36px #b8d4db20}.orbit{position:absolute;inset:-5px;border:1px solid #ffffff38;border-radius:50%;box-shadow:0 0 18px #c5e5ee25}.name-line{display:flex;align-items:center;justify-content:center;gap:10px}h1{font-size:40px;letter-spacing:-1.5px;margin:0;font-weight:600;text-shadow:0 0 18px #fff9}.badge{font-size:20px;color:#ddd}#bio{font-size:14px;line-height:1.6;margin:13px 0 28px;color:#ddd;text-shadow:0 2px 10px #000}.presence{width:300px;max-width:100%;margin:auto;display:flex;gap:13px;align-items:center;text-align:left;padding:16px 18px;background:#16161677;border:1px solid #ffffff13;border-radius:18px;backdrop-filter:blur(18px)}.presence img{width:46px;height:46px;border-radius:50%;object-fit:cover}.presence strong{font-size:14px}.presence div span{display:block;font-size:12px;color:#aaa;margin-top:6px}.moon{margin-left:auto;font-size:24px;color:#aaa}nav{display:flex;justify-content:center;gap:12px;margin-top:22px}nav a,nav button{display:grid;place-items:center;background:none;border:0;width:44px;height:44px;color:#ddd;transition:transform .2s,color .2s}nav a:hover,nav button:hover{transform:translateY(-4px);color:#fff;filter:drop-shadow(0 0 8px #fff8)}svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}footer{position:fixed;bottom:24px;width:100%;text-align:center;font-size:10px;letter-spacing:2px;color:#888}footer span{margin:0 12px}#toast{height:20px;color:#bbb;font-size:12px;margin-top:14px}:focus-visible{outline:2px solid white;outline-offset:5px}@media(max-width:500px){h1{font-size:34px}.controls{top:15px;left:15px}input{opacity:1}.avatar-wrap{width:104px;height:104px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}#background{display:none}body{background:radial-gradient(ellipse at center,#282828,#050505)}}[hidden]{display:none!important}

.presence{width:340px}.presence>div{min-width:0;flex:1}.presence strong{overflow-wrap:anywhere}.presence #activity{line-height:1.5;overflow-wrap:anywhere;font-size:11px;color:#bbb}.discord-dot{flex:none;width:12px;height:12px;border-radius:50%;background:#747f8d;box-shadow:0 0 0 4px #1119;margin-left:auto}.discord-dot[data-status=online]{background:#3ba55c}.discord-dot[data-status=idle]{background:#faa61a}.discord-dot[data-status=dnd]{background:#ed4245}.discord-dot[data-status=dnd]:after{content:"";display:block;width:8px;height:2px;background:#222;margin:5px 2px}#discordBadges{display:flex;gap:5px;margin-top:5px}#discordBadges:empty,#activity:empty{display:none}.presence .discord-badge{margin:0;display:inline-flex}.discord-badge svg{width:18px;height:18px;fill:currentColor;stroke:#202024;stroke-width:1.6}
.presence .guild-tag{display:inline-block;margin:0;background:#ffffff12;border:1px solid #ffffff15;border-radius:5px;padding:2px 6px;font-size:10px;color:#ddd}
.presence .premium-badge{display:inline-flex;align-items:center;margin:0;padding:1px 2px}.premium-badge svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none;filter:drop-shadow(0 0 3px currentColor)}.nitro svg{border:1px solid #eab54780;border-radius:50%;padding:1px}#discordBadges{align-items:center;flex-wrap:wrap;gap:5px}


/* Video backdrop and compact filled profile badges. */
#background{opacity:1;filter:grayscale(1) brightness(.6)}.orbit{border-color:#ffffff38;box-shadow:0 0 18px #c5e5ee25}.presence .premium-badge{padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}.premium-badge svg{width:21px;height:21px;fill:currentColor;stroke:none;filter:none}.nitro svg{border:0;border-radius:0;padding:0}.premium-badge .badge-detail{fill:#171719}.premium-badge .gem-light{fill:#ffd4ff}.premium-badge .gem-mid{fill:#f49bfa}.premium-badge .gem-dark{fill:#bf55cf}

/* Reference glass presence card */
.avatar-wrap{width:118px;height:118px;margin-bottom:16px}.orbit{display:none}h1{font-size:38px;letter-spacing:-1px;text-shadow:0 0 18px #ffffff66}.name-line>.badge{display:none}#bio{font-size:16px;font-weight:600;margin:10px 0 22px}.presence{position:relative;width:320px;min-height:100px;padding:12px;gap:12px;border-radius:24px;background:#ffffff28;border:1px solid #ffffff42;box-shadow:inset 0 0 0 1px #ffffff0a;backdrop-filter:blur(12px)}.presence>img{width:72px;height:72px}.presence>div{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px}.presence strong{font-size:18px;line-height:1.2}.presence #discordBadges{margin:0;gap:4px;display:inline-flex;flex-wrap:nowrap}.presence #status{flex-basis:100%;font-style:italic;font-size:13px;color:#e2e2e2;margin-top:0}.presence #activity{flex-basis:100%;margin-top:0}.presence .premium-badge{width:20px;height:20px}.presence .premium-badge img{width:20px;height:20px;object-fit:contain;border-radius:0;filter:none}.presence .guild-tag{font-size:10px;padding:2px 4px;background:#0003;border-color:#ffffff18}.discord-dot{position:absolute;left:64px;bottom:13px;width:14px;height:14px;margin:0;box-shadow:0 0 0 4px #4b4b4b}.discord-dot[data-status=dnd]:after{width:9px;margin:6px 2.5px}nav{margin-top:21px}#background{filter:grayscale(1) brightness(.74)}@media(max-width:380px){.presence{width:300px}.presence strong{font-size:16px}.presence>img{width:62px;height:62px}.discord-dot{left:55px}}

/* Glass profile / listening room */
html{min-height:100%;background:#070707}body{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto}.shade{background:linear-gradient(#0006,#0009),radial-gradient(ellipse at center,transparent,#0008)}#background{filter:grayscale(1) brightness(.65)}main{position:relative;left:auto;top:auto;transform:translateY(15px);width:min(510px,calc(100% - 32px));margin:54px auto 36px;padding:32px 36px 25px;border:1px solid #ffffff24;border-radius:30px;background:linear-gradient(145deg,#151515c7,#080808b8);backdrop-filter:blur(18px);box-shadow:0 30px 100px #0008,inset 0 1px #ffffff0a}.entered main{transform:none}.profile-eyebrow{font-size:9px;letter-spacing:3px;color:#999;margin-bottom:27px}.avatar-wrap{width:106px;height:106px;margin-bottom:19px}.avatar-wrap img{box-shadow:0 0 45px #fff2}h1{font-size:42px;font-weight:700;text-shadow:0 0 24px #fff5}#bio{font-size:14px;font-weight:400;color:#bcbcbc;margin:10px 0 26px}.presence{width:100%;background:#ffffff0b;border-color:#ffffff1a;border-radius:19px;padding:12px;min-height:86px;backdrop-filter:none}.presence>img{width:58px;height:58px}.presence strong{font-size:16px}.presence #status{font-style:normal;font-size:12px;color:#bcbcbc}.discord-dot{left:51px;bottom:13px;box-shadow:0 0 0 4px #242424}.presence .premium-badge img{width:21px;height:21px}nav{gap:12px;margin-top:23px}nav a,nav button{width:48px;height:48px;border:1px solid #ffffff20;border-radius:15px;background:#ffffff08}nav a:hover,nav button:hover{background:#ffffff16;transform:translateY(-3px);filter:none}nav svg{width:23px;height:23px}#toast{height:15px;font-size:11px;margin:7px 0}.music-panel{padding-top:20px;border-top:1px solid #ffffff18;text-align:left}.music-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.music-kicker{font-size:9px;letter-spacing:2.5px;color:#929292}.music-heading h2{font-size:19px;letter-spacing:-.4px;margin:7px 0 5px}.music-heading p{font-size:11px;color:#a5a5a5;margin:0;line-height:1.6}.video-player{overflow:hidden;border-radius:13px;border:1px solid #ffffff15;background:#080808;aspect-ratio:16/9;min-height:200px}.video-player iframe{width:100%;height:100%;min-height:200px;border:0;display:block}.track-source{display:inline-block;font-size:10px;color:#9b9b9b;text-decoration:none;margin-top:11px;padding:5px 0}.track-source:hover{color:white}.equalizer{height:22px;display:flex;align-items:center;gap:3px}.equalizer i{display:block;width:3px;height:6px;border-radius:2px;background:#eee}.equalizer i:nth-child(2){height:18px}.equalizer i:nth-child(3){height:12px}.equalizer i:nth-child(4){height:20px}footer{position:relative;bottom:auto;padding:0 0 25px;font-size:9px;letter-spacing:2px}.controls{top:18px;left:18px}.controls button{width:42px;height:42px;background:#0b0b0b99}.controls input{width:65px}#enter{background:#030303b8;font-size:24px}a:focus-visible,button:focus-visible{outline:2px solid #ddd;outline-offset:4px}@media(max-width:560px){main{margin:76px auto 24px;padding:25px 20px 20px;border-radius:25px;width:calc(100% - 30px)}h1{font-size:37px}.avatar-wrap{width:98px;height:98px}.profile-eyebrow{margin-bottom:23px}.presence{width:100%}.video-player,.video-player iframe{min-height:200px}.music-heading p{font-size:10px}.controls input{opacity:1}}@media(prefers-reduced-motion:reduce){main,.entered main{transform:none}#background{display:none}}

/* Minimal audio and custom cursor */
main{width:min(450px,calc(100% - 32px));padding:30px 30px 22px;margin:40px auto 28px;background:#0b0b0b80;backdrop-filter:blur(14px)}.profile-eyebrow{display:none}.avatar-wrap{width:108px;height:108px}nav a,nav button{border:0;background:transparent;border-radius:0;width:44px;height:44px}nav a:hover,nav button:hover{background:transparent;filter:drop-shadow(0 0 8px #fff7)}nav svg{width:27px;height:27px}nav{gap:15px;margin-top:20px}#toast{margin:0;height:17px}.mini-player{position:relative;display:flex;align-items:center;gap:12px;text-align:left;padding:19px 0 15px;border-top:1px solid #ffffff1a}.mini-player>button{display:grid;place-items:center;flex:none;width:35px;height:35px;background:#ffffff0b;border:1px solid #ffffff24;border-radius:50%}.mini-player>button svg{width:17px;height:17px;fill:currentColor;stroke:none}.track-info{min-width:0;flex:1;display:grid;gap:4px}.track-info strong{font-size:13px}.track-info span{font-size:9px;color:#aaa}.track-info .preview-note{font-size:9px;color:#777}.mini-wave{display:flex;gap:3px;align-items:center;height:22px}.mini-wave i{width:2px;height:4px;background:#bbb;border-radius:2px}.music-playing .mini-wave i{animation:wave .9s ease-in-out infinite alternate}.mini-wave i:nth-child(2){animation-delay:-.3s}.mini-wave i:nth-child(3){animation-delay:-.6s}.mini-wave i:nth-child(4){animation-delay:-.45s}#trackProgress{position:absolute;bottom:-4px;left:0;width:100%;height:3px;margin:0;opacity:.65;accent-color:#bbb}#cursorRing{display:none}@keyframes wave{to{height:19px}}@media(hover:hover) and (pointer:fine){html,body,button,a,input{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 2v17l5-5 4 7 3-2-4-6h7z' fill='white' stroke='%23111' stroke-width='1.5'/%3E%3C/svg%3E") 3 2,auto}#cursorRing{display:block;position:fixed;z-index:9999;top:-17px;left:-17px;width:34px;height:34px;border:1px solid #ffffff60;border-radius:50%;pointer-events:none;opacity:0;transition:width .15s,height .15s,opacity .2s,border-color .2s;will-change:transform}#cursorRing.visible{opacity:1}#cursorRing.hover{border-color:#fff;background:#ffffff0c}}@media(max-width:560px){main{margin:78px auto 24px;padding:28px 20px 22px}}@media(prefers-reduced-motion:reduce){#cursorRing{display:none}.mini-wave i{animation:none!important}}

/* Viewport centering and clean brand marks */
body{display:grid;place-items:center;min-height:100svh;padding:60px 16px;position:relative}main,.entered main{position:relative;inset:auto;transform:none;width:min(450px,100%);margin:0;padding:30px 30px 22px}footer{position:absolute;bottom:16px;left:0;padding:0;pointer-events:none}nav .brand-icon{width:28px;height:28px;fill:currentColor;stroke:none;shape-rendering:geometricPrecision}nav{gap:17px}nav a:hover,nav button:hover{filter:none;transform:translateY(-2px);opacity:.75}.avatar-wrap img,h1{backface-visibility:hidden}.mini-player{padding-top:18px;padding-bottom:18px}@media(max-width:560px){main,.entered main{margin:0;width:min(450px,100%);padding:26px 20px 22px}body{padding:72px 16px 50px}}@media(max-height:650px) and (min-width:561px){body{padding-top:32px;padding-bottom:32px}main,.entered main{padding-top:22px;padding-bottom:18px}.avatar-wrap{width:86px;height:86px;margin-bottom:12px}h1{font-size:36px}#bio{margin-bottom:18px}footer{display:none}}

/* Silver cursor with a subtle point of light */
@media(hover:hover) and (pointer:fine){html,body{cursor:url('assets/cursor.svg') 5 3,auto}a,button,input,[role=button]{cursor:url('assets/cursor-link.svg') 14 6,pointer}#cursorRing{width:5px;height:5px;top:-2px;left:-2px;border:0;background:#fff5;box-shadow:0 0 14px 5px #c9d5ff20;transition:opacity .2s;mix-blend-mode:screen}#cursorRing.hover{border:0;background:transparent;box-shadow:none}}

/* Bio list, oversized hover labels and quiet glass lighting */
.about-lines{list-style:none;margin:23px 0 4px;padding:0 8px;text-align:left;display:grid;gap:12px}.about-lines li{font-size:14px;font-weight:600;line-height:1.5;color:#aaa;position:relative;padding-left:20px;transition:color .2s,transform .2s}.about-lines li:before{content:"";position:absolute;left:0;top:7px;border-left:5px solid #888;border-top:4px solid transparent;border-bottom:4px solid transparent}.about-lines li:hover{color:#eee;transform:translateX(3px)}.about-lines a{color:#eee;text-decoration:none;border-bottom:1px dashed #aaa}.about-separator{color:#666}nav{margin-top:22px;margin-bottom:3px;gap:20px}nav a,nav button{position:relative}nav .brand-icon{width:32px;height:32px}nav a:hover,nav button:hover{opacity:1;filter:drop-shadow(0 0 10px #ffffff70);transform:translateY(-4px) scale(1.09)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 15px);transform:translate(-50%,7px) scale(.94);opacity:0;visibility:hidden;pointer-events:none;background:#101012f5;border:1px solid #ffffff2e;box-shadow:0 10px 28px #0008,inset 0 1px #ffffff0b;border-radius:14px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:800;letter-spacing:-.3px;line-height:1.2;white-space:nowrap;padding:13px 23px;transition:opacity .17s,transform .17s,visibility .17s;z-index:8;text-shadow:0 0 9px #fff3}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}main{isolation:isolate}main:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(250px circle at var(--spot-x,50%) var(--spot-y,20%),#ffffff09,transparent 75%);opacity:0;transition:opacity .3s}main:hover:before{opacity:1}.avatar-wrap img{transition:box-shadow .3s,transform .3s}.avatar-wrap:hover img{box-shadow:0 0 40px #ffffff30;transform:scale(1.035)}h1{transition:text-shadow .3s}h1:hover{text-shadow:0 0 12px #fff8,0 0 35px #fff3}.presence{transition:border-color .25s,background .25s}.presence:hover{background:#ffffff10;border-color:#ffffff35}@media(max-width:400px){.about-lines{padding-left:0;padding-right:0}.about-lines li{font-size:12px}[data-tip]:after{font-size:14px;padding:12px 17px}}@media(prefers-reduced-motion:reduce){nav a:hover,nav button:hover,.about-lines li:hover,.avatar-wrap:hover img{transform:none}main:before{display:none}}