*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:clip}body{width:100%;max-width:100%;min-height:100vh;overflow-x:clip}:root{--transition:.25s cubic-bezier(.25, .1, .25, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--font-serif:"Instrument Serif", Georgia, "Times New Roman", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, "Cascadia Code", Monaco, monospace}html[data-theme=light]{--bg:#eff6ff;--bg-secondary:#fff;--bg-card:#ffffffd9;--text:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-quaternary:#94a3b8;--accent:#0284c7;--accent-hover:#0369a1;--accent-light:#0284c717;--link:#0284c7;--link-hover:#0369a1;--border:#0f172a14;--hover-bg:#0284c70d;--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 8px 30px #0284c71a;--shadow-lg:0 16px 50px #0284c729;--code-bg:#0284c714;--pill-bg:#0284c7;--pill-text:#fff;--footer-bg:#0f172a;--footer-text:#eff6ff;--footer-text-dim:#eff6ff8c;--blob-1:#3b82f638;--blob-2:#0ea5e929}html[data-theme=dark]{--bg:#070d19;--bg-secondary:#0d172a;--bg-card:#0d172aa6;--text:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-quaternary:#475569;--accent:#38bdf8;--accent-hover:#7dd3fc;--accent-light:#38bdf824;--link:#38bdf8;--link-hover:#7dd3fc;--border:#94a3b826;--hover-bg:#38bdf814;--shadow-sm:0 1px 3px #00000073;--shadow-md:0 8px 30px #0000008c;--shadow-lg:0 16px 50px #000000a6;--code-bg:#38bdf817;--pill-bg:#38bdf8;--pill-text:#070d19;--footer-bg:#070d19;--footer-text:#f1f5f9;--footer-text-dim:#f1f5f966;--blob-1:#1d4ed859;--blob-2:#0ea5e933}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-transform:lowercase;font-size:16px;font-weight:400;line-height:1.7;position:relative}code,pre,kbd,samp,input,textarea,select,.footer-time{text-transform:none}body{transition:background-color .3s,color .3s}::view-transition-group(root){z-index:100;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){mix-blend-mode:normal;animation:.4s cubic-bezier(.4,0,.2,1) both theme-scale}::view-transition-new(root){mix-blend-mode:normal;animation:.4s cubic-bezier(.4,0,.2,1) both theme-scale}::view-transition-new(root){-webkit-mask:radial-gradient(circle,#000 100%,#0000 0) 50%/0 no-repeat;mask:radial-gradient(circle,#000 100%,#0000 0) 50%/0 no-repeat}@keyframes theme-scale{0%{-webkit-mask-size:0;mask-size:0}to{-webkit-mask-size:750vmax;mask-size:750vmax}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-new(root){-webkit-mask:none;mask:none}}::selection{background:var(--accent-light);color:var(--text)}@keyframes blobDrift1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(22px,-16px)scale(1.05)}66%{transform:translate(-12px,10px)scale(.97)}}@keyframes blobDrift2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-18px,22px)scale(1.04)}66%{transform:translate(14px,-12px)scale(.96)}}.bg-canvas{z-index:0;pointer-events:none;background:radial-gradient(1200px 800px at 12% -10%, var(--blob-1), transparent 60%), radial-gradient(900px 700px at 110% 110%, var(--blob-2), transparent 55%), var(--bg);position:fixed;inset:0;overflow:hidden}.bg-blob{filter:blur(90px);opacity:.7;border-radius:50%;position:absolute}.bg-blob-1{background:var(--blob-1);will-change:transform;width:42vmax;height:42vmax;animation:38s ease-in-out infinite blobDrift1;top:-12vmax;left:-10vmax}.bg-blob-2{background:var(--blob-2);will-change:transform;width:36vmax;height:36vmax;animation:44s ease-in-out infinite blobDrift2;bottom:-14vmax;right:-8vmax}.bg-grain{opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px;position:absolute;inset:0}html[data-theme=dark] .bg-grain{opacity:.04}.theme-toggle{z-index:200;border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:24px;right:24px}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)scale(.96)}html[data-theme=light] .moon-icon,html[data-theme=dark] .sun-icon{display:none}.hero{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:24px 24px 60px;display:flex;position:relative}.hero-content{text-align:center;width:100%;max-width:560px}.home-page .avatar{object-fit:cover;border:3px solid var(--bg-secondary);width:92px;height:92px;box-shadow:0 0 0 1px var(--border), var(--shadow-lg);transition:transform var(--transition-spring), box-shadow var(--transition-spring);border-radius:50%;margin-bottom:24px}.home-page .avatar:hover{box-shadow:0 0 0 2px var(--accent), 0 20px 60px var(--accent-light), var(--shadow-lg);transform:scale(1.06)rotate(-2deg)}.hero-name{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--text);margin-bottom:8px;font-size:4rem;font-style:italic;font-weight:400;line-height:1}.name-cursor{background:var(--accent);vertical-align:middle;border-radius:1px;width:2px;height:.7em;margin-left:2px;animation:.75s step-end infinite cursorBlink;display:inline-block}@media (width<=640px){.hero-name{font-size:2.8rem}}.hero-aka{color:var(--text-tertiary);letter-spacing:.01em;text-transform:lowercase;margin-bottom:28px;font-size:16px;font-weight:400}@keyframes crabFloat{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-7px)rotate(4deg)}}.crab{cursor:default;-webkit-user-select:none;user-select:none;will-change:transform;animation:3.5s ease-in-out infinite crabFloat;display:inline-block}.crab--xs{opacity:.55;font-size:.65em;animation-duration:4.2s}.crab--sm{opacity:.7;font-size:.85em;animation-duration:3.8s}.crab--md{opacity:.85;font-size:1.1em;animation-duration:3.2s}.crab--lg{font-size:1.6em;animation-duration:2.8s}.crab--xl{font-size:2.4em;animation-duration:2.4s}.bg-crab{z-index:4;opacity:.28;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;font-size:15px;line-height:1;animation:4s ease-in-out infinite crabFloat;position:fixed}.hero-bio{color:var(--text-secondary);text-align:left;margin-bottom:16px;font-size:15.5px;line-height:1.7}.hero-bio:last-of-type{margin-bottom:28px}.hero-bio a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;transition:text-decoration-color var(--transition);font-weight:500;text-decoration-thickness:1.5px}.hero-bio a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.hero-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-bottom:9px;display:flex}.hero-links a{color:var(--text-secondary);letter-spacing:.01em;transition:color var(--transition);font-size:16px;font-weight:500;text-decoration:none}.hero-links a:hover{color:var(--accent);opacity:1}.link-dot{display:none}.site-header{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:fixed;top:0;left:0;right:0}.site-header:before{content:"";pointer-events:none;z-index:-1;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:linear-gradient(to bottom, var(--bg), color-mix(in srgb, var(--bg) 60%, transparent) 60%, transparent);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.site-header>*{pointer-events:auto}.header-logo{font-family:var(--font-serif);color:var(--text);letter-spacing:-.02em;transition:opacity var(--transition);font-size:20px;font-style:italic;font-weight:400;text-decoration:none}.header-logo:hover{opacity:.5}.header-actions{align-items:center;gap:8px;display:flex}.site-header .theme-toggle{width:38px;height:38px;position:static}main:not(.hero){z-index:1;max-width:640px;min-height:calc(100vh - 80px);margin:0 auto;padding:90px 24px 80px;position:relative}@media (width>=641px){main:not(.hero){min-height:calc(100vh - 80px);padding:110px 32px 100px}.site-header{padding:28px 40px}}h1{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--text);margin-bottom:12px;font-size:3rem;font-weight:400;line-height:1}@media (width<=640px){h1{font-size:2.25rem}}h2{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text);margin-bottom:10px;font-size:1.625rem;font-weight:400;line-height:1.2}h3{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text);margin-bottom:6px;font-size:1rem;font-weight:600}p{color:var(--text-secondary);margin-bottom:20px;font-size:16px;line-height:1.75}a{color:var(--link);transition:color var(--transition);text-decoration:none}a:hover{color:var(--link-hover);opacity:1}.back{color:var(--text-tertiary);transition:color var(--transition);align-items:center;gap:6px;margin-bottom:40px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.back:hover{color:var(--text);opacity:1}.projects{margin-bottom:48px}.projects h2{font-family:var(--font-sans);letter-spacing:.08em;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:600}.project{color:var(--text-secondary);margin-bottom:10px;font-size:15px;line-height:1.6}.project a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;font-weight:500}.project a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.page-title{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--text);margin-bottom:8px;font-size:3rem;font-weight:400}.badges{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.badges img{width:88px;height:31px;image-rendering:pixelated;transition:transform var(--transition);border-radius:4px}.badges img:hover{transform:scale(1.05)}.graph-label{color:var(--text-tertiary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.github-section a{text-decoration:none;display:block}.contrib-graph{border-radius:8px;width:100%;height:auto}.projects-list{margin-top:32px}.project{transition:all var(--transition);background:0 0;border:none;border-radius:12px;margin-bottom:24px;padding:16px 20px}.project:hover{background:var(--hover-bg)}.project h2{font-family:var(--font-sans);color:var(--text);text-transform:none;letter-spacing:-.01em;margin-bottom:12px;font-size:20px;font-weight:600}.project p{color:var(--text-tertiary);margin-top:2px;margin-bottom:0;font-size:14px}.project-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tag{background:var(--accent-light);color:var(--accent);border:none;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500}.project-links{gap:16px;display:flex}.project-links a{font-size:13px;font-weight:500}.project-title{color:var(--text);font-size:15px;font-weight:600;text-decoration:none}.project-title:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text);opacity:1}.home-footer{z-index:10;font-size:14px;font-weight:500;font-family:var(--font-sans);color:var(--text);letter-spacing:.01em;pointer-events:none;justify-content:center;align-items:center;gap:10px;animation:1s .8s both fadeIn;display:flex;position:absolute;bottom:20px;left:0;right:0}.footer-dot{background:var(--text-quaternary);border-radius:50%;flex-shrink:0;width:3px;height:3px}.footer-time{font-variant-numeric:tabular-nums}footer:not(.home-footer){z-index:1;background:0 0;margin-top:0;padding:32px 24px 28px;position:relative}.footer-inner{justify-content:space-between;align-items:center;max-width:640px;margin:0 auto;display:flex}.footer-credit{color:var(--text-tertiary);font-size:14px;font-family:var(--font-serif);font-style:italic}.footer-credit a{color:var(--text-secondary);transition:color var(--transition);text-decoration:none}.footer-credit a:hover{color:var(--text);opacity:1}.footer-links{align-items:center;gap:16px;display:flex}.footer-links a{color:var(--text-tertiary);transition:all var(--transition);align-items:center;text-decoration:none;display:inline-flex}.footer-links a:hover{color:var(--text);opacity:1;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-page .avatar{animation:.8s cubic-bezier(.16,1,.3,1) .1s both fadeInUp}.hero-name{animation:.8s cubic-bezier(.16,1,.3,1) .2s both fadeInUp}.hero-aka{animation:.7s cubic-bezier(.16,1,.3,1) .3s both fadeInUp}.hero-bio:nth-child(1 of .hero-bio){animation:.7s cubic-bezier(.16,1,.3,1) .35s both fadeInUp}.hero-bio:nth-child(2 of .hero-bio){animation:.7s cubic-bezier(.16,1,.3,1) .42s both fadeInUp}.hero-bio:nth-child(3 of .hero-bio){animation:.7s cubic-bezier(.16,1,.3,1) .49s both fadeInUp}.hero-bio:nth-child(4 of .hero-bio){animation:.7s cubic-bezier(.16,1,.3,1) .56s both fadeInUp}.hero-links{animation:.7s cubic-bezier(.16,1,.3,1) .6s both fadeInUp}.theme-toggle{animation:1s .5s both fadeIn}.site-header{animation:1s .2s both fadeIn}.blog-post{animation:.6s cubic-bezier(.16,1,.3,1) both fadeInUp}.blog-post:first-child{animation-delay:.1s}.blog-post:nth-child(2){animation-delay:.18s}.blog-post:nth-child(3){animation-delay:.26s}.blog-post:nth-child(4){animation-delay:.34s}.blog-post:nth-child(5){animation-delay:.42s}.blog-post:nth-child(6){animation-delay:.5s}.blog-post:nth-child(7){animation-delay:.58s}.blog-post:nth-child(8){animation-delay:.66s}footer{animation:.8s .8s both fadeIn}@media (width<=768px){.bg-blob{filter:blur(70px)}.bg-blob-1{width:90vw;height:90vw}.bg-blob-2{width:80vw;height:80vw}.bg-grain{display:none}.hero-links{gap:20px;margin-bottom:4px}.hero-links a{font-size:15px}.home-footer{gap:6px;font-size:12px;bottom:12px}.theme-toggle{width:38px;height:38px;top:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.bg-blob-1,.bg-blob-2{animation:none!important}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{color:var(--accent);margin-left:1px;font-weight:400;animation:1s step-end infinite cursorBlink;display:inline-block}.blog-header{animation:.7s cubic-bezier(.16,1,.3,1) .1s both fadeInUp}.blog-title{font-family:var(--font-serif);letter-spacing:-.03em;margin-bottom:10px;font-size:3rem;font-style:italic;font-weight:400;line-height:1}@media (width<=640px){.blog-title{font-size:2.25rem}}.blog-subtitle{color:var(--text-tertiary);margin-bottom:0;font-size:16px;line-height:1.6}.blog-list{margin-top:56px}.blog-post{border-bottom:1px solid var(--border);padding:24px 0}.blog-post:first-child{border-top:1px solid var(--border)}.blog-post:hover .blog-post-title{color:var(--accent)}.blog-date{color:var(--text-tertiary);letter-spacing:.03em;text-transform:uppercase;font-size:13px;font-weight:400;font-family:var(--font-sans);margin-bottom:6px}.blog-post h2{font-family:var(--font-serif);margin:0;font-weight:400}.blog-post a{color:var(--text);letter-spacing:-.02em;transition:color var(--transition);font-size:1.375rem;line-height:1.25;text-decoration:none;display:block}.blog-post a:hover{opacity:1}@media (width>=641px){.blog-title{font-size:3rem}.blog-post a{font-size:1.5rem}.blog-post{padding:28px 0}}article h1{font-family:var(--font-serif);letter-spacing:-.03em;margin-bottom:10px;font-size:2.5rem;font-style:italic;font-weight:400;line-height:1.05;animation:.7s cubic-bezier(.16,1,.3,1) .1s both fadeInUp}@media (width<=640px){article h1{font-size:1.875rem}}.post-meta{color:var(--text-tertiary);letter-spacing:.02em;margin-bottom:48px;font-size:14px;font-weight:400;animation:.6s cubic-bezier(.16,1,.3,1) .2s both fadeInUp}.post-content{color:var(--text-secondary);font-size:17px;line-height:1.8;animation:.6s cubic-bezier(.16,1,.3,1) .3s both fadeInUp}.post-content h2{font-family:var(--font-serif);color:var(--text);letter-spacing:-.02em;margin-top:56px;margin-bottom:16px;font-size:1.625rem;font-weight:400}.post-content h3{color:var(--text);letter-spacing:-.01em;margin-top:36px;margin-bottom:10px;font-size:1.0625rem;font-weight:600}.post-content p{color:var(--text-secondary);margin-bottom:24px;font-size:17px}.post-content a{color:var(--text);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);transition:text-decoration-color var(--transition)}.post-content a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text);opacity:1}.post-content code{background:var(--code-bg);font-size:.88em;font-family:var(--font-mono);word-break:break-word;color:var(--text);border-radius:5px;padding:2px 7px}.post-content pre{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;width:100%;max-width:100%;margin:28px 0;padding:20px 24px;overflow-x:auto}.post-content pre code{word-break:normal;background:0 0;padding:0;font-size:13.5px}.post-content img{max-width:100%;height:auto;box-shadow:var(--shadow-md);border-radius:12px;margin:32px 0}.post-content ul,.post-content ol{margin-bottom:24px;margin-left:20px}.post-content li{color:var(--text-secondary);margin-bottom:8px;line-height:1.7}.post-content blockquote{border-left:3px solid var(--accent);font-family:var(--font-serif);color:var(--text-tertiary);margin:32px 0;padding-left:24px;font-size:18px;font-style:italic;line-height:1.6}.post-content hr{background:var(--border);border:none;width:48px;height:1px;margin:48px 0}@media (width>=641px){.post-content,.post-content p{font-size:18px}.post-content h2{font-size:1.75rem}.post-content h3{font-size:1.125rem}}.projects-list{flex-direction:column;gap:20px;margin-top:40px;display:flex}.project-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);border-radius:14px;padding:20px 22px;animation:.55s cubic-bezier(.16,1,.3,1) both fadeInUp;position:relative;overflow:hidden}.project-card:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--accent-light) 0%, transparent 55%);opacity:0;transition:opacity var(--transition);pointer-events:none;position:absolute;inset:0}.project-card:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));box-shadow:0 8px 32px #0000002e, 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-2px)}.project-card:hover:after{opacity:1}.project-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.project-card-title{font-family:var(--font-sans);color:var(--text);letter-spacing:-.01em;text-transform:lowercase;flex:1;margin-bottom:0;font-size:14px;font-weight:600;line-height:1.3}.project-stats{flex-shrink:0;align-items:center;gap:6px;display:flex}.stat-pill{color:var(--text-tertiary);background:var(--hover-bg);border:1px solid var(--border);font-size:10.5px;font-weight:500;font-family:var(--font-mono);transition:color var(--transition), border-color var(--transition);border-radius:99px;align-items:center;gap:4px;padding:2px 8px;line-height:1;display:inline-flex}.project-card:hover .stat-pill{color:var(--text-secondary);border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.project-card-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.lang-badge{color:var(--text-tertiary);text-transform:lowercase;flex-shrink:0;align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.lang-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 6px}.project-tags{flex-wrap:wrap;gap:5px;display:flex}.tag{background:var(--accent-light);color:var(--accent);letter-spacing:.01em;text-transform:lowercase;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:500}.project-desc{color:var(--text-tertiary);text-transform:lowercase;margin-top:0;margin-bottom:12px;font-size:12.5px;line-height:1.6}.project-links{align-items:center;gap:14px;display:flex}.project-link{color:var(--text-tertiary);transition:color var(--transition);letter-spacing:.01em;text-transform:lowercase;align-items:center;gap:4px;font-size:11.5px;font-weight:500;text-decoration:none;display:inline-flex}.project-link:hover{color:var(--accent);opacity:1}.project-link--demo{color:var(--accent);opacity:.8}.project-link--demo:hover{opacity:1}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--hover-bg) 50%, var(--border) 75%);background-size:200% 100%;border-radius:6px;animation:1.6s ease-in-out infinite shimmer}.project-card--skeleton{pointer-events:none}.skeleton-title{width:55%;height:18px}.skeleton-stats{border-radius:99px;width:90px;height:22px}.skeleton-lang{border-radius:99px;width:80px;height:14px;margin-bottom:10px}.skeleton-desc{width:100%;height:13px;margin-bottom:6px}.skeleton-desc--short{width:70%;margin-bottom:14px}.skeleton-tag{border-radius:99px;width:55px;height:20px}.project-card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;display:flex}.project-updated{color:var(--text-quaternary);font-size:11.5px;font-family:var(--font-mono);letter-spacing:.01em}.projects-count{color:var(--text-quaternary);font-size:14px}.api-error{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding:20px 22px;display:flex}.api-error p{color:var(--text-tertiary);margin:0;font-size:14px}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-view{animation:.32s cubic-bezier(.16,1,.3,1) both pageFadeIn}.projects-stats-bar{align-items:center;gap:10px;margin-top:18px;margin-bottom:4px;display:flex}.stat-item{align-items:baseline;gap:5px;display:inline-flex}.stat-item-value{font-family:var(--font-mono);color:var(--text-secondary);font-size:13px;font-weight:600}.stat-item-label{color:var(--text-quaternary);font-size:12px;font-weight:400}.stat-divider{color:var(--text-quaternary);-webkit-user-select:none;user-select:none;font-size:13px}.projects-filter-bar{flex-direction:column;gap:12px;margin-top:28px;margin-bottom:0;display:flex}.filter-search-wrapper{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-tertiary);transition:border-color var(--transition), box-shadow var(--transition);border-radius:10px;align-items:center;gap:10px;padding:8px 14px;display:flex}.filter-search-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);color:var(--text-secondary)}.filter-search{font-family:var(--font-mono);color:var(--text);caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;font-size:13px}.filter-search::placeholder{color:var(--text-quaternary);font-style:italic}.filter-clear{cursor:pointer;color:var(--text-quaternary);transition:color var(--transition);background:0 0;border:none;align-items:center;padding:0;font-size:18px;line-height:1;display:flex}.filter-clear:hover{color:var(--text)}.lang-filters{flex-wrap:wrap;gap:6px;display:flex}.lang-filter-pill{border:1px solid var(--border);color:var(--text-tertiary);cursor:pointer;font-size:11px;font-weight:500;font-family:var(--font-sans);transition:all var(--transition);text-transform:lowercase;background:0 0;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.lang-filter-pill:hover{background:var(--hover-bg);color:var(--text-secondary)}.lang-filter-pill.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.lang-filter-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.featured-section{margin-top:36px}.section-label{letter-spacing:.08em;text-transform:lowercase;color:var(--text-quaternary);margin-bottom:12px;font-size:11px;font-weight:600}.featured-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=520px){.featured-grid{grid-template-columns:1fr}}.project-card--featured{border-color:color-mix(in srgb, var(--accent) 22%, var(--border))}.featured-badge{letter-spacing:.05em;color:var(--accent);text-transform:lowercase;opacity:.75;margin-bottom:8px;font-size:10px;font-weight:600;display:inline-block}.all-repos-section{margin-top:36px}.filter-results-count{color:var(--text-quaternary);font-size:12px;font-family:var(--font-mono);margin-bottom:16px}.filter-results-count em{color:var(--text-tertiary);font-style:normal}.empty-filter-state{flex-direction:column;align-items:flex-start;gap:12px;padding:32px 0;display:flex}.empty-filter-state p{color:var(--text-tertiary);margin:0;font-size:14px;font-style:italic}.reset-filter-btn{color:var(--accent);background:var(--accent-light);border:1px solid var(--accent);cursor:pointer;font-size:12.5px;font-weight:500;font-family:var(--font-sans);transition:all var(--transition);text-transform:lowercase;border-radius:8px;padding:5px 14px}.reset-filter-btn:hover{background:var(--accent);color:var(--bg)}.project-card{cursor:pointer}.lang-dot{box-shadow:0 0 6px var(--dot-color,#888)}.scroll-top-btn{z-index:200;border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;transition:opacity var(--transition), transform var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:28px;right:24px;transform:translateY(10px)}.scroll-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top-btn:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (width<=768px){.scroll-top-btn{bottom:20px;right:16px}}.blog-empty-state{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;margin-top:56px;padding:32px 28px;animation:.6s cubic-bezier(.16,1,.3,1) .15s both fadeInUp}.blog-empty-title{font-family:var(--font-serif);color:var(--text);letter-spacing:-.02em;margin-bottom:8px;font-size:1.25rem;font-style:italic}.blog-empty-sub{color:var(--text-tertiary);margin:0;font-size:14px;line-height:1.6}.blog-empty-sub a{color:var(--text-secondary);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;transition:text-decoration-color var(--transition)}.blog-empty-sub a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text);opacity:1}