واو | تواصل حقيقي

📷 تغيير الغلاف

✏️

—

منشور

إعجاب

صديق

المستوى

Streak 🔥

🎖️ إنجازاتك

🔒 الخصوصية

الرسائل الخاصة

من يمكنه مراسلتك

إخفاء آخر ظهور

لا أحد يرى وقت تواجدك

منشوراتي للأصدقاء فقط

تحكم في من يرى منشوراتك

⚙️ الإعدادات

👤 الحساب

✏️ تعديل البروفيل

الاسم والنبذة والمعلومات

›

📷 صورة البروفيل

تغيير صورتك الشخصية

›

🔑 الـ ID الخاص

—

نسخ

🔒 الخصوصية

الرسائل الخاصة

فقط الأصدقاء

إخفاء آخر ظهور

منشوراتي للأصدقاء

🎨 المظهر

الوضع الليلي

تغيير ثيم التطبيق

Theme Pack

ℹ️ عن التطبيق

📚 مركز الملفات

كل مكتبات المجموعات في مكان واحد

›

🔔 مركز الإشعارات

تنبيهات التفاعل والأنشطة

›

واو v3.0

منصة تواصل اجتماعي عربية ✨

📚 مركز الملفات

مستخدم

منشور

بلاغ

📊 لوحة تعليمية

جاري التحميل...

📢 نشر إعلان

📚 بناء كويز (قسم / مادة / أسئلة لا نهائية)

إضافة سؤال جديد

🚩 البلاغات

👥 المستخدمون

الرئيسية

الأشخاص

الكويزات

مجموعات

منشور

إعجاب

صديق

المستوى

🔖 حفظ المنشور

🔗 نسخ نص المنشور

🙈 إخفاء هذا المنشور

✏️ تعديل المنشور

🚩 إبلاغ

📌 تثبيت / إلغاء

🗑️ حذف المنشور

واو

📚 الكوزات التفاعلية

اختر قسم ثم مادة ثم كويز

🧩 كوزات حسب مجموعاتك

📄 اختبارات جاهزة

اختبارات HTML داخل المشروع

🎓 الحصص المباشرة

حصص مجموعاتك الآن والمجدولة (واجهة سريعة للموبايل)

👥 المجموعات

مجموعات عامة أو بطلب انضمام

➕ إنشاء مجموعة

📌 مجموعة

💬 المحادثات الخاصة

00:00

🌐 المنتدى العام

منشورات الكل في مكان واحد — منفصلة عن المحادثات الخاصة

0/500

📷 تغيير الغلاف

✏️

—

منشور

إعجاب

صديق

المستوى

Streak 🔥

🎖️ إنجازاتك

🔒 الخصوصية

الرسائل الخاصة

من يمكنه مراسلتك

إخفاء آخر ظهور

لا أحد يرى وقت تواجدك

منشوراتي للأصدقاء فقط

تحكم في من يرى منشوراتك

