:root{--font-display:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;--font-sans:'Inter',ui-sans-serif,system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--background:#f5f5f7;--foreground:#0a0a0f;--surface:#eaeaed;--card:#ffffff;--primary:#4f46e5;--primary-fg:#ffffff;--muted-fg:#5c5c72;--border:#d1d1db;--glow:rgba(79,70,229,0.18);--grid-line:rgba(10,10,15,0.07)}.dark{--background:#0d0d14;--foreground:#f0f0f5;--surface:#16161f;--card:#16161f;--primary:#818cf8;--primary-fg:#0d0d14;--muted-fg:#8888a8;--border:rgba(255,255,255,0.07);--glow:rgba(129,140,248,0.35);--grid-line:rgba(255,255,255,0.035)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border-color:var(--border)}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-0.02em}::selection{background:var(--primary);color:var(--primary-fg)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.bg-grid{background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:56px 56px}.container{max-width:72rem;margin:0 auto;padding:0 1.25rem}@media(min-width:640px){.container{padding:0 2rem}}#spotlight{pointer-events:none;position:fixed;top:0;left:0;z-index:1;width:500px;height:500px;border-radius:50%;mix-blend-mode:screen;filter:blur(48px);will-change:transform;background:radial-gradient(circle,color-mix(in oklab,var(--primary) 35%,transparent),transparent 60%);opacity:0.5}html:not(.dark) #spotlight{mix-blend-mode:multiply;opacity:0.15}header{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:color-mix(in oklab,var(--background) 82%,transparent);border-bottom:1px solid var(--border)}nav{max-width:72rem;margin:0 auto;padding:0 1.25rem;height:3.5rem;display:flex;align-items:center;justify-content:space-between}@media(min-width:640px){nav{padding:0 2rem}}.nav-logo{font-family:var(--font-display);font-weight:700;font-size:0.875rem;display:flex;align-items:center;gap:0.5rem;letter-spacing:-0.02em;flex-shrink:0;text-decoration:none}.nav-logo-text{background:linear-gradient(120deg,var(--foreground) 35%,var(--primary) 50%,var(--foreground) 65%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoShimmerSweep 2.5s ease-out forwards}@keyframes logoShimmerSweep{0%{background-position:200% center}100%{background-position:-60% center}}.nav-logo-sub{opacity:0.55}.nav-logo-dot{width:0.5rem;height:0.5rem;border-radius:50%;flex-shrink:0;background:#22c55e;box-shadow:0 0 7px #22c55e99;animation:pulse 2s ease-in-out infinite}.nav-logo-dot.inactive{background:#ef4444;box-shadow:0 0 7px #ef444499}.nav-links{display:none;align-items:center;gap:0.25rem;font-size:0.875rem;list-style:none}@media(min-width:768px){.nav-links{display:flex}}.nav-links a{position:relative;padding:0.375rem 0.75rem;border-radius:9999px;color:var(--muted-fg);transition:color 0.25s ease,background 0.25s ease}.nav-links a:hover{color:var(--foreground);background:var(--surface)}.nav-links a.active{color:var(--foreground)}.nav-underline{position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:60%;height:2px;border-radius:1px;background:var(--primary);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none}.nav-links a:hover .nav-underline{transform:translateX(-50%) scaleX(0.6)}.nav-links a.active .nav-underline{transform:translateX(-50%) scaleX(1)}#theme-btn{width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--border);background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--foreground);transition:background 0.15s,transform 0.3s cubic-bezier(0.34,1.56,0.64,1);flex-shrink:0}#theme-btn:hover{background:var(--surface);transform:rotate(15deg) scale(1.1)}#theme-btn:active{transform:rotate(0deg) scale(0.9)}#theme-btn svg{width:1rem;height:1rem}.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;background:transparent;border:none;padding:4px}@media(min-width:768px){.hamburger{display:none}}.hamburger span{display:block;width:20px;height:2px;background:var(--foreground);border-radius:2px;transition:transform 0.2s,opacity 0.2s}.mobile-menu{display:none;position:fixed;top:3.5rem;left:0;right:0;background:color-mix(in oklab,var(--background) 96%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:1rem 1.25rem;z-index:49;flex-direction:column;gap:0.5rem}.mobile-menu.open{display:flex}.mobile-menu a{padding:0.5rem 0.75rem;border-radius:0.5rem;color:var(--muted-fg);font-size:0.875rem;transition:color 0.15s,background 0.15s}.mobile-menu a:hover{color:var(--foreground);background:var(--surface)}.nav-right{display:flex;align-items:center;gap:0.5rem}section{position:relative;padding:5rem 0}@media(min-width:640px){section{padding:8rem 0}}section:not(#top)::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%) scaleX(0);width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--border) 20%,var(--border) 80%,transparent);transition:transform 1.2s cubic-bezier(0.16,1,0.3,1);transform-origin:center}section:not(#top).visible::before{transform:translateX(-50%) scaleX(1)}.sec-label{font-family:var(--font-mono);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-fg)}.sec-title{margin-top:0.75rem;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600}@media(max-width:640px){.hero-h1{font-size:clamp(1.75rem,9vw,2.5rem)}.terminal{height:310px}.stack-item .tip{display:none}.contact-h2{font-size:clamp(1.75rem,8vw,3rem)}.socials{gap:0.375rem}.social-btn{font-size:0.8rem;padding:0.4rem 0.75rem}}.footer-meta{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.footer-sep{color:var(--border)}.project-preview img{width:100%;height:100%;object-fit:cover;object-position:top;opacity:1;transition:opacity 0.4s,transform 0.5s;filter:saturate(1.1) contrast(1.04)}.dark .project-preview img{opacity:0.88;filter:saturate(1.05) brightness(0.95)}.project-card:hover .project-preview img{opacity:1;transform:scale(1.02)}#top{position:relative;padding-top:7rem;padding-bottom:5rem;overflow:hidden}@media(min-width:640px){#top{padding-top:9rem;padding-bottom:7rem}}@media(min-width:1024px){#top{padding-top:10rem;padding-bottom:8rem}}.hero-grid-bg{position:absolute;inset:0;opacity:0.7;-webkit-mask-image:radial-gradient(ellipse at top,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at top,black 30%,transparent 75%)}.hero-inner{position:relative;display:grid;gap:3rem;align-items:center}@media(min-width:1024px){.hero-inner{grid-template-columns:1.1fr 0.9fr}}.avatar-wrap{display:flex;align-items:center;gap:0.875rem;margin-bottom:1.75rem}.avatar-img{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover;object-position:center;border:2px solid var(--border);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 15%,transparent);flex-shrink:0;transition:box-shadow 0.2s}.avatar-img:hover{box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 35%,transparent)}.avatar-info{display:flex;flex-direction:column;gap:0.15rem}.avatar-name{font-family:var(--font-display);font-weight:600;font-size:0.9rem;letter-spacing:-0.01em}.avatar-sub{font-family:var(--font-mono);font-size:0.7rem;color:var(--muted-fg)}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.75rem;border-radius:9999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 80%,transparent);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:0.75rem;color:var(--muted-fg);margin-bottom:2rem}.hero-badge-dot{width:0.375rem;height:0.375rem;border-radius:50%;background:#22c55e;animation:pulse 2s ease-in-out infinite;flex-shrink:0}.hero-h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,7vw,4.5rem);line-height:0.95;letter-spacing:-0.02em}.hero-h1 .italic-light{font-style:italic;font-weight:300}.hero-h1 .muted{color:var(--muted-fg)}.hero-highlight{position:relative;display:inline-block}.hero-highlight::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:0.7rem;background:color-mix(in oklab,var(--primary) 28%,transparent);z-index:-1}.hero-p{margin-top:2rem;max-width:36rem;color:var(--muted-fg);font-size:clamp(0.875rem,2vw,1.1rem);line-height:1.75}.hero-actions{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem}.btn-primary{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;border-radius:9999px;background:var(--primary);color:var(--primary-fg);font-weight:600;font-size:0.95rem;border:none;cursor:pointer;box-shadow:0 8px 20px -8px var(--primary);transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),background 0.2s,box-shadow 0.2s,color 0.2s}.btn-primary:hover{background:color-mix(in oklab,var(--primary) 85%,black);transform:translateY(-3px) scale(1.03);box-shadow:0 12px 24px -10px var(--primary)}.btn-primary:active{transform:translateY(1px) scale(0.98)}.btn-primary svg{width:1.1rem;height:1.1rem;transition:transform 0.3s ease}.btn-primary:hover svg{transform:translate(3px,-3px) scale(1.1)}.hero-location{display:flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);font-size:0.75rem;color:var(--muted-fg)}.hero-location svg{width:0.875rem;height:0.875rem;flex-shrink:0}.terminal-wrap{position:relative;min-width:0;max-width:100%;overflow:hidden}.terminal-glow{position:absolute;inset:-1rem;background:color-mix(in oklab,var(--primary) 18%,transparent);filter:blur(48px);border-radius:50%;opacity:0.5;pointer-events:none}.terminal{position:relative;border-radius:1rem;border:1px solid rgba(255,255,255,0.08);background:#0e0e18;box-shadow:0 25px 60px -12px rgba(0,0,0,0.6);overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:100%;height:370px}html:not(.dark) .terminal{border-color:rgba(0,0,0,0.12)}.terminal-header{display:flex;align-items:center;gap:0.375rem;padding:0.75rem 1rem;border-bottom:1px solid rgba(255,255,255,0.05);background:#141420;flex-shrink:0;min-width:0;overflow:hidden}.dot-red{width:0.75rem;height:0.75rem;border-radius:50%;background:#ff5f57;flex-shrink:0}.dot-yellow{width:0.75rem;height:0.75rem;border-radius:50%;background:#febc2e;flex-shrink:0}.dot-green{width:0.75rem;height:0.75rem;border-radius:50%;background:#28c840;flex-shrink:0}.terminal-title{margin-left:0.75rem;font-family:var(--font-mono);font-size:0.6875rem;color:rgba(255,255,255,0.3);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-hint{font-family:var(--font-mono);font-size:0.6rem;color:rgba(255,255,255,0.2);flex-shrink:0}.terminal-output{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 1.25rem 0.5rem;font-family:var(--font-mono);font-size:0.785rem;line-height:1.65;width:100%;max-width:100%;word-break:break-all;overflow-wrap:break-word}.terminal-output::-webkit-scrollbar{width:4px}.terminal-output::-webkit-scrollbar-track{background:transparent}.terminal-output::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:2px}.term-input-row{display:flex;align-items:center;padding:0.6rem 1.25rem 1rem;flex-shrink:0;border-top:1px solid rgba(255,255,255,0.05);min-width:0;overflow:hidden;margin:0}.term-ps-user{font-family:var(--font-mono);font-size:0.785rem;color:#86efac;white-space:nowrap;flex-shrink:0}.term-ps-arrow{font-family:var(--font-mono);font-size:0.785rem;color:rgba(255,255,255,0.25);margin:0 0.35rem;white-space:nowrap;flex-shrink:0}.term-input-wrapper{position:relative;flex:1;display:flex;align-items:center;min-width:0}#term-suggestion{position:absolute;left:0;top:0;color:rgba(255,255,255,0.25);pointer-events:none;font-family:var(--font-mono);font-size:0.785rem;white-space:pre;z-index:1;line-height:inherit}html:not(.dark) #term-suggestion{color:rgba(0,0,0,0.25)}#term-input{position:relative;background:transparent !important;border:none;outline:none;width:100%;z-index:2;font-family:var(--font-mono);font-size:0.785rem;color:#e2e8f0;caret-color:#86efac;margin:0;padding:0}#term-input::placeholder{color:rgba(255,255,255,0.15)}.tl{margin-bottom:0.3rem;max-width:100%;overflow:hidden}.tc-out{color:rgba(220,220,240,0.65)}.tc-ok{color:#4ade80}.tc-err{color:#f87171}.tc-warn{color:#fbbf24}.tc-info{color:#67e8f9;font-weight:600}.tc-dim{color:rgba(180,180,200,0.45)}.tc-link{color:#60a5fa;text-decoration:underline;cursor:pointer}.tc-echo-user{color:#86efac}.tc-echo-arrow{color:rgba(255,255,255,0.25)}.tc-echo-cmd{color:#e2e8f0}.term-cursor::after{content:'█';color:var(--primary);animation:blink 1s step-end infinite}.tl span,.tl pre,.tl a{font-family:var(--font-mono);font-size:0.785rem;display:block;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;max-width:100%}.tl pre{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}html:not(.dark) .terminal{background:#f8f8fc;border-color:rgba(0,0,0,0.10);box-shadow:0 8px 32px -4px rgba(0,0,0,0.12)}html:not(.dark) .terminal-header{background:#eeeef4;border-bottom-color:rgba(0,0,0,0.07)}html:not(.dark) .terminal-title{color:rgba(0,0,0,0.35)}html:not(.dark) .terminal-hint{color:rgba(0,0,0,0.2)}html:not(.dark) .terminal-output{color:#1a1a2e}html:not(.dark) .term-input-row{border-top-color:rgba(0,0,0,0.07)}html:not(.dark) .term-ps-user{color:#16a34a}html:not(.dark) .term-ps-arrow{color:rgba(0,0,0,0.25)}html:not(.dark) #term-input{color:#1a1a2e;caret-color:#16a34a}html:not(.dark) #term-input::placeholder{color:rgba(0,0,0,0.2)}html:not(.dark) .tc-out{color:rgba(30,30,60,0.7)}html:not(.dark) .tc-ok{color:#16a34a}html:not(.dark) .tc-err{color:#dc2626}html:not(.dark) .tc-warn{color:#d97706}html:not(.dark) .tc-info{color:#0284c7;font-weight:600}html:not(.dark) .tc-dim{color:rgba(30,30,60,0.35)}html:not(.dark) .tc-link{color:#2563eb}html:not(.dark) .tc-echo-user{color:#16a34a}html:not(.dark) .tc-echo-arrow{color:rgba(0,0,0,0.25)}html:not(.dark) .tc-echo-cmd{color:#1a1a2e}html:not(.dark) .term-cursor::after{color:#16a34a}html:not(.dark) .terminal-output::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.12)}:root{--contrib-l0:#ebedf0;--contrib-l1:#9be9a8;--contrib-l2:#40c463;--contrib-l3:#30a14e;--contrib-l4:#216e39;--contrib-tooltip-bg:#24292f;--contrib-tooltip-fg:#f0f6fc}.dark{--contrib-l0:#161b22;--contrib-l1:#0e4429;--contrib-l2:#006d32;--contrib-l3:#26a641;--contrib-l4:#39d353;--contrib-tooltip-bg:#f0f6fc;--contrib-tooltip-fg:#24292f}.contrib-layout{display:flex;gap:1.5rem;width:100%;padding:1rem 0;min-height:200px}.contrib-main{flex:1;min-width:0}.contrib-stats{display:flex;gap:1.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.contrib-stat-item{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:0.65rem;color:var(--muted-fg);line-height:1.2}.contrib-stat-val{color:var(--foreground);font-size:1.05rem;font-weight:700;margin-bottom:0.15rem}.contrib-stat-lbl{white-space:nowrap}.contrib-graph-wrapper{display:flex;gap:10px;align-items:flex-start;width:100%;overflow:hidden}.contrib-day-labels{display:grid;grid-template-rows:repeat(7,1fr);gap:3px;height:102px;font-family:var(--font-mono);font-size:0.65rem;color:var(--muted-fg);padding-top:19px;width:28px;flex-shrink:0;user-select:none}.contrib-day-labels span{height:12px;display:flex;align-items:center}.contrib-grid-scroll{overflow-x:auto;padding-bottom:0.5rem;flex:1;min-width:0;width:100%;-webkit-overflow-scrolling:touch}.contrib-grid-container{display:flex;flex-direction:column;width:max-content}.contrib-months{position:relative;height:15px;margin-bottom:4px;font-family:var(--font-mono);font-size:0.65rem;color:var(--muted-fg);width:100%;user-select:none}.contrib-grid{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;width:max-content}.contrib-cell{width:12px;height:12px;border-radius:2px;cursor:pointer;transition:transform 0.1s,opacity 0.1s;background:var(--contrib-l0)}.contrib-cell:hover{transform:scale(1.4);opacity:0.9;z-index:2}.contrib-cell[data-level="1"]{background:var(--contrib-l1)}.contrib-cell[data-level="2"]{background:var(--contrib-l2)}.contrib-cell[data-level="3"]{background:var(--contrib-l3)}.contrib-cell[data-level="4"]{background:var(--contrib-l4)}.contrib-legend{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:0.7rem;color:var(--muted-fg)}.contrib-legend-cell{width:12px;height:12px;border-radius:2px;background:var(--contrib-l0)}.contrib-legend-cell[data-level="1"]{background:var(--contrib-l1)}.contrib-legend-cell[data-level="2"]{background:var(--contrib-l2)}.contrib-legend-cell[data-level="3"]{background:var(--contrib-l3)}.contrib-legend-cell[data-level="4"]{background:var(--contrib-l4)}.contrib-profile-link:hover{color:var(--primary) !important}.contrib-years{display:flex;flex-direction:column;gap:0.4rem;width:100px;flex-shrink:0}.contrib-year-btn{font-family:var(--font-mono);font-size:0.75rem;padding:0.4rem 0.625rem;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--muted-fg);cursor:pointer;transition:all 0.2s;text-align:center}.contrib-year-btn:hover{border-color:var(--primary);color:var(--foreground)}.contrib-year-btn.active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary);font-weight:600}.contrib-year-select-wrapper{display:none;margin-bottom:1.25rem;width:100%;text-align:right}.contrib-year-select{font-family:var(--font-mono);font-size:0.75rem;padding:0.4rem 2rem 0.4rem 0.75rem;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--foreground);width:auto;min-width:110px;outline:none;cursor:pointer;transition:border-color 0.2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%238888a8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.15rem}.contrib-year-select:focus{border-color:var(--primary)}.contrib-tooltip{position:fixed;pointer-events:none;z-index:9999;background:var(--contrib-tooltip-bg);color:var(--contrib-tooltip-fg);border-radius:6px;padding:6px 10px;font-family:var(--font-mono);font-size:0.72rem;white-space:nowrap;opacity:0;transition:opacity 0.15s;box-shadow:0 4px 12px rgba(0,0,0,0.25)}.contrib-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:1000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.contrib-modal{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;min-width:260px;max-width:340px;width:90vw;box-shadow:0 20px 60px rgba(0,0,0,0.3);position:relative}.contrib-modal-close{position:absolute;top:0.75rem;right:0.75rem;background:transparent;border:none;cursor:pointer;color:var(--muted-fg);font-size:1.2rem;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.contrib-modal-close:hover{background:var(--surface);color:var(--foreground)}.contrib-modal-date{font-family:var(--font-mono);font-size:0.8rem;color:var(--muted-fg);margin-bottom:0.5rem}.contrib-modal-count{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--foreground)}.contrib-modal-label{font-size:0.85rem;color:var(--muted-fg);margin-top:0.25rem}.contrib-loading{display:flex;align-items:center;gap:0.75rem;color:var(--muted-fg);font-family:var(--font-mono);font-size:0.8rem;padding:1.5rem 0}.contrib-loading-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:contrib-pulse 1s ease-in-out infinite}.contrib-loading-dot:nth-child(2){animation-delay:0.15s}.contrib-loading-dot:nth-child(3){animation-delay:0.3s}@keyframes contrib-pulse{0%,100%{opacity:0.3;transform:scale(0.8)}50%{opacity:1;transform:scale(1.2)}}.gh-graph-container{min-height:200px;border-radius:6px;margin-top:1rem}.contrib-header-row{display:block}.contrib-months span{position:absolute}.contrib-future-cell{opacity:0 !important;pointer-events:none !important}.contrib-placeholder-cell{visibility:hidden;pointer-events:none}.contrib-fallback-img{width:100%;height:auto;border-radius:6px}.contrib-footer-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.5rem;margin-top:0.875rem}.contrib-profile-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:0.75rem;color:var(--muted-fg);text-decoration:none;transition:color 0.2s}.skel-select{height:34px;width:110px;display:inline-block;border-radius:6px}.skel-stat-val{width:40px;height:16px;border-radius:4px;margin-bottom:4px}.skel-stat-lbl{width:70px;height:10px;border-radius:3px}.skel-month{width:24px;height:9px;border-radius:2px;display:inline-block}.skel-sig{width:100px;height:12px;border-radius:4px;display:inline-block}.skel-year-btn{height:28px;width:100%;border:none !important;opacity:0.6;margin-bottom:0.4rem}.contrib-cell.skeleton{opacity:0.35}.contrib-legend-cell.skeleton{opacity:0.35}@media (max-width:768px){.contrib-layout{flex-direction:column;gap:0.5rem;min-height:140px}.contrib-years{display:none}.contrib-header-row{display:flex;flex-direction:column;align-items:stretch;width:100%;margin-bottom:0.75rem;gap:0.75rem}.contrib-year-select-wrapper{display:block;width:100%;margin-bottom:0}.contrib-year-select{width:100%;box-sizing:border-box}.contrib-stats{display:flex;flex-direction:row;flex-wrap:wrap;gap:0.35rem 0.65rem;margin-bottom:0;flex:1}.contrib-stat-item{flex-direction:row;align-items:baseline;gap:0.2rem}.contrib-stat-val{font-size:0.75rem;margin-bottom:0}.contrib-stat-lbl{font-size:0.6rem;white-space:nowrap}}.stats-cards{display:grid;gap:1rem;margin-top:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skel-now-desc-long{width:70%;height:1.5rem;display:block;border-radius:4px;margin-top:0.5rem}.skel-now-desc-short{width:60%;height:1.5rem;display:block;border-radius:4px;margin-top:0.5rem}.page-loader{position:fixed;inset:0;background:var(--background);z-index:99999;display:grid;place-items:center;transition:opacity 0.5s cubic-bezier(0.16,1,0.3,1),visibility 0.5s}.page-loader.fade-out{opacity:0;visibility:hidden;pointer-events:none}.spinner-wrap{position:relative;width:60px;height:60px;display:grid;place-items:center}.spinner-ring{box-sizing:border-box;width:100%;height:100%;border:3px solid rgba(255,255,255,0.05);border-radius:50%;border-top-color:var(--primary);animation:spin 1s cubic-bezier(0.55,0.085,0.68,0.53) infinite}html:not(.dark) .spinner-ring{border-color:rgba(0,0,0,0.05);border-top-color:var(--primary)}.spinner-dot{position:absolute;width:14px;height:14px;background:var(--primary);border-radius:50%;box-shadow:0 0 12px var(--primary);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,100%{transform:scale(0.85);opacity:0.5}50%{transform:scale(1.15);opacity:1}}.marquee-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--surface) 40%,transparent);overflow:hidden;position:relative;z-index:10}.marquee-track{display:flex;gap:3rem;padding:1.125rem 0;white-space:nowrap;animation:marquee 40s linear infinite;font-family:var(--font-display);font-size:clamp(1rem,3vw,1.75rem);color:var(--muted-fg)}.marquee-wrap:hover .marquee-track{animation-play-state:paused}.marquee-item{display:inline-flex;align-items:center;gap:3rem}.marquee-item::after{content:"";display:inline-block;width:0.35rem;height:0.35rem;border-radius:50%;background:var(--primary);flex-shrink:0}.about-grid{display:grid;gap:2.5rem}@media(min-width:768px){.about-grid{grid-template-columns:4fr 8fr}}.about-body{display:flex;flex-direction:column;gap:1.25rem;font-size:clamp(0.875rem,2vw,1.1rem);line-height:1.8;color:var(--muted-fg)}.about-body strong{color:var(--foreground);font-weight:500}#now{background:color-mix(in oklab,var(--surface) 40%,transparent)}.now-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem}.now-updated{font-family:var(--font-mono);font-size:0.75rem;color:var(--muted-fg)}.now-cards{display:grid;gap:1rem}@media(min-width:640px){.now-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.now-cards{grid-template-columns:repeat(3,1fr)}}.now-card{position:relative;overflow:hidden;padding:1.5rem;border-radius:1rem;background:var(--card);border:1px solid var(--border);transition:border-color 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease;z-index:1}.now-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle 250px at var(--mouse-x,0) var(--mouse-y,0),color-mix(in oklab,var(--primary) 15%,transparent),transparent 80%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:-1}.now-card:hover::before{opacity:1}.now-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 30px -10px color-mix(in oklab,var(--primary) 30%,transparent)}.now-icon{width:2.5rem;height:2.5rem;border-radius:0.75rem;background:color-mix(in oklab,var(--primary) 12%,transparent);color:var(--primary);display:grid;place-items:center;margin-bottom:1.25rem;transition:background 0.2s}.now-card:hover .now-icon{background:var(--primary);color:var(--primary-fg);transition:background 0.2s,color 0.2s}.now-icon svg,.now-icon img{width:1.25rem;height:1.25rem;object-fit:contain}.stats-svg{width:1.25rem;height:1.25rem}.stats-svg.leetcode{fill:#ffa116}.stats-svg.monkeytype{fill:#e2b714}.now-card:hover .stats-svg{fill:var(--primary-fg) !important;transition:fill 0.2s}.now-card h3{font-family:var(--font-display);font-weight:600;font-size:1.1rem}.now-card p{margin-top:0.5rem;font-size:0.875rem;color:var(--muted-fg);line-height:1.6}.stack-grid{display:grid;grid-template-columns:1fr;border:1px solid var(--border);border-radius:1rem;overflow:hidden;gap:1px;background:var(--border)}@media(min-width:640px){.stack-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stack-grid{grid-template-columns:repeat(4,1fr)}}.stack-group{background:var(--background);padding:1.5rem}.stack-group-label{font-family:var(--font-mono);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-fg);margin-bottom:1rem}.stack-items{display:flex;flex-direction:column;gap:0.5rem}.stack-item{display:flex;align-items:center;gap:0.75rem;font-family:var(--font-display);font-size:1rem;padding:0.5rem 0.625rem;border-radius:0.5rem;cursor:default;transition:background 0.15s,transform 0.15s;position:relative}.stack-item:hover{background:color-mix(in oklab,var(--primary) 10%,transparent);transform:translateX(4px)}.stack-icon-svg{height:1.25rem;width:1.25rem;object-fit:contain;flex-shrink:0}.dark .icon-mono{filter:brightness(0) invert(1)}.stack-item .item-name{flex:1;min-width:0}.stack-item .tip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--card);border:1px solid var(--border);border-radius:0.5rem;padding:0.3rem 0.6rem;font-family:var(--font-mono);font-size:0.6875rem;color:var(--muted-fg);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.15s;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,0.15)}@media(max-width:1023px){.stack-item .tip{left:0;top:calc(100% + 4px);transform:none}}.stack-item:hover .tip{opacity:1}#work{background:color-mix(in oklab,var(--surface) 40%,transparent)}.work-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem}.work-header p{margin-top:0.75rem;color:var(--muted-fg);max-width:32rem;font-size:0.95rem}.all-repos{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);font-size:0.75rem;color:var(--muted-fg);transition:color 0.15s;white-space:nowrap}.all-repos:hover{color:var(--foreground)}.all-repos svg{width:0.875rem;height:0.875rem;transition:transform 0.15s}.all-repos:hover svg{transform:translate(2px,-2px)}.projects-grid{display:grid;gap:1.25rem}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.view-more-wrap{margin-top:2.5rem;display:flex;justify-content:center}.view-more-btn{display:inline-flex;align-items:center;gap:0.625rem;padding:0.75rem 1.75rem;border-radius:9999px;border:1px solid var(--border);background:var(--card);color:var(--foreground);font-family:var(--font-display);font-weight:500;font-size:0.9rem;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),background 0.2s,box-shadow 0.2s,border-color 0.2s}.view-more-btn:hover{background:var(--surface);border-color:var(--primary);transform:translateY(-3px) scale(1.02);box-shadow:0 10px 20px -10px var(--primary)}.view-more-btn:active{transform:translateY(1px) scale(0.98)}.view-more-btn svg{width:1rem;height:1rem;color:var(--muted-fg);transition:transform 0.3s ease}.view-more-btn:hover svg{transform:translateX(4px) scale(1.1);color:var(--primary)}.project-card{position:relative;padding:1.25rem;border-radius:1rem;background:var(--card);border:1px solid var(--border);transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s;overflow:hidden}@media(min-width:640px){.project-card{padding:1.5rem}}.project-card::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,0.03) 25%,transparent 30%);transform:translateX(-100%);transition:transform 0.6s ease;pointer-events:none}.project-card:hover{border-color:color-mix(in oklab,var(--primary) 50%,transparent);transform:translateY(-2px);box-shadow:0 10px 30px -10px rgba(0,0,0,0.1)}html.dark .project-card:hover{box-shadow:0 10px 30px -10px rgba(0,0,0,0.3)}.project-card:hover::after{transform:translateX(100%)}.project-card.span-2{grid-column:1 / -1}.project-preview{aspect-ratio:16/10;border-radius:0.75rem;border:1px solid var(--border);overflow:hidden;position:relative;background:var(--surface)}.project-preview-overlay{position:absolute;inset:0;background:linear-gradient(to top,color-mix(in oklab,var(--card) 30%,transparent),transparent);pointer-events:none}.project-fallback{aspect-ratio:16/10;border-radius:0.75rem;border:1px solid var(--border);background:var(--surface);overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.project-fallback-bg{position:absolute;inset:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:40px 40px}.project-fallback-name{position:relative;font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2.75rem);font-weight:700;color:color-mix(in oklab,var(--foreground) 14%,transparent);text-align:center;user-select:none}.project-fallback-tag{position:relative;margin-top:0.5rem;font-family:var(--font-mono);font-size:0.6875rem;color:var(--muted-fg);text-align:center}.project-meta{margin-top:1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.project-info{min-width:0;flex:1}.project-badges{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;margin-bottom:0.375rem}.status-dot{display:inline-flex;align-items:center;gap:0.375rem;font-family:var(--font-mono);font-size:0.625rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-fg)}.status-dot::before{content:"";width:0.375rem;height:0.375rem;border-radius:50%;flex-shrink:0}.status-live::before{background:#22c55e}.status-wip::before{background:#fbbf24;animation:pulse 2s ease-in-out infinite}.status-archived::before{background:var(--muted-fg)}.project-year{font-family:var(--font-mono);font-size:0.625rem;color:var(--muted-fg)}.project-name{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:600;line-height:1.2;margin-top:0.375rem}.project-tagline{font-family:var(--font-mono);font-size:0.75rem;color:var(--primary);margin-top:0.125rem}.project-featured{display:inline-flex;margin-top:0.75rem;padding:0.2rem 0.6rem;border-radius:9999px;background:color-mix(in oklab,var(--primary) 14%,transparent);color:var(--primary);font-family:var(--font-mono);font-size:0.65rem;text-transform:uppercase;letter-spacing:0.12em}.project-actions{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}.icon-btn{width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--border);background:transparent;display:grid;place-items:center;color:var(--foreground);transition:background 0.15s;text-decoration:none}.icon-btn:hover{background:var(--surface)}.icon-btn-filled{width:2.25rem;height:2.25rem;border-radius:50%;background:var(--foreground);color:var(--background);border:none;display:grid;place-items:center;transition:background 0.15s,color 0.15s;text-decoration:none}.icon-btn-filled:hover{background:var(--primary);color:var(--primary-fg)}.icon-btn svg,.icon-btn-filled svg{width:1rem;height:1rem}.project-desc{margin-top:0.75rem;font-size:0.875rem;color:var(--muted-fg);line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:0.375rem;margin-top:1rem}.tag{padding:0.25rem 0.5rem;border-radius:0.375rem;background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);font-size:0.6875rem;color:var(--muted-fg)}#contact{overflow:hidden}.contact-grid-bg{position:absolute;inset:0;opacity:0.5;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.contact-glow{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50rem;height:25rem;border-radius:50%;background:color-mix(in oklab,var(--primary) 20%,transparent);filter:blur(48px);opacity:0.4;pointer-events:none}.contact-inner{position:relative;text-align:center}.contact-h2{margin-top:1rem;font-family:var(--font-display);font-size:clamp(2rem,8vw,5rem);font-weight:700;letter-spacing:-0.02em;line-height:1.05}.contact-h2 .italic-light{font-style:italic;font-weight:300;color:var(--muted-fg)}.contact-p{margin-top:1.5rem;max-width:32rem;margin-left:auto;margin-right:auto;color:var(--muted-fg);line-height:1.7;font-size:0.95rem}.contact-email-btn{display:inline-flex;align-items:center;gap:0.5rem;margin-top:2.5rem;padding:0.5rem 1rem;border-radius:9999px;background:var(--foreground);color:var(--background);font-weight:600;font-size:0.85rem;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),background 0.2s,box-shadow 0.2s,color 0.2s}.contact-email-btn:hover{background:var(--primary);color:var(--primary-fg);transform:translateY(-3px) scale(1.03);box-shadow:0 10px 20px -10px var(--primary)}.contact-email-btn:active{transform:translateY(1px) scale(0.98)}.contact-email-btn svg{width:1.1rem;height:1.1rem;transition:transform 0.3s ease}.contact-email-btn:hover svg{transform:translate(3px,-3px) scale(1.1)}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem;margin-top:2.5rem}.social-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:9999px;border:1px solid var(--border);background:var(--card);font-size:0.875rem;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),background 0.2s,box-shadow 0.2s}.social-btn:hover{background:var(--surface);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 15px -8px var(--foreground);border-color:var(--primary)}.social-btn:active{transform:translateY(1px) scale(0.95)}.social-btn svg{width:1rem;height:1rem;color:var(--muted-fg);transition:color 0.2s,transform 0.2s}.social-btn:hover svg{color:var(--primary);transform:scale(1.1)}footer{position:relative;margin-top:4rem;padding:2.5rem 0;background:color-mix(in oklab,var(--card) 40%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid transparent;border-image:linear-gradient(to right,transparent,var(--border) 50%,transparent) 1}.footer-container{max-width:72rem;margin:0 auto;padding:0 1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}@media (min-width:640px){.footer-container{padding:0 2rem}}.footer-left{display:flex;flex-direction:column;gap:0.5rem;align-items:flex-start}.footer-status{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);font-size:0.72rem;color:var(--muted-fg)}.status-indicator-dot{width:0.5rem;height:0.5rem;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e99;animation:pulse 2s ease-in-out infinite}.footer-copyright{font-family:var(--font-mono);font-size:0.72rem;color:var(--muted-fg);margin:0}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:0.5rem}@media (max-width:640px){.footer-left,.footer-right{align-items:flex-start;width:100%}.footer-right{flex-direction:column-reverse}}.footer-brand{font-family:var(--font-mono);font-size:0.72rem;color:var(--foreground);font-weight:600;text-decoration:none;transition:color 0.2s}.footer-brand:hover{color:var(--primary)}.footer-links{display:flex;gap:0.75rem;align-items:center}.footer-links a{color:var(--muted-fg);transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),color 0.2s;display:flex;align-items:center;justify-content:center}.footer-links a:hover{color:var(--primary);transform:translateY(-2px)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes confettiFall{0%{top:-2rem;opacity:1}100%{top:110vh;opacity:0}}@keyframes sudoIn{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes sudoOut{from{opacity:1}to{opacity:0}}@keyframes matrixFade{from{opacity:0}to{opacity:1}}.reveal{opacity:0;transform:translateY(30px) scale(0.97);transition:all 0.8s cubic-bezier(0.16,1,0.3,1)}.reveal.visible{opacity:1;transform:translateY(0) scale(1)}#bday-banner{position:relative;z-index:200;background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 20%,transparent),color-mix(in oklab,var(--primary) 10%,transparent));border-bottom:1px solid color-mix(in oklab,var(--primary) 30%,transparent);text-align:center;padding:0.6rem 1rem;font-family:var(--font-display);font-size:0.875rem;color:var(--foreground)}#bday-banner strong{color:var(--primary)}#sudo-404{position:fixed;inset:0;z-index:9000;background:rgba(5,0,0,0.97);display:flex;align-items:center;justify-content:center;animation:sudoIn 0.3s ease;cursor:pointer}#sudo-404.form-submit.sending svg{animation:fly-out 0.6s ease forwards}.skeleton{background:linear-gradient(90deg,var(--card) 25%,color-mix(in oklab,var(--card) 90%,var(--foreground)) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;color:transparent !important}.skeleton *{visibility:hidden}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--primary) 30%,var(--bg));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:color-mix(in oklab,var(--primary) 30%,transparent);color:inherit}#sudo-404.sudo-exit{animation:sudoOut 0.3s ease forwards}.sudo-inner{text-align:center;padding:1rem;width:100%;max-width:36rem;animation:sudoGlitch 0.2s ease 3}.sudo-art{font-family:var(--font-mono);font-size:clamp(0.4rem,2.5vw,1rem);color:#ef4444;line-height:1.3;white-space:pre;display:block;margin-bottom:1.5rem;overflow-x:hidden}@keyframes sudoGlitch{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}100%{transform:translate(0)}}.sudo-title{font-family:var(--font-display);font-size:clamp(1rem,3vw,1.5rem);color:#ef4444;font-weight:700;letter-spacing:0.08em;margin-bottom:0.75rem}.sudo-sub{font-family:var(--font-mono);font-size:0.75rem;color:rgba(255,100,100,0.6);margin-bottom:1.5rem;letter-spacing:0.05em}.sudo-bar{width:100%;height:6px;background:rgba(255,0,0,0.15);border-radius:3px;overflow:hidden;margin-bottom:1rem}.sudo-fill{height:100%;background:#ef4444;width:0%;transition:width 0.1s linear;border-radius:3px}.sudo-count{font-family:var(--font-mono);font-size:0.75rem;color:rgba(220,100,100,0.7);margin-bottom:1.5rem;min-height:1.2em}.sudo-esc{font-family:var(--font-mono);font-size:0.65rem;color:rgba(255,255,255,0.18)}#matrix-overlay{position:fixed;inset:0;z-index:8999;background:#000;cursor:pointer;animation:matrixFade 0.4s ease}#matrix-canvas{display:block}.archived-section{margin-top:2.5rem}.archived-toggle{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;border-radius:0.75rem;border:1px solid var(--border);background:var(--card);cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:600;font-size:1rem;transition:border-color 0.2s,background 0.15s;user-select:none}.archived-toggle::-webkit-details-marker{display:none}.archived-toggle::marker{display:none}.archived-toggle:hover{border-color:color-mix(in oklab,var(--primary) 40%,transparent);background:var(--surface)}.archived-toggle::after{content:'↓';font-family:var(--font-mono);font-size:0.75rem;color:var(--muted-fg);transition:transform 0.2s}details[open] .archived-toggle::after{transform:rotate(180deg)}.archived-count{font-family:var(--font-mono);font-size:0.75rem;color:var(--muted-fg);font-weight:400;margin-left:0.5rem}.archived-hint{font-family:var(--font-mono);font-size:0.7rem;color:var(--muted-fg);font-weight:400}.archived-grid{margin-top:1rem}.pypi-badge{display:inline-flex;align-items:center;margin-left:0.25rem;vertical-align:middle}.pypi-badge img{height:18px;width:auto;border-radius:3px}.timeline-track{position:relative;max-width:800px;margin:0 auto;padding:1rem 0}.timeline-track::before{content:'';position:absolute;top:0;bottom:0;left:20px;width:2px;background:var(--border);z-index:0}.tl-node{position:relative;margin-bottom:2.5rem;padding-left:56px;opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease}.tl-node.visible{opacity:1;transform:translateY(0)}.tl-node:last-child{margin-bottom:0}.tl-node::before{content:"";position:absolute;left:15px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--background);border:2px solid var(--primary);z-index:1;transition:all 0.3s ease;box-shadow:0 0 0 4px var(--background)}.tl-node:hover::before{background:var(--primary);box-shadow:0 0 10px var(--primary),0 0 0 4px var(--background);transform:scale(1.2)}.tl-content{background:var(--card);border:1px solid var(--border);border-radius:0.75rem;padding:1.25rem 1.5rem;transition:border-color 0.3s,transform 0.3s;position:relative}.tl-node:hover .tl-content{border-color:var(--primary);transform:translateY(-2px)}.tl-year{font-family:var(--font-mono);font-size:0.75rem;font-weight:700;color:var(--primary);letter-spacing:0.1em;margin-bottom:0.5rem}.tl-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--foreground);margin-bottom:0.5rem}.tl-desc{font-size:0.9rem;color:var(--muted-fg);line-height:1.5}.learning-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.learning-badge{font-family:var(--font-mono);font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;padding:0.25rem 0.75rem;border-radius:9999px;background:color-mix(in oklab,var(--primary) 14%,transparent);color:var(--primary);border:1px solid color-mix(in oklab,var(--primary) 30%,transparent)}.learning-grid{display:grid;gap:1rem}@media(min-width:640px){.learning-grid{grid-template-columns:repeat(3,1fr)}}.learn-card{position:relative;overflow:hidden;padding:1.5rem;border-radius:1rem;background:var(--card);border:1px solid var(--border);transition:border-color 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease;z-index:1}.learn-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle 250px at var(--mouse-x,0) var(--mouse-y,0),color-mix(in oklab,var(--primary) 15%,transparent),transparent 80%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:-1}.learn-card:hover::before{opacity:1}.learn-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 30px -10px color-mix(in oklab,var(--primary) 30%,transparent)}.learn-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:0.5rem}.learn-name{font-family:var(--font-display);font-size:0.95rem;font-weight:600}.learn-status{font-family:var(--font-mono);font-size:0.7rem;font-weight:600;padding:0.2rem 0.55rem;border-radius:999px;border:1px solid;white-space:nowrap;letter-spacing:0.01em}.learn-detail{font-size:0.8rem;color:var(--muted-fg);line-height:1.55;margin-bottom:0}.avail-header{margin-bottom:2.5rem}.avail-table{display:inline-flex;flex-direction:column;gap:0.5rem;min-width:100%}.avail-row{display:flex;align-items:center;gap:0.5rem}.avail-head .avail-day-label{font-family:var(--font-mono);font-size:0.65rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-fg);text-align:center;flex:1}.avail-slot-label{font-family:var(--font-mono);font-size:0.65rem;color:var(--muted-fg);width:5rem;flex-shrink:0;text-transform:uppercase;letter-spacing:0.07em}.avail-cell{flex:1;height:2.25rem;border-radius:0.375rem;border:1px solid transparent;transition:transform 0.15s,filter 0.15s;cursor:default}.avail-cell:hover{transform:scale(1.08);filter:brightness(1.15)}.avail-free{background:#22c55e33;border-color:#22c55e44}.avail-limited{background:#fbbf2433;border-color:#fbbf2444}.avail-busy{background:var(--surface);border-color:var(--border)}.avail-legend{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}.avail-legend-item{display:flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);font-size:0.75rem;color:var(--muted-fg)}.avail-dot{width:0.75rem;height:0.75rem;border-radius:0.2rem}.avail-dot.avail-free{background:#22c55e55;border:1px solid #22c55e66}.avail-dot.avail-limited{background:#fbbf2455;border:1px solid #fbbf2466}.avail-dot.avail-busy{background:var(--surface);border:1px solid var(--border)}.avail-note{margin-top:1rem;font-family:var(--font-mono);font-size:0.7rem;color:var(--muted-fg)}.contact-form-wrap{width:100%;max-width:36rem;margin:2.5rem auto 0;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.75rem}.contact-form-title{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:1.25rem;color:var(--foreground)}.form-row{display:grid;gap:1rem}@media(min-width:480px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:0.375rem;margin-bottom:1rem}.form-group label{font-family:var(--font-mono);font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-fg)}.form-group input,.form-group textarea{background:var(--background);border:1px solid var(--border);border-radius:0.5rem;padding:0.625rem 0.875rem;font-family:var(--font-sans);font-size:0.875rem;color:var(--foreground);outline:none;transition:border-color 0.15s;resize:none;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted-fg);opacity:0.6}.form-submit{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:9999px;background:var(--foreground);color:var(--background);font-family:var(--font-sans);font-weight:600;font-size:0.85rem;border:none;cursor:pointer;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),background 0.2s,box-shadow 0.2s,color 0.2s;margin-top:0.25rem}.form-submit:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 20px -10px var(--primary);background:var(--primary);color:var(--primary-fg)}.form-submit:active{transform:translateY(1px) scale(0.98)}.form-submit svg{width:1.1rem;height:1.1rem;transition:transform 0.3s ease}.form-submit:hover svg{transform:translateX(4px) scale(1.1)}.form-status{margin-top:0.875rem;font-family:var(--font-mono);font-size:0.75rem;min-height:1.1em}.form-status-ok{color:#22c55e}.form-status-err{color:#f87171}#back-to-top{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;border-radius:50%;background:var(--primary);color:var(--primary-fg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.2);opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity 0.3s,transform 0.3s,background 0.2s;z-index:100}#back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}#back-to-top:hover{background:color-mix(in oklab,var(--primary) 85%,black);transform:translateY(-3px)}#back-to-top svg{width:1.5rem;height:1.5rem}.social-github:hover{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.social-github:hover svg{color:var(--background)}.social-linkedin:hover{background:#0a66c215;border-color:#0a66c2;color:#0a66c2}.social-linkedin:hover svg{color:#0a66c2}.social-telegram:hover{background:#26a5e415;border-color:#26a5e4;color:#26a5e4}.social-telegram:hover svg{color:#26a5e4}.social-instagram:hover{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-color:transparent;color:#fff;box-shadow:0 4px 15px rgba(220,39,67,0.4)}.social-instagram:hover svg{color:#fff}.social-twitter:hover{background:#1d9bf015;border-color:#1d9bf0;color:#1d9bf0}.social-twitter:hover svg{color:#1d9bf0}.dark .social-twitter:hover{background:rgba(29,155,240,0.12);border-color:#1d9bf0;color:#1d9bf0}.social-discord:hover{background:#5865f215;border-color:#5865f2;color:#5865f2}.social-discord:hover svg{color:#5865f2}.dark .social-discord:hover{background:rgba(88,101,242,0.12);border-color:#5865f2;color:#5865f2}.btn-ghost{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;border-radius:9999px;background:transparent;color:var(--foreground);font-weight:600;font-size:0.95rem;border:1px solid var(--border);cursor:pointer;text-decoration:none;transition:all 0.2s}.btn-ghost:hover{background:var(--surface);border-color:var(--muted-fg);transform:translateY(-3px);box-shadow:0 10px 20px -10px rgba(0,0,0,0.1)}.btn-ghost:active{transform:translateY(1px)}.gh-graph-title{font-family:var(--font-display);font-weight:600;font-size:1.1rem;margin-bottom:1rem;color:var(--foreground)}.gh-graph-container{padding:1rem;border-radius:1rem;border:1px solid var(--border);background:var(--card);transition:transform 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;max-width:100%;overflow:hidden}.gh-graph-container:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 10px 30px -10px color-mix(in oklab,var(--primary) 20%,transparent)}.gh-graph-container img{width:100%;min-width:600px;filter:hue-rotate(220deg) brightness(1.2) contrast(0.9);transition:filter 0.3s ease}html.dark .gh-graph-container img{filter:hue-rotate(220deg) brightness(1) invert(0.85) contrast(1.2)}html.dark .gh-graph-container:hover img{filter:hue-rotate(220deg) brightness(1.2) invert(0.85) contrast(1.3)}#bday-banner{background:linear-gradient(135deg,color-mix(in oklab,var(--primary) 8%,var(--background)),color-mix(in oklab,var(--primary) 4%,var(--background)));color:var(--foreground);text-align:center;padding:0.875rem 1rem;font-family:var(--font-mono);font-size:0.85rem;border-bottom:1px solid color-mix(in oklab,var(--primary) 20%,var(--border));position:relative;z-index:100;box-shadow:0 4px 24px -6px color-mix(in oklab,var(--primary) 15%,transparent);animation:bannerSlideIn 0.6s cubic-bezier(0.16,1,0.3,1)}@keyframes bannerSlideIn{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}#bday-banner .bday-accent{color:var(--primary);font-weight:700}.bday-countdown-wrap{display:inline-flex;align-items:center;gap:0.5rem;margin-left:0.5rem}.bday-digit-box{display:inline-flex;flex-direction:column;align-items:center;gap:0.15rem}.bday-digit{display:inline-block;min-width:2rem;padding:0.25rem 0.4rem;background:color-mix(in oklab,var(--primary) 12%,var(--card));border:1px solid color-mix(in oklab,var(--primary) 25%,var(--border));border-radius:0.375rem;font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--primary);text-align:center;letter-spacing:0.05em;transition:transform 0.2s ease}.bday-digit-label{font-size:0.55rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted-fg);font-weight:600}.bday-sep{font-size:1rem;font-weight:700;color:var(--primary);opacity:0.5;animation:bdaySepPulse 1s ease-in-out infinite}@keyframes bdaySepPulse{0%,100%{opacity:0.5}50%{opacity:1}}.contact-bday-wish{margin-top:1rem;font-family:var(--font-display);font-size:1rem;color:var(--primary);font-weight:600;animation:bdayWishFadeIn 1s ease}@keyframes bdayWishFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton{animation:skeleton-pulse 1.5s infinite ease-in-out;background:var(--border)}@keyframes skeleton-pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}.shortcuts-modal{position:fixed;inset:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.sm-content{background:var(--background);border:1px solid var(--border);padding:2rem;border-radius:1rem;width:90%;max-width:400px;box-shadow:0 10px 30px -10px rgba(0,0,0,0.5)}.sm-content h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:1.5rem;text-align:center}.sm-list{display:flex;flex-direction:column;gap:1rem}.sm-item{display:flex;justify-content:space-between;align-items:center;font-size:0.9rem;color:var(--muted-fg)}.sm-item kbd{background:var(--card);border:1px solid var(--border);padding:0.25rem 0.5rem;border-radius:4px;font-family:var(--font-mono);font-size:0.8rem;color:var(--primary)}.sm-close{margin-top:2rem;text-align:center;font-size:0.8rem;color:var(--muted-fg);font-family:var(--font-mono)}#stack,#journey,#contact{content-visibility:auto}#stack{contain-intrinsic-size:500px}#journey{contain-intrinsic-size:600px}#contact{contain-intrinsic-size:800px}.spinner-dot{position:absolute;width:14px;height:14px;background:var(--primary);border-radius:50%;box-shadow:0 0 12px var(--primary);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,100%{transform:scale(0.85);opacity:0.5}50%{transform:scale(1.15);opacity:1}}#scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--primary),color-mix(in oklab,var(--primary) 60%,#22c55e));z-index:9999;width:0%;transition:width 0.05s linear;pointer-events:none;box-shadow:0 0 8px var(--primary)}html.theme-transition,html.theme-transition *,html.theme-transition *::before,html.theme-transition *::after{transition:background-color 0.4s ease,color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,fill 0.3s ease !important}section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%) scaleX(0);width:60px;height:2px;background:var(--primary);border-radius:1px;transition:transform 0.8s cubic-bezier(0.16,1,0.3,1)}section.visible::before{transform:translateX(-50%) scaleX(1)}.socials .social-btn{opacity:0;transform:translateY(12px)}.reveal.visible .socials .social-btn{animation:socialStagger 0.5s cubic-bezier(0.16,1,0.3,1) forwards}.reveal.visible .socials .social-btn:nth-child(1){animation-delay:0.1s}.reveal.visible .socials .social-btn:nth-child(2){animation-delay:0.2s}.reveal.visible .socials .social-btn:nth-child(3){animation-delay:0.3s}.reveal.visible .socials .social-btn:nth-child(4){animation-delay:0.4s}.reveal.visible .socials .social-btn:nth-child(5){animation-delay:0.5s}.reveal.visible .socials .social-btn:nth-child(6){animation-delay:0.6s}@keyframes socialStagger{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-shimmer{background:linear-gradient( 120deg,var(--foreground) 0%,var(--foreground) 40%,var(--primary) 50%,var(--foreground) 60%,var(--foreground) 100% );background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:heroShimmer 2.5s ease 0.5s 1 forwards;background-position:100% 0}@keyframes heroShimmer{from{background-position:100% 0}to{background-position:-100% 0}}.mobile-menu a{position:relative}#cursor-glow{position:fixed;width:220px;height:220px;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,color-mix(in oklab,var(--primary) 10%,transparent),transparent 70%);mix-blend-mode:screen;opacity:0;transition:opacity 0.4s ease;will-change:transform}html:not(.dark) #cursor-glow{mix-blend-mode:multiply;background:radial-gradient(circle,color-mix(in oklab,var(--primary) 8%,transparent),transparent 70%)}.scroll-progress-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--primary);z-index:10000;transition:width 0.1s ease}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--primary) 5%,transparent),transparent 70%);pointer-events:none;transform:translate(-50%,-50%);z-index:9999;will-change:transform,left,top}body,header,.now-card,.learn-card,.project-card,.contact-form-wrap,.btn-ghost,.social-btn,footer,section:not(#top)::before{transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,transform 0.3s ease}.mobile-menu a{position:relative;width:max-content;transition:color 0.25s ease,background-color 0.25s ease}.mobile-menu a.active{color:var(--foreground)}.mobile-menu a:hover .nav-underline{transform:translateX(-50%) scaleX(0.6)}.mobile-menu a.active .nav-underline{transform:translateX(-50%) scaleX(1)}@keyframes socialFadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.socials .social-btn{opacity:0}#contact.visible .socials .social-btn{animation:socialFadeIn 0.5s cubic-bezier(0.34,1.56,0.64,1) forwards}#contact.visible .socials .social-btn:nth-child(1){animation-delay:0.1s}#contact.visible .socials .social-btn:nth-child(2){animation-delay:0.17s}#contact.visible .socials .social-btn:nth-child(3){animation-delay:0.24s}#contact.visible .socials .social-btn:nth-child(4){animation-delay:0.31s}#contact.visible .socials .social-btn:nth-child(5){animation-delay:0.38s}#contact.visible .socials .social-btn:nth-child(6){animation-delay:0.45s}.hero-name{background:linear-gradient(120deg,var(--foreground) 35%,var(--primary) 50%,var(--foreground) 65%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerSweep 2.5s ease-out forwards}@keyframes shimmerSweep{0%{background-position:200% center}100%{background-position:-100% center}}a.now-card{display:block;text-decoration:none;color:inherit}.now-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-top:0.5rem}.now-card-username{font-family:var(--font-mono);font-size:0.72rem;color:var(--muted-fg);font-weight:500}.term-crt-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient( rgba(18,16,16,0) 50%,rgba(0,0,0,0.15) 50% ),linear-gradient( 90deg,rgba(255,0,0,0.04),rgba(0,255,0,0.01),rgba(0,0,255,0.04) );background-size:100% 4px,6px 100%;z-index:10;opacity:0;transition:opacity 0.3s;border-radius:1rem}.terminal.term-crt-active .term-crt-overlay{opacity:1}@keyframes term-shake{0%{transform:translate(0,0)}10%{transform:translate(-2px,-1px)}20%{transform:translate(-1px,2px)}30%{transform:translate(1px,-1px)}40%{transform:translate(-1px,-2px)}50%{transform:translate(2px,1px)}60%{transform:translate(-1px,1px)}70%{transform:translate(1px,2px)}80%{transform:translate(-2px,-1px)}90%{transform:translate(1px,-1px)}100%{transform:translate(0,0)}}.term-glitch-shake{animation:term-shake 0.25s linear}.blog-filters{display:flex;align-items:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.blog-search-wrapper{position:relative;display:flex;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:9999px;padding:0.5rem 1rem;width:250px;max-width:100%}.blog-search-wrapper .search-icon{width:1rem;height:1rem;color:var(--muted-fg);margin-right:0.5rem;flex-shrink:0}#blog-search,#blogs-search{background:transparent;border:none;outline:none;font-family:var(--font-sans);font-size:0.85rem;color:var(--foreground);width:100%}#blog-search::placeholder,#blogs-search::placeholder{color:var(--muted-fg);opacity:0.65}.blog-tags-row{display:flex;gap:0.5rem;flex-wrap:wrap}.blog-tag-btn{font-family:var(--font-mono);font-size:0.7rem;padding:0.35rem 0.75rem;border-radius:9999px;border:1px solid var(--border);background:color-mix(in oklab,var(--card) 40%,transparent);color:var(--muted-fg);cursor:pointer;transition:all 0.2s ease}.blog-tag-btn:hover,.blog-tag-btn.active{border-color:var(--primary);color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,transparent)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-top:2.5rem}@media (max-width:480px){.blog-grid{grid-template-columns:1fr}}.blog-card{display:flex;flex-direction:column;background:color-mix(in oklab,var(--card) 60%,transparent);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:border-color 0.25s ease,transform 0.25s ease;text-decoration:none;color:inherit;cursor:pointer;position:relative;overflow:hidden}.blog-card:hover{border-color:var(--primary);transform:translateY(-2px)}.blog-card-meta{display:flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);font-size:0.7rem;color:var(--muted-fg);margin-bottom:0.75rem}.blog-card-meta .tag{color:var(--primary);font-weight:500}.blog-card-title{font-family:var(--font-sans);font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:0.75rem;color:var(--foreground);transition:color 0.2s}.blog-card:hover .blog-card-title{color:var(--primary)}.blog-card-summary{font-size:0.875rem;line-height:1.5;color:var(--muted-fg);margin-bottom:1.25rem;flex-grow:1}.blog-card-footer{display:flex;align-items:center;gap:0.35rem;font-family:var(--font-mono);font-size:0.75rem;color:var(--primary);font-weight:500;margin-top:auto}.blog-card-footer svg{width:0.85rem;height:0.85rem;transition:transform 0.2s}.blog-card:hover .blog-card-footer svg{transform:translateX(3px)}.blog-more-wrapper{display:none;justify-content:center;margin-top:2.5rem}.blog-more-wrapper.visible{display:flex}#btn-toggle-blogs svg{width:1rem;height:1rem;margin-left:0.4rem;transition:transform 0.25s ease}#btn-toggle-blogs.expanded svg{transform:rotate(180deg)}.blog-body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0;padding:0}.blog-progress{position:fixed;top:0;left:0;height:3px;background:var(--primary);width:0%;z-index:100;transition:width 0.1s ease}.blog-header{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--background) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:1rem 0}.blog-header .header-container{max-width:68rem;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.btn-back-home{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.85rem;font-family:var(--font-mono);color:var(--muted-fg);text-decoration:none;padding:0.4rem 0.8rem;border-radius:6px;border:1px solid var(--border);background:var(--card);transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1)}.btn-back-home:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in oklab,var(--primary) 8%,var(--card));transform:translateY(-2px);box-shadow:0 4px 12px -4px color-mix(in oklab,var(--primary) 25%,transparent)}.btn-back-home:active{transform:translateY(0) scale(0.97)}.btn-back-home svg{width:0.9rem;height:0.9rem;transition:transform 0.25s ease}.btn-back-home:hover svg{transform:translateX(-2px)}.blog-main-container{max-width:68rem;margin:0 auto;padding:7rem 1.5rem 6rem;min-height:calc(100vh - 12rem);position:relative;z-index:10}#blogs-tags-filter{display:flex;gap:0.5rem;flex-wrap:wrap}.blog-tag-btn{font-family:var(--font-mono);font-size:0.7rem;padding:0.35rem 0.75rem;border-radius:9999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 40%,transparent);color:var(--muted-fg);cursor:pointer;transition:all 0.2s ease}.blog-tag-btn:hover,.blog-tag-btn.active{border-color:var(--primary);color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,transparent)}@media (max-width:640px){.blog-main-container{padding:5.5rem 1.25rem 4rem}}.blog-article{min-width:0}.article-header{margin-bottom:2.5rem;border-bottom:1px solid var(--border);padding-bottom:2rem}.article-tags{display:flex;gap:0.5rem;margin-bottom:1rem}.blog-tag{font-family:var(--font-mono);font-size:0.75rem;color:var(--primary)}.article-title{font-size:2.5rem;font-weight:700;line-height:1.25;margin-bottom:1.25rem;color:var(--foreground)}@media (max-width:640px){.article-title{font-size:2rem}}.article-meta{display:flex;align-items:center;gap:0.65rem;font-family:var(--font-mono);font-size:0.785rem;color:var(--muted-fg)}.article-meta svg{width:0.95rem;height:0.95rem;vertical-align:middle;margin-right:0.25rem;display:inline-block;margin-top:-2px}.meta-separator{color:var(--border)}.article-share-row{display:flex;align-items:center;gap:0.75rem;margin-top:1.5rem}.share-label{font-family:var(--font-mono);font-size:0.785rem;color:var(--muted-fg)}.share-buttons{display:flex;gap:0.4rem}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--muted-fg);cursor:pointer;transition:all 0.2s;text-decoration:none}.share-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.share-btn svg{width:0.9rem;height:0.9rem}.font-serif{font-family:var(--font-sans)}.article-content{font-size:1.1rem;line-height:1.7;color:var(--foreground);opacity:0.95;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.article-content hr{border:0;height:1px;background:var(--border);margin:2.5rem 0}@media (max-width:640px){.article-content{font-size:1.025rem}.article-content h1{font-size:1.5rem}.article-content h2{font-size:1.3rem}.article-content h3{font-size:1.1rem}}.article-content p{margin-bottom:1.2rem}.article-content h1,.article-content h2,.article-content h3{font-family:var(--font-display);color:var(--foreground);font-weight:700;line-height:1.35;margin-top:2rem;margin-bottom:0.75rem}.article-content h1{font-size:1.75rem}.article-content h2{font-size:1.45rem;border-bottom:1px solid var(--border);padding-bottom:0.35rem}.article-content h3{font-size:1.2rem}.article-content a{color:var(--primary);text-decoration:none;border-bottom:1px dotted var(--primary);transition:border-bottom-color 0.2s}.article-content a:hover{border-bottom-style:solid}.article-content blockquote{border-left:3px solid var(--primary);margin:1.5rem 0;padding:0.75rem 1.25rem;background:color-mix(in oklab,var(--card) 40%,transparent);font-style:italic;border-radius:0 6px 6px 0;color:var(--muted-fg)}.article-content blockquote p{margin:0}.article-content blockquote p:not(:last-child){margin-bottom:0.75rem}.article-content ul,.article-content ol{margin-bottom:1.2rem;padding-left:1.25rem}.article-content li{margin-bottom:0.35rem}.article-content details{border:1px solid var(--border);background:color-mix(in oklab,var(--card) 30%,transparent);border-radius:8px;padding:0.75rem 1rem;margin:1.25rem 0;transition:border-color 0.2s,background-color 0.2s}.article-content details[open]{border-color:var(--primary);background:color-mix(in oklab,var(--card) 50%,transparent)}.article-content summary{font-family:var(--font-display);font-weight:600;font-size:0.95rem;color:var(--foreground);cursor:pointer;outline:none;user-select:none}.article-content summary:hover{color:var(--primary)}.article-content details > *:not(summary){margin-top:0.75rem;font-size:0.95rem;color:var(--muted-fg)}.footnotes-section{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--muted-fg);font-size:0.85rem}.footnotes-title{font-family:var(--font-display);font-size:0.95rem;font-weight:700;margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--foreground)}.footnotes-list{padding-left:1.25rem}.footnote-item{margin-bottom:0.4rem;line-height:1.5}.footnote-ref a,.footnote-backref{color:var(--primary);text-decoration:none;font-weight:600;border-bottom:none !important}.footnote-ref a:hover,.footnote-backref:hover{text-decoration:underline}.blog-alert{margin:1.25rem 0;padding:0.85rem 1.125rem;border-radius:6px;border-left:3px solid transparent}.blog-alert-note{background:rgba(59,130,246,0.05);border-left-color:#3b82f6}.blog-alert-note .alert-title{color:#3b82f6}.blog-alert-tip{background:rgba(34,197,94,0.05);border-left-color:#22c55e}.blog-alert-tip .alert-title{color:#22c55e}.blog-alert-important{background:rgba(139,92,246,0.05);border-left-color:#8b5cf6}.blog-alert-important .alert-title{color:#8b5cf6}.blog-alert-warning{background:rgba(245,158,11,0.05);border-left-color:#f59e0b}.blog-alert-warning .alert-title{color:#f59e0b}.blog-alert-caution{background:rgba(239,68,68,0.05);border-left-color:#ef4444}.blog-alert-caution .alert-title{color:#ef4444}.alert-title{font-family:var(--font-mono);font-weight:700;font-size:0.75rem;letter-spacing:0.05em;margin-bottom:0.35rem}.alert-content{font-size:0.925rem;line-height:1.55;color:var(--muted-fg)}.blog-table-container{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--border);border-radius:6px}.blog-table-container table{width:100%;border-collapse:collapse;font-size:0.925rem}.blog-table-container th{background:var(--card);font-weight:600;text-align:left;border-bottom:2px solid var(--border);padding:0.65rem 0.85rem}.blog-table-container td{padding:0.65rem 0.85rem;text-align:left}.blog-table-container tr:not(:last-child){border-bottom:1px solid var(--border)}.blog-table-container tr:nth-child(even) td{background:color-mix(in oklab,var(--card) 20%,transparent)}.task-list-item{list-style-type:none;display:flex;align-items:center;gap:0.5rem;margin-left:-0.25rem}@media (max-width:640px){.task-list-item{margin-left:0}}.task-list-item input[type="checkbox"]{accent-color:var(--primary);width:0.9rem;height:0.9rem;cursor:default;margin:0}.blog-img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--border);margin:2rem 0;display:block}.blog-code-container{margin:1.75rem 0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#0f141c}html:not(.dark) .blog-code-container{background:#f8fafc}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 1rem;background:rgba(255,255,255,0.03);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:0.75rem;color:var(--muted-fg)}html:not(.dark) .code-block-header{background:rgba(0,0,0,0.02)}.btn-copy-code{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--muted-fg);padding:0.2rem 0.5rem;cursor:pointer;font-family:var(--font-sans);font-size:0.75rem;transition:all 0.2s}.btn-copy-code:hover{color:var(--primary);border-color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,transparent)}.blog-code-container pre{margin:0;padding:1rem;overflow-x:auto}.blog-code-container code{font-family:var(--font-mono);font-size:0.85rem;line-height:1.6}p code,li code{background:var(--card);border:1px solid var(--border);padding:0.15rem 0.35rem;border-radius:4px;font-family:var(--font-mono);font-size:0.85rem}.article-footer-nav{display:flex;justify-content:space-between;gap:1.5rem;margin-top:4rem;border-top:1px solid var(--border);padding-top:2rem;flex-wrap:wrap}.nav-btn{flex:1;min-width:240px;display:flex;flex-direction:column;padding:1.25rem;border-radius:8px;border:1px solid var(--border);background:var(--card);text-decoration:none;transition:all 0.2s}.nav-btn:hover{border-color:var(--primary)}.next-btn{text-align:right;align-items:flex-end}.nav-btn-lbl{font-family:var(--font-mono);font-size:0.75rem;color:var(--muted-fg);margin-bottom:0.35rem}.nav-btn-title{font-family:var(--font-sans);font-size:0.95rem;font-weight:600;color:var(--foreground)}.nav-btn-placeholder{flex:1;min-width:240px}.blog-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:color-mix(in oklab,var(--card) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--foreground);padding:0.75rem 1.5rem;border-radius:9999px;font-size:0.85rem;font-family:var(--font-sans);z-index:1000;box-shadow:0 10px 25px rgba(0,0,0,0.3)}.blog-footer{margin-top:6rem;padding:2.5rem 0;background:color-mix(in oklab,var(--card) 40%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid transparent;border-image:linear-gradient(to right,transparent,var(--border) 50%,transparent) 1}.blog-footer .footer-container{max-width:68rem;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.article-content h1[id],.article-content h2[id],.article-content h3[id]{scroll-margin-top:5rem}.article-content{min-width:0}.article-content pre,.article-content table,.article-content img,.article-content iframe,.article-content video{max-width:100%}.article-content p,.article-content li,.article-content h1,.article-content h2,.article-content h3{overflow-wrap:anywhere;word-break:break-word}.blog-code-container{max-width:100%}.blog-code-container pre{max-width:100%;overflow-x:auto;white-space:pre}.blog-code-container code{white-space:pre}.blog-table-container{max-width:100%}.blog-table-container table{min-width:480px}@media (max-width:640px){.blog-alert{padding:0.85rem 1rem}.article-content h2{padding-bottom:0.35rem}}.share-btn.x-share:hover{border-color:#1da1f2;color:#1da1f2;background:color-mix(in oklab,#1da1f2 8%,transparent)}.share-btn.linkedin-share:hover{border-color:#0a66c2;color:#0a66c2;background:color-mix(in oklab,#0a66c2 8%,transparent)}.share-btn.whatsapp-share:hover{border-color:#25d366;color:#25d366;background:color-mix(in oklab,#25d366 8%,transparent)}.share-btn.telegram-share:hover{border-color:#0088cc;color:#0088cc;background:color-mix(in oklab,#0088cc 8%,transparent)}.share-btn.instagram-share:hover{border-color:#e1306c;color:#e1306c;background:color-mix(in oklab,#e1306c 8%,transparent)}.share-btn.copy-share-link:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in oklab,var(--primary) 8%,transparent)}.article-share-row{flex-wrap:wrap}@media (max-width:640px){.article-footer-nav{flex-direction:column}.nav-btn,.nav-btn-placeholder{min-width:0;width:100%}.nav-btn-placeholder{display:none}}.blogs-index-header{display:flex;flex-direction:column;align-items:flex-start;gap:1.75rem;width:100%}.blogs-listing-controls{display:flex;width:100%;gap:0.85rem;flex-wrap:wrap;align-items:center}.blog-search-wrapper{flex:1 1 260px;width:auto;min-width:0;background:color-mix(in oklab,var(--surface) 60%,transparent);border:1px solid var(--border);transition:border-color 0.2s,box-shadow 0.2s,background 0.2s}.blog-search-wrapper:focus-within{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}#blogs-search,#blog-search{min-width:0}.blog-sort-group{display:flex;align-items:center;gap:0.6rem;flex-shrink:0}.blog-sort-label{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-fg)}.blog-sort-wrap{position:relative;display:inline-flex}.blog-sort-select{appearance:none;-webkit-appearance:none;font-family:var(--font-mono);font-size:0.78rem;color:var(--foreground);background:color-mix(in oklab,var(--surface) 60%,transparent);border:1px solid var(--border);padding:0.5rem 2rem 0.5rem 0.85rem;border-radius:9999px;cursor:pointer;outline:none;transition:border-color 0.2s,background 0.2s,box-shadow 0.2s}.blog-sort-select:hover{border-color:var(--primary)}.blog-sort-select:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}.blog-sort-chev{position:absolute;right:0.65rem;top:50%;transform:translateY(-50%);width:0.9rem;height:0.9rem;color:var(--muted-fg);pointer-events:none}.blog-sort-select option{background:var(--card);color:var(--foreground)}@media (max-width:640px){.blogs-listing-controls{flex-direction:column;align-items:stretch}.blog-search-wrapper{width:100%}.blog-sort-group{justify-content:space-between}.blog-sort-wrap,.blog-sort-select{width:100%}}.blog-grid{margin-top:1rem}.error-page-main{min-height:100vh;display:grid;place-items:center;padding:6rem 1.5rem 4rem;position:relative;z-index:10}.error-page-inner{text-align:center;max-width:540px;margin:0 auto;animation:errorFadeUp 0.7s cubic-bezier(0.16,1,0.3,1) both}@keyframes errorFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.error-code-wrap{position:relative;display:inline-block;line-height:1;margin-bottom:0.75rem}.error-code{position:relative;z-index:2;font-family:var(--font-display);font-size:clamp(5rem,14vw,8.5rem);font-weight:700;line-height:1;letter-spacing:-0.04em;background:linear-gradient(120deg,var(--foreground) 35%,var(--primary) 50%,var(--foreground) 65%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerSweep 2.5s ease-out forwards,shimmerLoop 6s ease-in-out 2.5s infinite}@keyframes shimmerLoop{0%,100%{background-position:-60% center}50%{background-position:160% center}}.error-code-glow{position:absolute;inset:0;z-index:1;font-family:var(--font-display);font-size:clamp(5rem,14vw,8.5rem);font-weight:700;line-height:1;letter-spacing:-0.04em;color:var(--primary);opacity:0.18;filter:blur(28px);pointer-events:none;user-select:none}.error-title{font-family:var(--font-display);font-size:clamp(1.25rem,4vw,1.75rem);font-weight:600;color:var(--foreground);margin-bottom:0.75rem}.error-desc{color:var(--muted-fg);font-size:0.95rem;line-height:1.7;margin-bottom:2rem}.error-actions{display:flex;gap:0.85rem;justify-content:center;flex-wrap:wrap}.error-cta{text-decoration:none}.btn-secondary{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;border-radius:9999px;background:var(--card);border:1px solid var(--border);color:var(--foreground);font-family:var(--font-sans);font-weight:600;font-size:0.95rem;cursor:pointer;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),border-color 0.2s,color 0.2s,background 0.2s,box-shadow 0.2s}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in oklab,var(--primary) 8%,var(--card));transform:translateY(-3px);box-shadow:0 10px 22px -12px color-mix(in oklab,var(--primary) 40%,transparent)}.btn-secondary:active{transform:translateY(0) scale(0.98)}.btn-secondary svg{width:1rem;height:1rem;transition:transform 0.3s ease}.btn-secondary:hover svg{transform:translateX(3px)}.page-loader{z-index:999999}.nav-right{gap:0.6rem}header.article-header{position:static;top:auto;left:auto;right:auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:auto}.blog-search-wrapper{border-radius:0.75rem;border-radius:0.75rem !important}@media (max-width:768px){.blog-search-wrapper{width:100% !important;max-width:100% !important;box-sizing:border-box !important;flex:1 1 auto !important;border-radius:0.5rem !important;padding:0.6rem 1rem !important}#blogs-search,#blog-search{width:100% !important;min-width:0 !important}.blog-sort-select{border-radius:0.5rem}.blogs-listing-controls{flex-direction:column;align-items:stretch}}@media (max-width:480px){.blog-search-wrapper{border-radius:0.4rem !important}}@media (max-width:640px){.socials{margin-top:1rem;gap:0.4rem}footer{margin-top:0.5rem !important;padding:1.25rem 0}#contact{padding-bottom:1rem}}.blog-layout-wrapper{display:grid;grid-template-columns:1fr;gap:2.5rem}.blog-lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:9999;display:none;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity 0.25s ease}.blog-lightbox.open{display:flex;opacity:1}.blog-lightbox img{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,0.5);cursor:default;transform:scale(0.96);transition:transform 0.25s ease}.blog-lightbox.open img{transform:scale(1)}.blog-lightbox-close{position:absolute;top:1rem;right:1.5rem;color:#fff;font-size:2rem;cursor:pointer;z-index:10000;opacity:0.8;transition:opacity 0.2s;font-family:var(--font-mono);background:none;border:none;line-height:1}.blog-lightbox-close:hover{opacity:1}.blog-lightbox-caption{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);color:#fff;font-size:0.85rem;font-family:var(--font-mono);text-align:center;max-width:80vw;opacity:0.8;pointer-events:none}.blog-more-wrapper{padding:0 1rem}.blog-more-wrapper .btn-ghost{width:auto;max-width:100%;white-space:nowrap;padding:0.65rem 1.25rem;font-size:0.9rem;border-radius:0.75rem;gap:0.5rem}.blog-more-wrapper .btn-ghost svg.arrow-down-icon{width:1rem;height:1rem;flex-shrink:0;transition:transform 0.3s ease}.blog-more-wrapper .btn-ghost:hover svg.arrow-down-icon{transform:rotate(-90deg) translateY(-3px)}@media (max-width:480px){.blog-more-wrapper .btn-ghost{padding:0.6rem 1rem;font-size:0.85rem;border-radius:0.65rem}}#blog[data-empty="true"]{display:none !important}.blog-card{position:relative;isolation:isolate;overflow:hidden;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),border-color 0.3s ease,box-shadow 0.3s ease}.blog-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in oklab,var(--primary) 55%,transparent),transparent 40%,color-mix(in oklab,var(--primary) 25%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.35s ease;pointer-events:none;z-index:1}.blog-card::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(120deg,transparent,color-mix(in oklab,var(--primary) 12%,transparent),transparent);transform:skewX(-20deg);transition:left 0.7s cubic-bezier(0.16,1,0.3,1);pointer-events:none;z-index:0}.blog-card:hover{transform:translateY(-4px)}.blog-card:hover::before{opacity:1}.blog-card:hover::after{left:120%}.blog-card > *{position:relative;z-index:2}.back-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:2.75rem;height:2.75rem;border-radius:9999px;background:color-mix(in oklab,var(--card) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--foreground);display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity 0.25s ease,transform 0.25s ease,border-color 0.2s ease,color 0.2s ease;z-index:900;box-shadow:0 10px 30px -12px rgba(0,0,0,0.35)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{border-color:var(--primary);color:var(--primary)}.back-to-top svg{width:1.15rem;height:1.15rem}@media (max-width:640px){.back-to-top{bottom:1rem;right:1rem;width:2.5rem;height:2.5rem}}kbd,.article-content kbd{display:inline-block;padding:0.1em 0.45em;font-family:var(--font-mono);font-size:0.82em;line-height:1;color:var(--foreground);background:color-mix(in oklab,var(--card) 70%,transparent);border:1px solid var(--border);border-bottom-width:2px;border-radius:0.35em;box-shadow:0 1px 0 rgba(0,0,0,0.1);vertical-align:middle;white-space:nowrap}.article-content dl{margin:1.25rem 0;padding:1rem 1.25rem;border-left:3px solid var(--primary);background:color-mix(in oklab,var(--card) 40%,transparent);border-radius:0 0.5rem 0.5rem 0}.article-content dt{font-weight:700;font-family:var(--font-sans);color:var(--foreground);margin-top:0.5rem}.article-content dt:first-child{margin-top:0}.article-content dd{margin:0.25rem 0 0.75rem 1rem;color:var(--muted-fg)}@media (prefers-reduced-motion:no-preference){.reveal{transition:opacity 0.6s ease,transform 0.6s cubic-bezier(0.16,1,0.3,1)}}.blog-layout-wrapper{display:grid;grid-template-columns:1fr;gap:2.5rem}.spoiler{background-color:var(--foreground);color:var(--foreground);cursor:pointer;border-radius:4px;padding:0 4px;transition:all 0.3s ease}.spoiler.revealed{background-color:var(--surface);color:var(--foreground)}