Upload 6 files

app.js

@@ -40,14 +40,20 @@ window.addEventListener('firebase-ready',()=>{
 window.addEventListener('DOMContentLoaded',()=>{
   loadLocal();
   seedAdmin();
-  // If no firebase yet, check local login
-  setTimeout(()=>{
-    if(!FIREBASE_OK){
-      const uid=localStorage.getItem('loom_uid');
-      if(uid && S.users[uid]){S.uid=uid;S.user=S.users[uid];showApp();}
-      else showAuth();
-    }
-  },1500);
+  // Try auto-login from localStorage immediately
+  const savedUid=localStorage.getItem('loom_uid');
+  if(savedUid && S.users[savedUid]){
+    S.uid=savedUid;
+    S.user=S.users[savedUid];
+    showApp();
+  } else {
+    // If no firebase yet after 1.5s, show auth
+    setTimeout(()=>{
+      if(!FIREBASE_OK && !S.uid){
+        showAuth();
+      }
+    },1500);
+  }
 });
 
 // ── LOCAL STORAGE ──
@@ -63,7 +69,7 @@ function loadLocal(){
 }
 function seedAdmin(){
   if(!S.users[ADMIN_UID]){
-    S.users[ADMIN_UID]={id:ADMIN_UID,username:ADMIN_UID,name:'S',displayName:'S',email:ADMIN_EMAIL,password:ADMIN_PASS,bio:'Creator of Loom ✦',avatar:null,color:'#111',verified:true,isCreator:true,followers:[],following:[],followersCount:23834,followingCount:0,isPrivate:false,ts:Date.now()-86400000*300};
+    S.users[ADMIN_UID]={id:ADMIN_UID,username:ADMIN_UID,name:'Victor',displayName:'Victor',email:ADMIN_EMAIL,password:ADMIN_PASS,bio:'Creator of Loom ✦',avatar:null,color:'#111',verified:true,isCreator:true,followers:[],following:[],followersCount:23834,followingCount:0,isPrivate:false,ts:Date.now()-86400000*300};
     S.posts.unshift({id:'sp1',uid:ADMIN_UID,text:'Welcome to Loom. A new era of communication. ✦',image:null,likes:[],comments:[],ts:Date.now()-3600000*5});
     S.posts.unshift({id:'sp2',uid:ADMIN_UID,text:'Minimalism is not a style. It\'s an attitude. 🖤',image:null,likes:[],comments:[],ts:Date.now()-3600000*2});
     saveLocal();
@@ -92,7 +98,7 @@ function setBtnLoading(id,on){
 async function handleLogin(){
   const val=document.getElementById('li-user').value.trim();
   const pass=document.getElementById('li-pass').value;
-  if(!val||!pass){authErr('Fill all fields');return;}
+  if(!val||!pass){authErr('Completează toate câmpurile');return;}
   setBtnLoading('li',true);
 
   // Check local first (handles admin vicros89/122012 and offline users)
@@ -108,13 +114,13 @@ async function handleLogin(){
       let email=val;
       if(!val.includes('@')){
         const fu=Object.values(S.users).find(u=>u.username===val);
-        if(fu) email=fu.email; else {authErr('User not found');setBtnLoading('li',false);return;}
+        if(fu) email=fu.email; else {authErr('Utilizatorul nu a fost găsit');setBtnLoading('li',false);return;}
       }
       await FB.signInWithEmailAndPassword(AUTH,email,pass);
       // onAuthStateChanged will handle rest
-    }catch(e){authErr('Wrong email or password');setBtnLoading('li',false);}
+    }catch(e){authErr('Email sau parolă incorectă');setBtnLoading('li',false);}
   } else {
-    authErr('User not found');setBtnLoading('li',false);
+    authErr('Utilizatorul nu a fost găsit');setBtnLoading('li',false);
   }
 }
 
@@ -123,10 +129,10 @@ async function handleRegister(){
   const username=document.getElementById('re-user').value.trim().toLowerCase().replace(/\s/g,'');
   const email=document.getElementById('re-email').value.trim().toLowerCase();
   const pass=document.getElementById('re-pass').value;
-  if(!name||!username||!email||!pass){authErr('Fill all fields');return;}
-  if(username.length<3){authErr('Username min 3 chars');return;}
-  if(pass.length<6){authErr('Password min 6 chars');return;}
-  if(Object.values(S.users).find(u=>u.username===username)){authErr('Username taken');return;}
+  if(!name||!username||!email||!pass){authErr('Completează toate câmpurile');return;}
+  if(username.length<3){authErr('Utilizatorul trebuie să aibă minim 3 caractere');return;}
+  if(pass.length<6){authErr('Parola trebuie să aibă minim 6 caractere');return;}
+  if(Object.values(S.users).find(u=>u.username===username)){authErr('Utilizatorul este deja folosit');return;}
   setBtnLoading('re',true);
   const profile={id:username,username,name,displayName:name,email,password:pass,bio:'',avatar:null,color:pickColor(username),verified:false,isCreator:false,followers:[ADMIN_UID],following:[ADMIN_UID],followersCount:0,followingCount:1,isPrivate:false,ts:Date.now()};
   if(FIREBASE_OK){
@@ -252,7 +258,7 @@ function renderFeedContent(){
   if(!fc) return;
 
   if(!posts.length){
-    fc.innerHTML=`<div class="empty-state-center"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2"><rect x="3" y="3" width="18" height="18" rx="4"/><path d="M3 9h18M9 21V9"/></svg><p>No posts yet — be the first!</p></div>`;
+    fc.innerHTML=`<div class="empty-state-center"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2"><rect x="3" y="3" width="18" height="18" rx="4"/><path d="M3 9h18M9 21V9"/></svg><p>Niciun post încă — fii primul!</p></div>`;
     return;
   }
 
@@ -353,7 +359,7 @@ function postCtx(e,pid){
   const post=S.posts.find(p=>p.id===pid); if(!post) return;
   const isOwn=(post.uid||post.userId)===S.uid;
   const m=mkCtx(e.clientX,e.clientY);
-  m.innerHTML=`<div class="ctx-item" onclick="openComments('${pid}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>Comments</div>${post.image?`<div class="ctx-item" onclick="dlImg('${post.image}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/></svg>Download</div>`:''}${isOwn?`<div class="ctx-item danger" onclick="delPost('${pid}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/></svg>Delete</div>`:`<div class="ctx-item" onclick="toast('Reported ✓');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/></svg>Report</div>`}`;
+  m.innerHTML=`<div class="ctx-item" onclick="openComments('${pid}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>Comentarii</div>${post.image?`<div class="ctx-item" onclick="dlImg('${post.image}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/></svg>Descarcă</div>`:''}${isOwn?`<div class="ctx-item danger" onclick="delPost('${pid}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/></svg>Șterge</div>`:`<div class="ctx-item" onclick="toast('Raportat ✓');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/></svg>Raportează</div>`}`;
   document.body.appendChild(m);
 }
 function likePost(pid){
@@ -361,14 +367,14 @@ function likePost(pid){
   if(!post.likes) post.likes=[];
   const i=post.likes.indexOf(S.uid);
   if(i>-1) post.likes.splice(i,1);
-  else{post.likes.push(S.uid); if((post.uid||post.userId)!==S.uid) addNotif(post.uid||post.userId,'like',dname(S.user)+' liked your post.');}
+  else{post.likes.push(S.uid); if((post.uid||post.userId)!==S.uid) addNotif(post.uid||post.userId,'like',dname(S.user)+' a apreciat postarea ta.');}
   if(FIREBASE_OK) FB.updateDoc(FB.doc(DB,'posts',pid),{likes:post.likes}).catch(()=>{});
   saveLocal(); renderFeedContent();
 }
 function delPost(pid){
   S.posts=S.posts.filter(p=>p.id!==pid);
   if(FIREBASE_OK) FB.deleteDoc(FB.doc(DB,'posts',pid)).catch(()=>{});
-  saveLocal(); renderFeedContent(); toast('Deleted');
+  saveLocal(); renderFeedContent(); toast('Șters');
 }
 function fullImg(src){
   const o=document.createElement('div');
@@ -404,13 +410,13 @@ async function submitPost(){
   const text=document.getElementById('post-text-input').value.trim();
   const img=document.getElementById('post-img-preview').querySelector('img');
   const image=img?img.src:null;
-  if(!text&&!image){toast('Add text or photo');return;}
+  if(!text&&!image){toast('Adaugă text sau poză');return;}
   const post={id:'p'+Date.now(),uid:S.uid,userId:S.uid,text,image,likes:[],comments:[],ts:Date.now()};
   if(FIREBASE_OK){
     try{const ref=await FB.addDoc(FB.collection(DB,'posts'),post);post.id=ref.id;}catch(e){}
   }
   S.posts.unshift(post); saveLocal();
-  closeModal('new-post-modal'); renderFeed(); toast('Posted ✦');
+  closeModal('new-post-modal'); renderFeed(); toast('Publicat ✦');
 }
 
 // ── STORIES ──
@@ -426,7 +432,7 @@ function previewStory(){
 }
 async function submitStory(){
   const img=document.getElementById('story-preview-img');
-  if(!img.src||img.src===location.href){toast('Select image');return;}
+  if(!img.src||img.src===location.href){toast('Selectează o imagine');return;}
   const text=document.getElementById('story-text-input').value.trim();
   S.stories=S.stories.filter(s=>s.uid!==S.uid);
   const story={id:'st'+Date.now(),uid:S.uid,userId:S.uid,image:img.src,text,viewers:[],ts:Date.now()};
@@ -434,7 +440,7 @@ async function submitStory(){
     try{const ref=await FB.addDoc(FB.collection(DB,'stories'),story);story.id=ref.id;}catch(e){}
   }
   S.stories.push(story); saveLocal();
-  closeModal('add-story-modal'); renderStories(); toast('Story shared!');
+  closeModal('add-story-modal'); renderStories(); toast('Story distribuit!');
 }
 function viewStory(uid){
   const list=S.stories.filter(s=>s.uid===uid||s.userId===uid);
@@ -495,7 +501,7 @@ function followUser(targetId,btn){
     u.following.push(targetId); u.followingCount=(u.followingCount||0)+1;
     t.followersCount=(t.followersCount||0)+1;
     if(btn){btn.textContent='Following';btn.classList.add('following');}
-    addNotif(targetId,'follow',dname(u)+' started following you.');
+    addNotif(targetId,'follow',dname(u)+' a început să te urmărească.');
   }
   if(FIREBASE_OK) FB.updateDoc(FB.doc(DB,'users',S.uid),{following:u.following,followingCount:u.followingCount}).catch(()=>{});
   saveLocal();
@@ -531,7 +537,7 @@ function renderConvList(){
           <div class="conv-name">${esc(dname(other))}${other.verified?badge():''}</div>
           <div class="conv-time">${last?ago(last.ts):''}</div>
         </div>
-        <div class="conv-preview">${last?(last.type==='voice'?'🎤 Voice':last.type==='image'?'📷 Photo':esc((last.text||'').slice(0,42))):'Start chatting...'}</div>
+        <div class="conv-preview">${last?(last.type==='voice'?'🎤 Voice':last.type==='image'?'📷 Foto':esc((last.text||'').slice(0,42))):'Începe conversația...'}</div>
       </div>
       <div class="conv-right">
         ${(chat.streak||0)>0?`<span class="conv-streak">🔥${chat.streak}</span>`:''}
@@ -612,7 +618,7 @@ function submitPin(){
   const chatId=S.pendingPin;
   const chat=S.chats[chatId]; if(!chat) return;
   if(pin===chat.pin){S.activeChat=chatId;closeModal('pin-modal');document.getElementById('pin-input').value='';renderChatWindow(chatId);renderConvList();}
-  else toast('Wrong PIN');
+  else toast('PIN greșit');
 }
 
 function goBackToList(){
@@ -664,7 +670,7 @@ function renderChatWindow(chatId){
         <div class="input-action" onclick="toggleEmoji(event)" title="Emoji">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" y1="9" x2="9.01" y2="9"/><line x1="15" y1="9" x2="15.01" y2="9"/></svg>
         </div>
-        <textarea id="chat-ta" class="chat-textarea" placeholder="Message..." rows="1"
+        <textarea id="chat-ta" class="chat-textarea" placeholder="Mesaj..." rows="1"
           onkeydown="if(event.key==='Enter'&&!event.shiftKey){event.preventDefault();sendMsg();}"
           oninput="this.style.height='auto';this.style.height=Math.min(this.scrollHeight,80)+'px'"></textarea>
         <label class="input-action" title="Image">
@@ -745,9 +751,6 @@ function renderMessages(chatId){
       if(msg.type==='image'&&msg.image){
         const img=document.createElement('img');img.src=msg.image;img.onclick=()=>fullImg(msg.image);bub.appendChild(img);
         if(msg.text){const p=document.createElement('p');p.style.marginTop='5px';p.textContent=msg.text;bub.appendChild(p);}
-      } else if(msg.type==='voice'){
-        const bars=Array.from({length:20},()=>`<div class="wv" style="height:${3+Math.random()*16}px"></div>`).join('');
-        bub.innerHTML+=`<div class="voice-bubble"><div class="voice-play" onclick="toast('Playing...')"><svg viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg></div><div class="voice-waveform">${bars}</div><span class="voice-dur">${msg.duration||'0:03'}</span></div>`;
       } else if(msg.type==='gif'){
         const p=document.createElement('p');p.style.fontSize='24px';p.textContent=msg.text;bub.appendChild(p);
       } else {
@@ -793,7 +796,7 @@ function sendMsg(){
   if(FIREBASE_OK){
     const otherId=chatId.split('_').find(x=>x!==S.uid);
     FB.addDoc(FB.collection(DB,'chats',chatId,'messages'),msg).catch(()=>{});
-    addNotif(otherId,'message',dname(S.user)+' sent you a message.');
+    addNotif(otherId,'message',dname(S.user)+' ți-a trimis un mesaj.');
   }
 }
 
@@ -814,7 +817,7 @@ function sendGif(){
   if(!chat.messages) chat.messages=[];
   chat.messages.push(msg); updateStreak(chatId); saveLocal(); renderMessages(chatId); renderConvList();
 }
-function startVoice(){S.voiceSecs=0;S.voiceTimer=setInterval(()=>S.voiceSecs++,1000);toast('🎤 Recording...');}
+function startVoice(){S.voiceSecs=0;S.voiceTimer=setInterval(()=>S.voiceSecs++,1000);toast('🎤 Se înregistrează...');}
 function stopVoice(){
   clearInterval(S.voiceTimer); if(S.voiceSecs<1) return;
   const chatId=S.activeChat; const chat=S.chats[chatId]; if(!chat) return;
@@ -847,24 +850,24 @@ function bubCtx(e,msgId,chatId){
   ['❤️','😂','😮','👍','🔥','💯'].forEach(em=>{const b=document.createElement('div');b.className='emoji-opt';b.textContent=em;b.onclick=()=>{addReact(msgId,chatId,em);closeCtx();};er.appendChild(b);});
   m.appendChild(er);
   const sep=document.createElement('div');sep.style.cssText='border-top:1px solid rgba(255,255,255,.08);margin:3px 0';m.appendChild(sep);
-  m.innerHTML+=`<div class="ctx-item" onclick="replyToMsg('${msgId}','${chatId}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>Reply</div>${isOwn?`<div class="ctx-item" onclick="editMsg('${msgId}','${chatId}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>Edit</div><div class="ctx-item danger" onclick="delMsg('${msgId}','${chatId}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/></svg>Delete</div>`:''}`;
+  m.innerHTML+=`<div class="ctx-item" onclick="replyToMsg('${msgId}','${chatId}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>Răspunde</div>${isOwn?`<div class="ctx-item" onclick="editMsg('${msgId}','${chatId}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>Editează</div><div class="ctx-item danger" onclick="delMsg('${msgId}','${chatId}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/></svg>Șterge</div>`:''}`;
   document.body.appendChild(m);
 }
 function addReact(msgId,chatId,emoji){const chat=S.chats[chatId];const msg=(chat.messages||[]).find(m=>m.id===msgId);if(!msg)return;if(!msg.reactions)msg.reactions=[];msg.reactions.push(emoji);saveLocal();renderMessages(chatId);}
-function replyToMsg(msgId,chatId){const chat=S.chats[chatId];const msg=(chat.messages||[]).find(m=>m.id===msgId);if(!msg)return;S.replyTo=msgId;const rb=document.getElementById('reply-bar');const rt=document.getElementById('reply-text');if(rb&&rt){rt.textContent='↩ '+(msg.text||'📷 Photo').slice(0,50);rb.classList.remove('hidden');}document.getElementById('chat-ta')?.focus();}
+function replyToMsg(msgId,chatId){const chat=S.chats[chatId];const msg=(chat.messages||[]).find(m=>m.id===msgId);if(!msg)return;S.replyTo=msgId;const rb=document.getElementById('reply-bar');const rt=document.getElementById('reply-text');if(rb&&rt){rt.textContent='↩ '+(msg.text||'📷 Foto').slice(0,50);rb.classList.remove('hidden');}document.getElementById('chat-ta')?.focus();}
 function cancelReply(){S.replyTo=null;document.getElementById('reply-bar')?.classList.add('hidden');}
-function editMsg(msgId,chatId){const chat=S.chats[chatId];const msg=(chat.messages||[]).find(m=>m.id===msgId);if(!msg||msg.type!=='text')return;const nt=prompt('Edit message:',msg.text);if(nt===null)return;msg.text=nt.trim();msg.edited=true;saveLocal();renderMessages(chatId);}
+function editMsg(msgId,chatId){const chat=S.chats[chatId];const msg=(chat.messages||[]).find(m=>m.id===msgId);if(!msg||msg.type!=='text')return;const nt=prompt('Editează mesajul:',msg.text);if(nt===null)return;msg.text=nt.trim();msg.edited=true;saveLocal();renderMessages(chatId);}
 function delMsg(msgId,chatId){const chat=S.chats[chatId];if(!chat)return;chat.messages=(chat.messages||[]).filter(m=>m.id!==msgId);saveLocal();renderMessages(chatId);}
 function chatCtx(e,chatId){
   e.stopPropagation(); closeCtx();
   const chat=S.chats[chatId];
   const m=mkCtx(e.clientX,e.clientY);
-  m.innerHTML=`<div class="ctx-item" onclick="toggleHide('${chatId}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94"/><line x1="1" y1="1" x2="23" y2="23"/></svg>${chat.isHidden?'Unhide chat':'Hide chat'}</div><div class="ctx-item" onclick="setPin('${chatId}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>Set PIN</div><div class="ctx-item danger" onclick="delChat('${chatId}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/></svg>Delete chat</div>`;
+  m.innerHTML=`<div class="ctx-item" onclick="toggleHide('${chatId}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94"/><line x1="1" y1="1" x2="23" y2="23"/></svg>${chat.isHidden?'Arată chat':'Ascunde chat'}</div><div class="ctx-item" onclick="setPin('${chatId}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>Setează PIN</div><div class="ctx-item danger" onclick="delChat('${chatId}');closeCtx()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/></svg>Șterge chat</div>`;
   document.body.appendChild(m);
 }
-function toggleHide(chatId){const c=S.chats[chatId];if(!c)return;c.isHidden=!c.isHidden;if(!c.isHidden)c.pin=null;saveLocal();renderConvList();toast(c.isHidden?'Chat hidden':'Chat visible');}
-function setPin(chatId){const pin=prompt('Set PIN (numbers):');if(!pin||!/^\d+$/.test(pin)){toast('Invalid PIN');return;}S.chats[chatId].pin=pin;S.chats[chatId].isHidden=true;saveLocal();renderConvList();toast('Chat protected 🔒');}
-function delChat(chatId){if(!confirm('Delete this conversation?'))return;delete S.chats[chatId];S.activeChat=null;goBackToList();saveLocal();renderConvList();}
+function toggleHide(chatId){const c=S.chats[chatId];if(!c)return;c.isHidden=!c.isHidden;if(!c.isHidden)c.pin=null;saveLocal();renderConvList();toast(c.isHidden?'Chat ascuns':'Chat vizibil');}
+function setPin(chatId){const pin=prompt('Set PIN (numbers):');if(!pin||!/^\d+$/.test(pin)){toast('PIN invalid');return;}S.chats[chatId].pin=pin;S.chats[chatId].isHidden=true;saveLocal();renderConvList();toast('Chat protejat 🔒');}
+function delChat(chatId){if(!confirm('Ștergi această conversație?'))return;delete S.chats[chatId];S.activeChat=null;goBackToList();saveLocal();renderConvList();}
 function updateStreak(chatId){
   const c=S.chats[chatId]; if(!c) return;
   if(!c.lastActive) c.lastActive={};
@@ -874,7 +877,7 @@ function updateStreak(chatId){
   const yest=new Date(Date.now()-86400000).toDateString();
   c.streak=(last===yest||!last)?(c.streak||0)+1:1;
   c.lastActive[S.uid]=Date.now();
-  if(STREAK_MS.includes(c.streak)) setTimeout(()=>{document.getElementById('streak-title').textContent='🔥 '+c.streak+' Day Streak!';document.getElementById('streak-desc').textContent=`${c.streak} consecutive days chatting!`;document.getElementById('streak-modal').classList.remove('hidden');},300);
+  if(STREAK_MS.includes(c.streak)) setTimeout(()=>{document.getElementById('streak-title').textContent='🔥 '+c.streak+' Zile Consecutive!';document.getElementById('streak-desc').textContent=`${c.streak} zile consecutive de chat!`;document.getElementById('streak-modal').classList.remove('hidden');},300);
 }
 function closeStreakModal(){document.getElementById('streak-modal').classList.add('hidden');}
 
@@ -897,7 +900,7 @@ function renderNotifList(){
   const list=document.getElementById('notif-list'); if(!list) return;
   const mine=S.notifs.filter(n=>n.toUid===S.uid);
   list.innerHTML='';
-  if(!mine.length){list.innerHTML=`<div class="empty-state-center"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/></svg><p>No notifications yet</p></div>`;return;}
+  if(!mine.length){list.innerHTML=`<div class="empty-state-center"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/></svg><p>Nicio notificare încă</p></div>`;return;}
   const ico={like:'❤️',comment:'💬',follow:'👤',message:'✉️'};
   mine.forEach(n=>{
     n.read=true;
@@ -934,7 +937,7 @@ function buildUserRow(u){
   const el=document.createElement('div');el.className='explore-user-item';
   el.onclick=()=>viewProfile(u.id);
   const id='exav_'+u.id.replace(/[^a-z0-9]/gi,'_');
-  el.innerHTML=`<div class="avatar sm" id="${id}"></div><div class="exu-info"><div class="exu-name">${esc(dname(u))}${u.verified?badge():''}</div><div class="exu-handle">@${esc(u.username)}</div><div class="exu-count">${u.isCreator?'23,834':(u.followersCount||0).toLocaleString()} followers</div></div><button class="follow-btn${iF?' following':''}" onclick="event.stopPropagation();followUser('${u.id}',this)">${iF?'Following':'Follow'}</button>`;
+  el.innerHTML=`<div class="avatar sm" id="${id}"></div><div class="exu-info"><div class="exu-name">${esc(dname(u))}${u.verified?badge():''}</div><div class="exu-handle">@${esc(u.username)}</div><div class="exu-count">${u.isCreator?'23,834':(u.followersCount||0).toLocaleString()} urmăritori</div></div><button class="follow-btn${iF?' following':''}" onclick="event.stopPropagation();followUser('${u.id}',this)">${iF?'Following':'Follow'}</button>`;
   setTimeout(()=>{const av=document.getElementById(id);if(av)setAv(av,u);},10);
   return el;
 }
@@ -951,14 +954,16 @@ function renderProfile(uid){
   const fc=u.isCreator?'23,834':(u.followersCount||0).toLocaleString();
   const userPosts=S.posts.filter(p=>(p.uid||p.userId)===uid).sort((a,b)=>b.ts-a.ts);
   let actions='';
+  const settingsBtn=`<button class="check-profile-btn" onclick="openSettings()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>Setări</button>`;
+  // Admin (vicros89) and already-verified users: no Verify button
+  const verifyBtn=(isMe&&!u.verified&&uid!==ADMIN_UID)?`<button class="check-profile-btn" onclick="openVerifyModal()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>Verifică</button>`:'';
   if(isMe){
-    actions=`<button class="check-profile-btn" onclick="openVerifyModal()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>Verify</button>
-    <button class="check-profile-btn" onclick="openSettings()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>Settings</button>`;
+    actions=verifyBtn+settingsBtn;
   } else {
     actions=`<button class="prof-follow-btn${iF?' following':''}" onclick="followFromProfile('${uid}',this)">${iF?'Following':'Follow'}</button><button class="prof-msg-btn" onclick="startChatFromProfile('${uid}')">Message</button>`;
   }
   const backBar=!isMe?`<div style="padding:12px 18px 0;display:flex;align-items:center;gap:8px;"><button onclick="navigateTo('feed')" style="width:30px;height:30px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text3);flex-shrink:0"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' width='14' height='14'><polyline points='15 18 9 12 15 6'/></svg></button><span style="font-size:13px;font-weight:600;color:var(--text3)">@${esc(u.username)}</span></div>`:'';
-  c.innerHTML=backBar+`<div class="profile-header"><div class="profile-top"><div class="avatar-wrap${S.stories.some(s=>s.uid===uid)?' has-story':''}"><div class="avatar xl" id="prof-av"${isMe?' style="cursor:pointer" onclick="document.getElementById(\'avatar-upload\').click()"':''}></div></div><div class="profile-info"><div class="profile-name">${esc(dname(u))}${u.verified?badge():''}</div><div class="profile-handle">@${esc(u.username)}</div>${u.bio?`<p class="profile-bio">${esc(u.bio)}</p>`:''}<div class="profile-stats"><div class="pstat"><div class="pstat-num">${userPosts.length}</div><div class="pstat-label">Posts</div></div><div class="pstat"><div class="pstat-num">${fc}</div><div class="pstat-label">Followers</div></div><div class="pstat"><div class="pstat-num">${(u.followingCount||u.following?.length||0).toLocaleString()}</div><div class="pstat-label">Following</div></div></div></div></div><div class="profile-actions">${actions}</div></div>${canSee?`<div class="posts-grid">${userPosts.map(p=>`<div class="grid-post" onclick="openComments('${p.id}')">${p.image?`<img src="${p.image}">`:`<div class="grid-post-text">${esc(p.text.slice(0,70))}</div>`}</div>`).join('')||`<p style="padding:30px;color:var(--text3);grid-column:1/-1;text-align:center;font-size:12px">No posts yet</p>`}</div>`:`<div class="private-notice"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg><p>This account is private</p></div>`}`;
+  c.innerHTML=backBar+`<div class="profile-header"><div class="profile-top"><div class="avatar-wrap${S.stories.some(s=>s.uid===uid)?' has-story':''}"><div class="avatar xl" id="prof-av"${isMe?' style="cursor:pointer" onclick="document.getElementById(\'avatar-upload\').click()"':''}></div></div><div class="profile-info"><div class="profile-name">${esc(dname(u))}${u.verified?badge():''}</div><div class="profile-handle">@${esc(u.username)}</div>${u.bio?`<p class="profile-bio">${esc(u.bio)}</p>`:''}<div class="profile-stats"><div class="pstat"><div class="pstat-num">${userPosts.length}</div><div class="pstat-label">Postări</div></div><div class="pstat"><div class="pstat-num">${fc}</div><div class="pstat-label">Urmăritori</div></div><div class="pstat"><div class="pstat-num">${(u.followingCount||u.following?.length||0).toLocaleString()}</div><div class="pstat-label">Urmărești</div></div></div></div></div><div class="profile-actions">${actions}</div></div>${canSee?`<div class="posts-grid">${userPosts.map(p=>`<div class="grid-post" onclick="openComments('${p.id}')">${p.image?`<img src="${p.image}">`:`<div class="grid-post-text">${esc(p.text.slice(0,70))}</div>`}</div>`).join('')||`<p style="padding:30px;color:var(--text3);grid-column:1/-1;text-align:center;font-size:12px">Niciun post încă</p>`}</div>`:`<div class="private-notice"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg><p>Acest cont este privat</p></div>`}`;
   requestAnimationFrame(()=>{const av=document.getElementById('prof-av');if(av)setAv(av,u);});
 }
 function followFromProfile(uid,btn){followUser(uid,btn);renderProfile(uid);}
@@ -974,20 +979,20 @@ function openSettings(){
 }
 function saveSettings(){
   const name=document.getElementById('settings-name').value.trim();
-  if(!name){toast('Name cannot be empty');return;}
+  if(!name){toast('Numele nu poate fi gol');return;}
   const u=S.user;
   u.name=name; u.displayName=name; u.bio=document.getElementById('settings-bio').value.trim();
   u.isPrivate=document.getElementById('private-toggle').classList.contains('on');
   if(FIREBASE_OK) FB.updateDoc(FB.doc(DB,'users',S.uid),{name:u.name,bio:u.bio,isPrivate:u.isPrivate}).catch(()=>{});
   saveLocal(); closeModal('settings-modal'); renderSidebar();
-  if(S.page==='profile') renderMyProfile(); toast('Saved! ✓');
+  if(S.page==='profile') renderMyProfile(); toast('Salvat! ✓');
 }
 function changeAvatar(){
   const f=document.getElementById('avatar-upload').files[0]; if(!f) return;
   const r=new FileReader(); r.onload=e=>{
     const u=S.user; u.avatar=e.target.result; saveLocal();
     const av=document.getElementById('settings-avatar');if(av)setAv(av,u);
-    renderSidebar(); if(S.page==='profile') renderMyProfile(); toast('Photo updated!');
+    renderSidebar(); if(S.page==='profile') renderMyProfile(); toast('Poză actualizată!');
   }; r.readAsDataURL(f);
 }
 
@@ -998,10 +1003,10 @@ function openVerifyModal(){
   document.getElementById('verify-step-2').classList.toggle('hidden',!u.verified);
   openModal('verify-modal');
 }
-function submitVerifyRequest(){const e=document.getElementById('verify-email').value.trim();const p=document.getElementById('verify-phone').value.trim();const n=document.getElementById('verify-realname').value.trim();if(!e||!p||!n){toast('Fill all fields');return;}document.getElementById('verify-step-1').classList.add('hidden');document.getElementById('verify-step-2').classList.remove('hidden');toast('Request sent! ✉️');}
+function submitVerifyRequest(){const e=document.getElementById('verify-email').value.trim();const p=document.getElementById('verify-phone').value.trim();const n=document.getElementById('verify-realname').value.trim();if(!e||!p||!n){toast('Completează toate câmpurile');return;}document.getElementById('verify-step-1').classList.add('hidden');document.getElementById('verify-step-2').classList.remove('hidden');toast('Cerere trimisă! ✉️');}
 function codeNext(el,idx){if(el.value.length===1&&idx<5)document.querySelectorAll('.code-box')[idx+1]?.focus();}
 function codeBack(e,el,idx){if(e.key==='Backspace'&&!el.value&&idx>0)document.querySelectorAll('.code-box')[idx-1]?.focus();}
-function submitVerifyCode(){const code=Array.from(document.querySelectorAll('.code-box')).map(i=>i.value).join('');if(code.length!==6){toast('Enter all 6 digits');return;}S.user.verified=true;saveLocal();closeModal('verify-modal');toast('Verified! ✓');renderMyProfile();}
+function submitVerifyCode(){const code=Array.from(document.querySelectorAll('.code-box')).map(i=>i.value).join('');if(code.length!==6){toast('Introdu toate cele 6 cifre');return;}S.user.verified=true;saveLocal();closeModal('verify-modal');toast('Verificat! ✓');renderMyProfile();}
 
 // ── COMMENTS ──
 function openComments(pid){
@@ -1012,12 +1017,12 @@ function openComments(pid){
 function renderComments(pid){
   const post=S.posts.find(p=>p.id===pid);
   const list=document.getElementById('comments-list'); list.innerHTML='';
-  if(!post||(post.comments||[]).length===0){list.innerHTML='<p style="padding:24px;text-align:center;color:var(--w30);font-size:12px">No comments yet — be first!</p>';return;}
+  if(!post||(post.comments||[]).length===0){list.innerHTML='<p style="padding:24px;text-align:center;color:var(--w30);font-size:12px">Niciun comentariu — fii primul!</p>';return;}
   (post.comments||[]).forEach(c=>{
     const cu=S.users[c.uid||c.userId]; if(!cu) return;
     const el=document.createElement('div');el.className='comment-item';
     const id='cmav_'+c.id;
-    el.innerHTML=`<div class="avatar xs" id="${id}"></div><div class="comment-body"><span class="comment-uname">${esc(dname(cu))}</span><span class="comment-txt">${esc(c.text)}</span><div class="comment-actions"><span class="comment-time">${ago(c.ts||c.createdAt)}</span><div class="comment-like-btn" onclick="likeComment('${pid}','${c.id}')"><svg viewBox="0 0 24 24" fill="${(c.likes||[]).includes(S.uid)?'currentColor':'none'}" stroke="currentColor" stroke-width="2"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg><span>${(c.likes||[]).length}</span></div><div class="comment-reply-btn" onclick="replyComment('${esc(dname(cu))}')">Reply</div></div></div>`;
+    el.innerHTML=`<div class="avatar xs" id="${id}"></div><div class="comment-body"><span class="comment-uname">${esc(dname(cu))}</span><span class="comment-txt">${esc(c.text)}</span><div class="comment-actions"><span class="comment-time">${ago(c.ts||c.createdAt)}</span><div class="comment-like-btn" onclick="likeComment('${pid}','${c.id}')"><svg viewBox="0 0 24 24" fill="${(c.likes||[]).includes(S.uid)?'currentColor':'none'}" stroke="currentColor" stroke-width="2"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg><span>${(c.likes||[]).length}</span></div><div class="comment-reply-btn" onclick="replyComment('${esc(dname(cu))}')">Răspunde</div></div></div>`;
     setTimeout(()=>{const av=document.getElementById(id);if(av)setAv(av,cu);},10);
     list.appendChild(el);
   });
@@ -1052,7 +1057,7 @@ function toast(msg){const t=document.getElementById('toast-el');t.textContent=ms
 function dname(u){if(!u)return'?';return u.isCreator?'S':(u.displayName||u.name||u.username||'?');}
 function esc(s){if(!s)return'';return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');}
 function ago(ts){if(!ts)return'now';const d=(Date.now()-ts)/1000;if(d<60)return'now';if(d<3600)return Math.floor(d/60)+'m';if(d<86400)return Math.floor(d/3600)+'h';if(d<604800)return Math.floor(d/86400)+'d';return Math.floor(d/604800)+'w';}
-function fmtDate(ts){const d=new Date(ts),t=new Date();if(d.toDateString()===t.toDateString())return'Today';if(d.toDateString()===new Date(Date.now()-86400000).toDateString())return'Yesterday';return d.toLocaleDateString('en-US',{month:'long',day:'numeric'});}
+function fmtDate(ts){const d=new Date(ts),t=new Date();if(d.toDateString()===t.toDateString())return'Azi';if(d.toDateString()===new Date(Date.now()-86400000).toDateString())return'Ieri';return d.toLocaleDateString('ro-RO',{month:'long',day:'numeric'});}
 function initials(n){if(!n)return'?';return n.split(' ').map(w=>w[0]).join('').toUpperCase().slice(0,2);}
 function pickColor(s){const c=['#111','#131313','#0f0f0f','#151515','#181818'];let h=0;for(let i=0;i<s.length;i++)h=s.charCodeAt(i)+((h<<5)-h);return c[Math.abs(h)%c.length];}
 function badge(){return`<svg class="v-badge" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>`;}

index.html

@@ -8,7 +8,7 @@
 <title>Loom</title>
 <link rel="icon" type="image/svg+xml" href="logo.svg">
 <link rel="preconnect" href="https://fonts.googleapis.com">
-<link href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,400&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,400&display=swap" rel="stylesheet">
 <script type="module">
   import{initializeApp}from'https://www.gstatic.com/firebasejs/10.12.0/firebase-app.js';
   import{getAuth,createUserWithEmailAndPassword,signInWithEmailAndPassword,onAuthStateChanged,signOut,updateProfile}from'https://www.gstatic.com/firebasejs/10.12.0/firebase-auth.js';
@@ -32,55 +32,49 @@
   <div class="auth-card">
     <div class="auth-logo">
       <img src="logo.svg" class="auth-logo-img" alt="">
-      <span class="logo-text">Loom</span>
+      <span class="logo-text font-serif">Loom</span>
     </div>
-    <p class="auth-tagline">Communicate. Share. Connect.</p>
-
+    <p class="auth-tagline">Conectează-te cu lumea ta</p>
     <div class="auth-tabs">
-      <button class="auth-tab active" onclick="switchAuthTab('login')">Sign In</button>
-      <button class="auth-tab" onclick="switchAuthTab('register')">Create Account</button>
+      <button class="auth-tab active" onclick="switchAuthTab('login')">Autentificare</button>
+      <button class="auth-tab" onclick="switchAuthTab('register')">Înregistrare</button>
     </div>
-
-    <!-- LOGIN -->
     <div id="login-form" class="auth-form">
       <div class="input-group">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
-        <input type="text" id="li-user" placeholder="Username or Email" autocomplete="off" autocapitalize="off" onkeydown="if(event.key==='Enter')handleLogin()">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
+        <input type="text" id="li-user" placeholder="Utilizator sau email" autocomplete="username">
       </div>
       <div class="input-group">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
-        <input type="password" id="li-pass" placeholder="Password" onkeydown="if(event.key==='Enter')handleLogin()">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
+        <input type="password" id="li-pass" placeholder="Parolă" autocomplete="current-password" onkeydown="if(event.key==='Enter')handleLogin()">
       </div>
       <button class="btn-primary" onclick="handleLogin()">
-        <span id="li-text">Sign In</span>
-        <div class="btn-spinner hidden" id="li-spin"></div>
+        <span id="li-text">Autentificare</span>
+        <span id="li-spin" class="btn-spinner hidden"></span>
       </button>
     </div>
-
-    <!-- REGISTER -->
     <div id="register-form" class="auth-form hidden">
       <div class="input-group">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
-        <input type="text" id="re-name" placeholder="Full Name" autocapitalize="words">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
+        <input type="text" id="re-name" placeholder="Nume complet">
       </div>
       <div class="input-group">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="10"/><path d="M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32"/></svg>
-        <input type="text" id="re-user" placeholder="Username" autocapitalize="off" autocomplete="off">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
+        <input type="text" id="re-user" placeholder="Nume de utilizator">
       </div>
       <div class="input-group">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
         <input type="email" id="re-email" placeholder="Email">
       </div>
       <div class="input-group">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
-        <input type="password" id="re-pass" placeholder="Password (min 6)" onkeydown="if(event.key==='Enter')handleRegister()">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
+        <input type="password" id="re-pass" placeholder="Parolă (min. 6 caractere)" onkeydown="if(event.key==='Enter')handleRegister()">
       </div>
       <button class="btn-primary" onclick="handleRegister()">
-        <span id="re-text">Create Account</span>
-        <div class="btn-spinner hidden" id="re-spin"></div>
+        <span id="re-text">Creează cont</span>
+        <span id="re-spin" class="btn-spinner hidden"></span>
       </button>
     </div>
-
     <p class="auth-error hidden" id="auth-error"></p>
   </div>
 </div>
@@ -88,41 +82,15 @@
 <!-- ═══ APP ═══ -->
 <div id="app" class="hidden">
 
-  <!-- BOTTOM NAVBAR -->
-  <aside class="sidebar">
-    <nav class="sidebar-nav">
-      <div class="nav-item active" data-page="feed" onclick="navigateTo('feed')" title="Feed">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
-      </div>
-      <div class="nav-item" data-page="chat" onclick="navigateTo('chat')" title="Messages">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
-        <span class="nav-badge hidden" id="msg-badge">0</span>
-      </div>
-      <div class="nav-item" data-page="notifications" onclick="navigateTo('notifications')" title="Notifications">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>
-        <span class="nav-badge hidden" id="notif-badge">0</span>
-      </div>
-      <div class="nav-item" data-page="explore" onclick="navigateTo('explore')" title="Explore">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
-      </div>
-      <div class="nav-item" data-page="profile" onclick="navigateTo('profile')" title="Profile">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
-      </div>
-      <div class="nav-item" onclick="openSettings()" title="Settings">
-        <div class="avatar xs" id="sb-avatar"></div>
-      </div>
-    </nav>
-  </aside>
-
-  <!-- MAIN -->
+  <!-- MAIN CONTENT -->
   <main class="main-content">
 
     <!-- FEED -->
     <div id="pg-feed" class="page active">
-      <div class="page-header glass-header">
+      <div class="page-header">
         <h1 class="page-title font-serif">Feed</h1>
         <div class="header-actions">
-          <button class="icon-btn" onclick="openNewPost()">
+          <button class="icon-btn" onclick="openNewPost()" title="Post nou">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
           </button>
         </div>
@@ -136,7 +104,7 @@
                 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
               </div>
             </div>
-            <span class="story-label">Your Story</span>
+            <span class="story-label">Story tău</span>
           </div>
         </div>
       </div>
@@ -149,10 +117,9 @@
     <!-- CHAT -->
     <div id="pg-chat" class="page">
       <div class="chat-layout" id="chat-layout">
-        <!-- List -->
         <div class="chat-sidebar">
           <div class="chat-sidebar-header">
-            <h2 class="font-serif">Messages</h2>
+            <h2 class="font-serif">Mesaje</h2>
             <button class="icon-btn" onclick="openNewChat()">
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
             </button>
@@ -160,127 +127,142 @@
           <div class="chat-search-area">
             <div class="search-bar">
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
-              <input type="text" id="chat-search-input" placeholder="Search..." oninput="filterChats()">
+              <input type="text" id="chat-search-input" placeholder="Caută..." oninput="filterChats()">
             </div>
           </div>
           <div class="chat-tabs-row">
-            <button class="chat-tab active" onclick="switchChatTab('all',this)">All</button>
+            <button class="chat-tab active" onclick="switchChatTab('all',this)">Toate</button>
             <button class="chat-tab" onclick="switchChatTab('secret',this)">Secret</button>
-            <button class="chat-tab" onclick="switchChatTab('hidden',this)">Hidden</button>
+            <button class="chat-tab" onclick="switchChatTab('hidden',this)">Ascuns</button>
           </div>
           <div class="chat-list-scroll" id="chat-list"></div>
         </div>
-        <!-- Window -->
         <div class="chat-main" id="chat-main">
           <div class="chat-empty-state">
             <div class="chat-empty-icon">
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
             </div>
-            <p>Select a conversation</p>
-            <span>or start a new one →</span>
+            <p>Selectează o conversație</p>
+            <span>sau începe una nouă →</span>
           </div>
         </div>
       </div>
     </div>
 
-    <!-- NOTIFICATIONS -->
+    <!-- NOTIFICĂRI -->
     <div id="pg-notifications" class="page">
-      <div class="page-header glass-header">
-        <h1 class="page-title font-serif">Notifications</h1>
-        <button class="icon-btn" onclick="clearAllNotifications()" title="Clear all">
+      <div class="page-header">
+        <h1 class="page-title font-serif">Notificări</h1>
+        <button class="icon-btn" onclick="clearAllNotifications()" title="Șterge tot">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
         </button>
       </div>
       <div class="notif-list" id="notif-list"></div>
     </div>
 
-    <!-- EXPLORE -->
+    <!-- EXPLORARE -->
     <div id="pg-explore" class="page">
-      <div class="page-header glass-header">
-        <h1 class="page-title font-serif">Explore</h1>
+      <div class="page-header">
+        <h1 class="page-title font-serif">Explorare</h1>
       </div>
       <div class="explore-search-wrap">
         <div class="search-bar large">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
-          <input type="text" id="explore-input" placeholder="Search users..." oninput="searchUsers()">
+          <input type="text" id="explore-input" placeholder="Caută utilizatori..." oninput="searchUsers()">
         </div>
       </div>
       <div id="explore-results"></div>
       <div class="explore-section">
-        <p class="section-label">All Users</p>
+        <p class="section-label">Toți utilizatorii</p>
         <div id="explore-suggested"></div>
       </div>
     </div>
 
-    <!-- PROFILE -->
+    <!-- PROFIL -->
     <div id="pg-profile" class="page">
       <div id="profile-content"></div>
     </div>
 
   </main>
 
-  <!-- RIGHT PANEL -->
-  <aside class="right-panel">
-    <div>
-      <p class="section-label">Suggested</p>
-      <div id="right-suggested"></div>
+  <!-- NAVBAR JOS -->
+  <nav class="bottom-nav">
+    <div class="nav-item active" data-page="feed" onclick="navigateTo('feed')">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
+      <span>Feed</span>
+    </div>
+    <div class="nav-item" data-page="chat" onclick="navigateTo('chat')">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
+      <span>Mesaje</span>
+      <div class="nav-badge hidden" id="msg-badge">0</div>
     </div>
-    <div>
-      <p class="section-label">Trending</p>
-      <div id="trending-tags"></div>
+    <div class="nav-item" data-page="notifications" onclick="navigateTo('notifications')">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>
+      <span>Notificări</span>
+      <div class="nav-badge hidden" id="notif-badge">0</div>
+    </div>
+    <div class="nav-item" data-page="explore" onclick="navigateTo('explore')">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
+      <span>Explorare</span>
+    </div>
+    <div class="nav-item" data-page="profile" onclick="navigateTo('profile')">
+      <div class="nav-av-wrap">
+        <div class="avatar xs" id="sb-avatar"></div>
+      </div>
+      <span>Profil</span>
     </div>
-  </aside>
+  </nav>
 
 </div><!-- /app -->
 
 <!-- ═══ MODALS ═══ -->
 
-<!-- NEW POST -->
+<!-- POST NOU -->
 <div class="modal-overlay hidden" id="new-post-modal" onclick="if(event.target===this)closeModal('new-post-modal')">
-  <div class="modal glass-modal">
+  <div class="modal">
     <div class="modal-header">
-      <h2 class="font-serif">New Post</h2>
+      <h2 class="font-serif">Post Nou</h2>
       <button class="modal-close" onclick="closeModal('new-post-modal')"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
     </div>
     <div class="modal-body">
       <div class="composer-row">
         <div class="avatar sm" id="composer-av"></div>
-        <textarea id="post-text-input" class="post-textarea" placeholder="What's on your mind?" rows="3"></textarea>
+        <textarea id="post-text-input" class="post-textarea" placeholder="Ce gândești?" rows="3"></textarea>
       </div>
       <div id="post-img-preview" class="hidden"></div>
       <div class="composer-toolbar">
         <label class="toolbar-btn">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>
-          Photo
+          Foto
           <input type="file" accept="image/*" id="post-img-input" onchange="previewPostImg()" hidden>
         </label>
       </div>
-      <button class="btn-primary" onclick="submitPost()">Post ✦</button>
+      <button class="btn-primary" onclick="submitPost()">Publică ✦</button>
     </div>
   </div>
 </div>
 
-<!-- ADD STORY -->
+<!-- ADAUGĂ STORY -->
 <div class="modal-overlay hidden" id="add-story-modal" onclick="if(event.target===this)closeModal('add-story-modal')">
-  <div class="modal glass-modal">
+  <div class="modal">
     <div class="modal-header">
-      <h2 class="font-serif">Add Story</h2>
+      <h2 class="font-serif">Adaugă Story</h2>
       <button class="modal-close" onclick="closeModal('add-story-modal')"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
     </div>
     <div class="modal-body">
       <label class="upload-area" id="story-upload-label">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>
-        <span>Tap to select photo</span>
+        <span>Apasă pentru a selecta o poză</span>
         <input type="file" accept="image/*" id="story-img-input" onchange="previewStory()" hidden>
       </label>
       <div id="story-preview" class="hidden story-preview-wrap"><img id="story-preview-img" alt=""></div>
-      <input type="text" id="story-text-input" class="auth-input" placeholder="Add text (optional)">
-      <button class="btn-primary" onclick="submitStory()">Share Story</button>
+      <input type="text" id="story-text-input" class="auth-input" placeholder="Adaugă text (opțional)">
+      <button class="btn-primary" onclick="submitStory()">Distribuie Story</button>
     </div>
   </div>
 </div>
 
-<!-- STORY VIEWER -->
+<!-- VIZUALIZATOR STORY -->
 <div class="story-viewer hidden" id="story-viewer">
   <div class="story-bg" id="sv-bg"></div>
   <div class="story-progress-bar"><div class="story-progress" id="sv-prog"></div></div>
@@ -296,32 +278,32 @@
   <div class="story-nav-l" onclick="prevStory()"></div>
   <div class="story-nav-r" onclick="nextStory()"></div>
   <div class="story-viewers hidden" id="sv-viewers">
-    <p class="sv-viewers-label">Viewers</p>
+    <p class="sv-viewers-label">Vizualizatori</p>
     <div id="sv-viewers-list"></div>
   </div>
 </div>
 
-<!-- COMMENTS -->
+<!-- COMENTARII -->
 <div class="modal-overlay hidden" id="comments-modal" onclick="if(event.target===this)closeModal('comments-modal')">
-  <div class="modal glass-modal tall-modal">
+  <div class="modal tall-modal">
     <div class="modal-header">
-      <h2 class="font-serif">Comments</h2>
+      <h2 class="font-serif">Comentarii</h2>
       <button class="modal-close" onclick="closeModal('comments-modal')"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
     </div>
     <div class="comments-list" id="comments-list"></div>
     <div class="comment-compose">
       <div class="avatar xs" id="comment-avatar"></div>
-      <input type="text" id="comment-input" class="comment-field" placeholder="Add a comment..." onkeydown="if(event.key==='Enter')submitComment()">
+      <input type="text" id="comment-input" class="comment-field" placeholder="Adaugă un comentariu..." onkeydown="if(event.key==='Enter')submitComment()">
       <button class="send-icon-btn" onclick="submitComment()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg></button>
     </div>
   </div>
 </div>
 
-<!-- SETTINGS -->
+<!-- SETĂRI -->
 <div class="modal-overlay hidden" id="settings-modal" onclick="if(event.target===this)closeModal('settings-modal')">
-  <div class="modal glass-modal">
+  <div class="modal">
     <div class="modal-header">
-      <h2 class="font-serif">Settings</h2>
+      <h2 class="font-serif">Setări</h2>
       <button class="modal-close" onclick="closeModal('settings-modal')"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
     </div>
     <div class="modal-body">
@@ -331,55 +313,55 @@
           <div class="change-avatar-overlay"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg></div>
           <input type="file" accept="image/*" id="avatar-upload" onchange="changeAvatar()" hidden>
         </label>
-        <p class="settings-avatar-hint">Tap to change photo</p>
+        <p class="settings-avatar-hint">Apasă pentru a schimba poza</p>
       </div>
-      <input type="text" id="settings-name" class="auth-input" placeholder="Full Name">
-      <input type="text" id="settings-bio" class="auth-input" placeholder="Bio (optional)">
+      <input type="text" id="settings-name" class="auth-input" placeholder="Nume complet">
+      <input type="text" id="settings-bio" class="auth-input" placeholder="Bio (opțional)">
       <div class="toggle-row">
-        <div><p class="toggle-label">Private Account</p><p class="toggle-sub">Only approved followers see your posts</p></div>
+        <div><p class="toggle-label">Cont privat</p><p class="toggle-sub">Doar urmăritorii aprobați îți văd postările</p></div>
         <div class="toggle" id="private-toggle" onclick="this.classList.toggle('on')"><div class="toggle-knob"></div></div>
       </div>
-      <button class="btn-primary" onclick="saveSettings()">Save Changes</button>
-      <button class="btn-ghost" onclick="handleLogout()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>Sign Out</button>
+      <button class="btn-primary" onclick="saveSettings()">Salvează</button>
+      <button class="btn-ghost" onclick="handleLogout()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>Deconectare</button>
     </div>
   </div>
 </div>
 
-<!-- NEW CHAT -->
+<!-- CHAT NOU -->
 <div class="modal-overlay hidden" id="new-chat-modal" onclick="if(event.target===this)closeModal('new-chat-modal')">
-  <div class="modal glass-modal">
+  <div class="modal">
     <div class="modal-header">
-      <h2 class="font-serif">New Message</h2>
+      <h2 class="font-serif">Mesaj Nou</h2>
       <button class="modal-close" onclick="closeModal('new-chat-modal')"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
     </div>
     <div class="modal-body">
-      <div class="search-bar"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg><input type="text" id="new-chat-search" placeholder="Search users..." oninput="searchNewChat()"></div>
+      <div class="search-bar"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg><input type="text" id="new-chat-search" placeholder="Caută utilizatori..." oninput="searchNewChat()"></div>
       <div id="new-chat-results"></div>
       <div class="toggle-row">
-        <div><p class="toggle-label">Secret Chat</p><p class="toggle-sub">Encrypted appearance, hidden from list</p></div>
+        <div><p class="toggle-label">Chat Secret</p><p class="toggle-sub">Apare criptat, ascuns din listă</p></div>
         <div class="toggle" id="secret-toggle" onclick="this.classList.toggle('on')"><div class="toggle-knob"></div></div>
       </div>
     </div>
   </div>
 </div>
 
-<!-- VERIFY -->
+<!-- VERIFICARE -->
 <div class="modal-overlay hidden" id="verify-modal" onclick="if(event.target===this)closeModal('verify-modal')">
-  <div class="modal glass-modal">
+  <div class="modal">
     <div class="modal-header">
-      <h2 class="font-serif">Verify Account</h2>
+      <h2 class="font-serif">Verifică Contul</h2>
       <button class="modal-close" onclick="closeModal('verify-modal')"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
     </div>
     <div class="modal-body">
       <div id="verify-step-1">
-        <p class="modal-desc">Submit your details to request verification from the creator.</p>
-        <input type="email" id="verify-email" class="auth-input" placeholder="Email address">
-        <input type="tel" id="verify-phone" class="auth-input" placeholder="Phone number">
-        <input type="text" id="verify-realname" class="auth-input" placeholder="Real name">
-        <button class="btn-primary" onclick="submitVerifyRequest()">Request Verification</button>
+        <p class="modal-desc">Trimite detaliile tale pentru a solicita verificarea de la creator.</p>
+        <input type="email" id="verify-email" class="auth-input" placeholder="Adresă de email">
+        <input type="tel" id="verify-phone" class="auth-input" placeholder="Număr de telefon">
+        <input type="text" id="verify-realname" class="auth-input" placeholder="Nume real">
+        <button class="btn-primary" onclick="submitVerifyRequest()">Solicită Verificarea</button>
       </div>
       <div id="verify-step-2" class="hidden">
-        <p class="modal-desc">Enter the 6-digit code sent by the creator.</p>
+        <p class="modal-desc">Introdu codul de 6 cifre trimis de creator.</p>
         <div class="code-grid">
           <input type="text" maxlength="1" class="code-box" oninput="codeNext(this,0)" onkeydown="codeBack(event,this,0)">
           <input type="text" maxlength="1" class="code-box" oninput="codeNext(this,1)" onkeydown="codeBack(event,this,1)">
@@ -388,7 +370,7 @@
           <input type="text" maxlength="1" class="code-box" oninput="codeNext(this,4)" onkeydown="codeBack(event,this,4)">
           <input type="text" maxlength="1" class="code-box" oninput="codeNext(this,5)" onkeydown="codeBack(event,this,5)">
         </div>
-        <button class="btn-primary" onclick="submitVerifyCode()">Confirm Code</button>
+        <button class="btn-primary" onclick="submitVerifyCode()">Confirmă Codul</button>
       </div>
     </div>
   </div>
@@ -396,15 +378,15 @@
 
 <!-- PIN -->
 <div class="modal-overlay hidden" id="pin-modal" onclick="if(event.target===this)closeModal('pin-modal')">
-  <div class="modal glass-modal small-modal">
+  <div class="modal small-modal">
     <div class="modal-header">
-      <h2 class="font-serif">Protected 🔒</h2>
+      <h2 class="font-serif">Protejat 🔒</h2>
       <button class="modal-close" onclick="closeModal('pin-modal')"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
     </div>
     <div class="modal-body">
-      <p class="modal-desc">Enter PIN to unlock this chat</p>
+      <p class="modal-desc">Introdu PIN-ul pentru a debloca acest chat</p>
       <input type="password" id="pin-input" class="auth-input" placeholder="PIN" maxlength="6" onkeydown="if(event.key==='Enter')submitPin()">
-      <button class="btn-primary" onclick="submitPin()">Unlock</button>
+      <button class="btn-primary" onclick="submitPin()">Deblochează</button>
     </div>
   </div>
 </div>
@@ -415,7 +397,7 @@
     <div class="streak-emoji">🔥</div>
     <h2 class="streak-title font-serif" id="streak-title"></h2>
     <p class="streak-desc" id="streak-desc"></p>
-    <button class="btn-primary" onclick="closeStreakModal()">Awesome! 🎉</button>
+    <button class="btn-primary" onclick="closeStreakModal()">Super! 🎉</button>
   </div>
 </div>
 

style.css

@@ -1,509 +1,502 @@
-@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,400&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,400&display=swap');
 
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
 
 :root{
-  /* Dark theme: black bg, white UI */
-  --black:#000;
-  --white:#fff;
   --bg:#0a0a0a;
-  --surface:#111;
-  --surface2:#1a1a1a;
-  --surface3:#222;
-  --border:rgba(255,255,255,.08);
-  --border2:rgba(255,255,255,.14);
-  --text:#fff;
-  --text2:rgba(255,255,255,.85);
-  --text3:rgba(255,255,255,.45);
-  --text4:rgba(255,255,255,.25);
-  --r:14px;--r-sm:10px;--r-xs:7px;
-  --shadow:0 2px 14px rgba(0,0,0,.5);
-  --shadow-md:0 4px 28px rgba(0,0,0,.7);
-  --ease:cubic-bezier(.4,0,.2,1);--t:.2s var(--ease);
-  --font:'Geist',system-ui,sans-serif;
+  --s1:#111111;
+  --s2:#1a1a1a;
+  --s3:#242424;
+  --s4:#2e2e2e;
+  --b1:rgba(255,255,255,.07);
+  --b2:rgba(255,255,255,.13);
+  --b3:rgba(255,255,255,.22);
+  --t1:#ffffff;
+  --t2:rgba(255,255,255,.80);
+  --t3:rgba(255,255,255,.45);
+  --t4:rgba(255,255,255,.22);
+  --r:14px;--rsm:10px;--rxs:7px;
+  --sh:0 2px 16px rgba(0,0,0,.6);
+  --shmd:0 6px 32px rgba(0,0,0,.75);
+  --ease:cubic-bezier(.4,0,.2,1);
+  --t:.18s var(--ease);
+  --font:'Inter',system-ui,sans-serif;
   --serif:'Playfair Display',Georgia,serif;
-  --nb:58px; /* navbar height */
+  --nb:62px;
 }
 
-html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased;}
+html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--t1);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased;}
 .font-serif{font-family:var(--serif);}
 .hidden{display:none!important;}
-::-webkit-scrollbar{width:3px;height:3px;}
-::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px;}
-::-webkit-scrollbar-track{background:transparent;}
+::-webkit-scrollbar{width:3px;}::-webkit-scrollbar-thumb{background:var(--s3);}::-webkit-scrollbar-track{background:transparent;}
 
 /* ── AUTH ── */
-#auth-screen{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px;animation:fadeIn .3s;}
+#auth-screen{
+  position:fixed;inset:0;z-index:999;
+  display:flex;align-items:center;justify-content:center;
+  background:var(--bg);padding:24px;
+  animation:fadeIn .3s;
+}
 .auth-card{width:100%;max-width:360px;display:flex;flex-direction:column;animation:slideUp .4s var(--ease);}
-.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
-.auth-logo-img{width:28px;height:28px;color:var(--white);}
-.logo-text{font-family:var(--serif);font-size:26px;letter-spacing:-.5px;color:var(--white);}
-.auth-tagline{font-size:12px;color:var(--text3);margin-bottom:28px;}
-.auth-tabs{display:flex;background:var(--surface2);border-radius:var(--r-sm);padding:3px;margin-bottom:20px;}
-.auth-tab{flex:1;padding:8px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text3);border:none;background:none;font-family:var(--font);transition:var(--t);}
-.auth-tab.active{background:var(--surface3);color:var(--white);}
+.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:5px;}
+.auth-logo-img{width:26px;height:26px;}
+.logo-text{font-size:26px;letter-spacing:-.5px;color:var(--t1);}
+.auth-tagline{font-size:12px;color:var(--t3);margin-bottom:24px;}
+.auth-tabs{display:flex;background:var(--s2);border-radius:var(--rsm);padding:3px;margin-bottom:18px;border:1px solid var(--b1);}
+.auth-tab{flex:1;padding:9px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;color:var(--t3);border:none;background:none;font-family:var(--font);transition:var(--t);}
+.auth-tab.active{background:var(--s3);color:var(--t1);}
 .auth-form{display:flex;flex-direction:column;gap:10px;}
-.input-group{display:flex;align-items:center;gap:10px;background:var(--surface2);border:1.5px solid transparent;border-radius:var(--r-sm);padding:11px 14px;transition:var(--t);}
-.input-group:focus-within{border-color:var(--white);background:var(--surface3);}
-.input-group svg{width:15px;height:15px;color:var(--text3);flex-shrink:0;}
-.input-group input{flex:1;background:none;border:none;outline:none;color:var(--white);font-family:var(--font);font-size:13px;}
-.input-group input::placeholder{color:var(--text4);}
-input.auth-input{background:var(--surface2);border:1.5px solid transparent;border-radius:var(--r-sm);padding:11px 14px;font-family:var(--font);font-size:13px;color:var(--white);outline:none;width:100%;display:block;transition:var(--t);}
-input.auth-input:focus{border-color:var(--white);background:var(--surface3);}
-input.auth-input::placeholder{color:var(--text4);}
-.btn-primary{background:var(--white);color:var(--black);border:none;border-radius:var(--r-sm);padding:13px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:var(--t);width:100%;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;}
-.btn-primary:hover{opacity:.86;transform:translateY(-1px);}
+.input-group{display:flex;align-items:center;gap:10px;background:var(--s2);border:1.5px solid transparent;border-radius:var(--rsm);padding:12px 14px;transition:var(--t);}
+.input-group:focus-within{border-color:var(--b3);background:var(--s3);}
+.input-group svg{width:15px;height:15px;color:var(--t3);flex-shrink:0;}
+.input-group input{flex:1;background:none;border:none;outline:none;color:var(--t1);font-family:var(--font);font-size:13px;}
+.input-group input::placeholder{color:var(--t4);}
+input.auth-input{background:var(--s2);border:1.5px solid transparent;border-radius:var(--rsm);padding:12px 14px;font-family:var(--font);font-size:13px;color:var(--t1);outline:none;width:100%;display:block;transition:var(--t);}
+input.auth-input:focus{border-color:var(--b3);background:var(--s3);}
+input.auth-input::placeholder{color:var(--t4);}
+.btn-primary{background:var(--t1);color:#000;border:none;border-radius:var(--rsm);padding:13px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:var(--t);width:100%;display:flex;align-items:center;justify-content:center;gap:7px;}
+.btn-primary:hover{opacity:.88;transform:translateY(-1px);}
 .btn-primary:active{transform:translateY(0);}
-.btn-ghost{background:transparent;color:var(--text3);border:1.5px solid var(--border2);border-radius:var(--r-sm);padding:11px;font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;transition:var(--t);width:100%;display:flex;align-items:center;justify-content:center;gap:6px;}
-.btn-ghost:hover{color:var(--white);border-color:var(--white);}
+.btn-ghost{background:transparent;color:var(--t3);border:1.5px solid var(--b2);border-radius:var(--rsm);padding:11px;font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;transition:var(--t);width:100%;display:flex;align-items:center;justify-content:center;gap:7px;}
+.btn-ghost:hover{color:var(--t1);border-color:var(--b3);}
 .btn-ghost svg{width:13px;height:13px;}
-.btn-spinner{width:13px;height:13px;border:2px solid rgba(0,0,0,.25);border-top-color:var(--black);border-radius:50%;animation:spin .7s linear infinite;}
-.auth-error{color:#ff6b6b;font-size:11px;text-align:center;margin-top:4px;}
-
-/* ── APP SHELL — bottom navbar layout ── */
-#app{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);animation:fadeIn .25s;}
+.btn-spinner{width:13px;height:13px;border:2px solid rgba(0,0,0,.25);border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite;}
+.auth-error{color:#ff6b6b;font-size:11px;text-align:center;margin-top:6px;}
+
+/* ── APP SHELL ── */
+#app{
+  height:100dvh;
+  display:flex;
+  flex-direction:column;
+  overflow:hidden;
+  background:var(--bg);
+}
+.main-content{
+  flex:1;
+  display:flex;
+  flex-direction:column;
+  overflow:hidden;
+  min-height:0;
+}
 
 /* ── BOTTOM NAVBAR ── */
-.sidebar{
-  height:var(--nb);min-height:var(--nb);
-  width:100%;flex-shrink:0;
+.bottom-nav{
+  height:var(--nb);
+  flex-shrink:0;
   background:rgba(10,10,10,.97);
-  border-top:1px solid var(--border);
-  display:flex;flex-direction:row;align-items:center;
-  justify-content:space-around;
-  padding:0 8px;
-  order:2; /* Push to bottom */
-  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
-  position:relative;z-index:50;
-}
-/* Hide old sidebar-specific elements */
-.sidebar-logo{display:none!important;}
-.sidebar-logo-img{display:none!important;}
-.sidebar-bottom{display:none!important;}
-.sidebar-nav{
-  display:flex;flex-direction:row;align-items:center;
-  justify-content:space-around;flex:1;padding:0;gap:0;
+  border-top:1px solid var(--b1);
+  display:flex;
+  align-items:stretch;
+  position:relative;
+  z-index:100;
+  backdrop-filter:blur(20px);
+  -webkit-backdrop-filter:blur(20px);
 }
 .nav-item{
-  display:flex;flex-direction:column;align-items:center;justify-content:center;
-  padding:8px 16px;cursor:pointer;border-radius:12px;
-  color:var(--text3);transition:var(--t);position:relative;user-select:none;
-  flex:1;gap:3px;min-width:0;
+  flex:1;
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  justify-content:center;
+  gap:3px;
+  cursor:pointer;
+  color:var(--t3);
+  transition:var(--t);
+  position:relative;
+  user-select:none;
+  padding:6px 4px;
+  -webkit-tap-highlight-color:transparent;
 }
-.nav-item svg{width:22px;height:22px;stroke-width:1.8;}
-.nav-item:hover{color:var(--text2);}
-.nav-item.active{color:var(--white);}
+.nav-item svg{width:22px;height:22px;stroke-width:1.8;transition:var(--t);}
+.nav-item span{font-size:10px;font-weight:500;letter-spacing:.1px;}
+.nav-item:hover{color:rgba(255,255,255,.6);}
+.nav-item.active{color:var(--t1);}
 .nav-item.active svg{stroke-width:2.2;}
 .nav-badge{
-  position:absolute;top:4px;right:calc(50% - 22px);
-  background:var(--white);color:var(--black);
+  position:absolute;top:5px;right:calc(50% - 22px);
+  background:var(--t1);color:#000;
   font-size:9px;font-weight:700;border-radius:20px;
-  padding:1px 5px;min-width:15px;text-align:center;line-height:1.4;
-}
-/* Profile button in bottom nav */
-.sidebar-user{
-  display:flex;flex-direction:column;align-items:center;justify-content:center;
-  padding:8px 16px;cursor:pointer;border-radius:12px;
-  transition:var(--t);flex:1;gap:3px;color:var(--text3);
-}
-.sidebar-user:hover{color:var(--text2);}
-
-/* ── AVATAR ── */
-.avatar{
-  border-radius:50%;background:var(--surface2);
-  display:flex;align-items:center;justify-content:center;
-  font-weight:600;overflow:hidden;flex-shrink:0;
-  color:rgba(255,255,255,.6);
-  border:1.5px solid var(--border2);
-  background-size:cover;background-position:center;
+  padding:1px 5px;min-width:16px;text-align:center;line-height:1.5;
 }
-.avatar.xs{width:26px;height:26px;font-size:9px;}
-.avatar.sm{width:34px;height:34px;font-size:12px;}
-.avatar.md{width:40px;height:40px;font-size:14px;}
-.avatar.lg{width:66px;height:66px;font-size:22px;}
-.avatar.xl{width:84px;height:84px;font-size:28px;}
-.avatar-wrap{position:relative;flex-shrink:0;}
-.avatar-wrap.has-story::before{content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--white);pointer-events:none;}
+.nav-av-wrap{display:flex;align-items:center;justify-content:center;}
+.nav-av-wrap .avatar{border:2px solid var(--b2);}
+.nav-item.active .nav-av-wrap .avatar{border-color:var(--t1);}
 
-/* ── MAIN CONTENT AREA (above bottom nav) ── */
-.main-content{
-  flex:1;display:flex;flex-direction:column;
-  overflow:hidden;min-width:0;
-  order:1; /* Main area on top */
-}
-.page{display:none;flex:1;flex-direction:column;overflow-y:auto;overflow-x:hidden;}
+/* ── PAGES ── */
+.page{display:none;flex:1;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0;}
 .page.active{display:flex;animation:pageFadeIn .2s var(--ease);}
 
 /* PAGE HEADER */
 .page-header{
-  padding:14px 18px 12px;border-bottom:1px solid var(--border);
+  padding:16px 18px 14px;
+  border-bottom:1px solid var(--b1);
   display:flex;align-items:center;justify-content:space-between;
   flex-shrink:0;position:sticky;top:0;z-index:20;
-  background:rgba(10,10,10,.94);backdrop-filter:blur(12px);
+  background:rgba(10,10,10,.94);
+  backdrop-filter:blur(12px);
 }
-.page-title{font-size:19px;letter-spacing:-.4px;font-weight:700;color:var(--white);}
+.page-title{font-size:20px;letter-spacing:-.4px;font-weight:700;color:var(--t1);}
 .header-actions{display:flex;gap:6px;}
 .icon-btn{
-  width:32px;height:32px;border-radius:50%;
-  background:var(--surface2);border:1px solid var(--border);
+  width:33px;height:33px;border-radius:50%;
+  background:var(--s2);border:1px solid var(--b1);
   display:flex;align-items:center;justify-content:center;
-  cursor:pointer;transition:var(--t);color:var(--text3);
+  cursor:pointer;transition:var(--t);color:var(--t3);
 }
-.icon-btn:hover{border-color:var(--white);color:var(--white);}
+.icon-btn:hover{border-color:var(--b2);color:var(--t1);}
 .icon-btn svg{width:14px;height:14px;}
 
-/* RIGHT PANEL — hidden on small, shown on wide */
-.right-panel{display:none;}
-@media(min-width:1100px){
-  #app{flex-direction:row;}
-  .sidebar{
-    height:100%;width:64px;min-height:unset;
-    flex-direction:column;justify-content:flex-start;
-    border-top:none;border-right:1px solid var(--border);
-    padding:0;order:0;
-  }
-  .sidebar-nav{flex-direction:column;justify-content:flex-start;padding:8px 6px;flex:1;gap:2px;}
-  .nav-item{flex-direction:row;padding:12px 0;justify-content:center;flex:none;width:100%;}
-  .sidebar-bottom{display:flex!important;padding:6px 6px 14px;border-top:1px solid var(--border);}
-  .sidebar-user{flex-direction:row;justify-content:center;padding:8px 0;flex:none;width:100%;}
-  .main-content{order:1;}
-  .right-panel{display:flex;width:220px;min-width:220px;border-left:1px solid var(--border);padding:16px 14px;overflow-y:auto;flex-direction:column;gap:20px;flex-shrink:0;background:var(--surface);}
+/* ── AVATAR ── */
+.avatar{
+  border-radius:50%;background:var(--s2);
+  display:flex;align-items:center;justify-content:center;
+  font-weight:600;overflow:hidden;flex-shrink:0;
+  color:rgba(255,255,255,.55);
+  border:1.5px solid var(--b1);
+  background-size:cover;background-position:center;
 }
-
-.section-label{font-size:10px;color:var(--text3);font-weight:700;letter-spacing:.9px;text-transform:uppercase;margin-bottom:12px;}
-.sug-item{display:flex;align-items:center;gap:9px;margin-bottom:12px;}
-.sug-info{flex:1;min-width:0;}
-.sug-name{font-size:12px;font-weight:600;display:flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-.sug-handle{font-size:11px;color:var(--text3);}
-.follow-btn{font-size:11px;font-weight:600;background:var(--white);color:var(--black);border:none;border-radius:20px;padding:5px 12px;cursor:pointer;font-family:var(--font);transition:var(--t);white-space:nowrap;}
-.follow-btn.following{background:var(--surface3);color:var(--text2);border:1px solid var(--border2);}
-.trending-item{display:flex;justify-content:space-between;padding:8px 10px;border-radius:var(--r-xs);background:var(--surface2);margin-bottom:5px;cursor:pointer;transition:var(--t);}
-.trending-item:hover{background:var(--surface3);}
-.trending-name{font-size:12px;font-weight:500;}
-.trending-count{font-size:11px;color:var(--text3);}
+.avatar.xs{width:26px;height:26px;font-size:9px;}
+.avatar.sm{width:34px;height:34px;font-size:12px;}
+.avatar.md{width:42px;height:42px;font-size:14px;}
+.avatar.lg{width:68px;height:68px;font-size:22px;}
+.avatar.xl{width:86px;height:86px;font-size:28px;}
+.avatar-wrap{position:relative;flex-shrink:0;}
+.avatar-wrap.has-story::before{content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--t1);pointer-events:none;}
 
 /* ── STORIES ── */
-.stories-section{border-bottom:1px solid var(--border);padding:12px 0;flex-shrink:0;}
-.stories-scroll{display:flex;gap:12px;padding:0 18px;overflow-x:auto;}
+.stories-section{border-bottom:1px solid var(--b1);padding:14px 0;flex-shrink:0;}
+.stories-scroll{display:flex;gap:14px;padding:0 18px;overflow-x:auto;}
 .stories-scroll::-webkit-scrollbar{display:none;}
 .story-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;flex-shrink:0;transition:transform .15s;}
 .story-item:hover{transform:translateY(-2px);}
-.story-ring{width:54px;height:54px;border-radius:50%;border:2px solid var(--white);padding:2px;background:var(--bg);position:relative;}
+.story-ring{width:56px;height:56px;border-radius:50%;border:2px solid var(--t1);padding:2px;background:var(--bg);position:relative;}
 .story-ring .avatar{width:100%;height:100%;border:none;}
-.add-ring{border-color:var(--border2);border-style:dashed;}
-.add-story-icon{position:absolute;bottom:-1px;right:-1px;width:17px;height:17px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg);}
-.add-story-icon svg{width:8px;height:8px;color:var(--black);}
-.story-label{font-size:10px;color:var(--text3);white-space:nowrap;max-width:56px;overflow:hidden;text-overflow:ellipsis;text-align:center;}
+.add-ring{border-color:var(--b2);border-style:dashed;}
+.add-story-icon{position:absolute;bottom:-1px;right:-1px;width:18px;height:18px;background:var(--t1);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg);}
+.add-story-icon svg{width:8px;height:8px;color:#000;}
+.story-label{font-size:10px;color:var(--t3);white-space:nowrap;max-width:60px;overflow:hidden;text-overflow:ellipsis;text-align:center;}
 
 /* ── POSTS ── */
-.skeleton-post{height:96px;margin:12px 18px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;border-radius:var(--r);animation:shimmer 1.5s infinite;}
-.post{border-bottom:1px solid var(--border);padding:14px 18px;transition:background .12s;}
+.skeleton-post{height:100px;margin:14px 18px;background:linear-gradient(90deg,var(--s1) 25%,var(--s2) 50%,var(--s1) 75%);background-size:200% 100%;border-radius:var(--r);animation:shimmer 1.5s infinite;}
+.post{border-bottom:1px solid var(--b1);padding:16px 18px;transition:background .12s;}
 .post.new-post{animation:postFadeIn .22s var(--ease);}
-.post:hover{background:rgba(255,255,255,.02);}
-.post-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
+.post:hover{background:rgba(255,255,255,.015);}
+.post-header{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
 .post-user{flex:1;cursor:pointer;}
-.post-name{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:4px;}
-.post-time{font-size:11px;color:var(--text3);margin-top:2px;}
-.post-menu-btn{color:var(--text3);cursor:pointer;padding:5px;border-radius:50%;transition:var(--t);}
-.post-menu-btn:hover{color:var(--white);background:var(--surface2);}
+.post-name{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:4px;color:var(--t1);}
+.post-time{font-size:11px;color:var(--t3);margin-top:2px;}
+.post-menu-btn{color:var(--t3);cursor:pointer;padding:5px;border-radius:50%;transition:var(--t);}
+.post-menu-btn:hover{color:var(--t1);background:var(--s2);}
 .post-menu-btn svg{width:14px;height:14px;display:block;}
-.post-text{font-size:13px;line-height:1.6;color:var(--text2);margin-bottom:10px;}
-.post-img{width:100%;border-radius:var(--r);overflow:hidden;margin-bottom:10px;border:1px solid var(--border);}
+.post-text{font-size:13px;line-height:1.65;color:var(--t2);margin-bottom:11px;}
+.post-img{width:100%;border-radius:var(--r);overflow:hidden;margin-bottom:11px;border:1px solid var(--b1);}
 .post-img img{width:100%;display:block;max-height:360px;object-fit:cover;cursor:zoom-in;}
-.post-actions{display:flex;gap:18px;padding-top:3px;}
-.post-action{display:flex;align-items:center;gap:5px;color:var(--text3);cursor:pointer;font-size:12px;transition:var(--t);user-select:none;}
-.post-action:hover{color:var(--white);}
-.post-action.liked{color:var(--white);}
+.post-actions{display:flex;gap:20px;padding-top:2px;}
+.post-action{display:flex;align-items:center;gap:5px;color:var(--t3);cursor:pointer;font-size:12px;transition:var(--t);user-select:none;}
+.post-action:hover{color:var(--t1);}
+.post-action.liked{color:var(--t1);}
 .post-action svg{width:15px;height:15px;}
-.v-badge{width:13px;height:13px;flex-shrink:0;color:var(--white);}
-.empty-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text4);}
-.empty-state-center svg{width:40px;height:40px;}
-.empty-state-center p{font-size:13px;color:var(--text3);}
+.v-badge{width:13px;height:13px;flex-shrink:0;}
+.empty-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 20px;color:var(--t4);}
+.empty-state-center svg{width:42px;height:42px;}
+.empty-state-center p{font-size:13px;color:var(--t3);}
 
-/* ── CHAT ── */
+/* ── CHAT LAYOUT ── */
 .chat-layout{display:flex;flex:1;overflow:hidden;position:relative;background:var(--bg);}
-.chat-sidebar{width:100%;min-width:unset;flex-shrink:0;border-right:none;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);transition:transform .28s var(--ease);position:absolute;inset:0;z-index:5;}
-.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--bg);transition:transform .28s var(--ease);position:absolute;inset:0;transform:translateX(110%);}
+.chat-sidebar{
+  width:100%;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;
+  background:var(--bg);transition:transform .28s var(--ease);
+  position:absolute;inset:0;z-index:5;
+}
+.chat-main{
+  flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;
+  background:var(--bg);transition:transform .28s var(--ease);
+  position:absolute;inset:0;transform:translateX(110%);
+}
 .chat-layout.chat-open .chat-sidebar{transform:translateX(-110%);}
 .chat-layout.chat-open .chat-main{transform:translateX(0);}
-.chat-back{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);cursor:pointer;color:var(--text3);flex-shrink:0;}
-.chat-back svg{width:14px;height:14px;}
-@media(min-width:700px){
-  .chat-sidebar{position:relative;width:280px;min-width:280px;border-right:1px solid var(--border);z-index:auto;transform:none!important;}
+@media(min-width:680px){
+  .chat-sidebar{position:relative;width:280px;min-width:280px;border-right:1px solid var(--b1);z-index:auto;transform:none!important;}
   .chat-main{position:relative;transform:none!important;}
-  .chat-back{display:none;}
+  .chat-back{display:none!important;}
   .chat-layout.chat-open .chat-sidebar{transform:none!important;}
 }
-
-.chat-sidebar-header{padding:14px 14px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
-.chat-sidebar-header h2{font-family:var(--serif);font-size:18px;letter-spacing:-.3px;color:var(--white);}
-.chat-search-area{padding:8px 12px;border-bottom:1px solid var(--border);}
-.search-bar{background:var(--surface2);border:1px solid transparent;border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:7px;transition:var(--t);}
-.search-bar:focus-within{border-color:var(--border2);background:var(--surface3);}
-.search-bar.large{border-radius:var(--r);padding:11px 15px;}
-.search-bar svg{width:13px;height:13px;color:var(--text3);flex-shrink:0;}
-.search-bar input{background:none;border:none;outline:none;color:var(--white);font-family:var(--font);font-size:12px;flex:1;min-width:0;}
-.search-bar input::placeholder{color:var(--text4);}
-.chat-tabs-row{display:flex;padding:6px 12px 0;border-bottom:1px solid var(--border);}
-.chat-tab{flex:1;padding:8px 4px;text-align:center;cursor:pointer;font-size:11px;font-weight:500;color:var(--text3);border:none;background:none;font-family:var(--font);border-bottom:2px solid transparent;margin-bottom:-1px;transition:var(--t);}
-.chat-tab.active{color:var(--white);border-bottom-color:var(--white);}
+.chat-back{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:var(--s2);border:1px solid var(--b1);cursor:pointer;color:var(--t3);flex-shrink:0;}
+.chat-back svg{width:14px;height:14px;}
+.chat-sidebar-header{padding:16px 14px 12px;border-bottom:1px solid var(--b1);display:flex;align-items:center;justify-content:space-between;}
+.chat-sidebar-header h2{font-size:19px;letter-spacing:-.3px;color:var(--t1);}
+.chat-search-area{padding:9px 13px;border-bottom:1px solid var(--b1);}
+.search-bar{background:var(--s2);border:1px solid transparent;border-radius:22px;padding:9px 13px;display:flex;align-items:center;gap:8px;transition:var(--t);}
+.search-bar:focus-within{border-color:var(--b2);background:var(--s3);}
+.search-bar.large{border-radius:var(--r);padding:12px 16px;}
+.search-bar svg{width:13px;height:13px;color:var(--t3);flex-shrink:0;}
+.search-bar input{background:none;border:none;outline:none;color:var(--t1);font-family:var(--font);font-size:12px;flex:1;min-width:0;}
+.search-bar input::placeholder{color:var(--t4);}
+.chat-tabs-row{display:flex;padding:6px 13px 0;border-bottom:1px solid var(--b1);}
+.chat-tab{flex:1;padding:9px 4px;text-align:center;cursor:pointer;font-size:11px;font-weight:500;color:var(--t3);border:none;background:none;font-family:var(--font);border-bottom:2px solid transparent;margin-bottom:-1px;transition:var(--t);}
+.chat-tab.active{color:var(--t1);border-bottom-color:var(--t1);}
 .chat-list-scroll{flex:1;overflow-y:auto;}
 
-/* Conv rows */
-.conv-item{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;transition:background .12s;border-bottom:1px solid var(--border);}
+/* Conversații */
+.conv-item{display:flex;align-items:center;gap:11px;padding:13px 14px;cursor:pointer;transition:background .12s;border-bottom:1px solid var(--b1);}
 .conv-item:hover{background:rgba(255,255,255,.03);}
-.conv-item.active{background:rgba(255,255,255,.06);}
+.conv-item.active{background:rgba(255,255,255,.05);}
 .conv-item-body{flex:1;min-width:0;}
 .conv-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:3px;}
-.conv-name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:3px;}
-.conv-time{font-size:10px;color:var(--text3);}
-.conv-preview{font-size:12px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-.conv-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;}
-.conv-unread-dot{width:9px;height:9px;background:var(--white);border-radius:50%;}
+.conv-name{font-size:13px;font-weight:600;color:var(--t1);display:flex;align-items:center;gap:3px;}
+.conv-time{font-size:10px;color:var(--t3);}
+.conv-preview{font-size:12px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+.conv-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
+.conv-unread-dot{width:9px;height:9px;background:var(--t1);border-radius:50%;}
 .conv-streak{font-size:10px;}
 
-/* Chat window */
-.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text3);}
-.chat-empty-state p{font-size:13px;}
-.chat-empty-state span{font-size:11px;color:var(--text4);}
-.chat-empty-icon svg{width:44px;height:44px;color:var(--text4);}
+/* Fereastra chat */
+.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:var(--t3);}
+.chat-empty-state p{font-size:13px;color:var(--t2);}
+.chat-empty-state span{font-size:11px;color:var(--t4);}
+.chat-empty-icon svg{width:46px;height:46px;color:var(--t4);}
 .chat-window{flex:1;display:flex;flex-direction:column;overflow:hidden;}
-.chat-win-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:rgba(10,10,10,.95);backdrop-filter:blur(10px);}
-.chat-win-user{flex:1;min-width:0;}
-.chat-win-name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:5px;}
-.chat-win-sub{font-size:11px;color:var(--text3);margin-top:2px;}
+.chat-win-header{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid var(--b1);flex-shrink:0;background:rgba(10,10,10,.95);backdrop-filter:blur(10px);}
+.chat-win-user{flex:1;min-width:0;cursor:pointer;}
+.chat-win-name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:5px;color:var(--t1);}
+.chat-win-sub{font-size:11px;color:var(--t3);margin-top:2px;}
 .chat-win-actions{display:flex;gap:5px;}
 
-/* Messages area */
-.messages-area{flex:1;overflow-y:auto;padding:16px 14px 8px;display:flex;flex-direction:column;gap:0;scroll-behavior:smooth;background:var(--bg);}
-.date-sep{text-align:center;font-size:10px;color:var(--text3);margin:12px 0 8px;letter-spacing:.5px;}
+/* Zona mesaje */
+.messages-area{
+  flex:1;overflow-y:auto;
+  padding:16px 14px 10px;
+  display:flex;flex-direction:column;
+  gap:0;scroll-behavior:smooth;
+  background:var(--bg);
+}
+.date-sep{text-align:center;font-size:10px;color:var(--t3);margin:14px 0 8px;letter-spacing:.5px;}
 
-/* iMessage bubbles */
-.msg-group{display:flex;flex-direction:column;margin-bottom:10px;}
+/* Bule iMessage */
+.msg-group{display:flex;flex-direction:column;margin-bottom:12px;}
 .msg-group.own{align-items:flex-end;}
-.msg-group.other{align-items:flex-start;padding-left:40px;} /* Space for avatar */
-.msg-row{display:flex;align-items:flex-end;gap:6px;}
+.msg-group.other{align-items:flex-start;padding-left:38px;position:relative;}
+.msg-row{display:flex;align-items:flex-end;gap:6px;position:relative;}
 .msg-row.own{flex-direction:row-reverse;}
-.msg-row.other{position:relative;}
-/* Avatar shown only on first message of group */
-.msg-group.other .msg-row:last-child .msg-avatar{display:flex;}
-.msg-avatar{position:absolute;left:-38px;bottom:0;display:none;}
+.msg-av-abs{position:absolute;left:-38px;bottom:0;}
 
-.bubble{max-width:75%;padding:10px 14px;font-size:13px;line-height:1.52;word-break:break-word;animation:bubblePop .18s var(--ease);}
-.bubble.own{background:var(--white);color:var(--black);border-radius:20px 20px 4px 20px;}
-.bubble.other{background:var(--surface2);color:var(--white);border-radius:20px 20px 20px 4px;}
+.bubble{max-width:78%;padding:10px 14px;font-size:13px;line-height:1.55;word-break:break-word;animation:bubblePop .18s var(--ease);}
+.bubble.own{background:var(--t1);color:#000;border-radius:20px 20px 4px 20px;}
+.bubble.other{background:var(--s2);color:var(--t1);border-radius:20px 20px 20px 4px;}
 .bubble p{margin:0;white-space:pre-wrap;word-break:break-word;}
 .bubble img{max-width:200px;border-radius:12px;display:block;cursor:zoom-in;}
-.bubble-reply{background:rgba(255,255,255,.07);border-left:2.5px solid rgba(255,255,255,.25);border-radius:4px;padding:4px 8px;margin-bottom:6px;font-size:11px;opacity:.7;cursor:pointer;}
-.bubble.own .bubble-reply{background:rgba(0,0,0,.08);border-left-color:rgba(0,0,0,.2);}
-.voice-bubble{display:flex;align-items:center;gap:8px;min-width:140px;}
-.voice-play{width:28px;height:28px;border-radius:50%;flex-shrink:0;cursor:pointer;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;}
-.bubble.own .voice-play{background:rgba(0,0,0,.1);}
-.voice-play svg{width:10px;height:10px;}
-.voice-waveform{flex:1;display:flex;align-items:center;gap:2px;height:22px;}
-.wv{width:2px;border-radius:2px;background:currentColor;opacity:.35;}
-.voice-dur{font-size:10px;opacity:.6;white-space:nowrap;}
-.reactions-row{display:flex;gap:3px;flex-wrap:wrap;margin-top:4px;}
-.reaction-pill{background:var(--surface2);border:1.5px solid var(--border2);border-radius:12px;padding:3px 8px;font-size:11px;cursor:pointer;transition:var(--t);}
-.reaction-pill:hover{border-color:var(--white);}
+.bubble-reply{background:rgba(255,255,255,.07);border-left:2.5px solid rgba(255,255,255,.25);border-radius:5px;padding:5px 9px;margin-bottom:7px;font-size:11px;opacity:.7;cursor:pointer;}
+.bubble.own .bubble-reply{background:rgba(0,0,0,.1);border-left-color:rgba(0,0,0,.2);}
+.reactions-row{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px;}
+.reaction-pill{background:var(--s2);border:1.5px solid var(--b2);border-radius:13px;padding:3px 8px;font-size:11px;cursor:pointer;transition:var(--t);}
+.reaction-pill:hover{border-color:var(--t1);}
 .msg-group.own .reactions-row{justify-content:flex-end;}
-.msg-meta{font-size:9px;color:var(--text4);margin-top:3px;padding:0 4px;}
+.msg-meta{font-size:9px;color:var(--t4);margin-top:4px;padding:0 5px;}
 .msg-group.own .msg-meta{text-align:right;}
 
-/* INPUT ZONE */
-.chat-input-zone{padding:10px 14px 14px;border-top:1px solid var(--border);flex-shrink:0;background:rgba(10,10,10,.97);backdrop-filter:blur(10px);}
-.reply-bar{display:flex;align-items:center;gap:7px;padding:6px 10px;margin-bottom:8px;background:var(--surface2);border-radius:var(--r-xs);border-left:2.5px solid var(--white);}
-.reply-bar-text{flex:1;font-size:11px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.reply-cancel{cursor:pointer;color:var(--text3);}
+/* Input mesaj */
+.chat-input-zone{padding:10px 14px 14px;border-top:1px solid var(--b1);flex-shrink:0;background:rgba(10,10,10,.97);backdrop-filter:blur(10px);}
+.reply-bar{display:flex;align-items:center;gap:8px;padding:7px 11px;margin-bottom:9px;background:var(--s2);border-radius:var(--rxs);border-left:2.5px solid var(--t1);}
+.reply-bar-text{flex:1;font-size:11px;color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.reply-cancel{cursor:pointer;color:var(--t3);}
 .reply-cancel svg{width:11px;height:11px;display:block;}
-.input-row{display:flex;align-items:flex-end;gap:8px;}
-.input-wrap{flex:1;display:flex;align-items:flex-end;gap:6px;background:var(--surface2);border:1.5px solid transparent;border-radius:24px;padding:9px 14px;transition:var(--t);min-width:0;}
-.input-wrap:focus-within{border-color:rgba(255,255,255,.3);background:var(--surface3);}
-.chat-textarea{flex:1;background:none;border:none;outline:none;color:var(--white);font-family:var(--font);font-size:13px;resize:none;max-height:80px;line-height:1.45;min-width:0;}
-.chat-textarea::placeholder{color:var(--text4);}
-.input-action{color:var(--text3);cursor:pointer;transition:var(--t);display:flex;align-items:center;flex-shrink:0;padding:2px;}
-.input-action:hover{color:var(--white);}
+.input-row{display:flex;align-items:flex-end;gap:9px;}
+.input-wrap{flex:1;display:flex;align-items:flex-end;gap:7px;background:var(--s2);border:1.5px solid transparent;border-radius:24px;padding:10px 14px;transition:var(--t);min-width:0;}
+.input-wrap:focus-within{border-color:var(--b3);background:var(--s3);}
+.chat-textarea{flex:1;background:none;border:none;outline:none;color:var(--t1);font-family:var(--font);font-size:13px;resize:none;max-height:80px;line-height:1.45;min-width:0;}
+.chat-textarea::placeholder{color:var(--t4);}
+.input-action{color:var(--t3);cursor:pointer;transition:var(--t);display:flex;align-items:center;flex-shrink:0;padding:2px;}
+.input-action:hover{color:var(--t1);}
 .input-action svg{width:17px;height:17px;}
-.gif-label{font-size:10px;font-weight:800;letter-spacing:.3px;}
-.send-btn{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:var(--t);}
+.send-btn{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:var(--t1);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:var(--t);}
 .send-btn:hover{opacity:.82;transform:scale(1.05);}
-.send-btn:active{transform:scale(.95);}
-.send-btn svg{width:15px;height:15px;color:var(--black);margin-left:2px;}
-.emoji-picker{position:fixed;z-index:9000;background:var(--surface);border:1.5px solid var(--border2);border-radius:var(--r);padding:10px;display:flex;flex-wrap:wrap;gap:3px;max-width:260px;box-shadow:var(--shadow-md);animation:fadeInUp .15s;}
-.emoji-opt{font-size:21px;cursor:pointer;padding:4px;border-radius:5px;transition:transform .1s;}
+.send-btn:active{transform:scale(.96);}
+.send-btn svg{width:15px;height:15px;color:#000;margin-left:2px;}
+.emoji-picker{position:fixed;z-index:9000;background:var(--s1);border:1.5px solid var(--b2);border-radius:var(--r);padding:10px;display:flex;flex-wrap:wrap;gap:3px;max-width:260px;box-shadow:var(--shmd);animation:fadeInUp .15s;}
+.emoji-opt{font-size:22px;cursor:pointer;padding:4px;border-radius:6px;transition:transform .1s;}
 .emoji-opt:hover{transform:scale(1.35);}
 
-/* NOTIFS */
+/* ── NOTIFICĂRI ── */
 .notif-list{flex:1;overflow-y:auto;}
-.notif-item{display:flex;align-items:center;gap:11px;padding:12px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--t);}
+.notif-item{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--b1);cursor:pointer;transition:var(--t);}
 .notif-item:hover{background:rgba(255,255,255,.02);}
-.notif-icon{width:32px;height:32px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;}
-.notif-text{flex:1;font-size:12px;line-height:1.5;}
-.notif-time{font-size:10px;color:var(--text3);flex-shrink:0;}
+.notif-icon{width:33px;height:33px;border-radius:50%;background:var(--s2);border:1px solid var(--b1);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;}
+.notif-text{flex:1;font-size:12px;line-height:1.55;}
+.notif-time{font-size:10px;color:var(--t3);flex-shrink:0;}
 
-/* EXPLORE */
-.explore-search-wrap{padding:12px 18px;border-bottom:1px solid var(--border);}
+/* ── EXPLORARE ── */
+.explore-search-wrap{padding:13px 18px;border-bottom:1px solid var(--b1);}
 .explore-section{padding:16px 18px;}
-.explore-user-item{display:flex;align-items:center;gap:11px;padding:10px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--t);}
+.explore-user-item{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--b1);cursor:pointer;transition:var(--t);}
 .explore-user-item:hover{background:rgba(255,255,255,.02);}
 .exu-info{flex:1;min-width:0;}
-.exu-name{font-size:12px;font-weight:600;display:flex;align-items:center;gap:3px;}
-.exu-handle{font-size:11px;color:var(--text3);}
-.exu-count{font-size:10px;color:var(--text4);}
-
-/* PROFILE */
-.profile-header{padding:22px 18px 16px;border-bottom:1px solid var(--border);}
+.exu-name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:3px;color:var(--t1);}
+.exu-handle{font-size:11px;color:var(--t3);}
+.exu-count{font-size:10px;color:var(--t4);margin-top:1px;}
+
+/* ── PROFIL ── */
+.profile-back-bar{padding:13px 18px 0;display:flex;align-items:center;gap:9px;flex-shrink:0;}
+.profile-back-btn{width:32px;height:32px;border-radius:50%;background:var(--s2);border:1px solid var(--b1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t3);flex-shrink:0;transition:var(--t);}
+.profile-back-btn:hover{color:var(--t1);border-color:var(--b2);}
+.profile-back-btn svg{width:14px;height:14px;}
+.profile-back-name{font-size:13px;font-weight:600;color:var(--t3);}
+.profile-header{padding:22px 18px 18px;border-bottom:1px solid var(--b1);flex-shrink:0;}
 .profile-top{display:flex;gap:18px;align-items:flex-start;}
 .profile-info{flex:1;min-width:0;}
-.profile-name{font-family:var(--serif);font-size:21px;letter-spacing:-.3px;display:flex;align-items:center;gap:6px;color:var(--white);}
-.profile-handle{font-size:12px;color:var(--text3);margin:3px 0 8px;}
-.profile-bio{font-size:12px;line-height:1.6;color:var(--text2);margin-bottom:13px;}
-.profile-stats{display:flex;gap:22px;}
+.profile-name{font-size:21px;letter-spacing:-.3px;display:flex;align-items:center;gap:6px;color:var(--t1);}
+.profile-handle{font-size:12px;color:var(--t3);margin:3px 0 9px;}
+.profile-bio{font-size:12px;line-height:1.65;color:var(--t2);margin-bottom:14px;}
+.profile-stats{display:flex;gap:24px;}
 .pstat{text-align:center;cursor:pointer;}
-.pstat-num{font-size:16px;font-weight:700;letter-spacing:-.2px;}
-.pstat-label{font-size:10px;color:var(--text3);}
-.profile-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;}
-.prof-follow-btn{flex:1;min-width:80px;padding:10px;border-radius:var(--r-sm);background:var(--white);color:var(--black);border:none;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:var(--t);}
-.prof-follow-btn.following{background:transparent;color:var(--white);border:1.5px solid var(--border2);}
-.prof-msg-btn{padding:10px 14px;border-radius:var(--r-sm);background:var(--surface2);border:1.5px solid var(--border2);color:var(--white);font-family:var(--font);font-size:12px;cursor:pointer;transition:var(--t);}
-.prof-msg-btn:hover{border-color:var(--white);}
-.check-profile-btn{padding:10px 13px;border-radius:var(--r-sm);background:var(--surface2);border:1.5px solid var(--border);color:var(--text3);cursor:pointer;font-family:var(--font);font-size:12px;transition:var(--t);display:flex;align-items:center;gap:5px;}
-.check-profile-btn:hover{border-color:var(--white);color:var(--white);}
+.pstat-num{font-size:16px;font-weight:700;letter-spacing:-.2px;color:var(--t1);}
+.pstat-label{font-size:10px;color:var(--t3);margin-top:2px;}
+.profile-actions{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap;}
+.prof-follow-btn{flex:1;min-width:80px;padding:10px;border-radius:var(--rsm);background:var(--t1);color:#000;border:none;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:var(--t);}
+.prof-follow-btn:hover{opacity:.86;}
+.prof-follow-btn.following{background:transparent;color:var(--t1);border:1.5px solid var(--b2);}
+.prof-msg-btn{padding:10px 14px;border-radius:var(--rsm);background:var(--s2);border:1.5px solid var(--b1);color:var(--t1);font-family:var(--font);font-size:12px;cursor:pointer;transition:var(--t);}
+.prof-msg-btn:hover{border-color:var(--b2);}
+.check-profile-btn{padding:9px 13px;border-radius:var(--rsm);background:var(--s2);border:1.5px solid var(--b1);color:var(--t3);cursor:pointer;font-family:var(--font);font-size:12px;transition:var(--t);display:flex;align-items:center;gap:5px;}
+.check-profile-btn:hover{border-color:var(--b2);color:var(--t1);}
 .check-profile-btn svg{width:12px;height:12px;}
 .posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
-.grid-post{aspect-ratio:1;background:var(--surface2);overflow:hidden;cursor:pointer;position:relative;}
-.grid-post:hover::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.3);}
+.grid-post{aspect-ratio:1;background:var(--s2);overflow:hidden;cursor:pointer;position:relative;}
+.grid-post::after{content:'';position:absolute;inset:0;opacity:0;transition:var(--t);background:rgba(0,0,0,.3);}
+.grid-post:hover::after{opacity:1;}
 .grid-post img{width:100%;height:100%;object-fit:cover;}
-.grid-post-text{display:flex;align-items:center;justify-content:center;padding:8px;font-size:11px;color:var(--text3);text-align:center;}
-.private-notice{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--text3);text-align:center;}
-.private-notice svg{width:32px;height:32px;}
+.grid-post-text{display:flex;align-items:center;justify-content:center;padding:8px;font-size:11px;color:var(--t3);text-align:center;height:100%;}
+.private-notice{display:flex;flex-direction:column;align-items:center;gap:13px;padding:50px 20px;color:var(--t3);text-align:center;}
+.private-notice svg{width:34px;height:34px;}
+.private-notice p{font-size:13px;}
+
+/* ── SUGESTII (panou dreapta) ── */
+.section-label{font-size:10px;color:var(--t3);font-weight:700;letter-spacing:.9px;text-transform:uppercase;margin-bottom:12px;}
+.sug-item{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
+.sug-info{flex:1;min-width:0;}
+.sug-name{font-size:12px;font-weight:600;display:flex;align-items:center;gap:3px;color:var(--t1);}
+.sug-handle{font-size:11px;color:var(--t3);}
+.follow-btn{font-size:11px;font-weight:600;background:var(--t1);color:#000;border:none;border-radius:20px;padding:5px 12px;cursor:pointer;font-family:var(--font);transition:var(--t);white-space:nowrap;}
+.follow-btn.following{background:var(--s3);color:var(--t2);border:1px solid var(--b2);}
 
-/* MODALS */
+/* ── MODALS ── */
 .modal-overlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .16s;}
-.modal{width:100%;max-width:420px;border-radius:20px;box-shadow:var(--shadow-md);max-height:88vh;overflow-y:auto;animation:slideUp .22s var(--ease);background:var(--surface);border:1px solid var(--border2);}
+.modal{width:100%;max-width:420px;border-radius:20px;box-shadow:var(--shmd);max-height:88vh;overflow-y:auto;animation:slideUp .22s var(--ease);background:var(--s1);border:1px solid var(--b2);}
 .modal::-webkit-scrollbar{display:none;}
-.glass-modal{background:var(--surface);}
-.tall-modal{max-height:74vh;display:flex;flex-direction:column;}
+.tall-modal{max-height:75vh;display:flex;flex-direction:column;}
 .small-modal{max-width:320px;}
-.modal-header{padding:16px 20px 13px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--surface);z-index:5;}
-.modal-header h2{font-family:var(--serif);font-size:17px;letter-spacing:-.2px;color:var(--white);}
-.modal-close{width:28px;height:28px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--t);color:var(--text3);}
-.modal-close:hover{border-color:var(--white);color:var(--white);}
+.modal-header{padding:16px 20px 14px;border-bottom:1px solid var(--b1);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--s1);z-index:5;}
+.modal-header h2{font-size:18px;letter-spacing:-.2px;color:var(--t1);}
+.modal-close{width:29px;height:29px;border-radius:50%;background:var(--s2);border:1px solid var(--b1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--t);color:var(--t3);}
+.modal-close:hover{border-color:var(--b2);color:var(--t1);}
 .modal-close svg{width:12px;height:12px;}
-.modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:10px;}
-.modal-desc{font-size:12px;color:var(--text3);line-height:1.6;}
-.composer-row{display:flex;gap:10px;align-items:flex-start;}
-.post-textarea{flex:1;background:none;border:none;outline:none;color:var(--white);font-family:var(--font);font-size:13px;resize:none;line-height:1.58;min-height:56px;}
-.post-textarea::placeholder{color:var(--text4);}
-.composer-toolbar{display:flex;gap:6px;}
-.toolbar-btn{display:flex;align-items:center;gap:5px;color:var(--text3);font-size:12px;cursor:pointer;padding:7px 11px;border-radius:var(--r-xs);background:var(--surface2);border:1px solid var(--border);transition:var(--t);}
-.toolbar-btn:hover{color:var(--white);border-color:var(--border2);}
+.modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:11px;}
+.modal-desc{font-size:12px;color:var(--t3);line-height:1.65;}
+.composer-row{display:flex;gap:11px;align-items:flex-start;}
+.post-textarea{flex:1;background:none;border:none;outline:none;color:var(--t1);font-family:var(--font);font-size:13px;resize:none;line-height:1.6;min-height:60px;}
+.post-textarea::placeholder{color:var(--t4);}
+.composer-toolbar{display:flex;gap:7px;}
+.toolbar-btn{display:flex;align-items:center;gap:5px;color:var(--t3);font-size:12px;cursor:pointer;padding:7px 12px;border-radius:var(--rxs);background:var(--s2);border:1px solid var(--b1);transition:var(--t);font-family:var(--font);}
+.toolbar-btn:hover{color:var(--t1);border-color:var(--b2);}
 .toolbar-btn svg{width:12px;height:12px;}
-.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 16px;border:1.5px dashed var(--border2);border-radius:var(--r);cursor:pointer;transition:var(--t);color:var(--text3);}
-.upload-area:hover{border-color:var(--white);background:rgba(255,255,255,.03);}
-.upload-area svg{width:30px;height:30px;}
-.story-preview-wrap img{width:100%;max-height:160px;object-fit:cover;border-radius:var(--r-sm);}
+.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:32px 16px;border:1.5px dashed var(--b2);border-radius:var(--r);cursor:pointer;transition:var(--t);color:var(--t3);}
+.upload-area:hover{border-color:var(--t1);background:rgba(255,255,255,.03);}
+.upload-area svg{width:32px;height:32px;}
+.story-preview-wrap img{width:100%;max-height:160px;object-fit:cover;border-radius:var(--rsm);}
 .code-grid{display:flex;gap:7px;justify-content:center;}
-.code-box{width:42px;height:50px;text-align:center;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-sm);color:var(--white);font-size:20px;font-weight:700;font-family:var(--font);outline:none;transition:var(--t);}
-.code-box:focus{border-color:var(--white);}
-.settings-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--border);}
+.code-box{width:43px;height:52px;text-align:center;background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--rsm);color:var(--t1);font-size:20px;font-weight:700;font-family:var(--font);outline:none;transition:var(--t);}
+.code-box:focus{border-color:var(--t1);}
+.settings-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--b1);}
 .change-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--t);}
 label:hover .change-avatar-overlay{opacity:1;}
