@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg:#0a0a0a;--bg-2:#111;--bg-3:#1a1a1a;--fg:#e8e8e8;--fg-2:#999;--fg-3:#555;--accent:#888;--border:#222;--border-2:#333;--white:#fff;--danger:#c0392b;--success:#27ae60;--link:#aaa;--link-hover:#fff;--editor-bg:#0f0f0f;--radius:6px;--radius-lg:10px}:root.light-theme{--bg:#f9f9f9;--bg-2:#fff;--bg-3:#f0f0f0;--fg:#1a1a1a;--fg-2:#555;--fg-3:#999;--accent:#555;--border:#e0e0e0;--border-2:#ccc;--white:#000;--danger:#c0392b;--success:#27ae60;--link:#555;--link-hover:#000;--editor-bg:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--fg);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;line-height:1.7}a{color:inherit;text-decoration:none}.container{max-width:680px;margin:0 auto;padding:3rem 1.5rem 6rem}header{border-bottom:1px solid var(--border);margin-bottom:3.5rem;padding-bottom:2rem}header h1{letter-spacing:-.04em;color:var(--white);font-size:2rem;font-weight:700}header p{color:var(--fg-2);letter-spacing:.02em;margin-top:.4rem;font-size:.95rem}.feed{flex-direction:column;gap:2.5rem;display:flex}.post{border-bottom:1px solid var(--border);padding-bottom:2.5rem;animation:.3s fadeIn}.post:last-child{border-bottom:none}.post-date{color:var(--fg-3);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.7rem;font-size:.78rem}.post-title{color:var(--white);letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.35rem;font-weight:700;line-height:1.3}.post-title-link{color:inherit;transition:opacity .2s}.post-title-link:hover{opacity:.7}.post-excerpt{color:var(--fg-2);margin-bottom:.9rem;font-size:.95rem;line-height:1.7}.read-more{color:var(--fg-3);letter-spacing:.03em;font-size:.82rem;transition:color .2s;display:inline-block}.read-more:hover{color:var(--white)}.post-back{color:var(--fg-3);letter-spacing:.03em;margin-bottom:2.5rem;font-size:.82rem;transition:color .2s;display:inline-block}.post-back:hover{color:var(--white)}.post-single{animation:.3s fadeIn}.post-single-title{color:var(--white);letter-spacing:-.03em;margin:.5rem 0 1.75rem;font-size:1.75rem;font-weight:700;line-height:1.25}.post-content{color:var(--fg);line-height:1.75}.post-content p{margin-bottom:1rem}.post-content h2{color:var(--white);margin:1.5rem 0 .5rem;font-size:1.2rem;font-weight:700}.post-content h3{color:var(--fg);margin:1.2rem 0 .5rem;font-size:1rem;font-weight:600}.post-content strong{color:var(--white);font-weight:600}.post-content em{color:var(--fg-2);font-style:italic}.post-content a{color:var(--link);border-bottom:1px solid var(--border-2);transition:color .2s,border-color .2s}.post-content a:hover{color:var(--white);border-color:var(--accent)}.post-content ul,.post-content ol{margin-bottom:1rem;padding-left:1.4rem}.post-content li{margin-bottom:.3rem}.post-content blockquote{border-left:3px solid var(--border-2);color:var(--fg-2);margin:1.2rem 0;padding-left:1.2rem;font-style:italic}.post-content pre{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);margin:1rem 0;padding:1rem 1.2rem;font-size:.85rem;overflow-x:auto}.post-content code{background:var(--bg-2);color:var(--fg-2);border-radius:3px;padding:.15em .4em;font-family:SF Mono,Fira Code,monospace;font-size:.85em}.post-content pre code{background:0 0;padding:0}.post-content iframe{border-radius:var(--radius);max-width:100%;margin:1.5rem 0;display:block}.login-wrapper{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-box{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:2.5rem}.login-title{letter-spacing:-.04em;color:var(--white);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.login-subtitle{color:var(--fg-3);letter-spacing:.05em;text-transform:uppercase;margin-bottom:2rem;font-size:.85rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field{flex-direction:column;gap:.4rem;display:flex}.login-label{color:var(--fg-2);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:500}.login-input{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--fg);outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.login-input:focus{border-color:var(--accent)}.login-input::placeholder{color:var(--fg-3)}.login-error{color:#e74c3c;border-radius:var(--radius);background:#e74c3c1a;border:1px solid #e74c3c33;padding:.6rem .8rem;font-size:.85rem}.login-btn{background:var(--white);color:var(--bg);border-radius:var(--radius);cursor:pointer;letter-spacing:.01em;border:none;width:100%;margin-top:.5rem;padding:.85rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .15s}.login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.admin-wrapper{background:var(--bg);min-height:100vh}.admin-header{border-bottom:1px solid var(--border);background:var(--bg-2);z-index:10;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.admin-logo{letter-spacing:-.03em;color:var(--white);font-size:1.25rem;font-weight:700;transition:opacity .2s}.admin-logo:hover{opacity:.7}.admin-header-actions{align-items:center;gap:.75rem;display:flex}.admin-header-label{color:var(--fg-2);letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}.admin-content{max-width:820px;margin:0 auto;padding:2.5rem 1.5rem 6rem}.admin-section-title{color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:.75rem;font-weight:500}.admin-error{color:#e74c3c;border-radius:var(--radius);background:#e74c3c1a;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.admin-empty{color:var(--fg-2);font-size:.95rem}.admin-empty a{color:var(--white);border-bottom:1px solid var(--border-2)}.admin-btn-primary{background:var(--white);color:var(--bg);border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.3rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex}.admin-btn-primary:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.admin-btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-btn-ghost{color:var(--fg-2);border:1px solid var(--border-2);border-radius:var(--radius);cursor:pointer;background:0 0;align-items:center;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;transition:color .2s,border-color .2s;display:inline-flex}.admin-btn-ghost:hover{color:var(--white);border-color:var(--accent)}.admin-btn-sm{color:var(--fg-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;padding:.35rem .8rem;font-family:inherit;font-size:.8rem;transition:color .2s,border-color .2s;display:inline-flex}.admin-btn-sm:hover:not(:disabled){color:var(--white);border-color:var(--accent)}.admin-btn-sm:disabled{opacity:.4;cursor:not-allowed}.admin-btn-danger{color:#c0392b;border-color:#c0392b4d}.admin-btn-danger:hover:not(:disabled){color:#e74c3c;border-color:#e74c3c}.admin-btn-toggle{color:var(--fg-2)}.admin-list{flex-direction:column;gap:0;display:flex}.admin-post-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;animation:.2s fadeIn;display:flex}.admin-post-row:last-child{border-bottom:none}.admin-post-info{flex:1;min-width:0}.admin-post-title{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.admin-post-untitled{color:var(--fg-3);font-style:italic}.admin-post-meta{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.admin-post-status{text-transform:uppercase;letter-spacing:.06em;border-radius:3px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.admin-post-status.published{color:#2ecc71;background:#27ae6026}.admin-post-status.draft{color:var(--fg-3);background:#64646426}.admin-post-date{color:var(--fg-3);font-size:.78rem}.admin-post-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.post-form{flex-direction:column;gap:1.75rem;display:flex}.form-error{color:#e74c3c;border-radius:var(--radius);background:#e74c3c1a;border:1px solid #e74c3c40;padding:.75rem 1rem;font-size:.9rem}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:500}.form-hint{color:var(--fg-3);text-transform:none;letter-spacing:0;font-style:italic}.form-input{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--fg);outline:none;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:1.1rem;font-weight:500;transition:border-color .2s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--fg-3)}.form-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.form-buttons{align-items:center;gap:.75rem;display:flex}.form-publish-toggle{align-items:center;display:flex}.toggle-label{cursor:pointer;color:var(--fg-2);-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.toggle-switch{background:var(--bg-3);border:1px solid var(--border-2);cursor:pointer;border-radius:11px;width:40px;height:22px;transition:background .2s,border-color .2s;position:relative}.toggle-switch.on{background:#2ecc71;border-color:#2ecc71}.toggle-knob{background:var(--white);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch.on .toggle-knob{transform:translate(18px)}.editor-wrapper{border:1px solid var(--border-2);border-radius:var(--radius-lg);background:var(--editor-bg);transition:border-color .2s;overflow:hidden}.editor-wrapper:focus-within{border-color:var(--accent)}.editor-toolbar{border-bottom:1px solid var(--border);background:var(--bg-2);flex-wrap:wrap;align-items:center;gap:.1rem;padding:.6rem .75rem;display:flex}.editor-btn{color:var(--fg-2);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:4px;min-width:28px;padding:.3rem .55rem;font-family:inherit;font-size:.85rem;line-height:1;transition:color .15s,background .15s}.editor-btn:hover,.editor-btn.active{color:var(--white);background:var(--bg-3)}.editor-divider{background:var(--border);width:1px;height:18px;margin:0 .25rem}.editor-content{min-height:280px;padding:1.25rem 1.5rem}.editor-content .tiptap{min-height:250px;color:var(--fg);outline:none;line-height:1.75}.editor-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--fg-3);pointer-events:none;float:left;height:0}.editor-content .tiptap h2{color:var(--white);margin:1rem 0 .4rem;font-size:1.25rem;font-weight:700}.editor-content .tiptap h3{color:var(--fg);margin:.8rem 0 .3rem;font-size:1.05rem;font-weight:600}.editor-content .tiptap strong{color:var(--white);font-weight:600}.editor-content .tiptap em{color:var(--fg-2)}.editor-content .tiptap a{color:var(--link);text-decoration:underline}.editor-content .tiptap ul,.editor-content .tiptap ol{margin:.5rem 0;padding-left:1.4rem}.editor-content .tiptap li{margin-bottom:.25rem}.editor-content .tiptap blockquote{border-left:3px solid var(--border-2);color:var(--fg-2);margin:.8rem 0;padding-left:1rem;font-style:italic}.editor-content .tiptap pre{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);margin:.75rem 0;padding:1rem 1.2rem;font-size:.85rem;overflow-x:auto}.editor-content .tiptap code{background:var(--bg-2);color:var(--fg-2);border-radius:3px;padding:.1em .35em;font-family:SF Mono,Fira Code,monospace;font-size:.85em}.editor-content .tiptap pre code{background:0 0;padding:0}.editor-content .tiptap img{border-radius:var(--radius);max-width:100%;height:auto;margin:1.5rem 0;display:block}.editor-content .tiptap div[data-youtube-video]{border-radius:var(--radius);margin:1.5rem 0;overflow:hidden}.editor-content .tiptap iframe{border-radius:var(--radius);max-width:100%;display:block}@media (max-width:600px){.editor-mobile-hide{display:none!important}}.site-footer{border-top:1px solid var(--border);max-width:680px;margin:0 auto;padding:2rem 1.5rem}.footer-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-copy{color:var(--fg-3);letter-spacing:.03em;font-size:.78rem}.footer-nav{align-items:center;gap:.6rem;display:flex}.footer-link{color:var(--fg-3);letter-spacing:.03em;font-size:.78rem;transition:color .2s}.footer-link:hover{color:var(--white)}.footer-dot{color:var(--fg-3);font-size:.78rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.container{padding:2rem 1rem 5rem}.admin-header{padding:1rem}.admin-content{padding:1.5rem 1rem 6rem}.admin-post-actions{flex-wrap:wrap;justify-content:flex-end}.form-actions{flex-direction:column;align-items:flex-start}.form-buttons{justify-content:flex-end;width:100%}header h1{font-size:1.5rem}.admin-btn-sm{min-height:44px;padding:.55rem 1rem;font-size:.85rem}.admin-btn-ghost{min-height:44px}.admin-post-row{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem 0}.admin-post-actions{justify-content:flex-start;gap:.6rem;width:100%}.editor-btn{min-width:36px;min-height:36px;padding:.4rem .65rem}.editor-toolbar{gap:.2rem;padding:.75rem}}*{-webkit-tap-highlight-color:transparent}.admin-fab{display:none}@media (max-width:600px){.admin-btn-desktop-only{display:none}.admin-fab{bottom:calc(1.75rem + env(safe-area-inset-bottom));background:var(--white);width:56px;height:56px;color:var(--bg);z-index:100;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:flex;position:fixed;right:1.25rem;box-shadow:0 4px 16px #0009,0 1px 4px #0006}.admin-fab:active{opacity:.85;transform:scale(.92)}.admin-fab-icon{color:var(--bg);margin-top:-1px;font-size:1.75rem;font-weight:300;line-height:1}}@supports (padding-bottom:env(safe-area-inset-bottom)){.admin-header{padding-top:max(1.25rem, env(safe-area-inset-top))}@media (max-width:600px){.admin-header{padding-top:max(1rem, env(safe-area-inset-top))}}}.public-layout{position:relative}.main-col{width:100%}.sidebar{width:220px;margin-left:3rem;padding-top:3.5rem;position:absolute;top:0;left:100%}.sidebar-sticky{position:sticky;top:2rem}.sidebar-title{color:var(--fg-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.85rem}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{color:var(--fg-2);background:var(--bg-2);border:1px solid var(--border);border-radius:4px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.8rem;transition:all .2s;display:inline-flex}.tag:hover,.tag.active{color:var(--white);border-color:var(--accent);background:var(--bg-3)}.tag-count{color:var(--fg-3);font-size:.7rem}.post-tags-inline{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.tag-inline{color:var(--fg-3);font-size:.75rem;transition:color .2s}.tag-inline:hover{color:var(--white)}.public-header{justify-content:space-between;align-items:flex-start;display:flex}.public-header-actions{align-items:center;gap:.5rem;display:flex}.rss-link{color:var(--fg-2);padding:.4rem;transition:color .2s;display:flex}.rss-link:hover{color:#f39c12}@media (max-width:1100px){.public-layout{flex-direction:column;display:flex}.sidebar{width:100%;margin-bottom:2rem;margin-left:0;padding-top:2rem;position:static}}