:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#e9eef5;--panel:#f7f8fb;--hero:#f2f5fa;--card:#fff;--ink:#141a29;--heading:#243047;--muted:#55607a;--line:#d0d8e6;--hover-border:#aab8cd;--hover-shadow:0 4px 12px #1f2f4517;--focus:#3c6bff;--shadow:0 8px 26px #1726421f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#171f2c;--panel:#141b2b;--hero:#1a2232;--card:#1c2538;--ink:#eef2fb;--heading:#f3f6fd;--muted:#a5b4d0;--line:#2e3950;--hover-border:#4f617f;--hover-shadow:0 5px 14px #0207104d;--focus:#7da4ff;--shadow:0 10px 30px #01050d5c}}*{box-sizing:border-box;margin:0}html,body{min-height:100%}html{background:var(--bg,#e9eef5)}body{color:var(--ink,#141a29);background:var(--panel,#f7f8fb);width:min(700px,100% - 2rem);box-shadow:var(--shadow);border:1px solid #ffffff52;border-radius:16px;margin:clamp(1rem,3vw,2.2rem) auto;font-family:system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.4;animation:.5s ease-out both lift-in;overflow:hidden}.hero{background:var(--hero,#f2f5fa);border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom:1px solid var(--line,#d0d8e6);flex-direction:column;padding:clamp(1.1rem,3vw,1.6rem);display:flex}h1{color:var(--heading);letter-spacing:.01em;font-family:system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:clamp(1.6rem,3.2vw,2.1rem);font-weight:600;line-height:1}.content{padding:clamp(.8rem,2.4vw,1.2rem)}.network-grid{flex-wrap:wrap;gap:.65rem;padding:0;list-style:none;display:flex}.network-grid li{flex:205px;min-width:0}.network{color:inherit;border:1px solid var(--line,#d0d8e6);background:var(--card,#fff);border-radius:11px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.1rem .68rem;height:100%;padding:.72rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.42s ease-out both card-in;display:grid}.network-grid li:nth-child(2) .network{animation-delay:70ms}.network-grid li:nth-child(3) .network{animation-delay:.14s}.network:hover{box-shadow:var(--hover-shadow,0 4px 12px #1f2f4517);border-color:var(--hover-border,#aab8cd);transform:translateY(-1px)}.network:focus-visible{outline:3px solid var(--focus);outline-offset:2px;box-shadow:var(--hover-shadow,0 4px 12px #1f2f4517);border-color:var(--hover-border,#aab8cd);transform:translateY(-1px)}.icon-b{fill:currentColor;flex:none;grid-row:1/span 2;width:1.75rem;height:1.75rem;display:block}.icon-b use{fill:currentColor}.net_name{min-width:0;font-size:.95rem;font-weight:600}.p{min-width:0;color:var(--muted,#55607a);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.network[data-network=github] .icon-b{color:#0f6df7}.network[data-network=lastfm] .icon-b{color:#d62246}.network[data-network=instagram] .icon-b{color:#d95b2f}@keyframes lift-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=620px){body{border:0;border-radius:0;width:100%;min-height:100vh;margin:0}.network-grid li{flex-basis:100%}}