-.change-avatar-overlay svg{width:16px;height:16px;color:var(--white);}
-.settings-avatar-hint{font-size:11px;color:var(--text3);}
-.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;}
-.toggle-label{font-size:13px;font-weight:500;}
-.toggle-sub{font-size:11px;color:var(--text3);margin-top:1px;}
-.toggle{width:40px;height:23px;border-radius:12px;background:var(--surface3);border:1.5px solid var(--border2);cursor:pointer;position:relative;transition:var(--t);flex-shrink:0;}
-.toggle.on{background:var(--white);border-color:var(--white);}
-.toggle-knob{width:16px;height:16px;border-radius:50%;background:var(--text3);position:absolute;top:2px;left:2px;transition:var(--t);}
-.toggle.on .toggle-knob{background:var(--black);left:19px;}
+.change-avatar-overlay svg{width:16px;height:16px;color:var(--t1);}
+.settings-avatar-hint{font-size:11px;color:var(--t3);}
+.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:11px;padding:9px 0;}
+.toggle-label{font-size:13px;font-weight:500;color:var(--t1);}
+.toggle-sub{font-size:11px;color:var(--t3);margin-top:2px;}
+.toggle{width:40px;height:23px;border-radius:12px;background:var(--s3);border:1.5px solid var(--b2);cursor:pointer;position:relative;transition:var(--t);flex-shrink:0;}
+.toggle.on{background:var(--t1);border-color:var(--t1);}
+.toggle-knob{width:16px;height:16px;border-radius:50%;background:var(--t3);position:absolute;top:2px;left:2px;transition:var(--t);}
+.toggle.on .toggle-knob{background:#000;left:19px;}
 #new-chat-results{max-height:220px;overflow-y:auto;}
-.ncu-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r-xs);cursor:pointer;transition:var(--t);}
+.ncu-item{display:flex;align-items:center;gap:10px;padding:9px;border-radius:var(--rxs);cursor:pointer;transition:var(--t);}
 .ncu-item:hover{background:rgba(255,255,255,.04);}
