:root{--bg:#f7f7f5;--surface:#ffffff;--line:#e7e2d9;--text:#1f2328;--muted:#687482;--accent:#2e6ed2}html[data-theme="dark"]{--bg:#11151a;--surface:#1a2028;--line:#2c3846;--text:#f2f5f8;--muted:#b8c2cc;--accent:#7ab0ff}*{box-sizing:border-box}body{margin:0;font-family:"Avenir Next","Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1100px,92vw);margin:0 auto}.site-header,.site-footer{background:var(--surface);border-bottom:1px solid var(--line)}.site-footer{border-top:1px solid var(--line);border-bottom:0;margin-top:2rem}.header-row,.footer-row{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:0.8rem 0;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:.01em}.main-nav,.header-actions,.footer-row nav{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.main-content{padding:1rem 0 2rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1rem;margin-bottom:1rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem}.post-card{border:1px solid var(--line);border-radius:10px;padding:.8rem;background:color-mix(in srgb,var(--surface) 92%,transparent)}.meta{color:var(--muted);font-size:.92rem}.article h1{margin-top:0}.content img{max-width:100%;height:auto}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 .75rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 15%,var(--surface))}.cookie-inline-hint{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:80;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.75rem;font-size:.9rem}@media (max-width:720px){.wrap{width:min(1100px,95vw)}.header-row,.footer-row{align-items:flex-start}}