@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_b2991b2-module__9mH_6q__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_b2991b2-module__9mH_6q__variable{--font-sans:"Inter","Inter Fallback"}
:root{--color-bg-primary:#111;--color-bg-secondary:#1a1a1a;--color-bg-card:#1f1f1f;--color-bg-card-hover:#262626;--color-text-primary:#fafafa;--color-text-secondary:#a3a3a3;--color-text-muted:#737373;--color-accent:#a78bfa;--color-border:#ffffff1a;--color-border-hover:#fff3;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--transition-fast:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:800px;padding:0 var(--spacing-lg);margin:0 auto}.page-wrapper{flex-direction:column;min-height:100dvh;display:flex}.header{padding:var(--spacing-lg)0;border-bottom:1px solid var(--color-border)}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:600}.nav-links{gap:var(--spacing-xl);display:flex}.nav-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast);font-weight:500}.nav-link:hover,.nav-link.active{color:var(--color-text-primary)}.nav-link.active{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.hero{padding:var(--spacing-lg)0 var(--spacing-2xl)}.hero-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm);font-weight:700}.hero-title-accent{color:var(--color-accent)}.hero-subtitle{color:var(--color-text-secondary)}.posts-section{padding-bottom:var(--spacing-3xl);flex:1}.section-header{margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.posts-grid{background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:1px;display:flex;overflow:hidden}.post-card{background:var(--color-bg-secondary);padding:var(--spacing-lg);transition:background var(--transition-fast);display:block}.post-card:hover{background:var(--color-bg-card-hover)}.post-card-content{gap:var(--spacing-xs);flex-direction:column;display:flex}.post-card-date{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.post-card-title{font-size:var(--font-size-base);font-weight:500}.post-card:hover .post-card-title{color:var(--color-accent)}.post-card-excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-card-tags{gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.post-tag{font-size:var(--font-size-xs);color:var(--color-text-muted)}.post-tag:before{content:"#"}.empty-state{text-align:center;padding:var(--spacing-3xl)var(--spacing-xl);color:var(--color-text-muted)}.empty-state-icon{margin-bottom:var(--spacing-md);opacity:.5;font-size:2rem}.empty-state-text{font-size:var(--font-size-base)}.footer{padding:var(--spacing-xl)0;border-top:1px solid var(--color-border)}.footer-text{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.post-detail{width:100%;max-width:900px;padding:var(--spacing-2xl)var(--spacing-lg)var(--spacing-3xl);text-align:left;margin:0 auto}.post-detail-header{margin-bottom:var(--spacing-2xl)}.post-detail-back{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl);transition:color var(--transition-fast);display:inline-block}.post-detail-back:hover{color:var(--color-accent)}.post-detail-date{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-mono);margin-bottom:var(--spacing-sm);display:block}.post-detail-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);font-weight:700}.post-detail-tags{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.post-detail-content{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8}.post-detail-content p{margin-bottom:var(--spacing-lg)}.post-detail-content h2{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:var(--spacing-2xl)0 var(--spacing-md);font-weight:600}.post-detail-content h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:var(--spacing-xl)0 var(--spacing-md);font-weight:600}.post-detail-content a{color:var(--color-accent)}.post-detail-content code{font-family:var(--font-mono);background:var(--color-bg-card);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.9em}.post-detail-content pre{background:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-lg)0;overflow-x:auto}.post-detail-content pre code{background:0 0;padding:0}.post-detail-content ul,.post-detail-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.post-detail-content li{margin-bottom:var(--spacing-sm)}.admin-page{background:var(--color-bg-primary);min-height:100dvh}.admin-header{padding:var(--spacing-lg)0;border-bottom:1px solid var(--color-border)}.admin-header-content{align-items:center;gap:var(--spacing-xl);display:flex}.admin-logo{color:var(--color-text-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.admin-logo:hover{color:var(--color-text-primary)}.admin-title{font-size:var(--font-size-lg);font-weight:600}.admin-main{padding:var(--spacing-2xl)0}.admin-toolbar{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.admin-section-title{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.admin-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:inline-flex}.admin-btn.primary{background:var(--color-accent);color:#111;font-weight:500}.admin-btn.primary:hover{opacity:.9}.admin-btn.secondary{background:var(--color-bg-card);color:var(--color-text-secondary);border:1px solid var(--color-border)}.admin-btn.secondary:hover{background:var(--color-bg-card-hover)}.admin-btn.small{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs)}.post-list{background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:1px;display:flex;overflow:hidden}.post-list-item{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);transition:background var(--transition-fast);display:flex}.post-list-item:hover{background:var(--color-bg-card-hover)}.post-list-main{gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:0;display:flex}.post-list-title{font-size:var(--font-size-base);color:var(--color-text-primary);transition:color var(--transition-fast);font-weight:600;display:block}.post-list-title:hover{color:var(--color-accent)}.post-list-meta{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.post-list-date{font-family:var(--font-mono);font-size:var(--font-size-xs)}.post-list-separator{opacity:.5}.post-list-tags{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.post-list-actions{gap:var(--spacing-sm);flex-shrink:0;display:flex}.admin-tag{font-size:var(--font-size-xs);color:var(--color-text-muted)}.status-badge{font-size:var(--font-size-xs);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);white-space:nowrap;font-weight:500}.status-badge.published{color:#4ade80;background:#22c55e26}.status-badge.draft{color:#facc15;background:#facc1526}.admin-empty{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md)}.login-page{background:var(--color-bg-primary);min-height:100dvh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.login-container{width:100%;max-width:400px}.login-header{margin-bottom:var(--spacing-2xl)}.login-back{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);transition:color var(--transition-fast);display:inline-block}.login-back:hover{color:var(--color-text-primary)}.login-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs);font-weight:600}.login-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.login-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.login-form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.login-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.login-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);font-family:inherit}.login-input:focus{border-color:var(--color-accent);outline:none}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-error{padding:var(--spacing-sm)var(--spacing-md);color:#f87171;font-size:var(--font-size-sm);border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef44444d}.login-button{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);color:#111;background:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast);border:none;font-weight:500}.login-button:hover:not(:disabled){opacity:.9}.login-button:disabled{opacity:.5;cursor:not-allowed}.post-form{max-width:800px}.form-group{margin-bottom:var(--spacing-xl)}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-weight:500;display:block}.form-input,.form-textarea{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);font-family:inherit}.form-input:focus,.form-textarea:focus{border-color:var(--color-accent);outline:none}.form-input:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.form-textarea{resize:vertical;min-height:400px;font-family:var(--font-mono);line-height:1.6}.form-checkbox{align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.form-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-accent)}.form-checkbox span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-error{padding:var(--spacing-sm)var(--spacing-md);color:#f87171;font-size:var(--font-size-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);background:#ef44441a;border:1px solid #ef44444d}.form-actions{gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.btn{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;align-items:center;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-accent);color:#111}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}@media (max-width:640px){.nav-links{gap:var(--spacing-md);display:flex}.hero-title{font-size:var(--font-size-2xl)}.form-actions{flex-direction:column-reverse}.btn{justify-content:center;width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:1s step-end infinite blink}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#3f3f46;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--color-accent)}input:checked+.toggle-slider:before{transform:translate(20px)}.hero-mono{font-family:var(--font-mono)}.hero-title-custom{letter-spacing:-.03em;color:#e4e4e7;margin-bottom:0;font-size:2.5rem}.hero-arrow{color:#10b981;margin-right:.5rem}.hero-git{color:#a78bfa}.post-detail-content-prose{white-space:pre-wrap;font-family:inherit}.preview-bar{color:#111;text-align:center;z-index:100;font-weight:700;font-size:var(--font-size-sm);background:#a78bfa;padding:.5rem;position:sticky;top:0}.preview-actions{align-items:center;gap:1rem;display:flex}.preview-edit-link{font-size:var(--font-size-sm);border-radius:var(--radius-sm);background:#ffffff1a;padding:.25rem .75rem}.admin-loading{justify-content:center;align-items:center;height:100vh;display:flex}.admin-loading-text{color:var(--color-text-muted)}.admin-header-title-group{align-items:center;gap:1rem;display:flex}.admin-form-container{max-width:800px}.form-input-title{padding:1rem;font-size:1.2rem}.form-textarea-editor{min-height:500px;font-size:1rem;line-height:1.6}.form-help-text{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:.5rem}.toggle-group{align-items:center;gap:.8rem;display:flex}.toggle-label{cursor:pointer;color:var(--color-text-primary);font-size:.95rem}.form-actions-bar{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.form-actions-bar-end{justify-content:flex-end}.form-actions-right{align-items:center;gap:1rem;display:flex}.admin-btn-fixed{justify-content:center;align-items:center;height:42px;text-decoration:none;display:flex}.admin-btn-submit{min-width:100px}.admin-btn-danger{color:#ef4444;background:#ef44440d;border:1px solid #ef444433;justify-content:center;align-items:center;height:42px;display:flex}.about-placeholder{background:#09090b;height:100vh}.about-wrapper{touch-action:none;background:#09090b;flex-direction:column;display:flex;position:relative;overflow:hidden}.about-header{z-index:60;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;padding-top:calc(var(--spacing-lg) + env(safe-area-inset-top));padding-bottom:var(--spacing-lg);background:linear-gradient(#09090b 60%,#09090bcc 85%,#0000);border:none;position:absolute;top:0;left:0}.about-main{cursor:pointer;z-index:1;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.about-grid{align-content:center;width:100%;height:100%;display:grid}.about-cell{color:#e4e4e7;opacity:.3;height:38px;cursor:inherit;justify-content:center;align-items:center;font-size:38px;font-weight:500;line-height:38px;display:flex}.about-cell-highlight{opacity:1;font-weight:700}.about-footer{z-index:60;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;width:100%;padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom));padding-top:var(--spacing-xl);background:linear-gradient(#0000,#09090bcc 15%,#09090b 40%);border:none;position:absolute;bottom:0;left:0}