-.ncu-name{font-size:12px;font-weight:600;display:flex;align-items:center;gap:3px;}
-.ncu-handle{font-size:11px;color:var(--text3);}
+.ncu-name{font-size:12px;font-weight:600;display:flex;align-items:center;gap:3px;color:var(--t1);}
+.ncu-handle{font-size:11px;color:var(--t3);}
 .post-img-preview-item{position:relative;display:inline-block;}
-.post-img-preview-item img{max-height:96px;border-radius:var(--r-xs);display:block;}
-.remove-img{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--surface);}
-.remove-img svg{width:8px;height:8px;color:var(--black);}
+.post-img-preview-item img{max-height:98px;border-radius:var(--rxs);display:block;}
+.remove-img{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--t1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--s1);}
+.remove-img svg{width:8px;height:8px;color:#000;}
 
-/* STORY VIEWER */
+/* ── STORY VIEWER ── */
 .story-viewer{position:fixed;inset:0;z-index:900;background:#000;display:flex;flex-direction:column;animation:fadeIn .18s;}
 .story-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(30px) brightness(.2);}
-.story-progress-bar{position:absolute;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.2);z-index:10;}
-.story-progress{height:100%;background:var(--white);transition:width .1s linear;}
-.story-top-bar{position:absolute;top:12px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;z-index:10;}
+.story-progress-bar{position:absolute;top:0;left:0;right:0;height:2.5px;background:rgba(255,255,255,.2);z-index:10;}
+.story-progress{height:100%;background:var(--t1);transition:width .1s linear;}
+.story-top-bar{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;z-index:10;}
 .story-user-info{display:flex;align-items:center;gap:9px;}
