:root{color-scheme:dark;--bg:#0a0a0b;--fg:#ededee;--secondary:#a0a0a6;--muted:#57575f;--hover:#161618;--border:#242427}
:root[data-theme="light"]{color-scheme:light;--bg:#fafafa;--fg:#202024;--secondary:#62626c;--muted:#92929b;--hover:#efeff1;--border:#e3e3e7}
*{box-sizing:border-box}html{height:100%;background:var(--bg)}body{margin:0;height:100%;height:100svh;min-height:280px;display:grid;place-items:center;background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}::selection{background:#74748155}.symbols{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--secondary);outline-offset:5px}main{width:max-content;max-width:calc(100% - 48px)}.links{list-style:none;margin:0;padding:0}.links li{animation:arrive .65s both cubic-bezier(.22,1,.36,1)}.links li:nth-child(1){animation-delay:.07s}.links li:nth-child(2){animation-delay:.12s}.links li:nth-child(3){animation-delay:.17s}.links a{display:flex;align-items:center;gap:13px;min-height:52px;padding:0 12px;border-radius:9px;color:var(--secondary);font-size:14px;letter-spacing:-.15px;transition:background .2s ease,color .2s ease,transform .25s cubic-bezier(.22,1,.36,1)}.link-icon{position:relative;width:19px;height:19px;flex:0 0 19px;color:var(--muted);transition:color .18s ease}.link-icon .icon{position:absolute;inset:0;transition:opacity .18s ease}.icon-outline{opacity:1}.icon-solid{opacity:0;fill:currentColor;stroke:none}.icon-cutout{fill:none;stroke:var(--hover);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.links a:is(:hover,:focus-visible) .icon-outline{opacity:0}.links a:is(:hover,:focus-visible) .icon-solid{opacity:1}.links a:hover,.links a:focus-visible{background:var(--hover);color:var(--fg);transform:translateX(3px)}.links a:hover .link-icon,.links a:focus-visible .link-icon{color:var(--fg)}.theme-toggle{position:fixed;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));height:40px;width:40px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:color .2s,background .2s}.theme-toggle[hidden]{display:none}.theme-toggle:hover{color:var(--fg);background:var(--hover)}.theme-toggle .icon{position:absolute;left:10px;top:10px;width:18px;height:18px;transition:transform .35s ease,opacity .25s ease}.moon{opacity:0;transform:rotate(60deg) scale(.5)}[data-theme="light"] .moon{opacity:1;transform:rotate(0) scale(1)}[data-theme="light"] .sun{opacity:0;transform:rotate(-60deg) scale(.5)}footer{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:10px;letter-spacing:.2px;color:var(--muted);animation:arrive .8s .2s both}main,footer{transition:color .3s} @keyframes arrive{from{opacity:0;translate:0 8px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@media(max-width:480px){main{max-width:calc(100% - 48px)}.theme-toggle{top:18px;right:18px}.links a{min-height:51px}}
@media(max-height:500px){main{transform:none}.links a{min-height:43px}footer{bottom:12px;font-size:9px}.theme-toggle{top:10px;right:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}