:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-bg:#0b0b0d;--theme-bg-elevated:#111114;--theme-bg-raised:#17171b;--theme-surface:#141418eb;--theme-surface-hover:#1e1e24f5;--theme-surface-soft:#ffffff0a;--theme-border:#ffffff14;--theme-border-strong:#ffffff24;--theme-border-focus:#c0f0fb52;--theme-text:#f3f4f6;--theme-text-muted:#a1a1aa;--theme-text-soft:#d4d4d8;--theme-accent:#c0f0fb;--theme-accent-hover:#9ae0ef;--theme-accent-soft:#c0f0fb1f;--theme-accent-border:#c0f0fb38;--theme-gh:#58a6ff;--theme-ph:#ff6154;--theme-skills:#f0883e;--theme-shadow:0 18px 42px #00000052;--theme-shadow-soft:0 10px 28px #0000003d;--theme-nav-bg:#0b0b0df0;--theme-hover-bg:#ffffff0d;--theme-code-bg:#0d1117;--theme-code-text:#e6edf3;--theme-surface-inset:#ffffff05;--primary:var(--theme-accent);--primary-hover:var(--theme-accent-hover);--accent:var(--theme-accent);--bg-main:var(--theme-bg);--bg-secondary:var(--theme-bg-elevated);--text-main:var(--theme-text);--text-muted:var(--theme-text-muted);--text-secondary:var(--theme-text-soft);--text-tertiary:#ffffffa3;--text-primary:var(--theme-text);--glass-bg:var(--theme-surface);--glass-bg-hover:var(--theme-surface-hover);--glass-border:var(--theme-border);--glass-border-focus:var(--theme-border-focus);--glass-shadow:none;--glass-shadow-hover:var(--theme-shadow-soft);--nav-bg:var(--theme-nav-bg);--hover-bg:var(--theme-hover-bg);--bg-primary:var(--theme-bg);--font-serif:var(--nf-playfair,"Playfair Display"),var(--nf-noto-serif,"Noto Serif SC"),Georgia,"Times New Roman",serif;--font-sans:var(--nf-inter,"Inter"),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--radius-lg:12px;--radius-md:8px;--radius-sm:4px;--container-max:1200px;--nav-height:60px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme-bg:#f4ead7;--theme-bg-elevated:#efe1c8;--theme-bg-raised:#e8d6b6;--theme-surface:#f9efdbeb;--theme-surface-hover:#f2e5ccfa;--theme-surface-soft:#775c2b0f;--theme-border:#76582c24;--theme-border-strong:#76582c38;--theme-border-focus:#a37b3e57;--theme-text:#2a2217;--theme-text-muted:#6a5640;--theme-text-soft:#4b3d2b;--theme-accent:#8b5a2b;--theme-accent-hover:#6f471f;--theme-accent-soft:#8b5a2b1f;--theme-accent-border:#8b5a2b2e;--theme-gh:#4f89d8;--theme-ph:#d65b50;--theme-skills:#b56d2e;--theme-shadow:0 18px 42px #644c271f;--theme-shadow-soft:0 10px 24px #644c271a;--theme-nav-bg:#f6ecd8eb;--theme-hover-bg:#8b5a2b12;--theme-code-bg:#e9dcc0;--theme-code-text:#2b2116;--theme-surface-inset:#76582c0a;--text-tertiary:#4a3b26b3;--bg-primary:var(--theme-bg)}html[data-theme=light] body{background-image:radial-gradient(circle at top,#ffffff59,#0000 35%),linear-gradient(#ffffff2e 0%,#0000 20%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at top,#ffffff05,#0000 24%),linear-gradient(#ffffff04,#0000 24%);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}h1:focus,h2:focus,h3:focus,h1:focus-visible,h2:focus-visible,h3:focus-visible{outline:none}.bg-glow{display:none}.main-content{min-height:calc(100vh - var(--nav-height));padding:2rem 2rem 4rem}@media (max-width:768px){.main-content{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}}.container{max-width:var(--container-max);margin:0 auto;padding:0 1rem}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.glass-card{transition:all .3s;position:relative;overflow:hidden}.glass-card:hover{background:var(--glass-bg-hover)}.theme-logo{flex:none;display:inline-flex}.theme-logo-dark{display:inline-flex}.theme-logo-light,html[data-theme=light] .theme-logo-dark{display:none}html[data-theme=light] .theme-logo-light{display:inline-flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--theme-accent)36%,var(--theme-border-strong));border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-up{animation:.8s cubic-bezier(.16,1,.3,1) both fadeInUp}@media (max-width:768px){.main-content{padding:1rem .5rem 3rem}}.site-footer{border-top:1px solid var(--glass-border);background:var(--bg-secondary);padding:2.25rem 2rem}.site-footer-inner{max-width:var(--container-max);grid-template-columns:minmax(240px,1fr) minmax(360px,1.35fr);align-items:start;gap:2.5rem;margin:0 auto;display:grid}.site-footer-title{font-family:var(--font-serif);color:var(--text-main);font-size:1.35rem;line-height:1.2}.site-footer-lockup{color:inherit;align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.site-footer-logo{object-fit:contain;flex:none;width:2.75rem;height:2.75rem}.site-footer-description{max-width:24rem;color:var(--text-muted);margin-top:.55rem;font-size:.95rem;line-height:1.7}.site-footer-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.site-footer-group{gap:.65rem;display:grid}.site-footer-group-title{color:var(--text-main);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.site-footer-links{gap:.45rem;display:grid}.site-footer-links a{color:var(--text-muted);width:fit-content;font-size:.92rem;line-height:1.5;transition:color .2s,transform .2s}.site-footer-links a:hover{color:var(--primary);transform:translate(2px)}@media (max-width:768px){.site-footer{padding:1.25rem 1.25rem 5rem}.site-footer-inner{grid-template-columns:1fr;gap:1.5rem}.site-footer-nav{display:none}.site-footer-description{max-width:none;margin-top:.75rem;font-size:.92rem;line-height:1.65}.site-footer-nav{grid-template-columns:1fr;gap:1.15rem}}.mobile-tab-bar{z-index:1200;padding:.65rem .75rem calc(.65rem + env(safe-area-inset-bottom));border-top:1px solid var(--glass-border);background:color-mix(in srgb,var(--nav-bg)92%,transparent);-webkit-backdrop-filter:blur(16px);align-items:stretch;gap:.35rem;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000014}.mobile-tab-item{min-width:0;min-height:2.8rem;color:var(--text-muted);font-family:var(--font-sans);letter-spacing:.01em;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;padding:.55rem .25rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:inline-flex}.mobile-tab-item:hover{color:var(--text-main);background:var(--hover-bg)}.mobile-tab-item.active{color:var(--primary);background:var(--theme-accent-soft);box-shadow:inset 0 0 0 1px var(--theme-accent-border)}.mobile-tab-label{white-space:nowrap}@media (max-width:768px){.mobile-tab-bar{display:flex}}.global-toast{background:var(--primary);color:#fff;z-index:10000;white-space:nowrap;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;animation:.3s toastSlideUp;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #10b98166}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}
.top-nav{z-index:1000;background:var(--nav-bg);border-bottom:1px solid var(--glass-border);height:var(--nav-height);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:1.2rem;display:flex}.nav-center{align-items:center;gap:1rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-brand-lockup{color:var(--text-main);white-space:nowrap;align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.nav-brand-logo{object-fit:contain;filter:none;flex:none;width:2.35rem;height:2.35rem}.nav-brand-name{font-family:var(--font-serif);letter-spacing:.02em;font-size:1.5rem;font-weight:700}.nav-divider{background:linear-gradient(to right,transparent,var(--glass-border),transparent);width:80px;height:1px}.nav-right{align-items:center;gap:1.5rem;display:flex}.nav-desktop-only{display:block}.nav-mobile-only{display:none}.nav-link{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.03em;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s,border-color .2s}.nav-link:hover{color:var(--text-main)}.nav-icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.4rem;font-size:1.1rem;transition:color .2s,background .2s}.nav-icon-btn:hover{color:var(--text-main)}.nav-separator{color:var(--glass-border);-webkit-user-select:none;user-select:none;font-size:.9rem}.nav-dropdown{position:relative}.nav-dropdown-trigger{cursor:pointer;align-items:center;gap:.3rem;display:flex}.nav-dropdown-arrow{font-size:.6rem;transition:transform .25s}.nav-dropdown:hover .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);min-width:200px;box-shadow:var(--glass-shadow-hover);opacity:0;visibility:hidden;border-top:2px solid var(--primary);z-index:1000;border-radius:10px;padding:.5rem;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + .6rem);right:0;transform:translateY(-6px)}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-menu:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.nav-dropdown-item{font-family:var(--font-sans);color:var(--text-muted);border-radius:6px;align-items:center;gap:.75rem;padding:.6rem .85rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-dropdown-item:hover{background:var(--hover-bg);color:var(--text-main)}.nav-dropdown-item i{text-align:center;width:1.2rem;font-size:1rem}@media (max-width:768px){.top-nav{justify-content:space-between;gap:.4rem;padding:0 .6rem;overflow:hidden}.nav-center{flex:none;gap:.4rem;position:absolute;left:50%;transform:translate(-50%)}.nav-divider{display:none}.nav-brand-name{font-size:.95rem}.nav-brand-logo{width:1.55rem;height:1.55rem}.nav-right{display:none}.nav-link{flex:none;font-size:.74rem}.nav-desktop-only{display:none}.nav-mobile-only{align-items:center;display:inline-flex}.nav-dropdown-arrow{font-size:.5rem}}@media (max-width:480px){.nav-brand-name{font-size:.88rem}.nav-brand-lockup{gap:.4rem}.nav-right{gap:.25rem}.nav-link{font-size:.68rem}}.theme-toggle{border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--glass-shadow);border-radius:999px;align-items:center;gap:.15rem;padding:.2rem;display:inline-flex}.theme-toggle-option{min-height:2rem;color:var(--text-muted);font-family:var(--font-sans);letter-spacing:.01em;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 .7rem;font-size:.8rem;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.theme-toggle-option:hover{background:var(--hover-bg);color:var(--text-main)}.theme-toggle-option.active{background:var(--primary);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--primary)30%,transparent)}.theme-toggle-option:focus-visible{outline:2px solid var(--glass-border-focus);outline-offset:2px}@media (max-width:768px){.theme-toggle{display:none}}