-.sv-name{font-size:13px;font-weight:600;color:var(--white);text-shadow:0 1px 8px rgba(0,0,0,.9);}
+.sv-name{font-size:13px;font-weight:600;color:var(--t1);text-shadow:0 1px 8px rgba(0,0,0,.9);}
 .sv-time{font-size:10px;color:rgba(255,255,255,.5);}
-.sv-close{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.15);color:var(--white);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
+.sv-close{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.15);color:var(--t1);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
 .sv-close svg{width:12px;height:12px;}
 .story-img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;z-index:5;}
-/* Story caption: raised higher */
-.story-caption{position:absolute;bottom:100px;left:0;right:0;text-align:center;font-size:15px;font-weight:500;text-shadow:0 2px 12px rgba(0,0,0,.9);z-index:10;padding:0 20px;color:var(--white);}
+.story-caption{position:absolute;bottom:110px;left:0;right:0;text-align:center;font-size:16px;font-weight:500;text-shadow:0 2px 12px rgba(0,0,0,.9);z-index:10;padding:0 24px;color:var(--t1);}
 .story-nav-l,.story-nav-r{position:absolute;top:0;bottom:0;width:35%;z-index:8;cursor:pointer;}
 .story-nav-l{left:0;}.story-nav-r{right:0;}
