[data-theme=light]{--bg: #f7f6f3;--surface: #ffffff;--panel: #efede8;--text-primary: #1c1b1f;--text-secondary: #4a4750;--text-muted: #6a6670;--accent: #6d4cff;--accent-strong: #5a3df0;--border: #e3dde9;--shadow: rgba(20, 16, 30, .08);--nav-bg: rgba(247, 246, 243, .9);--nav-border: rgba(28, 27, 31, .08);--nav-dropdown-bg: #ffffff;--nav-dropdown-border: #e3dde9;--nav-dropdown-hover: #efede8;--primary-color: #6d4cff;--primary-gradient: linear-gradient(45deg, #6d4cff, #8f7bff)}[data-theme=dark]{--bg: #0f1014;--surface: #171a24;--panel: #1e2230;--text-primary: #f3f1ff;--text-secondary: #c6c0d6;--text-muted: #9b96b0;--accent: #9b7bff;--accent-strong: #b39bff;--border: #2b2f43;--shadow: rgba(0, 0, 0, .4);--nav-bg: rgba(15, 16, 20, .88);--nav-border: rgba(255, 255, 255, .08);--nav-dropdown-bg: #171a24;--nav-dropdown-border: #2b2f43;--nav-dropdown-hover: #1e2230;--primary-color: #9b7bff;--primary-gradient: linear-gradient(45deg, #9b7bff, #c2b1ff)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;transition:background .2s ease,color .2s ease;background:var(--bg);color:var(--text-primary)}a{color:inherit;text-decoration:none}.has-navbar{padding-top:52px}.reading-progress{position:fixed;top:52px;left:0;width:0%;height:3px;background:var(--accent);z-index:999}.page{max-width:680px;margin:0 auto;padding:64px 24px 96px}.post-loading{text-align:center;padding:80px 24px;color:var(--text-muted);font-size:14px}.post-error{text-align:center;padding:80px 24px;color:var(--text-muted)}.post-error-title{font-size:20px;color:var(--text-primary);margin-bottom:8px}.post-header{display:flex;flex-direction:column;gap:16px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.24em;color:var(--text-muted);-webkit-user-select:none;user-select:none}.post-title{font-family:Scheherazade New,serif;font-size:clamp(34px,5vw,48px);font-weight:700;line-height:1.1;-webkit-user-select:none;user-select:none}.post-summary{font-size:17px;color:var(--text-secondary);line-height:1.6}.post-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-muted);align-items:center}.post-tags{display:flex;flex-wrap:wrap;gap:8px}.post-tag{padding:4px 8px;border-radius:999px;background:var(--panel);font-size:12px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;transition:color .15s ease,background .15s ease}.post-tag:hover{color:var(--accent);background:var(--surface)}.post-author-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;background:var(--surface);border:1px solid var(--border);margin-top:24px}.post-author-avatar{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;flex-shrink:0}.post-author-info{flex:1;min-width:0}.post-author-name{font-size:14px;font-weight:600;display:block}.post-author-column{font-size:12px;color:var(--text-muted)}.post-author-link{font-size:13px;font-weight:500;color:var(--accent);white-space:nowrap}.post-related{margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}.post-related-title{font-size:16px;font-weight:600;margin-bottom:16px}.post-related-list{display:flex;flex-direction:column;gap:12px}.post-related-item{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:8px;transition:background .15s ease}.post-related-item:hover{background:var(--panel)}.post-related-item-title{font-size:14px;font-weight:600}.post-related-item-meta{font-size:12px;color:var(--text-muted)}.post-edit-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.12em}.post-content{margin-top:40px;font-family:"Source Serif 4",Georgia,serif;font-size:17px;line-height:1.8;color:var(--text-secondary)}.post-content h2{margin:48px 0 12px;font-size:22px;color:var(--text-primary);font-family:Scheherazade New,serif}.post-content h3{margin:32px 0 8px;font-size:18px;color:var(--text-primary);font-family:Inter,sans-serif;font-weight:600}.post-content p{margin-bottom:18px}.post-content blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 16px;color:var(--text-primary);margin:24px 0;font-style:italic}.post-content ul,.post-content ol{margin:0 0 18px 24px}.post-content li{margin-bottom:6px}.post-content code{font-family:SF Mono,Fira Code,monospace;font-size:.9em;background:var(--panel);padding:2px 6px;border-radius:4px}.post-content pre{background:var(--panel);padding:16px;border-radius:8px;overflow-x:auto;margin:24px 0}.post-content pre code{background:none;padding:0}.post-content img{max-width:100%;border-radius:8px;margin:24px 0}.post-content a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px;transition:text-decoration-color .2s ease}.post-content a:hover{text-decoration-color:var(--accent)}.post-content hr{border:none;border-top:1px solid var(--border);margin:32px 0}.share-section{margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}.share-label{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);margin-bottom:12px}.share-buttons{display:flex;gap:8px;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-secondary);font-size:13px;font-family:Inter,sans-serif;cursor:pointer;transition:border-color .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.share-btn:hover{color:var(--text-primary);border-color:var(--accent)}.share-btn svg{width:16px;height:16px;fill:currentColor}.share-feedback{font-size:12px;color:var(--accent);margin-left:8px;opacity:0;transition:opacity .3s ease}.share-feedback.visible{opacity:1}.post-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--text-secondary)}.post-link{font-size:13px;font-weight:600;color:var(--accent);-webkit-user-select:none;user-select:none}@media(max-width:768px){.page{padding:48px 20px 72px}.share-buttons{flex-direction:column}.share-btn{justify-content:center}}