:root{--green:#15805d;--blue:#dff2fb;--bg:#f7faf9;--card:#fff;--text:#18312b;--muted:#65756f;--border:#dfe9e5}body.dark{--bg:#0f1715;--card:#17211e;--text:#eaf4f0;--muted:#a9bab3;--border:#2b3c37;--blue:#162e38}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.75}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.brand{color:var(--green);font-weight:700;text-decoration:none}.actions{display:flex;gap:10px}.icon-button,.close-button{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:9px 12px;cursor:pointer}.menu-panel{position:fixed;inset:0 0 0 auto;width:min(320px,85vw);background:var(--card);border-left:1px solid var(--border);padding:28px;transform:translateX(100%);transition:.25s;z-index:10;display:flex;flex-direction:column;gap:18px}.menu-panel.open{transform:translateX(0)}.menu-panel a{color:var(--text);text-decoration:none;font-size:1.1rem}.close-button{align-self:flex-end}main{max-width:900px;margin:auto;padding:24px}.article-shell,.related{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:24px;margin-bottom:20px}.tag{color:var(--green);font-weight:700}.meta{color:var(--muted)}.hero-img{width:100%;max-height:430px;object-fit:cover;border-radius:18px}input,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);margin-bottom:10px}button,.related a{background:var(--green);color:white;border:0;border-radius:999px;padding:10px 14px;text-decoration:none;cursor:pointer}.comment{border-top:1px solid var(--border);padding:12px 0}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.related-card{border:1px solid var(--border);border-radius:16px;padding:14px}.form-message{color:var(--green);min-height:24px}.hidden{display:none!important}.skeleton-panel{min-height:620px;background:linear-gradient(90deg,var(--card),var(--border),var(--card));background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}