:root{--accent:#ff4500;--bg:#f6f7f8;--card:#ffffff;--text:#111}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text)}
.topbar{background:var(--accent);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
.container{max-width:980px;margin:18px auto;padding:0 12px;display:grid;grid-template-columns:2fr 1fr;gap:16px}
.feed{min-height:200px}
.post-list{list-style:none;padding:0;margin:0}
.post{background:var(--card);padding:12px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.08);margin-bottom:12px}
.card{background:var(--card);padding:12px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.06)}
.auth-container{display:flex;justify-content:center;padding:28px}
.auth-card{width:100%;max-width:420px;background:var(--card);padding:16px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.08)}
label{display:block;margin-bottom:8px;font-size:14px}
input,textarea{width:100%;padding:8px;margin-top:4px;margin-bottom:10px;border:1px solid #ddd;border-radius:6px}
button{background:var(--accent);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}
.msg{margin-top:8px;color:#b00}
.small{font-size:13px;color:#666}
.hidden{display:none}
.single{grid-template-columns:1fr}
.comment-section{margin-top:8px;padding-left:10px;border-left:2px solid #eee}