:root { --p: #009688; --dp: #004d40; --lp: #e0f2f1; --txt: #333; }
body { background: #fff; color: var(--txt); font-family: Tahoma; direction: rtl; text-align: right; margin: 0; }
header { background: var(--p); color: #fff; padding: 15px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
header a { color: #fff; text-decoration: none; margin-left: 15px; font-weight: bold; font-size: 14px; }
.container { max-width: 900px; margin: 20px auto; padding: 15px; }
.post-card { border: 1px solid #ddd; padding: 15px; border-radius: 10px; margin-bottom: 20px; display: flex; gap: 15px; background: #fdfdfd; }
.post-thumb { width: 120px; height: 120px; object-fit: cover; border-radius: 8px; }
.btn { background: var(--dp); color: #fff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; text-decoration: none; display: inline-block; text-align: center; }
.btn:hover { background: var(--p); }
input, textarea, select { width: 100%; padding: 12px; margin: 10px 0; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; }
footer { text-align: center; padding: 25px; background: #f1f1f1; margin-top: 50px; border-top: 2px solid var(--p); font-size: 14px; }
.audio-card { background: var(--lp); padding: 20px; border-radius: 12px; margin-bottom: 30px; border: 1px solid var(--p); }
.msg { background: #f0f0f0; padding: 10px; border-radius: 8px; margin-bottom: 10px; width: fit-content; max-width: 80%; }
.msg.me { background: var(--p); color: white; align-self: flex-end; margin-right: auto; }