*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#1DA1F2;--primary-dark:#1a91da;--success:#00ba7c;--danger:#f4212e;--light:#f7f9f9;--dark:#0f1419;--gray:#536471;--border:#eff3f4;--background:#ffffff;--background-dark:#15202b;--hover-bg:rgba(0,0,0,0.03);--post-bg:#ffffff;--post-bg-dark:#1e2732;font-size:16px}body{font-family:'Tajawal',sans-serif;background:var(--background);color:var(--dark);line-height:1.6;transition:background-color .3s,color .3s}body.dark-mode{background:var(--background-dark);color:#e7e9ea;--light:#1e2732;--dark:#e7e9ea;--border:#38444d;--gray:#8b98a5;--hover-bg:rgba(255,255,255,0.03);--post-bg:#1e2732;--post-bg-dark:#1e2732}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:15px 0;position:sticky;top:0;z-index:100}body.dark-mode header{background:rgba(21,32,43,.95)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:10px}.logo i{font-size:1.75rem}.logo img{max-height:40px;border-radius:9999px}.nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{padding:8px 16px;border:1px solid var(--border);border-radius:9999px;background:0 0;color:inherit;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{background:var(--danger);color:#fff;border:none}.btn-trend{background:0 0;color:var(--gray);border:1px solid var(--border)}.btn-trend:hover{background:var(--hover-bg);color:var(--primary)}.btn-trend.active{background:var(--primary);color:#fff;border-color:var(--primary)}.search-form{display:flex;gap:5px}.search-input{padding:8px 16px;border:1px solid var(--border);border-radius:9999px;width:250px;font-size:14px;background:var(--light);color:inherit}.floating-dock{position:fixed;bottom:20px;right:20px;background:var(--background);padding:8px;border-radius:9999px;box-shadow:0 4px 12px rgba(0,0,0,.2);display:flex;gap:8px;z-index:9998;border:1px solid var(--border)}body.dark-mode .floating-dock{background:var(--background-dark)}.fab{width:44px;height:44px;border-radius:9999px;border:none;color:var(--dark);cursor:pointer;font-size:18px;transition:all .2s;display:flex;align-items:center;justify-content:center}.fab:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.fab-create{background:var(--primary);color:#fff;width:50px;height:50px;font-size:20px}.theme-toggle{width:44px;height:44px;border-radius:9999px;border:none;background:var(--light);color:var(--dark);cursor:pointer;font-size:18px;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.theme-toggle:hover{background:var(--primary);color:#fff}.section-title{font-size:1.8rem;font-weight:700;color:var(--dark);display:flex;align-items:center;gap:10px;margin-bottom:25px}.section-title i{color:var(--primary)}/* ===== هيكلة جديدة للأقسام ===== */.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-bottom:40px}.category-link{text-decoration:none}.category-card{background:var(--light);border-radius:20px;padding:20px;border:1px solid var(--border);transition:all .3s;height:100%;display:flex;flex-direction:column}.category-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.1);border-color:var(--primary)}.category-image{width:80px;height:80px;border-radius:50%;margin:0 auto 15px;overflow:hidden;border:3px solid var(--primary)}.category-image img{width:100%;height:100%;object-fit:cover}.category-name{font-size:1.2rem;font-weight:700;text-align:center;margin-bottom:10px;color:var(--dark)}.category-stats{display:flex;justify-content:center;gap:20px;margin:10px 0;font-size:12px;color:var(--gray)}.stat-box{text-align:center}.stat-number{display:block;font-weight:700;color:var(--dark)}.category-subcount{text-align:center;margin:10px 0;padding:5px 10px;background:rgba(0,0,0,0.05);border-radius:20px;display:inline-block;width:auto;margin:0 auto}.post-count-badge{position:absolute;top:10px;right:10px;background:var(--primary);color:#fff;padding:2px 8px;border-radius:20px;font-size:10px}.copy-link{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.5);color:#fff;border:none;border-radius:20px;padding:4px 8px;font-size:10px;cursor:pointer;z-index:10}.copy-link:hover{background:rgba(0,0,0,.8)}/* ===== هيكلة جديدة للمنشورات ===== */.posts-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin:30px 0}.post{background:var(--post-bg);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:all .3s;height:100%;display:flex;flex-direction:column}body.dark-mode .post{background:var(--post-bg-dark)}.post:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1);border-color:var(--primary)}.post-header{padding:15px 15px 0 15px;display:flex;gap:12px}.avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;overflow:hidden;flex-shrink:0;border:2px solid #fff;cursor:pointer}body.dark-mode .avatar{border-color:#38444d}.avatar img{width:100%;height:100%;object-fit:cover}.post-meta{flex:1}.post-author{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.post-author a{color:inherit;text-decoration:none}.post-author a:hover{color:var(--primary)}.post-author-username{color:var(--gray);font-weight:400;font-size:12px}.post-date{font-size:11px;color:var(--gray);display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}.category-badge{background:var(--light);padding:2px 8px;border-radius:20px;font-size:10px;color:var(--primary);text-decoration:none;border:1px solid var(--border)}.category-badge:hover{background:var(--primary);color:#fff}.post-title{font-size:1.1rem;font-weight:700;margin:12px 15px 8px;color:var(--dark);line-height:1.4}.post-content{padding:0 15px;font-size:14px;line-height:1.6;color:var(--gray);flex:1}.post-media{margin:12px 0;position:relative;background:var(--light)}.post-media img{width:100%;max-height:280px;object-fit:cover;cursor:pointer}.post-media video{width:100%;max-height:280px;background:#000}.media-actions{position:absolute;bottom:10px;left:10px;z-index:10}.download-btn{background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:30px;padding:5px 10px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px}.download-btn:hover{background:#000}.download-count{background:var(--primary);color:#fff;padding:2px 5px;border-radius:20px;font-size:9px;margin-left:3px}.post-stats{display:flex;justify-content:space-around;padding:12px 15px;margin:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--gray);cursor:pointer}.stat-item:hover{color:var(--primary)}.post-tags{padding:0 15px;margin:10px 0;display:flex;flex-wrap:wrap;gap:5px}.tag{background:var(--light);padding:3px 10px;border-radius:20px;font-size:11px;color:var(--primary);border:1px solid var(--border);text-decoration:none;display:inline-flex;align-items:center;gap:3px}.tag:hover{background:var(--primary);color:#fff}.post-actions-icons{display:flex;justify-content:space-around;padding:12px 15px 15px;gap:8px;flex-wrap:wrap}.action-icon{background:0 0;border:none;padding:8px 14px;border-radius:30px;color:var(--gray);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;font-size:12px}.action-icon:hover{background:var(--light);color:var(--primary);transform:translateY(-2px)}.action-icon i{font-size:13px}/* ===== هيكلة جديدة للفوتر ===== */.footer{margin-top:60px;background:var(--light);border-top:1px solid var(--border);padding:40px 0;text-align:center}body.dark-mode .footer{background:var(--background-dark)}.footer-links{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-bottom:20px}.footer-links a{color:var(--gray);text-decoration:none;font-size:13px;transition:color .2s}.footer-links a:hover{color:var(--primary)}.copyright{font-size:12px;color:var(--gray)}/* ===== هيكلة جديدة للقائمة الجانبية ===== */.side-menu{position:fixed;top:0;right:-300px;width:280px;height:100%;background:var(--background);box-shadow:-2px 0 10px rgba(0,0,0,.1);z-index:1000;transition:right .3s ease;padding:80px 20px 20px;overflow-y:auto}body.dark-mode .side-menu{background:var(--background-dark)}.side-menu.open{right:0}.side-menu-list{list-style:none;padding:0}.side-menu-list li{margin-bottom:12px}.side-menu-list a,.side-menu-btn{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:12px;color:var(--dark);text-decoration:none;background:0 0;border:none;width:100%;cursor:pointer;font-size:15px;transition:all .2s}.side-menu-list a:hover,.side-menu-btn:hover{background:var(--hover-bg);color:var(--primary)}.menu-toggle{display:inline-block;background:0 0;border:none;font-size:1.8rem;color:var(--dark);cursor:pointer;padding:5px;margin-left:10px;transition:all .3s}.menu-toggle:hover{color:var(--primary);transform:scale(1.1)}/* ===== هيكلة جديدة للروابط الاجتماعية ===== */.social-links{display:flex;justify-content:center;gap:15px;margin:30px 0;flex-wrap:wrap}.social-link{width:42px;height:42px;border-radius:50%;background:var(--light);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:18px;transition:all .3s;text-decoration:none}.social-link:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}/* ===== هيكلة جديدة للصفحة الشخصية ===== */.profile-header{display:flex;align-items:center;gap:30px;background:var(--light);border-radius:24px;padding:30px;margin-bottom:30px;flex-wrap:wrap}.profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--primary);flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1}.profile-name{font-size:1.8rem;font-weight:700;margin-bottom:5px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.profile-username{color:var(--gray);font-size:1rem;margin-bottom:10px}.profile-bio{color:var(--dark);line-height:1.6;margin:15px 0;padding:15px;background:var(--background);border-radius:12px;border:1px solid var(--border)}.profile-stats{display:flex;gap:25px;margin:15px 0}.profile-stat-number{display:block;font-size:1.3rem;font-weight:700;color:var(--primary)}.profile-stat-label{font-size:12px;color:var(--gray)}/* ===== هيكلة جديدة للنوافذ المنبثقة ===== */.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:10001;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:var(--background);border-radius:24px;padding:25px;max-width:550px;width:90%;max-height:85vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.3rem;display:flex;align-items:center;gap:8px}.modal-close{cursor:pointer;font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{background:var(--hover-bg)}/* ===== هيكلة جديدة للأزرار ===== */.filter-buttons{display:flex;gap:12px;justify-content:center;margin:25px 0;flex-wrap:wrap}.filter-btn{padding:8px 20px;border:1px solid var(--border);border-radius:40px;background:0 0;color:var(--gray);cursor:pointer;transition:all .2s;font-size:13px}.filter-btn:hover{background:var(--hover-bg);color:var(--primary)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.load-more-container{text-align:center;margin:30px 0}.load-more-btn{background:var(--primary);color:#fff;border:none;padding:12px 32px;border-radius:40px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.load-more-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.nav-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:25px 0;padding:10px;background:var(--light);border-radius:50px;border:1px solid var(--border)}.nav-btn{padding:8px 20px;border-radius:40px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;background:0 0;border:2px solid;box-shadow:0 1px 3px rgba(0,0,0,.05)}.nav-btn:hover{transform:translateY(-2px)}/* ===== الإعلانات ===== */.ad-space{background:var(--light);border:1px dashed var(--border);border-radius:16px;padding:20px;margin:20px 0;text-align:center;min-height:100px;position:relative}.ad-label{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.5);color:#fff;padding:2px 6px;border-radius:20px;font-size:9px}.ad-container,.ad-container-header,.ad-container-footer{min-height:260px;background:var(--light);display:flex;align-items:center;justify-content:center;margin:20px 0;border-radius:12px;border:1px dashed var(--border)}.ad-container::before,.ad-container-header::before,.ad-container-footer::before{content:"⏳ إعلان";color:var(--gray);font-size:12px}.ad-container[data-loaded="true"]::before,.ad-container-header[data-loaded="true"]::before,.ad-container-footer[data-loaded="true"]::before{content:none}/* ===== ميديا كويري للجوال ===== */@media (max-width:768px){.container{padding:0 15px}.header-content{flex-direction:column}.nav{justify-content:center;width:100%}.search-form{width:100%}.search-input{flex:1}.posts-container{grid-template-columns:1fr;gap:20px}.categories-grid{grid-template-columns:1fr;gap:15px}.post-actions-icons{gap:5px}.action-icon span{display:none}.action-icon{padding:10px}.action-icon i{font-size:16px}.profile-header{flex-direction:column;text-align:center}.profile-info{text-align:center}.profile-stats{justify-content:center}.footer-links{gap:15px}.footer-links a{font-size:11px}}@media (max-width:480px){.category-card{padding:15px}.category-image{width:65px;height:65px}.post-title{font-size:1rem}.post-content{font-size:13px}.stat-item{font-size:10px}.filter-btn{padding:6px 14px;font-size:12px}}