-.story-viewers{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.86);padding:14px 16px;z-index:10;border-top:1px solid rgba(255,255,255,.08);border-radius:18px 18px 0 0;}
+.story-viewers{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.88);padding:14px 16px;z-index:10;border-top:1px solid rgba(255,255,255,.08);border-radius:18px 18px 0 0;}
 .sv-viewers-label{font-size:10px;color:rgba(255,255,255,.35);margin-bottom:8px;}
 
-/* COMMENTS */
+/* ── COMENTARII ── */
 .comments-list{flex:1;overflow-y:auto;padding:4px 0;min-height:0;}
-.comment-item{display:flex;gap:9px;padding:9px 18px;}
+.comment-item{display:flex;gap:10px;padding:10px 18px;}
 .comment-body{flex:1;min-width:0;}
-.comment-uname{font-size:12px;font-weight:600;}
-.comment-txt{font-size:12px;display:inline;margin-left:5px;line-height:1.52;}
-.comment-actions{display:flex;gap:10px;margin-top:4px;align-items:center;}
-.comment-time{font-size:10px;color:var(--text3);}
-.comment-like-btn{display:flex;align-items:center;gap:3px;color:var(--text3);cursor:pointer;font-size:10px;transition:var(--t);}
-.comment-like-btn:hover{color:var(--white);}
+.comment-uname{font-size:12px;font-weight:600;color:var(--t1);}
+.comment-txt{font-size:12px;display:inline;margin-left:5px;line-height:1.55;color:var(--t2);}
+.comment-actions{display:flex;gap:10px;margin-top:5px;align-items:center;}
+.comment-time{font-size:10px;color:var(--t3);}
+.comment-like-btn{display:flex;align-items:center;gap:3px;color:var(--t3);cursor:pointer;font-size:10px;transition:var(--t);}
+.comment-like-btn:hover{color:var(--t1);}
 .comment-like-btn svg{width:10px;height:10px;}
