:root{--bg:#fff;--bg-secondary:#f5f5f5;--text:#1d1d1d;--text-secondary:#6b6b6b;--border:#e0e0e0;--accent:#1a73e8;--accent-hover:#1557b0;--code-bg:#f0f0f0;--gap:24px;--max-width:720px;--header-height:60px;--radius:8px}[data-theme=dark]{--bg:#1d1e20;--bg-secondary:#2a2b2d;--text:#d4d4d4;--text-secondary:#9a9a9a;--border:#3a3b3d;--accent:#6db3f2;--accent-hover:#8ec5f6;--code-bg:#2a2b2d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;transition:background .2s,color .2s;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border)}.header-inner{max-width:960px;margin:0 auto;padding:0 var(--gap);height:var(--header-height);display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:700;color:var(--text)}.logo:hover{text-decoration:none}.nav{display:flex;align-items:center;gap:20px}.nav a{color:var(--text-secondary);font-size:.9rem;font-weight:500}.nav a:hover{color:var(--text);text-decoration:none}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1.2rem;padding:4px;display:flex;align-items:center}.main{max-width:960px;margin:0 auto;padding:var(--gap);min-height:calc(100vh - var(--header-height) - 100px)}.profile{text-align:center;padding:60px 0 40px}.profile h1{font-size:2rem;margin-bottom:8px}.profile p{color:var(--text-secondary);font-size:1.1rem;max-width:500px;margin:0 auto 24px}.profile-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.profile-buttons a{padding:8px 24px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-weight:500;font-size:.9rem;transition:background .2s,border-color .2s}.profile-buttons a:hover{background:var(--bg-secondary);border-color:var(--text-secondary);text-decoration:none}.social-icons{display:flex;gap:16px;justify-content:center;margin-top:20px}.social-icons a{color:var(--text-secondary);font-size:.85rem;font-weight:500}.social-icons a:hover{color:var(--accent);text-decoration:none}.section-title{font-size:1.3rem;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border)}.post-list{list-style:none}.post-entry{padding:16px 0;border-bottom:1px solid var(--border)}.post-entry:last-child{border-bottom:none}.post-entry-title{font-size:1.15rem;font-weight:600;margin-bottom:4px}.post-entry-title a{color:var(--text)}.post-entry-title a:hover{color:var(--accent);text-decoration:none}.post-meta{font-size:.8rem;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}.post-meta,.post-summary{color:var(--text-secondary)}.post-summary{font-size:.9rem;line-height:1.5}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{background:var(--bg-secondary);color:var(--text-secondary);padding:2px 10px;border-radius:4px;font-size:.78rem;font-weight:500;transition:background .2s}.tag:hover{background:var(--border);color:var(--text);text-decoration:none}.tags-page{display:flex;flex-wrap:wrap;gap:10px}.tags-page .tag{font-size:.9rem;padding:6px 16px}.breadcrumbs{font-size:.8rem;margin-bottom:16px}.breadcrumbs,.breadcrumbs a{color:var(--text-secondary)}.breadcrumbs span{margin:0 6px}.post-header{margin-bottom:32px}.post-header h1{font-size:1.8rem;line-height:1.3;margin-bottom:12px}.post-content{max-width:var(--max-width)}.post-content h2{font-size:1.4rem;margin:32px 0 12px;padding-bottom:4px}.post-content h3{font-size:1.15rem;margin:24px 0 8px}.post-content p{margin-bottom:16px}.post-content ol,.post-content ul{margin-bottom:16px;padding-left:24px}.post-content li{margin-bottom:6px}.post-content blockquote{border-left:3px solid var(--accent);padding:8px 16px;margin:16px 0;background:var(--bg-secondary);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-secondary)}.post-content code{background:var(--code-bg);padding:2px 6px;border-radius:3px;font-size:.88em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.post-content pre{background:var(--code-bg);padding:16px;border-radius:var(--radius);overflow-x:auto;margin-bottom:16px}.post-content pre code{background:none;padding:0}.post-content table{width:100%;border-collapse:collapse;margin-bottom:16px}.post-content td,.post-content th{border:1px solid var(--border);padding:8px 12px;text-align:left}.post-content th{background:var(--bg-secondary);font-weight:600}.post-content strong{font-weight:600}.post-content hr{border:none;border-top:1px solid var(--border);margin:32px 0}.post-content a{text-decoration:underline;text-underline-offset:2px}.toc{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:32px;max-width:var(--max-width)}.toc-title{font-weight:600;font-size:.95rem;margin-bottom:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toc ul{list-style:none;padding:0}.toc li{margin-bottom:4px}.toc a{color:var(--text-secondary);font-size:.85rem;text-decoration:none}.toc a:hover{color:var(--accent)}.toc .toc-h3{padding-left:16px}.post-nav{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.post-nav a{flex:1 1;padding:12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;color:var(--text)}.post-nav a:hover{background:var(--bg-secondary);text-decoration:none}.post-nav .prev{text-align:left}.post-nav .next{text-align:right}.post-nav-label{font-size:.75rem;color:var(--text-secondary);display:block;margin-bottom:4px}.search-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;background:var(--bg);color:var(--text);outline:none;margin-bottom:24px}.search-input:focus{border-color:var(--accent)}.search-results{list-style:none}.page-content{max-width:var(--max-width)}.page-content h1{font-size:1.8rem;margin-bottom:24px}.page-content h2{font-size:1.3rem;margin:28px 0 12px}.page-content h3{font-size:1.1rem;margin:20px 0 8px}.page-content p{margin-bottom:16px}.page-content ol,.page-content ul{margin-bottom:16px;padding-left:24px}.page-content li{margin-bottom:4px}.page-content a{text-decoration:underline;text-underline-offset:2px}.page-content strong{font-weight:600}.footer{text-align:center;padding:24px var(--gap);font-size:.8rem;border-top:1px solid var(--border);margin-top:40px}.footer,.footer a{color:var(--text-secondary)}.footer a:hover,.scroll-top{color:var(--text)}.scroll-top{position:fixed;bottom:24px;right:24px;width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;font-size:1.1rem;display:none;align-items:center;justify-content:center}.scroll-top.visible{display:flex}@media (max-width:640px){:root{--gap:16px}.header-inner{gap:8px}.nav{gap:12px}.nav a{font-size:.82rem}.profile h1{font-size:1.5rem}.post-header h1{font-size:1.4rem}.post-content h2{font-size:1.2rem}.post-nav{flex-direction:column}}