@layer lynko.reset,lynko.tokens,lynko.layout,lynko.profile,lynko.links,lynko.social,lynko.footer,lynko.motion;@layer lynko.reset{*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{min-height:100%}body.lynko-body{min-height:100dvh;font-family:var(--lynko-font);font-size:var(--lynko-font-size);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}}@layer lynko.tokens{:root{color-scheme:light dark;--lynko-primary:#0ea5e9;--lynko-bg:#f0f7ff;--lynko-surface:rgba(255, 255, 255, 0.72);--lynko-surface-alt:rgba(255, 255, 255, 0.92);--lynko-text:#0c1a2e;--lynko-text-muted:#4a6280;--lynko-text-faint:#8ea8c3;--lynko-border:color-mix(in srgb, var(--lynko-primary) 20%, transparent);--lynko-border-glow:color-mix(in srgb, var(--lynko-primary) 55%, transparent);--lynko-shadow-sm:0 1px 4px  color-mix(in srgb, var(--lynko-primary) 10%, transparent);--lynko-shadow-md:0 4px 20px color-mix(in srgb, var(--lynko-primary) 14%, transparent);--lynko-shadow-lg:0 8px 40px color-mix(in srgb, var(--lynko-primary) 20%, transparent);--lynko-glow:0 0 20px   color-mix(in srgb, var(--lynko-primary) 28%, transparent);--lynko-font:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
                  "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lynko-font-size:clamp(0.9rem, 2.2vw, 1rem);--lynko-radius-sm:0.5rem;--lynko-radius-md:0.875rem;--lynko-radius-lg:1.25rem;--lynko-radius-pill:9999px;--lynko-ease:cubic-bezier(0.4, 0, 0.2, 1);--lynko-ease-out:cubic-bezier(0, 0, 0.2, 1);--lynko-dur-fast:140ms;--lynko-dur-base:240ms;--lynko-dur-slow:380ms;--lynko-blur:16px}@media(prefers-color-scheme:dark){:root{--lynko-bg:#080f1a;--lynko-surface:rgba(255, 255, 255, 0.045);--lynko-surface-alt:rgba(255, 255, 255, 0.08);--lynko-text:#deeeff;--lynko-text-muted:#7a9ab5;--lynko-text-faint:#3a5470;--lynko-border:color-mix(in srgb, var(--lynko-primary) 28%, transparent);--lynko-border-glow:color-mix(in srgb, var(--lynko-primary) 65%, transparent);--lynko-shadow-sm:0 1px 4px  rgba(0, 0, 0, 0.4);--lynko-shadow-md:0 4px 20px rgba(0, 0, 0, 0.5);--lynko-shadow-lg:0 8px 40px rgba(0, 0, 0, 0.6);--lynko-glow:0 0 24px   color-mix(in srgb, var(--lynko-primary) 35%, transparent)}}@supports(color:light-dark(#000,#fff)){:root{--lynko-bg:light-dark(#f0f7ff, #080f1a);--lynko-surface:light-dark(rgba(255,255,255,0.72), rgba(255,255,255,0.045));--lynko-surface-alt:light-dark(rgba(255,255,255,0.92), rgba(255,255,255,0.08));--lynko-text:light-dark(#0c1a2e, #deeeff);--lynko-text-muted:light-dark(#4a6280, #7a9ab5);--lynko-text-faint:light-dark(#8ea8c3, #3a5470)}}}@layer lynko.layout{.lynko-body{background-color:var(--lynko-bg);color:var(--lynko-text);background-image:radial-gradient( ellipse 130% 55% at 50% -5%,color-mix(in srgb,var(--lynko-primary) 18%,transparent) 0%,transparent 65% ),radial-gradient( circle at 85% 105%,color-mix(in srgb,var(--lynko-primary) 10%,transparent) 0%,transparent 40% );background-attachment:fixed}.lynko-main{display:grid;place-items:start center;min-height:100dvh;padding:clamp(2rem,5vw,4rem)1rem clamp(3rem,6vw,5rem)}.lynko-container{width:100%;max-width:460px;display:flex;flex-direction:column;gap:1.75rem}}@layer lynko.profile{.lynko-profile{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;animation:lynko-fade-up var(--lynko-dur-slow)var(--lynko-ease-out)both}.lynko-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:center;border:3px solid var(--lynko-border-glow);box-shadow:var(--lynko-glow),var(--lynko-shadow-sm);margin-bottom:.25rem;transition:border-color var(--lynko-dur-base)var(--lynko-ease),box-shadow var(--lynko-dur-base)var(--lynko-ease);&:hover{border-color:var(--lynko-primary);box-shadow:var(--lynko-glow),0 0 0 5px color-mix(in srgb,var(--lynko-primary) 14%,transparent)}}.lynko-name{font-size:clamp(1.3rem,4vw,1.7rem);font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--lynko-text)}.lynko-handle{font-size:.9rem;font-weight:500;color:var(--lynko-primary);letter-spacing:.01em}.lynko-bio{font-size:.9rem;color:var(--lynko-text-muted);max-width:34ch;line-height:1.55;margin-top:.15rem}.lynko-avatar-placeholder{width:88px;height:88px;border-radius:50%;background:color-mix(in srgb,var(--lynko-primary) 18%,var(--lynko-bg));border:3px solid var(--lynko-border-glow);box-shadow:var(--lynko-glow);display:grid;place-items:center;font-size:2rem;font-weight:700;color:var(--lynko-primary);letter-spacing:-.04em;margin-bottom:.25rem}}@layer lynko.links{.lynko-links{display:flex;flex-direction:column;gap:.65rem}.lynko-link{position:relative;display:grid;grid-template-columns:2.25rem 1fr 1.5rem;align-items:center;gap:.5rem;padding:.875rem 1rem .875rem 1.1rem;border-radius:var(--lynko-radius-md);background:var(--lynko-surface);border:1px solid var(--lynko-border);backdrop-filter:blur(var(--lynko-blur));-webkit-backdrop-filter:blur(var(--lynko-blur));box-shadow:var(--lynko-shadow-sm);cursor:pointer;animation:lynko-fade-up var(--lynko-dur-slow)var(--lynko-ease-out)both;animation-delay:var(--lynko-stagger,0s);transition:transform var(--lynko-dur-fast)var(--lynko-ease),border-color var(--lynko-dur-base)var(--lynko-ease),box-shadow var(--lynko-dur-base)var(--lynko-ease),background var(--lynko-dur-base)var(--lynko-ease);&::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient( 105deg,color-mix(in srgb,var(--lynko-primary) 8%,transparent) 0%,transparent 60% );opacity:0;transition:opacity var(--lynko-dur-base)var(--lynko-ease);pointer-events:none}&:hover, &:focus-visible{transform:translateY(-2px);border-color:var(--lynko-border-glow);background:var(--lynko-surface-alt);box-shadow:var(--lynko-shadow-lg),var(--lynko-glow);&::before{opacity:1}& .lynko-link-icon{transform:scale(1.1)rotate(-4deg)}& .lynko-link-arrow{transform:translateX(3px);color:var(--lynko-primary)}}&:active{transform:translateY(0)scale(.985)}&:focus-visible{outline:2px solid var(--lynko-primary);outline-offset:3px}}.lynko-link-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--lynko-radius-sm);background:color-mix(in srgb,var(--lynko-primary) 12%,transparent);color:var(--lynko-primary);flex-shrink:0;transition:transform var(--lynko-dur-base)var(--lynko-ease);& svg{width:18px;height:18px}}.lynko-link-label{font-size:.95rem;font-weight:600;color:var(--lynko-text);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lynko-link-arrow{display:grid;place-items:center;color:var(--lynko-text-faint);transition:transform var(--lynko-dur-base)var(--lynko-ease),color var(--lynko-dur-base)var(--lynko-ease);& svg{width:16px;height:16px}}}@layer lynko.social{.lynko-social{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem;animation:lynko-fade-up var(--lynko-dur-slow)var(--lynko-ease-out)both;animation-delay:.3s}.lynko-social-item{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--lynko-radius-sm);background:var(--lynko-surface);border:1px solid var(--lynko-border);backdrop-filter:blur(var(--lynko-blur));-webkit-backdrop-filter:blur(var(--lynko-blur));color:var(--lynko-text-muted);transition:transform var(--lynko-dur-fast)var(--lynko-ease),color var(--lynko-dur-base)var(--lynko-ease),background var(--lynko-dur-base)var(--lynko-ease),border-color var(--lynko-dur-base)var(--lynko-ease),box-shadow var(--lynko-dur-base)var(--lynko-ease);& svg{width:20px;height:20px;fill:currentColor}&:hover, &:focus-visible{color:var(--lynko-primary);background:color-mix(in srgb,var(--lynko-primary) 10%,var(--lynko-surface));border-color:var(--lynko-border-glow);box-shadow:var(--lynko-glow);transform:translateY(-3px)scale(1.08)}&:active{transform:scale(.95)}&:focus-visible{outline:2px solid var(--lynko-primary);outline-offset:3px}}}@layer lynko.footer{.lynko-footer{text-align:center;font-size:.78rem;color:var(--lynko-text-faint);padding-top:.25rem;animation:lynko-fade-up var(--lynko-dur-slow)var(--lynko-ease-out)both;animation-delay:.4s;& a{color:var(--lynko-text-muted);text-decoration-line:underline;text-decoration-style:dotted;text-underline-offset:3px;transition:color var(--lynko-dur-fast)var(--lynko-ease);&:hover{color:var(--lynko-primary)}}}}@layer lynko.motion{@keyframes lynko-fade-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}