:root{--bg:#fbfaf8;--surface:#fff;--text:#2b2a28;--text-soft:#6c6760;--text-h:#16140f;--border:#e7e3db;--border-strong:#d8d2c7;--code-bg:#f3f0e9;--accent:#b4441f;--accent-soft:#f3e3dc;--accent-ink:#8c3315;--chip-bg:#f1ede4;--shadow-sm:0 1px 2px #14120e0a;--shadow-md:0 10px 30px -12px #14120e2e;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:"Fraunces", Georgia, "Iowan Old Style", "Times New Roman", serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--maxw:1120px;--readw:720px;font:17px/1.6 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--serif);color:var(--text-h);letter-spacing:-.01em;font-weight:600;line-height:1.15}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-ink);text-underline-offset:2px;text-decoration:underline}p{margin:0 0 1rem}img{max-width:100%}code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:.15em .4em;font-size:.875em}.container{width:100%;max-width:var(--maxw);flex:1 0 auto;margin:0 auto;padding:0 24px}.site-header{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid var(--border);background:#fbfaf8d9;position:sticky;top:0}.site-header__inner{max-width:var(--maxw);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:14px 24px;display:flex}.brand{flex-direction:column;line-height:1.1;display:flex}.brand:hover{text-decoration:none}.brand__name{font-family:var(--serif);color:var(--text-h);letter-spacing:-.02em;font-size:22px;font-weight:600}.brand__tag{color:var(--text-soft);letter-spacing:.02em;margin-top:2px;font-size:12px}.site-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;display:flex}.site-nav__link{color:var(--text-soft);font-size:14px;font-weight:500}.site-nav__link:hover{color:var(--text-h);text-decoration:none}.site-nav__link--cta{color:var(--surface);background:var(--accent);border-radius:999px;padding:7px 14px}.site-nav__link--cta:hover{color:var(--surface);background:var(--accent-ink)}.linkbtn{font:inherit;color:var(--text-soft);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:14px;font-weight:500}.linkbtn:hover{color:var(--text-h)}.site-footer{border-top:1px solid var(--border);color:var(--text-soft);flex-shrink:0;margin-top:64px;padding:28px 0;font-size:14px}.btn{font:inherit;color:var(--surface);background:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:15px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.btn--ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.btn--ghost:hover{background:var(--chip-bg);color:var(--text-h)}.btn--danger{color:#b4231a;background:0 0;border-color:#e3c4c1}.btn--danger:hover{background:#fbeeed}input,textarea,select{font:inherit;width:100%;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;line-height:1.6}label{color:var(--text-soft);font-size:14px}.page-head{padding:48px 0 8px}.page-head h1{margin:0 0 10px;font-size:clamp(34px,5vw,52px)}.page-head__sub{color:var(--text-soft);margin:0;font-size:17px}.filter-bar{color:var(--text-soft);align-items:center;gap:10px;margin:8px 0 0;font-size:14px;display:flex}.post-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;margin:40px 0;display:grid}.post-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-3px)}.post-card__media{display:block}.post-card__body{flex-direction:column;gap:10px;padding:20px 22px 24px;display:flex}.post-card__title{font-family:var(--serif);margin:0;font-size:22px;font-weight:600;line-height:1.2}.post-card__title a{color:var(--text-h)}.post-card__title a:hover{color:var(--accent);text-decoration:none}.post-card__excerpt{color:var(--text-soft);margin:0;font-size:15px}.post-card__meta{color:var(--text-soft);align-items:center;gap:10px;margin-top:auto;font-size:13px;display:flex}.chip{letter-spacing:.03em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip:hover{color:var(--accent-ink);text-decoration:none}.tags{flex-wrap:wrap;gap:8px;margin:0;display:flex}.tag{color:var(--text-soft);background:var(--chip-bg);border-radius:6px;padding:3px 10px;font-size:13px}.tag:hover{color:var(--text-h);background:var(--border);text-decoration:none}.draft-badge{letter-spacing:.05em;text-transform:uppercase;color:#9a6a00;background:#fdf2d6;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700}.cover-fallback{background:linear-gradient(135deg, var(--accent-soft), #f6efe7);position:relative}.cover-fallback:after{content:"";background-image:radial-gradient(var(--border-strong) 1px, transparent 1px);opacity:.5;background-size:16px 16px;position:absolute;inset:0}.pagination{color:var(--text-soft);justify-content:center;align-items:center;gap:20px;margin:48px 0;font-size:15px;display:flex}.pagination a{font-weight:500}.pagination span[aria-disabled]{color:var(--border-strong)}.article{max-width:var(--readw);margin:0 auto;padding:40px 0}.article__back{color:var(--text-soft);font-size:14px}.article__back:hover{color:var(--accent)}.article__title{margin:18px 0 14px;font-size:clamp(30px,4.5vw,46px)}.article__meta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;font-size:14px;display:flex}.article__cover{border-radius:14px;margin:8px 0 28px}.article__admin{gap:10px;margin:12px 0;display:flex}.prose{color:var(--text);font-size:18px;line-height:1.75}.prose h1,.prose h2,.prose h3{margin:2em 0 .6em}.prose h2{font-size:28px}.prose h3{font-size:22px}.prose p{margin:0 0 1.2em}.prose a{text-underline-offset:2px;text-decoration:underline}.prose img{border-radius:10px;margin:1.5em 0}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.4em}.prose li{margin:.3em 0}.prose blockquote{border-left:3px solid var(--accent);color:var(--text-soft);margin:1.5em 0;padding:4px 0 4px 20px;font-style:italic}.prose pre{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;margin:0 0 1.2em;padding:16px 18px;overflow-x:auto}.prose pre code{background:0 0;padding:0;font-size:14px}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5em 0}.form{max-width:var(--readw);flex-direction:column;gap:16px;margin:0 auto;display:flex}.form__row{flex-direction:column;gap:6px;display:flex}.form__editor{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form__preview{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-height:0;padding:14px 16px;overflow:auto}.form__check{align-items:center;gap:8px;display:flex}.form__check input{width:auto}.form__error{color:#b4231a;margin:0;font-size:14px}.form__image-preview{border-radius:8px;max-width:220px;margin-top:8px}.auth{max-width:400px;margin:64px auto}.auth h1{margin:0 0 20px;font-size:32px}.auth .form{gap:14px}.auth__alt{color:var(--text-soft);text-align:center;margin-top:18px;font-size:14px}.comments{max-width:var(--readw);border-top:1px solid var(--border);margin:56px auto 0;padding-top:32px}.comments h2{margin:0 0 20px;font-size:24px}.comment{border-bottom:1px solid var(--border);padding:16px 0}.comment:first-of-type{border-top:1px solid var(--border)}.comment__body{margin:0 0 6px}.comment__meta{color:var(--text-soft);align-items:center;gap:8px;font-size:13px;display:flex}.comment-form{flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px;display:flex}.comment-form textarea{min-height:90px}.empty{color:var(--text-soft)}.loading{color:var(--text-soft);text-align:center;padding:64px 0}@media (width<=640px){.form__editor{grid-template-columns:1fr}.site-header__inner{flex-direction:column;align-items:flex-start;gap:12px}.page-head{padding:32px 0 4px}}