.ec-box{border-top:1px solid #e5eaf0;margin-top:8px;padding:5px 2px 0;font-family:inherit;color:#17354b}.ec-count{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#164969;font:inherit;font-size:12px;min-height:28px;padding:2px 4px;cursor:pointer}.ec-count svg{width:17px;height:17px}.ec-form{display:flex;align-items:center;gap:6px;border-radius:22px;background:#f0f3f7;padding:2px 5px 2px 10px}.ec-form input{min-width:0;flex:1;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;padding:8px 1px!important;font:inherit;font-size:13px!important;height:auto!important;color:#17354b}.ec-form button{background:transparent;border:0;border-radius:50%;width:32px;height:32px;color:#124a62;font-size:19px;padding:0}.ec-error{font-size:12px;color:#b42332;margin:4px 0}.ec-dialog{box-sizing:border-box;position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,560px);max-width:100%;height:min(65dvh,650px);max-height:90dvh;border:0;border-radius:20px 20px 0 0;background:#fff;color:#17354b;padding:0;font-family:inherit;overflow:hidden}.ec-dialog::backdrop{background:#0009}.ec-dialog[open]{display:flex;flex-direction:column}.ec-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:2px solid #f58220}.ec-head h3{font-size:18px;margin:0;flex:1}.ec-head button{border:0;background:none;font-size:24px;color:#17354b}.ec-list{min-height:0;flex:1;overflow:auto;padding:14px}.ec-item{display:flex;gap:8px;margin-bottom:12px}.ec-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#e0ebfa;color:#124a62;font-size:12px;font-weight:700}.ec-body{min-width:0;flex:1}.ec-bubble{background:#edf0f5;border-radius:13px;padding:9px 11px;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;line-height:1.35}.ec-bubble b{display:block;font-size:13px}.ec-body time{font-size:11px;color:#657585;display:block;margin:3px 8px}.ec-bottom{padding:8px 12px max(12px,env(safe-area-inset-bottom));border-top:1px solid #e5eaf0}.ec-older{border:0;background:#eff4fa;color:#124a62;padding:8px;font:inherit;font-size:12px;border-radius:8px;margin-bottom:10px}
.camera-choice{border:0;border-radius:16px;padding:0;width:min(360px,calc(100vw - 36px));max-height:85dvh;background:#fff;color:#143d58;font-family:inherit;overflow:auto}.camera-choice::backdrop{background:#000b}.camera-choice header{display:flex;align-items:center;gap:6px;background:#103f67;border-bottom:3px solid #f58220;color:#fff;padding:10px 14px}.camera-choice h3{font-size:17px;margin:0;flex:1}.camera-choice header button{background:none;color:#fff;border:0;font-size:23px}.camera-choices{padding:12px;display:grid;gap:8px}.camera-choices button{display:flex;align-items:center;gap:12px;border:1px solid #cad8e4;border-radius:11px;background:#fff;padding:12px;color:#103f67;text-align:left;font:inherit}.camera-choices i{font-style:normal;font-size:24px}.camera-choices b{font-size:14px;display:block}.camera-choices small{font-size:12px;display:block;color:#64748b;margin-top:2px}

.camera-choices svg{width:27px;height:27px;display:block}.bottom-nav i svg{width:24px;height:24px}

.ec-avatar{position:relative;overflow:hidden}
.ec-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ec-preview{display:grid;gap:6px;margin:2px 0 8px}
.ec-preview[hidden]{display:none}
.ec-preview-item,.ec-preview-all{border:0;background:none;color:#17354b;text-align:left;font:inherit;cursor:pointer}
.ec-preview-item{display:flex;align-items:flex-start;gap:7px;width:100%;padding:0}
.ec-preview-item .ec-avatar{flex-basis:28px;width:28px;height:28px}
.ec-preview-body{flex:1;min-width:0;display:block}
.ec-preview-item .ec-bubble{display:block;box-sizing:border-box;width:100%;max-width:100%;padding:6px 10px;background:#f0f2f5;border-radius:15px;color:#16202a;font-size:13px}
.ec-preview-item .ec-bubble b{font-size:12px;margin-bottom:1px}
.ec-preview-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.ec-preview-body time{display:block;color:#657585;font-size:10px;margin:2px 8px 0}
.ec-preview-item:hover .ec-bubble,.ec-preview-item:focus-visible .ec-bubble{background:#e7ecf2}
.ec-preview-all{padding:2px 0;font-size:12px;font-weight:600}
.ec-preview-all:hover{text-decoration:underline}

.ec-form > .ec-count{flex:none;width:auto;height:32px;padding:0 4px;gap:4px;font-size:12px;border-radius:8px}
.ec-form > .ec-count:hover{background:#e2e9f2}
.ec-form > button[type="submit"]{flex:0 0 32px}