-.comment-reply-btn{font-size:10px;color:var(--text3);cursor:pointer;transition:var(--t);}
-.comment-reply-btn:hover{color:var(--white);}
-.comment-compose{display:flex;align-items:center;gap:9px;padding:10px 16px;border-top:1px solid var(--border);flex-shrink:0;}
-.comment-field{flex:1;background:var(--surface2);border:1.5px solid transparent;border-radius:20px;padding:9px 14px;color:var(--white);font-family:var(--font);font-size:12px;outline:none;transition:var(--t);}
-.comment-field:focus{border-color:rgba(255,255,255,.3);background:var(--surface3);}
-.comment-field::placeholder{color:var(--text4);}
-.send-icon-btn{width:32px;height:32px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:var(--t);flex-shrink:0;}
+.comment-reply-btn{font-size:10px;color:var(--t3);cursor:pointer;transition:var(--t);}
+.comment-reply-btn:hover{color:var(--t1);}
+.comment-compose{display:flex;align-items:center;gap:9px;padding:11px 16px;border-top:1px solid var(--b1);flex-shrink:0;}
+.comment-field{flex:1;background:var(--s2);border:1.5px solid transparent;border-radius:22px;padding:9px 14px;color:var(--t1);font-family:var(--font);font-size:12px;outline:none;transition:var(--t);}
+.comment-field:focus{border-color:var(--b3);background:var(--s3);}
+.comment-field::placeholder{color:var(--t4);}
+.send-icon-btn{width:33px;height:33px;border-radius:50%;background:var(--t1);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:var(--t);flex-shrink:0;}
 .send-icon-btn:hover{opacity:.84;}
