:root{accent-color:var(--clr-accent);--clr-bg:#f7f4ee;--clr-page-sago-blue:#8ed8f4;--clr-surface-glass:#ffffffb8;--clr-surface-muted:#edf2f1;--clr-surface-highlight:#ffffffb8;--clr-text:#15191d;--clr-text-muted:#5f6b73;--clr-accent:#0d7f79;--clr-image-outline:#0000001a;--clr-social-facebook-soft:#1877f224;--clr-social-instagram-soft:#e1306c24;--clr-social-threads-soft:#00000014;--clr-social-linkedin-soft:#0a66c224;--clr-social-github-soft:#24292f1a;--clr-social-twitter-soft:#1da1f224;--clr-social-pixiv-soft:#0096fa24;--clr-social-discord-soft:#5865f224;--clr-social-spotify-soft:#1ed76024;--clr-social-steam-soft:#171a2114;--clr-social-tetrio-soft:#df4eaa24;--shadow-surface:inset 0 1px var(--clr-surface-highlight), 0 1px 2px #15191d14, 0 12px 32px #15191d0f;--shadow-surface-hover:inset 0 1px var(--clr-surface-highlight), 0 2px 4px #15191d1a, 0 16px 40px #15191d14;--gradient-page-bleed:linear-gradient(180deg, var(--clr-bg) 0%, var(--clr-bg) 50%, var(--clr-page-sago-blue) 50%, var(--clr-page-sago-blue) 100%);--gradient-page:linear-gradient(180deg, var(--clr-bg) 0%, var(--clr-bg) 42%, var(--clr-page-sago-blue) 100%);--gradient-page-softener:linear-gradient(180deg, #f7f4eeb8 0%, #f7f4ee85 48%, #f7f4ee29 100%);--ease-out:cubic-bezier(.2, 0, 0, 1)}
:root{--ff-body:"IBM Plex Sans", "Avenir Next", "Segoe UI", sans-serif;--ff-display:var(--ff-body);--fs-body:1rem;--fs-link:1.125rem;--fs-title:3rem;--fw-medium:500;--fw-bold:700;--font-body-md:var(--fw-medium) var(--fs-body) / 1.6 var(--ff-body);--font-link:var(--fw-bold) var(--fs-link) / 1 var(--ff-body);--font-display:var(--fw-bold) var(--fs-title) / .96 var(--ff-display);--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--size-border-1:1px;--size-profile-avatar:104px;--size-content-max:480px;--size-hit-area:40px;--size-link-row:64px;--size-link-logo:28px;--size-link-label-cap-offset:calc(var(--space-4) / 2);--measure-copy:36ch;--radius-8:8px}@media (min-width:640px){:root{--fs-title:3.5rem}}
*{box-sizing:border-box;margin:0;padding:0}html{color:var(--clr-text);background-color:var(--clr-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{z-index:0;min-width:320px;min-height:100vh;font:var(--font-body-md);line-height:1.5;position:relative}body:after{z-index:-1;background:var(--gradient-page-bleed);content:"";pointer-events:none;position:fixed;inset:0}a{color:inherit}:focus-visible{outline:calc(var(--space-16) / 8) solid var(--clr-accent);outline-offset:calc(var(--space-16) / 8)}.app{z-index:0;min-height:100vh;padding:var(--space-48) var(--space-16) calc(var(--space-32) + var(--space-4));align-items:start;display:grid;position:relative;overflow:hidden}.app:before{z-index:-1;background:var(--gradient-page-softener);content:"";pointer-events:none;position:absolute;inset:0}.shader-background{z-index:-2;background:var(--gradient-page);pointer-events:none;width:100%;height:100%;min-height:100vh;position:absolute;inset:0}.linktree{gap:var(--space-24);width:min(100%, var(--size-content-max));margin:0 auto;display:grid}.identity{justify-items:center;gap:var(--space-16);text-align:center;color:var(--clr-text);display:grid}.identity-card__avatar{width:var(--size-profile-avatar);height:var(--size-profile-avatar);object-fit:cover;outline:var(--size-border-1) solid var(--clr-image-outline);border-radius:50%}.identity-card__title{font:var(--font-display);text-wrap:balance}.identity-card__description{max-width:var(--measure-copy);color:var(--clr-text-muted);text-wrap:pretty}.identity--hsi .identity-card__description{margin-top:calc(var(--space-12) * -1)}.identity--sago .identity-card__description{margin-bottom:calc(var(--space-8) * -1)}.identity--sago .identity-card__avatar{margin-top:calc(var(--space-12) / 2)}.social-list{gap:var(--space-8);display:grid}.social-link{isolation:isolate;grid-template-columns:var(--size-hit-area) 1fr;align-items:center;gap:var(--space-12);min-height:var(--size-link-row);padding:var(--space-12);color:var(--clr-text);background-color:var(--clr-surface-glass);-webkit-backdrop-filter:blur(var(--space-16)) saturate(1.08);backdrop-filter:blur(var(--space-16)) saturate(1.08);border-radius:var(--radius-8);box-shadow:var(--shadow-surface);transition-property:box-shadow,transform;transition-duration:.18s;transition-timing-function:var(--ease-out);text-decoration:none;display:grid;position:relative;overflow:hidden}.social-link:before{z-index:0;background:var(--social-link-tone,var(--clr-surface-muted));border-radius:inherit;content:"";pointer-events:none;transform-origin:0;transition-duration:inherit;transition-property:transform;transition-timing-function:inherit;position:absolute;inset:0;transform:scaleX(0)}.social-link>*{z-index:1;position:relative}.social-link:hover{box-shadow:var(--shadow-surface-hover)}.social-link:hover:before{transform:scaleX(1)}.social-link:active{transform:scale(.96)}.social-link--facebook{--social-link-tone:var(--clr-social-facebook-soft)}.social-link--instagram{--social-link-tone:var(--clr-social-instagram-soft)}.social-link--threads{--social-link-tone:var(--clr-social-threads-soft)}.social-link--linkedin{--social-link-tone:var(--clr-social-linkedin-soft)}.social-link--github{--social-link-tone:var(--clr-social-github-soft)}.social-link--twitter{--social-link-tone:var(--clr-social-twitter-soft)}.social-link--pixiv{--social-link-tone:var(--clr-social-pixiv-soft)}.social-link--discord{--social-link-tone:var(--clr-social-discord-soft)}.social-link--spotify{--social-link-tone:var(--clr-social-spotify-soft)}.social-link--steam{--social-link-tone:var(--clr-social-steam-soft)}.social-link--tetrio{--social-link-tone:var(--clr-social-tetrio-soft)}.social-link__icon{width:var(--size-hit-area);height:var(--size-hit-area);place-items:center;display:grid}.social-link__logo{width:var(--size-link-logo);height:var(--size-link-logo);object-fit:contain;display:block}.social-link__copy{min-width:0}.social-link__label{font:var(--font-link);transform:translateY(var(--size-link-label-cap-offset));align-items:center;display:inline-flex}@media (min-width:640px){.app{padding:var(--space-64) var(--space-24)}.linktree{gap:var(--space-32)}}