:root{--bg: #0a1020;--panel: rgba(16, 24, 48, .78);--panel-border: rgba(255, 255, 255, .08);--text: #eef2ff;--muted: #a8b3cf;--primary: #7c3aed;--primary-2: #a855f7;--accent: #22c55e;--danger: #f87171;--shadow: 0 18px 45px rgba(3, 7, 18, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%;width:100%;max-width:100%;overflow-x:hidden}body{margin:0;font-family:Tajawal,sans-serif;background:radial-gradient(circle at top right,rgba(124,58,237,.25),transparent 28%),radial-gradient(circle at bottom left,rgba(59,130,246,.16),transparent 24%),linear-gradient(180deg,#07101f,#08111d);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}video{display:block;max-width:100%}.app-shell{width:100%;max-width:1380px;margin:0 auto;padding:24px;overflow-x:clip}.app-grid{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:20px;align-items:start;width:100%;min-width:0}.app-grid>*,.app-grid main,.feed-stack{min-width:0}.feed-stack{display:grid;gap:16px;width:100%;min-width:0}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;padding:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sticky{position:sticky;top:20px}.brand-block{display:flex;gap:14px;align-items:center;margin-bottom:18px}.brand-logo{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--primary-2))}.brand-logo.large{width:72px;height:72px;font-size:2rem;margin:0 auto}.brand-block h1,.auth-head h1{margin:0}.brand-block p,.auth-head p,.page-header p,.mini-row span,.user-mini span,.post-userline span,.post-userline small{color:var(--muted)}.sidebar-nav{display:grid;gap:8px;margin-bottom:18px}.nav-link{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;color:var(--text);transition:.2s ease}.nav-link:hover,.nav-link.active{background:#7c3aed2e}.user-mini{display:flex;gap:10px;align-items:center;margin:20px 0 12px}.user-mini img,.post-head img,.mini-user img,.notice-line img,.profile-meta img{width:48px;height:48px;border-radius:50%;object-fit:cover}.primary-btn,.soft-btn,.ghost-btn{border:0;border-radius:999px;padding:11px 18px;transition:.2s ease}.primary-btn{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.soft-btn{background:#ffffff14;color:var(--text)}.ghost-btn{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text)}.full-width{width:100%}.composer textarea,.auth-form input,.message-form input,.message-form textarea,.search-row input{width:100%;max-width:100%;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text);border-radius:18px;padding:14px 16px;outline:none}.composer textarea,.message-form textarea{min-height:120px;resize:vertical}.composer__header,.composer__footer,.post-actions,.search-row,.profile-stats{display:flex;align-items:center;justify-content:space-between;gap:12px}.post-card{display:grid;gap:16px;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.post-head{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start}.post-userline{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.post-head p{margin:0;line-height:1.9;color:var(--text)}.hashtag{color:#8ab4ff;font-weight:700}.post-actions button{background:transparent;color:var(--muted);border:0;padding:8px 0}.right-rail,.rail-list{display:grid;gap:16px}.mini-row,.mini-user,.notice-line,.profile-meta{display:flex;gap:12px;align-items:center}.mini-row{justify-content:space-between}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-form{width:min(100%,480px);display:grid;gap:14px}.auth-head{text-align:center;display:grid;gap:8px;margin-bottom:8px}.error-text{color:#fca5a5;text-align:center}.switch-auth{color:var(--muted);text-align:center}.page-header h2,.page-header p,.rail-section h3{margin:0}.search-row{margin-top:14px;width:100%;min-width:0}.search-row input{flex:1 1 auto;min-width:0}.search-row button{flex:0 0 auto}.notice-card p,.message-card p,.empty-state p{color:var(--text);margin:6px 0}.message-form{display:grid;gap:12px}.message-card.mine{border-color:#7c3aed73}.profile-hero{overflow:hidden}.profile-cover{height:170px;border-radius:20px;background:linear-gradient(135deg,#7c3aede6,#3b82f6bf)}.profile-meta{margin-top:-36px;padding-inline:8px}.profile-meta img{width:88px;height:88px;border:4px solid rgba(10,16,32,.95)}.profile-stats{margin-top:16px}.profile-stats div{text-align:center}.empty-state{text-align:center;padding:42px 20px}.splash-screen{min-height:100vh;display:grid;place-items:center}@media(max-width:1100px){.app-grid{grid-template-columns:250px minmax(0,1fr)}.app-grid>:last-child{display:none}}@media(max-width:780px){.app-shell{padding:12px}.app-grid{grid-template-columns:1fr}.sticky{position:static}.sidebar{order:2}.card{padding:14px;border-radius:20px}.search-row{flex-wrap:wrap}.search-row>*{width:100%}.composer__header,.composer__footer,.composer__toolbar,.post-edit-footer,.reply-edit-footer{flex-wrap:wrap}.post-actions{gap:14px}.post-action.bookmark-action{margin-inline-start:0}}.repost-label{margin-bottom:12px;color:#8ab4ff;font-size:14px;font-weight:600;opacity:.95}.active-action{color:#60a5fa}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.post-actions{display:flex;align-items:center;justify-content:flex-start;gap:28px;direction:rtl;flex-wrap:wrap;width:100%;min-width:0;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);margin-top:14px}.post-action{background:transparent;border:none;color:#d9def2;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:1rem;padding:6px 0;min-width:0}.post-action:hover{opacity:.9}.post-action.bookmark-action{margin-inline-start:auto}.post-action.delete-action{color:var(--danger)}.post-action.edit-action{color:#c4b5fd}.post-edit-form{display:grid;gap:12px}.post-edit-textarea{width:100%;min-height:120px;resize:vertical;border-radius:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:var(--text);direction:rtl;text-align:right;outline:none}.post-edit-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.post-edit-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.post-edit-actions{display:flex;align-items:center;gap:10px}.post-action:disabled{opacity:.6;cursor:not-allowed}.action-icon{display:inline-flex;align-items:center;justify-content:center}.post-comments{margin-top:18px;width:100%}.reply-form{display:flex;flex-direction:column;gap:12px;width:100%}.reply-textarea{width:100%;min-height:110px;box-sizing:border-box;resize:vertical;border-radius:16px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);background:#12193d;color:#fff;font-size:1rem;font-family:inherit;line-height:1.6;direction:rtl;text-align:right;outline:none}.reply-textarea::placeholder{color:#98a2c7}.reply-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.reply-submit-btn{align-self:flex-start;border:none;border-radius:999px;padding:10px 18px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;font-size:.95rem;font-family:inherit;cursor:pointer}.reply-submit-btn:disabled{opacity:.6;cursor:not-allowed}.reply-item{display:flex;align-items:flex-start;gap:12px;margin-top:14px}.reply-item .avatar{width:36px;height:36px;border-radius:50%;margin-top:6px}.reply-body{flex:1;min-width:0}.reply-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.reply-delete-btn{margin-inline-start:auto;border:none;background:transparent;color:#f87171;font-size:.9rem;font-family:inherit;cursor:pointer;padding:0}.reply-delete-btn:hover{color:#fca5a5}.muted-text{color:var(--muted)}.post-header{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center}.post-meta{min-width:0}.post-author-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted)}.post-author-line strong{color:var(--text)}.post-content p{margin:0;line-height:1.9;color:var(--text);white-space:pre-wrap;word-break:break-word}.composer__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.composer__file-input{display:none}.composer__attach-btn,.composer__remove-btn{padding-inline:16px}.composer__preview-shell{margin-top:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:20px;padding:12px;display:grid;gap:10px}.composer__preview-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted)}.composer__preview-meta span{color:var(--text);font-weight:600}.composer__preview-frame,.post-media-frame{width:100%;max-width:100%;border-radius:20px;overflow:hidden;background:#040a1ab8;border:1px solid rgba(255,255,255,.06)}.composer__preview-media,.post-media{display:block;width:100%;max-width:100%;max-height:520px;object-fit:cover;background:#050b16}.post-media-frame{margin-top:4px}@media(max-width:780px){.composer__preview-media,.post-media{max-height:360px}}.reply-actions-inline{margin-inline-start:auto;display:inline-flex;align-items:center;gap:10px}.reply-edit-btn,.reply-delete-btn{border:none;background:transparent;font-size:.9rem;font-family:inherit;cursor:pointer;padding:0}.reply-edit-btn{color:#c4b5fd}.reply-edit-btn:hover{color:#ddd6fe}.reply-delete-btn{margin-inline-start:0}.reply-edit-form{display:grid;gap:10px;margin-top:10px}.reply-edit-textarea{width:100%;min-height:96px;box-sizing:border-box;resize:vertical;border-radius:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:var(--text);direction:rtl;text-align:right;outline:none;line-height:1.7}.reply-edit-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.reply-edit-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.reply-edit-actions{display:flex;align-items:center;gap:10px}.reply-item--highlighted{border-radius:18px;box-shadow:0 0 0 1px #8b5cf673,0 0 0 6px #8b5cf61f;transition:box-shadow .25s ease}.profile-link{display:inline-flex;align-items:center;color:inherit;text-decoration:none}.profile-link:hover strong,.profile-link:hover span{color:#c4b5fd}.profile-link--muted{color:var(--muted)}.post-card--interactive{cursor:pointer}.post-card--interactive:focus-visible{outline:2px solid rgba(168,85,247,.75);outline-offset:3px}.auth-inline-link-row{display:flex;justify-content:flex-start}.auth-inline-link{color:#c4b5fd;font-weight:600}.auth-stack{display:grid;gap:12px}.auth-link-button{display:inline-flex;align-items:center;justify-content:center}.success-text{color:#86efac;text-align:center;line-height:1.8}.auth-page-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;color:var(--muted);text-align:center}.auth-page-links a,.switch-auth a{color:#c4b5fd;font-weight:700}.auth-info-page,.public-policy-page{align-items:start}.auth-info-card{width:min(100%,880px);display:grid;gap:18px}.auth-legal-card{width:min(100%,980px);background:transparent;border:0;box-shadow:none;padding:0}.auth-info-content{display:grid;gap:16px;line-height:1.9}.auth-info-content h2,.auth-info-content p{margin:0}.auth-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-feature-grid article{display:grid;gap:8px;padding:16px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.auth-feature-grid span{color:var(--muted)}.auth-info-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:8px}@media(max-width:780px){.auth-feature-grid{grid-template-columns:1fr}}.composer__upload-progress{display:grid;gap:8px;padding:12px;border:1px solid rgba(124,58,237,.35);border-radius:16px;background:#7c3aed14}.composer__upload-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-size:14px}.composer__upload-progress-track{height:9px;overflow:hidden;border-radius:999px;background:#ffffff17}.composer__upload-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#60a5fa);transition:width .16s ease}.facebook-share-wrap{min-height:24px;display:flex;justify-content:center;align-items:center}.post-hidden-note,.reply-hidden-note{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;border:1px solid rgba(250,204,21,.25);background:#facc1514;color:#fde68a;font-size:.85rem;font-weight:700;padding:4px 10px;margin-bottom:8px}.post-action.hide-action,.reply-hide-btn{color:#fde68a}.reply-item--hidden{border-color:#facc1538;background:#facc150a}.reply-hide-btn{border:none;background:transparent;font-size:.9rem;font-family:inherit;cursor:pointer;padding:0}