@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root,[data-theme=light]{color-scheme:light;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",sans-serif;--font-mono:"SF Mono","JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--bg:#c8d8ec;--bg-soft:#d8e6f4;--bg-mesh-1:rgba(120,180,255,.35);--bg-mesh-2:rgba(160,200,255,.28);--bg-mesh-3:rgba(90,150,240,.22);--glass-bg:hsla(0,0%,100%,.38);--glass-bg-strong:hsla(0,0%,100%,.62);--glass-bg-hover:hsla(0,0%,100%,.52);--glass-border:hsla(0,0%,100%,.7);--glass-border-soft:rgba(180,200,230,.45);--glass-shine:hsla(0,0%,100%,.8);--glass-blur:28px;--glass-saturate:180%;--glass-overlay:linear-gradient(145deg,hsla(0,0%,100%,.55),hsla(0,0%,100%,.2) 40%,rgba(200,220,255,.18) 70%,rgba(160,200,255,.1));--glass-specular:inset 0 1px 0 hsla(0,0%,100%,.85),inset 0 -1px 0 rgba(0,0,0,.04);--shadow-sm:0 2px 8px rgba(30,60,100,.08),0 1px 2px rgba(30,60,100,.06);--shadow-md:0 8px 32px rgba(20,50,100,.12),0 2px 8px rgba(20,50,100,.08),var(--glass-specular);--shadow-lg:0 24px 56px rgba(15,40,90,.18),0 8px 24px rgba(15,40,90,.1),var(--glass-specular);--shadow-hover:0 28px 64px rgba(12,38,88,.22),0 12px 32px rgba(12,38,88,.12);--text:#0a1628;--text-secondary:#1e3a5f;--muted:#4a6480;--accent:#007aff;--accent-strong:#0063d1;--accent-glow:rgba(0,122,255,.35);--success:#30d158;--warning:#ff9f0a;--danger:#ff3b30;--pill-bg:hsla(0,0%,100%,.55);--panel:hsla(0,0%,100%,.5);--panel-strong:hsla(0,0%,100%,.72);--border:hsla(0,0%,100%,.65);--hover-shadow:var(--shadow-hover);--radius:18px}[data-theme=dark]{color-scheme:dark;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",sans-serif;--font-mono:"SF Mono","JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--bg:#161618;--bg-soft:#1c1c1e;--bg-mesh-1:rgba(80,80,90,.18);--bg-mesh-2:rgba(60,60,70,.12);--bg-mesh-3:rgba(70,70,80,.15);--glass-bg:hsla(0,0%,100%,.05);--glass-bg-strong:hsla(0,0%,100%,.09);--glass-bg-hover:hsla(0,0%,100%,.08);--glass-border:hsla(0,0%,100%,.14);--glass-border-soft:hsla(0,0%,100%,.08);--glass-shine:hsla(0,0%,100%,.08);--glass-blur:28px;--glass-saturate:140%;--glass-overlay:linear-gradient(145deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.03) 40%,rgba(0,0,0,.1) 80%,rgba(0,0,0,.18));--glass-specular:inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.25);--shadow-sm:0 2px 8px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.18);--shadow-md:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.25),var(--glass-specular);--shadow-lg:0 24px 56px rgba(0,0,0,.55),0 8px 24px rgba(0,0,0,.35),var(--glass-specular);--shadow-hover:0 28px 64px rgba(0,0,0,.65),0 12px 32px rgba(0,0,0,.4);--text:#e4e4e7;--text-secondary:#a1a1aa;--muted:#71717a;--accent:#60a5fa;--accent-strong:#3b82f6;--accent-glow:rgba(96,165,250,.22);--success:#34d399;--warning:#fbbf24;--danger:#f87171;--pill-bg:hsla(0,0%,100%,.06);--panel:hsla(0,0%,100%,.04);--panel-strong:hsla(0,0%,100%,.08);--border:hsla(0,0%,100%,.12);--hover-shadow:var(--shadow-hover);--radius:18px;--glass-outline:hsla(0,0%,100%,.14);--glass-outline-soft:hsla(0,0%,100%,.08)}[data-theme=light]{--glass-outline:hsla(0,0%,100%,.7);--glass-outline-soft:rgba(180,200,230,.45)}*,:after,:before{box-sizing:border-box;margin:0}body,html{height:100%}body{font-family:var(--font-sans);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;isolation:isolate;background-color:var(--bg);background-image:radial-gradient(ellipse 80% 60% at 10% 0,var(--bg-mesh-1),transparent 58%),radial-gradient(ellipse 70% 55% at 90% 5%,var(--bg-mesh-2),transparent 55%),radial-gradient(ellipse 90% 65% at 50% 110%,var(--bg-mesh-3),transparent 60%),radial-gradient(ellipse 60% 50% at 80% 60%,rgba(120,170,255,.12),transparent 50%);background-attachment:fixed;display:flex;flex-direction:column;overflow:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 35% at 15% 20%,rgba(100,160,255,.18) 0,transparent 65%),radial-gradient(ellipse 45% 40% at 85% 15%,rgba(140,190,255,.14) 0,transparent 60%),radial-gradient(ellipse 60% 40% at 60% 85%,rgba(80,140,240,.16) 0,transparent 55%);animation:aurora 18s ease-in-out infinite alternate;pointer-events:none}@keyframes aurora{0%{opacity:.7;transform:scale(1) translateY(0)}50%{opacity:1;transform:scale(1.04) translateY(-10px)}to{opacity:.8;transform:scale(.98) translateY(8px)}}[data-theme=dark] body:before{background:radial-gradient(ellipse 55% 35% at 15% 20%,hsla(240,5%,41%,.1) 0,transparent 65%),radial-gradient(ellipse 45% 40% at 85% 15%,rgba(80,80,95,.08) 0,transparent 60%),radial-gradient(ellipse 60% 40% at 60% 85%,rgba(90,90,105,.09) 0,transparent 55%)}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;display:block}.content-scroll{flex:1 1;overflow-y:auto;display:flex;flex-direction:column}.page-body{flex:1 1}.glass{background:var(--glass-overlay),var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.container{width:min(1280px,94vw);margin:0 auto;padding:36px 0 80px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 var(--glass-shine),0 8px 32px rgba(15,35,80,.12),inset 0 1px 0 var(--glass-shine);backdrop-filter:blur(40px) saturate(200%) brightness(1.02);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.02);transition:background .4s ease,box-shadow .4s ease}.nav,[data-theme=dark] .nav{background:var(--glass-overlay),var(--glass-bg-strong);border-bottom:1px solid var(--glass-border)}[data-theme=dark] .nav{box-shadow:0 1px 0 var(--glass-shine),0 12px 40px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.07)}.nav-inner{width:min(1120px,92vw);margin:0 auto;justify-content:space-between;padding:14px 0}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{gap:10px;font-weight:700}.nav-logo strong{display:inline-flex;align-items:center;padding:5px 13px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-overlay),var(--glass-bg-strong);box-shadow:inset 0 1px 0 var(--glass-shine),0 4px 12px rgba(15,40,100,.1);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.nav-logo span{color:var(--muted);font-weight:500;font-size:.9rem}.nav-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.nav-links a{padding:7px 14px;border-radius:999px;border:1px solid transparent;font-weight:500;font-size:.88rem;color:var(--muted)}.nav-links a:hover{background:var(--glass-overlay),var(--glass-bg);border-color:var(--glass-border);color:var(--text)}.nav-links a.active{background:var(--glass-overlay),var(--glass-bg-strong);border-color:var(--glass-border);box-shadow:0 6px 20px rgba(0,122,255,.12),inset 0 1px 0 var(--glass-shine);color:var(--accent);font-weight:600}.theme-toggle{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--glass-border-soft);background:var(--glass-overlay),var(--glass-bg);color:var(--text);padding:4px 12px 4px 4px;min-height:38px;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;box-shadow:0 6px 18px rgba(15,40,100,.1),inset 0 1px 0 var(--glass-shine);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}.theme-toggle:hover{border-color:var(--glass-border)}.theme-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:3px}.theme-toggle-icon{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--glass-border);background:var(--glass-overlay),var(--glass-bg-strong);box-shadow:inset 0 1px 0 var(--glass-shine);color:var(--accent)}.theme-toggle-icon svg{width:14px;height:14px}.theme-toggle-text{min-width:4ch;text-align:left;color:var(--muted)}.theme-toggle-orb{width:7px;height:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.theme-changing *,.theme-changing :after,.theme-changing :before{transition-property:color,background-color,background-image,border-color,box-shadow,fill,stroke,opacity!important;transition-duration:.5s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.card{display:block;background:var(--glass-overlay),var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-md);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-shine) 50%,transparent);border-radius:0 0 4px 4px;pointer-events:none}.card+.card{margin-top:20px}.project-card{padding:18px 20px;display:grid;grid-gap:10px;gap:10px;border-radius:14px;border:1px solid var(--glass-border-soft);background:var(--glass-overlay),var(--glass-bg);box-shadow:var(--shadow-sm);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-shine) 50%,transparent);pointer-events:none}.project-card h3{margin:0;font-size:.95rem;font-weight:600;color:var(--text)}.social-card{display:grid;grid-gap:12px;gap:12px;padding:18px;border-radius:14px;border:1px solid var(--glass-border-soft);background:var(--glass-overlay),var(--glass-bg);box-shadow:var(--shadow-sm);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));position:relative;overflow:hidden}.social-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-shine) 50%,transparent);pointer-events:none}.hero{display:grid;grid-template-columns:30% 1fr;grid-gap:24px;gap:24px;align-items:start}.sidebar-group{position:-webkit-sticky;position:sticky;top:84px;align-self:start;gap:12px}.scroll-hint,.sidebar-group{display:flex;flex-direction:column}.scroll-hint{margin-top:32px;align-items:center;gap:10px;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.scroll-hint-icon{width:22px;height:auto;animation:scroll-jump 2s ease-in-out infinite}.scroll-hint-label{background:linear-gradient(to bottom,var(--text-secondary),var(--muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes scroll-jump{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.avatar{width:160px;height:160px;border-radius:28px;border:1px solid var(--glass-border);overflow:hidden;background:var(--glass-overlay),var(--glass-bg-strong);display:grid;place-items:center;box-shadow:var(--shadow-md),0 0 0 4px hsla(0,0%,100%,.1)}.avatar svg{width:100%;height:100%}.stack{display:grid;grid-gap:20px;gap:20px}.section-title{font-weight:700;font-size:1.05rem;margin:0 0 14px;color:var(--text);letter-spacing:-.01em}.muted{color:var(--muted);font-size:.9rem}.name-link{color:inherit;font-size:1.25rem;font-weight:700}.name-link:hover{color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px 13px;font-size:.83rem;max-width:100%;overflow-wrap:anywhere;word-break:break-word;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px 0 var(--glass-shine),0 2px 8px rgba(15,40,100,.08)}.pill,.tag{background:var(--glass-overlay),var(--glass-bg);border-radius:999px;border:1px solid var(--glass-border-soft);color:var(--muted)}.tag{display:inline-block;padding:4px 11px;font-size:.78rem;font-weight:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3)}.tag.html{color:#005fd4;border-color:rgba(0,95,212,.28);background:rgba(219,234,254,.55)}.tag.css{color:#1d4ed8;border-color:rgba(29,78,216,.28);background:rgba(224,231,255,.55)}.tag.js{color:#7c5400;border-color:rgba(234,160,0,.35);background:hsla(48,96%,89%,.6)}.tag.react{color:#0c6b63;border-color:rgba(20,184,166,.35);background:rgba(204,251,241,.55)}.tag.next{color:#111827;border-color:rgba(15,23,42,.25);background:rgba(241,245,249,.65)}.tag.ts{color:#1d4ed8;border-color:rgba(59,130,246,.35);background:rgba(219,234,254,.6)}.tag.tailwind{color:#0e7490;border-color:rgba(6,182,212,.35);background:rgba(207,250,254,.6)}.tag.node{color:#166534;border-color:rgba(34,197,94,.35);background:rgba(220,252,231,.55)}.tag.angular{color:#991b1b;border-color:rgba(239,68,68,.35);background:hsla(0,93%,94%,.6)}.tag.git{color:#7c2d12;border-color:rgba(234,88,12,.35);background:hsla(32,98%,83%,.6)}.tag.github{color:#111827;border-color:rgba(15,23,42,.25);background:rgba(226,232,240,.65)}.tag.gitlab{color:#b45309;border-color:rgba(249,115,22,.35);background:rgba(255,237,213,.65)}.tag.elysia{color:#0f766e;border-color:rgba(20,184,166,.35);background:rgba(204,251,241,.6)}.tag.solid{color:#1d4ed8;border-color:rgba(59,130,246,.35);background:rgba(219,234,254,.6)}.tag.active{color:#166534;border-color:rgba(34,197,94,.35);background:rgba(220,252,231,.6)}.tag.stable{color:#1d4ed8;border-color:rgba(59,130,246,.35);background:rgba(219,234,254,.6)}.tag.fork{color:#7c2d12;border-color:rgba(249,115,22,.35);background:hsla(32,98%,83%,.6)}.tag.neutral{color:var(--muted);border-color:var(--glass-border-soft);background:var(--glass-bg)}[data-theme=dark] .tag.html{color:#93c5fd;border-color:rgba(96,165,250,.35);background:rgba(30,64,175,.22)}[data-theme=dark] .tag.css{color:#a5b4fc;border-color:rgba(129,140,248,.35);background:rgba(49,46,129,.22)}[data-theme=dark] .tag.js{color:#fcd34d;border-color:rgba(245,158,11,.4);background:rgba(120,53,15,.22)}[data-theme=dark] .tag.react{color:#5eead4;border-color:rgba(45,212,191,.35);background:rgba(15,118,110,.22)}[data-theme=dark] .tag.next{color:#e2e8f0;border-color:rgba(148,163,184,.3);background:rgba(30,41,59,.4)}[data-theme=dark] .tag.ts{color:#93c5fd;border-color:rgba(96,165,250,.35);background:rgba(30,64,175,.22)}[data-theme=dark] .tag.tailwind{color:#67e8f9;border-color:rgba(34,211,238,.35);background:rgba(14,116,144,.22)}[data-theme=dark] .tag.node{color:#86efac;border-color:rgba(34,197,94,.35);background:rgba(22,101,52,.22)}[data-theme=dark] .tag.angular{color:#fca5a5;border-color:hsla(0,91%,71%,.35);background:rgba(153,27,27,.22)}[data-theme=dark] .tag.git{color:#fdba74;border-color:rgba(249,115,22,.35);background:rgba(124,45,18,.25)}[data-theme=dark] .tag.github{color:#e2e8f0;border-color:rgba(148,163,184,.3);background:rgba(30,41,59,.45)}[data-theme=dark] .tag.gitlab{color:#fdba74;border-color:rgba(249,115,22,.35);background:rgba(154,52,18,.28)}[data-theme=dark] .tag.elysia{color:#5eead4;border-color:rgba(45,212,191,.35);background:rgba(13,148,136,.22)}[data-theme=dark] .tag.solid{color:#93c5fd;border-color:rgba(96,165,250,.35);background:rgba(30,64,175,.22)}[data-theme=dark] .tag.active{color:#86efac;border-color:rgba(34,197,94,.35);background:rgba(22,101,52,.22)}[data-theme=dark] .tag.stable{color:#93c5fd;border-color:rgba(96,165,250,.35);background:rgba(30,64,175,.22)}[data-theme=dark] .tag.fork{color:#fdba74;border-color:rgba(249,115,22,.35);background:rgba(124,45,18,.22)}[data-theme=dark] .tag.neutral{color:var(--muted);border-color:var(--glass-border-soft);background:var(--glass-bg)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.project-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:.84rem;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.stat{background:var(--glass-overlay),var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:12px;padding:10px 12px;text-align:center;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px 0 var(--glass-shine)}.stat strong{display:block;font-size:1.05rem;font-weight:700;color:var(--text)}.about-page{display:grid;grid-gap:20px;gap:20px}.about-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:20px;gap:20px;align-items:stretch}.about-intro{display:grid;grid-gap:16px;gap:16px;align-content:start}.about-hero-top{display:flex;gap:16px;align-items:center}.about-avatar{width:130px;height:130px;border-radius:22px;overflow:hidden;border:1px solid var(--glass-border);background:var(--glass-overlay),var(--glass-bg-strong);box-shadow:var(--shadow-md);flex-shrink:0}.about-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:600}.about-title{margin:4px 0;font-size:1.9rem;font-weight:700;letter-spacing:-.03em}.about-meta{display:flex;flex-wrap:wrap;gap:8px}.about-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.stat-card{padding:10px 12px;border-radius:12px;border:1px solid var(--glass-border-soft);background:var(--glass-overlay),var(--glass-bg);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px 0 var(--glass-shine);display:grid;grid-gap:2px;gap:2px}.stat-card strong{font-size:1rem;font-weight:700}.about-story{display:grid;grid-gap:12px;gap:12px;align-content:start}.about-cta,.about-focus{display:flex;flex-wrap:wrap;gap:8px}.about-section-header{display:grid;grid-gap:4px;gap:4px;margin-bottom:12px}.about-stack{margin-bottom:14px}.skills-cloud{display:flex;flex-wrap:wrap;gap:7px}.icon-actions{display:flex;align-items:center;gap:8px}.icon-links{display:flex;flex-wrap:wrap;gap:8px}.icon-button{position:relative;width:36px;height:36px;border-radius:10px;border:1px solid var(--glass-border-soft);background:var(--glass-overlay),var(--glass-bg);display:grid;place-items:center;color:var(--muted);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px 0 var(--glass-shine),0 2px 8px rgba(15,40,100,.08)}.icon-button:hover{color:var(--accent);border-color:var(--glass-border)}.icon-button svg{width:17px;height:17px}.icon-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--glass-overlay),var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:8px;padding:4px 9px;font-size:.7rem;color:var(--text);opacity:0;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-sm);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:opacity .15s ease}.icon-button:hover .icon-tooltip{opacity:1}.callout{border:1px dashed var(--glass-border-soft);padding:16px;border-radius:14px;background:var(--glass-overlay),var(--glass-bg);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);color:var(--muted);font-size:.9rem}.handle-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--glass-border-soft);background:var(--glass-overlay),var(--glass-bg);border-radius:12px;padding:9px 18px;font-weight:600;font-size:.9rem;cursor:pointer;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px 0 var(--glass-shine),0 6px 18px rgba(15,40,100,.1);color:var(--text);font-family:var(--font-sans)}.btn-primary{background:linear-gradient(145deg,var(--accent),var(--accent-strong));border-color:transparent;color:#fff;box-shadow:0 8px 24px var(--accent-glow),inset 0 1px 0 hsla(0,0%,100%,.25)}.btn-ghost{background:transparent;box-shadow:none}.form-grid{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:5px;gap:5px}.input,.select,.textarea{width:100%;border-radius:11px;border:1px solid var(--glass-border-soft);padding:9px 13px;font-family:var(--font-sans);background:var(--glass-overlay),var(--glass-bg-strong);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px 0 var(--glass-shine),inset 0 2px 6px rgba(15,40,100,.05);color:var(--text);font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.textarea{min-height:220px;font-family:var(--font-mono);font-size:.92rem;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--glass-border-soft) 45%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent),inset 0 1px 0 var(--glass-shine)}.markdown-editor{display:grid;grid-gap:8px;gap:8px}.markdown-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:6px;border-radius:12px;border:1px solid var(--glass-border-soft);background:var(--glass-overlay),var(--glass-bg);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%)}.markdown-toolbar button{border:1px solid transparent;background:transparent;color:inherit;padding:5px 10px;border-radius:8px;font-weight:600;font-size:.82rem;cursor:pointer;transition:all .18s ease}.markdown-toolbar button:hover{border-color:var(--glass-border-soft);background:var(--glass-bg-strong);box-shadow:inset 0 1px 0 var(--glass-shine);transform:translateY(-1px)}.markdown-textarea{resize:none;overflow:hidden}.markdown-hint{font-size:.78rem;color:var(--muted)}.toolbar-sep{width:1px;align-self:stretch;background:var(--glass-border-soft);margin:0 2px}.guide-card{display:grid;grid-gap:16px;gap:16px}.guide-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.guide-item{border-radius:12px;border:1px solid var(--glass-border-soft);padding:12px;background:var(--glass-overlay),var(--glass-bg);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px 0 var(--glass-shine)}.guide-item strong{display:block;margin-bottom:6px;font-size:.88rem}.guide-shortcuts{display:flex;flex-wrap:wrap;gap:5px}.shortcut-pill{font-size:.73rem;padding:3px 8px;border-radius:999px;border:1px solid var(--glass-border-soft);background:var(--glass-bg);font-family:var(--font-mono);box-shadow:inset 0 1px 0 var(--glass-shine)}.is-hidden{display:none}.admin-header,.toggle-row{display:flex;align-items:center;gap:12px}.admin-header{justify-content:space-between;margin-bottom:4px}.editor-tabs{display:inline-flex;gap:5px;background:var(--glass-bg);padding:4px;border-radius:999px;border:1px solid var(--glass-border-soft);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.editor-tabs button{border:none;background:transparent;padding:5px 14px;border-radius:999px;cursor:pointer;font-weight:600;font-size:.84rem;color:var(--muted);font-family:var(--font-sans);transition:all .2s ease}.editor-tabs button.active{background:var(--glass-overlay),var(--glass-bg-strong);border:1px solid var(--glass-border);color:var(--text);box-shadow:inset 0 1px 0 var(--glass-shine)}.post-list{display:grid;grid-gap:10px;gap:10px}.post-item{padding:14px 16px;border-radius:12px;border:1px solid var(--glass-border-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--glass-overlay),var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--shadow-sm)}.post-meta{font-size:.83rem;color:var(--muted)}.badge{font-size:.73rem;padding:3px 9px;border-radius:999px;background:rgba(99,102,241,.14);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.badge.draft{background:rgba(245,158,11,.14);color:#d97706;border-color:rgba(245,158,11,.3)}[data-theme=dark] .badge.draft{color:#fbbf24}.markdown{font-size:1rem;line-height:1.75}.markdown h1,.markdown h2,.markdown h3,.markdown h4{margin-top:1.6em}.markdown pre{background:linear-gradient(150deg,rgba(8,18,40,.92),rgba(4,10,24,.97));color:#f0f6ff;padding:18px;border-radius:14px;overflow-x:auto;border:1px solid rgba(100,140,220,.25);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 16px 36px rgba(2,6,18,.4);margin:0}.markdown code{font-family:var(--font-mono);font-size:.9rem}.code-block{position:relative;margin:16px 0}.copy-button{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:8px;border:1px solid rgba(150,180,240,.3);background:rgba(30,50,100,.55);color:#c8deff;font-size:11px;font-weight:600;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .18s ease;font-family:var(--font-sans)}.copy-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,100,255,.18)}.markdown :not(pre)>code{background:color-mix(in srgb,var(--glass-bg-strong) 80%,transparent);padding:2px 7px;border-radius:6px;border:1px solid var(--glass-border-soft)}.markdown blockquote{margin:16px 0;padding:12px 18px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--glass-bg) 60%,transparent);border-radius:0 10px 10px 0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.markdown table{width:100%;border-collapse:collapse;margin:16px 0}.markdown td,.markdown th{border:1px solid var(--glass-border-soft);padding:8px 12px;text-align:left}.markdown th{background:var(--glass-bg)}.composer{display:grid;grid-gap:10px;gap:10px;padding:16px;border-radius:16px;border:1px solid var(--glass-border-soft);background:var(--glass-overlay),var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--shadow-md)}.composer .textarea{min-height:140px}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.comment{border:1px solid var(--glass-border-soft);border-radius:12px;padding:14px;background:var(--glass-overlay),var(--glass-bg);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%)}.comment+.comment{margin-top:10px}.footer{padding:28px 0 44px;border-top:1px solid var(--glass-border-soft);background:var(--glass-overlay),var(--glass-bg);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);box-shadow:inset 0 1px 0 var(--glass-shine)}.footer-inner{width:min(1120px,92vw);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--muted);font-size:.84rem}.reveal{opacity:0;will-change:opacity,transform;transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1)}.reveal-up{transform:translateY(28px) scale(.985)}.reveal-left{transform:translateX(-32px)}.reveal-right{transform:translateX(32px)}.reveal-scale{transform:scale(.94)}.reveal.reveal-in{opacity:1;transform:none}.fade-up{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1)}.fade-up.reveal-in{opacity:1;transform:none}.stagger>*{transition-delay:0ms}.stagger>:first-child{transition-delay:40ms}.stagger>:nth-child(2){transition-delay:90ms}.stagger>:nth-child(3){transition-delay:.14s}.stagger>:nth-child(4){transition-delay:.19s}.stagger>:nth-child(5){transition-delay:.24s}.stagger>:nth-child(6){transition-delay:.29s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.btn,.card,.comment,.composer,.editor-tabs,.footer,.guide-item,.icon-button,.input,.markdown-toolbar,.nav,.pill,.post-item,.project-card,.select,.social-card,.stat,.stat-card,.textarea,.theme-toggle{background:var(--glass-bg-strong)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (prefers-reduced-motion:reduce){.fade-up,.reveal,.stagger>*{opacity:1!important;transform:none!important}.fade-up,.reveal,.stagger>*,.theme-changing *,.theme-changing :after,.theme-changing :before,body:before{transition:none!important;animation:none!important}}@media (max-width:980px){.hero{grid-template-columns:1fr}.profile-card{position:static}.about-hero{grid-template-columns:1fr}.about-hero-top{flex-direction:column;align-items:flex-start}.about-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.nav-inner{flex-direction:column;align-items:flex-start;gap:10px}.nav-links{flex-wrap:wrap;gap:4px}.about-stats,.stats{grid-template-columns:1fr}.container{padding:24px 0 60px}}