[hidden]{display:none!important}
:root{--green:#174d41;--deep:#123e35;--mint:#d7eee4;--ink:#202e29;--muted:#819088;--line:#e6ebe6;--paper:#f6f7f2;--orange:#d98e50;--white:#fff;font:15px/1.5 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{outline-color:#63a78d}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button{border:0;background:none;color:inherit}a{color:var(--green)}h1,h2,h3,p{margin:0}button svg{pointer-events:none}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.logo{width:42px;height:42px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:21px;font-weight:800;letter-spacing:-3px;padding-right:3px}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:20px;letter-spacing:-.6px}.brand small{display:block;color:var(--muted);font-size:11px}.primary{padding:12px 20px;border-radius:12px;background:var(--green);color:white;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary:hover{background:#23644f}.secondary{background:#f0f3ee;border:1px solid var(--line);padding:10px 15px;border-radius:10px}.danger{color:#a24136}.icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:#6e7c74}.icon:hover{background:#edf2ec;color:var(--green)}.muted{color:var(--muted)}.tag{font-size:10px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase}.avatar{width:45px;height:45px;border-radius:16px;display:grid;place-items:center;font-weight:700;background:#e2ece3;color:#3b6752;flex:none;position:relative}.avatar.c1{background:#f2e8d8;color:#94734a}.avatar.c2{background:#e5e7f0;color:#696a91}.avatar.c3{background:#e1eae8;color:#52776f}.avatar.small{width:34px;height:34px;border-radius:12px;font-size:12px}.online-dot{position:absolute;width:10px;height:10px;border:2px solid white;border-radius:50%;background:#6eb18d;bottom:0;right:0}.welcome-page{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}.welcome-story{padding:54px 8vw;background:#eaf0e5;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:50px}.welcome-story:before{content:'';position:absolute;border:1px solid #d2dfca;border-radius:50%;width:580px;height:580px;right:-350px;top:8%}.welcome-story .story-main{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#64816b;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:22px;height:1px;background:#8daa8e}.welcome-story h1{font-size:clamp(45px,5vw,73px);line-height:1.08;font-weight:500;letter-spacing:-3px;margin:25px 0;color:#244b3a}.welcome-story h1 em{font-style:normal;color:#6b9271}.welcome-story p{color:#72816f;max-width:350px;line-height:1.8}.story-card{background:#fff;border:1px solid #dfe7d9;border-radius:18px;padding:20px;margin-top:36px;max-width:390px;box-shadow:0 15px 40px #244b3a08}.sample-message{padding:12px 15px;background:#edf4e7;border-radius:14px 14px 14px 3px;font-size:13px;margin-top:16px}.sample-meta{font-size:10px;color:#98a18f;text-align:right;margin-top:5px}.story-footer{display:flex;align-items:center;gap:9px;color:#74836d;font-size:12px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px}.auth-box{max-width:380px;width:100%}.auth-box .tag{color:#a6aea3}.auth-box h2{font-size:32px;letter-spacing:-1px;margin:14px 0 7px;font-weight:600}.auth-box>p{color:var(--muted);margin-bottom:27px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:25px;gap:25px}.tabs button{padding:11px 0;color:var(--muted);border-bottom:2px solid transparent}.tabs .active{border-color:var(--green);color:var(--green);font-weight:600}.field{display:block;font-size:12px;font-weight:600;margin:17px 0}.field input,.field textarea{display:block;width:100%;margin-top:7px;border:1px solid #dde5dc;border-radius:11px;padding:12px 14px;background:#fafbf8;color:var(--ink);font-weight:400}.field textarea{resize:vertical}.field small{display:block;color:var(--muted);font-size:11px;margin-top:5px;font-weight:400}.auth-box .primary{width:100%;margin-top:8px}.auth-note{font-size:11px;color:#91a08e;margin-top:20px;line-height:1.7}.error{font-size:13px;color:#ad493c;padding:10px 0;min-height:20px}.shell{height:100dvh;display:grid;grid-template-columns:80px 338px 1fr;background:white}.rail{background:var(--deep);display:flex;align-items:center;flex-direction:column;padding:25px 0 18px;gap:18px}.rail .logo{background:#e0ead3;color:var(--deep);width:44px;height:44px;margin-bottom:19px}.rail .icon{color:#8ba89a;width:48px;height:48px;border-radius:15px}.rail .icon:hover,.rail .icon.active{color:#f3f8e9;background:#2c5a4c}.rail .spacer{flex:1}.rail .avatar{background:#c8d9b8;color:#244e3a}.rail-label{font-size:9px;color:#8aa393;margin-top:-13px}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#fff}.side-head{padding:28px 24px 18px}.side-title{display:flex;justify-content:space-between;align-items:center}.side-title h1{font-size:24px;font-weight:650;letter-spacing:-.8px}.search-box{display:flex;gap:9px;align-items:center;background:#f3f5ef;border:1px solid #edf0e8;border-radius:11px;padding:10px 12px;margin-top:20px;color:#97a18f}.search-box svg{width:17px;height:17px}.search-box input{border:0;background:transparent;width:100%;font-size:13px;outline:none}.filter-tabs{display:flex;gap:8px;padding:0 24px 18px}.filter-tabs button{padding:6px 11px;border-radius:8px;font-size:12px;color:#8c988d}.filter-tabs button.active{background:#edf3e7;color:#476e45;font-weight:600}.chat-list{overflow:auto;flex:1;padding:0 12px}.chat-item{display:flex;align-items:center;gap:12px;padding:16px 12px;width:100%;text-align:left;border-radius:13px;margin-bottom:3px}.chat-item:hover{background:#f6f8f2}.chat-item.selected{background:#edf3e8}.chat-copy{min-width:0;flex:1}.chat-copy strong{font-size:13px;display:block;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-copy p{font-size:12px;color:#94a08f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.chat-right{text-align:right;align-self:stretch;font-size:10px;color:#99a490;display:flex;align-items:flex-end;flex-direction:column;justify-content:space-between}.badge{background:#7c9a70;color:white;font-weight:600;border-radius:7px;padding:1px 6px;font-size:10px}.side-bottom{border-top:1px solid var(--line);padding:16px 24px;display:flex;gap:8px;align-items:center;font-size:11px;color:#8d9b87}.side-bottom i{width:6px;height:6px;border-radius:50%;background:#7c9e6f}.main{min-width:0;min-height:0;display:flex;flex-direction:column;background:#f8f9f5}.chat-header{height:91px;padding:20px 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;background:#ffffffed}.chat-header strong{font-size:15px}.chat-header p{font-size:11px;color:#8e9e87}.chat-header .actions{margin-left:auto;display:flex;gap:5px}.message-list{flex:1;overflow:auto;padding:24px 7%;background-image:radial-gradient(#adc29c25 .7px,transparent .7px);background-size:19px 19px}.date-label{text-align:center;font-size:10px;color:#a1aa98;margin:10px 0 24px;letter-spacing:1px}.message{display:flex;align-items:flex-end;gap:9px;margin:15px 0}.message.mine{justify-content:flex-end}.bubble{max-width:min(75%,610px);background:white;padding:12px 16px 8px;border:1px solid #e6ebe1;border-radius:16px 16px 16px 4px;box-shadow:0 2px 3px #284d3010;position:relative;overflow-wrap:anywhere}.mine .bubble{background:#e6efdc;border-color:#dce8cf;border-radius:16px 16px 4px 16px}.bubble .author{font-size:11px;color:#6e8c64;font-weight:650;margin-bottom:4px}.bubble .body{font-size:14px;line-height:1.65;white-space:pre-wrap}.bubble .deleted{font-style:italic;color:#9aa58f}.bubble .meta{font-size:9px;color:#a4af99;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:5px}.message-menu{font-size:13px;padding:0 3px;line-height:16px;color:#95a28c;opacity:.2}.bubble:hover .message-menu,.message-menu:focus{opacity:1}.composer-wrap{padding:16px 34px 14px;background:#fff;border-top:1px solid var(--line)}.composer{display:flex;align-items:flex-end;gap:12px;background:#f6f8f2;border:1px solid #e5eadd;border-radius:16px;padding:11px 13px}.composer textarea{flex:1;resize:none;border:0;background:transparent;min-height:29px;max-height:120px;outline:none;padding:3px 0;color:#34482f;font-size:13px}.send{width:39px;height:39px;background:var(--green);color:white;border-radius:12px;display:grid;place-items:center}.composer-caption{font-size:9px;color:#a0ad96;margin-top:8px;display:flex;justify-content:space-between}.empty-stage{flex:1;display:grid;place-items:center;padding:30px;overflow:auto;background:radial-gradient(ellipse at 50% 40%,#e9f0e0 0,transparent 65%)}.empty-content{text-align:center;max-width:510px}.empty-emblem{width:116px;height:116px;border-radius:38px;background:#e3ebd7;border:1px solid #d6e1cb;display:grid;place-items:center;color:#547645;margin:0 auto 27px;box-shadow:0 0 0 17px #edf2e7,0 0 0 18px #e2e9d9}.empty-emblem svg{width:48px;height:48px;stroke-width:1.1}.empty-content .tag{color:#9ca98f}.empty-content h2{font-size:34px;line-height:1.25;letter-spacing:-1.2px;font-weight:500;margin:17px 0;color:#365534}.empty-content>p{max-width:360px;margin:0 auto 25px;color:#8a9980;font-size:13px;line-height:1.8}.empty-content .primary{font-size:12px}.feature-row{display:flex;gap:25px;justify-content:center;margin-top:55px;color:#8f9e84;font-size:10px}.feature-row span{display:flex;align-items:center;gap:6px}.feature-row svg{width:15px;height:15px}.list-empty{text-align:center;padding:42px 20px;color:#9ba68f;font-size:12px;line-height:1.8}.list-empty svg{width:30px;height:30px;display:block;margin:0 auto 10px}.local-pill{font-size:9px;background:#eff3e9;color:#87977b;border-radius:20px;padding:5px 10px;letter-spacing:.3px}.dialog-close{position:absolute;right:15px;top:15px}dialog{border:1px solid #e3eadc;border-radius:22px;padding:29px;max-width:520px;width:calc(100% - 28px);color:var(--ink);box-shadow:0 25px 90px #163e352a}dialog::backdrop{background:#102f2855;backdrop-filter:blur(3px)}dialog h2{font-size:24px;letter-spacing:-.6px;margin-right:30px;margin-bottom:7px}dialog .subtitle{font-size:12px;color:var(--muted);margin-bottom:20px}.people-results{max-height:300px;overflow:auto;margin:10px 0}.person{display:flex;align-items:center;gap:12px;padding:12px 3px;border-bottom:1px solid var(--line);width:100%;text-align:left}.person>div:nth-child(2){flex:1}.person strong{font-size:13px;display:block}.person small{font-size:11px;color:var(--muted)}.person input{accent-color:var(--green)}.form-buttons{display:flex;gap:8px;margin-top:22px}.menu-options{display:flex;flex-direction:column;margin-top:20px;gap:8px}.menu-options button{text-align:left;padding:12px;border-radius:9px;background:#f3f6ef;font-size:13px}.admin-view{overflow:auto;padding:35px;flex:1}.admin-view h2{font-size:27px;letter-spacing:-1px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.stat,.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:20px}.stat strong{display:block;font-size:26px;color:#547146}.stat small{color:var(--muted);font-size:11px}.panel{margin-bottom:20px}.panel h3{font-size:15px;margin-bottom:14px}.report{padding:16px 0;border-top:1px solid var(--line);font-size:13px}.report blockquote{margin:10px 0;padding:10px 14px;background:#f4f6ef;border-left:2px solid #b8c9aa;border-radius:5px}.report .form-buttons{margin-top:10px;flex-wrap:wrap}.report button{font-size:11px;padding:7px 10px}.user-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.user-row .fill{flex:1}.user-row small{color:var(--muted);display:block}.user-row button{font-size:11px}.notice{font-size:12px;line-height:1.7;color:#7b8d72;padding:13px 15px;background:#eff4e7;border-radius:10px}.back-mobile{display:none}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:#244d3e;color:#fff;border-radius:12px;padding:12px 20px;font-size:13px;max-width:90vw;box-shadow:0 8px 30px #123e3525;z-index:99;transition:transform .2s}#toast.show{transform:translateX(-50%) translateY(0)}.load-older{display:block;margin:0 auto 20px;font-size:11px;color:#7d936f;padding:7px 12px;background:#edf2e6;border-radius:20px}.loading{display:grid;min-height:100dvh;place-items:center;color:var(--green)}.admin-settings textarea{min-height:100px}.check-label{display:flex;align-items:center;gap:8px;font-size:13px}.check-label input{accent-color:var(--green)}
@media(min-width:1450px){.shell{grid-template-columns:88px 370px 1fr}.chat-header{height:98px}.side-head{padding-top:31px}}@media(max-width:1000px){.shell{grid-template-columns:66px 285px 1fr}.rail{padding-top:22px}.side-head{padding:24px 16px 15px}.filter-tabs{padding:0 16px 14px}.chat-header{padding:18px 22px}.composer-wrap{padding:15px 20px}.message-list{padding:20px 5%}.bubble{max-width:85%}.welcome-story{padding:40px 6vw}}@media(max-width:700px){.welcome-page{display:block}.welcome-story{padding:26px 25px 32px;gap:25px}.welcome-story h1{font-size:42px;letter-spacing:-1.7px;margin:17px 0}.welcome-story .story-card,.story-footer,.welcome-story>div:last-child{display:none}.welcome-story p{font-size:12px;max-width:100%}.auth-panel{padding:30px 25px}.auth-box h2{font-size:27px}.shell{grid-template-columns:60px 1fr}.main{display:none}.shell.in-chat{display:block}.shell.in-chat .rail,.shell.in-chat .sidebar{display:none}.shell.in-chat .main{display:flex;height:100dvh}.rail{gap:15px}.rail .logo{width:38px;height:38px;border-radius:12px}.rail .icon{width:42px;height:42px}.side-head{padding:22px 20px 16px}.side-title h1{font-size:26px}.filter-tabs{padding-left:20px}.chat-list{padding:0 10px}.chat-header{height:77px;padding:12px 14px;gap:8px}.back-mobile{display:grid;width:28px}.chat-header .avatar{width:39px;height:39px;border-radius:13px}.chat-header .actions .local-pill{display:none}.message-list{padding:15px 13px}.bubble{max-width:86%;padding:10px 13px 7px}.bubble .body{font-size:13px}.message .avatar{display:none}.composer-wrap{padding:12px}.composer{padding:8px 10px;gap:7px}.composer-caption{font-size:8px}.admin-view{padding:20px 14px}.stats{gap:7px}.stat{padding:14px}.stat strong{font-size:22px}.feature-row{gap:15px}.message-menu{opacity:.8}.panel{padding:16px}}
.language-setting{margin-bottom:22px}.language-setting .field{margin-top:0}.language-setting select{display:block;width:100%;padding:11px 13px;border:1px solid #dde5dc;border-radius:11px;background:#fafbf8;color:var(--ink);font:inherit;margin-top:7px}.language-setting small{font-size:10px}.auth-box>.language-setting{max-width:230px;margin-left:auto;margin-bottom:28px}.auth-box>.language-setting .field{font-size:11px}.auth-box>.language-setting small{display:none}
.ad-space{flex:none;position:relative;margin:14px 22px 18px;padding:16px 18px 12px;border-radius:17px;background:#f0e9d8;border:1px solid #e5dcc7;overflow:hidden;color:#40593d}.ad-label{display:flex;justify-content:space-between;align-items:center;color:#9b967d;font-size:9px;letter-spacing:1px;text-transform:uppercase}.ad-mark{font-weight:800;letter-spacing:-1px;font-size:13px;color:#9a9e80}.ad-art{position:absolute;right:-18px;top:36px;width:108px;height:108px;border:1px solid #cbd1b5;border-radius:50%;opacity:.65}.ad-art i{position:absolute;inset:17px;border:1px solid #cbd1b5;border-radius:50%}.ad-art b{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;font-weight:400;color:#b0b795}.ad-space h3{position:relative;font-size:20px;line-height:1.22;font-weight:500;letter-spacing:-.5px;max-width:175px;margin-top:22px;margin-bottom:9px}.ad-space>p{position:relative;font-size:10px;line-height:1.7;color:#92947a;max-width:170px}.ad-footer{display:flex;justify-content:space-between;border-top:1px solid #dcd8c3;padding-top:10px;margin-top:19px;font-size:8px;letter-spacing:1px;color:#a5a58d}.chat-list{min-height:75px}@media(max-height:700px){.ad-space{margin:8px 18px 10px;padding:11px 14px}.ad-space h3{font-size:17px;margin-top:10px;max-width:170px}.ad-footer{margin-top:10px;padding-top:7px}.ad-art{width:85px;height:85px;top:30px}}@media(max-width:700px){.ad-space{margin:12px 20px 15px}.ad-space h3{font-size:20px;max-width:230px}.ad-art{right:0}}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.profile-photo{display:flex;gap:18px;align-items:center;margin:24px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-photo>.avatar{width:86px;height:86px;border-radius:26px;font-size:25px}.profile-photo strong{font-size:14px}.profile-photo p{font-size:11px;color:var(--muted);margin:3px 0 9px}.profile-photo small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.photo-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload-photo{font-size:11px;padding:7px 10px;cursor:pointer}.photo-remove{font-size:10px;padding:0}@media(max-width:450px){.profile-photo{gap:12px}.profile-photo>.avatar{width:66px;height:66px;border-radius:21px}.brand strong{font-size:17px}}
.composer-wrap{position:relative}.composer-popovers{position:absolute;bottom:100%;left:32px;z-index:12}.attach-panel,.emoji-panel{padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #123e3526;margin-bottom:10px}.attach-panel{width:195px;display:flex;flex-direction:column;gap:4px}.attach-panel button{display:flex;align-items:center;gap:12px;text-align:left;padding:10px;border-radius:9px;font-size:14px}.attach-panel button:hover{background:#eef3e7}.attach-panel small{font-size:10px;color:var(--muted);padding:7px 10px 0}.emoji-panel{display:grid;grid-template-columns:repeat(8,1fr);width:330px;gap:3px}.emoji-panel button{font-size:23px;padding:5px;border-radius:9px;line-height:1.3}.emoji-panel button:hover{background:#edf3e7}.pending-files{display:flex;gap:8px;overflow:auto;max-height:130px;flex-wrap:wrap}.pending-file{display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:#f4f7ef;padding:8px 10px;border-radius:10px;margin-bottom:10px;max-width:260px}.pending-file>div{min-width:0}.pending-file strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:170px}.pending-file small{font-size:9px;color:var(--muted);display:block}.pending-file button{padding:0;display:grid;place-items:center}.pending-file svg{width:15px;height:15px}.attachment{margin:0 0 8px;max-width:360px;min-width:170px}.image-attachment{display:block;line-height:0}.attachment img{display:block;max-width:100%;max-height:330px;object-fit:contain;border-radius:10px;background:#e6ebdf}.attachment video{display:block;max-width:100%;max-height:330px;border-radius:10px;background:#17352a}.attachment audio{display:block;max-width:100%;width:280px;height:42px}.file-download{display:flex;align-items:center;gap:10px;padding:9px 5px;color:var(--green);text-decoration:none}.file-download>span:first-child{font-size:23px}.file-download strong{font-size:12px;display:block;word-break:break-word}.file-download small{font-size:10px;color:#91a187;display:block;margin-top:3px}.bubble .body:empty{display:none}@media(max-width:700px){.composer-popovers{left:12px}.emoji-panel{width:min(330px,calc(100vw - 24px))}.composer{gap:5px}.composer>.icon{width:31px;flex:none}.attachment{max-width:100%;min-width:130px}.attachment audio{width:220px}.attachment img,.attachment video{max-height:250px}}
.emoji-panel.sport-picker{display:block;width:370px;padding:14px}.emoji-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.emoji-heading strong{font-size:13px;font-weight:650;color:#3f5a37}.sport-picker .emoji-heading button{font-size:13px;width:25px;height:25px;padding:3px}.emoji-search-wrap{display:flex;align-items:center;background:#f3f6ed;border:1px solid #e4e9db;padding:8px 10px;border-radius:9px;gap:8px}.emoji-search-wrap svg{width:15px;height:15px;color:#9aa78c}.emoji-search-wrap input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:11px}.emoji-categories{display:flex;gap:3px;overflow:auto;border-bottom:1px solid #edf0e7;padding:10px 0;margin-bottom:9px}.sport-picker .emoji-categories button{font-size:10px;padding:6px 8px;line-height:1.4;white-space:nowrap;color:#89957d;border-radius:7px}.sport-picker .emoji-categories button.selected{background:#e9f0de;color:#4b6a3e;font-weight:650}.emoji-results{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-height:240px;overflow:auto;padding:2px}.sport-picker .emoji-results>button{font-size:25px;padding:6px 2px;min-height:42px;display:grid;place-items:center}.emoji-results.flag-results{grid-template-columns:1fr 1fr;gap:5px}.sport-picker .flag-results>button{display:flex;align-items:center;text-align:left;gap:7px;padding:8px 6px;border:1px solid #eef0e8;border-radius:9px;min-width:0}.flag-glyph{font-size:20px;line-height:1;width:29px;flex:none}.flag-country{font-size:10px;color:#576d4b;line-height:1.3;overflow:hidden;text-overflow:ellipsis;flex:1}.flag-results small{font-size:8px;color:#a0aa95}.emoji-footer{border-top:1px solid #edf0e7;margin-top:10px;padding-top:8px;font-size:9px;color:#a0ac94}.emoji-no-results{grid-column:1/-1;text-align:center;padding:20px;font-size:12px;color:#8b987f}@media(max-width:700px){.emoji-panel.sport-picker{width:min(370px,calc(100vw - 24px))}.emoji-results{max-height:210px}.sport-picker .emoji-categories button{font-size:9px;padding:6px}.flag-results small{display:none}}
.contacts-note{font-size:11px;line-height:1.65;color:#8b9982;padding:12px;background:#f1f5eb;border-radius:9px}.rules-checkbox{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.7;margin:18px 0 8px;color:#7b8b73}.rules-checkbox input{margin-top:5px;accent-color:var(--green);flex:none}.text-link{color:var(--green);text-decoration:underline;padding:0;font-size:inherit}.account-contacts,.warning-history{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.account-contacts h3,.warning-history h3{font-size:14px}.profile-service-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.profile-service-buttons button{font-size:11px}.field select{display:block;width:100%;margin-top:7px;padding:11px 12px;font:inherit;border:1px solid #dde5dc;background:#fafbf8;border-radius:10px}.rules-content{font-size:12px;line-height:1.8;color:#73836a}.rules-content section{margin-top:18px}.rules-content h3{font-size:14px;color:#3b5937;margin-bottom:5px}dialog{max-height:90dvh;overflow:auto}.app-update-banner{position:fixed;bottom:24px;right:24px;max-width:360px;padding:18px;background:#fff;border:1px solid #d4e3c5;box-shadow:0 12px 50px #123e3525;border-radius:16px;z-index:95;font-size:13px}.app-update-banner p{font-size:11px;color:var(--muted);margin:8px 0 12px}.app-update-banner .primary{font-size:11px;padding:8px 12px}.restriction-notice{margin-top:18px;background:#fff0de;color:#946e3e}.warning-history p{font-size:12px;padding:10px;background:#f4f2e7;border-radius:8px;margin-top:8px}.warning-history small{display:block;font-size:10px;color:var(--muted)}@media(max-width:700px){.app-update-banner{bottom:12px;left:12px;right:12px;max-width:none}}
.rules-content+ .form-buttons{position:sticky;bottom:-29px;background:#fff;padding:14px 0;margin-bottom:0}.rules-content h3{scroll-margin-top:20px}

/* Мировой Союз ВГ — Aurora palette: indigo, blue, coral and amber. */
:root{--green:#6651c7;--deep:#28264f;--mint:#eee9ff;--ink:#303047;--muted:#8b8ba3;--line:#eceaf3;--paper:#f8f7fc;--orange:#e69264;background:#f8f7fc;color:var(--ink)}
body{background:#f8f7fc}a{color:#6651c7}
button,a,input,textarea,select{outline-color:#8c7be2}
.shell{background:#fff}
.logo{background:linear-gradient(135deg,#5d74e9 0%,#8861d6 54%,#e28b99 100%);box-shadow:0 5px 15px #7864c920;color:white}
.brand strong{color:#393554}
.rail{position:relative;background:linear-gradient(165deg,#26355e 0%,#3e3169 46%,#754870 100%)}
.rail:after{content:'';position:absolute;right:0;top:0;bottom:0;width:2px;background:linear-gradient(#79b9ff,#b4a2ff,#eea2b2,#edc78d);opacity:.6}
.rail .logo{background:linear-gradient(135deg,#f4d5a2,#f0bfd1 48%,#bfb9f4);color:#39355e;box-shadow:0 5px 18px #10143730}
.rail .icon{color:#b5b3d0}.rail .icon:hover,.rail .icon.active{background:#ffffff1c;color:#fff;box-shadow:inset 0 0 0 1px #ffffff0b}
.rail-label{color:#c0b9d9}.rail .avatar{background:linear-gradient(135deg,#d9d5ff,#f5c8db);color:#675087}
.sidebar{border-color:#eceaf4;background:#fff}.side-title h1{color:#383453}
.search-box,.emoji-search-wrap{background:#f5f4fb;border-color:#eeebf7;color:#9992b2}
.search-box input{color:#55516d}.search-box input::placeholder{color:#a39cb5}
.filter-tabs button{color:#9992ad}.filter-tabs button.active{background:#eee9fd;color:#7252bb}
.filter-tabs button:nth-child(2).active{background:#fff0e9;color:#b96f59}.filter-tabs button:nth-child(3).active{background:#eaf1ff;color:#577ac1}
.chat-item:hover{background:#f8f6fd}.chat-item.selected{background:linear-gradient(105deg,#efebfd,#f5effa)}
.chat-copy strong{color:#4a4265}.chat-copy p,.chat-right{color:#a098b2}.badge{background:#9a77d3;color:#fff}
.avatar{background:#e9e5fb;color:#7762a9}.avatar.c1{background:#ffeadc;color:#ae7f5e}.avatar.c2{background:#e2edff;color:#6689bd}.avatar.c3{background:#f8e3ed;color:#b67997}
.online-dot{background:#73a6e7}.side-bottom{border-color:#eceaf4;color:#a19bb1}.side-bottom i{background:#a087d7}
.main{background:#faf9fd}
.chat-header{border-color:#eceaf4;background:#ffffffef}.chat-header strong{color:#49405e}.chat-header p{color:#a096b3}
.local-pill{background:#f2eefa;color:#9c8eaf}
.icon{color:#9a91b2}.icon:hover{background:#f0ebfa;color:#7957b6}
.primary{background:linear-gradient(110deg,#6579dc,#8b5ab8);color:#fff;box-shadow:0 6px 15px #7a63bd16}
.primary:hover{background:linear-gradient(110deg,#556bcf,#7c48aa)}
.secondary{background:#f7f4fc;border-color:#ebe5f3;color:#76628d}.secondary:hover{background:#eee8f8}
.danger{color:#c06f82}
.empty-stage{background:radial-gradient(ellipse at 10% 15%,#e7effd 0,transparent 50%),radial-gradient(ellipse at 90% 80%,#fbe8ee 0,transparent 55%),linear-gradient(130deg,#fcfbff,#f7f5fd 55%,#fff9f2)}
.empty-emblem{background:linear-gradient(145deg,#dee9ff,#e9ddf7 60%,#f5dce6);border-color:#dddaf1;color:#8a70bc;box-shadow:0 0 0 17px #f1edfa,0 0 0 18px #e7e1f3}
.empty-content .tag{color:#aa99bd}.empty-content h2{color:#766293}.empty-content>p{color:#a195ae}
.feature-row{color:#a295b2}.feature-row span:nth-child(1){color:#809bc4}.feature-row span:nth-child(2){color:#a086b6}.feature-row span:nth-child(3){color:#c19199}
.message-list{background-color:#faf9fd;background-image:radial-gradient(ellipse at 0 0,#e9efff77,transparent 60%),radial-gradient(ellipse at 100% 100%,#fae9ef66,transparent 60%),radial-gradient(#b1a4d526 .7px,transparent .7px);background-size:auto,auto,19px 19px}
.date-label{color:#aaa0bb}.bubble{border-color:#eee8f3;box-shadow:0 2px 3px #6e52860a;background:#fff}
.mine .bubble{background:linear-gradient(125deg,#ebe9fc,#f1e6f5);border-color:#e2d9f0}
.bubble .author{color:#9a70b5}.bubble .body{color:#524964}.bubble .deleted{color:#b3a9bd}.bubble .meta{color:#b1a4be}.message-menu{color:#ad9dbb}
.composer-wrap{border-color:#eceaf4;background:#fff}.composer{background:#f7f4fb;border-color:#ebe4f3}.composer textarea{color:#665674}.composer textarea::placeholder{color:#afa0bb}
.send{background:linear-gradient(140deg,#7b82db,#ac6cac);color:#fff;box-shadow:0 4px 9px #8d68b826}.composer-caption{color:#b3a5bd}
.ad-space{background:linear-gradient(130deg,#fff0d7,#fbe6df 55%,#f2e3f4);border-color:#f0dfd6;color:#b1807c;box-shadow:0 5px 20px #c9969b0b}
.ad-label{color:#b59291}.ad-mark{color:#b89bb6}.ad-space h3{color:#ae858d}.ad-space>p{color:#bc9ca2}
.ad-art{border-color:#dfbdc7}.ad-art i{border-color:#dfbdc7}.ad-art b{color:#c7a9bb}.ad-footer{border-color:#edd4d4;color:#c2a4ad}
.welcome-story{background:radial-gradient(ellipse at 15% 0,#e0eaff 0,transparent 60%),radial-gradient(ellipse at 90% 90%,#f9e0de 0,transparent 65%),linear-gradient(140deg,#eeebfa,#f6eaf2)}
.welcome-story:before{border-color:#dcd0ed}.eyebrow{color:#a18bb6}.eyebrow:before{background:linear-gradient(90deg,#859bdb,#c694b1)}
.welcome-story h1{color:#73618c}.welcome-story h1 em{color:#b17c9d}.welcome-story p{color:#a390ac}
.story-card{border-color:#e8dff0;box-shadow:0 15px 40px #9b77ac0c;background:#ffffffd9}.sample-message{background:linear-gradient(120deg,#edf0ff,#f5e7f4);color:#9980af}.sample-meta{color:#b5a3bd}.story-footer{color:#a48daf}
.auth-panel{background:linear-gradient(155deg,#fff,#fdfbff)}.auth-box .tag{color:#b8a7c0}.auth-box h2{color:#6b587e}
.tabs{border-color:#eee7f3}.tabs button{color:#b09dbd}.tabs .active{border-color:#a98bc5;color:#a187b6}
.field input,.field textarea,.field select,.language-setting select{border-color:#ede5f3;background:#fcf9fd;color:#8b749c}.field input::placeholder{color:#c1afca}
.field small,.auth-note{color:#baa8c4}.auth-box>p{color:#b09abd}.field{color:#a48daf}
.contacts-note,.notice{background:#f6eefb;color:#b09abf}.text-link{color:#b291cb}.rules-checkbox{color:#bca5cc}.rules-checkbox input,.check-label input,.person input{accent-color:#b99bd0}
dialog{border-color:#eee4f4;box-shadow:0 25px 90px #9c6bb42a;color:#b195c3}dialog::backdrop{background:#46335255}
dialog h2{color:#a88abc}.rules-content{color:#bfa8ce}.rules-content h3{color:#b197c1}.rules-content+ .form-buttons{background:#fff}
.profile-photo,.account-contacts,.warning-history{border-color:#eee6f4}.profile-photo strong{color:#b59bc4}.profile-photo p,.profile-photo small{color:#c1abce}
.panel,.stat{border-color:#eee6f4}.stat strong{color:#b698ca}.stat small{color:#c2abd0}.admin-view h2,.panel h3{color:#b399c6}
.report{border-color:#f0e9f5}.report blockquote{background:#faf5fd;border-left-color:#d7c4e6}.user-row{border-color:#f0e9f5}.report .muted,.user-row small{color:#c7b2d3}
.app-update-banner{border-color:#e8dcf1;box-shadow:0 12px 50px #9e73b525}.app-update-banner strong{color:#b99bc9}
.restriction-notice{background:#fff2df;color:#bc9a70}.warning-history p{background:#fcf4e6;color:#bfa783}
.emoji-panel,.attach-panel{border-color:#ede4f5;box-shadow:0 12px 40px #a979bd26}.attach-panel button:hover,.emoji-panel button:hover{background:#f7effc}
.emoji-heading strong{color:#b89dca}.emoji-categories{border-color:#f0e7f6}.sport-picker .emoji-categories button{color:#c1abd0}.sport-picker .emoji-categories button.selected{background:#f4eafa;color:#bda0cf}
.sport-picker .emoji-categories button:nth-child(1).selected{background:#fceaf3;color:#c59bb4}.sport-picker .emoji-categories button:nth-child(2).selected{background:#edefff;color:#a3a9d2}.sport-picker .emoji-categories button:nth-child(3).selected{background:#fff3de;color:#c6ae7d}.sport-picker .emoji-categories button:nth-child(4).selected{background:#ecf3ff;color:#a2b8da}
.flag-country{color:#c3add0}.flag-results small,.emoji-footer,.emoji-no-results{color:#d0bbdc}.sport-picker .flag-results>button{border-color:#f2eaf8}
.pending-file{background:#faf4fd;border-color:#eee5f5}.file-download{color:#c0a5d0}.file-download small{color:#cfb8dc}
.load-older{background:#f7effc;color:#c3a6d5}.list-empty{color:#bba7c8}
#toast{background:linear-gradient(110deg,#9170ad,#b486b2);box-shadow:0 8px 30px #a177ba25}
/* Keep small text and controls readable against the pastel surfaces. */
.chat-copy p,.chat-right,.side-bottom,.date-label,.composer-caption{color:#80768e}
.empty-content>p,.feature-row,.auth-note,.field small,.auth-box>p,.welcome-story p,.story-footer{color:#87758e}
.ad-label,.ad-space>p,.ad-footer{color:#97767e}.ad-space h3{color:#8a5b71}
.field,.profile-photo strong,dialog h2,.panel h3,.admin-view h2{color:#6d4f85}
.field input,.field textarea,.field select,.language-setting select{color:#624e74}
.contacts-note,.rules-checkbox,.rules-content,dialog{color:#7d638f}.rules-content h3{color:#69507e}
.profile-photo p,.profile-photo small,.stat small,.report .muted,.user-row small{color:#96819f}
.emoji-heading strong,.flag-country{color:#826593}.sport-picker .emoji-categories button{color:#92789f}
.sport-picker .emoji-categories button.selected{color:#77568e}.sport-picker .emoji-categories button:nth-child(1).selected{color:#a05c82}.sport-picker .emoji-categories button:nth-child(2).selected{color:#6570a9}.sport-picker .emoji-categories button:nth-child(3).selected{color:#a38042}.sport-picker .emoji-categories button:nth-child(4).selected{color:#6285b2}
.flag-results small,.emoji-footer,.emoji-no-results{color:#aa92b8}.file-download{color:#8a65a1}.file-download small{color:#ab93ba}

.mail-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.mail-actions a{padding:10px}#gmail-form input[readonly]{background:#f1efff}#gmail-form{padding:18px;border:1px solid #ddd6fe;border-radius:18px;background:linear-gradient(120deg,#faf5ff,#fff7ed)}

.welcome-story{position:relative;overflow:hidden;justify-content:flex-start}.gymnastics-art{margin:30px -20px 16px;flex:1;display:flex;align-items:flex-start;justify-content:center}.gymnastics-art img{display:block;width:100%;max-width:620px;height:auto;border-radius:26px;box-shadow:0 22px 70px #72589c20}.gymnastics-caption{padding:12px 0 20px;color:#70607d;font-size:13px;text-align:center}@media(max-width:800px){.gymnastics-art{margin:20px 0}.gymnastics-art img{max-height:440px;width:auto;max-width:100%;object-fit:contain}.gymnastics-caption{padding-bottom:0}}
.welcome-story{padding:0;position:sticky;top:0;height:100dvh;min-height:600px;align-self:start;gap:0}.welcome-story:before{display:none}.welcome-story>.brand{position:absolute;top:30px;left:32px;z-index:2;padding:13px 18px;border-radius:18px;background:#ffffffc9;backdrop-filter:blur(12px)}.gymnastics-art{position:absolute;inset:0;margin:0;display:block}.gymnastics-art img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;border-radius:0;box-shadow:none}.gymnastics-caption{position:absolute;bottom:20px;left:0;right:0;z-index:2;padding:12px 20px;color:#51405f;background:#ffffffb8}@media(max-width:700px){.welcome-story{position:relative;height:65vh;min-height:380px}.welcome-story>.brand{top:18px;left:18px;padding:10px 14px}.gymnastics-art{display:block}.gymnastics-art img{width:100%;height:100%;object-position:center 38%}.gymnastics-caption{display:none}}
@media(min-width:701px){.gymnastics-art img{object-position:center top}.welcome-story>.brand{top:auto;bottom:24px}.gymnastics-caption{display:none}}

.phone-install-button{margin:0 0 20px;width:100%}
.communication-panel{position:fixed;right:24px;bottom:24px;width:min(390px,calc(100vw - 32px));z-index:2000;background:#fff9ff;border:1px solid #d8c9ea;border-radius:24px;padding:22px;box-shadow:0 16px 80px #3c21534d}.communication-panel strong{font-size:19px;color:#6d4f91}.communication-panel p{line-height:1.5}.communication-panel small{display:block;color:#77637e;line-height:1.5;margin-top:14px}.communication-panel audio{max-width:100%;margin:15px 0}.round-video,.attachment video.round-video{display:block;width:240px;height:240px;max-width:100%;border-radius:50%;object-fit:cover;margin:14px auto;background:#24182f}.call-videos{position:relative}.call-videos video{width:100%;max-height:250px;border-radius:16px;background:#261e32}.call-videos #call-local{position:absolute;width:90px;right:8px;bottom:8px}.composer{flex-wrap:wrap}.composer textarea{min-width:120px;flex:1}.channel-readonly{margin:16px}.filter-tabs{flex-wrap:wrap}

.logo.ag-logo{padding:0;background:#faf7ff;overflow:hidden;box-shadow:0 3px 12px #7453b51a}.logo.ag-logo img{display:block;width:100%;height:100%;object-fit:contain}.welcome-story>.brand .ag-logo{width:62px;height:62px;flex-shrink:0}.rail .ag-logo{width:48px;height:48px;border-radius:14px}.empty-emblem:has(svg){background:#faf7ff}

.chat-title-button{border:0;background:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.chat-title-button:hover strong{text-decoration:underline}.chat-header .actions{flex-wrap:wrap}.group-settings{border-top:1px solid #e9e1f1;border-bottom:1px solid #e9e1f1;padding:18px 0;margin:12px 0}.group-settings-status{min-height:20px}
.sport-ad{min-height:265px;padding:18px!important;background:linear-gradient(90deg,rgba(28,21,61,.93),rgba(36,23,63,.54)),url('/gymnastics-registration.png') center 40%/cover!important;border:0!important;color:white!important;box-shadow:0 12px 30px #4d2b6926}
.sport-ad .ad-label,.sport-ad .ad-mark{color:#f0d9fb}.sport-ad-content{position:relative;padding-top:24px}.sport-ad-kicker{font-size:9px;letter-spacing:1.6px;color:#f6c9df}.sport-ad h3{color:white!important;font-size:27px!important;font-weight:700;margin:10px 0;max-width:210px;line-height:1.12}.sport-ad p{color:#f4e9ff;font-size:12px;line-height:1.7;margin:0 0 18px}.sport-ad-button{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:11px 16px;background:#ffdae9;color:#45274f;border:0;border-radius:12px;font-weight:700;font-size:13px}.sport-ad-button:hover{background:#fff0f6}.sport-ad-button:focus-visible{outline:3px solid white;outline-offset:3px}.ad-preview-hero{padding:28px 22px;border-radius:18px;margin-bottom:22px;color:white;background:linear-gradient(90deg,#23183eea,#23183e55),url('/gymnastics-registration.png') center 40%/cover}.ad-preview-hero span{font-size:10px;letter-spacing:2px}.ad-preview-hero h2{color:white;margin:18px 0 4px;max-width:240px;font-size:32px}@media(max-height:760px){.sport-ad{min-height:225px}.sport-ad-content{padding-top:12px}.sport-ad h3{font-size:23px!important}}
.sport-ad.ad-carousel{padding:0!important;background:#23183e!important;min-height:0;isolation:isolate}.ad-carousel>.ad-label{position:absolute;z-index:2;top:18px;left:18px;right:18px}.ad-viewport{overflow:hidden}.ad-track{display:flex;transition:transform .65s ease}.ad-slide{box-sizing:border-box;flex:0 0 100%;min-width:0;padding:58px 18px 18px;min-height:278px;background:linear-gradient(90deg,#23183eed,#23183e70),url('/gymnastics-registration.png') center 40%/cover}.ad-slide-1{background:linear-gradient(95deg,#103f4eec,#17425165),url('/gymnastics-registration.png') 72% 65%/cover}.ad-slide h3{min-height:60px}.ad-slide-1 .sport-ad-button{background:#bcefee;color:#12414e}.ad-controls{display:flex;align-items:center;justify-content:center;gap:13px;padding:0 14px 10px}.ad-controls>button{color:white;background:transparent;border:0;font-size:23px;min-width:30px;min-height:30px;border-radius:8px}.ad-controls>button:last-child{font-size:13px}.ad-dots{display:flex;gap:8px}.ad-dots button{padding:0;width:8px;height:8px;border:0;border-radius:50%;background:#ffffff55}.ad-dots button[aria-pressed=true]{background:#ffdae9;width:23px;border-radius:5px}.ad-controls button:focus-visible{outline:2px solid white;outline-offset:3px}.ad-preview-1{background:linear-gradient(90deg,#103f4eec,#17425165),url('/gymnastics-registration.png') 72% 65%/cover}@media(prefers-reduced-motion:reduce){.ad-track{transition:none}}@media(max-height:760px){.ad-slide{min-height:252px;padding-top:48px}.ad-slide h3{min-height:52px}}
.chat-header [data-tool=search] svg{width:16px;height:16px;vertical-align:middle}.pin-mark{font-size:12px}.reply-draft{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:8px;border-left:3px solid #8064bd;background:#f1eafb;border-radius:10px}.reply-draft[hidden]{display:none}.reply-draft>div{min-width:0;flex:1}.reply-draft p{margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.reply-draft strong{font-size:12px;color:#684694}.reply-quote{display:block;width:100%;text-align:left;border:0;border-left:3px solid #9d7bc6;background:#8064bd12;border-radius:7px;padding:8px 10px;margin:0 0 8px;color:inherit}.reply-quote strong,.reply-quote span{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.reply-quote span{margin-top:4px;opacity:.8}.reply-quote:disabled{opacity:.65;cursor:default}.message-search-form{display:flex;gap:8px}.message-search-form input{min-width:0;flex:1;border:1px solid #d8cbe8;border-radius:12px;padding:10px}.search-message{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left;background:#f8f5fc;border:1px solid #e7def0;border-radius:12px;padding:12px;margin:9px 0;overflow-wrap:anywhere}.search-message-head{display:flex;justify-content:space-between;gap:12px}.search-message-head small{color:#756880}.message-found .bubble{outline:3px solid #bf9be4;outline-offset:3px}.message-search-form .primary{width:auto;margin:0}@media(max-width:700px){.chat-header .actions{gap:5px}.chat-header [data-tool]{font-size:11px;padding:7px}.reply-quote span,.reply-quote strong{max-width:210px}.search-message-head{flex-wrap:wrap}}
@media(max-width:700px){.chat-header{flex-wrap:wrap;height:auto;gap:8px}.chat-header>.actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.chat-header .chat-title-button{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .local-pill{display:none}}

/* Shared button finish and the conversation toolbar. */
button{ -webkit-tap-highlight-color:transparent;transition:background .18s ease,box-shadow .18s ease,transform .18s ease,border-color .18s ease }
button:focus-visible{outline:3px solid #a88cdd;outline-offset:3px}button:disabled{cursor:default;opacity:.55}
.primary{border:1px solid #ffffff38;border-radius:14px;min-height:44px;font-weight:600;letter-spacing:.1px;background:linear-gradient(125deg,#6b61d8,#9d61b4);box-shadow:0 5px 14px #7952ae25,inset 0 1px #ffffff30}.primary:hover{background:linear-gradient(125deg,#5d52cb,#8d50a7);box-shadow:0 7px 18px #7952ae35}.primary:active,.secondary:active{transform:translateY(1px)}
.secondary{border:1px solid #e4ddec;border-radius:12px;min-height:40px;background:#fff;color:#5f5374;font-weight:600;box-shadow:0 2px 5px #45335907}.secondary:hover{background:#f6f1fb;border-color:#cec0e2;box-shadow:0 4px 10px #45335910}
.chat-header .actions{gap:8px;align-items:center}.chat-header:has([data-tool]) .local-pill{display:none}.chat-header .secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-size:12px;white-space:nowrap;min-height:40px;border-radius:13px}.chat-header .secondary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.chat-header [data-tool=search]{background:#eef3ff;border-color:#e2e9fb;color:#4b65a6}.chat-header [data-tool=search]:hover{background:#e3ebff}.chat-header [data-tool=pin]{background:#fff7e9;border-color:#f5e8ce;color:#99703a}.chat-header [data-tool=pin][aria-pressed=true]{background:#f9ebcd;border-color:#e9d5a7;color:#79541d}.chat-header .chat-edit-button{background:#f4edfc;border-color:#e9def6;color:#79569d}.chat-header .chat-edit-button:hover{background:#eadff7}.chat-header .actions>.icon{border:1px solid #ece6f3;border-radius:13px;width:40px;height:40px;background:#fff;color:#8c79a2}
.composer .icon{border-radius:12px;width:36px;height:36px;color:#8d7ba7}.composer .icon:hover{color:#705097;background:#ede5f7}.send{background:linear-gradient(135deg,#8570dc,#b46eaf);border:1px solid #ffffff66;box-shadow:0 5px 12px #8862b62b;border-radius:14px}.send:hover{filter:brightness(1.05)}.message-menu{border-radius:7px;min-width:26px}.message-menu:hover{color:#694c8d;background:#e8dff3}.menu-options button{border-radius:12px;padding:12px 16px;font-weight:500}.menu-options button:hover{background:#f2ecf9}
@media(max-width:700px){.chat-header .secondary{min-height:38px;padding:8px 11px;font-size:11px;gap:6px}.chat-header .actions{justify-content:flex-start;gap:6px}.chat-header .actions>.icon{width:38px;height:38px}.chat-header .secondary svg{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Modern raised controls with inset icon tiles. */
.primary{background:linear-gradient(115deg,#6457e4 0%,#9255d5 58%,#b462bc 100%);border-radius:16px;border:1px solid #ffffff55;box-shadow:0 7px 18px #7253c52b,inset 0 1px 0 #ffffff55,inset 0 -2px 0 #47318b25;font-size:13px}.primary:hover{background:linear-gradient(115deg,#594cd8,#8547c9 58%,#aa56b2);transform:translateY(-1px);box-shadow:0 10px 24px #7253c53b}.primary:active{transform:translateY(1px);box-shadow:0 3px 8px #7253c52b}
.chat-header .actions{padding:5px;background:linear-gradient(145deg,#f8f6fccc,#f0edf8b3);border:1px solid #e9e3f3;border-radius:22px;gap:6px;box-shadow:inset 0 1px 0 #fff,0 4px 14px #4e386a06;backdrop-filter:blur(12px)}
.chat-header .secondary{min-height:46px;padding:7px 12px 7px 7px;border-radius:17px;font-size:13px;gap:8px;letter-spacing:.05px;border:1px solid #fff;background:linear-gradient(145deg,#fff,#faf8fd);color:#5a4b70;box-shadow:0 2px 6px #4932620c,inset 0 1px 0 #fff}
.chat-header .secondary svg{box-sizing:content-box;width:17px;height:17px;padding:7px;border-radius:11px;background:#efe9f8;stroke-width:1.7;color:#825ab6;transition:transform .2s ease,background .2s ease}
.chat-header [data-tool=search]{background:linear-gradient(135deg,#6b60e7,#9259d2);border-color:#ffffff44;color:#fff;box-shadow:0 4px 10px #7652c630,inset 0 1px #ffffff40}
.chat-header [data-tool=search] svg{background:#ffffff24;color:#fff;width:17px;height:17px}.chat-header [data-tool=search]:hover{background:linear-gradient(135deg,#5e52db,#844bc6)}
.chat-header [data-tool=pin]{background:linear-gradient(145deg,#fff,#fffcf5);border-color:#fff;color:#6e5a3b}.chat-header [data-tool=pin] svg{background:#fff0d2;color:#b58635}.chat-header [data-tool=pin][aria-pressed=true]{background:linear-gradient(135deg,#fff4d7,#ffe8ac);border-color:#f4d98d;color:#795720}.chat-header [data-tool=pin][aria-pressed=true] svg{background:#ffffff88;color:#946713}
.chat-header .chat-edit-button{background:linear-gradient(145deg,#fff,#faf6ff);border-color:#fff;color:#705187}.chat-header .chat-edit-button svg{background:linear-gradient(135deg,#f0e2ff,#e5e8ff);color:#8a56af}.chat-header .chat-edit-button:hover{background:#f7f0ff}
.chat-header .secondary:hover{transform:translateY(-1px);box-shadow:0 5px 12px #49326217}.chat-header .secondary:hover svg{transform:rotate(-5deg)}.chat-header .secondary:active{transform:scale(.97)}.chat-header .actions>.icon{width:46px;height:46px;border-radius:17px;border:1px solid #fff;background:#ffffffc9;color:#8e7ca4;box-shadow:0 2px 6px #49326209}.chat-header .actions>.icon:hover{background:#eee5fa;color:#77529f}
.composer{border:1px solid #e6ddf0;box-shadow:0 4px 18px #65468d09,inset 0 1px #fff;border-radius:22px}.composer .icon{width:38px;height:38px;margin:0 1px;border:1px solid #ffffffb3;background:#ffffff9c;box-shadow:0 2px 5px #62437c06;border-radius:13px;color:#8966af}.composer .icon:nth-of-type(2){color:#bf86a5}.composer .icon:nth-of-type(3){color:#788ec7}.composer .icon:nth-of-type(4){color:#a17bbb}.composer .icon:hover{background:#eee5fc;transform:translateY(-2px);box-shadow:0 4px 10px #62437c17}
.send{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#7164e7,#9a60cf 60%,#c378ad);box-shadow:0 5px 13px #8160bd40,inset 0 1px #ffffff66,inset 0 -2px #50338a22}.send:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 7px 18px #8160bd50}.send:active{transform:scale(.94)}
.rail .icon.active{background:linear-gradient(135deg,#9a84e655,#d9bbf02b);box-shadow:inset 0 1px #ffffff33,0 4px 12px #24183920;border:1px solid #ffffff1f;border-radius:16px}.filter-tabs button{border-radius:11px}.filter-tabs button.active{box-shadow:inset 0 1px #fff,0 3px 8px #7253a00d}
@media(max-width:700px){.chat-header .actions{width:100%;box-sizing:border-box;justify-content:flex-start;padding:4px;border-radius:18px;gap:4px}.chat-header .secondary{min-height:42px;padding:5px 8px 5px 5px;font-size:11px;border-radius:14px;gap:5px}.chat-header .secondary svg,.chat-header [data-tool=search] svg{width:15px;height:15px;padding:6px;border-radius:9px}.chat-header .actions>.icon{height:42px;width:38px;border-radius:14px}.composer{gap:2px}.composer .icon{width:30px;height:34px;margin:0;border-radius:10px}.send{width:38px;height:40px;border-radius:13px}}
@media(prefers-reduced-motion:reduce){.chat-header .secondary:hover,.chat-header .secondary:hover svg,.composer .icon:hover,.primary:hover,.send:hover{transform:none}.chat-header .secondary svg{transition:none}}

.emoji-results.sticker-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:270px}.sport-picker .sticker-tile{display:flex!important;flex-direction:column;align-items:center;gap:5px;padding:8px!important;border:1px solid #eee5f7;border-radius:13px;background:linear-gradient(135deg,#faf7ff,#f1edfb);min-width:0}.sticker-tile img{width:82px;height:82px;object-fit:contain}.sticker-tile span{font-size:10px;color:#79618d}.sport-picker .sticker-tile:hover{background:#e8dcf6;border-color:#c9b2df}.sticker-preview{display:flex;align-items:center;flex-direction:column;gap:10px;margin:18px 0;padding:20px;border:1px solid #ece3f3;border-radius:22px;background:linear-gradient(135deg,#faf7ff,#f2edf9)}.sticker-preview img{width:240px;height:240px;object-fit:contain}.sticker-preview strong{font-size:14px;color:#795893}.attachment.sticker-attachment{min-width:0;max-width:220px}.sticker-attachment img{width:200px;height:200px;object-fit:contain;background:transparent;border-radius:0}.message:has(.sticker-attachment) .bubble{background:transparent;border-color:transparent;box-shadow:none;padding:4px}.message:has(.sticker-attachment) .meta{padding:3px 8px}.message:has(.sticker-attachment) .reply-quote{background:#f0e9f8}.sticker-attachment>a{display:block;line-height:0}@media(max-width:700px){.sticker-tile img{width:70px;height:70px}.sticker-preview img{width:210px;height:210px}.sticker-attachment img{width:170px;height:170px}}

.group-info-heading{display:flex;align-items:center;gap:14px;margin:6px 0 20px}.group-info-heading h2{margin:0 0 4px;color:#655079;font-size:22px;overflow-wrap:anywhere}.group-info-heading .subtitle{margin:0}.group-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.group-shortcuts .primary{width:auto;padding:12px 18px;margin:0}.group-shortcuts .secondary{padding:10px 16px}.group-notifications{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #e6ddef;background:#f8f4fc;border-radius:16px;padding:15px}.group-notifications strong{font-size:13px}.group-notifications p{font-size:12px;color:#93849f;margin:6px 0 0}.notification-switch{width:50px;height:29px;padding:4px;border:0;border-radius:20px;background:#c8bfd2;flex:none}.notification-switch i{display:block;width:21px;height:21px;background:white;box-shadow:0 2px 5px #37214e25;border-radius:50%;transition:transform .15s}.notification-switch[aria-checked=true]{background:linear-gradient(120deg,#8265d7,#b077c2)}.notification-switch[aria-checked=true] i{transform:translateX(21px)}.group-member{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #f0eaf6}.group-member .fill{min-width:90px;flex:1}.group-member strong,.group-member small,.member-role{display:block}.group-member strong{font-size:13px}.group-member small{font-size:11px;color:#95839e}.member-role{font-size:10px;color:#9b7cbb;margin-top:4px}.role-button{font-size:10px;padding:8px;max-width:150px}.group-member .text-link{font-size:10px}.material-filters{display:flex;flex-wrap:wrap;gap:6px}.material-filters button{padding:8px 12px;font-size:12px}.material-filters .selected{background:#e8dcf8;border-color:#c9b1df;color:#75519a}.material-item{padding:16px 0;border-bottom:1px solid #eee6f5}.material-meta{display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;font-size:12px}.material-meta small{color:#9a89a7}.material-item .attachment{max-width:100%}.material-item>.text-link{display:block;margin-top:8px}.backup-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #ede5f4}.backup-list small{display:block;margin-top:5px;color:#9b89a7}.backup-list a{text-decoration:none;padding:10px 14px}.backup-list+details{margin-top:22px}#backup-status,#material-status,#edit-status{font-size:13px;color:#79569c}@media(max-width:700px){.group-member{flex-wrap:wrap}.group-member .role-button{max-width:none}.group-shortcuts>.primary,.group-shortcuts>.secondary{width:100%}.group-info-heading h2{font-size:19px}}

.material-item .attachment img{background:#f6f1fb}.group-info-heading .avatar{flex:none}#group-extra-status{font-size:13px;color:#a14e75;margin-top:16px}
/* Compact advertising on phones keeps the chat list visible. */
@media(max-width:700px){
 .sport-ad.ad-carousel{margin:8px 12px;flex-shrink:0;border-radius:14px}
 .ad-carousel>.ad-label{top:8px;left:12px;right:12px;font-size:8px;line-height:12px}
 .ad-carousel .ad-mark{font-size:11px}
 .ad-carousel .ad-slide{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:28px 12px 4px;min-height:80px}
 .ad-carousel .sport-ad-kicker,.ad-carousel .ad-slide p{display:none}
 .ad-carousel .ad-slide h3{font-size:16px!important;line-height:1.2;min-height:0;max-width:none;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .ad-carousel .sport-ad-button{font-size:11px;padding:8px 10px;gap:8px;min-height:36px;border-radius:10px}
 .ad-carousel .ad-controls{height:40px;padding:0 8px 4px;gap:8px}
 .ad-carousel .ad-controls>button{min-height:36px;min-width:36px;font-size:20px}
 .ad-carousel .ad-controls>button:last-child{font-size:12px}
}