:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--radius: 8px;--transition-fast: .2s;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--color-primary-glow: #646cffaa;--color-vue-glow: #42b883aa;--color-muted-text: #888888;--color-white: #ffffff;--color-black: #000000;--color-red: #ef4444bb;--color-yellow: #f59f0bc2;--color-green: #10b981c6;--color-blue: #646cffc7;--color-blue-dark: #64ceffc7;--color-red-hover: #ef4444;--color-yellow-hover: #f59e0b;--color-green-hover: #10b981;--color-blue-hover: #646cff;--skill-vue-bg: linear-gradient(135deg, #e8fff3, #f4fffb);--skill-vue-fg: #0b5d3a;--skill-react-bg: linear-gradient(135deg, #e8f7ff, #f4fbff);--skill-react-fg: #116a85;--skill-ts-bg: linear-gradient(135deg, #e9f0ff, #f4f7ff);--skill-ts-fg: #244c9a;--skill-next-bg: linear-gradient(135deg, #f6f6f6, #fbfbfb);--skill-next-fg: #222;--skill-tw-bg: linear-gradient(135deg, #e7f9ff, #f2fcff);--skill-tw-fg: #0e5968;--skill-vite-bg: linear-gradient(135deg, #fff0ff, #fff7ff);--skill-vite-fg: #6e2d7f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scroll-behavior:smooth}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:8px;border:2px solid var(--scrollbar-track)}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}@media (prefers-reduced-motion: no-preference){:root.theme-anim,:root.theme-anim *{transition:background-color .32s ease,color .32s ease,border-color .32s ease,outline-color .32s ease,fill .32s ease,stroke .32s ease}}:root[data-theme=light]{color-scheme:light;--color-bg: #ffffff;--color-text: #213547;--color-border: #e6e6e6;--color-muted: #6b7280;--color-primary: #646cff;--color-primary-hover: #747bff;--color-link: #646cff;--color-link-hover: #747bff;--color-muted-text: #888888;--color-primary-glow: #646cffaa;--color-vue-glow: #42b883aa;--hero-accent: #646cff;--scrollbar-track: #f0f2f5;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8;--footer-bg: #101828;--footer-title: #FFFFFF;--footer-section-text: #888888;--footer-text: #FFFFFF;--footer-border: #FFFFFF;--hero-grid-color: rgba(2, 6, 23, .04);--hero-terminal-tint: rgba(255, 255, 255, .385);--box-shadow-primary: 1px 5px 16px var(--color-blue);--box-shadow-secondary: 0 2px 8px var(--color-white)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0b0f14;--color-text: rgba(235, 239, 245);--color-surface: #0f141a;--color-border: #1f2937;--color-muted: #94a3b8;--hero-accent: #64b4ff;--color-primary: #64ceffc7;--color-primary-hover: #64ceff;--color-link: #64ceffc7;--color-link-hover: #64ceff;--color-muted-text: rgba(235, 239, 245, .92);--color-primary-glow: rgba(79, 70, 229, .55);--color-vue-glow: rgba(66, 184, 131, .55);--hero-gradient: radial-gradient( 1200px 600px at 50% -10%, rgba(79, 70, 229, .1), transparent 60% );--scrollbar-track: #0f141a;--scrollbar-thumb: #2b3645;--scrollbar-thumb-hover: #3b4758;--footer-bg: #101828;--footer-title: #FFFFFF;--footer-section-text: #888888;--footer-text: #FFFFFF;--footer-border: #FFFFFF;--hero-grid-color: rgba(255, 255, 255, .2);--hero-terminal-tint: rgb(255, 255, 255);--box-shadow-primary: 1px 5px 16px var(--color-blue-dark);--box-shadow-secondary: 0px 2px 8px var(--color-blue-dark)}@media (prefers-reduced-motion: reduce){.no-motion *,.no-motion{animation:none!important;transition:none!important}}a{font-weight:500;color:var(--color-link);text-decoration:inherit}a:hover{color:var(--color-link-hover)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg);color:var(--color-text)}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--radius);border:1px solid var(--color-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast);box-shadow:var(--shadow-sm)}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{margin:0 auto;padding:0;text-align:center}.site-header[data-v-6b4632e3]{position:sticky;width:100%;top:0;left:0;right:0;z-index:50;background:color-mix(in oklab,var(--color-bg),transparent 5%);backdrop-filter:blur(8px);transition:transform .2s ease,opacity .2s ease}.container[data-v-6b4632e3]{max-width:1100px;margin:0 auto;padding:.75rem 1rem}.bar[data-v-6b4632e3]{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem}.subbar[data-v-6b4632e3]{display:flex;align-items:center;min-height:2rem;margin-top:.25rem}.tagline[data-v-6b4632e3]{color:var(--color-muted-text);font-size:.95rem}.brand[data-v-6b4632e3]{display:inline-flex;align-items:center;gap:.5rem}.brand-logo[data-v-6b4632e3]{height:48px}.brand-name[data-v-6b4632e3]{font-weight:700;letter-spacing:.2px}.brand-link[data-v-6b4632e3]{display:inline-block;transition:transform .22s ease,opacity .12s ease}.brand-link[data-v-6b4632e3]:hover,.brand-link[data-v-6b4632e3]:focus-visible{transform:scale(1.08)}.nav[data-v-6b4632e3]{display:inline-flex;gap:1rem}.nav a[data-v-6b4632e3]{color:var(--color-text);text-decoration:none;padding:.25rem 0;border-bottom:1px solid transparent;transition:color .12s ease,border-color .12s ease}.nav a[data-v-6b4632e3]:hover{color:var(--color-link-hover);border-color:var(--color-border)}.nav a.active[data-v-6b4632e3]{color:var(--color-link-hover);border-color:var(--color-primary)}.theme-toggle[data-v-6b4632e3]{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:.95rem}.fade-in[data-v-6b4632e3]{opacity:1;transition:opacity .2s ease}.hide-header[data-v-6b4632e3]{transform:translateY(-100%);opacity:0;pointer-events:none}@media (max-width: 768px){.bar[data-v-6b4632e3]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.brand[data-v-6b4632e3]{order:1}.theme-toggle[data-v-6b4632e3]{order:2;margin-left:auto}.nav[data-v-6b4632e3]{order:3;width:100%}}.fade-out[data-v-6b4632e3]{opacity:0;transition:opacity .2s ease}.footer[data-v-f5587d00]{background:var(--footer-bg);color:var(--footer-text);height:100vh;backdrop-filter:blur(10px)}@media (min-width: 768px){.footer[data-v-f5587d00]{height:auto}}.container[data-v-f5587d00]{max-width:1100px;margin:0 auto}.cols[data-v-f5587d00]{display:grid;gap:1.5rem;align-items:start}.block[data-v-f5587d00]{display:grid;gap:.5rem}.brand-block[data-v-f5587d00]{justify-items:start;align-content:start}.brand[data-v-f5587d00]{font-weight:700;letter-spacing:.2px}.title[data-v-f5587d00]{font-weight:600;font-size:.85rem;color:var(--footer-title);opacity:.85;text-transform:none}.muted[data-v-f5587d00]{color:var(--color-muted-text)}.list[data-v-f5587d00]{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.list a[data-v-f5587d00]{color:var(--footer-section-text);text-decoration:none}.list a[data-v-f5587d00]:hover{color:var(--color-link-hover);text-decoration:underline;text-underline-offset:3px}.social[data-v-f5587d00]{display:inline-flex;gap:.5rem;margin-top:.25rem;padding:0;list-style:none}.brand-block .social[data-v-f5587d00]{justify-content:flex-start}.social a[data-v-f5587d00]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--footer-border);color:var(--footer-text);background:transparent}.social a[data-v-f5587d00]:hover{color:var(--color-link-hover);border-color:var(--color-link-hover)}.divider[data-v-f5587d00]{height:1px;background:var(--footer-border);margin-top:1.5rem}.bottom[data-v-f5587d00]{margin-top:1.25rem;padding-top:.75rem}@media (min-width: 768px){.footer[data-v-f5587d00]{padding:2.25rem 1rem}.cols[data-v-f5587d00]{grid-template-columns:2fr 1fr 1fr 1fr}}@media (max-width: 767px){.brand-block[data-v-f5587d00]{justify-items:center;text-align:center}.brand-block .social[data-v-f5587d00]{justify-content:center}}.content[data-v-f0534689]{min-height:100vh;max-width:100vw;position:relative;z-index:1}.to-top[data-v-f0534689]{position:fixed;right:36px;bottom:16px;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--color-border);background:color-mix(in oklab,var(--color-white),transparent 6%);color:#000;box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);z-index:30}.to-top[data-v-f0534689]:hover{border-color:var(--color-primary);color:var(--color-link-hover);box-shadow:var(--shadow-md)}.to-top[data-v-f0534689]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 767px){.to-top[data-v-f0534689]{display:none}}@media (min-width: 768px){.to-top[data-v-f0534689]{right:5%;bottom:auto;top:90%;transform:translateY(-50%)}}.icon[data-v-f0534689]{width:18px;height:18px;position:relative;top:0rem;left:-50%}.fade-up-enter-active[data-v-f0534689],.fade-up-leave-active[data-v-f0534689]{transition:opacity .18s ease,transform .18s ease}.fade-up-enter-from[data-v-f0534689],.fade-up-leave-to[data-v-f0534689]{opacity:0;transform:translateY(6px)}