واو | تواصل حقيقي .body-open-placeholder .qrc-icon{ width:48px;height:48px;border-radius:14px; background:var(--grad);display:flex;align-items:center;justify-content:center; font-size:22px;flex-shrink:0;color:#fff; } .qrc-info{flex:1;min-width:0} .qrc-title{font-size:13px;font-weight:800;color:var(--pr3);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .qrc-sub{font-size:11px;color:var(--tx2)} .qrc-score{flex-shrink:0;text-align:center} .qrc-pct{font-size:20px;font-weight:900} .qrc-pct.high{color:var(--ok)} .qrc-pct.mid{color:var(--warn)} .qrc-pct.low{color:var(--err)} واو | تواصل حقيقي /* ============================================ PROFILE ============================================ */ .prof-cover{border-radius:var(--radius-md);height:140px;background:var(--grad);position:relative;margin-bottom:0} .prof-av-wrap{padding:0 18px} .prof-av{margin-top:-42px;border:4px solid var(--card);width:82px;height:82px;font-size:30px;box-shadow:var(--shadow2)} .prof-body{padding:12px 18px 20px} .prof-name{font-size:21px;font-weight:900;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px} .prof-id{font-size:11px;color:var(--tx3);font-family:monospace;background:var(--bg);padding:3px 10px;border-radius:8px;cursor:pointer;display:inline-block;border:1px solid var(--border);margin-bottom:10px;transition:.2s} .prof-id:hover{border-color:var(--pr)} .prof-bio{font-size:14px;color:var(--tx2);line-height:1.7;margin-top:8px} .prof-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px} .stat-row{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin:12px 0} .stat-i{flex:1;padding:14px;text-align:center;border-left:1px solid var(--border)} .stat-i:last-child{border-left:none} .stat-v{font-size:22px;font-weight:900;color:var(--pr)} .stat-l{font-size:11px;color:var(--tx3);margin-top:2px} /* PRIVACY SECTION */ .priv-section{background:var(--card);border:1px solid var(--border);border-radius:var(--r);margin-top:14px;overflow:hidden;box-shadow:var(--shadow)} .priv-hdr{padding:12px 16px;font-size:12px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);background:var(--bg)} .priv-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);transition:.15s} .priv-row:last-child{border-bottom:none} .priv-row:hover{background:rgba(108,92,231,.03)} .priv-l{flex:1} .priv-tit{font-size:14px;font-weight:700} .priv-sub{font-size:11px;color:var(--tx3);margin-top:3px;line-height:1.4} /* ============================================ QUIZ ============================================ */ .quiz-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);box-shadow:var(--shadow)} .quiz-title{font-weight:700;font-size:15px;color:var(--pr3);margin-bottom:10px} .quiz-q{font-size:14px;font-weight:600;margin-bottom:12px;line-height:1.5} .quiz-opt{display:block;width:100%;padding:11px 14px;margin:6px 0;background:var(--bg);border:2px solid var(--border);border-radius:var(--r2);cursor:pointer;text-align:right;font-family:inherit;font-size:13px;font-weight:600;transition:.2s} .quiz-opt:hover{border-color:var(--pr2);background:rgba(108,92,231,.06);transform:translateX(-4px)} .quiz-opt.correct{background:var(--surface-ok);border-color:var(--ok);color:var(--ok-text)} .quiz-opt.wrong{background:var(--surface-err);border-color:var(--err);color:var(--err-text)} .quiz-opt:disabled{cursor:default} .quiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px} .quiz-mini{font-size:12px;color:var(--tx2)} .quiz-player{display:none} .quiz-player.on{display:block} .timer-badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface-warn);color:var(--warn-text);padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700} .group-pill{display:inline-flex;align-items:center;gap:6px;background:var(--surface-soft-3);color:var(--pr3);padding:4px 10px;border-radius:999px;font-size:11px} .g-tabs{display:flex;gap:8px;margin-bottom:10px} .g-tab{flex:1;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--bg);cursor:pointer;font-weight:700;color:var(--tx2)} .g-tab.on{background:var(--grad);color:#fff;border-color:transparent} .group-room-full{position:fixed;inset:0;z-index:2100;background:var(--bg);margin:0!important;border-radius:0!important;overflow:auto} .group-room-head{position:sticky;top:0;background:var(--card);padding:10px;border-bottom:1px solid var(--border);z-index:2;display:flex;align-items:center;justify-content:space-between} .group-aux{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px;margin:8px 0;box-shadow:var(--shadow)} .group-aux .t{font-size:12px;font-weight:800;color:var(--pr3);margin-bottom:6px} .group-member-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px dashed var(--border)} .group-member-row:first-child{border-top:none} .group-meta-line{font-size:12px;color:var(--tx2);margin:5px 0} .class-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:8px;box-shadow:var(--shadow)} .class-title{font-size:14px;font-weight:900;color:var(--pr3);margin-bottom:4px} .class-sub{font-size:12px;color:var(--tx2);margin-bottom:8px} .class-row{display:flex;gap:6px;flex-wrap:wrap} .class-room-frame{width:100%;height:70vh;border:none;border-radius:12px;background:#000} .mobile-hide-top{display:inline-flex} /* ============================================ ADMIN ============================================ */ .adm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px} .adm-stat{background:var(--grad);color:#fff;border-radius:var(--r);padding:16px;text-align:center;box-shadow:var(--shadow2)} .adm-sv{font-size:28px;font-weight:900} .adm-sl{font-size:12px;opacity:.85;margin-top:4px} /* ============================================ MODALS ============================================ */ .ov{position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(6px);z-index:500;display:none;align-items:flex-end;justify-content:center;padding:0} .ov.on{display:flex} .modal{background:var(--card);border-radius:24px 24px 0 0;width:100%;max-width:500px;max-height:88vh;overflow-y:auto;padding:calc(var(--space-4) + 6px);animation:slideUp .3s cubic-bezier(.4,0,.2,1)} @keyframes slideUp{from{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}} .modal-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border)} .modal-title{font-size:17px;font-weight:700} .modal-close{background:var(--bg);border:none;color:var(--tx2);cursor:pointer;width:34px;height:34px;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;transition:.2s} .modal-close:hover{background:var(--border);transform:rotate(90deg)} .modal-fld{margin-bottom:14px} .modal-lbl{display:block;font-size:12px;font-weight:700;color:var(--tx3);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px} /* ============================================ CONTEXT MENU ============================================ */ .ctx{position:fixed;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:6px;min-width:180px;box-shadow:var(--shadow2);z-index:600;display:none} .ctx.on{display:block;animation:fadeSlide .15s ease} .ctx-i{padding:11px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;border-radius:10px;transition:.15s;color:var(--tx)} .ctx-i:hover{background:var(--bg)} .ctx-i.red{color:var(--err)} /* ============================================ NOTIFICATIONS ============================================ */ .notif-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:14px;margin-bottom:10px;display:flex;align-items:center;gap:12px;transition:.2s;cursor:pointer} .notif-item:hover{border-color:var(--pr2);transform:translateX(-4px)} .notif-item.unread{border-right:3px solid var(--pr)} .ni-ico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:rgba(108,92,231,.1)} .ni-body{flex:1} .ni-title{font-size:13px;font-weight:700;margin-bottom:3px} .ni-msg{font-size:12px;color:var(--tx2)} .ni-time{font-size:11px;color:var(--tx3);margin-top:3px} /* ============================================ IMAGE VIEWER ============================================ */ .imgv{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:900;display:none;align-items:center;justify-content:center;padding:20px} .imgv.on{display:flex} .imgv img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px} .imgv-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s} .imgv-close:hover{background:rgba(239,68,68,.7)} /* ============================================ TOAST ============================================ */ .toast-c{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:2000;display:flex;flex-direction:column;gap:8px;width:90%;max-width:380px;pointer-events:none} .toast{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow2);pointer-events:auto;animation:toastIn .35s ease} .toast.ok{border-right:4px solid var(--ok)} .toast.err{border-right:4px solid var(--err)} .toast.warn{border-right:4px solid var(--warn)} .toast-ico{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0} .toast.ok .toast-ico{background:rgba(0,184,148,.15)} .toast.err .toast-ico{background:rgba(255,118,117,.15)} .toast.warn .toast-ico{background:rgba(253,203,110,.2)} .toast-body{flex:1} .toast-title{font-size:13px;font-weight:700;margin-bottom:2px} .toast-msg{font-size:12px;color:var(--tx2)} @keyframes toastIn{from{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}} /* ============================================ RESPONSIVE ============================================ */ @media(max-width:480px){ html{font-size:15px} .pages{padding:10px 8px} .adm-grid{grid-template-columns:repeat(3,1fr)} .sec-title{font-size:15px} .post-body{font-size:14px} .noon-name{font-size:16px} .mobile-hide-top{display:none!important} .tbar-right .tbar-btn{width:34px;height:34px;border-radius:10px} } @media(max-width:360px){ html{font-size:14px} .tbar-logo{font-size:20px} .tbar-right{gap:6px} .tbar-btn{width:36px;height:36px} .bni .ic{font-size:19px} .bni{font-size:9px} } @media(min-width:768px){ html{font-size:17px} .pages{max-width:980px;padding:18px 16px} .topbar{height:66px} .ann-bar{top:66px} .bnav{max-width:980px;left:50%;right:auto;transform:translateX(-50%);width:98%;border-radius:16px 16px 0 0} .card,.post{border-radius:16px} .sec-title{font-size:18px} .post-body{font-size:16px} #pg-chat .card{padding:0!important} .chat-grid{display:grid;grid-template-columns:340px 1fr;min-height:72vh} .chat-side{display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--card)} .chat-main{display:flex;flex-direction:column;min-width:0} .chat-side .chat-threads{max-height:none;flex:1;border-bottom:none} .chat-main #chatBox{height:100%;min-height:48vh} } @media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} }

واو

جاري التحميل...

واو

تواصل حقيقي · مجتمع آمن ✨
سجّل الدخول وابدأ الآن

📢 لا توجد إعلانات بعد

مرحباً ...

استعد للترم الثاني

الحصص المباشرة

دقائق التعلّم

💡 اقتراحات ذكية

جاري تجهيز أفضل اقتراحات لك...

00:00

0/500

📚 الكوزات التفاعلية

اختر قسم ثم مادة ثم كويز

🧩 كوزات حسب مجموعاتك

📄 اختبارات جاهزة

اختبارات HTML داخل المشروع

🎓 الحصص المباشرة

حصص مجموعاتك الآن والمجدولة (واجهة سريعة للموبايل)

👥 المجموعات

مجموعات عامة أو بطلب انضمام

➕ إنشاء مجموعة

📌 مجموعة

💬 المحادثات الخاصة

00:00

🌐 المنتدى العام

منشورات الكل في مكان واحد — منفصلة عن المحادثات الخاصة

0/500

📷 تغيير الغلاف

✏️

—

منشور

إعجاب

صديق

المستوى

Streak 🔥

🎖️ إنجازاتك

🔒 الخصوصية

الرسائل الخاصة

من يمكنه مراسلتك

إخفاء آخر ظهور

لا أحد يرى وقت تواجدك

منشوراتي للأصدقاء فقط

تحكم في من يرى منشوراتك

⚙️ الإعدادات

👤 الحساب

✏️ تعديل البروفيل

الاسم والنبذة والمعلومات

›

📷 صورة البروفيل

تغيير صورتك الشخصية

›

🔑 الـ ID الخاص

—

نسخ

🔒 الخصوصية

الرسائل الخاصة

فقط الأصدقاء

إخفاء آخر ظهور

منشوراتي للأصدقاء

🎨 المظهر

الوضع الليلي

تغيير ثيم التطبيق

Theme Pack

ℹ️ عن التطبيق

📚 مركز الملفات

كل مكتبات المجموعات في مكان واحد

›

🔔 مركز الإشعارات

تنبيهات التفاعل والأنشطة

›

واو v3.0

منصة تواصل اجتماعي عربية ✨

📚 مركز الملفات

مستخدم

منشور

بلاغ

📊 لوحة تعليمية

جاري التحميل...

📢 نشر إعلان

📚 بناء كويز (قسم / مادة / أسئلة لا نهائية)

إضافة سؤال جديد

🚩 البلاغات

👥 المستخدمون

الرئيسية

الأشخاص

الكويزات

مجموعات

منشور

إعجاب

صديق

المستوى

🔖 حفظ المنشور

🔗 نسخ نص المنشور

🙈 إخفاء هذا المنشور

✏️ تعديل المنشور

🚩 إبلاغ

📌 تثبيت / إلغاء

🗑️ حذف المنشور