@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f0f;--surface:#161616;--surface-2:#1c1c1c;--border:#222;--text:#e8e8e8;--muted:#888;--faint:#444;--accent:#a8ff78;--font:"Inter", sans-serif;--mono:"JetBrains Mono", monospace;--radius:4px;--transition:.18s cubic-bezier(.16, 1, .3, 1);--glow-1:#a8ff78;--glow-2:#00e5ff}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}a{color:var(--accent);transition:opacity var(--transition);text-decoration:none}a:hover{opacity:.75}.top-nav{z-index:20;background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 24px;font-size:13px;display:flex;position:sticky;top:0}.top-nav a{color:var(--muted);transition:color var(--transition), border-color var(--transition);border-bottom:2px solid #0000;padding:4px 2px;font-weight:500}.top-nav a:hover{color:var(--text);opacity:1}.top-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.nav-sep{color:var(--faint)}.app-container{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.header{text-align:center;margin-bottom:48px}.header h1{letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.accent{color:var(--accent)}.subtitle{color:var(--muted);margin-bottom:28px;font-size:14px}.subtitle a{color:var(--muted);border-bottom:1px solid var(--faint)}.search-container{max-width:480px;margin:0 auto}.search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);transition:border-color var(--transition);outline:none;padding:10px 16px;font-size:14px}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:var(--accent)}.repo-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:16px;display:grid}.repo-card{background:var(--surface);border-radius:var(--radius);cursor:pointer;transition:background var(--transition);isolation:isolate;border:none;position:relative;overflow:visible}.repo-card .card-main,.repo-card .card-details{z-index:1;background:var(--surface);border-radius:var(--radius);position:relative}.repo-card .card-main{border-radius:var(--radius) var(--radius) 0 0}.repo-card .card-details{border-radius:0 0 var(--radius) var(--radius)}.repo-card:before{content:"";border-radius:calc(var(--radius) + 1px);background:conic-gradient(from var(--glow-angle), transparent 0deg, var(--glow-1) 60deg, var(--glow-2) 120deg, transparent 180deg, transparent 360deg);z-index:-1;opacity:0;transition:opacity .3s;animation:3s linear infinite paused glow-spin;position:absolute;inset:-1px}.repo-card:after{content:"";border-radius:calc(var(--radius) + 2px);background:conic-gradient(from var(--glow-angle), transparent 0deg, var(--glow-1) 60deg, var(--glow-2) 120deg, transparent 180deg, transparent 360deg);z-index:-2;filter:blur(6px);opacity:0;transition:opacity .3s;animation:3s linear infinite paused glow-spin;position:absolute;inset:-2px}.repo-card:hover:before,.repo-card:hover:after{opacity:1;animation-play-state:running}.repo-card:active .card-main,.repo-card:active .card-details{background:#242424}.repo-card.expanded:before{opacity:1;animation-play-state:running}.blog-card{border-radius:var(--radius);color:var(--text);isolation:isolate;transition:background var(--transition);background:0 0;border:none;display:block;position:relative;overflow:visible}.blog-card-img-wrap{z-index:1;aspect-ratio:3;background:var(--surface-2);border-radius:var(--radius) var(--radius) 0 0;width:100%;position:relative;overflow:hidden}.blog-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.blog-card:hover .blog-card-img{transform:scale(1.03)}.blog-card-body{z-index:1;background:var(--surface);border-radius:0 0 var(--radius) var(--radius);padding:16px 20px 20px;position:relative}.blog-card:before{content:"";border-radius:calc(var(--radius) + 1px);background:conic-gradient(from var(--glow-angle), transparent 0deg, var(--glow-1) 80deg, var(--glow-2) 160deg, transparent 220deg, transparent 360deg);z-index:0;opacity:0;transition:opacity .3s;animation:3s linear infinite paused glow-spin;position:absolute;inset:-1px}.blog-card:after{content:"";border-radius:calc(var(--radius) + 6px);background:conic-gradient(from var(--glow-angle), transparent 0deg, var(--glow-1) 80deg, var(--glow-2) 160deg, transparent 220deg, transparent 360deg);z-index:-1;filter:blur(12px);opacity:0;transition:opacity .3s;animation:3s linear infinite paused glow-spin;position:absolute;inset:-6px}.blog-card:hover:before,.blog-card:hover:after{opacity:1;animation-play-state:running}.blog-card:active .blog-card-body{background:#242424}@keyframes glow-spin{to{--glow-angle:360deg}}.card-main{padding:18px 20px 16px}.card-top h3{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600}.website-row{margin-bottom:8px}.website-link{color:var(--muted);border-bottom:1px dashed var(--faint);font-size:12px}.website-link:hover{color:var(--accent);opacity:1}.description{color:var(--muted);margin-bottom:12px;font-size:13px;line-height:1.5}.topics{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.topic-tag{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:2px 7px;font-size:11px}.card-footer{align-items:center;gap:12px;display:flex}.language{color:var(--faint);font-size:12px;font-family:var(--mono)}.card-details{border-top:1px solid var(--border);padding:0 20px 20px;overflow:hidden}.detail-loader{color:var(--muted);padding:20px 0;font-size:13px}.detail-section{margin-top:20px}.detail-section h4{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:12px;font-weight:600}.lang-stats{flex-wrap:wrap;gap:8px 16px;margin-bottom:10px;display:flex}.lang-item{align-items:center;gap:6px;font-size:12px;display:flex}.lang-name{color:var(--text)}.lang-pct{color:var(--muted);font-family:var(--mono)}.lang-bar{background:var(--border);border-radius:2px;height:4px;display:flex;overflow:hidden}.lang-segment{background:var(--accent)}.tree-list{padding:0;list-style:none}.tree-list li{color:var(--muted);font-size:12px;font-family:var(--mono);padding:3px 0}.tree-list li.folder{color:var(--text)}.readme-section .readme-content{color:var(--muted);max-height:300px;font-size:13px;line-height:1.6;overflow-y:auto}.readme-content h1,.readme-content h2,.readme-content h3{color:var(--text);margin:12px 0 6px;font-size:14px}.readme-content p{margin-bottom:8px}.readme-content code{font-family:var(--mono);background:var(--surface-2);color:var(--accent);border-radius:3px;padding:1px 5px;font-size:11px}.github-button{color:var(--bg);background:var(--accent);transition:opacity var(--transition);border-radius:4px;align-items:center;gap:6px;margin-top:16px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.github-button:hover{opacity:.85}.blog-page{max-width:760px;margin:0 auto;padding:48px 24px 100px}.blog-header{margin-bottom:48px}.blog-header h1{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(2rem,5vw,3rem);font-weight:700}.blog-list{flex-direction:column;gap:12px;display:flex}.blog-card-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.blog-style-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.blog-date{color:var(--muted);font-size:12px;font-family:var(--mono)}.blog-title{color:var(--text);letter-spacing:-.01em;margin-bottom:6px;font-size:17px;font-weight:600}.blog-summary{color:var(--muted);max-width:60ch;margin-bottom:10px;font-size:13px;line-height:1.5}.blog-read{color:var(--accent);font-size:13px}.post-reader{max-width:720px;margin:0 auto;padding:40px 24px 100px}.back-btn{color:var(--muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:40px;padding:0;font-size:13px;display:inline-flex}.back-btn:hover{color:var(--accent)}.post-body{color:var(--text);font-size:15px;line-height:1.75}.post-body h1{letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.post-body h2{color:var(--text);margin:40px 0 12px;font-size:1.2rem;font-weight:600}.post-body h3{color:var(--muted);margin:28px 0 8px;font-size:1rem;font-weight:600}.post-body p{max-width:68ch;margin-bottom:16px}.post-body a{color:var(--accent);transition:border-color var(--transition);border-bottom:1px solid #0000}.post-body a:hover{border-bottom-color:var(--accent);opacity:1}.post-body code{font-family:var(--mono);background:var(--surface-2);color:var(--accent);border-radius:3px;padding:2px 6px;font-size:13px}.post-body pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:16px;overflow-x:auto}.post-body pre code{background:0 0;padding:0;font-size:13px}.post-body img{border-radius:var(--radius);max-width:100%;margin:20px 0}.post-body blockquote{border-left:2px solid var(--accent);color:var(--muted);margin:20px 0;padding-left:16px}.post-body ul,.post-body ol{margin-bottom:16px;padding-left:20px}.post-body li{margin-bottom:6px}.post-body hr{border:none;border-top:1px solid var(--border);margin:32px 0}.post-body details{margin:24px 0}.post-body summary{cursor:pointer;color:var(--muted);font-size:13px;list-style:none}.post-body summary::-webkit-details-marker{display:none}.loader{text-align:center;color:var(--muted);padding:60px 0;font-size:14px}.error{text-align:center;color:#ff6b6b;padding:40px 0;font-size:14px}.no-results{text-align:center;color:var(--muted);padding:60px 0;font-size:14px}.footer{text-align:center;color:var(--faint);margin-top:64px;font-size:12px}.scroll-top{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;width:40px;height:40px;transition:border-color var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:fixed;bottom:24px;right:24px}.scroll-top:hover{border-color:var(--accent);color:var(--accent)}@media (prefers-reduced-motion:reduce){.repo-card:before,.repo-card:after,.blog-card:before,.blog-card:after{opacity:0!important;animation:none!important}.repo-card:hover,.blog-card:hover{box-shadow:0 0 0 1px var(--accent)}.blog-card-img{transition:none}}@media (width<=640px){.app-container,.blog-page,.post-reader{padding:28px 16px 60px}.repo-grid{grid-template-columns:1fr}}:root{--color-wood-dark:#2c1b0e;--color-wood-light:#5d4037;--color-black:#121212;--color-white:#f8f9fa;--color-orange:#f57c00;--color-orange-glow:#f57c0066}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-black);color:var(--color-white);background-image:linear-gradient(#0009,#0009),repeating-linear-gradient(0deg,#0000,#0000 2px,#2c1b0e33 2px 4px);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}#root{max-width:1200px;margin:0 auto;padding:2rem}