-.send-icon-btn svg{width:12px;height:12px;color:var(--black);margin-left:1px;}
-
-/* STREAK */
-.streak-overlay{position:fixed;inset:0;z-index:600;background:rgba(0,0,0,.85);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;animation:fadeIn .18s;}
-.streak-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;animation:slideUp .3s var(--ease);background:var(--surface);border:1px solid var(--border2);border-radius:24px;padding:36px 32px;max-width:280px;width:100%;box-shadow:var(--shadow-md);}
-.streak-emoji{font-size:60px;animation:pulse 1s infinite;}
-.streak-title{font-size:26px;letter-spacing:-.5px;font-family:var(--serif);}
-.streak-desc{font-size:12px;color:var(--text3);max-width:200px;line-height:1.6;}
+.send-icon-btn svg{width:12px;height:12px;color:#000;margin-left:1px;}
+
+/* ── STREAK ── */
+.streak-overlay{position:fixed;inset:0;z-index:600;background:rgba(0,0,0,.88);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;animation:fadeIn .18s;}
+.streak-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;animation:slideUp .3s var(--ease);background:var(--s1);border:1px solid var(--b2);border-radius:24px;padding:40px 32px;max-width:280px;width:100%;box-shadow:var(--shmd);}
+.streak-emoji{font-size:62px;animation:pulse 1s infinite;}
+.streak-title{font-size:26px;letter-spacing:-.5px;}
+.streak-desc{font-size:12px;color:var(--t3);max-width:200px;line-height:1.65;}
 .streak-card .btn-primary{max-width:165px;}
 
