:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7eef5;background:#09121d;font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #37dfb8;outline-offset:3px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hidden{display:none!important}.app-shell{display:grid;grid-template-columns:370px minmax(0,1fr);width:100%;height:100dvh;min-height:0;background:#0b1420}.sidebar{display:flex;flex-direction:column;min-height:0;background:#111e2a;border-right:1px solid #25323d}.sidebar-head{height:100px;padding:29px 23px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-logo{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:13px;background:#2bdeae;color:#0d302c;font-weight:950;font-size:27px;box-shadow:0 8px 25px #1addaa28;letter-spacing:-3px;padding-right:3px}.brand strong{display:block;font-size:19px;font-weight:800;letter-spacing:-.5px}.brand em{font-style:normal;color:#32e0b2}.brand small{display:block;font-size:11px;font-weight:500;color:#8498a8;margin-top:4px;letter-spacing:.1px}.icon-button{height:39px;width:39px;border:0;border-radius:11px;background:transparent;display:grid;place-items:center;color:#94aabb}.icon-button:hover{background:#233340;color:#efffff}.identity{display:flex;align-items:center;gap:12px;padding:15px 21px;margin:0 19px 20px;border:1px solid #293a48;border-radius:13px;background:#192b36}.me-avatar,.peer-avatar,.list-avatar{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:13px;color:#c6fae9;background:linear-gradient(135deg,#25695c,#1e3e54);font-weight:800;font-size:17px;text-transform:uppercase}.identity>span:nth-child(2){flex:1;min-width:0}.identity b,.conversation-person b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity small,.conversation-person small{display:block;font-size:11px;color:#8ea5b3;margin-top:4px}.online-dot{width:9px;height:9px;border-radius:50%;background:#2cdaa2;box-shadow:0 0 0 4px #2cdaa21b}.chat-controls{display:flex;gap:10px;padding:0 20px 23px}.search-box{height:47px;border:1px solid #263744;border-radius:12px;background:#0e1a26;display:flex;align-items:center;gap:9px;padding:0 13px;flex:1;min-width:0;color:#6f8595}.search-box svg{width:18px;height:18px}.search-box input{border:0;outline:none;min-width:0;width:100%;background:transparent;color:#e4f2f6;font-size:13px}.search-box input::placeholder{color:#6e8493}.new-chat{height:47px;width:47px;flex-shrink:0;color:#0b302a;background:#30dcad;border:0;border-radius:12px;font-weight:400;font-size:30px;line-height:1}.new-chat:hover,.primary-btn:hover{background:#6ef1cd}.sidebar-section-heading{padding:4px 25px 13px;display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:1px;color:#77919e;text-transform:uppercase}.sidebar-section-heading span:nth-child(2){color:#36dab0}.chat-list{overflow-y:auto;flex:1;min-height:0;padding:0 11px}.blank-list{font-size:13px;line-height:1.8;color:#8397a9;text-align:center;padding:38px 24px}.chat-item{width:100%;border:1px solid transparent;background:transparent;border-radius:12px;padding:15px 12px;display:flex;gap:12px;text-align:left;color:#f0fbff;align-items:center;margin:3px 0}.chat-item:hover{background:#1b2d3b}.chat-item.active{background:#1c3440;border-color:#315257}.list-avatar{border-radius:50%;width:45px;height:45px}.chat-item-content{flex:1;min-width:0}.chat-item-content b{display:block;font-size:14px;font-weight:700}.chat-item-content small{display:block;font-size:12px;color:#7f9aa8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:7px}.chat-time{color:#698294;font-size:11px;align-self:flex-start}.sidebar-foot{padding:17px 20px;padding-bottom:max(17px,env(safe-area-inset-bottom));border-top:1px solid #25333f;color:#89a0ac;font-size:10px;display:flex;gap:8px;align-items:center}.private-bullet{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#35daa8}.main-panel{position:relative;display:flex;flex-direction:column;min-height:0;background:radial-gradient(circle at 88% 10%,#123a3d80,transparent 35%),radial-gradient(circle at 4% 85%,#20243c55,transparent 35%),#0b1521}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;max-width:780px;padding:0 30px;margin:0 auto}.welcome-art{width:190px;height:150px;margin-bottom:34px;position:relative}.welcome-art:before{content:"";position:absolute;inset:19px 10px;border:1px solid #254a4f;border-radius:44%;transform:rotate(-16deg)}.welcome-bubble{position:absolute;display:grid;place-items:center;background:#1c3942;border:1px solid #2e615b;color:#54ebc5;border-radius:22px;font-size:44px;box-shadow:0 20px 60px #0018}.welcome-bubble.one{height:100px;width:110px;top:22px;left:39px}.welcome-bubble.two{height:54px;width:54px;top:0;right:0;font-size:25px}.welcome-bubble.three{height:50px;width:50px;bottom:0;left:4px;font-size:28px}.eyebrow{font-size:10px;font-weight:800;color:#34dab0;letter-spacing:2px}.welcome h1{font-size:clamp(30px,4.1vw,51px);line-height:1.18;letter-spacing:-2px;margin:18px 0 15px}.welcome h1 span{color:#35d5a8}.welcome>p:not(.eyebrow){max-width:485px;color:#8fa6b7;font-size:15px;line-height:1.8;margin-bottom:27px}.primary-btn{display:flex;align-items:center;justify-content:center;gap:40px;border:0;color:#10352f;background:#37dbaf;min-height:48px;padding:0 23px;border-radius:12px;font-weight:800;font-size:13px}.primary-btn span{font-size:20px;font-weight:400}.welcome-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:40px}.welcome-tags span{padding:8px 12px;color:#8ea6b4;background:#192b34;border:1px solid #2c4148;font-size:10px;border-radius:30px}.chat-view{display:flex;flex-direction:column;height:100%;min-height:0}.conversation-head{display:flex;align-items:center;gap:13px;flex-shrink:0;padding:16px 27px;height:85px;background:#101f2aba;border-bottom:1px solid #293844}.peer-avatar{border-radius:50%;width:44px;height:44px}.conversation-person{flex:1;min-width:0}.conversation-person b{font-size:16px}.messages-scroller{flex:1;min-height:0;overflow:auto;padding:18px 6% 30px;scroll-behavior:smooth}.conversation-note{margin:4px auto 28px;max-width:420px;text-align:center;color:#748f9e;background:#152630c0;border:1px solid #263942;border-radius:10px;padding:11px 14px;font-size:11px;line-height:1.6}.messages{display:flex;flex-direction:column;gap:13px}.message{display:flex;flex-direction:column;max-width:min(75%,500px);align-self:flex-start;background:#1b2e3b;border:1px solid #304252;border-radius:16px 16px 16px 4px;padding:11px 14px;color:#e4f0f5;box-shadow:0 5px 20px #0001}.message.mine{align-self:flex-end;background:#145246;border-color:#287763;border-radius:16px 16px 4px 16px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55}.message-time{align-self:flex-end;font-size:10px;color:#9fc2c4;margin-top:6px}.media-file{min-width:170px;display:flex;gap:12px;align-items:center;color:inherit;background:transparent;border:0;text-align:left;padding:8px 0}.media-file-icon{font-size:26px}.media-file-copy b{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.media-file-copy small{display:block;font-size:10px;color:#b0cbcc;margin-top:5px}.revoke-btn{align-self:flex-start;margin-top:8px;background:transparent;border:1px solid #75b7a6;border-radius:8px;color:#cbf4e8;padding:4px 8px;font-size:10px}.revoke-btn:hover{background:#104438}.composer{display:flex;align-items:flex-end;gap:12px;min-height:81px;padding:17px max(26px,5%);padding-bottom:max(17px,env(safe-area-inset-bottom));background:#101e2a;border-top:1px solid #253741}.attachment-button,.send-button{flex-shrink:0;width:45px;height:45px;border-radius:13px;display:grid;place-items:center}.attachment-button{color:#a3b9c2;border:1px solid #2e404c;cursor:pointer}.attachment-button:hover{background:#203742}.composer textarea{resize:none;flex:1;min-width:0;max-height:135px;min-height:46px;padding:13px 17px;background:#192c37;border:1px solid #2e404c;border-radius:12px;color:#effcff;outline:none;font-size:13px;line-height:1.45}.composer textarea:focus{border-color:#3e9b87}.composer textarea::placeholder{color:#7793a1}.send-button{border:0;background:#35dcb0;color:#0b3b30}.send-button svg{width:21px;height:21px}.back-btn{display:none}.overlay,.auth-backdrop{position:fixed;inset:0;z-index:20;background:#050b14d9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:22px}.auth-backdrop{z-index:30;background:radial-gradient(circle at 40% 15%,#12534c,#07111b 66%)}.auth-card,.dialog{background:#162633;border:1px solid #2d4550;border-radius:22px;box-shadow:0 30px 95px #0008;padding:34px;width:min(100%,445px);max-height:92dvh;overflow:auto}.auth-card h1{font-size:28px;letter-spacing:-1px;margin:32px 0 8px}.auth-card>p{color:#9bb1bf;font-size:13px;line-height:1.6}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:17px;font-size:12px;color:#adc3cb;font-weight:650}.field input{height:47px;width:100%;border-radius:11px;padding:0 13px;border:1px solid #344b57;background:#0e1d29;color:#e8f6f9}.field input:focus{border-color:#38daa9}.auth-submit{width:100%;margin-top:24px}.auth-switch{display:flex;justify-content:center;gap:7px;margin-top:20px!important;font-size:12px}.auth-switch button{padding:0;background:transparent;border:0;color:#4de5b8;font-weight:800}.auth-privacy{text-align:center;border-top:1px solid #2a424c;padding-top:19px;margin-top:20px;font-size:11px;line-height:1.8;color:#718c9a}.dialog{position:relative}.dialog h2{font-size:26px;letter-spacing:-.7px;margin:12px 0 9px}.dialog p:not(.eyebrow){color:#9aafba;font-size:13px;line-height:1.75}.dismiss{position:absolute;right:19px;top:14px;background:transparent;border:0;color:#94adbd;font-size:27px;padding:4px 11px}.small-dialog .primary-btn,.small-dialog .secondary-btn{width:100%;margin-top:20px}.secondary-btn{background:#203744;border:1px solid #3c5260;color:#d0e5ef;border-radius:11px;padding:12px;font-weight:700}.media-dialog{width:min(94vw,900px)}.media-content{width:100%;min-height:130px;display:flex;justify-content:center;align-items:center;padding:24px 10px 7px}.media-content img,.media-content video{display:block;max-width:100%;max-height:70dvh;object-fit:contain;border-radius:10px}.media-footnote{text-align:center;font-size:10px!important}.toast{position:fixed;z-index:70;bottom:26px;left:50%;transform:translateX(-50%);max-width:min(90%,500px);background:#213a44;border:1px solid #3b7772;color:#eafff9;border-radius:12px;padding:13px 18px;box-shadow:0 10px 45px #0007;font-size:13px;text-align:center}.toast.error{border-color:#db7474;background:#572c3c;color:#fff2f2}@media(max-width:760px){.app-shell{display:block}.sidebar{position:absolute;inset:0;z-index:3}.main-panel{position:absolute;inset:0;z-index:2}.app-shell.mobile-chat .sidebar{display:none}.sidebar-head{height:90px}.welcome{display:none}.main-panel:not(:has(.chat-view:not(.hidden))){display:none}.back-btn{display:grid}.conversation-head{padding:12px 13px;height:76px}.messages-scroller{padding:13px 14px 25px}.message{max-width:86%}.composer{padding:13px;padding-bottom:max(13px,env(safe-area-inset-bottom));gap:8px}.attachment-button,.send-button{width:43px;height:43px}.composer textarea{min-height:43px;padding:12px 11px}.auth-card,.dialog{padding:25px}.auth-card h1{margin-top:26px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* appforgechat: AppForge koyu zemin + turkuaz/yeşil */
.app-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:1px 13px 16px}.app-tabs button{font-size:11px;font-weight:750;padding:11px 3px;border:1px solid #2b4850;border-radius:10px;background:#162b35;color:#94b5be}.app-tabs button.selected{background:#178f76;border-color:#36ddad;color:#eafff7}.app-tabs button:hover{border-color:#36ddad}.group-avatar{background:#20665c;color:#65f6cc}.group-new{width:calc(100% - 18px);margin:14px 9px 18px}.chat-list{scrollbar-color:#366056 #12212b}.admin-section{border:1px solid #2b464d;background:#112732;border-radius:12px;padding:15px;margin:10px 5px 15px}.admin-section h3{font-size:14px;color:#e9fff8;margin:2px 0 10px}.admin-section p,.admin-section>small{color:#9bb9c3;font-size:11px;line-height:1.5}.admin-section input{background:#0b1d28;border:1px solid #33545a;border-radius:9px;color:#f1fffa;padding:12px;width:100%;margin:9px 0}.admin-section .primary-btn{width:100%;font-size:12px}.member-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29414a;padding:13px 2px;gap:10px}.member-row b{display:block;color:#e5fbf6;font-size:12px;word-break:break-word}.member-row small{display:block;color:#80aba9;font-size:10px;padding-top:5px}.member-actions{display:flex;flex-direction:column;gap:4px}.member-actions button{border:1px solid #31776d;background:#19483f;color:#ddfaf1;padding:5px 8px;border-radius:7px;font-size:10px}.choice-list{max-height:240px;overflow-y:auto}.choice{display:flex;align-items:center;gap:10px;padding:9px;color:#d0e9e4;border-bottom:1px solid #2c444b}.choice input{accent-color:#2bd9a8}.choice small{color:#8aa8ac}.message-sender{font-size:11px;color:#3de0b1;margin-bottom:5px}.attachment-button.disabled{opacity:.35;pointer-events:none}@media(max-width:380px){.app-tabs{gap:2px;padding-inline:5px}.app-tabs button{font-size:10px}}

/* Persisted-session reconnect dialog */
#connection-error .primary-btn{width:100%;margin-top:16px}
#connection-error h2{font-size:22px;margin:25px 0 10px}

.settings-button{margin-left:auto}.settings-subtitle{font-size:15px;margin:26px 0 15px;color:#defff3;border-top:1px solid #2d4a50;padding-top:22px}#password-form .secondary-btn{width:100%}