:root{--bg: #FAFAF9;--surface: #F1F1EF;--text: #37352F;--text-secondary: #787774;--border: #E3E2E0;--accent: #C2643A;--accent-hover: #b0572f;--danger: #eb5757}@media(prefers-color-scheme:dark){:root{--bg: #191919;--surface: #252525;--text: #E3E2E0;--text-secondary: #9B9A97;--border: #3A3A38;--accent: #E08A60;--accent-hover: #e89b75;--danger: #ff6b6b}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.75;min-height:100vh;display:flex;flex-direction:column}.wrap{max-width:680px;margin:0 auto;padding:0 24px;width:100%}main{flex:1}main .wrap{padding-top:40px;padding-bottom:64px}h1,h2,h3{font-weight:600;letter-spacing:-.01em;line-height:1.35;margin:1.5em 0 .5em}h1{font-size:2rem;margin-top:0}h2{font-size:1.5rem}h3{font-size:1.2rem}p{margin:0 0 1.25em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.site-header{border-bottom:1px solid var(--border)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}.brand{font-weight:600;letter-spacing:-.01em;color:var(--text);text-decoration:none;font-size:16px}.brand:hover{color:var(--accent);text-decoration:none}.nav{display:flex;align-items:center;gap:20px}.nav a{color:var(--text-secondary);text-decoration:none;font-size:15px}.nav a:hover,.nav a.active{color:var(--accent)}.user-badge{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:12px}.user-badge button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;font-size:13px;font-family:inherit}.user-badge button:hover{color:var(--danger);text-decoration:underline}button.btn-primary,a.btn-primary{display:inline-block;background:var(--accent);color:#fff!important;padding:8px 16px;border-radius:6px;font-weight:500;border:none;cursor:pointer;font-family:inherit;font-size:14px;text-decoration:none!important}button.btn-primary:hover,a.btn-primary:hover{background:var(--accent-hover)}button.btn-secondary{display:inline-block;background:var(--surface);color:var(--text);padding:8px 16px;border-radius:6px;font-weight:500;border:1px solid var(--border);cursor:pointer;font-family:inherit;font-size:14px}input[type=text],input[type=email],input[type=password],textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-family:inherit;font-size:15px;outline:none;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent)}.post-list{list-style:none;margin:0;padding:0}.post-list li{padding:18px 0;border-bottom:1px solid var(--border);transition:background-color .15s ease;cursor:pointer}.post-list li:hover{background-color:var(--surface);border-radius:6px;padding-left:8px;padding-right:8px}.post-list li:last-child{border-bottom:none}.post-list a.title{color:var(--text);font-weight:600;letter-spacing:-.01em;font-size:1.15rem;text-decoration:none;display:inline-block}.post-list a.title:hover{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.meta{font-size:13px;color:var(--text-secondary);margin:4px 0 6px}.summary{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.post-article-font{font-family:Times New Roman,Times,"Liberation Serif",serif;font-size:18px;line-height:1.8;letter-spacing:.005em}.post-article-font h1,.post-article-font h2,.post-article-font h3,.post-article-font h4{font-family:Times New Roman,Times,"Liberation Serif",serif;font-weight:700;letter-spacing:-.01em;color:var(--text)}.post-article-font h1{font-size:2.25rem;line-height:1.25}.post-article-font h2{font-size:1.65rem;margin-top:1.8em}.post-article-font h3{font-size:1.35rem;margin-top:1.5em}.post-article-font p{margin:0 0 1.35em;color:var(--text)}.post-article-font blockquote{margin:1.5em 0;padding:10px 18px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 8px 8px 0;font-style:italic;font-family:inherit}.post-claude-font{font-family:Times New Roman,Times,"Liberation Serif",serif;font-size:18px;line-height:1.8;letter-spacing:.005em}.post-claude-font h1,.post-claude-font h2,.post-claude-font h3,.post-claude-font h4{font-family:Times New Roman,Times,"Liberation Serif",serif;font-weight:700;letter-spacing:-.01em;color:var(--text)}.post-claude-font h1{font-size:2.25rem;line-height:1.25}.post-claude-font h2{font-size:1.65rem;margin-top:1.8em}.post-claude-font h3{font-size:1.35rem;margin-top:1.5em}.post-claude-font p{margin:0 0 1.35em;color:var(--text)}.post-claude-font blockquote{margin:1.5em 0;padding:10px 18px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 8px 8px 0;font-style:italic;font-family:inherit}blockquote{margin:1.25em 0;padding:8px 16px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 6px 6px 0;font-style:italic}blockquote p{margin:.5em 0}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;background:var(--surface);padding:2px 6px;border-radius:6px}pre{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:14px;overflow-x:auto}pre code{background:none;padding:0;border-radius:0}.markdown-body img{max-width:100%;border-radius:6px}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:32px 0}.site-footer{border-top:1px solid var(--border)}.site-footer .wrap{padding-top:16px;padding-bottom:24px}.site-footer p{font-size:13px;color:var(--text-secondary);margin:0}@media(max-width:560px){.wrap{padding-left:16px;padding-right:16px}h1{font-size:1.6rem}}