-/* CTX MENU */
-.ctx-menu{position:fixed;z-index:9999;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-sm);padding:5px;box-shadow:var(--shadow-md);animation:fadeInUp .12s;min-width:165px;}
-.ctx-item{padding:9px 12px;border-radius:var(--r-xs);cursor:pointer;font-size:12px;color:var(--text2);transition:var(--t);display:flex;align-items:center;gap:9px;}
-.ctx-item:hover{background:rgba(255,255,255,.06);color:var(--white);}
+/* ── CTX MENU ── */
+.ctx-menu{position:fixed;z-index:9999;background:var(--s1);border:1px solid var(--b2);border-radius:var(--rsm);padding:5px;box-shadow:var(--shmd);animation:fadeInUp .12s;min-width:165px;}
+.ctx-item{padding:9px 13px;border-radius:var(--rxs);cursor:pointer;font-size:12px;color:var(--t2);transition:var(--t);display:flex;align-items:center;gap:9px;}
+.ctx-item:hover{background:rgba(255,255,255,.06);color:var(--t1);}
 .ctx-item.danger{color:#ff6b6b;}
 .ctx-item.danger:hover{background:rgba(255,80,80,.08);}
 .ctx-item svg{width:13px;height:13px;}
 .ctx-emoji-row{display:flex;gap:3px;padding:6px 8px;flex-wrap:wrap;}
 
-/* TOAST */
-.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--white);color:var(--black);padding:9px 22px;border-radius:40px;font-size:12px;font-weight:600;z-index:9999;box-shadow:var(--shadow-md);animation:toastIn .2s var(--ease);white-space:nowrap;}
+/* ── TOAST ── */
+.toast{position:fixed;bottom:74px;left:50%;transform:translateX(-50%);background:var(--t1);color:#000;padding:9px 22px;border-radius:40px;font-size:12px;font-weight:600;z-index:9999;box-shadow:var(--shmd);animation:toastIn .2s var(--ease);white-space:nowrap;}
 
-/* ANIMATIONS */
+/* ── ANIMAȚII ── */
 @keyframes fadeIn{from{opacity:0}to{opacity:1}}
 @keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
-@keyframes slideUp{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
-@keyframes pageFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
-@keyframes postFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
+@keyframes slideUp{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
+@keyframes pageFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
+@keyframes postFadeIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
 @keyframes bubblePop{from{opacity:0;transform:scale(.92) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}
 @keyframes spin{to{transform:rotate(360deg)}}
 @keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
 @keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(.93)}}
 @keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
 
-/* EXTRA FIXES */
-.prof-back-btn{width:30px;height:30px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text3);flex-shrink:0;}
-.prof-back-btn svg{width:14px;height:14px;}
-/* Fix msg group other avatar spacing */
-.msg-group.other{padding-left:38px;position:relative;}
-.msg-group.other .msg-row{position:relative;}
-.msg-group.other .msg-row .avatar.xs{position:absolute;left:-38px;bottom:0;}
+/* Badge verificat */
+.v-badge{width:13px;height:13px;color:var(--t1);}