:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#17243a;background:#f5f7fc;--blue:#318fcb;--blue2:#71b9ed;--muted:#798595;--line:#e6eaf1;--soft:#edf5fb;--shadow:0 14px 42px rgba(26,56,95,.09)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--blue)}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.small-icon{width:18px;height:18px}.app-shell{max-width:1100px;margin:auto;min-height:100dvh;position:relative;background:white;box-shadow:0 0 45px #1b45720f}.splash{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100dvh;color:var(--blue)}.splash h1{color:#17243a;margin:15px 0 2px}.brandmark{background:linear-gradient(140deg,#6ec0ed,#227abe);border-radius:23px;color:#fff;padding:20px;font-size:35px;font-weight:900;box-shadow:0 12px 20px #2d99d24b}.welcome-wrap{min-height:100dvh;padding:50px 22px;background:radial-gradient(circle at 50% 25%,#e0eaff 0,#fbfbff 60%);display:grid;place-items:center}.welcome-card{position:relative;width:min(100%,530px);min-height:660px;border-radius:42px;background:radial-gradient(circle at 85% 28%,#123e57,#0e1921 54%);border:1px solid #506477;box-shadow:var(--shadow);color:white;padding:40px;overflow:hidden;display:flex;flex-direction:column}.welcome-card:before{content:"";position:absolute;width:540px;height:540px;border:1px solid #3f94cb55;border-radius:50%;top:25%;left:2%;pointer-events:none}.welcome-card:after{content:"";position:absolute;width:420px;height:420px;border:1px dashed #4b9ec344;border-radius:50%;top:31%;left:16%;pointer-events:none}.welcome-top{font-size:12px;letter-spacing:1.2px;font-weight:800;color:#9aaebc;z-index:1}.steps{display:flex;gap:8px;margin-top:23px;z-index:1}.steps i{height:4px;border-radius:5px;flex:1;background:#344856}.steps i.active{background:#3da1de}.welcome-art{height:280px;position:relative;z-index:1;display:grid;place-items:center}.art-orb{display:grid;place-items:center;border:1px solid #3aa0df80;width:170px;height:170px;border-radius:35%;box-shadow:0 0 75px #1d91de2b,inset 0 0 46px #1264ac30;color:#58b6f2}.art-orb .icon{width:76px;height:76px}.art-dot{position:absolute;width:13px;height:13px;border-radius:100%;background:#348dce;top:35px;right:40px;box-shadow:0 0 18px #4faffd}.welcome-tag{position:relative;z-index:1;align-self:start;border:1px solid #2a729a;border-radius:5px;color:#56b3ef;font-weight:800;padding:9px 12px;letter-spacing:1.5px;font-size:13px}.welcome-title{position:relative;z-index:1;font-size:clamp(32px,7vw,46px);line-height:1.05;margin:26px 0 17px}.welcome-sub{position:relative;z-index:1;font-size:17px;color:#adbac8;line-height:1.7;min-height:100px}.welcome-actions{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:auto}.circle-btn{width:54px;height:54px;border-radius:50%;border:1px solid #647782;background:transparent;color:#fff;display:grid;place-items:center}.circle-btn.blue{border-color:#389fd8;color:#46aeed}.circle-btn .icon{width:22px}.primary-btn{background:linear-gradient(120deg,#318fc7,#2c7db8);color:white;border:0;border-radius:19px;padding:16px 22px;font-weight:700;box-shadow:0 6px 20px #2b83bd30;display:inline-flex;justify-content:center;align-items:center;gap:9px}.primary-btn.big{font-size:18px}.primary-btn:active{transform:scale(.99)}.welcome-actions .primary-btn{margin-left:auto;border:1px solid #68b7f2}.auth-page{min-height:100dvh;padding:30px 16px;background:linear-gradient(#e5ebfc,#f8faff 38%);display:grid;place-items:center}.auth-card{background:white;padding:30px 24px 40px;border-radius:34px;width:min(100%,480px);min-height:590px;box-shadow:var(--shadow);border:1px solid #e1e4ee;display:flex;flex-direction:column}.auth-logo{margin:26px auto 28px;display:grid;place-items:center;text-align:center;gap:15px}.auth-logo .brandmark{font-size:28px;padding:17px;border-radius:18px}.auth-logo h1{margin:0}.auth-title{text-align:center;font-size:23px;font-weight:800;margin:15px 0 8px}.auth-sub{text-align:center;color:var(--muted);line-height:1.6;margin:0 0 23px}.field{display:flex;flex-direction:column;gap:9px;margin:12px 0}.field label{font-weight:700;color:#77838c;font-size:14px}.field input,.field textarea,.search-input,.composer textarea{border:1px solid #dce2e9;outline:0;border-radius:18px;background:#f1f3f7;padding:17px;color:#162333;width:100%}.field input:focus,.field textarea:focus,.search-input:focus,.composer textarea:focus{border-color:#57a6da;background:white;box-shadow:0 0 0 3px #57a6da18}.form-submit{width:100%;margin-top:10px}.link-btn{border:0;background:transparent;color:var(--blue);font-weight:700;padding:12px}.auth-note{margin-top:auto;text-align:center;font-size:12px;color:#98a4b2;line-height:1.5}.main-layout{display:flex;min-height:100dvh}.sidebar{width:340px;flex-shrink:0;border-right:1px solid var(--line);background:#fff;position:relative}.side-top{padding:28px 24px 16px;border-bottom:1px solid var(--line)}.app-name{font-size:28px;letter-spacing:-1px;font-weight:850;color:#268bc8}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title{font-size:27px;margin:3px 0 17px;font-weight:800}.icon-btn{border:1px solid #e0e3e7;background:white;color:#718090;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.icon-btn.blue{color:var(--blue)}.searchrow{display:flex;gap:10px;align-items:center}.search-wrap{display:flex;align-items:center;gap:10px;border:1px solid #dde2e9;background:#f9fbfd;border-radius:35px;padding:0 14px;flex:1;box-shadow:0 4px 15px #0000000a;color:#8996a0}.search-wrap .icon{width:20px}.search-wrap input{min-width:0;width:100%;height:48px;padding:0;border:0;outline:0;background:none}.chat-list{padding:9px 0 115px;max-height:calc(100dvh - 160px);overflow-y:auto}.chat-row{display:flex;gap:13px;width:100%;text-align:left;border:0;background:white;border-bottom:1px solid #f1f2f6;padding:16px 22px;align-items:center}.chat-row:hover,.chat-row.selected{background:#eaf6ff}.avatar{width:57px;height:57px;border-radius:50%;flex-shrink:0;background:linear-gradient(145deg,#3f4657,#1d2438);display:grid;place-items:center;color:white;font-size:24px;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.blue{background:linear-gradient(130deg,#86c8ed,#2c86c7)}.avatar.gold{background:linear-gradient(140deg,#f1c434,#d7bc24)}.row-info{min-width:0;flex:1}.chat-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-row-top strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time{color:#98a3ac;font-size:12px}.preview{margin-top:7px;color:#8d9ba6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.bottomnav{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:15px;right:15px;border:1px solid #dde0e5;border-radius:36px;background:#fff;display:flex;align-items:center;justify-content:space-evenly;box-shadow:0 10px 35px #2a4f7022;padding:7px;z-index:8}.navitem{background:none;border:none;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#a4abb1;flex:1;padding:8px 2px;font-size:12px;font-weight:800}.navitem.active{background:#c0dff2;color:#2986bf}.navitem .icon{height:25px;width:25px}.content{min-width:0;flex:1;background:#f7faff;display:flex;flex-direction:column;height:100dvh}.content-placeholder{margin:auto;text-align:center;color:#869bab;max-width:290px}.content-placeholder .icon{width:66px;height:66px;color:#7dc0ec}.content-placeholder h2{color:#243142}.pane-head{background:#fff;display:flex;align-items:center;padding:19px 21px;gap:13px;border-bottom:1px solid var(--line)}.pane-head .title{font-weight:800;font-size:17px}.pane-head .subtitle{color:#97a3b0;font-size:12px;margin-top:4px}.pane-head .avatar{width:47px;height:47px;font-size:19px}.back-mobile{display:none}.messages{overflow:auto;flex:1;padding:22px 20px;display:flex;flex-direction:column;gap:12px;background-color:#f6faff;background-image:radial-gradient(#dcecf9 0.7px, transparent 0.7px);background-size:23px 23px}.bubble{max-width:min(82%,520px);border-radius:19px;padding:11px 14px 7px;background:white;box-shadow:0 5px 18px #2c5a7510;align-self:flex-start;overflow-wrap:anywhere}.bubble.own{background:#dff1fc;align-self:flex-end}.bubble .sender{font-size:12px;color:#2586bf;font-weight:800;margin-bottom:4px}.bubble .bubble-time{font-size:10px;color:#8899a3;text-align:right;margin-top:7px}.bubble img,.bubble video{max-width:min(100%,300px);border-radius:11px;display:block;margin-bottom:8px}.composer{display:flex;align-items:end;padding:12px;gap:8px;border-top:1px solid var(--line);background:#fff}.composer textarea{resize:none;max-height:120px;min-height:48px;padding:12px;border-radius:22px;background:#f3f5f8}.composer .primary-btn{border-radius:50%;width:48px;height:48px;padding:0;flex-shrink:0}.composer .icon-btn{border:0}.attach-preview{font-size:12px;color:var(--blue);padding:8px 17px;background:white}.pane-scroll{padding:25px 25px 120px;overflow:auto;flex:1}.settings-card{border:1px solid #e6e8ee;border-radius:24px;background:white;box-shadow:0 3px 13px #00000005;margin:0 0 22px;overflow:hidden}.settings-row{border:0;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;gap:16px;padding:19px;width:100%;text-align:left;font-size:16px;color:#243349}.settings-row:last-child{border-bottom:0}.settings-row .icon{color:#318fc9}.settings-row .tail{margin-left:auto;color:#a5b1bc}.setting-caption{font-size:13px;color:#8f9eac;margin:19px 18px 10px;font-weight:800;letter-spacing:1px}.account-top{display:flex;align-items:center;gap:15px;padding:20px}.account-top .avatar{width:69px;height:69px}.account-top .details{flex:1}.account-top .details b{font-size:19px}.account-top .details p{color:var(--muted);margin:5px 0}.coin-pill{display:inline-flex;align-items:center;gap:7px;background:#fff7e7;color:#c7911d;border:1px solid #ffe5a9;border-radius:20px;padding:8px 12px;font-weight:800}.coin-pill svg{width:17px;height:17px}.muted{color:#8b9aaa}.empty-state{color:#8497a6;text-align:center;padding:70px 24px}.empty-state .icon{height:62px;width:62px;color:#bed7e8;margin-bottom:12px}.empty-state h3{color:#243a50}.modal-backdrop{position:fixed;inset:0;background:#10253d55;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{width:min(100%,480px);background:#fff;padding:27px;border-radius:28px;box-shadow:0 20px 70px #123f6740;max-height:90dvh;overflow:auto}.modal-header{display:flex;justify-content:space-between;gap:15px;align-items:center}.modal h2{margin:0 0 9px;font-size:23px}.modal p{color:#8794a1}.modal-close{border:0;background:#f3f5f8;width:36px;height:36px;border-radius:50%;font-size:22px;color:#667}.form-actions{display:flex;gap:10px;margin-top:12px}.form-actions .primary-btn{flex:1}.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-item{border:1px solid #dceaf5;background:linear-gradient(155deg,#f5fbff,#f2f4fc);border-radius:20px;padding:20px 11px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px}.market-item .emoji{font-size:35px}.market-item strong{font-size:15px}.market-item small{color:#8996a2}.market-item button{border:0;background:#2f92c9;color:#fff;border-radius:14px;padding:10px 13px;font-weight:700}.call-screen{display:grid;place-content:center;text-align:center;height:100%;gap:18px;background:linear-gradient(150deg,#103751,#101923);color:#fff}.call-screen .avatar{margin:auto;width:105px;height:105px}.call-screen h2{margin:0}.call-screen .controls{display:flex;gap:15px;justify-content:center}.call-screen .controls button{border:0;width:65px;height:65px;border-radius:50%;background:#334657;color:#fff;font-size:20px}.call-screen .controls button.end{background:#f05e62}.notice{border:1px solid #ffe5b9;background:#fffbf2;border-radius:17px;padding:13px;color:#9a6d27;font-size:13px;line-height:1.55;margin:10px 0}.pill{border-radius:50px;font-size:12px;background:#edf5fb;color:#3b8db8;padding:5px 10px;font-weight:800}.mini-back{background:none;border:0;color:#25364e;font-size:28px;padding:0 12px 0 0}.profile-panel{padding:28px}.profile-center{text-align:center}.profile-center .avatar{width:95px;height:95px;font-size:35px;margin:auto}.profile-center h2{margin:14px 0 5px}.profile-center p{margin:4px;color:#8594a5}.accent-row{display:flex;gap:12px;align-items:center;padding:20px}.accent-row input{width:46px;height:46px;border:0;background:transparent}.section-heading{font-weight:800;font-size:22px;margin:0 0 18px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120px);padding:13px 20px;border-radius:15px;background:#172b3d;color:white;font-size:14px;max-width:90vw;text-align:center;z-index:999;transition:transform .25s;pointer-events:none}#toast.show{transform:translateX(-50%) translateY(0)}.desktop-note{color:#94a1ad;padding:30px;text-align:center}.mobile-back-only{display:none}
@media (min-width:1025px){.app-shell{border-left:1px solid #e6eaf1;border-right:1px solid #e6eaf1}.sidebar{width:390px}.app-shell{max-width:1250px}}
@media (max-width:730px){.app-shell{min-height:100dvh}.sidebar{width:100%;height:100dvh}.side-top{padding:25px 21px 14px}.chat-list{max-height:calc(100dvh - 210px)}.content{display:none}.main-layout.open-chat .sidebar{display:none}.main-layout.open-chat .content{display:flex}.back-mobile{display:grid}.main-layout.show-tab .sidebar{display:none}.main-layout.show-tab .content{display:flex}.pane-scroll{padding:18px 17px 120px}.welcome-card{padding:32px 25px;min-height:650px}.bubble{max-width:90%}.messages{padding:18px 11px}.sidebar{border:0}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:30px 30px 0 0;width:100%;padding-bottom:max(25px,env(safe-area-inset-bottom))}.bottomnav{bottom:max(11px,env(safe-area-inset-bottom))}.mobile-back-only{display:flex}}

/* NEXA 2.0 FULLSCREEN — original art + motion */
:root{--blue:#258fd6;--blue2:#70d4ff;--muted:#75869a;--line:#e8edf4;--shadow:0 22px 70px rgba(29,74,126,.13)}
html,body,#app{width:100%;min-height:100%;margin:0}body{background:#fff}
#app{min-height:100dvh}.app-shell{max-width:none;width:100%;min-height:100dvh;box-shadow:none}
.main-layout{height:100dvh;min-height:0;overflow:hidden}.sidebar{height:100dvh;display:flex;flex-direction:column}.side-top{flex-shrink:0}.chat-list{max-height:none;min-height:0;flex:1;padding-bottom:120px}
.content{min-width:0;flex:1;min-height:0;overflow:hidden}.app-name{display:flex;align-items:center;gap:9px;font-weight:850;letter-spacing:-.9px;color:#257eb9}.app-name img{width:36px;height:36px;border-radius:12px;box-shadow:0 5px 16px #199de82a}.sidebar{box-shadow:10px 0 35px #122f5307}
.primary-btn{background:linear-gradient(135deg,#159cdd 0%,#3688d6 55%,#436ce8 120%);box-shadow:0 12px 29px #237cc52d;transition:transform .2s,box-shadow .2s,filter .2s}
.primary-btn:hover{filter:brightness(1.055);box-shadow:0 16px 33px #237cc547}.primary-btn:active{transform:scale(.97)}
.chat-row,.navitem,.settings-row,.icon-btn,.modal{transition:background .22s,transform .22s,color .22s,box-shadow .22s}.chat-row:active,.icon-btn:active,.settings-row:active{transform:scale(.985)}
.bottomnav{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 10px 35px #163d6022}
.navitem.active{color:#217fc4}.navitem.active:before{background:#e1f1fb}
/* onboarding: no little centered card, the whole screen is designed */
.welcome-wrap{height:100dvh;min-height:100dvh;padding:0;background:#091827;display:block;overflow:hidden}
.welcome-card{isolation:isolate;max-width:none;width:100%;height:100dvh;min-height:0;border:0;border-radius:0;padding:clamp(22px,4vw,46px) clamp(25px,6vw,92px) max(22px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 58% 32%,#173b61 0%,#0d2337 50%,#0b1725 90%);box-shadow:none;overflow:hidden;touch-action:pan-y}
.welcome-card:before{left:auto;right:-23vw;top:13%;width:85vw;height:85vw;max-width:940px;max-height:940px;border:1px solid #519ad82b;pointer-events:none}
.welcome-card:after{left:auto;right:-12vw;top:21%;width:62vw;height:62vw;max-width:710px;max-height:710px;border-color:#7ee4ff15;pointer-events:none}
.welcome-noise{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.welcome-head{display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:2}.wordmark{display:flex;align-items:center;gap:13px;color:#fff;font-size:22px;letter-spacing:1.6px;font-weight:900}.wordmark img{width:48px;height:48px;box-shadow:0 8px 25px #2498da30;border-radius:15px}.wordmark span{color:#83cfff}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:800;color:#8cacc6}
.welcome-card .steps{margin:24px 0 0;gap:9px;width:100%;z-index:3;display:flex}.welcome-card .steps button{flex:1;height:5px;padding:0;border:0;border-radius:20px;background:#57708480;transition:background .35s,transform .35s}.welcome-card .steps button.active{background:linear-gradient(90deg,#40b5f7,#85e4ff);box-shadow:0 0 15px #45c2ff50}
.welcome-figure{height:min(45dvh,470px);min-height:185px;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;animation:slideInUp .55s cubic-bezier(.2,.7,.1,1) both}.art-backlight{position:absolute;width:min(85vw,620px);height:min(55vh,510px);background:radial-gradient(circle,#3ab4ff30,transparent 65%);filter:blur(13px);pointer-events:none}.hero-art{position:relative;display:block;height:100%;max-height:470px;max-width:min(90vw,750px);width:100%;object-fit:contain;animation:gentleFloat 6s ease-in-out infinite;filter:drop-shadow(0 18px 37px #030e2233)}
.welcome-copy{z-index:2;position:relative;max-width:660px;animation:slideInUp .47s cubic-bezier(.2,.7,.1,1) both}.welcome-card .welcome-tag{display:inline-flex;background:#0f3b5f65;color:#73cfff;border:1px solid #3a92d280;border-radius:9px;font-size:11px;padding:9px 13px;letter-spacing:1.9px}.welcome-card .welcome-title{font-size:clamp(42px,7vw,79px);line-height:1.02;letter-spacing:-2.7px;margin:17px 0 12px;font-weight:850}.welcome-card .welcome-sub{font-size:clamp(15px,1.9vw,20px);line-height:1.62;color:#b0c3d6;min-height:0;margin:0;max-width:520px}
.welcome-footer{z-index:2;position:relative;display:flex;align-items:center;gap:25px;justify-content:space-between;margin-top:auto;padding-top:16px}.swipe-hint{color:#84a3b8;font-size:13px;letter-spacing:.3px}.welcome-footer .primary-btn{margin-left:auto;border:1px solid #70d4ff88;padding:17px 25px;border-radius:19px;min-height:55px}
@keyframes gentleFloat{0%,100%{transform:translateY(0) rotate(-.7deg)}50%{transform:translateY(-12px) rotate(.7deg)}}@keyframes slideInUp{from{opacity:0;transform:translateY(25px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeSoft{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}
/* Sign-in responsive two-panel layout, no centered floating sheet on mobile */
.auth-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,600px);width:100%;min-height:100dvh;height:100dvh;padding:0;place-items:stretch;background:#fbfdff;overflow:auto}
.auth-poster{overflow:hidden;position:relative;padding:clamp(30px,4.5vw,72px);background:radial-gradient(circle at 55% 38%,#154e76 0%,#0d2a42 50%,#081c2d 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.auth-poster:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:38px 38px;pointer-events:none}
.auth-poster-graphic{height:min(55vh,550px);display:grid;place-items:center;animation:slideInUp .75s both}.auth-poster-graphic img{max-height:100%;max-width:100%;filter:drop-shadow(0 15px 35px #03152b70);animation:gentleFloat 7s infinite}.poster-bottom{position:relative;z-index:2}.poster-bottom span{font-size:12px;color:#79c9f0;font-weight:800;letter-spacing:2px}.poster-bottom h2{font-size:clamp(32px,4vw,60px);letter-spacing:-2px;line-height:1.04;margin:16px 0}.poster-bottom p{color:#bdd8eb;font-size:18px}
.auth-card{width:100%;height:100%;max-height:none;min-height:100dvh;max-width:none;box-shadow:none;border:0;border-radius:0;padding:clamp(23px,5vw,50px);display:grid;place-items:center;overflow-y:auto}
.auth-inner{width:min(100%,440px);min-height:min(700px,100%);display:flex;flex-direction:column;position:relative;animation:fadeSoft .36s both}.auth-back{align-self:flex-start;width:44px;height:44px;border:1px solid #e3eaf3;border-radius:50%;background:#f8fbff;font-size:25px;color:#234060;transition:transform .2s}.auth-back:active{transform:scale(.93)}
.auth-logo{display:flex;flex-direction:column;gap:3px;align-items:center;margin:12px auto 29px}.auth-logo img{width:78px;height:78px;border-radius:23px;box-shadow:0 14px 29px #307ce42e}.auth-logo h1{font-size:27px;letter-spacing:-1px;margin:9px 0 0}.auth-logo span{font-size:13px;color:#8d9cae}
.auth-card .auth-title{font-size:clamp(27px,3vw,34px);letter-spacing:-.85px;margin:11px 0 8px}.auth-card .auth-sub{font-size:15px;line-height:1.6;margin:0 0 18px}
.auth-card .field input{border:1px solid #dce7f3;background:#f5f8fc;padding:17px 19px;border-radius:18px}.auth-card .form-submit{padding:18px;margin-top:14px;border-radius:18px;width:100%}.auth-card .link-btn{margin:12px auto;display:block}
.auth-protection{display:flex;align-items:center;justify-content:center;gap:8px;margin:23px 0 12px;color:#687d91;font-size:12px}.auth-protection svg{color:#4594d1}
.security-warning{background:#fff8e8;color:#a45c05;border:1px solid #f5d398;padding:12px 14px;border-radius:12px;text-align:center;font-size:13px;line-height:1.55}
.auth-note{line-height:1.5;margin:10px auto 20px;text-align:center;max-width:360px;color:#a1abb9}
.admin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.admin-stats>div{background:#f4f9ff;border:1px solid #ddebfa;padding:16px;border-radius:18px;display:grid;gap:5px}.admin-stats b{font-size:29px;color:#258bd0}.admin-stats span{font-size:12px;color:#8494a5}
/* full-width mobile */
@media(max-width:730px){
 body,.app-shell,.main-layout,.sidebar,.content{width:100%;max-width:100%}
 .app-shell{min-height:100dvh}.main-layout{height:100dvh}.sidebar{height:100dvh}.chat-list{max-height:none;flex:1;padding-bottom:115px}
 .welcome-card{padding:calc(23px + env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom))}.welcome-head .wordmark{font-size:19px}.welcome-head .wordmark img{width:38px;height:38px;border-radius:12px}.welcome-head .eyebrow{font-size:9px;letter-spacing:1px}.welcome-card .steps{margin:22px 0 0}.welcome-figure{height:39dvh;min-height:155px;max-height:380px}.welcome-card .welcome-title{font-size:clamp(40px,9vw,60px);line-height:1.06;margin:15px 0 13px;letter-spacing:-1.9px}.welcome-card .welcome-sub{font-size:15px;line-height:1.55}.welcome-footer{gap:10px}.swipe-hint{font-size:11px}.welcome-footer .primary-btn{padding:15px 17px;font-size:15px;min-height:52px}
 .auth-page{display:block;height:100dvh;min-height:100dvh;overflow:hidden}.auth-poster{display:none}.auth-card{width:100%;height:100dvh;min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 26px max(14px,env(safe-area-inset-bottom));border-radius:0;overflow-y:auto}.auth-inner{width:100%;min-height:100%;justify-content:start}.auth-logo{margin:25px auto 29px}.auth-logo img{width:80px;height:80px}.auth-card .auth-title{font-size:28px}.auth-card .auth-sub{font-size:14px}.auth-note{margin-top:auto}
 .side-top{padding:calc(18px + env(safe-area-inset-top)) 19px 15px}.app-name{font-size:24px}.app-name img{width:33px;height:33px}.section-title{font-size:27px}.search-wrap{background:#f6f8fb}.chat-row{padding:16px 18px}.navitem{font-size:13px}
 .content{height:100dvh}.pane-scroll{padding-bottom:125px}.messages{min-height:0}.composer{padding-bottom:max(15px,env(safe-area-inset-bottom))}
}
@media(max-height:725px){.welcome-figure{height:29dvh;min-height:110px}.welcome-card .welcome-title{font-size:clamp(34px,7vw,52px)}.welcome-card .welcome-sub{font-size:13px;line-height:1.45}.welcome-footer{padding-top:10px}.welcome-card .steps{margin:13px 0 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Nexa Chat 3.0 — motion, tactile feedback and visual system */
:root{--blue:#318fcb;--blue2:#70c0ed;--ink:#182a43;--glass:rgba(255,255,255,.83);--motion:cubic-bezier(.16,1,.3,1)}
body{color:var(--ink);-webkit-tap-highlight-color:transparent}
button{position:relative;overflow:hidden;transition:transform .24s var(--motion),background-color .24s ease,border-color .24s ease,box-shadow .24s var(--motion),color .24s}
button:active,button.pressed{transform:scale(.962)}
button:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 45%,white);outline-offset:2px}
.nexa-ripple{position:absolute;border-radius:50%;background:currentColor;opacity:0;pointer-events:none;animation:nexaRipple .58s ease-out forwards;transform:scale(.12);z-index:1}
@keyframes nexaRipple{0%{opacity:.20;transform:scale(.12)}100%{opacity:0;transform:scale(1)}}
@keyframes nexaPop{from{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes nexaSlideUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes nexaSlideRight{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}
@keyframes nexaGlow{0%,100%{filter:drop-shadow(0 0 7px #57baf733)}50%{filter:drop-shadow(0 0 17px #64ceff86)}}
@keyframes nexaPulse{0%{box-shadow:0 0 0 0 #389bdf50}70%,100%{box-shadow:0 0 0 14px #389bdf00}}
@keyframes nexaRotate{to{transform:rotate(360deg)}}
@keyframes navSpring{0%{transform:scale(.75) translateY(9px)}70%{transform:scale(1.09)}100%{transform:scale(1)}}
::view-transition-old(root){animation:180ms ease both fadeOut}
::view-transition-new(root){animation:270ms var(--motion) both nexaSlideRight}
@keyframes fadeOut{to{opacity:0}}
.icon{transition:transform .24s var(--motion)}
.icon-btn:hover .icon,.settings-tile:hover>.icon:last-child{transform:scale(1.11)}
.primary-btn{background:linear-gradient(130deg,var(--blue) 0%,#1875c4 75%,#397acf 100%);box-shadow:0 12px 29px #318dcc38;isolation:isolate}
.primary-btn:hover{box-shadow:0 15px 35px #318dcc54;transform:translateY(-1px)}
.primary-btn:active{transform:scale(.97)}
.primary-btn .icon{width:20px;height:20px}
/* onboarding should be edge-to-edge on mobile, not a floating card */
.welcome-wrap{padding:0;background:#0c1d2a;min-height:100dvh;min-height:100svh}
.welcome-card{width:100%;max-width:none;min-height:100dvh;min-height:100svh;border-radius:0;border:none;box-shadow:none;padding:max(35px,env(safe-area-inset-top)) clamp(24px,5vw,85px) max(30px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 77% 28%,#184c6e 0%,#0d263a 38%,#0a1622 84%);isolation:isolate}
.welcome-card:before,.welcome-card:after{opacity:.6}
.welcome-card .welcome-figure{max-height:44dvh;min-height:160px}
.welcome-card .hero-art{animation:gentleFloat 6.5s ease-in-out infinite, nexaGlow 6.5s infinite}
.welcome-card .welcome-copy{animation:nexaSlideUp .5s var(--motion) both}
.welcome-card .welcome-title{letter-spacing:-2px}
.welcome-card .steps button{position:relative;overflow:hidden}
.welcome-card .steps button.active{box-shadow:0 0 18px #47b1fcb3}
.welcome-card .steps button.active:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#e2fbff9a,transparent);animation:nexaShimmer 2s infinite}
@keyframes nexaShimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
/* authentication: simple unified entry, visible login/register tabs */
.auth-card{background:radial-gradient(circle at 50% 8%,#f5faff 0%,#fff 55%)}
.auth-inner{gap:0}
.auth-back{display:grid;place-items:center;padding:0;color:#54738c}
.auth-emblem{position:relative;animation:nexaPop .6s var(--motion) both}
.auth-emblem:before{content:'';position:absolute;inset:-12px;border-radius:30px;background:#46b9f720;filter:blur(14px);z-index:0}
.auth-emblem img{position:relative;z-index:1;animation:nexaGlow 4s infinite}
.auth-logo{margin:10px auto 21px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#f0f5fc;border-radius:18px;gap:4px;margin:0 0 24px}
.auth-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;border-radius:13px;color:#798ca4;padding:13px 9px;font-size:14px;font-weight:770}
.auth-tabs button.selected{background:white;color:var(--blue);box-shadow:0 4px 16px #244e761d}
.auth-tabs button .icon{width:17px;height:17px}
.auth-form-group{animation:nexaPop .4s var(--motion) both}
.auth-card .auth-intro{text-align:left;margin:0 0 14px}
.auth-card .auth-title{text-align:left;font-size:30px;margin:0 0 5px;letter-spacing:-1.1px}
.auth-card .auth-sub{text-align:left;font-size:14px;margin:0}
.auth-card .field{gap:7px;margin:12px 0}
.auth-card .field label{font-size:13px;font-weight:750}
.auth-card .field-decor{display:flex;align-items:center;gap:10px;border:1px solid #e0e8f2;background:#f7fafe;border-radius:17px;padding:0 14px;color:#8c9db0;transition:border-color .22s,box-shadow .22s,background .22s}
.auth-card .field-decor:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #48a2d91a;color:var(--blue)}
.auth-card .field-decor>.icon{height:19px;width:19px}
.auth-card .field-decor input{flex:1;min-width:0;border:0;background:transparent;box-shadow:none!important;outline:0;padding:17px 0;border-radius:0;color:#183149}
.auth-card .field-decor .pass-eye{border:0;background:none;color:#7d92a6;width:36px;height:40px;display:grid;place-items:center;padding:0}
.auth-card .field-decor .pass-eye .icon{height:20px;width:20px}
.auth-card .field-decor.otp-entry input{font-weight:800;font-size:24px;text-align:center;letter-spacing:9px}
.auth-card .form-submit{margin-top:20px;min-height:55px;border-radius:17px;gap:10px}
.auth-protection{margin-top:18px}
.auth-protection .icon{width:17px;height:17px}
.auth-card .auth-note{margin-top:auto;padding:15px 0 0;font-size:11px}
.subtle-link{font-size:13px!important;display:block;margin:8px 0 0!important}
/* responsive header and quick action popup */
.sidebar{background:linear-gradient(#fff,#fcfdff)}
.app-name{display:flex;align-items:center;gap:9px}
.app-name span{flex:1}
.app-name .header-menu{width:38px;height:38px;margin-left:auto;background:#f4f9fe;color:#438dbb;border:0}
.app-name .header-menu .icon{width:22px;height:22px}
.side-top{position:relative;z-index:11}
.quick-menu{position:absolute;top:72px;left:15px;right:15px;background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:10px 8px 12px;border:1px solid #cce0f0;border-radius:24px;box-shadow:0 22px 65px #164b7930;animation:nexaPop .24s var(--motion) both;z-index:20}
.quick-menu-label{font-size:10px;font-weight:800;color:#94a2b0;letter-spacing:1.5px;padding:10px 13px}
.quick-menu button{width:100%;border:0;background:transparent;border-radius:14px;padding:13px;display:flex;align-items:center;gap:13px;color:#223c59;font-weight:700;text-align:left}
.quick-menu button:hover,.quick-menu button:active{background:#eaf5ff}
.quick-menu button .icon{width:20px;height:20px;color:var(--blue)}
.search-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #318fcb18}
.chat-row{transition:background .17s, transform .2s;border-radius:0}
.chat-row:active{background:#e6f3fd;transform:scale(.99)}
.chat-row .avatar{transition:transform .32s var(--motion)}
.chat-row:hover .avatar{transform:scale(1.075)}
/* glowing bottom nav, subtle moving selected segment */
.bottomnav{background:#fffffff0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:#d7e6f1;box-shadow:0 8px 31px #3977a421,0 0 0 1px #fff inset}
.navitem{transition:background .29s var(--motion),transform .27s var(--motion),color .2s}
.navitem.active{background:linear-gradient(140deg,#d0ecff,#a9d7f5);box-shadow:inset 0 0 0 1px #b6d8f5,0 5px 15px #65a1d027}
.navitem.active .icon{animation:navSpring .4s var(--motion) both}
.navitem:not(.active):active{background:#f0f8ff}
/* chat detail: motion and headers */
.pane-head{background:#ffffffea;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.bubble{animation:nexaPop .27s var(--motion) both}
.composer button:active,.icon-btn:active{box-shadow:0 0 0 7px #338bd31a}
/* settings: professional compact cards, a lot more icons */
.settings-screen{background:linear-gradient(165deg,#f7fbff,#fff 52%);padding:14px 19px 135px!important}
.settings-hero{position:relative;background:linear-gradient(125deg,#f5fbff,#edf6ff);border:1px solid #dcebf8;border-radius:25px;padding:24px 20px 21px;overflow:hidden;box-shadow:0 9px 22px #3b92c311;animation:nexaSlideUp .35s var(--motion) both}
.settings-hero:after{content:'';position:absolute;right:-67px;top:-60px;width:190px;height:190px;border:1px solid #55b9e829;border-radius:50%;box-shadow:0 0 0 27px #55b9e810,0 0 0 59px #55b9e808;pointer-events:none}
.settings-sparkle{position:absolute;top:18px;right:20px;color:#66bfe7;animation:gentleFloat 4s infinite}
.settings-profile{display:flex;gap:15px;align-items:center}
.settings-profile .avatar{width:69px;height:69px;box-shadow:0 6px 24px #8fadd052}
.settings-profile div:last-child{display:flex;flex-direction:column;gap:5px;min-width:0}
.settings-profile strong{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-profile span{color:#7690a8;font-size:13px}
.profile-edit{display:inline-flex;gap:8px;align-items:center;margin-top:19px;padding:10px 17px;background:#fff;border:1px solid #d6e7f5;border-radius:14px;color:var(--blue);font-size:13px;font-weight:750;box-shadow:0 4px 15px #2d79be12}
.settings-section{margin-top:21px;animation:nexaSlideUp .45s var(--motion) both}
.settings-section:nth-child(2){animation-delay:.03s}.settings-section:nth-child(3){animation-delay:.07s}.settings-section:nth-child(4){animation-delay:.11s}
.settings-section-title{font-size:11px;color:#8d9bb0;font-weight:850;letter-spacing:1.15px;padding:0 5px 10px}
.settings-tiles{background:white;border:1px solid #e8edf5;border-radius:22px;box-shadow:0 5px 20px #244d7010;overflow:hidden}
.settings-tile{border:0;border-bottom:1px solid #eef1f7;background:white;width:100%;min-height:66px;padding:12px 17px;display:flex;gap:14px;text-align:left;align-items:center;color:#243d59}
.settings-tile:last-child{border-bottom:0}
.settings-tile:active{background:#eaf7ff}
.tile-icon{height:39px;width:39px;border-radius:12px;background:#e9f5fd;color:var(--blue);display:grid;place-items:center;flex-shrink:0}
.tile-icon .icon{width:21px;height:21px}
.settings-tile:nth-child(2n) .tile-icon{background:#f1edff;color:#866fda}
.settings-tile:nth-child(3n) .tile-icon{background:#fff4e6;color:#f0a447}
.settings-tile .tile-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tile-copy strong{font-size:14px;font-weight:750}
.tile-copy small{font-size:11px;color:#8998a7}
.settings-tile>.icon{color:#9aabbb;height:16px;width:16px}
.logout-tile{display:flex;gap:12px;align-items:center;justify-content:center;border:1px solid #f9d8d8;background:#fff6f6;color:#d95858;border-radius:17px;padding:16px;width:100%;margin-top:22px;font-weight:750}
.logout-tile .icon{height:18px;width:18px}
.settings-footer{display:block;color:#b0bdc8;text-align:center;font-size:11px;margin:23px 0 0}
/* modern mobile modal sheet */
.modal-backdrop{background:#102c4966;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s both}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.modal{animation:nexaPop .32s var(--motion) both;overscroll-behavior:contain}
@media(max-width:730px){
 .welcome-wrap,.welcome-card{width:100%;height:100dvh;min-height:100svh;overflow:hidden}
 .welcome-card{border-radius:0!important;padding:max(22px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom))!important}
 .welcome-card .welcome-figure{height:37dvh;min-height:115px}
 .welcome-card .welcome-title{font-size:clamp(34px,9.5vw,53px)}
 .welcome-footer{gap:8px}
 .auth-card{padding:calc(18px + env(safe-area-inset-top)) 22px max(14px,env(safe-area-inset-bottom))}
 .auth-logo{margin:1px auto 18px}
 .auth-logo img{width:66px;height:66px}
 .auth-logo h1{font-size:24px}
 .auth-card .auth-tabs{margin-bottom:17px}
 .auth-card .field{margin:10px 0}
 .auth-card .field-decor input{padding:14px 0}
 .auth-card .auth-note{padding-top:10px}
 .quick-menu{top:70px}
 .modal-backdrop{padding:0;align-items:flex-end}
 .modal{width:100%;max-width:none;max-height:90dvh;border-radius:28px 28px 0 0;padding:15px 23px max(28px,env(safe-area-inset-bottom));animation:nexaSlideUp .34s var(--motion) both;box-shadow:0 -17px 60px #1d456137}
 .modal:before{content:'';display:block;width:39px;height:5px;border-radius:100px;background:#cdd7e2;margin:0 auto 14px}
 .settings-screen{padding:14px 17px 120px!important}
}
@media(prefers-reduced-motion:reduce){.welcome-card .hero-art,.settings-sparkle,.welcome-card .steps button.active:before{animation:none!important}}

/* NEXA CHAT V4 — Ultra UI */
:root{--v4-blue:#318fcb;--v4-ink:#172738;--v4-shadow:0 18px 50px rgba(23,75,130,.12)}
.v4-ready .app-name{font-weight:900;letter-spacing:-.035em}
.v4-ready .chat-row{transition:background .2s,transform .2s,box-shadow .2s;position:relative}
.v4-ready .chat-row:active{transform:scale(.982)}
.v4-ready button,.v4-ready .settings-tile{touch-action:manipulation}
.v4-quickbar{display:flex;justify-content:space-between;align-items:center;color:#8ca2b9;font-size:10px;font-weight:900;letter-spacing:1.2px;padding:3px 2px 12px;min-height:34px;gap:7px}
.v4-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#42c898;box-shadow:0 0 0 4px #42c89826;animation:v4Pulse 2.4s infinite}
.v4-quickbar>.v4-action{font-size:11px;padding:6px 10px;border-radius:12px;color:#448bcc;background:linear-gradient(120deg,#edf6ff,#f4f0ff);border:1px solid #dceaff;margin-left:auto;white-space:nowrap}
.v4-join-trigger{background:#edf6ff!important;color:#2386ce!important;border-radius:16px!important;flex:none}
.v4-action{appearance:none;cursor:pointer;border:1px solid #dce9f7;background:linear-gradient(125deg,#f3f9ff,#eaf3ff);padding:11px 14px;border-radius:14px;color:#317dae;font-weight:750;margin:5px 6px 5px 0;transition:transform .2s,background .2s,box-shadow .2s}
.v4-action:hover{background:#dceeff;box-shadow:0 6px 16px #3779aa26}
.v4-action:active{transform:scale(.94)}
.v4-result-title{font-size:10px;letter-spacing:1.2px;font-weight:900;color:#8aa4be;padding:15px 22px 8px}
.v4-no-results{padding:18px;color:#95a7bb;font-size:13px}
.v4-chat-avatar{background:linear-gradient(150deg,var(--profile-accent,#398bd0),#263d78)!important;box-shadow:0 8px 22px #377caa24;display:flex;align-items:center;justify-content:center}
.v4-emoji{font-size:25px;line-height:1;filter:drop-shadow(0 3px 2px #18294533)}
.v4-chat-title{border:none;background:none;font:inherit;font-weight:800;color:inherit;text-align:left;padding:0;cursor:pointer;line-height:1.3}
.v4-info-trigger{color:#378ccb!important;background:#edf7ff!important}
.v4-modal{max-height:min(90dvh,860px);overflow:auto;padding:10px 20px 28px;scrollbar-width:thin}
.v4-handle{width:55px;height:5px;background:#d6e3f0;border-radius:8px;margin:0 auto}
.v4-modal-title{font-size:25px;font-weight:850;color:#182b41;margin:10px 0}
.v4-modal h3{margin:20px 0 10px;font-size:16px;color:#152a43}
.v4-modal p{color:#7d90a5;line-height:1.6;font-size:14px}
.v4-field{display:block;font-size:13px;font-weight:750;color:#5c748d;margin:14px 0 7px}
.v4-field input{width:100%;margin:7px 0 0;background:#f3f7fb;border:1px solid #dce5ee;border-radius:15px;min-height:48px;padding:11px 14px;font:inherit;color:#142c43;outline:0;transition:box-shadow .2s}
.v4-field input:focus{box-shadow:0 0 0 4px #3f97e120;border-color:#70b6eb}
.v4-icon-pick{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:12px 0}
.v4-icon-item input,.v4-colors input{position:absolute;opacity:0;pointer-events:none}
.v4-icon-item{cursor:pointer;position:relative;min-width:0}
.v4-icon-item span{display:flex;align-items:center;justify-content:center;height:41px;background:#f0f5fb;border:2px solid transparent;border-radius:12px;font-size:23px;transition:transform .22s,box-shadow .22s}
.v4-icon-item input:checked+span{background:#e4f3ff;border-color:#47a4e6;transform:translateY(-3px);box-shadow:0 7px 12px #3e96d332}
.v4-radio-row{display:flex;gap:9px;margin:16px 0 5px}
.v4-radio-row label{flex:1;text-align:center;border:1px solid #dbe7f5;border-radius:14px;padding:13px 5px;background:#f6f9fe;cursor:pointer;font-size:12px;font-weight:750}
.v4-radio-row input{accent-color:#368fd0}
.v4-hint{font-size:12px!important;line-height:1.55;color:#97a8b8!important;padding:10px 4px}
.v4-card{background:#f6f9ff;border:1px solid #e1ebf7;border-radius:20px;padding:16px;margin:13px 0;box-shadow:0 5px 25px #2b6a9620}
.v4-card h2{margin:4px 0;color:#257bb8;font-size:27px}
.v4-card h2 span{font-size:13px;color:#8aa2b6}
.v4-balance{display:flex;align-items:center;justify-content:space-between;gap:5px;background:linear-gradient(125deg,#eaf5ff,#f4edff)}
.v4-balance small{font-size:10px;letter-spacing:1.5px;color:#8ba3b8}
.v4-gift .emoji{font-size:42px!important}
.v4-sticker-bubble{background:transparent!important;border:0!important;box-shadow:none!important;max-width:245px;text-align:center}
.v4-animated-sticker{position:relative;display:inline-block;font-size:58px;filter:drop-shadow(0 9px 9px #527baf4d);animation:v4Float 3.2s ease-in-out infinite,v4StickerAppear .7s cubic-bezier(.15,1.7,.5,1) both;transform-origin:center}
.v4-sticker-spark{position:absolute;top:-9px;right:-22px;font-size:21px;color:#ffbb54;animation:v4Spark 2s infinite}
.v4-sticker-label{font-size:12px;color:#8ba1b8;background:#f5faff;padding:7px 11px;border-radius:12px;margin-top:8px}
.v4-collectible{font-size:44px!important;animation:v4Twinkle 3s ease-in-out infinite}
.v4-inventory{display:flex;gap:8px;flex-wrap:wrap}
.v4-inventory-item{background:#f3f7ff;border:1px solid #d8e5f4;border-radius:12px;padding:9px;color:#3979aa;font-weight:750;font-size:12px}
.v4-inventory-item .v4-emoji{font-size:20px;vertical-align:middle}
.v4-info-hero{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:22px;padding:28px 14px 26px;background:linear-gradient(140deg,var(--profile-accent,#398bd0),#172d55);color:white;min-height:190px;text-align:center;margin:10px 0 15px}
.v4-info-hero h2,.v4-info-hero p,.v4-info-hero span{z-index:1;color:#fff;margin:4px 0}
.v4-info-hero p{color:#d5e9ff}
.v4-profile-backdrop{position:absolute;right:-20px;top:-20px;pointer-events:none;font-size:150px;opacity:.16;transform:rotate(-24deg)}
.v4-hero-avatar{z-index:1;background:#ffffff26;border:2px solid #ffffff60;border-radius:22px;padding:15px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 12px 20px #0002}
.v4-hero-avatar .v4-emoji{font-size:42px}
.v4-info-hero .avatar{z-index:1}
.v4-invite{font-family:monospace;letter-spacing:1px;font-size:16px;color:#246ea6;background:#e9f3fc;padding:13px 10px;border-radius:12px;word-break:break-all}
.v4-member{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e5edf7}
.v4-member-icon{width:38px;height:38px;border-radius:50%;background:#def0fe;color:#2579bb;display:grid;place-items:center;font-size:18px;font-weight:800}
.v4-member>div:nth-child(2){flex:1;min-width:0}
.v4-member strong,.v4-member small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v4-member small{font-size:11px;color:#8da1b7}
.v4-member select{max-width:115px;border-radius:12px;background:#ecf4fb;border:1px solid #d9e6f3;padding:7px;color:#346e9a}
.v4-colors{display:flex;gap:12px;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin:15px 0}
.v4-colors label span{display:block;background:var(--swatch);width:34px;height:34px;border-radius:50%;border:3px solid white;outline:2px solid transparent;box-shadow:0 3px 12px #456b9933;transition:transform .2s}
.v4-colors input:checked+span{outline-color:var(--swatch);transform:scale(1.13)}
.v4-premium-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(118deg,#142a47,#214776 65%,#4869b8);border-radius:20px;padding:10px 14px;margin:7px 0 14px;color:white;min-height:108px;box-shadow:0 15px 30px #1c548536;cursor:pointer;transition:transform .2s}
.v4-premium-banner:active{transform:scale(.98)}
.v4-premium-banner strong{font-size:16px;color:#fff;display:block}
.v4-premium-banner span{font-size:11px;opacity:.79;line-height:1.6;display:block}
.v4-premium-banner>.icon{margin-left:auto;flex-shrink:0}
.v4-premium-banner .v4-diamond-scene{width:74px;height:77px;flex-shrink:0}
.v4-premium-modal{text-align:center}
.v4-premium-modal h2{font-size:27px;color:#1d3655;margin:12px 0}
.v4-premium-perks{display:grid;grid-template-columns:1fr;gap:7px;text-align:left;margin:16px 0}
.v4-premium-perks span{padding:12px 14px;border-radius:12px;background:#eff5ff;color:#426997;font-weight:700}
.v4-tag{font-size:11px;color:#458ac8;letter-spacing:3px;font-weight:900}
.v4-diamond-scene{--rx:-25deg;--ry:-32deg;perspective:650px;position:relative;width:190px;height:180px;display:grid;place-items:center;touch-action:none;margin:auto}
.v4-diamond-big{width:210px;height:180px}
.v4-diamond{width:90px;height:90px;transform-style:preserve-3d;position:relative;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(10deg);animation:v4Turn 9s linear infinite;filter:drop-shadow(0 13px 18px #308de566)}
.v4-diamond i{position:absolute;inset:4px;display:block;background:linear-gradient(125deg,#8aeaffbb,#489ce5c9 55%,#ffffffa0);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:2px solid #80d7fa8f;backface-visibility:visible}
.v4-diamond i:nth-child(1){transform:rotateY(0deg) translateZ(37px)}
.v4-diamond i:nth-child(2){transform:rotateY(60deg) translateZ(37px);background:linear-gradient(95deg,#c4baff,#4fa6e8)}
.v4-diamond i:nth-child(3){transform:rotateY(120deg) translateZ(37px)}
.v4-diamond i:nth-child(4){transform:rotateY(180deg) translateZ(37px);background:#368ada9f}
.v4-diamond i:nth-child(5){transform:rotateY(240deg) translateZ(37px)}
.v4-diamond i:nth-child(6){transform:rotateY(300deg) translateZ(37px);background:#83c5ffa0}
.v4-grant-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v4-grant-tabs input{width:100%;max-width:100%;border-radius:11px;border:1px solid #d9e5f1;background:white;min-height:45px;padding:9px 12px;margin:8px 0}
.v4-grant-tabs label{font-size:12px;color:#7d93a9;font-weight:800}
.v4-audit{padding:9px;border-bottom:1px solid #e0eafb;font-size:12px}
.v4-audit small{display:block;color:#8da0b5}
.v4-switch{display:flex;gap:9px;align-items:center;padding:12px;background:#f1f6fb;border-radius:12px;font-weight:700;color:#466781}
.v4-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}
.v4-choice-grid button{border-radius:14px;border:1px solid #dee9f8;background:#f1f8ff;padding:12px 7px;color:#3b84bd;font-weight:800;font-size:12px;min-height:64px}
@keyframes v4Pulse{50%{box-shadow:0 0 0 9px #42c89800}}
@keyframes v4Float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes v4StickerAppear{0%{opacity:0;scale:.35;rotate:-28deg}75%{opacity:1;scale:1.15;rotate:6deg}100%{scale:1;rotate:0deg}}
@keyframes v4Spark{0%,100%{opacity:.4;scale:.8}50%{opacity:1;scale:1.35}}
@keyframes v4Twinkle{0%,100%{filter:drop-shadow(0 4px 6px #648add66)}50%{filter:drop-shadow(0 4px 15px #7298facc)}}
@keyframes v4Turn{0%{transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(10deg)}100%{transform:rotateX(var(--rx)) rotateY(calc(360deg + var(--ry))) rotateZ(10deg)}}
.v4-reduce-motion *, .v4-reduce-motion *::before,.v4-reduce-motion *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
@media(max-width:760px){
 .v4-ready .settings-screen{padding-bottom:115px}
 .v4-ready .chat-list{scrollbar-width:none}
 .v4-ready .modal{max-height:87dvh}
 .v4-ready .sidebar .app-name{font-size:21px}
 .v4-icon-pick{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
 .v4-icon-item span{height:38px;font-size:20px}
 .v4-ready .navitem.active{transition:transform .22s;transform:translateY(-3px)}
 .v4-ready .content,.v4-ready .sidebar{will-change:transform}
 .v4-ready .bottomnav{box-shadow:0 8px 32px #356a9921}
}
@media(prefers-reduced-motion:reduce){.v4-ready *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.v4-background-select{width:100%;height:48px;border:1px solid #dbe9f8;background:#f1f6fd;border-radius:15px;color:#376b91;padding:10px 13px;margin:8px 0}
.v4-received-gifts{display:flex;gap:10px;overflow-x:auto;min-height:70px;scrollbar-width:none;padding-bottom:8px}
.v4-received-item{min-width:85px;border-radius:16px;background:#f2f6fb;padding:8px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px}
.v4-received-item .v4-animated-sticker{font-size:35px}
.v4-received-item small{font-size:10px;color:#84a0b9}
.v4-sticker-art{width:1.35em;height:1.35em;object-fit:contain;display:block;margin:auto;filter:drop-shadow(0 6px 8px #4b82bd40);pointer-events:none}
.v4-sticker-bubble .v4-sticker-art{width:114px;height:114px}
.v4-received-item .v4-sticker-art{width:46px;height:46px}
/* ═══ Nexa Chat 4.1 Community & Motion ═══ */
.v41-ready .sidebar,.v41-ready .pane-scroll{background:linear-gradient(180deg,#fbfdff,#f5f9fe)}
.v41-ready button{touch-action:manipulation;transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .25s,background-color .25s}
.v41-ready button:active{transform:scale(.958)}
.v41-shortcuts{display:flex;gap:8px;margin:6px 15px 10px}
.v41-shortcuts button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:1px solid #dde9f4;border-radius:13px;padding:9px 5px;background:#fff;color:#4786b7;font-size:12px;font-weight:750;box-shadow:0 5px 15px #20497208}
.v41-shortcuts svg{width:17px;height:17px}
.v41-search-label{font-size:10px;color:#7b96ac;letter-spacing:.13em;font-weight:850;padding:16px 18px 9px}
.v41-loading,.v41-muted{padding:8px 17px;color:#879bab;font-size:13px}
.v41-result{position:relative;animation:v41Rise .25s cubic-bezier(.2,.75,.3,1) both}
.v41-result:nth-child(even){animation-delay:35ms}
.v41-result:nth-child(odd){animation-delay:65ms}
.v41-official{background:linear-gradient(145deg,#5dc4ff,#347ee0);color:white;border-radius:50%;width:17px;height:17px;line-height:17px;text-align:center;display:inline-block;font-size:12px}
.v41-pane-head{min-height:70px}
.v41-chat-header{min-width:0;flex:1;background:none!important;border:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;color:#172e4c;text-align:left}
.v41-chat-header strong{font-size:16px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v41-chat-header small{font-size:11px;display:flex;align-items:center;gap:3px;color:#9aa8b6}
.v41-composer{gap:5px;min-height:64px;padding:8px;align-items:center}
.v41-composer textarea{min-width:45px;flex:1;font-size:13px}
.v41-record-btn{display:grid;place-items:center;flex-shrink:0;width:32px;height:38px;border:0;background:#eff7fd;border-radius:12px;color:#3a8dc7}
.v41-record-btn .icon{width:20px;height:20px}
.v41-voice-bubble{display:flex;align-items:center;gap:7px;width:min(260px,70vw);padding:8px;border-radius:20px;background:#eef7ff}
.v41-voice-bubble audio{display:block;min-width:0;width:100%;height:42px}
.v41-circle-player,.v41-rec-circle{width:min(240px,65vw)!important;height:min(240px,65vw)!important;border-radius:50%!important;object-fit:cover;background:#072c48;border:5px solid #d0eefe;box-shadow:0 8px 35px #0a5c9230}
.v41-circle-bubble{border-radius:27px!important;background:transparent!important;box-shadow:none!important}
.v41-sheet{padding-bottom:max(24px,env(safe-area-inset-bottom))}
.v41-sheet h2{font-size:24px;line-height:1.2;margin:10px 0 8px;letter-spacing:-.04em;color:#183653}
.v41-profile-cover{position:relative;overflow:hidden;isolation:isolate;text-align:center;padding:26px 15px 28px;margin:5px 0 16px;border-radius:26px;background:linear-gradient(145deg,var(--accent),#113553);color:white}
.v41-profile-cover:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.65;background:radial-gradient(circle at 70% 15%,#80c9fa85,transparent 39%),repeating-linear-gradient(65deg,transparent 0px,transparent 29px,#fff1 30px,transparent 31px)}
.v41-profile-avatar{display:flex;justify-content:center;margin:0 auto 10px}
.v41-profile-avatar .avatar{width:83px!important;height:83px!important;font-size:32px!important;border:4px solid #ffffff70;box-shadow:0 5px 28px #041b3e50}
.v41-profile-cover h2{color:white!important;margin:8px 0 4px!important}
.v41-profile-cover p{opacity:.85}
.v41-premium-label{display:inline-block;background:#fff3;color:#f9e19b;padding:7px 13px;border-radius:99px;margin-top:8px;font-weight:850;font-size:12px;backdrop-filter:blur(10px)}
.v41-profile-actions{display:flex;gap:10px;padding:8px 0 12px}
.v41-profile-actions button{flex:1;min-height:45px}
.v41-outline{color:#338ac6;background:#eef7ff;border:1px solid #cfe6f8;border-radius:16px;padding:12px 17px;font-weight:750}
.v41-profile-about{padding:14px 17px;background:#f6f9fe;border:1px solid #e7eff7;border-radius:19px;margin:8px 0}
.v41-profile-about h3{font-size:15px;margin:0 0 8px;color:#20435c}.v41-profile-about p{color:#647f90;margin:3px 0;font-size:13px}
.v41-contact-list{max-height:55vh;overflow:auto}.v41-contact-list .chat-row{width:100%}
.v41-preview-banner{height:110px;border-radius:22px;background:radial-gradient(circle at 80% 12%,#7ed7ff69,transparent 38%),linear-gradient(105deg,#0e3554,#236eac);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;letter-spacing:.11em;font-size:28px;font-weight:900;margin:14px 0 22px}
.v41-preview-banner b{color:#80d7ff}.v41-preview-banner small{font-size:11px;color:#cbecff;letter-spacing:.05em;font-weight:500}
.v41-palette{display:flex;justify-content:space-around;gap:8px;flex-wrap:wrap;margin:16px 0}
.v41-swatch{background:var(--swatch);width:37px;height:37px;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 13px #6d95af45}
.v41-group,.v41-security-list{border:1px solid #e4edf5;border-radius:20px;overflow:hidden;background:#fff;margin:14px 0}
.v41-tile{display:flex;align-items:center;text-align:left;gap:13px;padding:14px 12px;background:#fff;width:100%;border:0;border-bottom:1px solid #eaf1f6;color:#29415e}
.v41-tile:last-child{border-bottom:0}
.v41-tile .v41-tile-icon{background:#e8f4ff;color:#3a8eca;border-radius:12px;padding:11px;display:grid;place-items:center}
.v41-tile .v41-tile-icon svg{width:21px;height:21px}
.v41-tile>span:nth-child(2){flex:1}.v41-tile strong{display:block;font-size:14px}.v41-tile small{font-size:11px;color:#91a0af;display:block;margin-top:3px}
.v41-note{background:#f3f8fc;border-left:3px solid #5baae0;border-radius:12px;padding:11px 14px;color:#687e8e;font-size:12px;line-height:1.5;margin-top:15px}
.v41-check{display:flex;flex-direction:column;gap:12px;margin:20px 0}.v41-check label{background:#f3f8fc;border-radius:16px;padding:16px 12px;display:flex;align-items:center;gap:12px;color:#2e5270;font-size:13px;font-weight:700}.v41-check input{width:18px;height:18px;accent-color:#398bd0}
.v41-rec-visual{display:flex;align-items:center;flex-direction:column;gap:12px;padding:20px 4px 29px}.v41-rec-visual strong{font-size:28px;font-variant-numeric:tabular-nums;color:#197fc2}.v41-rec-visual small{color:#7e93a7}
.v41-rec-actions{display:flex;gap:10px}.v41-rec-actions button{flex:1}
.v41-wave{height:165px;display:flex;gap:9px;justify-content:center;align-items:center}
.v41-wave span{width:11px;height:40px;border-radius:10px;background:linear-gradient(#67c4f1,#2c80c9);animation:v41Wave .78s ease-in-out infinite alternate}
.v41-wave span:nth-child(2){animation-delay:.16s}.v41-wave span:nth-child(3){animation-delay:.3s}.v41-wave span:nth-child(4){animation-delay:.23s}.v41-wave span:nth-child(5){animation-delay:.09s}
.v41-ready .modal-backdrop{backdrop-filter:blur(9px) saturate(.95);animation:v41Fade .25s both}
.v41-ready .modal{animation:v41Sheet .4s cubic-bezier(.2,.85,.25,1) both}
.v41-ready .chat-row:focus-visible,.v41-ready button:focus-visible{outline:3px solid #4eb1f3;outline-offset:2px}
@keyframes v41Wave{from{height:14px}to{height:128px}}
@keyframes v41Rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes v41Sheet{from{opacity:.8;transform:translateY(45px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v41Fade{from{opacity:0}to{opacity:1}}
@media(max-width:420px){.v41-composer{padding:6px 4px;gap:3px}.v41-composer .icon-btn{width:29px}.v41-record-btn{width:28px}.v41-composer .primary-btn{padding:10px}}
@media(prefers-reduced-motion:reduce){.v41-ready *, .v41-ready *:before,.v41-ready *:after{animation:none!important;transition:none!important}}

/* Nexa Chat 4.2 — Security, personalization, real community photo and message actions */
:root{--nexa-radius:22px;--nexa-ease:cubic-bezier(.2,.8,.25,1)}
.v42-ready .settings-screen{background:linear-gradient(#f5f9ff,#fff 48%)}
.v42-ready .settings-tile,.v42-ready .v41-tile{border-radius:21px;transition:transform .21s var(--nexa-ease),box-shadow .25s;background:#fff}
.v42-ready .settings-tile:active,.v42-ready .v41-tile:active{transform:scale(.975)}
.v42-ready .navitem.active{box-shadow:inset 0 2px 8px #d9eefa,0 4px 12px #cde2f2;animation:v42TabBounce .35s var(--nexa-ease)}
@keyframes v42TabBounce{0%{transform:scale(.91)}65%{transform:scale(1.055)}100%{transform:scale(1)}}
.v42-ready .chat-row{transition:transform .2s,background-color .22s;animation:v42Appear .32s var(--nexa-ease) both}
@keyframes v42Appear{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
.v42-ready .chat-row:active{transform:scale(.986)}
.v42-community-avatar img{width:100%;height:100%;object-fit:cover}
.v42-sheet{max-height:94dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.v42-screen-heading{display:flex;gap:13px;align-items:center;margin:6px 0 18px;color:var(--blue)}
.v42-screen-heading>.icon{width:40px;height:40px;background:#e4f2fd;padding:9px;border-radius:13px}
.v42-screen-heading h2{font-size:24px;margin:0 0 2px;color:#19314a;letter-spacing:-.7px}
.v42-screen-heading p{color:#8093a6;font-size:13px;margin:0}
.v42-status{display:flex;align-items:center;gap:8px;background:#e9f8f2;border:1px solid #c9eadb;color:#2b8261;padding:13px 14px;border-radius:15px;font-size:12px;margin-bottom:18px;line-height:1.5}
.v42-status .icon{width:18px;height:18px}
.v42-section-title{font-size:12px;font-weight:850;letter-spacing:1.2px;color:#8094a9;margin:22px 4px 12px;text-transform:uppercase}
.v42-settings-row{border:1px solid #e7edf6;background:#fff;width:100%;display:flex;gap:12px;align-items:center;padding:15px 12px;text-align:left;min-height:75px;border-radius:18px;margin:8px 0;box-shadow:0 4px 16px #365e8210}
.v42-settings-row>.icon{width:19px;color:#a6b4c6}
.v42-row-ic{width:42px;height:42px;border-radius:14px;background:#e8f5ff;color:#288ec9;display:grid;place-items:center;flex-shrink:0}
.v42-row-ic .icon{width:21px;height:21px}
.v42-row-text{flex:1;min-width:0;display:grid;gap:4px}.v42-row-text strong{font-size:15px;color:#243954}.v42-row-text small{font-size:12px;line-height:1.4;color:#8496a8;overflow-wrap:anywhere}
.v42-settings-row:disabled{opacity:.8}
.v42-session{border:1px solid #e2eaf5;border-radius:17px;margin:9px 0;padding:13px;display:flex;align-items:center;gap:10px;background:#fff}
.v42-session>.icon{width:24px;color:#389bd2}.v42-session>div{flex:1;min-width:0;display:grid;gap:5px}.v42-session b,.v42-session strong{font-size:14px}.v42-session small{font-size:11px;color:#8191a4;overflow-wrap:anywhere;line-height:1.4}
.v42-now{color:#2d9c7a;font-size:11px;background:#e6f7ef;padding:6px 8px;border-radius:20px;white-space:nowrap}
.v42-revoke{background:#fff2f2;border:1px solid #ffc7c7;border-radius:12px;padding:9px;color:#bb4343;font-weight:750}
.v42-danger-text{color:#c35151;background:#fff5f5;border:1px solid #fbd7d7;border-radius:14px;width:100%;margin:12px 0;padding:13px;font-weight:750}
.v42-note{background:#f5f8fc;padding:13px;border-radius:14px;color:#8493a5;font-size:12px;line-height:1.55;margin:18px 0}
.v42-label{font-size:13px;color:#667b8d;display:grid;gap:8px;font-weight:700;margin:16px 0}.v42-label input{width:100%;border-radius:15px;border:1px solid #dce6f0;padding:15px;background:#f9fbfe;font-size:16px}
.v42-sheet #v42EditForm textarea{width:100%;resize:vertical;background:#f6f9fd;border:1px solid #dce6f0;border-radius:17px;padding:15px;font-size:16px;outline:none;min-height:140px}
.v42-sheet-title{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:850;color:#253e5d;margin:6px 0 20px}
.v42-message-quote{padding:14px;border-left:4px solid var(--blue);border-radius:10px;background:#eef5fa;color:#687c90;margin-bottom:18px;overflow-wrap:anywhere;max-height:150px;overflow:auto}
.v42-actions{display:grid;gap:10px}.v42-actions button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:#f5f9fd;border:1px solid #e5edf7;border-radius:16px;padding:17px;color:#254664;font-weight:750}
.v42-actions .v42-danger{background:#fff5f6;color:#c34a62;border-color:#fbe2e7}
.v42-message-menu{border:0;background:transparent;color:inherit;font-size:18px;padding:1px 9px;min-width:28px;height:27px;border-radius:12px;line-height:1}
.v42-message-menu:hover{background:#8a9db025}
.v42-message-foot{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.v42-deleted{opacity:.64;font-size:13px;display:flex;align-items:center;gap:6px;font-style:italic}
.v42-deleted .icon{width:16px;height:16px}.v42-edited{font-style:italic;font-size:10px;opacity:.75}
.v42-photo-upload{border:1.5px dashed #8cbce2;background:linear-gradient(150deg,#eff8ff,#f8fbff);border-radius:22px;padding:14px;margin:8px 0 18px;text-align:center}
.v42-photo-upload label{display:grid;place-items:center;gap:5px;cursor:pointer;font-size:14px;color:#366f9d}
.v42-photo-upload small{font-size:11px;color:#86a3bb}.v42-camera-ic{width:58px;height:58px;background:linear-gradient(135deg,#d9eeff,#a9d5f5);color:#2c8dcd;display:grid;place-items:center;border-radius:19px;margin-bottom:5px}
.v42-photo-upload #v42GroupPreview img{width:90px;height:90px;object-fit:cover;border-radius:22px;box-shadow:0 5px 20px #1d678530;margin-top:9px}
.v42-largephoto{width:112px;height:112px;border-radius:35px;overflow:hidden;margin:0 auto 13px;box-shadow:0 16px 35px #1749713a;border:3px solid #ffffffbd;background:linear-gradient(135deg,#4fa6e3,#286ba5)}.v42-largephoto img{width:100%;height:100%;object-fit:cover}.v42-emptyphoto{display:grid;place-items:center;font-size:55px;color:#fff}
.v42-community-upload{margin:14px 0}.v42-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 15px;border:1px solid #cde5fa;border-radius:15px;background:#edf7ff;color:#2885c0;font-weight:750;cursor:pointer}.v42-upload-btn .icon{width:20px}
.v42-theme-preview{border-radius:21px;padding:18px;background:linear-gradient(120deg,#e4f3fc,#f7fbff);border:1px solid #d4e6f4;display:grid;gap:9px;min-height:155px;overflow:hidden;position:relative}.v42-theme-preview:before{content:'';position:absolute;right:-30px;top:-35px;width:190px;height:190px;border:1px solid #8ac4e655;border-radius:50%}
.v42-preview-head{color:#538bb1;font-weight:900;letter-spacing:.3px;font-size:13px}.v42-preview-bubble{padding:11px;border-radius:16px 16px 16px 4px;background:#fff;max-width:75%;font-size:13px;box-shadow:0 4px 12px #205a8815}.v42-preview-bubble.own{background:#bfe5fc;justify-self:end;border-radius:16px 16px 4px 16px}
.v42-theme-options,.v42-chooser{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.v42-theme-options button,.v42-chooser button{border-radius:15px;background:#f3f7fc;border:1px solid #deebf5;padding:12px 15px;color:#55758c;font-weight:750;flex:1;white-space:nowrap}.v42-theme-options .picked,.v42-chooser .picked{background:#e2f3ff;border-color:#7abbe7;color:#217cbb;box-shadow:inset 0 0 0 1px #7abbe7}
.v42-checkbox{display:flex;align-items:center;gap:13px;padding:17px 14px;border-radius:17px;border:1px solid #e1eaf4;margin:10px 0;font-weight:680;color:#2c4661}.v42-checkbox input{accent-color:var(--blue);width:20px;height:20px}
/* Per-device themes and wallpaper; no server-stored preference claims. */
html[data-nexa-theme="soft"]{--blue:#9786d5;--blue2:#c4b1ef;--soft:#f3f0ff}html[data-nexa-theme="soft"] .content,html[data-nexa-theme="soft"] .settings-screen{background:#f9f5ff}
html[data-nexa-theme="dark"]{--blue:#61b6f2;--ink:#d9e8f8;--line:#34485d;--soft:#22394f}html[data-nexa-theme="dark"] body{background:#101d30;color:#e4ecf6}html[data-nexa-theme="dark"] .sidebar,html[data-nexa-theme="dark"] .app-shell,html[data-nexa-theme="dark"] .settings-tiles,html[data-nexa-theme="dark"] .content,html[data-nexa-theme="dark"] .pane-scroll,html[data-nexa-theme="dark"] .settings-screen{background:#17283a;color:#e5eef9}
html[data-nexa-theme="dark"] .chat-row,html[data-nexa-theme="dark"] .settings-tile,html[data-nexa-theme="dark"] .v41-tile,html[data-nexa-theme="dark"] .bottomnav,html[data-nexa-theme="dark"] .modal,html[data-nexa-theme="dark"] .v42-settings-row{background:#24384c;color:#e5eef9;border-color:#3a5068}
html[data-nexa-theme="dark"] .v42-row-text strong,html[data-nexa-theme="dark"] .v42-screen-heading h2,html[data-nexa-theme="dark"] .section-title,html[data-nexa-theme="dark"] .pane-head .title,html[data-nexa-theme="dark"] .chat-row strong{color:#f0f5ff}
html[data-nexa-theme="dark"] .v42-note{background:#22394d;color:#aec4da}html[data-nexa-theme="dark"] .search-wrap,html[data-nexa-theme="dark"] .search-wrap input{background:#1c3044;color:#e9f4ff}
html[data-nexa-wall="cloud"] .messages{background:radial-gradient(circle at 20% 20%,#d8f0ff88,transparent 35%),linear-gradient(#eef7ff,#f4f9ff)}
html[data-nexa-wall="stars"] .messages{background:#13233a;background-image:radial-gradient(#d3efff88 1px,transparent 1px),radial-gradient(#7cadff99 1px,transparent 1px);background-size:37px 39px,83px 73px;background-position:0 0,23px 19px}
html[data-nexa-wall="waves"] .messages{background:repeating-radial-gradient(ellipse at 70% 10%,#eef9ff 0px,#eef9ff 18px,#d6f0fc 45px,#e9f8ff 64px)}
html[data-nexa-font="small"] .messages .bubble{font-size:13px}html[data-nexa-font="medium"] .messages .bubble{font-size:15px}html[data-nexa-font="large"] .messages .bubble{font-size:18px}
.v42-ready .v4-animated-sticker{filter:drop-shadow(0 12px 19px #5c7aba35);transition:transform .3s var(--nexa-ease)}.v42-ready .v4-animated-sticker:active{transform:scale(1.12) rotate(7deg)}
@media(max-width:730px){.v42-sheet{padding:16px 17px max(28px,env(safe-area-inset-bottom))}.v42-screen-heading h2{font-size:23px}.v42-theme-options button{font-size:12px;padding:11px}}
@media(prefers-reduced-motion:reduce){.v42-ready .chat-row{animation:none}}
/* Animated collectible sticker cards */
.v42-nft-heading{font-size:20px;letter-spacing:-.5px;color:#203c5b;margin:26px 0 3px}
.v42-nft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 23px}
.v42-nft-card{background:linear-gradient(155deg,#f7fbff,#e9f3fc);border:1px solid #d8e9fa;border-radius:21px;padding:13px;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 20px #2f60871a;animation:v42Appear .42s ease both}
.v42-nft-card:before{content:"";position:absolute;inset:-110% auto auto -25%;width:60%;height:340%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:rotate(23deg);animation:v42Glint 7s infinite;pointer-events:none}
@keyframes v42Glint{0%,75%{left:-80%}95%,100%{left:160%}}
.v42-nft-art{position:relative;isolation:isolate;border-radius:18px;background:radial-gradient(circle at 35% 30%,#d5ecff,#c7daf5 65%,#acc8e9);height:125px;display:grid;place-items:center;margin-bottom:11px;perspective:400px}
.v42-nft-art img{width:122px;height:122px;object-fit:contain;filter:drop-shadow(0 8px 9px #2f77a840);animation:v42NftFloat 4s ease-in-out infinite}
@keyframes v42NftFloat{0%,100%{transform:translateY(3px) rotateY(-9deg)}50%{transform:translateY(-6px) rotateY(9deg)}}
.v42-nft-glint{position:absolute;right:12px;top:7px;color:#fff;text-shadow:0 0 10px #fff;font-size:26px;animation:v42Twinkle 2.7s infinite}
@keyframes v42Twinkle{0%,100%{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}
.v42-nft-name{font-weight:900;letter-spacing:-.3px;color:#25405e;font-size:14px}.v42-nft-rarity{display:inline-block;color:#7777ba;background:#e8e5ff;border-radius:30px;padding:4px 9px;font-weight:800;font-size:10px;margin:8px 0}
.v42-nft-card button{background:linear-gradient(115deg,#3a9cd8,#4079be);color:#fff;border:0;border-radius:13px;width:100%;font-weight:800;padding:11px 7px;font-size:12px}
html[data-nexa-theme="dark"] .v42-nft-card{background:linear-gradient(145deg,#283c58,#1e3045);border-color:#375577}html[data-nexa-theme="dark"] .v42-nft-name,html[data-nexa-theme="dark"] .v42-nft-heading{color:#e4f0ff}