:root{--wa-teal: #633716;--wa-teal-dark: #4A290F;--wa-green: #8B5A2B;--wa-light-green: #F0E4D4;--wa-bg: #EFE6DA;--wa-panel: #FFFFFF;--wa-sidebar: #FFFFFF;--wa-header: #633716;--wa-chat-bg: #EFE6DA;--wa-text: #2C1A0C;--wa-text-secondary: #8A6B4A;--wa-border: #E5D5C2;--wa-hover: #F7F1EA;--wa-input: #FFFFFF;--wa-danger: #EA4335;--wa-shadow: 0 1px 3px rgba(99,55,22,.15);--font: "Segoe UI", Helvetica, Arial, sans-serif;--chat-wallpaper-overlay: transparent}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;font-family:var(--font);color:var(--wa-text);background:#e8dfd0;-webkit-font-smoothing:antialiased}.session-pin-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#140c06b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;padding-top:max(24px,env(safe-area-inset-top))}.session-pin-lock-card{width:100%;max-width:360px;background:var(--wa-panel, #fff);border-radius:16px;padding:28px 22px 24px;box-shadow:0 12px 40px #00000047;text-align:center}.session-pin-lock-logo{width:56px;height:56px;object-fit:contain;margin-bottom:12px}.session-pin-lock-card h2{font-size:1.25rem;color:var(--wa-text);margin-bottom:8px}.session-pin-lock-hint{font-size:.9rem;color:var(--wa-text-secondary);line-height:1.45;margin-bottom:18px}.session-pin-lock-form{display:flex;flex-direction:column;gap:12px;text-align:left}.session-pin-lock-label{font-size:.8rem;font-weight:600;color:var(--wa-text-secondary)}.session-pin-lock-error{color:var(--wa-danger, #ea4335);font-size:.85rem;margin:0}.session-pin-lock-form .btn{width:100%;margin-top:4px}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;outline:none}a{color:var(--wa-teal);text-decoration:none}.app-shell{height:100%;width:100%;display:flex;justify-content:center;align-items:stretch}.app-shell>*{flex:1 1 auto;width:100%;min-width:0;min-height:100%}.chat-layout{display:flex;width:100%;max-width:1600px;height:100%;background:var(--wa-panel);box-shadow:var(--wa-shadow);overflow:hidden}.auth-page{flex:1 1 auto;width:100%;min-width:100%;align-self:stretch;min-height:100%;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,var(--wa-teal) 0%,var(--wa-teal) 28%,#E8DFD0 85%,#E8DFD0 100%);padding:40px 16px}.auth-brand{color:#fff;text-align:center;margin-bottom:32px}.auth-logo{width:72px;height:72px;object-fit:contain;margin-bottom:12px;border-radius:16px;background:#ffffff1f;padding:6px}.auth-brand h1{font-size:28px;font-weight:400;letter-spacing:.5px}.auth-brand p{opacity:.85;margin-top:8px;font-size:14px}.auth-card{background:#fff;border-radius:8px;padding:32px 28px;width:100%;max-width:420px;box-shadow:0 2px 8px #0000001f}.auth-card h2{font-size:22px;font-weight:500;margin-bottom:8px}.auth-card .subtitle{color:var(--wa-text-secondary);font-size:14px;margin-bottom:24px}.endpoint-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--wa-border);border-radius:8px;background:#f5f0e8;color:#54656f;cursor:pointer}.endpoint-settings-btn:hover{background:#ebe4d8;color:#111b21}.endpoint-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0b141a8c;display:flex;align-items:center;justify-content:center;padding:16px}.endpoint-modal{width:100%;max-width:440px;background:#fff;border-radius:12px;padding:20px 22px 24px;box-shadow:0 12px 40px #00000047}.endpoint-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.endpoint-modal-header h3{margin:0;font-size:18px;font-weight:600}.endpoint-hint{font-size:13px;color:var(--wa-text-secondary);margin:0 0 16px;line-height:1.45}.endpoint-field-hint{display:block;margin-top:6px;font-size:12px;color:#8696a0}.endpoint-success{background:#e7f8ef;color:#0a5c36;border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:12px}.endpoint-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;flex-wrap:wrap}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:var(--wa-text-secondary);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:12px 14px;border:1px solid var(--wa-border);border-radius:8px;font-size:15px;background:#f5f0e8}.form-group input:focus,.form-group textarea:focus{border-color:var(--wa-teal);background:#fff}.form-group input.pin-number-input,input.pin-number-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:28px;font-weight:600;letter-spacing:.45em;text-align:center;padding:14px 12px 14px 20px;-webkit-text-security:disc}.form-group input.pin-number-input::placeholder,input.pin-number-input::placeholder{letter-spacing:.45em;color:#c4bdb3;font-weight:500;-webkit-text-security:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:24px;font-size:15px;font-weight:500;transition:background .15s}.btn-primary{background:var(--wa-teal);color:#fff;width:100%}.btn-primary:hover{background:var(--wa-teal-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f5f0e8;color:var(--wa-text)}.error-msg{background:#fdecea;color:var(--wa-danger);padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:16px}.otp-onscreen{background:#e7f8f0;border:1px solid #A7E0C4;border-radius:10px;padding:14px 14px 12px;margin-bottom:16px;text-align:center}.otp-onscreen-title{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--wa-teal, #008069)}.otp-onscreen-hint{margin:0 0 10px;font-size:13px;line-height:1.45;color:var(--wa-text-secondary, #667781)}.otp-onscreen-code{margin:0;font-size:28px;font-weight:700;letter-spacing:.28em;color:var(--wa-text, #111b21);font-variant-numeric:tabular-nums}.auth-footer{text-align:center;margin-top:20px;font-size:14px;color:var(--wa-text-secondary)}.auth-footer-row{margin:0 0 10px;line-height:1.4}.auth-footer-row:last-child{margin-bottom:0}.auth-text-btn{background:none;border:none;padding:0;margin:0;font:inherit;font-size:14px;color:var(--wa-teal, #008069);cursor:pointer;text-decoration:none}.auth-text-btn:hover{text-decoration:underline}.auth-footer a{color:var(--wa-teal, #008069);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.sidebar{width:400px;min-width:320px;max-width:40%;display:flex;flex-direction:column;border-right:1px solid var(--wa-border);background:var(--wa-sidebar)}.sidebar-header{background:var(--wa-header);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;min-height:60px}.sidebar-header .user-info{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background:#7a4a1f;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.lg{width:80px;height:80px;font-size:28px}.avatar.sm{width:32px;height:32px;font-size:13px}.sidebar-actions{display:flex;gap:4px}.icon-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.9}.icon-btn:hover{background:#ffffff1a}.icon-btn.dark{color:var(--wa-text-secondary)}.icon-btn.dark:hover{background:var(--wa-hover)}.search-bar{padding:8px 12px;background:#fff;border-bottom:1px solid var(--wa-border)}.search-bar input{width:100%;padding:10px 14px 10px 40px;border-radius:8px;border:none;background:#f5f0e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238A6B4A' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242.656a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") 12px center no-repeat;font-size:14px}.conv-list{flex:1;overflow-y:auto}.conv-swipe{position:relative;overflow:hidden;background:var(--wa-bg, #fff)}.conv-swipe-actions{position:absolute;inset:0 auto 0 0;width:222px;display:flex;z-index:0}.conv-swipe-btn{flex:1;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:600;color:#fff;cursor:pointer;line-height:1.2;text-align:center}.conv-swipe-btn.unread{background:#53bdeb}.conv-swipe-btn.pin{background:#8696a0}.conv-swipe-btn.pin.active{background:#633716}.conv-swipe-btn.delete{background:#ea4335}.conv-swipe-front{position:relative;z-index:1;background:var(--wa-panel, #fff);touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform}.conv-swipe-front.animating{transition:transform .2s ease}.conv-swipe-front.long-pressing{background:color-mix(in srgb,var(--wa-hover, #f5f6f6) 85%,#ea4335 15%)}.conv-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--wa-border)}.conv-item:hover,.conv-item.active{background:var(--wa-hover)}.conv-item .meta{flex:1;min-width:0}.conv-item .meta .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.conv-item .name{font-weight:500;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:6px;min-width:0}.conv-pin-icon{flex-shrink:0;color:var(--wa-teal, #633716);transform:rotate(45deg)}.conv-swipe.is-pinned .conv-item .name{font-weight:600}.conv-item .time{font-size:12px;color:var(--wa-text-secondary);flex-shrink:0}.conv-item .preview{font-size:13px;color:var(--wa-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between;gap:8px}.conv-preview-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.conv-preview-label{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-width:0}.conv-preview-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-preview-icon{flex-shrink:0;color:var(--wa-teal)}.badge{background:var(--wa-green);color:#fff;font-size:11px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.chat-panel{flex:1;display:flex;flex-direction:column;background:var(--wa-chat-bg);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Cpath d='M30 5c1 0 2 1 2 2s-1 2-2 2-2-1-2-2 1-2 2-2z' fill='%23633716' opacity='.12'/%3E%3C/svg%3E");min-width:0;position:relative}.chat-header{background:#f5f0e8;padding:10px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--wa-border);min-height:60px}.chat-header .info{flex:1;min-width:0;overflow:hidden}.chat-header .info h3{font-size:16px;font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header .info span{display:block;font-size:13px;color:var(--wa-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-back-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:1px;height:28px}.chat-back-btn.icon-btn{width:auto;min-width:40px;padding:0 6px;border-radius:20px}.chat-back-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#633716;color:#fff;font-size:11px;font-weight:600;line-height:1;flex-shrink:0}.messages-load-more{text-align:center;font-size:12px;color:#633716;padding:8px 12px;margin:4px auto 10px;background:#ffffffb8;border-radius:999px;width:fit-content}.messages-load-more.muted{color:#667781;background:transparent}.messages-area{position:relative;isolation:isolate;flex:1;overflow-y:auto;padding:20px 60px;display:flex;flex-direction:column;gap:4px;background:var(--chat-wallpaper, linear-gradient(180deg, #E5DDD5 0%, #D9D0C7 100%))}.messages-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--chat-wallpaper-overlay, rgba(18, 14, 10, .42))}.messages-area>*{position:relative;z-index:1}.e2e-prep-banner{position:absolute;left:50%;bottom:72px;transform:translate(-50%);z-index:20;display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:min(90%,320px);padding:6px 12px;margin:0;border:none;border-radius:0;background:transparent;color:#ffffffe0;font-size:12px;font-weight:500;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.55);pointer-events:none;white-space:nowrap}.e2e-prep-banner .e2e-prep-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.28);border-top-color:#ffffffe6;border-radius:50%;animation:e2e-prep-spin .7s linear infinite;flex-shrink:0}@keyframes e2e-prep-spin{to{transform:rotate(360deg)}}.e2e-peer-key-banner{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#e8f0f5;border-top:1px solid #d1d7db;color:#54656f;font-size:12.5px;line-height:1.35}.e2e-peer-key-banner-text{margin:0;flex:1;min-width:0}.e2e-peer-key-retry{flex-shrink:0;border:none;background:transparent;color:#027eb5;font-size:12.5px;font-weight:600;padding:4px 6px;cursor:pointer}.e2e-peer-key-retry:disabled{opacity:.55;cursor:default}.message-bubble{max-width:65%;padding:6px 10px 4px;border-radius:8px;position:relative;box-shadow:0 1px .5px #00000021;word-wrap:break-word}.message-bubble.mine{align-self:flex-end;background:var(--bubble-mine, #F0E4D4);border-top-right-radius:0}.message-bubble.theirs{align-self:flex-start;background:var(--bubble-theirs, #fff);border-top-left-radius:0}.message-bubble.system{align-self:center;background:#fef3c7;color:#92400e;font-size:12px;max-width:80%;text-align:center;box-shadow:none}.chat-day-separator{align-self:center;display:flex;justify-content:center;width:100%;margin:10px 0 6px;pointer-events:none;z-index:1}.chat-day-separator span{display:inline-block;padding:5px 12px;border-radius:8px;background:#ffffffeb;color:#54656f;font-size:12.5px;font-weight:500;letter-spacing:.01em;box-shadow:0 1px 1px #0b141a14;text-transform:capitalize}.message-bubble.call-log{align-self:center;display:inline-flex;align-items:center;gap:8px;background:#111b210f;color:var(--wa-text-secondary, #667781);font-size:12.5px;max-width:90%;text-align:center;box-shadow:none;border-radius:8px;padding:8px 14px}.message-bubble.call-log.missed{color:#dc2626;background:#dc262614}.message-bubble.call-log .call-log-icon{display:inline-flex;flex-shrink:0}.message-bubble.call-log .call-log-text{font-weight:500}.message-bubble.call-log .call-log-time{opacity:.75;font-size:11px;margin-left:4px}.conv-preview-label.call-missed{color:#dc2626}.message-bubble .sender{font-size:12px;font-weight:600;color:var(--wa-teal);margin-bottom:2px}.message-bubble .text{font-size:14.2px;line-height:1.4;white-space:pre-wrap}.message-bubble .msg-mention{color:#5c3317;font-weight:700}.mention-suggest{flex:1 0 100%;max-height:220px;overflow-y:auto;background:#fff;border-radius:10px;border:1px solid #e8dfd4;box-shadow:0 8px 24px #3c28141f;margin-bottom:2px}.mention-suggest__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;text-align:left;cursor:pointer;font:inherit;color:#1c140e}.mention-suggest__item:hover,.mention-suggest__item:focus{background:#f5ebe0}.mention-suggest__avatar{width:32px;height:32px;border-radius:50%;background:#633716;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.mention-suggest__name{font-weight:600;font-size:14px}.message-bubble .meta-row{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px}.message-bubble .msg-ephemeral{display:inline-flex;align-items:center;color:var(--wa-text-secondary);opacity:.85;margin-right:2px}.msg-ticks{display:inline-flex;align-items:center;line-height:1;opacity:.75}.msg-ticks.pending,.msg-ticks.sent,.msg-ticks.delivered{color:#8696a0}.msg-ticks.read{color:#53bdeb;opacity:1}html.secure-screen-on{-webkit-user-select:none;user-select:none}.message-bubble .time{font-size:11px;color:var(--wa-text-secondary)}.message-bubble .file-attach{display:flex;align-items:flex-start;gap:10px;padding:8px;background:#0000000a;border-radius:6px;margin-bottom:4px}.message-bubble .file-attach-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--wa-teal);margin-top:2px}.message-bubble .file-attach-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.message-bubble .file-attach a,.message-bubble .file-attach-name{color:var(--wa-teal);font-size:13px;word-break:break-all;line-height:1.35}.message-bubble .file-attach.upload-failed{background:#ea433514}.message-bubble .upload-progress{display:flex;flex-direction:column;gap:4px;width:100%}.message-bubble .upload-progress-track{height:4px;width:100%;background:#0000001f;border-radius:999px;overflow:hidden}.message-bubble .upload-progress-fill{height:100%;background:var(--wa-teal, #008069);border-radius:999px;transition:width .15s ease-out}.message-bubble .upload-progress-label{font-size:11px;color:#667781}.message-bubble .upload-failed-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.message-bubble .upload-failed-text{font-size:11px;color:#c62828}.message-bubble .upload-retry-btn{border:none;background:var(--wa-teal, #008069);color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:14px;cursor:pointer}.message-bubble .upload-retry-btn:hover{filter:brightness(1.05)}.message-bubble .media-upload-wrap{position:relative;display:inline-block;max-width:100%;margin-bottom:4px}.message-bubble .media-upload-wrap .media{margin-bottom:0}button.media-hit{display:block;padding:0;margin:0;border:none;background:none;cursor:zoom-in;max-width:100%;border-radius:6px;overflow:hidden}button.media-hit .media{display:block;max-width:100%;height:auto;cursor:zoom-in}.file-attach-link{display:inline;padding:0;margin:0;border:none;background:none;color:#633716;font:inherit;font-weight:500;text-align:left;text-decoration:underline;cursor:pointer;word-break:break-word}.file-attach-link:disabled{opacity:.6;cursor:wait}.media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top))}.media-lightbox-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;width:44px;height:44px;border:none;border-radius:50%;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.media-lightbox-img{max-width:min(100%,960px);max-height:calc(100vh - 80px);object-fit:contain;border-radius:4px;-webkit-user-select:none;user-select:none}.media-lightbox-caption{margin-top:12px;color:#e0e0e0;font-size:13px;max-width:90%;text-align:center;word-break:break-all}.album-bubble{position:relative;width:min(100%,280px);margin-bottom:4px;border-radius:8px;overflow:hidden}.album-grid{display:grid;gap:2px;background:#0000000f;border-radius:8px;overflow:hidden}.album-grid.album-n-1{grid-template-columns:1fr}.album-grid.album-n-2{grid-template-columns:1fr 1fr}.album-grid.album-n-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.album-grid.album-n-3 .album-tile-0{grid-column:1 / -1;min-height:140px}.album-grid.album-n-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.album-tile{position:relative;display:block;padding:0;margin:0;border:none;background:#1a1a1a;cursor:pointer;overflow:hidden;min-height:88px;aspect-ratio:1}.album-grid.album-n-1 .album-tile{aspect-ratio:4 / 3;min-height:160px}.album-tile img{width:100%;height:100%;object-fit:cover;display:block;vertical-align:middle}.album-tile img.album-tile-blur{filter:blur(2px) brightness(.85);transform:scale(1.05)}.album-tile-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#3a3a3a)}.album-more-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:28px;font-weight:600;letter-spacing:.02em}.album-bubble.needs-download .album-download-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#00000059;pointer-events:none;z-index:2}.album-download-overlay>*{pointer-events:auto}.album-download-meta{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}.album-dl-ring{--upload-p: 0;position:relative;width:56px;height:56px;border:none;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;padding:0}.album-dl-ring .upload-ring-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#25d366 calc(var(--upload-p) * 1%),#ffffff40 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}.album-dl-ring-center{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center}.album-dl-pct{font-size:11px;font-weight:700}.album-dl-error{color:#ffb4b4;font-size:11px;text-align:center;padding:0 8px}.album-upload-overlay{z-index:3}.album-gallery{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10060;background:#000000f0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top))}.album-gallery-top{position:absolute;top:max(8px,env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;z-index:2}.album-gallery-counter{color:#eee;font-size:14px;font-weight:600}.album-gallery-actions{display:flex;gap:8px}.album-gallery-btn{width:44px;height:44px;border:none;border-radius:50%;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.album-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.album-gallery-nav:disabled{opacity:.25;cursor:default}.album-gallery-nav.prev{left:8px}.album-gallery-nav.next{right:8px}.album-gallery-img{max-width:min(100%,960px);max-height:calc(100vh - 100px);object-fit:contain;border-radius:4px;-webkit-user-select:none;user-select:none}.album-gallery-caption{margin-top:12px;color:#ccc;font-size:13px;max-width:90%;text-align:center;word-break:break-all}.doc-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:12px}.doc-preview-modal{background:#fff;width:100%;max-width:720px;height:min(88vh,900px);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 40px #0000004d}.doc-preview-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--wa-teal, #075E54);color:#fff;flex-shrink:0}.doc-preview-header h3{flex:1;margin:0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-preview-actions{display:flex;gap:4px}.doc-preview-header .icon-btn{color:#fff}.doc-preview-body{flex:1;min-height:0;display:flex;flex-direction:column;background:#f5f0e8}.doc-preview-frame{flex:1;width:100%;border:none;background:#fff}.doc-preview-text{flex:1;margin:0;padding:16px;overflow:auto;font-size:13px;white-space:pre-wrap;word-break:break-word;background:#fff}.doc-preview-fallback{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;color:#667781}.doc-preview-hint{text-align:center;color:#667781;padding:24px}.message-bubble .media-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:#0000007a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;color:#fff;font-size:12px}.message-bubble .media-upload-overlay.ring-mode{cursor:pointer}.message-bubble .upload-ring{--upload-p: 0;position:relative;width:52px;height:52px;border:none;padding:0;border-radius:50%;background:transparent;cursor:pointer;flex-shrink:0;color:#fff}.message-bubble .file-attach .upload-ring{color:var(--wa-teal, #008069)}.message-bubble .upload-ring-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(currentColor calc(var(--upload-p) * 1%),#80808047 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}.message-bubble .upload-ring-center{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#00000073;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.message-bubble .file-attach .upload-ring-center{background:#ffffffeb;color:var(--wa-teal, #008069);box-shadow:0 0 0 1px #0000000f}.message-bubble .upload-ring.is-cancelled .upload-ring-center{background:#dc2626eb;color:#fff}.message-bubble .upload-ring-pct{position:absolute;left:50%;bottom:-16px;transform:translate(-50%);font-size:10px;font-weight:600;white-space:nowrap;opacity:.9}.message-bubble .file-attach .upload-ring-pct{display:none}.message-bubble .media-upload-overlay .upload-ring-pct{bottom:-18px;color:#fff}.message-bubble .msg-action-item.danger{color:#dc2626}.message-bubble .media-upload-overlay .upload-progress-track{width:min(160px,80%);background:#ffffff47}.message-bubble .media-upload-overlay .upload-progress-fill{background:#fff}.message-bubble img.media{max-width:100%;max-height:300px;border-radius:6px;display:block;margin-bottom:4px;cursor:pointer}.composer{background:#f5f0e8;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.composer-reply{flex:1 0 100%;display:flex;align-items:center;gap:8px;padding:8px 10px;margin:0 0 2px;border-radius:8px;background:#fff;border-left:3px solid #633716}.composer-reply-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.3}.composer-reply-label{color:#633716;font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:11px}.composer-reply-preview{color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-reply-quote{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;row-gap:2px;align-items:start;width:100%;margin:0 0 6px;padding:6px 8px;border:none;border-radius:6px;border-left:3px solid #633716;background:#0000000f;text-align:left;cursor:pointer;font:inherit}.message-bubble.mine .msg-reply-quote{background:#ffffff59;border-left-color:#3d230e}.msg-reply-quote-author{grid-column:1;grid-row:1;font-size:12px;font-weight:600;color:#633716}.msg-reply-quote-text{grid-column:1;grid-row:2;font-size:12px;color:#54656f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msg-reply-quote-thumb{grid-column:2;grid-row:1 / span 2;width:40px;height:40px;border-radius:4px;overflow:hidden;flex-shrink:0}.msg-reply-quote-thumb img{width:100%;height:100%;object-fit:cover;display:block}.composer-reply-thumb{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.msg-anchor{position:absolute;width:0;height:0;pointer-events:none}.msg-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0;padding:0;border:none;border-radius:3px;background:transparent;color:var(--wa-text-secondary, #8A6B4A);cursor:pointer;opacity:0;flex-shrink:0;transition:opacity .12s ease,color .12s ease}.message-bubble:hover .msg-menu-btn,.message-bubble:focus-within .msg-menu-btn,.msg-menu-btn:focus-visible{opacity:.9}.msg-menu-btn:hover{color:#633716}@media (hover: none){.msg-menu-btn{opacity:.55}}.msg-delete-sheet{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:2100;width:min(360px,calc(100vw - 24px));padding:12px;border-radius:14px;background:#fff;box-shadow:0 8px 28px #00000038;animation:msg-action-in .16s ease-out}.msg-delete-sheet-title{margin:4px 8px 12px;font-size:14px;font-weight:600;color:#111b21;text-align:center}.msg-delete-sheet-btn{display:block;width:100%;padding:12px 14px;margin-bottom:6px;border:none;border-radius:10px;background:#f0f2f5;color:#111b21;font:inherit;font-size:15px;font-weight:500;cursor:pointer;text-align:center}.msg-delete-sheet-btn.danger{color:#c62828;background:#fdecea}.msg-delete-sheet-btn.cancel{margin-bottom:0;background:transparent;color:#667781}.swipe-reply-hint{position:absolute;left:-36px;top:50%;transform:translateY(-50%) scale(.7);opacity:0;color:#633716;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.message-bubble.swipe-reply-ready .swipe-reply-hint{opacity:1;transform:translateY(-50%) scale(1)}.composer input[type=text],.composer .composer-input{flex:1;padding:12px 16px;border-radius:8px;border:none;background:#fff;font-size:15px;font-family:inherit;line-height:1.35;resize:none;min-height:42px;max-height:calc(5.4em + 24px);overflow-y:auto;box-sizing:border-box}.composer .composer-input:focus{outline:none}.composer .send-btn{width:48px;height:48px;border-radius:50%;background:var(--wa-teal);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.composer .send-btn:disabled{opacity:.5}.empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f0e8;color:var(--wa-text-secondary);text-align:center;padding:40px}.empty-chat h2{font-weight:300;font-size:32px;color:#633716;margin-bottom:12px}.typing-indicator{font-size:12px;color:var(--wa-text-secondary);font-style:italic;padding:0 16px 4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:#fff;border-radius:12px;width:100%;max-width:440px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.add-members-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#f0ebe3;display:flex;flex-direction:column}.add-members-page-header{display:flex;align-items:center;gap:8px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));background:var(--wa-teal);color:#fff;flex-shrink:0}.add-members-page-header h1{flex:1;margin:0;font-size:18px;font-weight:600}.add-members-page-header .icon-btn{color:#fff}.add-members-count{min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#ffffff40;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.add-members-tabs{display:flex;background:#fff;border-bottom:1px solid var(--wa-border);flex-shrink:0}.add-members-tabs button{flex:1;padding:12px;border:none;background:none;cursor:pointer;font-size:14px;color:#667781;border-bottom:2px solid transparent}.add-members-tabs button.active{color:#633716;font-weight:600;border-bottom-color:#633716}.add-members-page-body{flex:1;display:flex;flex-direction:column;min-height:0}.add-members-page-scroll{flex:1;overflow-y:auto;padding:12px 16px;min-height:0}.add-members-search{margin-bottom:10px}.add-members-search input{width:100%;padding:10px 14px;border:1px solid var(--wa-border);border-radius:24px;font-size:14px;background:#fff}.add-members-hint{font-size:13px;color:#667781;margin:0 0 10px}.add-members-list{max-height:280px;overflow-y:auto}.add-members-list--page{max-height:none;overflow:visible}.add-members-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 8px;border:none;border-bottom:1px solid #E9EDEF;background:#fff;cursor:pointer;border-radius:0}.add-members-page .add-members-row{border-radius:10px;margin-bottom:6px;border-bottom:none;box-shadow:0 1px 2px #0000000a}.add-members-row.selected{background:#f5efe6}.add-members-check{width:22px;height:22px;border-radius:50%;border:2px solid #cfc6b8;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fff;flex-shrink:0}.add-members-check.on{background:#633716;border-color:#633716}.add-members-row-text{flex:1;min-width:0}.add-members-row-name{font-weight:500;font-size:15px;color:#111}.add-members-row-phone{font-size:12px;color:#667781}.add-members-badge{margin-left:8px;font-size:11px;background:#633716;color:#fff;padding:2px 6px;border-radius:999px;font-weight:500}.add-members-footer--page{flex-shrink:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--wa-border)}.modal-header{position:sticky;top:0;z-index:2;flex-shrink:0;padding:16px 20px;background:var(--wa-teal);color:#fff;display:flex;align-items:center;justify-content:space-between;border-radius:12px 12px 0 0}.modal-body{padding:20px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.modal-footer{flex-shrink:0;padding:12px 20px 20px;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--wa-border);background:#fff}.privacy-switch{position:relative;width:44px;height:26px;border-radius:999px;flex-shrink:0;margin-top:1px;transition:background .2s ease;background:#c5b9a8}.privacy-switch.on{background:#633716}.privacy-switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.privacy-switch.on .privacy-switch-knob{transform:translate(18px)}.settings-modal .modal-header{display:flex;align-items:center;gap:8px}.settings-modal .modal-header h3{flex:1;text-align:center;margin:0}.settings-back-btn{font-size:24px;line-height:1;width:36px;height:36px}.settings-header-spacer{width:36px;flex-shrink:0}.settings-profile-header{display:flex;align-items:center;gap:16px;padding:8px 4px 20px;border-bottom:1px solid #E9EDEF;margin-bottom:8px}.settings-profile-info{flex:1;min-width:0}.settings-profile-name{font-size:18px;font-weight:600;color:#111}.settings-profile-status{font-size:13px;color:#667781;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-link-qr-btn{flex-shrink:0;width:44px;height:44px;border:none;border-radius:50%;background:#f5f0e8;color:#633716;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.settings-link-qr-btn:hover{background:#ebe3d6}.settings-link-qr-btn:active{transform:scale(.96)}.settings-row-group{display:contents}.settings-list{display:flex;flex-direction:column}.linked-devices-panel .settings-panel-lead{margin:0 0 16px;font-size:13px;color:#667781;line-height:1.45}.linked-devices-summary{margin-bottom:16px;font-size:14px;color:#111}.linked-devices-section{margin-bottom:20px}.linked-devices-section h4{margin:0 0 8px;font-size:13px;font-weight:600;color:#667781;text-transform:uppercase;letter-spacing:.02em}.linked-devices-list{list-style:none;margin:0;padding:0}.linked-device-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #E9EDEF}.linked-device-row.current{background:#6337160a;border-radius:8px;border-bottom:none;padding:12px 10px;margin-bottom:4px}.linked-device-icon{width:40px;height:40px;border-radius:50%;background:#f5f0e8;color:#633716;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.linked-device-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.linked-device-body strong{font-size:15px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linked-device-body span{font-size:12px;color:#667781}.linked-device-logout{color:#c62828}.linked-devices-empty{margin:0;font-size:13px}.settings-row{display:flex;align-items:center;gap:14px;width:100%;border:none;background:none;border-bottom:1px solid #E9EDEF;cursor:pointer;padding:14px 4px;text-align:left;font:inherit}.settings-row:hover{background:#00000005}.settings-row.danger{color:#c62828}.settings-row-icon{width:40px;height:40px;border-radius:50%;background:#f5f0e8;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#633716}.settings-row-icon svg{display:block}.settings-row.danger .settings-row-icon{background:#ffebee;color:#c62828}.settings-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-row-title{font-size:15px;font-weight:500}.settings-row-subtitle{font-size:12px;color:#667781}.settings-row.danger .settings-row-subtitle{color:#c62828bf}.settings-row-chevron{color:#8696a0;line-height:1;flex-shrink:0;display:flex;align-items:center}.appearance-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.appearance-preset{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border:2px solid #E9EDEF;border-radius:10px;background:#fff;cursor:pointer;font:inherit}.appearance-preset.active{border-color:var(--wa-teal, #128C7E)}.appearance-preset-swatch{width:100%;height:48px;border-radius:6px}.appearance-preset-label{font-size:12px;color:#667781}.color-palette-picker{width:100%}.color-palette-label{display:block;font-size:13px;font-weight:500;color:var(--wa-text-secondary, #667781);margin-bottom:8px}.color-palette-current{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:10px}.color-palette-swatch{width:44px;height:44px;border-radius:10px;border:2px solid #E9EDEF;box-shadow:inset 0 0 0 1px #0000000f;cursor:pointer;flex-shrink:0;padding:0}.color-palette-hex{font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#667781;flex:1;min-width:0}.color-palette-custom-btn{width:auto!important;padding:8px 12px!important;font-size:12px!important;border-radius:8px!important}.form-group input.color-palette-native,input.color-palette-native{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;max-width:none!important;opacity:0!important;pointer-events:none;padding:0!important;border:none!important}.color-palette-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.color-palette-chip{aspect-ratio:1;width:100%;border-radius:8px;border:2px solid #E9EDEF;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #0000000a}.color-palette-chip.active{border-color:#633716;box-shadow:0 0 0 2px #63371640}.form-group input[type=color]{width:48px;height:40px;padding:2px;min-width:48px;max-width:48px;cursor:pointer}.appearance-preview{margin-top:16px;border-radius:10px;overflow:hidden;border:1px solid #E9EDEF}.appearance-preview-area{position:relative;isolation:isolate;min-height:100px;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--chat-wallpaper, linear-gradient(180deg, #E5DDD5 0%, #D9D0C7 100%))}.appearance-preview-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--chat-wallpaper-overlay, rgba(18, 14, 10, .42))}.appearance-preview-area>*{position:relative;z-index:1}.starred-list{display:flex;flex-direction:column}.starred-item{display:flex;align-items:flex-start;gap:8px;padding:12px 0;border-bottom:1px solid #E9EDEF}.starred-item-main{flex:1;min-width:0}.starred-item-conv{font-size:14px;font-weight:600;color:var(--wa-teal, #128C7E);margin-bottom:4px}.starred-item-preview{font-size:14px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.starred-item-time{font-size:11px;color:#667781;margin-top:4px}.starred-unstar{color:#f9a825;font-size:18px;flex-shrink:0}.msg-star-btn{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:none;background:#ffffffe6;box-shadow:0 1px 3px #00000026;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;color:#8696a0;padding:0}.message-bubble:hover .msg-star-btn{opacity:1}.msg-star-btn.starred{opacity:1;color:#f9a825}.msg-star-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#fffffff2;box-shadow:0 1px 3px #0000001f;color:#f9a825;font-size:11px;display:flex;align-items:center;justify-content:center;pointer-events:none}.message-bubble.native-msg{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;will-change:transform}.msg-action-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2090;background:#00000040}.msg-action-menu{position:fixed;z-index:2095;min-width:200px;background:#fff;border-radius:10px;box-shadow:0 8px 28px #2c1a0c38;overflow:hidden;animation:msg-action-in .14s ease-out}@keyframes msg-action-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.msg-action-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;background:none;font-size:15px;color:#2c1a0c;cursor:pointer;text-align:left}.msg-action-item:active{background:#f5f0e8}.msg-action-item svg{color:#f9a825;flex-shrink:0}.msg-action-item.danger{color:#b71c1c}.msg-action-item.danger svg{color:#c62828}.profile-page{flex:1;overflow-y:auto;background:#f5f0e8}.profile-page .section{background:#fff;margin-bottom:10px;padding:20px}.online-dot{width:10px;height:10px;border-radius:50%;background:var(--wa-green);position:absolute;bottom:0;right:0;border:2px solid #fff}.avatar-wrap{position:relative;display:inline-block}.loading-screen{flex:1 1 auto;width:100%;min-width:100%;align-self:stretch;min-height:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--wa-teal);color:#fff;font-size:18px}.loading-logo{width:56px;height:56px;object-fit:contain;border-radius:12px}.empty-chat-logo{width:64px;height:64px;object-fit:contain;margin-bottom:12px;border-radius:14px;opacity:.9}.voice-note-player{display:flex;align-items:center;gap:10px;min-width:200px;max-width:280px;padding:2px 0 4px;-webkit-user-select:none;user-select:none}.voice-note-player audio{display:none}.voice-play-btn{flex-shrink:0;width:40px;height:40px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--wa-teal);color:#fff;box-shadow:0 1px 3px #0000002e;transition:transform .15s ease,background .15s ease}.voice-play-btn:hover{background:var(--wa-teal-dark);transform:scale(1.04)}.voice-play-btn:active{transform:scale(.96)}.voice-note-player.mine .voice-play-btn{background:var(--wa-teal)}.voice-note-player.mine .voice-play-btn:hover{background:var(--wa-teal-dark)}.voice-note-player.theirs .voice-play-btn{background:var(--wa-teal)}.voice-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.voice-waveform{display:flex;align-items:center;gap:2px;height:28px;cursor:pointer;touch-action:none}.voice-bar{flex:1;min-width:2px;max-width:4px;border-radius:2px;background:#63371647;transition:background .12s ease;align-self:center}.voice-note-player.mine .voice-bar{background:#63371647}.voice-bar.played{background:var(--wa-teal)}.voice-note-player.mine .voice-bar.played{background:var(--wa-teal-dark)}.voice-note-player.is-playing .voice-bar.played{animation:voice-pulse 1.1s ease-in-out infinite}@keyframes voice-pulse{0%,to{opacity:1}50%{opacity:.72}}.voice-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.voice-time{font-size:11px;font-variant-numeric:tabular-nums;color:#00000073;letter-spacing:.02em}.voice-mic{display:flex;align-items:center;color:#6337168c}.voice-note-player.mine .voice-mic{color:#6337168c}.chat-gear-menu{position:absolute;top:44px;right:0;background:#fff;color:#111;border-radius:8px;box-shadow:0 4px 16px #0000002e;min-width:220px;z-index:60;overflow:hidden}.chat-gear-menu button:hover{background:#f5f0e8}.chat-toast{position:absolute;top:70px;left:50%;transform:translate(-50%);background:#633716;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;z-index:70;white-space:nowrap;box-shadow:0 2px 8px #0003}.permission-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#2c1a0c8c;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top,0px)) 16px max(12px,env(safe-area-inset-bottom,0px));overflow:hidden;box-sizing:border-box}.permission-modal{background:#fff;border-radius:16px;padding:0;width:100%;max-width:400px;max-height:min(90dvh,90vh);box-shadow:0 8px 32px #63371640;text-align:center;display:flex;flex-direction:column;overflow:hidden;margin:auto;flex-shrink:0}.permission-modal-body{flex:1 1 auto;min-height:0;max-height:min(58dvh,calc(90vh - 150px));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:28px 24px 12px}.permission-step-indicator{font-size:12px;color:var(--wa-text-secondary);margin-bottom:8px}.permission-icon-large{font-size:48px;line-height:1;margin:8px 0 12px}.permission-modal h2{font-size:20px;font-weight:600;color:var(--wa-text);margin-bottom:10px}.permission-desc{font-size:14px;color:var(--wa-text-secondary);line-height:1.5;margin-bottom:16px}.permission-preview-list{list-style:none;text-align:left;margin:0 0 8px;padding:0}.permission-preview-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--wa-border);font-size:14px;color:var(--wa-text)}.permission-preview-list li:last-child{border-bottom:none}.permission-preview-icon{font-size:22px;width:32px;text-align:center;flex-shrink:0}.permission-status{display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;margin-bottom:16px}.permission-status-granted{background:#e8f5e9;color:#2e7d32}.permission-status-denied{background:#ffebee;color:#c62828}.permission-status-prompt,.permission-status-unknown{background:#fff3e0;color:#e65100}.permission-dots{display:flex;justify-content:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.permission-dot{width:8px;height:8px;border-radius:50%;background:var(--wa-border);transition:background .2s}.permission-dot.active{background:var(--wa-teal);transform:scale(1.2)}.permission-dot.granted{background:var(--wa-green)}.permission-actions{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;padding:12px 24px max(20px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--wa-border);background:#fff}.permission-btn{width:100%}.permission-btn-skip{width:100%;background:transparent;color:var(--wa-text-secondary);border:1px solid var(--wa-border);padding:12px;border-radius:8px}.permission-link-skip{margin-top:4px;font-size:13px;color:var(--wa-text-secondary);text-decoration:underline;background:none;border:none;cursor:pointer;padding:4px}@media (max-height: 640px),(max-width: 380px){.permission-overlay{align-items:flex-start;padding-top:max(8px,env(safe-area-inset-top,0px));padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}.permission-modal{height:min(96dvh,96vh);max-height:min(96dvh,96vh);border-radius:14px}.permission-modal-body{flex:1 1 0%;max-height:none;padding:20px 18px 8px}.permission-icon-large{font-size:36px;margin:4px 0 8px}.permission-modal h2{font-size:17px}.permission-desc{font-size:13px;margin-bottom:12px}.permission-preview-list li{padding:8px 0;font-size:13px}.permission-actions{padding:10px 18px max(16px,env(safe-area-inset-bottom,0px))}}@media (max-width: 768px){.sidebar{width:100%;max-width:100%;min-width:0}.chat-layout.chat-open .sidebar{display:none}.chat-layout:not(.chat-open) .chat-panel{display:none}.messages-area{padding:12px 16px}.message-bubble{max-width:85%}}.account-panel{padding-bottom:8px}.account-flash{background:#f5f0e8;color:#633716;padding:10px 12px;border-radius:10px;margin-bottom:16px;font-size:13px}.account-avatar-block{text-align:center;margin-bottom:20px}.account-photo-btn{width:auto!important;margin-top:10px;padding:8px 14px!important;font-size:13px}.account-hint{font-size:12px;color:#667781;margin-top:8px;line-height:1.4}.account-phone{font-size:13px;color:#667781;margin-top:4px}.account-section{margin-bottom:4px}.account-section-title{margin-bottom:4px;font-weight:600;font-size:15px;color:var(--wa-text)}.account-field-label{display:block;font-size:12px;color:#667781;margin:10px 0 8px}.account-divider{height:1px;background:#e9edef;margin:22px 0;border:none}.choice-segment{display:flex;flex-direction:column;gap:8px}.choice-segment.is-disabled{opacity:.65;pointer-events:none}.choice-segment-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid #E5D5C2;background:#fff;color:var(--wa-text);text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.choice-segment-item:hover{background:#f7f1ea;border-color:#d4c0a8}.choice-segment-item.is-active{border-color:#633716;background:#f5f0e8;box-shadow:inset 0 0 0 1px #6337161f;color:#633716;font-weight:600}.choice-segment-label{font-size:14px}.choice-picker{position:relative}.choice-picker.is-disabled{opacity:.65;pointer-events:none}.choice-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;border:1.5px solid #E5D5C2;background:#fff;color:var(--wa-text);text-align:left;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.choice-picker.is-open .choice-picker-trigger,.choice-picker-trigger:hover{border-color:#633716}.choice-picker.is-open .choice-picker-trigger{box-shadow:0 0 0 3px #6337161f}.choice-picker-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice-picker-chevron{flex-shrink:0;color:#8a6b4a;transition:transform .15s ease}.choice-picker.is-open .choice-picker-chevron{transform:rotate(180deg)}.choice-picker-menu{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #E5D5C2;border-radius:14px;box-shadow:0 10px 28px #2c1a0c29;overflow:hidden}.choice-picker-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #E9EDEF;color:#8a6b4a;background:#fbf8f4}.choice-picker-search input{flex:1;border:none;background:transparent;font-size:14px;color:var(--wa-text);padding:4px 0;min-width:0}.choice-picker-search input::placeholder{color:#a08970}.choice-picker-list{max-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch}.choice-picker-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:none;background:#fff;text-align:left;color:var(--wa-text);border-bottom:1px solid #F3EEE7}.choice-picker-option:hover{background:#f7f1ea}.choice-picker-option.is-active{background:#f5f0e8;color:#633716}.choice-picker-option-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.choice-picker-option-label{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice-picker-option-meta{font-size:11px;color:#8a6b4a}.choice-picker-empty{padding:16px;text-align:center;font-size:13px;color:#667781}.attach-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#00000059}.attach-menu{position:fixed;left:50%;bottom:72px;transform:translate(-50%);z-index:81;width:min(420px,calc(100% - 24px));background:#fff;border-radius:16px;box-shadow:0 12px 40px #2c1a0c47;padding:12px 14px 18px;animation:msg-action-in .16s ease-out}.attach-menu-header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px;font-size:15px;font-weight:600;color:#2c1a0c}.attach-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px}.attach-menu-item{display:flex;flex-direction:column;align-items:center;gap:8px;border:none;background:none;cursor:pointer;padding:4px}.attach-menu-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001f}.attach-menu-label{font-size:12px;color:#4a3728;text-align:center}.share-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#0000000d;text-decoration:none;color:inherit;margin-bottom:4px;min-width:200px}.share-card-icon{width:40px;height:40px;border-radius:50%;background:var(--wa-teal);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-card-body{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px}.share-card-body strong{font-size:14px}.share-card-link{color:var(--wa-teal);font-size:12px;font-weight:600}.location-map{position:relative;display:block;width:260px;max-width:100%;height:150px;border-radius:10px;overflow:hidden;margin-bottom:4px;text-decoration:none;background:#d9d0c7;box-shadow:inset 0 0 0 1px #0000000f}.location-map-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.location-map-img.is-tile{object-fit:cover;transform:scale(1.15)}.location-map-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);color:#c62828;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));pointer-events:none;line-height:0}.webcam-modal{max-width:520px;width:calc(100% - 24px)}.webcam-body{padding:0 16px 16px}.webcam-video{width:100%;max-height:360px;background:#111;border-radius:10px;object-fit:cover}.chat-header-title{display:flex;align-items:center;gap:6px;min-width:0}.chat-header-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-e2e{flex-shrink:0;color:#f0e4d4;opacity:.95}.chat-info-modal .modal-body{max-height:min(70vh,560px);overflow-y:auto}.chat-info-hero{text-align:center;padding:8px 0 20px}.chat-info-avatar{width:88px;height:88px;border-radius:50%;margin:0 auto 12px;background:#e5d5c2;color:#633716;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;overflow:hidden}.chat-info-avatar img{width:100%;height:100%;object-fit:cover}.chat-info-hero h3{font-size:20px;margin:0 0 4px;word-break:break-word}.chat-info-meta{font-size:13px;color:#667781;margin:0}.chat-info-section-label{font-size:12px;font-weight:600;color:#8a6b4a;text-transform:uppercase;letter-spacing:.03em;margin:16px 0 8px}.chat-info-about{font-size:14px;color:#2c1a0c;padding:10px 12px;background:#f7f1ea;border-radius:10px;line-height:1.4}.chat-info-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 4px;border-bottom:1px solid #E9EDEF;color:inherit;background:none;cursor:pointer}.chat-info-row-icon{width:40px;height:40px;border-radius:10px;background:#f5f0e8;color:#633716;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-info-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-info-row-body strong{font-size:15px;font-weight:550}.chat-info-row-body span{font-size:12px;color:#667781}.chat-info-row-chevron{color:#a08060;flex-shrink:0}.chat-info-e2e-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#633716;margin:8px 0 0}.e2e-media-loading,.e2e-media-error{font-size:12px;padding:8px 4px;color:#667781}.e2e-media-error{color:#b42318}.chat-info-members{list-style:none;margin:0;padding:0}.chat-info-members li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #E9EDEF}.chat-info-members li .chat-info-member-clickable{display:flex;align-items:center;gap:12px;width:100%;border:none;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit;border-radius:10px;padding:10px 8px;margin:0 -8px}.chat-info-members li .chat-info-member-clickable:active{background:#f0f2f5}.chat-info-member-avatar{width:40px;height:40px;border-radius:50%;background:#e5d5c2;color:#633716;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;overflow:hidden;flex-shrink:0}.chat-info-member-avatar img{width:100%;height:100%;object-fit:cover}.chat-info-member-body{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-info-member-body strong{font-size:14px}.chat-info-member-body span{font-size:12px;color:#667781}.chat-info-list{display:flex;flex-direction:column;gap:8px}.chat-info-empty{text-align:center;color:#667781;font-size:13px;padding:24px 8px}.chat-info-media-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;background:#f7f1ea;color:inherit;text-decoration:none}.chat-info-media-item img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex-shrink:0}.chat-info-file-icon{width:52px;height:52px;border-radius:8px;background:#fff;color:#633716;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-info-media-meta{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12px;color:#667781}.chat-info-media-meta strong{font-size:13px;color:#2c1a0c;word-break:break-all}.chat-info-starred-item{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;padding:10px 8px;border-radius:10px;background:#f7f1ea;color:inherit}.chat-info-star-icon{color:#633716;margin-top:2px;flex-shrink:0}.chat-info-starred-body{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-info-starred-body strong{font-size:13px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-info-starred-body span{font-size:11px;color:#667781}.mobile-tab-host{display:none;flex:1;flex-direction:column;min-height:0;overflow:hidden}.sidebar-chats{display:flex;flex-direction:column;flex:1;min-height:0}.bottom-nav{display:none}.tab-page{display:flex;flex-direction:column;height:100%;background:var(--wa-panel, #fff)}.tab-page-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;background:var(--wa-teal, #075E54);color:#fff;min-height:56px}.tab-page-header h1{flex:1;margin:0;font-size:18px;font-weight:600;text-align:left}.tab-page-header .icon-btn{color:#fff;flex-shrink:0}.tab-page-actions{display:flex;gap:4px}.tab-page-actions .icon-btn{color:#fff}.profile-page-body{flex:1;overflow-y:auto;padding:12px 16px 28px;box-sizing:border-box}.profile-page-body .account-panel,.profile-page-body .form-group,.profile-page-body>div{max-width:100%}.profile-page-body .settings-profile-header{padding:8px 0 20px}.profile-page-body .settings-menu{margin:0}.profile-page-body .settings-row{padding-left:0;padding-right:0}@media (max-width: 768px){.profile-page-body{padding:12px 16px calc(28px + env(safe-area-inset-bottom,0px))}.tab-page.calls-page .calls-list-item{padding-left:16px;padding-right:8px}.tab-page.groups-page .conv-item,.tab-page.groups-page .conversation-item{padding-left:16px;padding-right:16px}}.tab-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;color:#667781;text-align:center}.tab-empty p{margin:8px 0 0;font-size:16px;color:#111}.calls-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.calls-list-item{display:flex;align-items:center;gap:4px;padding:4px 8px 4px 16px;border-bottom:1px solid #E9EDEF}.calls-list-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 8px 10px 0;margin:0;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:8px}.calls-list-main:disabled{opacity:.55;cursor:not-allowed}.calls-list-main:not(:disabled):active{background:#0000000a}.calls-list-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.calls-list-body strong.missed{color:#b42318}.calls-list-body span{display:flex;align-items:center;gap:4px;font-size:12px;color:#667781}.calls-list-type{display:flex;align-items:center;color:#667781;flex-shrink:0}.calls-list-info-btn{flex-shrink:0;color:#25d366}.calls-info-overlay{z-index:2100}.calls-info-modal{max-width:400px;width:100%}.calls-info-body{padding-bottom:20px}.calls-info-hero{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:20px;text-align:center}.calls-info-hero strong{font-size:18px}.calls-info-hero span{font-size:13px;color:#667781}.calls-info-dl{margin:0 0 20px;display:flex;flex-direction:column;gap:12px}.calls-info-dl>div{display:flex;justify-content:space-between;gap:16px;font-size:14px}.calls-info-dl dt{color:#667781;margin:0}.calls-info-dl dd{margin:0;text-align:right;font-weight:500;color:#111}.calls-info-redial{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px}.call-room-overlay,.incoming-call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120000;background:#071e22eb;display:flex;align-items:center;justify-content:center;padding:24px}.incoming-call-overlay{z-index:120010}.incoming-call-overlay.call-waiting{background:#071e22e0}.call-room,.incoming-call-card{width:100%;max-width:420px;color:#fff;text-align:center}.call-peer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;margin-bottom:24px}.call-peer strong{display:block;font-size:18px;font-weight:600}.call-peer span{display:block;font-size:13px;opacity:.8}.call-peer span.call-duration{font-variant-numeric:tabular-nums;letter-spacing:.04em;opacity:.95;font-size:14px}.call-ringing-spacer{min-height:80px}.call-stage{min-height:220px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:24px}.call-stage.video{min-height:320px;background:#000;border-radius:16px;overflow:hidden}.call-video-slot{position:relative;background:#000;overflow:hidden}.call-video-slot.call-video{width:100%;height:100%;object-fit:cover}.call-video-slot.call-video.remote{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.call-video-el{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000;opacity:0;transition:opacity .2s ease;color-scheme:dark}.call-video-el.is-ready{opacity:1}.call-video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;background:#0a0a0a;pointer-events:none}.call-video-placeholder-icon{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;color:#ffffff6b;box-shadow:inset 0 0 0 1px #ffffff0f}.call-video{width:100%;height:100%;object-fit:cover;background:#000}.call-video.local,.call-video-slot.call-video.local{position:absolute;right:12px;bottom:12px;width:96px;height:128px;border-radius:10px;border:2px solid #fff;z-index:2}.call-room-overlay.call-video-fs{padding:0;align-items:stretch;justify-content:stretch;background:#000}.call-room.call-video-fs{max-width:none;width:100%;height:100%;min-height:100%;position:relative;display:block;color:#fff;text-align:center}.call-room.call-video-fs .call-stage.video{position:absolute;top:0;right:0;bottom:0;left:0;min-height:100%;margin:0;border-radius:0;background:#000;z-index:0}.call-room.call-video-fs .call-video.remote,.call-room.call-video-fs .call-video-slot.call-video.remote{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.call-room.call-video-fs .call-video.local,.call-room.call-video-fs .call-video-slot.call-video.local{right:max(12px,env(safe-area-inset-right,0px));bottom:calc(108px + env(safe-area-inset-bottom,0px));width:112px;height:168px;border-radius:12px;border:2px solid rgba(255,255,255,.92);box-shadow:0 6px 20px #00000073;z-index:4;object-fit:cover;overflow:hidden}.call-room.call-video-fs .call-avatar-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0a}.call-room.call-video-fs .call-avatar-stage .call-peer-avatar{width:112px;height:112px;font-size:36px;background:#ffffff1a;color:#ffffffbf;border:1px solid rgba(255,255,255,.08)}.call-room.call-video-fs .call-ringing-spacer{min-height:100%}.call-room.call-video-fs .call-room-header{position:absolute;top:0;left:0;right:0;z-index:5;margin:0;padding:max(12px,env(safe-area-inset-top,0px)) 16px 56px;background:linear-gradient(to bottom,rgba(0,0,0,.62) 0%,rgba(0,0,0,.28) 55%,transparent 100%);pointer-events:none}.call-room.call-video-fs .call-room-header>*{pointer-events:auto}.call-room.call-video-fs .call-peer strong{font-size:20px;text-shadow:0 1px 4px rgba(0,0,0,.45)}.call-room.call-video-fs .call-peer span{text-shadow:0 1px 3px rgba(0,0,0,.4)}.call-room.call-video-fs .call-controls{position:absolute;left:0;right:0;bottom:0;z-index:5;margin:0;padding:48px 20px max(28px,calc(16px + env(safe-area-inset-bottom,0px)));background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 55%,transparent 100%);gap:16px;flex-wrap:wrap}.call-room.call-video-fs .call-ctrl{width:58px;height:58px;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.call-room.call-video-fs .call-error{position:absolute;left:20px;right:20px;bottom:calc(118px + env(safe-area-inset-bottom,0px));z-index:5;margin:0;padding:8px 12px;border-radius:10px;background:#7f1d1db8;pointer-events:none}@media (min-width: 769px){.call-room.call-video-fs .call-video.local{width:140px;height:200px;right:24px;bottom:calc(120px + env(safe-area-inset-bottom,0px))}}.call-room-overlay.call-voice-wa{padding:0;align-items:stretch;justify-content:stretch;background-color:#0b141a;background-image:radial-gradient(ellipse at 20% 10%,rgba(37,211,102,.06),transparent 45%),radial-gradient(ellipse at 80% 90%,rgba(18,140,126,.08),transparent 40%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.045' stroke-width='1.2'%3E%3Ccircle cx='18' cy='22' r='3'/%3E%3Cpath d='M40 18h14M42 30c6-8 18-8 24 0M78 20l8 8M86 20l-8 8M20 58c8 0 10 8 10 8s2-8 10-8M55 55c0 8 8 12 8 12s8-4 8-12c0-5-3-8-8-8s-8 3-8 8zM90 60c6 4 6 12 0 16M18 95h12M24 90v12M50 92l10 6-10 6zM78 95c8-2 14 6 8 12'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,auto,120px 120px}.call-room.call-voice-wa{max-width:none;width:100%;height:100%;min-height:100%;position:relative;display:flex;flex-direction:column;color:#fff;text-align:center;padding:0}.call-room.call-voice-wa .call-room-header{flex:0 0 auto;margin:0;padding:max(14px,env(safe-area-inset-top,0px)) 16px 8px;z-index:2}.call-room.call-voice-wa .call-peer strong{font-size:22px;font-weight:600;letter-spacing:.01em}.call-room.call-voice-wa .call-peer span{font-size:14px;opacity:.85}.call-room.call-voice-wa .call-peer span.call-duration{font-variant-numeric:tabular-nums;letter-spacing:.04em;opacity:.95}.call-room.call-voice-wa .call-peer span.call-status-text{opacity:.8}.call-room.call-voice-wa .call-stage-voice{flex:1 1 auto;min-height:0;margin:0;display:flex;align-items:center;justify-content:center;padding:24px 16px 140px}.call-room.call-voice-wa .call-peer-avatar.avatar.xxl,.avatar.xxl{width:148px;height:148px;font-size:52px;box-shadow:0 8px 28px #00000059}.call-room.call-voice-wa .call-controls-dock{position:absolute;left:16px;right:16px;bottom:max(20px,calc(14px + env(safe-area-inset-bottom,0px)));z-index:3;display:flex;align-items:center;justify-content:center;gap:18px;margin:0;padding:14px 22px;border-radius:999px;background:#111b21f0;box-shadow:0 10px 28px #0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.call-room.call-voice-wa .call-controls-dock .call-ctrl{width:52px;height:52px;background:#ffffff1a}.call-room.call-voice-wa .call-controls-dock .call-ctrl.active{background:#fff;color:#111b21}.call-room.call-voice-wa .call-controls-dock .call-ctrl.end{background:#e11d48;color:#fff}.call-room.call-voice-wa .call-error{position:absolute;left:24px;right:24px;bottom:calc(110px + env(safe-area-inset-bottom,0px));z-index:4;margin:0;padding:8px 12px;border-radius:10px;background:#7f1d1dbf}.call-audio-sinks{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.call-audio-sinks-fixed{position:fixed;left:0;top:0;z-index:0}.call-room-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-bottom:8px}.call-room-header .call-peer{margin-bottom:0}.call-open-chats{width:44px;height:44px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.call-open-chats:active{background:#fff3}.call-flip-camera{width:44px;height:44px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.call-flip-camera:active{background:#fff3}.call-video-mirror{transform:scaleX(-1)}.call-mini-btn.spacer{visibility:hidden;pointer-events:none}.call-header-spacer{width:44px;height:44px}.call-mini-bar{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:12px;right:12px;z-index:119900;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:999px;background:#111b21f0;box-shadow:0 6px 20px #00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.call-mini-btn{flex:0 0 auto;width:40px;height:40px;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:#ffffff1f}.call-mini-btn.mute.active{background:#fff;color:#111b21}.call-mini-btn.end{background:#e11d48;color:#fff}.call-mini-center{flex:1 1 auto;min-width:0;border:none;background:transparent;color:#25d366;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 4px;cursor:pointer;font-size:15px;font-weight:600}.call-mini-center-text{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}.call-mini-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42vw}.call-mini-sep{opacity:.85}.call-mini-duration{font-variant-numeric:tabular-nums;letter-spacing:.02em;flex-shrink:0}.app-shell.has-call-mini .chat-layout,.chat-layout.has-call-mini{padding-top:calc(62px + env(safe-area-inset-top,0px))}.avatar.xl{width:120px;height:120px;font-size:40px}.call-controls,.incoming-call-actions{display:flex;justify-content:center;gap:20px}.call-ctrl{width:56px;height:56px;border-radius:50%;border:none;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.call-ctrl:disabled{opacity:.4;cursor:not-allowed}.call-ctrl.active{background:#fff;color:#111b21}.call-ctrl.end{background:#e53935}.call-ctrl.accept{background:#25d366}.call-error{color:#ffcdd2;font-size:13px;margin-bottom:12px}.incoming-call-card h3{margin:16px 0 4px}.incoming-call-card p{margin:0 0 28px;opacity:.85}.incoming-call-card .incoming-call-hint{margin:-16px 0 24px;font-size:12px;opacity:.7;line-height:1.35}@media (max-width: 768px){.chat-layout.has-bottom-nav:not(.chat-open){padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:100;height:calc(64px + env(safe-area-inset-bottom,0px));padding:6px 8px env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid #E9EDEF;justify-content:space-around;align-items:flex-start}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:none;color:#633716;font-size:11px;cursor:pointer;padding:4px}.bottom-nav-item.active{color:#4a290f;font-weight:600}.bottom-nav-label{line-height:1.2}.bottom-nav-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;background:#e5d5c2;color:#633716;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.bottom-nav-avatar img{width:100%;height:100%;object-fit:cover}.bottom-nav-item.active .bottom-nav-avatar{box-shadow:0 0 0 2px #4a290f}.chat-layout.tab-calls .sidebar-chats,.chat-layout.tab-status .sidebar-chats,.chat-layout.tab-groups .sidebar-chats,.chat-layout.tab-you .sidebar-chats{display:none}.chat-layout.tab-calls .mobile-tab-host,.chat-layout.tab-status .mobile-tab-host,.chat-layout.tab-groups .mobile-tab-host,.chat-layout.tab-you .mobile-tab-host{display:flex}.chat-layout.tab-chats .mobile-tab-host{display:none}.groups-page .conv-list,.groups-page .conversation-list{flex:1;overflow-y:auto}}.e2e-security-panel{padding:12px 4px 8px;display:flex;flex-direction:column;gap:10px}.e2e-security-head{display:flex;align-items:center;gap:8px;color:#111b21}.e2e-security-head strong{font-size:15px;font-weight:600}.e2e-security-hint,.e2e-security-meta{margin:0;font-size:13px;line-height:1.45;color:#667781}.e2e-safety-number{margin:0;padding:14px 16px;border-radius:8px;background:#f0f2f5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:15px;font-weight:600;letter-spacing:.04em;line-height:1.7;color:#111b21;text-align:center;white-space:pre-wrap;word-break:break-word}.e2e-fingerprint{margin:0;padding:12px 14px;border-radius:8px;background:#f0f2f5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;color:#111b21;white-space:pre-wrap;word-break:break-all}.e2e-fingerprint.compact{padding:8px 10px;font-size:11px}.e2e-security-sub{display:flex;flex-direction:column;gap:6px}.e2e-security-sub>span{font-size:12px;font-weight:600;color:#54656f}.e2e-security-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;border:none;border-radius:8px;padding:8px 14px;background:#e9edef;color:#111b21;font-size:13px;font-weight:500;cursor:pointer}.e2e-security-copy:hover{background:#d1d7db}.e2e-security-copy.primary{background:#075e54;color:#fff}.e2e-security-copy.primary:hover{background:#064e47}.e2e-security-copy.danger{background:#fde8e8;color:#b3261e}.e2e-security-copy:disabled{opacity:.55;cursor:not-allowed}.e2e-security-actions{display:flex;flex-wrap:wrap;gap:8px}.e2e-qr-img{align-self:center;border-radius:12px;background:#fff;padding:8px;box-shadow:0 0 0 1px #e9edef}.e2e-qr-scan-wrap{border-radius:12px;overflow:hidden;background:#111;max-width:280px;align-self:center}.e2e-qr-video{display:block;width:100%;max-height:220px;object-fit:cover}.e2e-paste-input{width:100%;box-sizing:border-box;border:1px solid #d1d7db;border-radius:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;resize:vertical;color:#111b21}.e2e-trust-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}.e2e-trust-verified{background:#e7f8ef;color:#0b6b3a}.e2e-trust-unverified{background:#f0f2f5;color:#54656f}.e2e-trust-key_changed{background:#fff4e5;color:#9a5b00}.e2e-verify-msg{margin:0;font-size:13px;line-height:1.4;color:#54656f}.e2e-verify-msg.ok{color:#0b6b3a}.e2e-verify-msg.bad{color:#b3261e}.chat-info-verify-badge{display:inline-flex;align-items:center;gap:4px;margin-left:6px;font-size:11px;font-weight:600;color:#0b6b3a}.e2e-session-box{margin-top:10px;display:flex;flex-direction:column;gap:8px}.e2e-device-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.e2e-device-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;background:#f0f2f5}.e2e-device-item strong{display:block;font-size:13px;color:#111b21}.e2e-device-meta{display:block;margin-top:4px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#667781;word-break:break-all}.member-action-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11050;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;padding:0}.member-action-sheet{position:relative;width:100%;max-width:480px;background:#1c1c1e;color:#fff;border-radius:18px 18px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 32px #0006;animation:member-sheet-up .22s ease-out}@keyframes member-sheet-up{0%{transform:translateY(24px);opacity:.85}to{transform:translateY(0);opacity:1}}.member-action-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.member-action-hero{text-align:center;padding:8px 36px 18px}.member-action-avatar{width:88px;height:88px;border-radius:50%;margin:0 auto 12px;background:#3a3a3c;color:#fff;font-size:32px;font-weight:600;display:flex;align-items:center;justify-content:center;overflow:hidden}.member-action-avatar img{width:100%;height:100%;object-fit:cover}.member-action-hero h3{margin:0;font-size:22px;font-weight:700;letter-spacing:.01em}.member-action-phone{margin:6px 0 0;font-size:14px;color:#ffffff8c}.member-action-error{margin:0 0 12px;padding:8px 12px;border-radius:10px;background:#e5393533;color:#ffcdd2;font-size:13px;text-align:center}.member-action-primary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.member-action-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:78px;padding:12px 8px;border:none;border-radius:16px;background:#2c2c2e;color:#fff;font-size:12px;font-weight:500;cursor:pointer}.member-action-tile:disabled{opacity:.55;cursor:wait}.member-action-tile:active:not(:disabled){background:#3a3a3c}.member-action-info-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;border-radius:999px;background:#2c2c2e;color:#fff;font-size:15px;font-weight:500;cursor:pointer;text-align:left}.member-action-info-row:active{background:#3a3a3c}.member-action-info-icon{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.member-action-detail{display:flex;flex-direction:column;gap:10px;margin-top:4px}.member-action-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#2c2c2e;font-size:14px}.member-action-detail-row span{color:#ffffff8c}.member-action-detail-row strong{font-weight:600;text-align:right}.member-action-detail-row.stacked{flex-direction:column;align-items:flex-start}.member-action-detail-row.stacked strong{text-align:left;font-weight:400;color:#ffffffe6}.member-action-back{margin-top:4px;width:100%;padding:12px;border:none;border-radius:12px;background:transparent;color:#25d366;font-size:15px;font-weight:600;cursor:pointer}@media (min-width: 769px){.member-action-overlay{align-items:center;padding:24px}.member-action-sheet{border-radius:18px;max-width:400px}}@media (min-width: 769px){.mobile-tab-host,.bottom-nav{display:none!important}}.msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 2px}.msg-reaction-chip{border:1px solid rgba(0,0,0,.08);background:#ffffffd9;border-radius:12px;padding:2px 7px;font-size:13px;display:inline-flex;align-items:center;gap:3px;cursor:pointer}.msg-reaction-chip.mine{border-color:#0d9488;background:#ccfbf1}.msg-reaction-count{font-size:11px;opacity:.75}.reaction-picker{display:flex;gap:2px;padding:6px 8px 2px;flex-wrap:wrap}.reaction-picker-btn{border:none;background:transparent;font-size:22px;padding:4px;cursor:pointer;border-radius:8px}.reaction-picker-btn:hover{background:#0000000f}.poll-bubble{min-width:200px;max-width:280px}.poll-question{font-weight:600;margin-bottom:8px;font-size:14px}.poll-options{display:flex;flex-direction:column;gap:6px}.poll-option{position:relative;border:1px solid rgba(0,0,0,.12);background:#ffffff80;border-radius:10px;padding:8px 10px;text-align:left;overflow:hidden;cursor:pointer}.poll-option.selected{border-color:#0d9488}.poll-option-bar{position:absolute;inset:0 auto 0 0;background:#0d94882e;pointer-events:none}.poll-option-row{position:relative;display:flex;justify-content:space-between;gap:8px;font-size:13px}.poll-footer{margin-top:6px;font-size:11px;opacity:.65}.poll-composer label{display:block;margin-bottom:10px;font-size:13px}.poll-composer input{display:block;width:100%;margin-top:4px;padding:8px 10px;border-radius:8px;border:1px solid #ddd}.sticker-picker{position:fixed;left:50%;bottom:72px;transform:translate(-50%);width:min(360px,calc(100vw - 24px));background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;z-index:80;padding-bottom:12px}.sticker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:8px 12px;max-height:220px;overflow:auto}.sticker-item{border:none;background:transparent;font-size:28px;padding:6px;border-radius:8px;cursor:pointer}.sticker-item:hover{background:#0000000d}.sticker-gif-row{padding:0 12px}.sticker-bubble{font-size:56px;line-height:1.1;padding:4px 0}.gif-bubble{max-width:220px;border-radius:10px;display:block}.view-once-bubble{display:flex;align-items:center;gap:10px;border:1px dashed rgba(13,148,136,.5);background:#0d948814;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:500;color:#0f766e;cursor:pointer;width:100%;text-align:left}.view-once-bubble.spent{opacity:.65;cursor:default;border-style:solid}.view-once-thumb{width:40px;height:40px;margin-left:auto;flex-shrink:0;border-radius:8px;background:#0b0f14;display:inline-flex;align-items:center;justify-content:center;color:#ffffffb8}.stories-bar{display:flex;gap:12px;padding:10px 14px 6px;overflow-x:auto;border-bottom:1px solid rgba(0,0,0,.06);background:#ffffff8c}.status-page{display:flex;flex-direction:column;flex:1;min-height:0;background:#f0f2f5;overflow-y:auto;-webkit-overflow-scrolling:touch}.status-page-header{padding:14px 16px 10px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}.status-page-header h1{margin:0;font-size:20px;font-weight:600;color:#111b21}.status-section{background:#fff;margin-top:8px;padding:4px 0}.status-section-title{margin:0;padding:10px 16px 6px;font-size:13px;font-weight:600;color:#667781;text-transform:none;letter-spacing:0}.status-row{width:100%;display:flex;align-items:center;gap:14px;padding:10px 16px;border:none;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit}.status-row:active,.status-row:hover{background:#f5f6f6}.status-avatar-wrap{position:relative;flex-shrink:0}.status-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;font-size:15px;font-weight:600;overflow:hidden;border:2px solid #d1d7db;color:#54656f}.status-avatar.ring{border-color:#25d366;box-shadow:0 0 0 2px #25d36640}.status-avatar img{width:100%;height:100%;object-fit:cover}.status-add-btn{position:absolute;right:-2px;bottom:-2px;z-index:2;width:20px;height:20px;border-radius:50%;background:#00a884;color:#fff;display:grid;place-items:center;border:2px solid #fff;box-shadow:0 1px 2px #00000026}.status-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.status-row-text strong{font-size:16px;font-weight:500;color:#111b21}.status-row-text .muted{font-size:13px;color:#667781}.status-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;color:#667781;text-align:center}.status-empty p{margin:0;max-width:260px;line-height:1.45}.story-ring{border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px;cursor:pointer;padding:0}.story-avatar-wrap{position:relative;width:52px;height:52px;flex-shrink:0}.story-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;font-size:14px;font-weight:600;overflow:hidden;border:2px solid #cbd5e1}.story-ring.unviewed .story-avatar{border-color:#0d9488;box-shadow:0 0 0 2px #99f6e4}.story-avatar img{width:100%;height:100%;object-fit:cover}.story-add{position:absolute;right:-2px;bottom:-2px;z-index:2;width:18px;height:18px;border-radius:50%;background:#0d9488;color:#fff;display:grid;place-items:center;border:2px solid #fff;pointer-events:none;box-shadow:0 1px 2px #00000026}.story-name{font-size:11px;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-composer textarea{width:100%;border-radius:10px;border:1px solid #ddd;padding:10px;resize:vertical}.story-composer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;background:#080c12b8;display:flex;align-items:stretch;justify-content:center;animation:storyComposerIn .22s ease-out}@keyframes storyComposerIn{0%{opacity:0}to{opacity:1}}.story-composer-shell{width:min(520px,100%);height:100%;max-height:100dvh;background:#111b21;color:#e9edef;display:flex;flex-direction:column;position:relative;animation:storyComposerSlide .28s cubic-bezier(.22,1,.36,1)}@keyframes storyComposerSlide{0%{transform:translateY(18px);opacity:.85}to{transform:translateY(0);opacity:1}}.story-composer-top{display:flex;align-items:center;gap:10px;padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:8;background:#111b21}.story-composer-top strong{flex:1;font-size:17px}.story-composer-top-spacer{width:40px}.story-composer-icon-btn{width:40px;height:40px;border:none;border-radius:50%;background:#ffffff14;color:#fff;display:grid;place-items:center;cursor:pointer}.story-composer-pick{flex:1;display:flex;flex-direction:column;padding:20px 18px 28px;gap:18px}.story-composer-hint{margin:0;color:#8696a0;font-size:14px;line-height:1.45}.story-composer-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.story-composer-action{border:none;border-radius:16px;background:#1f2c34;color:#e9edef;padding:22px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:transform .15s ease,background .15s ease}.story-composer-action:active{transform:scale(.97);background:#26353f}.story-composer-action span{font-size:13px;font-weight:600}.story-composer-secure{margin-top:auto;font-size:12px;line-height:1.4}.story-composer-edit{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;overflow:hidden}.story-composer-preview{flex:1;min-height:0;display:grid;place-items:center;background:#0b141a;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.story-composer-edit.is-text .story-composer-preview{bottom:88px}.story-composer-media{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;background:#000}.story-composer-text-canvas{width:100%;height:100%;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#075e54,#128c7e 45%,#25d366)}.story-composer-text-canvas textarea{width:min(420px,100%);min-height:180px;border:none;background:transparent;color:#fff;font-size:28px;font-weight:600;text-align:center;resize:none;outline:none;line-height:1.35}.story-composer-text-canvas textarea::placeholder{color:#ffffffa6}.story-composer-dock{position:absolute;left:0;right:0;bottom:var(--story-kb-inset, 0px);z-index:6;display:flex;flex-direction:column;gap:0;padding-bottom:max(10px,env(safe-area-inset-bottom));background:linear-gradient(to top,#080c12f5,#080c12e0 55%,#080c1259 85%,#080c1200);pointer-events:none;transition:bottom .12s ease-out}.story-composer-dock>*{pointer-events:auto}.story-trim{padding:10px 14px 6px;background:transparent;border-top:none}.story-trim-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#8696a0;margin-bottom:8px}.story-trim-track{position:relative;height:36px;border-radius:10px;background:#1f2c34;touch-action:none;overflow:visible}.story-trim-window{position:absolute;top:4px;bottom:4px;background:#25d36647;border:2px solid #25d366;border-radius:8px;pointer-events:none}.story-trim-handle{position:absolute;top:2px;width:16px;height:32px;margin-left:-8px;border:none;border-radius:6px;background:#25d366;cursor:ew-resize;z-index:2;padding:0}.story-trim-handle:after{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:2px;transform:translate(-50%);background:#00000059;border-radius:1px}.story-trim-scale{display:flex;justify-content:space-between;font-size:11px;color:#667781;margin-top:4px}.story-composer-caption{margin:10px 14px 0;border:none;border-radius:22px;background:#1f2c34;color:#e9edef;padding:12px 16px;font-size:15px;outline:none;width:calc(100% - 28px);box-sizing:border-box}.story-composer-caption::placeholder{color:#8696a0}.story-composer-error{color:#f87171;font-size:13px;margin:8px 14px 0}.story-composer-error.pick{margin:0 18px 16px}.story-composer-progress{display:flex;align-items:center;gap:8px;margin:8px 14px 0;font-size:13px;color:#99f6e4}.story-composer-send{margin:12px 14px 8px;border:none;border-radius:24px;background:#00a884;color:#fff;font-weight:700;font-size:15px;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.story-composer-send:disabled{opacity:.55;cursor:not-allowed}.spin{animation:storySpin .8s linear infinite}@keyframes storySpin{to{transform:rotate(360deg)}}.story-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172a;color:#fff;display:flex;flex-direction:column}.story-viewer-close{position:absolute;top:12px;right:12px;border:none;background:transparent;color:#fff;font-size:28px;z-index:2;cursor:pointer}.story-viewer-progress{display:flex;gap:4px;padding:10px 12px}.story-viewer-progress span{flex:1;height:3px;border-radius:2px;background:#ffffff40}.story-viewer-progress span.on{background:#fff}.story-viewer-user{padding:0 16px 8px;font-weight:600;font-size:14px}.story-viewer-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;cursor:pointer;min-height:0}.story-viewer-text{font-size:22px;text-align:center;line-height:1.4;max-width:480px}.story-viewer-media{max-width:100%;max-height:70vh;border-radius:8px}.story-viewer-video{width:min(100%,480px);background:#000}.story-viewer-caption{margin:0;max-width:480px;text-align:center;font-size:15px;line-height:1.4;color:#e2e8f0}.story-viewer-error{color:#fca5a5}.story-viewer-nav{display:flex;justify-content:center;gap:16px;padding:0 16px 8px}.story-viewer-nav button{width:44px;height:44px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;font-size:24px;cursor:pointer}.story-viewer-nav button:disabled{opacity:.35}.story-delete{margin:12px auto 24px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:90}.modal-sheet{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));max-height:min(80vh,560px);overflow:auto;background:#fff;border-radius:16px;padding:18px 16px 14px;z-index:91;box-shadow:0 16px 48px #00000040}.modal-sheet h3{margin:0 0 12px;font-size:17px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.btn-secondary{border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;border-radius:10px;padding:8px 14px;font-size:13px;cursor:pointer}.btn-link{border:none;background:transparent;color:#0d9488;font-size:13px;cursor:pointer;padding:4px 0;margin-bottom:8px}.muted{opacity:.7;font-size:13px}