@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/be-vietnam-pro-regular.ttf)format("truetype")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/be-vietnam-pro-semibold.ttf)format("truetype")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/be-vietnam-pro-bold.ttf)format("truetype")}:root{font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#101a21;--secondary:#0d1820c2;--muted:#0d18208f;--label:#0d18206e;--glass:#f5f9ff9e;--glass-border:#ffffffa6;--track:#ffffff94;--progress:#23323e;--pill:#f8fbffcc;--shadow:#1228441f;--ease:cubic-bezier(.4,0,.2,1);font-family:Be Vietnam Pro,sans-serif}*{box-sizing:border-box}html,body{background:#477da4;width:100%;min-height:100%;margin:0}body{color:var(--text);transition:color 1.5s,background-color 1.5s;overflow-x:hidden}body[data-night=true]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#f6f8fc;--secondary:#f4f9ffbf;--muted:#e6f2fb87;--label:#e5f1ff7a;--glass:#040e168f;--glass-border:#a3cddf1f;--track:#e9f7ff3b;--progress:#f2f9ff;--pill:#010c11d1;--shadow:#00000040;background:#0a1e2a}body[data-period=dawn],body[data-period=dusk]{--glass:#fae6d594;--glass-border:#ffefde80}body[data-night=true][data-period=dawn],body[data-night=true][data-period=dusk]{--glass:#27192499;--glass-border:#eacfd52e}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--text);outline-offset:6px;border-radius:5px}[hidden]{display:none!important}#background{pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}body[data-webgl=false]{background-image:url(/assets/sky-day.webp);background-position:50%;background-size:cover;background-attachment:fixed}body[data-webgl=false][data-night=true]{background-image:url(/assets/sky-night.webp)}.sky-vignette{pointer-events:none;background:linear-gradient(#0000 65%,#d9eaf22b);transition:background 1.5s;position:fixed;inset:0}body[data-night=true] .sky-vignette{background:linear-gradient(#0000 55%,#000f1847)}.profile{isolation:isolate;min-height:100svh;position:relative}.activities{z-index:3;perspective:900px;width:320px;position:absolute;top:65px;right:50px}.activities-toggle{display:none}.activity-stack{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.activity-card{z-index:0;box-shadow:none;transition:background-color 1.5s ease,border-color 1.5s ease,box-shadow .45s ease,transform .28s var(--ease),color 1.5s ease;animation:card-arrive .7s var(--ease) backwards;background:0 0;border:0;border-radius:18px;position:relative;transform:translate(0,0)}.activity-card:before,.activities-toggle:before{content:"";z-index:-1;pointer-events:none;background:var(--glass);-webkit-backdrop-filter:blur(24px);transition:background-color 1.5s;position:absolute;inset:-8px;-webkit-mask:url(/design-assets/surface-mask.svg) 50%/100% 100% no-repeat;mask:url(/design-assets/surface-mask.svg) 50%/100% 100% no-repeat}.activities-toggle:before{-webkit-mask-image:url(/design-assets/pill-mask.svg);mask-image:url(/design-assets/pill-mask.svg)}.music-card{gap:10px;width:320px;min-height:108px;padding:15px;animation-delay:.12s;display:flex}.album-art{object-fit:cover;width:77px;height:77px;transition:transform .28s var(--ease);border-radius:7px;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.music-content{flex:1;align-self:center;min-width:0}.track-title,.game-content h2{letter-spacing:-.48px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:600;line-height:19px;overflow:hidden}.track-artist,.track-album{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:16px;overflow:hidden}.track-progress{background:var(--track);border-radius:5px;height:5px;margin-top:6px;transition:background 1.5s;position:relative;overflow:hidden}.track-progress>span{border-radius:inherit;background:var(--progress);transform-origin:0;width:38.6%;height:100%;animation:progress-arrive 1.6s var(--ease) .5s both;transition:background 1.5s;display:block}.track-times{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:10px;margin-top:3px;font-size:7px;line-height:10px;display:flex}.music-card[data-state=playing] .track-progress>span{width:30%;animation:3.4s ease-in-out infinite playing-sweep}.music-card[data-state=recent] .track-progress>span{opacity:.5;width:100%}.music-card[data-state=unavailable] .track-progress>span{width:0}.game-card{align-items:center;gap:11px;width:281px;min-height:105px;padding:15px 17px;animation-delay:.25s;display:flex}.game-art-wrap{flex-shrink:0;width:65px;height:68px;position:relative}.game-art{object-fit:cover;border-radius:10px;width:65px;height:68px;transition:filter .5s,opacity .5s}.game-content{flex:1;min-width:0}.activity-label{color:var(--label);margin:0 0 2px;font-size:10px;font-weight:700;line-height:16px}.game-details{white-space:pre-line;overflow-wrap:anywhere;color:var(--secondary);margin:4px 0 0;font-size:11px;line-height:17px}.game-time{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:10px;line-height:15px}.presence-dot{display:none}.game-card[data-state=playing] .presence-dot,.game-card[data-state=online] .presence-dot{background:#85cda1}.game-card[data-state=idle] .presence-dot{background:#e6ba75}.game-card[data-state=dnd] .presence-dot{background:#e19091}.game-card[data-state=offline] .game-art{filter:grayscale(.65);opacity:.65}.introduction{z-index:1;max-width:calc(100% - 260px);position:absolute;bottom:41px;left:54px}h1{letter-spacing:-5px;text-shadow:none;animation:name-arrive .85s var(--ease) .12s both;margin:0;font-size:clamp(64px,6.667vw,112px);font-weight:600;line-height:1.2}.name-dot{animation:text-arrive .65s var(--ease) .25s backwards;display:inline-block}.weather-line{letter-spacing:-.4px;color:var(--secondary);text-shadow:0 2px 12px #00000014;animation:text-arrive .7s var(--ease) .4s both;margin:0;font-size:20px;line-height:1.5}.quote{transition:opacity .35s,filter .35s;display:inline}.quote.is-changing{opacity:0;filter:blur(3px)}.social-links{z-index:2;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:39px;right:50px}.social-links>a,.social-links>button{letter-spacing:-.3px;animation:text-arrive .65s var(--ease) both;padding:0;font-size:20px;font-weight:400;line-height:39px;position:relative}.social-links>:first-child{animation-delay:.5s}.social-links>:nth-child(2){animation-delay:.56s}.social-links>:nth-child(3){animation-delay:.62s}.social-links>:nth-child(4){animation-delay:.68s}.social-links>:nth-child(5){animation-delay:.74s}.social-links>a>span,.social-links>button>span:first-child{transition:transform .25s var(--ease);display:block;position:relative}.social-links>a>span:after,.social-links>button>span:first-child:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .25s var(--ease);background:currentColor;position:absolute;bottom:5px;left:0;transform:scaleX(0)}.copy-label{white-space:nowrap;opacity:0;transition:opacity .3s,transform .4s var(--ease);color:var(--secondary);font-size:10px;position:absolute;top:0;right:calc(100% + 12px);transform:translate(7px)}#copy-discord.is-copied .copy-label{opacity:1;transform:translate(0)}.toast{z-index:10;border:1px solid var(--glass-border);background:var(--pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100% - 30px);color:var(--text);text-align:center;animation:toast-arrive .4s var(--ease) both;border-radius:14px;padding:13px 20px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.music-card:hover{box-shadow:none;transform:scale(1.02)}.music-card:hover .album-art,.game-card:hover,.social-links a:hover>span,.social-links button:hover>span:first-child{transform:scale(1.02)}.social-links a:hover>span:after,.social-links button:hover>span:first-child:after{transform:scaleX(1)}}@keyframes card-arrive{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translate(0,0)}}@keyframes name-arrive{0%{opacity:0;filter:blur(7px);transform:translateY(24px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes text-arrive{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-arrive{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes playing-sweep{0%,to{transform:translate(-100%)}70%{transform:translate(340%)}}@keyframes toast-arrive{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width>=761px) and (height<=570px){.activities{top:28px;right:30px}.introduction{bottom:24px;left:30px}.social-links{bottom:24px;right:30px}.social-links>a,.social-links>button{font-size:16px;line-height:30px}h1{margin-bottom:12px;font-size:64px}.weather-line{max-width:620px;font-size:15px}}@media (width<=1000px) and (width>=761px){.weather-line{max-width:570px;font-size:17px}.quote-divider{display:none}.quote{display:block}.introduction{left:36px}.social-links,.activities{right:36px}h1{letter-spacing:-3px}}@media (width<=760px){.profile{min-height:max(100svh,760px)}.activities{width:min(320px,100vw - 48px);top:65px;left:50%;right:auto;transform:translate(-50%)}.activities-toggle{z-index:0;width:max-content;min-width:209px;max-width:100%;height:43px;box-shadow:none;letter-spacing:-.4px;transition:background-color 1.5s ease,transform .25s var(--ease);animation:text-arrive .65s var(--ease) .1s backwards;background:0 0;border:0;border-radius:24px;align-items:center;gap:9px;margin:0 auto;padding:7px 16px 7px 11px;font-size:16px;display:flex;position:relative}.activities-toggle:active{transform:scale(.97)}.toggle-icon{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid;overflow:hidden;box-shadow:0 0 5px #ffffff73}.toggle-icon img{width:24px;height:24px;transition:transform .28s var(--ease)}.activities-toggle[aria-expanded=true] .toggle-icon img{transform:rotate(180deg)}.activity-disclosure{visibility:hidden;opacity:0;transition:grid-template-rows .65s var(--ease),opacity .4s ease,transform .28s var(--ease),visibility .65s;grid-template-rows:0fr;display:grid;transform:translateY(20px)}.activity-stack{transition:padding .65s var(--ease);align-items:stretch;gap:20px;margin:0 -12px;padding:0 12px;overflow:hidden}.activities[data-open=true] .activity-disclosure{visibility:visible;opacity:1;grid-template-rows:1fr;transform:translateY(0)}.activities[data-open=true] .activity-stack{padding:27px 12px 12px}.activity-card{width:100%;transition:transform .28s var(--ease),background-color 1.5s ease,border-color 1.5s ease;flex-shrink:0;animation:none;transform:translateY(24px)scale(.98)}.activities[data-open=true] .activity-card{transform:translateY(0)scale(1)}.activities[data-open=true] .game-card{transition-delay:70ms,0s,0s}.game-card{gap:14px;min-height:98px;padding:14px 19px}.game-art-wrap{width:65px}.game-details{font-size:12px}.introduction{max-width:calc(100% - 66px);bottom:246px;left:36px}h1{letter-spacing:-1.3px;margin-bottom:0;font-size:40px;line-height:1.25}.weather-line{letter-spacing:-.3px;font-size:16px;line-height:23px}.quote-divider{display:none}.quote{max-width:315px;min-height:23px;display:block}.social-links{align-items:flex-start;bottom:34px;left:36px;right:auto}.social-links>a,.social-links>button{font-size:20px;line-height:39px}.copy-label{left:calc(100% + 14px);right:auto}.track-title{font-size:16px}.toast{white-space:nowrap;bottom:18px}.social-links a:hover>span,.social-links button:hover>span:first-child{transform:scale(1.02)}}@media (width<=360px){.activities{width:calc(100vw - 32px)}.introduction,.social-links{left:24px}h1{font-size:37px}.track-title{font-size:14px}.music-card{gap:9px;padding:13px}.album-art{width:70px;height:70px}.quote{font-size:14px}}@media (width<=760px){.profile{min-height:100svh;padding:clamp(28px,8svh,65px) 36px max(24px,env(safe-area-inset-bottom));flex-direction:column;gap:24px;display:flex}.activities{flex-shrink:0;align-self:center;width:min(320px,100%);position:relative;top:auto;left:auto;right:auto;transform:none}.introduction{max-width:100%;margin-top:auto;padding-top:32px;position:relative;bottom:auto;left:auto}.social-links{flex-shrink:0;position:relative;bottom:auto;left:auto;right:auto}h1{font-size:clamp(32px,10.66vw,40px)}.quote{overflow-wrap:break-word;max-width:100%}}@media (width<=360px){.profile{padding-left:24px;padding-right:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.quote.is-changing{opacity:1;filter:none}}@media (prefers-reduced-transparency:reduce){.activity-card:before,.activities-toggle:before{border-radius:inherit;-webkit-backdrop-filter:none;background:var(--pill);inset:0;-webkit-mask:none;mask:none}}