@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn-arabic-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn-arabic-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--bg:#f3f1eb;--paper:#fffefb;--ink:#182c35;--muted:#697c80;--line:#dce3df;--accent:#167264;--soft:#e8f2ed;--danger:#b34244;--shadow:0 20px 70px #152f3410;color-scheme:light;font-family:Vazirmatn,Tahoma,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.8}body.dark{--bg:#101a23;--paper:#182630;--ink:#eaf1f1;--muted:#9bb1b7;--line:#2c404a;--accent:#79ceb9;--soft:#203b39;--danger:#ff9292;--shadow:0 20px 70px #0002;color-scheme:dark}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--accent)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #57b6a6;outline-offset:3px}button{border:0;border-radius:12px;padding:12px 18px;background:var(--soft);color:var(--ink)}button.primary{background:var(--accent);color:var(--paper);font-weight:bold}body.dark button.primary{color:#132a28}button.ghost{background:transparent;color:var(--muted)}button.danger{color:var(--danger);background:transparent;border:1px solid var(--line)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:12px 14px;min-height:48px}input[dir=ltr]{text-align:left}input[type=checkbox]{width:20px;min-height:20px}label{display:block;font-size:12px;color:var(--muted);margin:14px 0 6px}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.5}h2{font-size:22px}h3{font-size:16px}.muted{color:var(--muted)}.small{font-size:12px}.row{display:flex;align-items:center;gap:12px}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:12px}.spaced{margin-top:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.auth{max-width:1000px;margin:5vh auto;padding:22px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:85vh}.brandmark{width:78px;height:78px;border-radius:24px;margin-bottom:22px}.brand{padding:20px}.brand .tag{letter-spacing:3px;font:11px Arial;color:var(--muted);margin:22px 0}.brand h1{font-size:54px}.brand p{font-size:19px;color:var(--muted);margin-top:12px}.brand .intro{margin-top:50px;font-size:14px;max-width:300px}.dots{display:flex;gap:8px;direction:ltr;margin-top:30px}.dots i{width:10px;height:10px;border-radius:100%;background:#080808}.dots i:nth-child(2){background:#5096ef}.dots i:nth-child(3){background:#41c48c}.dots i:nth-child(4){background:#b08cec}.dots i:nth-child(5){background:#eac76f}.formtitle{margin-bottom:18px}.auth button.primary{width:100%;margin-top:20px}.authfooter{display:flex;justify-content:center;flex-wrap:wrap;margin-top:10px}.captcha{margin-top:15px;background:#eef3ff;border-radius:12px;display:flex;align-items:center;justify-content:space-between}.captcha img{width:170px;height:60px}.error{color:var(--danger);min-height:22px;margin-top:8px}.shell{display:grid;grid-template-columns:238px 1fr;max-width:1400px;margin:auto;min-height:100vh}.sidebar{padding:30px 20px;border-left:1px solid var(--line);background:var(--paper);position:sticky;top:0;height:100vh}.sidebar .brandmark{width:45px;height:45px;margin:0}.sidebar nav{margin-top:30px;display:flex;flex-direction:column;gap:5px}.sidebar nav button{text-align:right;background:none;padding:11px 14px}.sidebar nav button.active{background:var(--soft);color:var(--accent);font-weight:bold}.sidebar footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.content{min-width:0;padding:28px 36px}.topbar{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.kicker{font-size:11px;color:var(--accent);letter-spacing:1px}.pill{display:inline-flex;border:1px solid var(--line);border-radius:50px;padding:3px 12px;font-size:12px;background:var(--paper)}.avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--soft);color:var(--accent);font-size:22px;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.large{width:90px;height:90px;font-size:40px;border-radius:28px}.tier-free{color:#151515;background:#f6f5ef}.tier-blue{color:#226ab6}.tier-green{color:#14744b}.tier-purple{color:#8050b5}.tier-gold{color:#a0761c}body.dark .tier-blue{color:#78b5ff}body.dark .tier-green{color:#6dddab}body.dark .tier-purple{color:#cea7ff}body.dark .tier-gold{color:#f0d389}.online{width:7px;height:7px;background:#42a980;display:inline-block;border-radius:50%;margin-left:5px}.list{display:flex;flex-direction:column;gap:10px}.person{width:100%;display:flex;align-items:center;text-align:right;background:var(--paper);border:1px solid var(--line);padding:16px;border-radius:16px;gap:14px}.person:hover{border-color:#93beb0}.empty{border:1px dashed var(--line);border-radius:22px;padding:50px 24px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);margin-bottom:8px;font-size:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.prices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.price{padding:20px 16px;border-top:3px solid var(--accent)}.price b{display:block;font-size:20px;margin:15px 0}.price ul{padding-right:16px;font-size:12px;color:var(--muted);min-height:120px}.price button{width:100%}.tablewrap{overflow:auto}.data{border-collapse:collapse;width:100%;font-size:12px}.data td,.data th{padding:12px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}.chatpanel{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;height:calc(100dvh - 125px)}.chathead{padding:16px;border-bottom:1px solid var(--line)}.messages{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:10px;min-height:120px}.bubble{align-self:flex-end;background:var(--soft);border-radius:18px 18px 4px 18px;padding:10px 15px;max-width:85%;word-break:break-word;white-space:pre-wrap}.bubble.other{align-self:flex-start;background:var(--bg);border-radius:18px 18px 18px 4px}.bubble time{display:block;font-size:10px;opacity:.55;text-align:left}.bubble .sticker{font-size:42px}.bubble audio{width:240px;max-width:100%}.composer{padding:12px;display:flex;gap:8px;border-top:1px solid var(--line);align-items:center}.composer input{min-width:30px}.composer button{padding:10px 12px}.roomlayout{display:grid;grid-template-columns:1fr 220px;gap:14px}.roomside{max-height:calc(100dvh - 125px);overflow:auto}.roomside .person{padding:9px}.roomside .avatar{width:30px;height:30px;font-size:16px}.micbar{padding:12px;background:var(--soft);border-top:1px solid var(--line)}.queue{font-size:12px;padding:10px;color:var(--muted)}.modalback{position:fixed;inset:0;background:#08162399;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{max-width:460px;width:100%;max-height:90dvh;overflow:auto}.modal button{margin-top:8px}.rules li{margin-bottom:14px}.metrics{display:flex;gap:12px;margin-bottom:20px}.metrics .card{flex:1}.metrics b{font-size:26px;display:block}.tabs{display:flex;gap:6px;margin:18px 0;overflow:auto}.tabs button{white-space:nowrap}.tabs .active{background:var(--accent);color:var(--paper)}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:92vw;background:#172d35;color:#fff;padding:12px 20px;border-radius:12px;display:none;z-index:30;box-shadow:0 12px 50px #0003}.loading{text-align:center;padding:80px}.menu-toggle{display:none}.connection{font-size:11px;color:var(--muted)}.recording{color:var(--danger);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.4}}.payment{font:20px monospace;direction:ltr;text-align:center;letter-spacing:2px;background:var(--soft);padding:14px;border-radius:12px}.checkrow{display:flex;gap:12px;align-items:center}.hidden{display:none!important}
@media(max-width:1000px){.prices{grid-template-columns:repeat(2,1fr)}.content{padding:24px}.roomlayout{grid-template-columns:1fr}.roomside{max-height:240px}.roomside .list{flex-direction:row;flex-wrap:wrap}.roomside .person{width:auto}.roomlayout .chatpanel{height:60dvh}}
@media(max-width:700px){.auth{display:block;margin:0;padding:24px 18px;min-height:100dvh}.brand{padding:0 8px 26px;text-align:center}.brandmark{width:56px;height:56px;margin-bottom:8px}.brand h1{font-size:30px}.brand p{font-size:14px;margin-top:0}.brand .tag,.brand .intro,.brand .dots{display:none}.card{padding:20px}.shell{display:block}.sidebar{display:none;position:fixed;z-index:8;width:260px;right:0;top:0;box-shadow:0 0 0 100vw #0006;overflow:auto}.sidebar.open{display:block}.content{padding:18px 14px}.topbar{margin-bottom:18px}.menu-toggle{display:block;padding:8px 14px}.topbar h1{font-size:24px}.grid{grid-template-columns:1fr}.chatpanel{height:calc(100dvh - 104px)}.messages{padding:12px}.composer{gap:5px;padding:8px}.composer button{padding:10px}.bubble{max-width:90%}.metrics{flex-wrap:wrap}.metrics .card{min-width:120px;padding:12px}.price ul{min-height:140px}.roomlayout .chatpanel{height:60dvh}.row.wrap button{flex:1}.person{padding:12px}.auth .card{box-shadow:none}.sidebar footer{padding-bottom:20px}}
.password-field{position:relative}.password-field input{padding-left:54px}.password-toggle{position:absolute;left:5px;top:5px;width:42px;height:38px;padding:0;background:transparent;border-radius:10px;color:var(--muted);font-size:18px}.password-toggle.visible{color:var(--accent);background:var(--soft)}label.remember{margin-top:14px;cursor:pointer;color:var(--ink);font-size:13px}label.remember input{margin:0;flex:0 0 auto}.menu-scrim{display:none}.official{display:inline-grid;place-items:center;margin-right:5px;width:17px;height:17px;border-radius:50%;background:#287bc1;color:white;font-size:11px;font-weight:bold}.official-label{font-size:11px;color:#287bc1;background:#eaf4ff;border-radius:20px;padding:3px 9px}.official-contact{text-align:right}.report-message{display:block;margin-top:5px!important;padding:2px 7px!important;background:transparent!important;color:var(--danger)!important;font-size:10px;opacity:.72}.report-message:hover{opacity:1}.roomlayout{grid-template-columns:240px minmax(0,1fr);direction:rtl;align-items:stretch}.roomside,.roomchat{direction:rtl}.roomside{padding:14px;max-height:calc(100dvh - 125px)}.roomside-title{display:flex;align-items:center;justify-content:space-between;padding:5px 4px 12px;border-bottom:1px solid var(--line)}.room-roster{display:flex;flex-direction:column;padding-top:8px}.roster-member{display:flex;align-items:center;gap:9px;text-align:right;background:transparent;border-radius:9px;padding:7px 5px}.roster-member:hover{background:var(--soft)}.roster-member .avatar{width:30px;height:30px;border-radius:9px;font-size:14px}.roster-member small{display:block;min-height:14px}.admin-mark{color:#2674b8;font-size:15px}.owner-mark{font:700 9px Arial;color:#a0761c}.roomhead{display:flex;align-items:center;justify-content:space-between;min-height:74px}.roomhead h3{font-size:18px}.report-card{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:16px}.evidence{background:var(--bg);border-radius:14px;padding:12px}.evidence-message{margin-top:8px;padding:8px 10px;border-right:3px solid var(--line);background:var(--paper);border-radius:8px}.evidence-message.offending{border-right-color:var(--danger);background:#b342440b}.evidence-message small{color:var(--muted)}
@media(max-width:1000px){.roomlayout{grid-template-columns:190px minmax(0,1fr)}.roomside{max-height:calc(100dvh - 125px)}.roomside .room-roster{flex-direction:column;flex-wrap:nowrap}.roomlayout .chatpanel{height:calc(100dvh - 125px)}}
@media(max-width:700px){.sidebar{z-index:12;box-shadow:var(--shadow)}.menu-scrim.open{display:block;position:fixed;inset:0;z-index:11;background:#07131c99;border-radius:0;padding:0}.roomlayout{grid-template-columns:1fr}.roomside{max-height:220px;order:0}.roomchat{order:1}.roomlayout .chatpanel{height:62dvh}.room-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.roster-member{min-width:0}.official-label{display:none}.report-card{padding:12px}}
.room-lock{padding-bottom:18px;border-bottom:1px solid var(--line)}.pin-hint{margin-top:7px;color:var(--accent);font-size:12px;background:var(--soft);padding:7px 10px;border-radius:10px}.room-lock input{text-align:center;direction:ltr;letter-spacing:10px;font-size:20px;font-family:monospace}
.room-card{position:relative;overflow:hidden}.room-card.room-purple{background:linear-gradient(135deg,#f4eafb,var(--paper) 75%);border-color:#c9a7e4}.room-card.room-gold{background:linear-gradient(135deg,#fff1bf,var(--paper) 75%);border-color:#dfc675}.room-card.room-platinum{background:linear-gradient(135deg,#dbe5f0,var(--paper) 75%);border-color:#a6b9cb}.room-card h2{overflow-wrap:anywhere}.room-card .official{vertical-align:middle}.gold-crown{display:inline-block;margin-right:5px;font-size:16px;vertical-align:middle}body.dark .room-card.room-purple{background:linear-gradient(135deg,#51366b,var(--paper) 75%)}body.dark .room-card.room-gold{background:linear-gradient(135deg,#68531c,var(--paper) 75%)}body.dark .room-card.room-platinum{background:linear-gradient(135deg,#405869,var(--paper) 75%)}.chathead>[data-action=viewProfile]{white-space:nowrap}@media(max-width:700px){.chathead>[data-action=viewProfile]{font-size:11px;padding:7px}}
.privacy-copy{white-space:pre-wrap;line-height:2;text-align:right;overflow-wrap:anywhere}.privacy-accept{flex-wrap:wrap;margin-top:18px}.privacy-accept label{margin:0;flex:1;min-width:230px}.privacy-link{padding:3px 10px!important;color:#287bc1!important}.receipt{color:#85919b;font-size:14px;font-family:Arial,sans-serif;letter-spacing:-4px;padding-left:5px}.receipt.read{color:#208af0}.bubble.pending{opacity:.72}
.review-avatar{width:76px;height:76px;object-fit:cover;border-radius:12px;flex:none}