@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseRing{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.fade-up{animation:fadeUp .55s var(--ease-out) both}.d1{animation-delay:50ms}.d2{animation-delay:.15s}.d3{animation-delay:.25s}.d4{animation-delay:.38s}.d5{animation-delay:.5s}.float-anim{animation:4.5s ease-in-out infinite floatY}.xn-nav-btn{font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:color var(--dur-base), background var(--dur-base);background:0 0;border:none;border-radius:8px;padding:8px 13px;font-size:14px;font-weight:500}.xn-nav-btn:hover,.xn-nav-btn.active{color:var(--text-primary);background:var(--surface-hover)}.xn-social{border:1px solid var(--border-subtle);background:var(--surface-raised);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-base), border-color var(--dur-base);border-radius:9px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.xn-social:hover{color:var(--text-primary);border-color:var(--border-strong)}.xn-footer-link{color:var(--text-secondary);transition:color var(--dur-base);cursor:pointer;font-size:14px}.xn-footer-link:hover{color:var(--text-primary)}.xn-proj-card{border-radius:var(--radius-lg);border:1px solid var(--border-hairline);background:var(--surface-card);cursor:pointer;transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base);overflow:hidden}.xn-proj-card:hover{box-shadow:var(--glow-sm-brand);transform:translateY(-4px)}.xn-skill-card{border-radius:var(--radius-lg);border:1px solid var(--border-hairline);background:var(--surface-card);transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-base);padding:24px}.xn-skill-card:hover{border-color:var(--border-brand);transform:translateY(-3px)}.xn-gear{border-radius:var(--radius-md);border:1px solid var(--border-hairline);background:var(--surface-raised);color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.04em;transition:border-color var(--dur-base), color var(--dur-base);white-space:nowrap;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.xn-gear:hover{border-color:var(--border-subtle);color:var(--text-primary)}.xn-icon-btn{border:1px solid var(--border-subtle);background:var(--surface-raised);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-base), border-color var(--dur-base);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.xn-icon-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.xn-section{padding:var(--section-y) var(--gutter)}.xn-container{max-width:1180px;margin:0 auto}.theme-light{--bg-app:#f9fafb;--text-primary:#111827;--grid-line:#0000000a}a{color:inherit;text-decoration:none}