:root{--bg:#f0f2f5;--surface:#fff;--surface-2:#f7f8fa;--text:#1c1e21;--muted:#667085;--border:#d0d5dd;--accent:#1877f2;--danger:#d92d20;--shadow:0 10px 25px rgba(16,24,40,.08);--radius:18px}
html[data-theme="dark"]{--bg:#111315;--surface:#1b1f24;--surface-2:#22272e;--text:#f5f7fa;--muted:#b0b7c3;--border:#30363d;--accent:#2d88ff;--shadow:0 14px 30px rgba(0,0,0,.35)}
html[data-theme="white"]{--bg:#ffffff;--surface:#ffffff;--surface-2:#f5f5f5;--text:#111;--muted:#666;--border:#ddd;--accent:#1e66f5}
html[data-theme="facebook_blue"]{--bg:#e9eff6;--surface:#ffffff;--surface-2:#f5f8fc;--text:#1c1e21;--muted:#556070;--border:#d8e0ea;--accent:#1877f2}
html[data-theme="high_contrast"]{--bg:#000;--surface:#000;--surface-2:#111;--text:#fff;--muted:#f2f2f2;--border:#fff;--accent:#ffea00;--shadow:none}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}img{max-width:100%}input,select,textarea,button{font:inherit}textarea,input,select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text)}textarea{min-height:110px;resize:vertical}button{cursor:pointer}.app-shell{max-width:1400px;margin:0 auto;padding:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.topbar{display:grid;grid-template-columns:90px 1fr auto;gap:14px;align-items:center;padding:12px 16px;position:sticky;top:10px;z-index:20;margin-bottom:14px}.brand a{font-size:1.6rem;font-weight:700}.top-actions{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.menu{position:relative}.menu summary{list-style:none;cursor:pointer;padding:8px 10px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.menu summary::-webkit-details-marker{display:none}.menu-panel{position:absolute;right:0;top:48px;min-width:200px;padding:10px;display:grid;gap:6px}.menu-panel a{padding:9px 10px;border-radius:12px}.menu-panel a:hover{background:var(--surface-2)}.layout-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 280px;gap:14px;align-items:start}.sidebar-left,.sidebar-right,.footer-area,.bottom-area,.composer,.profile-card,.form-card,.feed-post{padding:16px}.content-area{display:grid;gap:14px}.btn{padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.btn.primary{background:var(--accent);color:#fff;border-color:transparent}.btn.danger{background:color-mix(in srgb,var(--danger) 16%, var(--surface));color:var(--danger)}.composer-actions,.profile-actions,.post-actions,.comment-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.simple-list{margin:0;padding-left:18px}.feed-root{display:grid;gap:14px}.post-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}.post-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.post-meta small{display:block;color:var(--muted)}.post-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-top:10px}.post-media img{border-radius:14px;height:220px;object-fit:cover;border:1px solid var(--border)}.reaction-bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.reaction-picker{display:flex;gap:6px;flex-wrap:wrap}.reaction-btn{padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2)}.reaction-btn.active{outline:2px solid var(--accent)}.comment-list{display:grid;gap:8px;margin-top:12px}.comment-item{padding:10px 12px;border-radius:14px;background:var(--surface-2)}.comment-item strong{display:block}.footer-row,.bottom-nav{display:flex;justify-content:space-between;align-items:center}.bottom-nav a{font-size:1.3rem;padding:8px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:grid;place-items:center;padding:20px;z-index:60}.modal.hidden{display:none}.modal-card{width:min(560px,100%);padding:18px;position:relative}.modal-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%}.progress{height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin:12px 0;border:1px solid var(--border)}.progress-bar{height:100%;width:0;background:var(--accent)}.form-card form,.label-grid{display:grid;gap:12px}.label-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-item{padding:12px 0;border-bottom:1px solid var(--border)}@media (max-width:1100px){.layout-grid{grid-template-columns:1fr}.sidebar-left,.sidebar-right{order:2}.bottom-area{position:sticky;bottom:0}}