:root{--text:#1c1e21;--text-dim:#5c6470;--bg:#fdfcf9;--card:#fff;--border:#e6e2d9;--accent:#0f766e;--error-bg:#fdf0ef;--error-border:#e5b8b4;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Georgia,Times New Roman,serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--text:#e8e6e1;--text-dim:#a7ad9f;--bg:#16181b;--card:#1e2126;--border:#33383f;--accent:#2dd4bf;--error-bg:#2c1e1d;--error-border:#6e3b36}}*{box-sizing:border-box}body{min-height:100vh;margin:0}.page{flex-direction:column;max-width:44rem;min-height:100vh;margin:0 auto;padding:3rem 1.25rem 2rem;display:flex}.site-header h1{letter-spacing:-.02em;margin:0;font-size:2.5rem}.site-header .dot{color:var(--accent)}.tagline{color:var(--text-dim);margin:.25rem 0 0;font-family:system-ui,sans-serif;font-size:.95rem}main{flex:1;margin-top:2.5rem}.post-list{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.post{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.5rem 1.75rem}.post h2{margin:0;font-size:1.45rem}.post .meta{color:var(--text-dim);margin:.35rem 0 1rem;font-family:system-ui,sans-serif;font-size:.85rem}.post .body p:first-child{margin-top:0}.post .body p:last-child{margin-bottom:0}.post .body code{background:var(--border);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,Consolas,monospace;font-size:.9em}.status{color:var(--text-dim);font-family:system-ui,sans-serif}.status.error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:10px;padding:1rem 1.25rem}.status.error p{margin:.25rem 0}.status .hint code{font-family:ui-monospace,Consolas,monospace;font-size:.85em}.status button{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;margin-top:.75rem;padding:.4rem 1rem;font-family:system-ui,sans-serif;font-size:.9rem}.status button:hover{background:var(--accent);color:var(--bg)}.site-footer{border-top:1px solid var(--border);color:var(--text-dim);margin-top:3rem;padding-top:1rem;font-family:system-ui,sans-serif;font-size:.85rem}
