:root{--green:#19b864;--green-dark:#069b4d;--ink:#15202b;--muted:#78838f;--line:rgba(25,42,55,.1);--panel:rgba(255,255,255,.82);--visible-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#eef2f5;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-screen{position:relative;display:grid;place-items:center;width:100%;min-height:100%;padding:28px;background:radial-gradient(circle at 14% 18%,#d8f9e7 0,transparent 34%),radial-gradient(circle at 86% 8%,#dceaff 0,transparent 30%),linear-gradient(145deg,#f7fafb,#edf2f6);overflow:hidden}.auth-backdrop{position:absolute;inset:0;pointer-events:none}.auth-backdrop i{position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.7);border-radius:42% 58% 62% 38%;background:rgba(255,255,255,.2);box-shadow:inset 0 1px 1px rgba(255,255,255,.8);animation:float 12s ease-in-out infinite}.auth-backdrop i:nth-child(1){left:-90px;top:8%}.auth-backdrop i:nth-child(2){right:-100px;bottom:2%;animation-delay:-4s}.auth-backdrop i:nth-child(3){width:150px;height:150px;right:22%;top:12%;animation-delay:-8s}@keyframes float{50%{transform:translateY(-18px) rotate(6deg)}}.auth-card{position:relative;width:min(440px,100%);padding:34px;border:1px solid rgba(255,255,255,.9);border-radius:32px;background:rgba(255,255,255,.76);box-shadow:0 28px 70px rgba(57,79,95,.2),inset 0 1px 0 #fff;backdrop-filter:blur(28px) saturate(1.25)}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.auth-brand img{width:64px;height:64px;border-radius:20px;box-shadow:0 9px 22px rgba(218,38,32,.22)}.auth-brand strong{display:block;font-size:26px}.auth-brand span{display:block;margin-top:3px;color:var(--muted);font-size:13px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:15px;background:#eef2f4}.auth-tabs button{padding:10px;border:0;border-radius:12px;background:transparent;color:#73808b}.auth-tabs button.active{background:#fff;color:var(--ink);font-weight:700;box-shadow:0 5px 15px rgba(42,59,72,.12)}.auth-form{display:none;position:relative;padding-top:25px}.auth-form.active{display:block}.auth-heading{margin-bottom:20px}.auth-heading h1{margin:0;font-size:25px}.auth-heading p{margin:7px 0 0;color:var(--muted);font-size:14px}.auth-form label,.sheet-dialog form>label{display:block;margin:14px 0}.auth-form label span,.sheet-dialog form>label span{display:block;margin-bottom:7px;color:#56616c;font-size:13px;font-weight:650}.auth-form input,.sheet-dialog input,.sheet-dialog textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:14px;outline:0;background:rgba(248,250,251,.92);transition:.2s}.auth-form input:focus,.sheet-dialog input:focus,.sheet-dialog textarea:focus{border-color:rgba(25,184,100,.55);box-shadow:0 0 0 4px rgba(25,184,100,.1);background:#fff}.primary-action{width:100%;margin-top:8px;padding:13px;border:0;border-radius:14px;background:linear-gradient(180deg,#2bd173,#0aab56);box-shadow:0 9px 20px rgba(25,184,100,.24),inset 0 1px 0 rgba(255,255,255,.5);color:#fff;font-weight:750}.text-action{width:100%;padding:13px;border:0;background:transparent;color:var(--green-dark)}.back-auth{position:absolute;right:0;top:18px;width:38px;height:38px;border:0;border-radius:50%;background:#edf1f3;font-size:28px}.form-note,.demo-credential{margin:8px 0 0;text-align:center;color:#8a949d;font-size:12px}.demo-credential{padding:9px;border-radius:12px;background:#f1f5f2;color:#587063}.auth-message{min-height:20px;margin:10px 0 0;text-align:center;color:#d94c4c;font-size:13px}
.app-shell{display:grid;grid-template-columns:82px minmax(290px,360px) minmax(480px,1fr);width:100%;height:var(--visible-height);background:linear-gradient(135deg,#f5f7f8,#e9eef2)}.app-rail{z-index:3;display:flex;flex-direction:column;align-items:center;padding:18px 10px;background:linear-gradient(180deg,#16242d,#0c171e);box-shadow:10px 0 30px rgba(11,26,35,.09)}.rail-logo{width:48px;height:48px;border-radius:16px;box-shadow:0 8px 18px rgba(255,77,45,.25)}.app-rail nav{display:grid;gap:12px;width:100%;margin-top:44px}.rail-button{display:grid;place-items:center;gap:4px;width:100%;padding:10px 0;border:0;border-radius:16px;background:transparent;color:#7f929d;font-size:11px}.rail-button svg{width:24px}.rail-button.active{background:linear-gradient(180deg,rgba(50,207,124,.22),rgba(28,170,94,.12));color:#51de98;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.avatar-button{display:grid;place-items:center;width:42px;height:42px;margin-top:auto;border:2px solid rgba(255,255,255,.18);border-radius:14px;background:linear-gradient(135deg,#6b7bff,#9d58e8);color:#fff;font-weight:800}.conversation-panel{position:relative;display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--line);background:rgba(250,252,253,.82);backdrop-filter:blur(24px)}.list-header{display:flex;align-items:flex-end;justify-content:space-between;padding:25px 22px 15px}.eyebrow{color:var(--green-dark);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.list-header h1{margin:2px 0 0;font-size:28px}.connection-dot{padding:6px 10px;border-radius:99px;background:#e4f8ed;color:#168752;font-size:11px;font-weight:700}.connection-dot:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#20be6b;box-shadow:0 0 0 3px rgba(32,190,107,.14)}.search-row{display:flex;gap:8px;padding:0 18px 12px}.search-box{display:flex;align-items:center;min-width:0;flex:1;padding:0 12px;border:1px solid rgba(15,35,48,.05);border-radius:15px;background:#edf1f4}.search-box svg{width:17px;color:#7d8a94}.search-box input{min-width:0;flex:1;padding:12px 9px;border:0;outline:0;background:transparent}.search-action{width:43px;border:0;border-radius:14px;background:#fff;color:#51616d;font-size:22px;box-shadow:0 5px 14px rgba(27,49,63,.08)}.policy-note{margin:0 18px 12px;padding:11px 13px;border:1px solid rgba(25,184,100,.12);border-radius:14px;background:linear-gradient(145deg,#eefaf3,#f8fffb);font-size:12px}.policy-note b,.policy-note span{display:block}.policy-note span{margin-top:2px;color:#7b8982}.conversation-list{min-height:0;flex:1;overflow:auto;padding:0 10px 90px}.conversation-item{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;width:100%;padding:12px;border:0;border-radius:18px;background:transparent;text-align:left;transition:.18s}.conversation-item:hover{background:rgba(255,255,255,.72)}.conversation-item.active{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(233,250,241,.9));box-shadow:0 10px 24px rgba(28,68,48,.09),inset 0 1px 0 #fff}.chat-avatar,.header-avatar,.profile-avatar,.message-avatar{display:grid;place-items:center;overflow:hidden;border-radius:17px;background:linear-gradient(135deg,#34c978,#2094ea);color:#fff;font-weight:800}.chat-avatar{width:45px;height:45px}.chat-avatar.group{background:linear-gradient(135deg,#ff755e,#ffba3f)}.chat-avatar img,.header-avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.conversation-copy{min-width:0}.conversation-copy strong,.conversation-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy strong{font-size:15px}.conversation-copy span{margin-top:4px;color:#8a959e;font-size:12px}.conversation-meta{display:grid;justify-items:end;gap:5px}.conversation-time{color:#9aa3aa;font-size:11px}.unread-badge{min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#ff4f55;color:#fff;font-size:11px;font-style:normal;line-height:20px;text-align:center}.state-icons{color:#809188;font-size:10px}.mobile-tabs{display:none}
.chat-panel{position:relative;display:flex;min-width:0;flex-direction:column;background:radial-gradient(circle at 90% 12%,rgba(255,255,255,.72),transparent 35%),linear-gradient(155deg,#e7f0f6,#edf5f0 55%,#e4edf3)}.chat-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 20% 40%,rgba(41,102,120,.11) 1px,transparent 1.5px);background-size:28px 28px}.chat-header{z-index:2;display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 22px;border-bottom:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.78);box-shadow:0 8px 28px rgba(30,51,65,.06);backdrop-filter:blur(24px)}.mobile-back{display:none}.header-avatar{width:45px;height:45px;border-radius:15px;background:linear-gradient(135deg,#ff795f,#ffa943)}.chat-heading{min-width:0;flex:1}.chat-heading h2{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.chat-heading p{margin:4px 0 0;color:#77858e;font-size:12px}.header-action{width:39px;height:39px;border:1px solid rgba(22,42,52,.06);border-radius:13px;background:linear-gradient(180deg,#fff,#eef3f5);box-shadow:0 5px 12px rgba(29,51,64,.09),inset 0 1px 0 #fff;color:#5e6e78;font-size:20px}.header-action.active{background:linear-gradient(180deg,#e9fbf1,#d6f6e4);color:#0f9b52}.group-notice{z-index:2;display:flex;align-items:center;gap:10px;margin:12px 18px 0;padding:10px 14px;border:1px solid rgba(255,255,255,.82);border-radius:15px;background:rgba(255,255,255,.58);box-shadow:0 7px 20px rgba(44,70,84,.07);backdrop-filter:blur(15px);text-align:left}.group-notice b{color:#138b4d;font-size:12px}.group-notice span{min-width:0;flex:1;overflow:hidden;color:#65727b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.group-notice i{color:#9aa3aa}.message-list{z-index:1;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:22px max(20px,5vw) 28px;scrollbar-width:thin}.message-row{display:flex;align-items:flex-start;gap:9px;margin:13px 0}.message-row.own{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:13px;font-size:13px}.message-body{position:relative;display:grid;max-width:min(72%,620px)}.message-row.own .message-body{justify-items:end}.message-author{margin:0 8px 5px;color:#75828b;font-size:11px}.message-bubble{position:relative;padding:11px 14px;border:1px solid rgba(255,255,255,.9);border-radius:7px 21px 21px 21px;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(244,248,250,.76));box-shadow:0 12px 26px rgba(34,60,73,.11),inset 0 1px 0 #fff;color:#1c2831;line-height:1.55;backdrop-filter:blur(18px) saturate(1.2);word-break:break-word}.message-row.own .message-bubble{border-color:rgba(189,247,215,.9);border-radius:21px 7px 21px 21px;background:linear-gradient(145deg,rgba(207,255,226,.94),rgba(164,239,196,.8));box-shadow:0 12px 26px rgba(16,122,69,.12),inset 0 1px 0 rgba(255,255,255,.72)}.message-bubble img.chat-image{display:block;max-width:min(320px,100%);max-height:360px;border-radius:15px}.message-time{margin:4px 8px 0;color:#87939a;font-size:10px}.reply-quote{margin-bottom:8px;padding:7px 9px;border-left:3px solid #20ac62;border-radius:8px;background:rgba(255,255,255,.48);font-size:11px}.reply-quote b,.reply-quote span{display:block}.reply-quote span{margin-top:2px;color:#65727b}.forwarded{margin-bottom:5px;color:#289660;font-size:10px;font-weight:700}.voice-bubble{display:flex;align-items:center;gap:10px;min-width:110px}.voice-bars{letter-spacing:-3px}.file-card{display:flex;align-items:center;gap:10px;min-width:210px}.file-card i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.58);font-style:normal}.file-card span{min-width:0}.file-card b,.file-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card small{color:#70808a}.activity-card{min-width:min(320px,65vw);padding:4px}.activity-card .activity-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:9px;border-radius:16px;background:linear-gradient(145deg,#ffcb50,#ff704f);box-shadow:0 8px 16px rgba(232,94,57,.2);font-size:23px}.activity-card.quiz .activity-icon{background:linear-gradient(145deg,#5d9cff,#7066ee)}.activity-card h4{margin:0}.activity-card p{margin:5px 0 10px;color:#63717a;font-size:12px}.activity-card button{padding:7px 12px;border:0;border-radius:10px;background:#fff;color:#168b50;font-weight:700}.message-actions{display:flex;gap:3px;margin-top:5px;opacity:0;transition:.15s}.message-row:hover .message-actions,.message-row:focus-within .message-actions{opacity:1}.message-actions button{padding:3px 7px;border:0;border-radius:8px;background:rgba(255,255,255,.7);color:#65737c;font-size:10px}.system-message{width:max-content;max-width:78%;margin:14px auto;padding:7px 12px;border-radius:12px;background:rgba(48,68,80,.12);color:#66747c;text-align:center;font-size:11px}.deleted-message{color:#87939b;font-style:italic}.empty-chat{display:grid;place-items:center;height:100%;align-content:center;color:#8b979e;text-align:center}.empty-chat>span{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:rgba(255,255,255,.7);box-shadow:0 10px 22px rgba(40,66,80,.08);color:#2aac68;font-weight:800}.empty-chat h3{margin:14px 0 5px;color:#55636c}.empty-chat p{margin:0;font-size:13px}.account-alert,.reply-bar{z-index:2;margin:0 16px;padding:9px 13px;border-radius:12px}.account-alert{background:#fff0e1;color:#b56518;text-align:center;font-size:12px}.reply-bar{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);border-left:3px solid var(--green)}.reply-bar div{min-width:0}.reply-bar b,.reply-bar span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-bar span{color:#78848c;font-size:11px}.reply-bar button{border:0;background:transparent;font-size:22px}.emoji-panel{z-index:3;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-height:190px;padding:12px 18px;overflow:auto;border-top:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(22px)}.emoji-panel button{height:38px;border:0;border-radius:10px;background:transparent;font-size:24px}.emoji-panel button:hover{background:#eef3f4}.composer{z-index:3;position:relative;display:flex;align-items:flex-end;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.86);box-shadow:0 -10px 30px rgba(29,52,65,.06);backdrop-filter:blur(26px)}.composer-field{min-width:0;flex:1;border:1px solid rgba(37,62,75,.1);border-radius:18px;background:linear-gradient(180deg,#fff,#f5f8f9);box-shadow:inset 0 1px 3px rgba(21,43,55,.05),0 4px 13px rgba(27,52,66,.05)}.composer textarea{display:block;width:100%;max-height:110px;padding:11px 14px;border:0;outline:0;resize:none;background:transparent;line-height:1.4}.tool-button,.send-button{height:42px;border:0;border-radius:14px;box-shadow:0 6px 14px rgba(28,51,63,.1),inset 0 1px 0 rgba(255,255,255,.8)}.tool-button{width:42px;background:linear-gradient(180deg,#fff,#edf2f4);color:#5e6d77;font-size:21px}.tool-button svg{width:21px}.tool-button.recording{background:#ffe9e9;color:#e14b4b;animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(1.07)}}.send-button{padding:0 16px;background:linear-gradient(180deg,#35d47c,#0eaa58);color:#fff;font-weight:750}.attachment-menu{position:absolute;right:18px;bottom:70px;display:grid;grid-template-columns:repeat(3,84px);gap:8px;padding:12px;border:1px solid rgba(255,255,255,.88);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 18px 45px rgba(25,48,61,.18);backdrop-filter:blur(24px)}.attachment-menu label,.attachment-menu button{display:grid;place-items:center;gap:5px;padding:9px;border:0;border-radius:14px;background:#f3f6f7;color:#53616a;font-size:11px}.attachment-menu span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#fff;color:#18a65a;font-size:18px}.attachment-menu input{display:none}
.profile-panel{min-width:0;overflow:auto;background:linear-gradient(145deg,#f3f7f8,#eaf0f4);padding-bottom:100px}.profile-panel>header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px}.profile-panel header h2{margin:0}.profile-panel header button{border:0;background:transparent;color:var(--green-dark)}.profile-mobile-back{display:none}.profile-card{display:flex;align-items:center;width:calc(100% - 44px);margin:4px 22px 20px;padding:20px;border:1px solid rgba(255,255,255,.9);border-radius:23px;background:rgba(255,255,255,.78);box-shadow:0 14px 30px rgba(35,57,70,.08),inset 0 1px 0 #fff;text-align:left}.profile-avatar{width:68px;height:68px;margin-right:15px;border-radius:22px;background:linear-gradient(135deg,#6f72f1,#a959d9);font-size:23px}.profile-card>span:nth-child(2){min-width:0;flex:1}.profile-card strong,.profile-card small,.profile-card em{display:block}.profile-card strong{font-size:20px}.profile-card small,.profile-card em{margin-top:4px;color:#7c8992;font-size:12px;font-style:normal}.profile-card>i{color:#a1abb1;font-size:25px}.settings-card{margin:0 22px 16px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.8);box-shadow:0 12px 26px rgba(35,57,70,.06);overflow:hidden}.settings-card button{display:flex;align-items:center;width:100%;padding:14px 16px;border:0;border-bottom:1px solid rgba(25,42,55,.06);background:transparent;text-align:left}.settings-card button:last-child{border-bottom:0}.setting-icon{display:grid;place-items:center;width:37px;height:37px;margin-right:12px;border-radius:12px;color:#fff;font-weight:800}.setting-icon.blue{background:#4c90ef}.setting-icon.green{background:#23b66d}.setting-icon.orange{background:#f39b42}.setting-icon.purple{background:#8e6be7}.setting-icon.cyan{background:#36aeba}.setting-icon.gray{background:#7d8991}.settings-card div{min-width:0;flex:1}.settings-card b,.settings-card small{display:block}.settings-card small{margin-top:3px;color:#8a959c;font-size:11px}.settings-card em{color:#7e8b93;font-size:11px;font-style:normal}.settings-card i{margin-left:10px;color:#a5adb2}.profile-logout{display:block;width:calc(100% - 44px);margin:18px 22px;padding:13px;border:0;border-radius:16px;background:rgba(255,255,255,.84);color:#dd4d4d;font-weight:700}
dialog{border:0}dialog::backdrop{background:rgba(12,24,32,.38);backdrop-filter:blur(5px)}.result-dialog,.sheet-dialog{width:min(430px,calc(100% - 28px));padding:25px;border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 30px 80px rgba(15,31,41,.28)}.result-dialog{text-align:center}.success-icon{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:20px;background:#ddf8e9;color:#15a65a;font-size:27px}.result-dialog h2{margin:15px 0 7px}.result-dialog p{color:#74808a}.recovery-code{display:block;margin:18px 0;padding:13px;border-radius:13px;background:#eff3f4;letter-spacing:.12em}.result-dialog form input{width:100%;padding:13px;border:1px solid var(--line);border-radius:13px}.sheet-dialog>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sheet-dialog h2{margin:0;font-size:20px}.dialog-close{width:36px;height:36px;border:0;border-radius:12px;background:#edf1f3;font-size:22px}.avatar-editor{display:flex;align-items:center;gap:15px;padding:14px;border-radius:18px;background:#f3f6f7}.avatar-editor>span{display:grid;place-items:center;overflow:hidden;width:60px;height:60px;border-radius:19px;background:#6e72ec;color:#fff;font-weight:800}.avatar-editor img{width:100%;height:100%;object-fit:cover}.avatar-editor label{padding:8px 12px;border-radius:10px;background:#fff;color:#14894d;font-size:12px}.avatar-editor input{display:none}.settings-block{display:grid;gap:10px}.setting-toggle{display:flex;align-items:center;justify-content:space-between;padding:13px;border-radius:14px;background:#f4f7f8}.setting-toggle input{width:20px;height:20px}.info-list{display:grid;gap:8px}.info-list div{display:flex;justify-content:space-between;padding:11px 13px;border-radius:12px;background:#f4f7f8;font-size:13px}.info-list span{color:#78858d}.settings-note{padding:13px;border-radius:14px;background:#eef8f2;color:#527062;font-size:12px;line-height:1.6}.settings-password{margin-top:12px}.settings-password input{margin-bottom:8px}.search-dialog form{display:flex;gap:8px}.search-dialog form input{flex:1}.search-dialog form button{border:0;border-radius:12px;background:var(--green);color:#fff;padding:0 14px}.search-results{max-height:380px;margin-top:14px;overflow:auto}.search-result{display:block;width:100%;padding:12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.search-result b,.search-result span{display:block}.search-result span{margin-top:4px;color:#74818a;font-size:12px}.activity-dialog .activity-hero{padding:18px;border-radius:20px;background:linear-gradient(145deg,#fff6dd,#ffe2dc);text-align:center}.activity-dialog .activity-hero.quiz{background:linear-gradient(145deg,#e9f1ff,#e7e5ff)}.activity-hero strong{display:block;font-size:19px}.activity-hero p{color:#67747d}.activity-hero input{margin-top:8px}.activity-hero button{margin-top:12px;padding:10px 18px;border:0;border-radius:12px;background:#fff;color:#168e51;font-weight:750}.participant-list{max-height:200px;margin-top:12px;overflow:auto}.participant-list div{display:flex;justify-content:space-between;padding:8px 4px;border-bottom:1px solid var(--line);font-size:12px}.toast{position:fixed;z-index:20;left:50%;bottom:90px;transform:translateX(-50%);max-width:80%;padding:11px 16px;border-radius:13px;background:rgba(18,31,39,.9);box-shadow:0 10px 28px rgba(0,0,0,.2);color:#fff;font-size:13px}
@media(max-width:900px){.app-shell{grid-template-columns:70px 315px minmax(0,1fr)}.message-list{padding-left:20px;padding-right:20px}}@media(max-width:760px){html,body{height:var(--visible-height)}.app-shell{display:block;position:relative;height:var(--visible-height);min-height:0;background:#f4f6f7}.app-rail{display:none}.conversation-panel,.chat-panel,.profile-panel{position:absolute;inset:0;width:100%;height:100%;border:0}.conversation-panel{z-index:3}.conversation-panel.mobile-hidden{display:none}.chat-panel{z-index:4;display:none}.chat-panel.mobile-active{display:flex}.profile-panel{z-index:5;display:none}.profile-panel.mobile-active{display:block}.list-header{padding:calc(16px + env(safe-area-inset-top)) 20px 12px}.list-header h1{font-size:27px}.conversation-list{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.mobile-tabs{position:absolute;z-index:6;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;padding:8px 26px calc(7px + env(safe-area-inset-bottom));border-top:1px solid rgba(27,47,59,.08);background:rgba(249,251,252,.94);backdrop-filter:blur(24px)}.mobile-tabs button{position:relative;display:grid;place-items:center;gap:2px;border:0;background:transparent;color:#87929a;font-size:10px}.mobile-tabs button.active{color:#14a85a}.mobile-tabs svg{width:23px}.mobile-tabs i{position:absolute;top:-2px;right:calc(50% - 24px);min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#f24d55;color:#fff;font-size:10px;font-style:normal;line-height:18px}.policy-note{padding:10px 12px}.chat-header{min-height:auto;padding:calc(8px + env(safe-area-inset-top)) 10px 9px}.mobile-back{display:block;width:35px;border:0;background:transparent;color:#263640;font-size:32px}.header-avatar{width:39px;height:39px;border-radius:13px}.chat-heading h2{font-size:16px}.header-action{width:35px;height:35px;border-radius:12px}.group-notice{margin:7px 10px 0;padding:8px 11px}.message-list{padding:14px 12px 18px}.message-body{max-width:79%}.message-bubble{padding:10px 12px;border-radius:6px 18px 18px 18px}.message-row.own .message-bubble{border-radius:18px 6px 18px 18px}.message-actions{opacity:1}.composer{gap:5px;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.tool-button{width:38px;height:38px;border-radius:13px}.send-button{height:38px;padding:0 13px}.composer textarea{padding:9px 11px}.emoji-panel{grid-template-columns:repeat(7,1fr);max-height:155px;padding:8px}.attachment-menu{right:8px;bottom:64px;grid-template-columns:repeat(3,78px)}.profile-panel>header{padding:calc(15px + env(safe-area-inset-top)) 18px 12px}.profile-mobile-back{display:block!important;font-size:30px}.profile-card{width:calc(100% - 28px);margin:3px 14px 14px}.settings-card{margin:0 14px 12px}.profile-logout{width:calc(100% - 28px);margin:14px}.profile-panel{padding-bottom:calc(85px + env(safe-area-inset-bottom))}.sheet-dialog{width:100%;max-width:none;margin:auto 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0}.result-dialog{padding:22px}.auth-screen{padding:15px}.auth-card{padding:24px;border-radius:26px}.auth-brand{margin-bottom:20px}.auth-brand img{width:55px;height:55px}.auth-heading{margin-bottom:14px}.auth-form{padding-top:18px}}@media(max-height:620px) and (max-width:760px){.group-notice{display:none}.message-list{padding-top:8px}.chat-header{padding-top:calc(5px + env(safe-area-inset-top));padding-bottom:5px}.auth-screen{overflow:auto;place-items:start center}.auth-card{margin:auto 0}}
.app-shell{min-height:0}.conversation-panel,.chat-panel,.profile-panel{min-height:0;height:100%}.chat-panel{overflow:hidden}

/* Illustrated navigation thumbnails */
.setting-art{position:relative;display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;margin-right:13px;overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:16px;box-shadow:0 9px 18px rgba(39,59,74,.16),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -6px 12px rgba(32,55,72,.06);isolation:isolate;transition:.18s}.setting-art:before,.contact-tool-art:before{content:"";position:absolute;z-index:0;inset:-36% 32% 46% -26%;border-radius:50%;background:rgba(255,255,255,.62);transform:rotate(-16deg)}.setting-art:after{content:"";position:absolute;z-index:0;right:5px;bottom:5px;width:9px;height:9px;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(255,255,255,.15)}.setting-art svg{position:relative;z-index:1;width:44px;height:44px;filter:drop-shadow(0 2px 2px rgba(33,48,61,.15))}.setting-art svg *,.contact-tool-art svg *{stroke-linecap:round;stroke-linejoin:round}.settings-card button:hover .setting-art{transform:translateY(-1px);box-shadow:0 12px 22px rgba(39,59,74,.19),inset 0 1px 0 #fff}.settings-card button:active .setting-art{transform:translateY(1px);box-shadow:0 5px 12px rgba(39,59,74,.14),inset 0 1px 0 #fff}
.art-checkin{background:radial-gradient(circle at 75% 25%,#fff7a7 0 8%,transparent 28%),linear-gradient(145deg,#ffd95b,#ff922f 72%)}.art-checkin .art-sheet{fill:#fff9e7;stroke:#d96729;stroke-width:1.3}.art-checkin .art-line{stroke:#ec7430;stroke-width:2}.art-checkin .art-sun{fill:#ff6455;stroke:#fff3ce;stroke-width:1.6}.art-checkin .art-spark{stroke:#28a66a;stroke-width:2.7}
.art-wallet{background:radial-gradient(circle at 78% 18%,#fff1b0,transparent 32%),linear-gradient(145deg,#ffc35a,#f47f3e)}.art-wallet .art-wallet-body{fill:#fff4d9;stroke:#b85d2f;stroke-width:1.3}.art-wallet .art-wallet-fold{fill:#ffd16f;stroke:#b85d2f;stroke-width:1.3}.art-wallet .art-wallet-pocket{fill:#e95b3d;stroke:#fff3d4;stroke-width:1.4}.art-wallet .art-coin{fill:#ffe081;stroke:#fff6cf;stroke-width:1}
.art-favorites{background:radial-gradient(circle at 80% 18%,#ffe6ee,transparent 32%),linear-gradient(145deg,#ff94ba,#df5d91)}.art-favorites .art-photo-back{fill:#ffcadb;stroke:#fff1f6;stroke-width:1.2}.art-favorites .art-photo{fill:#fff6f8;stroke:#a83f68;stroke-width:1.2}.art-favorites .art-photo-sun{fill:#ffc95d;stroke:none}.art-favorites .art-mountain{fill:#82d1b1;stroke:#45a17d;stroke-width:1.1}.art-favorites .art-heart{fill:#f0527d;stroke:#fff;stroke-width:1}
.art-notifications{background:radial-gradient(circle at 70% 20%,#bdefff,transparent 34%),linear-gradient(145deg,#69b8ff,#5272e9)}.art-notifications .art-wave{stroke:#e5f6ff;stroke-width:2}.art-notifications .art-bell{fill:#fff5c4;stroke:#355eb1;stroke-width:1.4}.art-notifications .art-bell-clapper{stroke:#fff3b5;stroke-width:2.4}.art-notifications .art-glow{fill:#ffcf55;stroke:#fff8d5;stroke-width:1.2}
.art-privacy{background:radial-gradient(circle at 78% 22%,#c7ffe2,transparent 34%),linear-gradient(145deg,#47d590,#159f73)}.art-privacy .art-shield{fill:#eafff3;stroke:#087b5a;stroke-width:1.4}.art-privacy .art-person-head{fill:#47c78a;stroke:none}.art-privacy .art-person-body{stroke:#47c78a;stroke-width:2}.art-privacy .art-lock-dot{fill:#ffd764;stroke:#fff4bf;stroke-width:1}.art-privacy .art-lock-line{stroke:#257c62;stroke-width:1.6}
.art-security{background:radial-gradient(circle at 76% 20%,#ffe4ad,transparent 32%),linear-gradient(145deg,#f5a953,#df6f35)}.art-security .art-vault{fill:#fff1d9;stroke:#a7542d;stroke-width:1.5}.art-security .art-vault-inner{fill:#ffd27d;stroke:#b35c31;stroke-width:1.4}.art-security .art-vault-handle{stroke:#9e4f2e;stroke-width:2}.art-security .art-lock-top{stroke:#fff1d0;stroke-width:2.3}
.art-stickers{background:radial-gradient(circle at 75% 20%,#eddbff,transparent 33%),linear-gradient(145deg,#a98bff,#7953d4)}.art-stickers .art-sticker-back{fill:#d8c5ff;stroke:#fff;stroke-width:1}.art-stickers .art-sticker-front{fill:#fff6c9;stroke:#6245ad;stroke-width:1.3}.art-stickers .art-eye{fill:#5d4899;stroke:none}.art-stickers .art-smile{stroke:#ef7e60;stroke-width:2}.art-stickers .art-peel{fill:#ffd978;stroke:#7556bb;stroke-width:1.2}
.art-appearance{background:radial-gradient(circle at 75% 22%,#ffd5ee,transparent 31%),linear-gradient(145deg,#f395bd,#b46be5)}.art-appearance .art-screen{fill:#fdf4ff;stroke:#7b4aac;stroke-width:1.3}.art-appearance .art-sunset{fill:#ffcc65;stroke:#fff3bd;stroke-width:1.1}.art-appearance .art-hill-back{fill:#7fd4ba;stroke:#4d9c88;stroke-width:1}.art-appearance .art-hill-front{fill:#7865d7;stroke:#5b48b1;stroke-width:1}
.art-storage{background:radial-gradient(circle at 77% 20%,#c8f6ff,transparent 33%),linear-gradient(145deg,#5bd0dd,#278dab)}.art-storage .art-drive-top{fill:#e8fbff;stroke:#176c85;stroke-width:1.3}.art-storage .art-drive{fill:#bcecf3;stroke:#176c85;stroke-width:1.3}.art-storage .art-drive-line{stroke:#4eaec0;stroke-width:1.3}.art-storage .art-cloud{fill:#fff;stroke:#268ba4;stroke-width:1.1}
.art-help{background:radial-gradient(circle at 78% 18%,#e9efff,transparent 34%),linear-gradient(145deg,#8295ad,#566a80)}.art-help .art-book-left,.art-help .art-book-right{fill:#f7fbff;stroke:#40546a;stroke-width:1.3}.art-help .art-book-line{stroke:#7b8fa2;stroke-width:1.2}.art-help .art-help-spark{fill:#ffd462;stroke:#fff0ad;stroke-width:1}
.contact-tools button{min-height:96px;padding:8px 5px 10px}.contact-tool-art{position:relative;display:grid!important;place-items:center!important;width:72px!important;height:58px!important;margin:0!important;overflow:hidden;border:1px solid rgba(255,255,255,.94)!important;border-radius:19px!important;box-shadow:0 10px 20px rgba(39,63,75,.13),inset 0 1px 0 #fff!important;isolation:isolate}.contact-tool-art svg{position:relative;z-index:1;width:60px;height:50px;filter:drop-shadow(0 2px 2px rgba(26,67,51,.14))}.art-qr{background:radial-gradient(circle at 75% 20%,#d5ffe8,transparent 34%),linear-gradient(145deg,#dbfae9,#87dfb2)!important}.art-qr .scene-card{fill:#fff;stroke:#168d55;stroke-width:1.1}.art-qr .qr-grid{fill:#16a961;stroke:none}.art-qr .scene-glow{fill:#ffd661;stroke:#fff5c4;stroke-width:1}.art-add-friend{background:radial-gradient(circle at 76% 20%,#d8f9ff,transparent 34%),linear-gradient(145deg,#dff9f0,#78d8be)!important}.art-add-friend .person-one{fill:#fff;stroke:#118c60;stroke-width:1.2}.art-add-friend .person-one-body{fill:#eafff5;stroke:#118c60;stroke-width:1.3}.art-add-friend .person-two{fill:#ffd56b;stroke:#fff4c1;stroke-width:1}.art-add-friend .person-two-body{stroke:#d68135;stroke-width:1.4}.art-add-friend .plus-mark{stroke:#0da45e;stroke-width:2.7}.art-create-group{background:radial-gradient(circle at 78% 18%,#e4e4ff,transparent 35%),linear-gradient(145deg,#dff8ee,#79d4b4)!important}.art-create-group .group-bubble{fill:#fff;stroke:#158e5f;stroke-width:1.2}.art-create-group .group-head.one{fill:#ffcd69;stroke:none}.art-create-group .group-head.two{fill:#65b6f3;stroke:none}.art-create-group .group-head.three{fill:#ef8bc5;stroke:none}.art-create-group .group-body{stroke:#298e69;stroke-width:1.4}

/* v2: contacts, expressive activities, receipts, themes and mobile keyboard behavior */
:root{--accent:#19b864;--accent-dark:#069b4d;--chat-wallpaper:linear-gradient(155deg,#e7f0f6,#edf5f0 55%,#e4edf3);--custom-wallpaper:none;--viewport-top:0px}
body[data-theme="ocean"]{--accent:#3187e8;--accent-dark:#1668bf;--green:#3187e8;--green-dark:#1668bf;--chat-wallpaper:linear-gradient(145deg,#dfeefe,#eef7ff 58%,#dce9f6)}
body[data-theme="rose"]{--accent:#d95c76;--accent-dark:#b53b58;--green:#d95c76;--green-dark:#b53b58;--chat-wallpaper:linear-gradient(145deg,#fbe8ed,#fff3ef 58%,#f0e6f4)}
body[data-theme="sand"]{--accent:#b9863d;--accent-dark:#8f642b;--green:#b9863d;--green-dark:#8f642b;--chat-wallpaper:linear-gradient(145deg,#f4ead9,#fff8eb 58%,#eee4d6)}
body[data-theme="midnight"]{--accent:#7f7cff;--accent-dark:#625ce1;--green:#7f7cff;--green-dark:#625ce1;--chat-wallpaper:linear-gradient(145deg,#1d2733,#263443 58%,#18222e)}
body[data-mode="dark"]{--ink:#eaf1f5;--muted:#9baab4;--line:rgba(255,255,255,.1);--panel:rgba(21,31,39,.9);background:#111a21;color-scheme:dark}
body[data-mode="dark"] .conversation-panel,body[data-mode="dark"] .contacts-panel,body[data-mode="dark"] .profile-panel{background:rgba(18,28,36,.96)}
body[data-mode="dark"] .list-header,body[data-mode="dark"] .settings-card,body[data-mode="dark"] .profile-card{color:#eaf1f5}
body[data-mode="dark"] .conversation-item.active,body[data-mode="dark"] .contact-card{background:linear-gradient(145deg,rgba(43,58,69,.98),rgba(30,47,51,.94));color:#eaf1f5}
body[data-mode="dark"] .chat-header,body[data-mode="dark"] .composer{background:rgba(21,31,40,.9);color:#edf5f8}
body[data-mode="dark"] .mobile-tabs{background:rgba(17,26,33,.96)}
body[data-wallpaper="aurora"] .chat-panel{background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.78),transparent 34%),var(--chat-wallpaper)}
body[data-wallpaper="cloud"] .chat-panel{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.85),transparent 24%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.7),transparent 30%),var(--chat-wallpaper)}
body[data-wallpaper="linen"] .chat-panel{background-color:#eee9df;background-image:repeating-linear-gradient(0deg,rgba(80,66,45,.025) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(80,66,45,.02) 0 1px,transparent 1px 5px)}
body[data-wallpaper="none"] .chat-panel{background:var(--chat-wallpaper)}
body[data-wallpaper="custom"] .chat-panel{background-image:linear-gradient(rgba(238,245,245,.2),rgba(238,245,245,.2)),var(--custom-wallpaper);background-size:cover;background-position:center}
.rail-button.active{color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 24%,transparent),color-mix(in srgb,var(--accent) 12%,transparent))}
.contacts-panel{position:relative;display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--line);background:rgba(250,252,253,.82);backdrop-filter:blur(24px)}
.message-list.keyboard-scrolling{touch-action:none;overscroll-behavior:contain}
.contact-count{padding:6px 10px;border-radius:99px;background:#e8f4ff;color:#3972a5;font-size:11px;font-weight:700}
.conversation-pin-toggle{padding:3px 7px;border:1px solid rgba(32,65,80,.08);border-radius:8px;background:rgba(255,255,255,.78);color:#71808a;font-size:9px;line-height:1.2;box-shadow:0 3px 8px rgba(28,55,69,.06)}.conversation-pin-toggle.active{border-color:rgba(20,164,86,.18);background:#e6f7ee;color:#0b9150;font-weight:750}.conversation-pin-toggle:disabled{opacity:1;background:linear-gradient(180deg,#e6f7ee,#dcf3e6);color:#0b9150;cursor:default}.conversation-pin-toggle:active{transform:translateY(1px)}
.wallet-preview-action{width:100%;margin-top:8px;padding:12px;border:1px solid rgba(22,151,83,.2);border-radius:14px;background:#edf9f2;color:#108c4d;font-weight:750}.wallet-preview-banner{margin-bottom:14px;padding:13px 14px;border-radius:16px;background:linear-gradient(145deg,#fff7db,#fffdf2);color:#77551b}.wallet-preview-banner b,.wallet-preview-banner span{display:block}.wallet-preview-banner span{margin-top:4px;font-size:12px;line-height:1.5}.wallet-preview-balance{padding:20px;border-radius:21px;background:linear-gradient(145deg,#152a34,#214b43);box-shadow:0 15px 28px rgba(19,50,49,.18);color:#fff}.wallet-preview-balance span,.wallet-preview-balance small{display:block;opacity:.7}.wallet-preview-balance strong{display:block;margin:8px 0;font-size:31px}.wallet-preview-balance small{font-size:11px}.wallet-preview-form{margin-top:16px}.wallet-preview-form>label{display:block;margin:13px 0}.wallet-preview-form>label>span{display:block;margin-bottom:7px;color:#5f6d76;font-size:12px}.wallet-preview-form>label>div{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:#f8fafb}.wallet-preview-form>label>div b{padding-left:14px;font-size:20px}.wallet-preview-form input,.wallet-preview-form select{width:100%;padding:13px;border:0;outline:0;background:transparent}.wallet-preview-form select{border:1px solid var(--line);border-radius:14px;background:#f8fafb}
.pinned-message-bar{z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin:8px 18px 0;padding:9px 12px;border:1px solid rgba(24,164,89,.16);border-radius:14px;background:rgba(238,251,244,.88);box-shadow:0 7px 18px rgba(31,74,52,.07);text-align:left}.pinned-message-bar b{color:#118c4f;font-size:11px}.pinned-message-bar span{overflow:hidden;color:#5f6d75;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.pinned-message-bar i{color:#168a50;font-size:10px;font-style:normal}.message-row.pinned .message-bubble{box-shadow:0 0 0 2px rgba(24,177,93,.18),0 12px 26px rgba(34,60,73,.11)}.message-row.pinned-flash .message-bubble{animation:pinned-flash 1.2s ease}@keyframes pinned-flash{0%,100%{transform:scale(1)}45%{transform:scale(1.025);box-shadow:0 0 0 5px rgba(24,177,93,.18),0 14px 30px rgba(34,60,73,.14)}}
.contact-intro{margin:0 18px 14px;padding:13px;border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,#fff),#fff);box-shadow:0 8px 18px rgba(28,58,70,.06)}
.contact-intro b,.contact-intro span{display:block}.contact-intro span{margin-top:4px;color:#78858e;font-size:12px;line-height:1.45}
.contact-list-view{min-height:0;flex:1;padding:0 12px 90px;overflow:auto}
.contact-card{display:grid;grid-template-columns:52px minmax(0,1fr) 24px 40px;align-items:center;gap:10px;width:100%;margin-bottom:9px;padding:13px;border:1px solid rgba(255,255,255,.78);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,249,246,.9));box-shadow:0 10px 22px rgba(30,62,72,.08),inset 0 1px 0 #fff;text-align:left}
.team-invite-card{grid-template-columns:52px minmax(0,1fr) 24px 40px;border-color:color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.78));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,#fff),rgba(238,250,246,.94))}.team-invite-avatar{background:linear-gradient(145deg,var(--accent),#35a7df);box-shadow:0 8px 17px color-mix(in srgb,var(--accent) 24%,transparent)}
.contact-avatar{display:grid;place-items:center;overflow:hidden;width:46px;height:46px;border-radius:16px;background:linear-gradient(145deg,var(--accent),#44a3ee);color:#fff;font-weight:800}.contact-avatar img{width:100%;height:100%;object-fit:cover}
.contact-copy{min-width:0}.contact-copy strong,.contact-copy small,.contact-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-copy strong{font-size:15px}.contact-copy strong i,.official-badge{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:6px;background:#e6f7ee;color:#138b4d;font-size:9px;font-style:normal;vertical-align:2px}.contact-copy small{margin-top:3px;color:#269c65;font-size:11px}.contact-copy em{margin-top:4px;color:#89959d;font-size:11px;font-style:normal}.contact-chat-icon{display:grid;grid-column:4;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(180deg,#fff,#eaf4ef);box-shadow:0 5px 11px rgba(20,72,47,.1);color:var(--accent-dark);font-size:11px;font-weight:800}
.header-action{position:relative;display:grid;place-items:center}.header-action svg{width:20px;height:20px}.header-action:after{content:attr(data-tooltip);position:absolute;right:0;top:45px;z-index:10;visibility:hidden;opacity:0;width:max-content;padding:6px 9px;border-radius:8px;background:rgba(16,27,34,.88);color:#fff;font-size:10px;transition:.15s}.header-action:hover:after,.header-action:focus-visible:after{visibility:visible;opacity:1}.header-action.active svg{filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--accent) 40%,transparent))}
.message-list{touch-action:pan-y;-webkit-overflow-scrolling:touch}.message-status-row{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:4px 8px 0}.message-time{margin:0}.message-receipt{padding:0;border:0;background:transparent;color:#89959c;font-size:10px}.message-receipt.read{color:var(--accent-dark);font-weight:700}.message-status-row button.message-receipt{text-decoration:underline;text-underline-offset:2px}
.message-bubble.activity-bubble{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.red-packet-card,.quiz-message-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;min-width:min(330px,68vw);overflow:hidden;padding:16px;border:0;border-radius:21px;background-color:var(--activity-color,#dc4b39);background-size:cover;background-position:center;box-shadow:0 15px 30px color-mix(in srgb,var(--activity-color,#dc4b39) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.3);color:#fff;text-align:left}.red-packet-card:before,.quiz-message-card:before{content:"";position:absolute;inset:auto -14% -65% -14%;height:110%;border-radius:50%;background:rgba(255,220,151,.2)}.packet-seal,.quiz-symbol{z-index:1;display:grid;place-items:center;width:54px;height:54px;border:2px solid rgba(255,238,194,.9);border-radius:50%;background:linear-gradient(145deg,#ffd983,#e8a545);box-shadow:0 8px 16px rgba(82,28,17,.22),inset 0 1px 0 #fff;color:#a53527;font-size:21px;font-weight:900}.red-packet-card>span:nth-child(2),.quiz-message-card>span:nth-child(2){z-index:1;align-self:center}.red-packet-card b,.red-packet-card em,.quiz-message-card b,.quiz-message-card em{display:block}.red-packet-card b,.quiz-message-card b{font-size:16px}.red-packet-card em,.quiz-message-card em{margin-top:5px;opacity:.84;font-size:11px;font-style:normal}.red-packet-card small,.quiz-message-card small{z-index:1;grid-column:1/-1;margin-top:7px;padding-top:9px;border-top:1px solid rgba(255,255,255,.18);font-size:10px;opacity:.8}.quiz-message-card{--activity-color:#6957e8;background-color:var(--activity-color)}.quiz-symbol{border-radius:17px;background:linear-gradient(145deg,#dbe7ff,#9ab0ff);color:#4b4bc2}
.chat-video{display:block;width:min(360px,100%);max-height:320px;border-radius:16px}.message-bubble.emoji-bubble,.message-row.own .message-bubble.emoji-bubble{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.sticker-message,.animated-emoji-message{position:relative;display:block;padding:0;border:0;background:transparent}.sticker-message{border-radius:18px}.custom-sticker-message{display:block;width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(24,42,54,.16))}.animated-emoji-message{width:118px;height:118px;overflow:visible;isolation:isolate}.emoji-glyph{position:absolute;z-index:2;inset:16px;display:grid;place-items:center;font-size:70px;line-height:1;filter:drop-shadow(0 9px 10px rgba(29,48,60,.18));transform-origin:50% 72%}.emoji-effect-layer{position:absolute;z-index:1;inset:-12px;pointer-events:none}.emoji-effect-layer i{--dx:0px;--dy:-48px;position:absolute;left:50%;top:50%;width:15px;height:15px;color:#58c993;font-size:16px;font-style:normal;opacity:0}.emoji-effect-layer i:before{content:var(--particle,"✦")}.emoji-effect-layer i:nth-child(1){--dx:-47px;--dy:-39px}.emoji-effect-layer i:nth-child(2){--dx:2px;--dy:-57px;animation-delay:.06s!important}.emoji-effect-layer i:nth-child(3){--dx:49px;--dy:-31px;animation-delay:.12s!important}.emoji-effect-layer i:nth-child(4){--dx:52px;--dy:29px;animation-delay:.18s!important}.emoji-effect-layer i:nth-child(5){--dx:-3px;--dy:54px;animation-delay:.24s!important}.emoji-effect-layer i:nth-child(6){--dx:-50px;--dy:25px;animation-delay:.3s!important}.motion-love{--particle:"♥"}.motion-love .emoji-effect-layer i{color:#ff648d}.motion-celebrate{--particle:"✦"}.motion-celebrate .emoji-effect-layer i:nth-child(2n){color:#ffb529}.motion-celebrate .emoji-effect-layer i:nth-child(3n){color:#7289ff}.motion-burst{--particle:"✹"}.motion-burst .emoji-effect-layer i{color:#ff8a29}.motion-tear{--particle:"●"}.motion-tear .emoji-effect-layer i{color:#55a8ff}.motion-wave{--particle:"✦"}.motion-wave .emoji-effect-layer i{color:#48c6a2}.playing .emoji-effect-layer i{animation:emoji-particle 1.15s cubic-bezier(.18,.75,.28,1) 1}.playing.motion-love .emoji-glyph{animation:emoji-love 1.05s cubic-bezier(.2,.8,.2,1) 1}.playing.motion-celebrate .emoji-glyph{animation:emoji-celebrate 1.08s cubic-bezier(.2,.8,.2,1) 1}.playing.motion-burst .emoji-glyph{animation:emoji-burst .95s cubic-bezier(.2,.8,.2,1) 1}.playing.motion-tear .emoji-glyph{animation:emoji-tear 1.2s ease-in-out 1}.playing.motion-wave .emoji-glyph{animation:emoji-wave 1.1s ease-in-out 1}.playing.motion-spark .emoji-glyph{animation:emoji-spark 1s cubic-bezier(.2,.8,.2,1) 1}@keyframes emoji-particle{0%{opacity:0;transform:translate(-50%,-50%) scale(.1) rotate(0)}22%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.25) rotate(120deg)}}@keyframes emoji-love{0%{transform:scale(.45)}36%{transform:scale(1.2)}58%{transform:scale(.94)}76%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes emoji-celebrate{0%{transform:translateY(18px) scale(.55) rotate(-8deg)}42%{transform:translateY(-8px) scale(1.16) rotate(8deg)}72%{transform:translateY(2px) scale(.96) rotate(-3deg)}100%{transform:none}}@keyframes emoji-burst{0%{transform:scale(.28) rotate(-14deg);filter:drop-shadow(0 0 0 rgba(255,130,35,0))}44%{transform:scale(1.28) rotate(9deg);filter:drop-shadow(0 0 20px rgba(255,130,35,.64))}72%{transform:scale(.92) rotate(-3deg)}100%{transform:none}}@keyframes emoji-tear{0%{transform:translateY(-4px) scale(.82)}34%{transform:translateY(7px) scale(1.08)}58%{transform:translateY(-3px) rotate(-5deg)}78%{transform:translateY(2px) rotate(4deg)}100%{transform:none}}@keyframes emoji-wave{0%{transform:scale(.68) rotate(-14deg)}30%{transform:scale(1.12) rotate(13deg)}52%{transform:rotate(-10deg)}74%{transform:rotate(7deg)}100%{transform:none}}@keyframes emoji-spark{0%{transform:scale(.48) rotate(0)}40%{transform:scale(1.18) rotate(-7deg)}68%{transform:scale(.95) rotate(5deg)}100%{transform:none}}@media(prefers-reduced-motion:reduce){.emoji-glyph,.emoji-effect-layer i{animation:none!important}}.expired-media{color:#8a969d;font-size:12px;font-style:italic}
.emoji-panel{display:block;max-height:230px;padding:0}.emoji-tabs{position:sticky;top:0;z-index:2;display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.emoji-tabs button{height:30px;padding:0 13px;border-radius:10px;font-size:12px}.emoji-tabs button.active{background:#e5f7ed;color:var(--accent-dark);font-weight:700}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:10px 16px}.emoji-empty{grid-column:1/-1;padding:20px;color:#87939b;text-align:center;font-size:12px}.custom-sticker img{width:32px;height:32px;object-fit:contain}.emoji-grid .classic-emoji{display:grid;height:52px;place-items:center;padding:2px 0}.classic-emoji b{font-size:23px;line-height:24px}.classic-emoji small{overflow:hidden;width:100%;color:#77848c;font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.setting-icon.rose{background:#f9e1e8;color:#c85471}.sticker-upload,.wallpaper-upload{display:block;margin:12px 0;padding:12px;border:1px dashed color-mix(in srgb,var(--accent) 42%,transparent);border-radius:14px;color:var(--accent-dark);text-align:center;font-size:13px;font-weight:700}.sticker-upload input,.wallpaper-upload input{display:none}.sticker-manager{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-height:280px;overflow:auto}.sticker-manager>div{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:14px;background:#f1f5f6}.sticker-manager img{max-width:75%;max-height:75%}.sticker-manager button{position:absolute;right:3px;bottom:3px;padding:3px 5px;border:0;border-radius:6px;background:rgba(20,30,36,.72);color:#fff;font-size:9px}.sticker-manager p{grid-column:1/-1;color:#8b969d;text-align:center}
.appearance-form{display:grid;gap:16px}.appearance-group>b{display:block;margin-bottom:8px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented label{padding:10px;border-radius:12px;background:#f1f4f6;text-align:center}.theme-grid,.wallpaper-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.theme-grid label,.wallpaper-grid label{display:grid;justify-items:center;gap:5px;font-size:10px}.theme-grid input,.wallpaper-grid input{position:absolute;opacity:0}.theme-grid span,.wallpaper-grid span{width:42px;height:42px;border:2px solid transparent;border-radius:14px;box-shadow:0 5px 11px rgba(30,50,60,.11)}.theme-grid input:checked+span,.wallpaper-grid input:checked+span{border-color:#fff;outline:3px solid var(--accent)}.theme-mint span{background:linear-gradient(145deg,#46d88a,#128f53)}.theme-ocean span{background:linear-gradient(145deg,#65b3ff,#216cca)}.theme-rose span{background:linear-gradient(145deg,#f091a6,#bd3f5e)}.theme-sand span{background:linear-gradient(145deg,#e4bd77,#9d6f2c)}.theme-midnight span{background:linear-gradient(145deg,#7774e9,#202942)}.wallpaper-aurora span{background:linear-gradient(145deg,#d9eef4,#dff1e5)}.wallpaper-cloud span{background:radial-gradient(circle at 25% 25%,#fff 0 20%,transparent 21%),#dcebf6}.wallpaper-linen span{background:repeating-linear-gradient(45deg,#eee5d6 0 3px,#e7dccb 3px 6px)}.wallpaper-none span{background:#edf1f3}
.packet-open-scene,.quiz-open-scene{position:relative;overflow:hidden;padding:36px 24px 24px;border-radius:26px;background-color:var(--activity-color);background-size:cover;background-position:center;box-shadow:0 22px 50px color-mix(in srgb,var(--activity-color) 32%,transparent);color:#fff;text-align:center}.packet-lid{position:absolute;left:-10%;right:-10%;top:-130px;height:230px;border-radius:50%;background:rgba(116,24,19,.26);box-shadow:0 5px 14px rgba(78,23,18,.18)}.packet-brand{position:relative;display:grid;justify-items:center}.packet-brand img{width:55px;height:55px;border-radius:18px;box-shadow:0 8px 18px rgba(56,14,12,.24)}.packet-brand b{margin-top:16px;font-size:21px}.packet-brand span{margin-top:7px;opacity:.84}.open-packet-button{position:relative;width:76px;height:76px;margin:26px auto 16px;border:0;border-radius:50%;background:linear-gradient(145deg,#ffe7a6,#d9a74f);box-shadow:0 11px 24px rgba(70,24,16,.3),inset 0 2px 0 #fff6d6;color:#9f3027;font-size:25px;font-weight:900}.open-packet-button.opening{animation:packetOpen .72s ease-in-out infinite}.open-packet-button.opening:after{content:"";display:block;width:28px;height:28px;margin:auto;border:4px solid rgba(139,53,35,.28);border-top-color:#9f3027;border-radius:50%;animation:spin .65s linear infinite}@keyframes packetOpen{50%{transform:scale(.9) rotateY(90deg)}}@keyframes spin{to{transform:rotate(360deg)}}.packet-result{display:grid;margin:22px}.packet-result strong{font-size:42px}.packet-result span,.packet-ended{opacity:.86}.packet-open-scene>small{display:block;opacity:.72}.quiz-open-scene{text-align:left}.quiz-kicker{display:inline-block;padding:5px 9px;border-radius:99px;background:rgba(255,255,255,.17);font-size:10px}.quiz-open-scene h3{margin:14px 0 7px;font-size:22px}.quiz-open-scene p{font-size:16px;line-height:1.55}.quiz-open-scene time{font-size:10px;opacity:.72}.quiz-options{display:grid;gap:8px;margin-top:18px}.quiz-options button{padding:11px;border:1px solid rgba(255,255,255,.34);border-radius:12px;background:rgba(255,255,255,.13);color:#fff;text-align:left}.quiz-options button.selected{background:#fff;color:var(--activity-color);font-weight:800}.quiz-submit{width:100%;margin-top:14px;padding:12px;border:0;border-radius:13px;background:#fff;color:var(--activity-color);font-weight:800}.quiz-result{margin-top:18px;padding:14px;border-radius:14px;background:rgba(255,255,255,.17);text-align:center}

@media(max-width:760px){
  .conversation-panel,.contacts-panel,.chat-panel,.profile-panel{position:absolute;inset:0;width:100%;height:100%;border:0}.contacts-panel{z-index:3;display:none}.contacts-panel.mobile-active{display:flex}.contacts-panel.mobile-hidden{display:none}.mobile-tabs{grid-template-columns:repeat(3,1fr)}
  .contact-list-view{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.header-action:after{display:none}.header-action svg{width:18px;height:18px}.emoji-grid{grid-template-columns:repeat(7,1fr);padding:8px}.red-packet-card,.quiz-message-card{min-width:min(285px,72vw);padding:14px}.packet-seal,.quiz-symbol{width:47px;height:47px}.message-body{max-width:82%}.theme-grid{grid-template-columns:repeat(5,1fr)}.wallpaper-grid{grid-template-columns:repeat(4,1fr)}.activity-dialog{max-height:92dvh;overflow:auto}
}

/* 功能版扩展：联系人工具、二维码、签到、钱包与安全设置 */
.contact-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 16px 12px}.contact-tools button{display:grid;place-items:center;gap:6px;min-height:72px;padding:9px;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(238,245,247,.82));box-shadow:0 8px 18px rgba(35,57,70,.07),inset 0 1px 0 #fff;color:#596872}.contact-tools span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#e4f8ed,#fff);color:#14a65a;font-size:16px;font-weight:800}.contact-tools b{font-size:11px}.setting-icon.gold{background:linear-gradient(145deg,#f7ba38,#ef8d2e)}.sheet-dialog select,.sheet-dialog textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:14px;outline:0;background:#f8fafb}.settings-password textarea,.settings-password select{margin-bottom:8px}.settings-subtitle{margin:18px 0 8px;font-size:14px}.favorite-list,.device-list{display:grid;gap:8px;margin-top:12px}.favorite-list>div,.device-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:13px;background:#f4f7f8}.favorite-list span,.device-list span{min-width:0;flex:1}.favorite-list b,.favorite-list small,.device-list b,.device-list small{display:block}.favorite-list small,.device-list small{margin-top:3px;overflow:hidden;color:#7c8991;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.favorite-list button,.device-list button{padding:6px 9px;border:0;border-radius:9px;background:#fff;color:#d34f4f}.favorite-list p{margin:0;padding:18px;color:#7a878f;text-align:center;font-size:12px}.device-list em{color:#18a45a;font-size:11px;font-style:normal}.checkin-card,.wallet-card,.qr-card{padding:20px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:linear-gradient(145deg,#fff,#eff7f3);box-shadow:0 14px 30px rgba(28,62,48,.1),inset 0 1px 0 #fff;text-align:center}.checkin-card>span,.checkin-card>em{display:block;color:#738179;font-size:12px;font-style:normal}.checkin-card strong{display:block;margin:6px 0 0;color:#139b53;font-size:42px}.checkin-card button,.wallet-card button{margin-top:16px;padding:10px 16px;border:0;border-radius:13px;background:linear-gradient(#31d178,#0ca755);color:#fff;font-weight:750}.wallet-card strong{display:block;margin:8px 0;color:#45535d;font-size:25px}.wallet-card p{color:#718078;font-size:12px;line-height:1.6}.wallet-card div{display:flex;justify-content:center;gap:10px}.wallet-card button{margin-top:3px}.member-picker{display:grid;gap:6px;max-height:250px;padding:10px;overflow:auto;border-radius:15px;background:#f4f7f8}.member-picker>b{padding:4px}.member-picker label{display:flex!important;align-items:center;gap:9px;margin:0!important;padding:8px;border-radius:10px;background:#fff}.member-picker input{width:18px!important}.member-picker span{margin:0!important;flex:1}.member-picker em{color:#849199;font-size:11px;font-style:normal}.qr-card{background:radial-gradient(circle at 50% 10%,#ebfff3,#fff 65%)}.qr-card h3{margin:12px 0 4px}.qr-card p{margin:0;color:#607068}.qr-card>span{display:block;margin:9px 0;color:#819088;font-size:11px}.personal-qr{width:min(210px,70vw);margin:auto;padding:12px;border:8px solid #fff;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(20,48,34,.12)}.personal-qr svg{display:block;width:100%;height:auto}.qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qr-actions button{margin-top:4px}.message-time{white-space:nowrap}
@media(max-width:760px){.contact-tools{padding:0 12px 10px}.contact-tools button{min-height:66px}.sheet-dialog{max-height:calc(var(--visible-height) - 24px);overflow:auto}.personal-qr{width:min(190px,66vw)}.message-actions{flex-wrap:wrap}}

/* Team invitation, festive check-in calendar and wallet verification flow */
.invite-register-note{display:flex;gap:10px;margin:-8px 0 13px;padding:11px 12px;border:1px solid rgba(25,184,100,.16);border-radius:13px;background:linear-gradient(145deg,#ecfaf2,#f8fffb);color:#50665b;font-size:11px;line-height:1.55}.invite-register-note b{flex:0 0 auto;color:#0e9950}.invite-register-note span{display:block}
.settings-card .wallet-setting-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;border-bottom:1px solid rgba(25,42,55,.06)}.settings-card .wallet-setting-main{min-width:0;border-bottom:0}.settings-card .wallet-setting-main>div{min-width:0}.settings-card .wallet-setting-main b,.settings-card .wallet-setting-main small{white-space:normal;word-break:keep-all}.settings-card .wallet-inline-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 16px 13px 77px}.settings-card .wallet-inline-actions button{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;padding:8px 10px;border:1px solid rgba(236,142,47,.22);border-radius:11px;background:linear-gradient(180deg,#fff8ef,#fff);box-shadow:0 4px 10px rgba(147,88,29,.08);color:#d67b21;font-size:11px;font-weight:750;white-space:nowrap}.settings-card .wallet-inline-actions button:active{transform:translateY(1px);box-shadow:none}
.checkin-festival{position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 82% 2%,rgba(255,244,169,.75),transparent 29%),linear-gradient(145deg,#ff4b3f,#f4902f 64%,#f7bd3f);box-shadow:0 18px 38px rgba(203,69,31,.22),inset 0 1px 0 rgba(255,255,255,.55);color:#fff}.checkin-festival:before,.checkin-festival:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.24);border-radius:50%}.checkin-festival:before{right:-52px;top:-58px}.checkin-festival:after{left:-62px;bottom:-105px}.checkin-hero{position:relative;z-index:1;padding:20px}.checkin-kicker{display:block;color:#fff5d1;font-size:11px;font-weight:750;letter-spacing:.1em}.checkin-hero h3{margin:5px 0 3px;font-size:24px}.checkin-hero>p{margin:0;color:rgba(255,255,255,.82);font-size:11px}.checkin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0 14px}.checkin-stats div{padding:10px 5px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);text-align:center}.checkin-stats b,.checkin-stats span{display:block}.checkin-stats b{font-size:20px}.checkin-stats span{margin-top:2px;color:rgba(255,255,255,.78);font-size:9px}.checkin-primary{width:100%;padding:11px;border:0;border-radius:14px;background:linear-gradient(180deg,#fffdf2,#ffe9a4);box-shadow:0 9px 20px rgba(120,42,17,.18),inset 0 1px 0 #fff;color:#d34b27;font-weight:850}.checkin-primary:disabled{color:#a47761;background:rgba(255,255,255,.76)}.checkin-calendar-wrap{position:relative;z-index:2;padding:16px 17px 18px;border-radius:23px 23px 0 0;background:rgba(255,255,255,.96);color:var(--ink)}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.calendar-head b{font-size:15px}.calendar-head button{width:32px;height:32px;border:1px solid #e7ebed;border-radius:11px;background:#fff;color:#5e6971}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-week span{padding:4px 0;color:#90999f;font-size:9px;text-align:center}.calendar-day{position:relative;display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:12px;background:#f5f7f8;color:#6f7b83;font-size:11px}.calendar-day.empty{background:transparent}.calendar-day.signed{background:linear-gradient(145deg,#fee4af,#ffbf51);box-shadow:0 5px 10px rgba(224,137,31,.16);color:#9b4d19;font-weight:800}.calendar-day.signed:after{content:"✓";position:absolute;right:3px;bottom:1px;font-size:8px}.calendar-day.missed{background:#f1f2f3;color:#a3aaaf}.calendar-day.missed:after{content:"·";position:absolute;bottom:0;font-weight:900}.calendar-day.today{outline:2px solid #f15a3d;outline-offset:1px}.calendar-day.future{background:#fafbfb;color:#c2c7ca}.calendar-legend{display:flex;justify-content:center;gap:14px;margin-top:11px;color:#859098;font-size:9px}.calendar-legend i{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%}.calendar-legend .signed{background:#ffbd4c}.calendar-legend .missed{background:#dfe2e4}.calendar-legend .today{background:#f15a3d}
.wallet-surface{padding:20px;border-radius:23px;background:radial-gradient(circle at 85% 12%,rgba(255,235,171,.55),transparent 28%),linear-gradient(145deg,#ff9d36,#f16c34);box-shadow:0 16px 34px rgba(198,91,36,.2);color:#fff}.wallet-surface>span{color:rgba(255,255,255,.8);font-size:11px}.wallet-surface strong{display:block;margin:5px 0 2px;font-size:25px}.wallet-surface p{margin:5px 0 14px;color:rgba(255,255,255,.82);font-size:11px;line-height:1.6}.wallet-status{display:inline-flex;padding:5px 8px;border-radius:99px;background:rgba(255,255,255,.18);font-size:10px}.wallet-surface-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.wallet-surface-actions button{padding:10px;border:1px solid rgba(255,255,255,.35);border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 7px 15px rgba(119,49,17,.14);color:#d45f2c;font-weight:800}.wallet-gate-icon{display:grid;place-items:center;width:60px;height:60px;margin:auto;border-radius:21px;background:linear-gradient(145deg,#fff1d2,#ffc45f);color:#c45e22;font-size:19px;font-weight:900}.wallet-gate-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wallet-gate-actions button{margin:0}.identity-safety-note{padding:13px;border-radius:15px;background:#fff6df;color:#6d5b38}.identity-safety-note b,.identity-safety-note span{display:block}.identity-safety-note span{margin-top:4px;font-size:11px;line-height:1.55}.identity-consent{display:flex!important;align-items:center;gap:8px}.identity-consent input{width:18px!important;height:18px}.identity-consent span{margin:0!important;font-weight:500!important}.team-card{padding:17px;border:1px solid rgba(25,184,100,.13);border-radius:20px;background:linear-gradient(145deg,#f2fff7,#fff);box-shadow:0 12px 26px rgba(26,91,55,.08)}.team-card h3{margin:0 0 5px}.team-card>p{margin:0;color:#718077;font-size:11px;line-height:1.6}.team-link-box{margin:12px 0;padding:11px;border-radius:13px;background:#eef4f1;word-break:break-all;color:#496256;font-size:11px}.team-members{display:grid;gap:7px;margin-top:12px}.team-members div{display:flex;justify-content:space-between;padding:9px 10px;border-radius:11px;background:#f4f7f5;font-size:11px}.team-members span{color:#78867e}
@media(max-width:760px){.settings-card .wallet-inline-actions{padding:0 16px 12px 77px}.checkin-calendar-wrap{padding:14px}.calendar-grid{gap:4px}.calendar-day{border-radius:10px}.wallet-gate-actions{grid-template-columns:1fr}.identity-dialog{max-height:calc(var(--visible-height) - 24px);overflow:auto}}
@media(max-width:390px){.settings-card .wallet-inline-actions{padding-left:16px}}

/* v11: 实名、钱包、语音通话与移动端固定导航 */
.identity-state-badge{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:5px 10px;border-radius:999px;font-weight:800;font-style:normal;background:#eef1f3;color:#71808a;transition:.25s}.identity-state-badge[data-state="submitted"]{background:#fff1c8;color:#a66a00;box-shadow:0 0 0 4px rgba(255,187,48,.1)}.identity-state-badge[data-state="submitted"]:before{content:"";width:7px;height:7px;margin-right:6px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:identitySpin .8s linear infinite}.identity-state-badge[data-state="approved"]{background:#dff7e9;color:#11834a}.identity-state-badge[data-state="rejected"]{background:#ffe5e6;color:#c5363d}@keyframes identitySpin{to{transform:rotate(360deg)}}
.identity-detect{display:grid;gap:4px;margin:4px 0 14px;padding:13px 15px;border:1px solid #dde4e8;border-radius:15px;background:#f7f9fa}.identity-detect b{font-size:14px}.identity-detect span{color:#7c8992;font-size:12px}.identity-detect[data-state="success"]{border-color:#a6e4c1;background:#ecfaf2;color:#14814d}.identity-detect[data-state="error"]{border-color:#f2b4b6;background:#fff0f1;color:#b9393e}
.wallet-unlock-dialog form{display:grid;gap:10px;margin-top:18px}.wallet-unlock-dialog input{width:100%;padding:13px 14px;border:1px solid #d9e0e4;border-radius:14px;font-size:15px;outline:0}.wallet-unlock-dialog input:focus{border-color:#22b66f;box-shadow:0 0 0 4px rgba(34,182,111,.12)}
.wallet-balance-card{position:relative;overflow:hidden;padding:23px;border-radius:23px;background:linear-gradient(135deg,#17291f,#1c754b 60%,#36bc79);color:#fff;box-shadow:0 18px 40px rgba(20,102,64,.22)}.wallet-balance-card:after{content:"¥";position:absolute;right:18px;top:-17px;color:rgba(255,255,255,.12);font-size:116px;font-weight:900}.wallet-balance-card span,.wallet-balance-card strong,.wallet-balance-card small{position:relative;z-index:1;display:block}.wallet-balance-card strong{margin:9px 0;font-size:38px}.wallet-balance-card small{color:rgba(255,255,255,.8)}.wallet-reserved-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.wallet-reserved-actions button{padding:12px;border:1px dashed #d8dde1;border-radius:14px;background:#f5f7f8;color:#99a3aa}.wallet-filter{display:flex;gap:7px;overflow-x:auto;margin:18px 0 10px;padding-bottom:4px}.wallet-filter button{flex:0 0 auto;padding:8px 12px;border:0;border-radius:999px;background:#edf1f3;color:#67757e}.wallet-filter button.active{background:#1dad64;color:#fff;box-shadow:0 6px 15px rgba(29,173,100,.2)}.wallet-ledger{display:grid}.wallet-ledger>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 2px;border-bottom:1px solid #edf0f2}.wallet-ledger span,.wallet-ledger b,.wallet-ledger small{display:block}.wallet-ledger small{margin-top:4px;color:#88949c;font-size:11px}.wallet-ledger strong{color:#169154;white-space:nowrap}.wallet-ledger>p{padding:28px 0;color:#8b969d;text-align:center}
.call-dialog{max-width:350px;text-align:center;background:linear-gradient(160deg,#17261f,#10201a);color:#fff}.call-avatar{display:grid;place-items:center;overflow:hidden;width:88px;height:88px;margin:4px auto 16px;border-radius:30px;background:linear-gradient(135deg,#32c57a,#2c89e8);font-size:30px;font-weight:900;box-shadow:0 16px 35px rgba(19,27,23,.35)}.call-avatar img{width:100%;height:100%;object-fit:cover}.call-dialog h2{margin:0}.call-dialog p{margin:8px 0;color:#bdcbc4}.call-dialog>strong{display:block;min-height:26px;margin:8px 0 22px;font-size:20px;letter-spacing:.08em}.call-actions{display:flex;justify-content:center;gap:18px}.call-actions button{min-width:82px;padding:13px;border:0;border-radius:999px;color:#fff;font-weight:800}.call-reject,.call-end{background:#e64c55}.call-accept{background:#1eb86a}
@media(max-width:760px){.mobile-tabs{position:fixed!important;z-index:18!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;background:rgba(249,251,252,.97)!important;transform:translateZ(0)}.conversation-list,.contact-list-view,.profile-panel{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}.call-dialog{width:calc(100% - 34px);margin:auto}}