@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(.22,1,.36,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{background:var(--glass);border:1px solid var(--glass-border);box-shadow:0 8px 28px -14px var(--shadow),inset 0 1px 0 #ffffff1a;-webkit-backdrop-filter:blur(8px);transition:background-color 1.5s ease,border-color 1.5s ease,box-shadow .45s ease,transform .65s var(--ease),color 1.5s ease;animation:card-arrive 1.1s var(--ease) backwards;border-radius:18px;position:relative;transform:translate(0,0)}.activity-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:.65;background:linear-gradient(125deg,#ffffff24,#0000 45%,#ffffff06);transition:opacity .5s;position:absolute;inset:0}.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 .7s 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:nowrap;text-overflow:ellipsis;color:var(--secondary);margin:4px 0 0;font-size:11px;line-height:17px;overflow:hidden}.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:0 4px 5.3px #0003;animation:name-arrive 1.3s var(--ease) .12s both;margin:0;font-size:clamp(64px,6.667vw,112px);font-weight:600;line-height:1.2}.name-dot{animation:dot-arrive 1.4s var(--ease) .5s both;display:inline-block}.weather-line{letter-spacing:-.4px;color:var(--secondary);text-shadow:0 2px 12px #00000014;animation:text-arrive 1.2s 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 1.05s 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 .45s 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 .45s 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:0 18px 34px -14px var(--shadow);transform:translateY(-5px)rotate(-.6deg)}.music-card:hover .album-art{transform:rotate(-4deg)scale(1.04)}.game-card:hover{transform:translate(-3px,-3px)}.activity-card:hover:before{opacity:1}.social-links a:hover>span,.social-links button:hover>span:first-child{transform:translate(-6px)}.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(-16px)rotateX(-7deg)}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(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-arrive{0%{opacity:0;transform:translateY(-20px)}55%{opacity:1;transform:translateY(3px)}75%{transform:translateY(-3px)}to{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{background:var(--pill);width:max-content;min-width:209px;max-width:100%;height:43px;box-shadow:0 3px 14px var(--shadow),0 0 9px var(--shadow);letter-spacing:-.4px;transition:background-color 1.5s ease,transform .35s var(--ease);animation:text-arrive 1s var(--ease) .1s backwards;border-radius:24px;align-items:center;gap:9px;margin:0 auto;padding:7px 16px 7px 11px;font-size:16px;display:flex}.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 .65s 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 .65s var(--ease),visibility .65s;grid-template-rows:0fr;display:grid;transform:translateY(-8px)}.activity-stack{transition:padding .65s var(--ease);align-items:stretch;gap:20px;padding:0;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 0 8px}.activity-card{width:100%;transition:transform .65s var(--ease),background-color 1.5s ease,border-color 1.5s ease;flex-shrink:0;animation:none;transform:translateY(-10px)scale(.97)}.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:translate(4px)}}@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 (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,.activities-toggle{-webkit-backdrop-filter:none;background:var(--pill)}}