:root{--bg:#0e1117;--panel:#151922;--panel2:#1c212c;--border:#2a3140;--text:#edf1f7;--muted:#8f9aad;--accent:#7c5cff;--accent2:#9c87ff;--bubble:#252b38;--mine:#4939a8;--danger:#e2536c;--ok:#39b980}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,"Noto Sans Hebrew",sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.hidden{display:none!important}
.muted{color:var(--muted)}.tiny{font-size:12px}
.primary-btn{border:0;background:var(--accent);color:white;padding:11px 18px;border-radius:10px;cursor:pointer;font-weight:700}.primary-btn:hover{background:var(--accent2)}.primary-btn.block{display:block;width:100%;text-align:center;margin-top:16px}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#20263a 0,#0e1117 55%)}
.auth-card{width:min(420px,100%);background:rgba(21,25,34,.96);border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.setup-card{width:min(520px,100%)}
.auth-card h1{margin:8px 0 4px}.brand-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);display:grid;place-items:center;font-weight:900}
label{display:block;margin:14px 0 6px;font-size:13px;color:#cbd2df}
input,textarea{width:100%;border:1px solid var(--border);background:#0f131a;color:var(--text);border-radius:10px;padding:11px;outline:none}input:focus,textarea:focus{border-color:var(--accent)}
hr{border:0;border-top:1px solid var(--border);margin:22px 0}
.notice{padding:12px 14px;border-radius:10px;margin:14px 0;font-size:14px}.notice.error{background:rgba(226,83,108,.14);border:1px solid rgba(226,83,108,.35)}.notice.success{background:rgba(57,185,128,.14);border:1px solid rgba(57,185,128,.35)}
.chat-page{height:100vh;overflow:hidden}.app-shell{height:100vh;display:grid;grid-template-columns:360px 1fr;direction:ltr}.sidebar,.conversation{direction:rtl}
.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0}.sidebar-top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border)}.top-actions{display:flex;gap:8px}.top-actions a{width:34px;height:34px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--border);border-radius:9px}
.search-wrap{padding:12px;border-bottom:1px solid var(--border)}.search-wrap input{background:#10141b}
.chat-list{overflow:auto;flex:1}.chat-row{width:100%;border:0;border-bottom:1px solid rgba(42,49,64,.55);background:transparent;color:inherit;padding:12px;display:flex;gap:11px;align-items:center;text-align:right;cursor:pointer}.chat-row:hover,.chat-row.active{background:var(--panel2)}
.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#252a36;flex:0 0 auto}.chat-row-main{min-width:0;flex:1}.chat-row-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-row-line strong,.preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-line>span{font-size:11px;color:var(--muted);flex:0 0 auto}.preview{margin-top:5px}.preview span{font-size:13px}
.list-empty{padding:30px 16px;text-align:center;color:var(--muted)}
.conversation{background:#0f131a;position:relative}.empty-state{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted);padding:20px}.empty-state h2{color:var(--text);margin-bottom:4px}.empty-icon{font-size:42px}
.chat-view{height:100%;display:grid;grid-template-rows:68px 1fr auto}.conversation-header{display:flex;gap:11px;align-items:center;padding:0 18px;background:var(--panel);border-bottom:1px solid var(--border)}.conversation-header .avatar{width:40px;height:40px}.mobile-back{display:none;background:transparent;color:var(--text);border:0;font-size:24px}
.messages{overflow:auto;padding:22px clamp(14px,4vw,58px);background:linear-gradient(rgba(15,19,26,.96),rgba(15,19,26,.96)),radial-gradient(circle at 20% 30%,#2b2550,#0f131a 40%)}
.msg-wrap{display:flex;margin:4px 0}.msg-wrap.mine{justify-content:flex-start}.msg-wrap.theirs{justify-content:flex-end}.msg{max-width:min(72%,640px);padding:9px 11px;border-radius:13px;background:var(--bubble);box-shadow:0 1px 2px rgba(0,0,0,.15)}.mine .msg{background:var(--mine);border-bottom-left-radius:4px}.theirs .msg{border-bottom-right-radius:4px}.msg-body{line-height:1.45;word-break:break-word}.msg-meta{font-size:10px;color:#c0c7d3;margin-top:4px;text-align:left;opacity:.8}.date-sep{text-align:center;margin:14px 0}.date-sep span{font-size:11px;background:#242a35;color:#abb4c2;padding:5px 9px;border-radius:10px}.media-placeholder{color:#c8d0db;font-style:italic}
.composer{display:flex;align-items:flex-end;gap:10px;padding:12px 16px;background:var(--panel);border-top:1px solid var(--border)}.composer textarea{resize:none;min-height:42px;max-height:120px}.composer button{border:0;background:var(--accent);color:white;border-radius:10px;padding:11px 18px;height:42px;cursor:pointer}.composer button:disabled{opacity:.55}
.settings-page{min-height:100vh;background:var(--bg);padding:24px}.settings-shell{max-width:780px;margin:auto}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-header a{color:var(--accent2)}.settings-card{background:var(--panel);border:1px solid var(--border);padding:20px;border-radius:14px;margin-bottom:16px}.settings-card h2{margin-top:0}.settings-card code{display:block;direction:ltr;text-align:left;background:#0b0e13;border:1px solid var(--border);padding:12px;border-radius:8px;overflow:auto}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.conversation{display:none}.chat-open .sidebar{display:none}.chat-open .conversation{display:block}.mobile-back{display:block}.msg{max-width:86%}.settings-page{padding:12px}}
.chat-media{display:block;max-width:min(320px,70vw);max-height:420px;border-radius:10px;object-fit:contain;background:#000}