#view-chat{--wc-bg:#fff;--wc-ink:#102441;--wc-muted:#68788e;--wc-line:#eaf0f5;--wc-accent:#075cff;position:fixed;inset:0;z-index:40;color:var(--wc-ink);background:#edf3f9;height:var(--wc-height,100dvh);margin:0;font-size:15px}
#view-chat *{box-sizing:border-box}body.wc-active{overflow:hidden}#view-chat button{border:0;font:inherit;cursor:pointer;color:inherit}#view-chat .primary{background:var(--wc-accent);color:#fff;padding:12px 17px;border-radius:14px;font-weight:700}#view-chat .secondary{background:#edf3fa;color:#244e7e;padding:12px 15px;border-radius:14px}#view-chat .danger{background:#d93853;color:white;padding:12px 17px;border-radius:14px}#view-chat input,#view-chat textarea,#view-chat select{width:100%;min-width:0;border:1px solid #dce5f0;border-radius:13px;background:#f8fafd;color:#102441;padding:12px;font:inherit;margin:5px 0 12px}#view-chat input[type=checkbox]{width:21px;height:21px;margin:0;accent-color:#075cff;flex-shrink:0}#view-chat textarea{resize:none}#view-chat label{display:block;font-size:14px}#view-chat small{color:var(--wc-muted);line-height:1.4}#view-chat p{line-height:1.5}#view-chat h1,#view-chat h2,#view-chat h3{margin:0;letter-spacing:-.4px}#view-chat h2{font-size:22px}#view-chat h3{font-size:16px}
.wc-shell{height:100%;max-width:700px;margin:auto;background:var(--wc-bg);display:flex;flex-direction:column;position:relative;overflow:hidden}.wc-header{display:flex;align-items:center;gap:9px;padding:calc(12px + env(safe-area-inset-top)) 12px 12px;border-bottom:1px solid var(--wc-line);flex-shrink:0}.wc-title{flex:1;min-width:0}.wc-title h1{font-size:22px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-title small{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.wc-icon{width:40px;min-width:40px;height:42px;background:transparent;font-size:25px!important;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0!important}.wc-icon:hover{background:#eef5fb!important}.wc-icon svg,.wc-tabs svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wc-status{margin:0!important;padding:9px 18px;background:#eaf3ff;font-size:13px;max-height:100px;overflow:auto;flex-shrink:0}.wc-status:empty{display:none}.wc-main{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;position:relative}.wc-overview,.wc-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:20px}.wc-search{display:block;margin:14px 18px 0}.wc-search input{border:none!important;background:#f0f4f8!important;border-radius:22px!important;padding:14px 18px!important;margin-bottom:8px!important}.wc-filters{display:flex;gap:7px;overflow:auto;padding:4px 18px 12px}.wc-filters button{padding:7px 12px;white-space:nowrap;border-radius:20px;background:#f0f4f8;color:#62718a!important;font-size:13px!important}.wc-filters button[aria-pressed=true]{background:#e1edff;color:#075cff!important;font-weight:750}.wc-row{display:flex;align-items:center;gap:13px;width:100%;padding:15px 18px;background:transparent;text-align:left}.wc-row+.wc-row{border-top:1px solid #f3f6f9!important}.wc-row:hover{background:#f6f9ff}.wc-avatar{width:49px;height:49px;min-width:49px;border-radius:50%;background:linear-gradient(135deg,#dcecff,#d4f6f0);color:#256297;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:650}.wc-avatar.group{background:#f1e9ff;color:#6f46b4}.wc-row-main{min-width:0;flex:1}.wc-row-main strong{display:block;font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px}.wc-row-main small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:13px}.wc-row-end{min-width:46px;display:flex;align-items:flex-end;flex-direction:column;gap:6px;font-size:11px;color:#7d8a9b}.wc-unread{width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;background:#075cff;color:white;font-size:11px;font-weight:700}.wc-empty{text-align:center;padding:48px 25px;color:#728198;font-size:14px}.wc-empty b{display:block;font-size:34px;margin-bottom:15px}.wc-more{display:block;margin:10px auto;padding:10px 17px;background:#f0f5fb;border-radius:18px;color:#386490!important;font-size:13px!important}.wc-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 6px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--wc-line);background:white;flex-shrink:0}.wc-tabs button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px!important;background:transparent;padding:3px 0;border-radius:16px;min-height:51px}.wc-tabs span{display:flex;justify-content:center;align-items:center;width:60px;height:29px;border-radius:18px;font-size:25px}.wc-tabs [aria-current=page]{color:#075cff!important;font-weight:750}.wc-tabs [aria-current=page] span{background:#e8f1ff}.wc-section-head{display:flex;align-items:center;gap:14px;padding:25px 20px 20px}.wc-section-head>div{flex:1;min-width:0}.wc-section-head small{margin-top:7px;display:block}.wc-add{width:45px;height:45px;border-radius:15px;background:#075cff;color:white!important;font-size:30px!important}.wc-help{font-size:12px;color:#78869a;margin:0 20px 14px}.wc-card{margin:20px;padding:22px;border:1px solid #e1e9f3;border-radius:22px;overflow:auto}.wc-card p{margin-top:12px;color:#728097;font-size:14px}
.wc-conversation{flex:1;display:flex;flex-direction:column;min-height:0;background:#edf3f8;position:relative}.wc-banner{padding:10px 16px;background:white;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.wc-banner:empty{display:none}.wc-banner p{font-size:13px;margin:0;color:#677b92}.wc-messages{flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain;padding:5px 14px 14px;background-image:radial-gradient(#aec6dd33 .8px,transparent .8px);background-size:17px 17px}.wc-messages #chatMessages{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.wc-bubble{position:relative;max-width:87%;min-width:68px;padding:9px 12px 6px;border-radius:15px 15px 15px 4px;background:white;box-shadow:0 1px 1px #243c5410;overflow-wrap:anywhere;text-align:left}.wc-bubble.mine{align-self:flex-end;background:#dceaff;border-radius:15px 15px 4px 15px}.wc-bubble .wc-message-text{white-space:pre-wrap;line-height:1.48;font-size:15px}.wc-bubble .wc-meta{display:flex;gap:4px;justify-content:flex-end;align-items:center;color:#7890a6;font-size:10px;margin-top:3px;white-space:nowrap}.wc-bubble .wc-author{font-size:11px;color:#447598;font-weight:700;margin-bottom:3px}.wc-meta .read{color:#0076ef}.wc-message-menu{background:none;color:#7f96ab!important;padding:0 0 0 8px;line-height:1;font-size:16px!important}.wc-quote{border-left:3px solid #66a7de;padding:5px 9px;background:#ffffff70;border-radius:5px;font-size:12px;max-height:62px;overflow:hidden;margin-bottom:6px;color:#4b6f92}.wc-reactions{display:flex;gap:5px;margin-top:5px}.wc-reactions button{background:#ffffffb0;border:1px solid #bfcee2!important;border-radius:12px;padding:3px 6px;font-size:12px!important}.wc-reactions .mine{border-color:#075cff!important}.wc-date{align-self:center;margin:14px 0 9px;padding:4px 9px;border-radius:8px;background:#ffffff9c;color:#7890a2;font-size:11px}.wc-compose{display:flex;align-items:flex-end;gap:3px;padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:#f8fbff;flex-shrink:0}.wc-compose textarea{flex:1;max-height:110px;min-height:43px;margin:0!important;background:white!important;border-radius:19px!important;padding:11px 10px!important;border:0!important;line-height:1.4;font-size:15px!important}.wc-compose .wc-icon{min-width:31px;width:31px;font-size:22px!important;height:43px}.wc-send{width:43px;height:43px;min-width:43px;border-radius:50%;background:#075cff;color:#fff!important;font-size:23px!important}.wc-find{display:flex;align-items:center;gap:6px;padding:5px 10px;background:white}.wc-find input{margin:0!important;font-size:13px!important}.wc-find button{background:#eff4fa;padding:9px;border-radius:9px}.wc-reply,.wc-attachment{background:#fff;margin:0;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;font-size:12px;border-top:1px solid #d8e4f0}.wc-attachment label{display:flex!important;align-items:center;gap:7px;font-size:12px!important}.wc-media-button{padding:10px 8px;border-radius:9px;background:#eef5ff;color:#205882!important;text-align:left;display:block;max-width:100%;font-size:13px!important}.wc-media-inline{max-width:100%;max-height:290px;display:block;border-radius:11px;object-fit:contain}audio.wc-media-inline{max-width:240px;height:42px}.wc-video-hint{font-size:11px;color:#789}
.wc-overlay{position:absolute;inset:0;background:#0e244f66;z-index:8;display:flex;align-items:flex-end;justify-content:center;padding:12px}.wc-dialog{background:white;border-radius:24px;width:100%;max-height:88%;display:flex;flex-direction:column;box-shadow:0 12px 70px #092a4933;overflow:hidden}.wc-dialog>header{display:flex;align-items:center;padding:15px 16px 9px;gap:10px}.wc-dialog>header h2{flex:1;font-size:20px!important}.wc-dialog #chatModalBody{padding:7px 19px 22px;overflow:auto;overscroll-behavior:contain}.wc-dialog form>button{margin-top:12px}.wc-dialog .wc-row{padding-left:0;padding-right:0}.wc-option{display:flex;align-items:center;gap:10px;width:100%;padding:15px 5px;background:white;text-align:left;border-bottom:1px solid #f0f3f7!important;font-size:15px!important}.wc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.wc-check{display:flex!important;align-items:center;gap:11px;padding:10px 3px}.wc-check>span{flex:1}.wc-check small{display:block;font-size:12px}.wc-story{min-height:260px;border-radius:20px;padding:26px 23px;background:linear-gradient(140deg,#075cff,#3784e8);color:white;display:flex;flex-direction:column;justify-content:center;white-space:pre-wrap;font-size:22px;overflow-wrap:anywhere}.wc-story.mint{background:linear-gradient(140deg,#00685e,#119e8a)}.wc-story.purple{background:linear-gradient(140deg,#6a31a6,#9754c4)}.wc-story img,.wc-story video{max-width:100%;max-height:55dvh;border-radius:12px}.wc-story-meta{margin:12px 0;color:#74879c;font-size:12px}.wc-call-overlay{position:absolute;inset:0;background:#101e36;color:white;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 18px;overflow:hidden}.wc-call-brand{font-size:12px;letter-spacing:3px;color:#82aed6;z-index:2}.wc-call-overlay h2,.wc-call-overlay p{z-index:2}.wc-call-overlay #callState{font-size:14px;max-width:90%;text-align:center}.wc-call-overlay #remoteCallVideo{max-height:50%;width:100%;object-fit:contain;background:#0c172b;border-radius:17px}.wc-call-overlay #localCallVideo{position:absolute;width:25%;max-height:25%;object-fit:cover;right:19px;top:25px;border-radius:14px;z-index:3}.wc-call-overlay #callButtons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px;z-index:2}.wc-call-overlay #callButtons button{font-size:13px;padding:12px}
#view-chat .emoji-panel{position:absolute;bottom:67px;left:0;right:0;z-index:5;background:white;border-radius:20px 20px 0 0;border:1px solid #dce7f3;padding:12px;box-shadow:0 -10px 30px #23446316}#view-chat .emoji-search{display:flex;gap:8px;align-items:center}#view-chat .emoji-search input{margin:0}#view-chat .emoji-search button{background:none;font-size:22px}#view-chat .emoji-categories{display:flex;gap:5px;overflow:auto;padding:8px 0}#view-chat .emoji-category{background:#f2f5fa;border-radius:10px;min-width:38px;padding:6px;font-size:22px}#view-chat .emoji-category[aria-pressed=true]{background:#dceaff}#view-chat #emojiCategoryName{font-size:11px;color:#77869b;margin:0 0 6px}#view-chat .emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);max-height:170px;overflow:auto}#view-chat .emoji-choice{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:28px;background:none;min-height:41px;padding:3px}
#view-chat[data-theme=mint] .wc-conversation{background:#eaf4ed}#view-chat[data-theme=mint] .wc-bubble.mine{background:#d5f3dc}#view-chat[data-theme=night] .wc-conversation{background:#1b2b42}#view-chat[data-theme=night] .wc-bubble{background:#2b3e59;color:#edf3fc}#view-chat[data-theme=night] .wc-bubble.mine{background:#214f6d}#view-chat[data-theme=night] .wc-quote{color:#233c55}#view-chat[data-theme=night] .wc-date{background:#263b53;color:#ced9e7}
@media(min-width:700px){.wc-shell{border:1px solid #d8e4f0}.wc-overlay{align-items:center;padding:30px}.wc-dialog{max-width:500px}.wc-messages{padding-left:30px;padding-right:30px}}@media(max-width:360px){.wc-header{gap:3px;padding-left:6px;padding-right:6px}.wc-title h1{font-size:20px!important}.wc-tabs button{font-size:10px!important}.wc-compose{gap:1px;padding-left:4px;padding-right:4px}.wc-compose .wc-icon{min-width:29px;width:29px}.wc-send{width:38px;min-width:38px}.wc-row{gap:10px;padding-left:14px;padding-right:14px}.wc-avatar{width:44px;height:44px;min-width:44px}}
/* WIPYE_CHAT_20260916_3: media, voice drafts and touch actions. */
#view-chat [hidden]{display:none!important}
#view-chat .wc-header{gap:4px}#view-chat .wc-header .wc-title h1{font-size:20px!important}#view-chat .wc-title small{display:block}#view-chat .wc-bubble{touch-action:pan-y;-webkit-user-select:none;user-select:none}#view-chat .wc-bubble.selected{outline:2px solid #3976db;background:#c7ddff}#view-chat .wc-bubble a,#view-chat audio,#view-chat video{touch-action:auto}#view-chat .wc-selection{display:flex;align-items:center;gap:4px;padding:12px 8px;border-bottom:1px solid #dce8f7;background:#e6efff;min-height:68px}#view-chat .wc-selection strong{flex:1;font-size:20px}#view-chat .wc-selection .wc-icon{width:38px;min-width:32px}#view-chat .wc-reaction-picker{display:flex;justify-content:space-around;gap:3px;padding:9px 10px;background:white;box-shadow:0 3px 10px #1232;z-index:2}#view-chat .wc-react{font-size:27px!important;min-width:39px;height:42px;border-radius:50%;background:#f3f6fa;padding:4px}#view-chat .wc-reaction-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}#view-chat .wc-forwarded{display:block;font-style:italic;font-size:11px;margin:2px 5px 5px;color:#68809a}#view-chat .wc-bubble.has-media{width:min(310px,87%);padding:5px 5px 6px}#view-chat .has-media .wc-message-text{padding:6px 6px 0}#view-chat .has-media .wc-meta{padding:0 5px}#view-chat .wc-media-placeholder{min-height:180px;background:#dfebf5;border-radius:12px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:15px;color:#446785}#view-chat .wc-media-placeholder:has(.wc-media-button){min-height:70px}#view-chat .wc-media-placeholder small{font-size:12px;text-align:center}#view-chat .wc-loaded-media{width:100%;overflow:hidden;border-radius:11px}#view-chat .wc-media-inline{width:100%;height:auto;max-height:430px;object-fit:contain;background:#e9eff5}#view-chat img.wc-media-inline{cursor:zoom-in}#view-chat audio.wc-media-inline{max-width:100%;height:48px;background:transparent}#view-chat .wc-audio-title{display:block;padding:8px 9px 3px;font-size:13px;font-weight:600}#view-chat .wc-duration{display:block;padding:2px 10px;font-size:11px}#view-chat .wc-full-image{display:block;width:100%;max-height:70dvh;object-fit:contain;border-radius:12px}#view-chat .wc-attachment{gap:8px;flex-wrap:wrap;max-height:35dvh;overflow:auto;padding:10px}#view-chat .wc-attachment-info{flex:1;min-width:160px;overflow:hidden}#view-chat .wc-attachment-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}#view-chat .wc-draft-media{display:block;max-width:100%;max-height:130px;border-radius:10px}#view-chat audio.wc-draft-media{width:100%;height:46px}#view-chat .wc-recorder{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:10px;background:#fff1f3;color:#99314a;font-size:12px;min-height:60px}#view-chat .wc-recorder>span:not(.wc-record-dot){flex:1}#view-chat .wc-record-dot{width:9px;height:9px;border-radius:50%;background:#e33354;animation:wc-blink 1s infinite alternate}#view-chat .wc-recorder button{font-size:13px;padding:9px 11px}#view-chat .wc-recorder .wc-icon{height:35px;width:32px;min-width:32px}#view-chat .wc-message-menu{min-width:24px;min-height:22px;padding:0!important}@keyframes wc-blink{to{opacity:.35}}
.wipye-incoming{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(92vw,440px);z-index:1000;display:flex;align-items:center;gap:12px;border:1px solid #dbe8f9;border-radius:20px;padding:14px;background:#fff;box-shadow:0 8px 35px #1235;color:#102441;font:15px system-ui;text-align:left;cursor:pointer}.wipye-incoming span{flex:1;min-width:0}.wipye-incoming strong,.wipye-incoming small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wipye-incoming small{font-size:13px;margin-top:3px;color:#536980}.wipye-incoming[hidden]{display:none!important}.nav [data-unread=true]::after{content:'';width:8px;height:8px;background:#075cff;border-radius:50%;position:absolute;right:22%;top:6px}.nav [data-view=chat]{position:relative}
/* WIPYE_CHAT_20260916_4 */
#view-chat .wc-forwarded{display:flex;gap:5px;align-items:center}#view-chat .wc-forwarded svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}#view-chat .wc-bubble.selected{outline:2px solid #2870ed;box-shadow:0 0 0 5px #2870ed15}#view-chat .wc-row.selected{background:#e3efff}
#view-chat .wc-attach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 10px;padding:16px 0 22px}#view-chat .wc-attach-item{display:flex;flex-direction:column;gap:9px;align-items:center;background:none;padding:0;text-align:center}#view-chat .wc-attach-item>span{display:grid;place-items:center;width:60px;height:52px;border-radius:18px;border:1px solid #e4eaf2;background:#f7faff;color:#0787e9}#view-chat .wc-attach-item svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}#view-chat .wc-attach-item small{font-size:12px}#view-chat [data-kind=camera]>span,#view-chat [data-kind=event]>span{color:#ec3276;background:#fff5f8}#view-chat [data-kind=location]>span{color:#00a38c;background:#edfcf7}#view-chat [data-kind=document]>span{color:#8052ed;background:#f6f1ff}#view-chat [data-kind=poll]>span{color:#c18d12;background:#fffbec}#view-chat .wc-location-map{width:100%;height:260px;border:0;border-radius:18px;background:#eaf1f4}#view-chat .wc-message-card{min-width:210px;max-width:290px;padding:9px;display:flex;flex-direction:column;gap:8px}#view-chat .wc-message-card>svg{width:32px;height:32px;fill:none;stroke:#087f8c;stroke-width:1.7;stroke-linejoin:round}#view-chat .wc-message-card p{margin:0}#view-chat .wc-card-action{display:block;border-radius:10px;background:#fff9;color:#0753bd!important;padding:9px;text-align:center;text-decoration:none;font-size:13px}#view-chat .wc-poll-option{background:#fff9;padding:11px;border:1px solid #c9dcee!important;border-radius:12px;text-align:left}#view-chat .wc-poll-option[aria-pressed=true]{background:#cde3ff;border-color:#2678ea!important}.wc-live-badge{position:fixed;left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));max-width:480px;margin:auto;z-index:65;display:flex;gap:12px;align-items:center;padding:10px 14px;background:#075a4d;color:white;border-radius:16px;box-shadow:0 6px 25px #0924;font:12px system-ui}.wc-live-badge span{flex:1}.wc-live-badge button{border:1px solid #ffffff88;border-radius:10px;color:white;background:transparent;padding:8px;cursor:pointer}.wc-live-badge[hidden]{display:none!important}
#view-chat .wc-call-overlay{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:8px;justify-items:center;align-content:stretch;justify-content:stretch;padding:calc(15px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));overflow:auto;isolation:isolate}#view-chat .wc-call-brand{margin:0;font-size:10px}#view-chat .wc-call-overlay h2{margin:0;font-size:23px}#view-chat .wc-call-overlay #callState{margin:0;min-height:20px}#view-chat #callMedia{width:100%;min-height:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}#view-chat #remoteCallVideo{height:100%;max-height:100%;width:100%;object-fit:contain;pointer-events:none}#view-chat #remoteCallAudio{position:absolute;width:0;height:0;pointer-events:none}#view-chat #localCallVideo{top:105px;right:24px;width:24%;height:22%;max-height:150px;object-fit:cover;pointer-events:none;border:1px solid #ffffff55;box-shadow:0 8px 25px #0003}#view-chat #localCallVideo.mirrored{transform:scaleX(-1)}#view-chat #callFeedback{min-height:16px;max-width:95%;margin:0;font-size:12px;color:#c8defd;text-align:center}#view-chat .wc-call-overlay #callButtons{position:relative;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;flex-shrink:0;margin:0;z-index:5;width:100%;pointer-events:auto}#view-chat #callButtons button{min-height:48px;touch-action:manipulation;border-radius:18px;padding:12px 14px!important;min-width:90px}#view-chat #callButtons [aria-pressed=true]{background:#fce1e4;color:#942b3d}#view-chat #callButtons #endCall{background:#df3854;color:#fff}#view-chat #callButtons #acceptCall{background:#16a46d;color:#fff}#view-chat #callButtons button:disabled{opacity:.55}
.wp-profile{padding:0 0 16px;color:#12253e}.wp-profile [hidden]{display:none!important}.wp-hero{display:flex;align-items:center;gap:15px;width:100%;border:0;background:white;padding:20px 4px 25px;text-align:left;cursor:pointer;color:inherit}.wp-avatar{width:70px;height:70px;min-width:70px;border-radius:50%;background:#e3efff;color:#085cff;display:grid;place-items:center;font-size:30px;font-weight:750;overflow:hidden}.wp-avatar img{width:100%;height:100%;object-fit:cover}.wp-identity{flex:1;min-width:0}.wp-identity strong,.wp-identity span,.wp-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-identity strong{font-size:21px;font-weight:750;margin-bottom:6px}.wp-identity span{font-size:15px;color:#53647a}.wp-identity small{font-size:12px;color:#8390a0;margin-top:4px}.wp-menu{background:#fff;border:1px solid #e8edf4;border-radius:22px;overflow:hidden}.wp-profile-row{display:flex;gap:15px;align-items:center;width:100%;padding:17px;border:0;background:white;color:#12253e;text-decoration:none;font:15px system-ui;text-align:left;cursor:pointer}.wp-profile-row+.wp-profile-row{border-top:1px solid #edf1f6}.wp-profile-row>svg{width:24px;height:24px;min-width:24px;fill:none;stroke:#2d425f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wp-profile-row>span:first-of-type{flex:1}.wp-chevron{color:#91a1b6;font-size:23px}.wp-profile-row:hover{background:#f5f9ff}.wp-profile #profileDetails{background:white;padding:16px;border:1px solid #e6edf5;border-radius:22px}.wp-profile #profileDetails h2{font-size:21px;margin:15px 0}.wp-profile #profileDetails label{display:block;margin:14px 0 5px;font-size:13px}.wp-profile #profileDetails input,.wp-profile #profileDetails textarea{width:100%;padding:12px;border:1px solid #dce6f2;border-radius:12px;margin-top:7px;font:15px system-ui}.wp-profile #profileDetails button{margin:8px 6px 4px 0}.wp-profile #profileDetails .wp-toggle{display:flex;align-items:center;gap:10px}.wp-profile #profileDetails .wp-toggle input{width:22px;height:22px}.wp-profile .wp-avatar-preview{width:95px;height:95px;object-fit:cover;border-radius:50%;display:block}.wp-profile .wp-address{padding:14px 0;border-bottom:1px solid #edf1f6}.wp-profile .wp-address p{margin:8px 0;font-size:14px;color:#65758c}#profileStatus:empty{display:none}#profileStatus{background:#edf5ff;padding:12px;border-radius:12px;font-size:13px}
@media(max-height:500px) and (orientation:landscape){#view-chat .wc-call-overlay{grid-template-rows:auto auto auto minmax(70px,1fr) auto auto}#view-chat .wc-call-brand{display:none}#view-chat #callButtons button{min-height:40px;padding:8px!important}}

body.wc-in-call .wc-live-badge{display:none!important}

#view-chat .wc-dialog-status{padding:12px;border-radius:12px;background:#fff1f3;color:#9c2843;font-size:13px;line-height:1.4}

#view-chat .wc-quick-forward{position:absolute;right:-35px;top:45%;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#d9e4ef;color:#51708e;padding:6px}#view-chat .mine .wc-quick-forward{right:auto;left:-35px}#view-chat .wc-quick-forward svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* WIPYE_CHAT_20260916_5 — Wipye blue, familiar gestures and one clear send action. */
#view-chat{--wc-accent:#0866ff;--wc-ink:#132946;--wc-muted:#627790;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#view-chat[data-theme=wipye] .wc-conversation{background:#aecbef}
#view-chat[data-theme=wipye] .wc-messages{background-color:#aecbef;background-image:url("wipye-wallpaper.svg?v=20260916-6"),linear-gradient(150deg,#bdd6f5,#a6c6ed 68%,#b6d1f2);background-size:360px 432px,100% 100%;background-repeat:repeat,no-repeat;background-attachment:local;}
#view-chat .wc-messages{padding:14px 22px 20px;scrollbar-width:thin;scrollbar-color:#8eb5ec transparent}
#view-chat .wc-date{color:#385c86;background:#f8fcffe6;box-shadow:0 2px 8px #2456a310;font-size:11px;padding:5px 12px;border-radius:9px;margin:10px auto 14px}
#view-chat .wc-bubble{border-radius:17px 17px 17px 5px;box-shadow:0 2px 7px #21487a0c;padding:9px 11px;color:#142c4d;line-height:1.43;max-width:85%;font-size:15px}
#view-chat .wc-bubble.mine{border-radius:17px 17px 5px 17px;background:#edf5ff;box-shadow:0 2px 8px #21487a12;border:1px solid #ffffff90}
#view-chat .wc-meta{font-size:10px;gap:4px;color:#617f9e}#view-chat .wc-meta .read{color:#0068ed}
#view-chat .wc-bubble.has-media{padding:4px 4px 6px;width:min(310px,82%)}#view-chat .wc-media-inline{border-radius:13px;display:block;max-height:410px;background:#e9f1fc}
#view-chat .wc-message-card{padding:11px;max-width:255px;min-width:195px}#view-chat .wc-location-card>svg{color:#096bff;stroke:currentColor}
#view-chat .wc-header{padding:10px 9px;min-height:66px;border-bottom:1px solid #e9f0fa;background:#fffffff7;box-shadow:0 3px 12px #284b7008;z-index:3}
#view-chat .wc-title h1{font-size:18px!important;letter-spacing:-.35px}#view-chat .wc-title small{font-size:12px;color:#6d8099}
#view-chat #chatVideo,#view-chat #chatAudio{color:#155ec4;width:40px;min-width:36px}#view-chat .wc-icon svg{width:24px;height:24px}
#view-chat .wc-compose{background:#eef5ff;gap:2px;padding:9px 7px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #ffffff88}
#view-chat .wc-compose textarea{background:white!important;border-radius:24px!important;padding:12px!important;box-shadow:0 1px 6px #163b7008;font-size:15px!important;min-width:20px}
#view-chat .wc-compose .wc-icon{color:#5c7491;width:34px;min-width:31px;height:46px}#view-chat #chatVoice,#view-chat .wc-send{display:grid;place-items:center;border-radius:50%;width:47px;min-width:47px;height:47px;color:white;background:linear-gradient(145deg,#1e80ff,#0757eb);box-shadow:0 3px 10px #0761ee30;margin-left:4px}
#view-chat #chatVoice svg{width:24px;height:24px}#view-chat .wc-send{font-size:23px;padding:10px}#view-chat #chatVoice:active,#view-chat .wc-send:active{transform:scale(.95)}
#view-chat .wc-status:empty{display:none}#view-chat .wc-status{font-size:12px;padding:7px 14px;background:#f0f6ff;color:#395b83}
#view-chat .wc-row{min-height:82px;padding:14px 16px;gap:13px}#view-chat .wc-row strong{font-size:16px;font-weight:650;letter-spacing:-.15px}#view-chat .wc-row small{font-size:13px;margin-top:5px;color:#6d7f95}#view-chat .wc-avatar{background:linear-gradient(140deg,#e6f2ff,#cadffd);color:#2668c7;width:49px;height:49px;min-width:49px;font-weight:650}
#view-chat .wc-tabs{border-top:1px solid #ecf1f8;background:#fff;padding:9px 3px calc(8px + env(safe-area-inset-bottom))}#view-chat .wc-tabs button{font-size:11px;font-weight:550;gap:5px;color:#677a91}#view-chat .wc-tabs button[aria-current=page]{color:#095bd4;background:transparent}#view-chat .wc-tabs button[aria-current=page]>span{background:#e5efff;border-radius:18px;padding:5px 20px}#view-chat .wc-tabs button>span{padding:5px 20px;height:34px}
#view-chat .wc-filters button{border-radius:18px;padding:8px 12px;font-size:12px}#view-chat .wc-filters [aria-pressed=true]{background:#e5efff;color:#075ee2}
#view-chat .wc-overlay{background:#12294655}#view-chat .wc-dialog{border-radius:26px;border:1px solid #ffffffaa;box-shadow:0 20px 80px #133b7330}#view-chat .wc-dialog header h2{font-size:18px!important;letter-spacing:-.3px}#view-chat .wc-option{min-height:49px;font-size:14px;padding:13px 9px;border-bottom:1px solid #edf2f8}
#view-chat #chatModal[data-layout=attachments]{padding:0;align-items:flex-end}#view-chat [data-layout=attachments] .wc-dialog{max-width:700px;border-radius:27px 27px 0 0;padding-bottom:env(safe-area-inset-bottom)}#view-chat [data-layout=attachments] .wc-dialog:before{content:'';width:34px;height:4px;background:#bac8d9;border-radius:4px;margin:10px auto 0}
#view-chat .wc-attach-grid{gap:21px 7px;padding:12px 0 20px}#view-chat .wc-attach-item>span{width:57px;height:48px;border-radius:16px;box-shadow:0 3px 12px #244d7c05}#view-chat .wc-attach-item small{font-size:11px;color:#536981}#view-chat .wc-help{color:#788ba1;font-size:11px;line-height:1.5}
#view-chat .wc-quick-forward{background:#f7fbffc9;box-shadow:0 2px 7px #25477610;color:#527baa;left:auto;right:-33px;width:27px;height:27px;padding:6px}#view-chat .mine .wc-quick-forward{left:-33px;right:auto}
#view-chat .wc-attachment{display:flex;align-items:center;flex-wrap:nowrap;max-height:85px;background:#fff;border-top:1px solid #e5edf8;padding:8px 12px;gap:10px}#view-chat .wc-draft-thumb{width:48px;height:52px;min-width:48px;border-radius:10px;overflow:hidden;padding:0;background:#eaf2ff}#view-chat .wc-mini-image{width:100%;height:100%;object-fit:cover}#view-chat .wc-draft-summary{flex:1;min-width:0}#view-chat .wc-draft-summary strong,#view-chat .wc-draft-summary small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}#view-chat .wc-draft-summary small{color:#798ba3;margin-top:5px}
#view-chat #chatModal[data-layout=gallery],#view-chat #chatModal[data-layout=story]{padding:7px;align-items:flex-end}#view-chat [data-layout=gallery] .wc-dialog,#view-chat [data-layout=story] .wc-dialog{max-height:97%;max-width:650px;width:100%;border-radius:23px}#view-chat [data-layout=gallery] #chatModalBody{padding:0 12px 13px;background:#f7faff}#view-chat [data-layout=story] #chatModalBody{padding:0 12px 13px}
#view-chat .wc-gallery-top{display:flex;justify-content:space-between;align-items:center;padding:8px 2px;color:#617792;font-size:12px}#view-chat .wc-gallery-add{border-radius:18px;background:#e7f0ff;color:#0964e9;padding:8px 13px;font-size:12px}
#view-chat .wc-gallery-stage{height:min(42dvh,360px);min-height:140px;background:#11233e;border-radius:17px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}#view-chat .wc-gallery-main{width:100%;height:100%;max-height:100%;object-fit:contain}#view-chat span.wc-gallery-main{display:grid;place-items:center;font-size:65px;color:#b3d1fc}#view-chat .wc-gallery-remove{position:absolute;right:10px;top:10px;border:1px solid #fff5;border-radius:50%;background:#0f203d99;color:white;width:34px;height:34px;min-width:34px;padding:7px}#view-chat .wc-gallery-index{position:absolute;bottom:9px;left:10px;color:white;background:#14253e9e;padding:4px 9px;border-radius:12px;font-size:10px}
#view-chat .wc-gallery-strip{display:flex;gap:7px;padding:10px 0;overflow-x:auto;scrollbar-width:thin}#view-chat .wc-gallery-thumb{position:relative;flex:0 0 56px;width:56px;height:62px;border-radius:11px;background:#e3edfc;padding:2px;border:2px solid transparent;overflow:hidden}#view-chat .wc-gallery-thumb.chosen{border-color:#126cff}#view-chat .wc-thumb-image{height:100%;width:100%;object-fit:cover;border-radius:6px;display:block}#view-chat span.wc-thumb-image{padding-top:11px}#view-chat .wc-gallery-thumb>span:last-child{position:absolute;right:2px;top:2px;border-radius:50%;background:#0866ff;color:#fff;font-size:9px;min-width:17px;padding:3px}
#view-chat .wc-caption-input{width:100%;background:#fff!important;border:1px solid #e2eaf6!important;border-radius:17px!important;padding:11px 13px!important;margin:0!important;font-size:14px!important;resize:none;max-height:85px}#view-chat .wc-gallery-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:8px}#view-chat .wc-upload-feedback{font-size:12px;line-height:1.5;flex:1 1 100%;color:#476383;margin:0;min-height:0}#view-chat .wc-upload-feedback:empty{display:none}#view-chat .wc-gallery-actions progress,#view-chat [data-layout=story] progress{width:100%;height:6px;accent-color:#096aff;display:block;margin:7px 0}#view-chat .wc-send-batch,#view-chat [data-layout=story] form>button.primary{margin-left:auto;background:linear-gradient(130deg,#2383ff,#0858e7);color:white;border-radius:24px;padding:13px 23px;font-weight:600;font-size:14px;min-height:45px}
/* A real tap target outside the native player controls. */
#view-chat .wc-once-area{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
#view-chat .wc-once-area:empty{display:none}
#view-chat .wc-once{position:static;display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 14px;border:1px solid #c9dcf5;border-radius:24px;background:#fff;color:#234a76;font-size:13px;touch-action:manipulation;cursor:pointer;margin:0}
#view-chat .wc-once[aria-pressed=true]{background:#e1eeff;border-color:#1472f4;color:#075ccf;box-shadow:0 0 0 2px #1472f414}
#view-chat .wc-once-symbol{display:grid;place-items:center;width:24px;height:24px;border:1.5px dashed currentColor;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}
#view-chat .wc-once[aria-pressed=true] .wc-once-symbol{background:#0967e8;color:white;border-style:solid}
#view-chat .wc-once-help{font-size:11px;color:#617b99;line-height:1.45;flex:1;min-width:100px}
#view-chat .wc-once:disabled{opacity:.6;cursor:default}
#view-chat .wc-gallery-index{top:10px;bottom:auto;pointer-events:none}
#view-chat .wc-gallery-remove{width:44px;height:44px;min-width:44px;touch-action:manipulation}
#view-chat .wc-recent-media{margin:14px -3px 0;padding-top:12px;border-top:1px solid #e7eef8;display:flex;flex-direction:column;gap:10px}
#view-chat .wc-recent-heading{display:flex;align-items:center;justify-content:space-between;color:#49627e;font-size:12px}
#view-chat .wc-recent-browse{background:none;color:#0667ec;font-size:12px;padding:8px;min-height:40px}
#view-chat .wc-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-height:220px;overflow:auto}
#view-chat .wc-recent-tile{position:relative;aspect-ratio:1;border-radius:9px;padding:0;overflow:hidden;background:#dfe9f6;border:2px solid transparent;touch-action:manipulation}
#view-chat .wc-recent-tile[aria-pressed=true]{border-color:#0669f5}
#view-chat .wc-recent-image{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
#view-chat .wc-recent-tick{position:absolute;top:5px;right:5px;width:21px;height:21px;border-radius:50%;background:#14264366;border:1.5px solid #fff;color:white;font-size:12px;display:grid;place-items:center}
#view-chat .wc-recent-tile[aria-pressed=true] .wc-recent-tick{background:#0968f0}
#view-chat .wc-recent-video{position:absolute;bottom:5px;left:7px;font-size:12px;color:#fff;text-shadow:0 1px 4px #132844}

#view-chat .wc-story-row .wc-avatar{outline:2px solid #0c70ff;outline-offset:3px}#view-chat .wc-story-row[data-seen=true] .wc-avatar{outline-color:#bbc9da}#view-chat .wc-section-head{padding:16px 5px 22px}#view-chat .wc-section-head h2{font-size:23px;letter-spacing:-.5px}#view-chat .wc-section-head small{font-size:12px;color:#7a8ba1}
#view-chat .wc-story-draft{position:relative;min-height:220px;height:34dvh;max-height:340px;border-radius:19px;background:linear-gradient(145deg,#147aff,#0748bd);overflow:hidden;display:flex;align-items:center;justify-content:center}#view-chat .wc-story-draft textarea{position:relative;background:transparent!important;border:0!important;color:white!important;font-size:23px!important;text-align:center;resize:none;width:100%;padding:25px 18px!important;line-height:1.45;margin:0!important}#view-chat .wc-story-draft textarea::placeholder{color:#ffffffbf}#view-chat .wc-story-draft.has-media{background:#12233b}#view-chat .wc-story-draft.has-media textarea{position:absolute;bottom:0;z-index:1;background:linear-gradient(transparent,#061a35bd)!important;font-size:15px!important;max-height:90px;text-align:left;padding:25px 13px 10px!important}#view-chat .wc-story-main{width:100%;height:100%;object-fit:contain}#view-chat .wc-story-pick{color:#0763e7;background:#edf4ff;border-radius:16px;padding:10px 15px;font-size:13px}
#view-chat .wc-audience{margin:14px 0;border:1px solid #e4ecf8;border-radius:16px;padding:12px;background:#fbfdff}#view-chat .wc-audience summary{font-size:13px;color:#245794;cursor:pointer;min-height:24px}#view-chat .wc-audience>small{font-size:11px;color:#758ba2;display:block;margin:8px 0}#view-chat .wc-audience>div{max-height:160px;overflow:auto}#view-chat .wc-audience .wc-check{min-height:42px;font-size:12px;margin:4px 0}#view-chat .wc-audience input{accent-color:#096aff}
@media(max-width:360px){#view-chat .wc-messages{padding-left:14px;padding-right:14px}#view-chat .wc-compose .wc-icon{width:28px;min-width:28px}#view-chat .wc-tabs button>span{padding:5px 15px}#view-chat .wc-attach-item>span{width:50px}}
@media(prefers-reduced-motion:reduce){#view-chat *{scroll-behavior:auto!important;transition:none!important}}
/* Chat profile and the ten-second story viewer. */
#view-chat .wc-avatar{overflow:hidden;flex-shrink:0}#view-chat .wc-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
#view-chat .wc-header-avatar{border:0;background:transparent;padding:0;margin:0 2px;min-width:34px;min-height:44px;display:grid;place-items:center;flex-shrink:0}#view-chat .wc-header-avatar .wc-avatar{min-width:32px;width:32px;height:32px;font-size:14px;border:1px solid #bdd5ff;background:#dfebff;color:#0959ca}
#view-chat .wc-title{min-width:0}#view-chat .wc-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-chat .wc-profile-hero{display:flex;align-items:center;flex-direction:column;gap:7px;padding:12px 0 18px}#view-chat .wc-profile-hero>.wc-avatar{width:96px;height:96px;font-size:36px;border:3px solid #e4efff;box-shadow:0 6px 22px #123c7312}#view-chat .wc-profile-hero>strong{font-size:20px}#view-chat .wc-profile-hero>small{color:#74859d;font-size:13px}
#view-chat .wc-profile-pick{padding:10px 16px;background:#e9f2ff;color:#065dda;border-radius:20px;margin:0 8px 16px 0}#view-chat .wc-profile-remove{background:transparent;color:#7f8b9e;font-size:12px;padding:8px}
#view-chat .wc-profile-privacy{display:block;font-size:11px;color:#758ca6;line-height:1.5;margin:10px 0 20px}#view-chat .wc-profile-phone{display:block;color:#0967e8;font-size:17px;text-decoration:none;padding:6px 0 15px}#view-chat .wc-contact-details{overflow-wrap:anywhere}
#view-chat .wc-quality{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 14px;font-size:12px;color:#516b8b}#view-chat .wc-quality select{width:auto;margin:0;flex:1;min-width:175px;max-width:100%;border:1px solid #d9e5f7;background:white;border-radius:12px;font-size:12px;padding:9px;color:#23568d}#view-chat .wc-quality small{flex:1 1 100%;font-size:10px;color:#75859a}
#view-chat .wc-story-tip{color:#6782a5;font-size:11px;margin:0 0 12px}#view-chat .wc-story-remove{position:absolute;right:8px;top:8px;z-index:2;width:42px;height:42px;border-radius:50%;background:#09192baa;color:white;padding:0}
#view-chat [data-layout=story-viewer]{padding:0;background:#061426;align-items:stretch;backdrop-filter:none}
#view-chat [data-layout=story-viewer] .wc-dialog{position:relative;width:100%;height:100%;max-width:520px;max-height:100%;margin:auto;border:0;border-radius:0;background:#061426;box-shadow:none;color:white;overflow:hidden;padding:0;display:flex;flex-direction:column}
#view-chat [data-layout=story-viewer] .wc-dialog>header{position:absolute;right:10px;top:calc(16px + env(safe-area-inset-top,0px));border:0;margin:0;padding:0;width:44px;z-index:5;background:transparent}
#view-chat [data-layout=story-viewer] #chatModalTitle{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#view-chat [data-layout=story-viewer] #closeChatModal{color:white;background:#ffffff17;border-radius:50%;width:42px;height:42px}
#view-chat [data-layout=story-viewer] #chatModalBody{height:100%;max-height:none;overflow:hidden;padding:calc(8px + env(safe-area-inset-top,0px)) 10px calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px}
#view-chat .wc-story-progress{display:flex;gap:4px;width:100%;height:3px;flex-shrink:0}#view-chat .wc-story-segment{flex:1;min-width:0;height:3px;border-radius:3px;background:#ffffff40;overflow:hidden}#view-chat .wc-story-segment i{display:block;height:100%;background:#fff;border-radius:3px}
#view-chat .wc-story-person{display:flex;gap:9px;align-items:center;padding-right:45px;min-height:44px}#view-chat .wc-story-person .wc-avatar{min-width:36px;width:36px;height:36px;font-size:16px}#view-chat .wc-story-person strong{font-size:14px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#view-chat .wc-story-person small{color:#a8bfdf;font-size:11px;margin-left:auto}
#view-chat .wc-story-screen{position:relative;min-height:120px;flex:1;overflow:hidden;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#157afa,#0645a3);isolation:isolate}#view-chat .wc-story-screen.has-media{background:#041022}#view-chat .wc-story-screen>img,#view-chat .wc-story-screen>video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}#view-chat .wc-story-screen>.wc-story-text{padding:24px;font-size:clamp(20px,5vw,32px);text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100%;overflow:auto;color:white;line-height:1.45}
#view-chat .wc-story-prev,#view-chat .wc-story-next{position:absolute;inset:0 auto 0 0;width:30%;padding:0;border:0;border-radius:0;background:transparent;z-index:2;touch-action:manipulation;user-select:none;-webkit-user-select:none}#view-chat .wc-story-next{left:30%;width:70%}#view-chat .wc-story-prev:focus-visible,#view-chat .wc-story-next:focus-visible{outline:2px solid #92b9ff;outline-offset:-3px}
#view-chat .wc-story-caption{margin:0;max-height:90px;overflow:auto;white-space:pre-wrap;text-align:center;color:#eef5ff;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
#view-chat .wc-story-notice{color:#bfd5f3;min-height:0;font-size:12px;margin:0;text-align:center}#view-chat .wc-story-notice:empty{display:none}#view-chat .wc-story-tools{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}#view-chat .wc-story-control{border:0;border-radius:20px;background:#ffffff12;color:#e0edff;padding:9px 12px;font-size:11px;min-height:40px}
@media(max-width:380px){#view-chat .wc-header-avatar{margin:0;min-width:28px}#view-chat .wc-header-avatar .wc-avatar{min-width:28px;width:28px;height:28px}#view-chat .wc-title h1{font-size:17px!important}}

/* WIPYE_CHAT_20260916_8 — compact albums and an edge-to-edge media viewer. */
#view-chat .wc-bubble.has-visual{width:min(254px,76%);padding:4px 4px 6px}
#view-chat .has-visual img.wc-media-inline{width:100%;height:218px;max-height:218px;object-fit:cover;cursor:zoom-in}
#view-chat .has-media>.wc-message-text{padding:5px 7px 1px}#view-chat .has-media>.wc-meta{padding:0 6px}
#view-chat .wc-compact-preview{position:relative;width:100%;height:218px;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#183b69,#0c2141);cursor:pointer}
#view-chat .wc-compact-preview img.wc-media-inline{width:100%;height:100%;max-height:none;object-fit:cover}
#view-chat .wc-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border:1px solid #ffffff6b;border-radius:50%;display:grid;place-items:center;padding-left:3px;color:white;font-size:24px;background:#081b36a8;box-shadow:0 3px 18px #071a3944;pointer-events:none}
#view-chat .wc-video-duration{position:absolute;left:8px;bottom:7px;border-radius:6px;padding:2px 6px;background:#091b3ab3;color:white;font-size:10px;pointer-events:none}
#view-chat .wc-bubble.wc-album{width:min(286px,82%);padding:4px 4px 6px}
#view-chat .wc-album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;border-radius:13px;overflow:hidden}
#view-chat .wc-album-tile{position:relative;aspect-ratio:1;min-width:0;background:#183456;overflow:hidden;cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none}
#view-chat .wc-album-tile .wc-loaded-media,#view-chat .wc-album-tile .wc-compact-preview{width:100%;height:100%;border-radius:0}
#view-chat .wc-album-tile img.wc-media-inline{width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0;pointer-events:none}
#view-chat .wc-album-tile .wc-media-placeholder{height:100%;min-height:0;border-radius:0;color:#dbeaff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6px;text-align:center;background:#183456}
#view-chat .wc-album-tile .wc-media-placeholder small{color:#a7bddd;font-size:10px}#view-chat .wc-album-tile .wc-media-button{font-size:10px!important;padding:5px;background:#ffffff15;color:#dceaff!important}
#view-chat .wc-album-grid.count-3 .wc-album-tile:first-child{grid-row:span 2;aspect-ratio:auto}
#view-chat .wc-album-more{position:absolute;inset:0;display:grid;place-items:center;color:white;background:#06152b85;font-size:35px;font-weight:500;pointer-events:none}
#view-chat .wc-album-tile.selected:after{content:'✓';position:absolute;right:6px;top:6px;width:25px;height:25px;display:grid;place-items:center;border:2px solid white;border-radius:50%;color:white;background:#0968ed;pointer-events:none}
#view-chat .wc-album-tile.selected{box-shadow:inset 0 0 0 3px #0870fa}#view-chat .wc-album-label{margin-right:auto;color:#54759e;font-size:10px}#view-chat .wc-album-caption-count{font-size:11px;color:#6983a2;padding:0 7px}
#view-chat .wc-album-browser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:7px 0 18px}#view-chat .wc-album-browser-tile{position:relative;aspect-ratio:1;background:#132d50;border-radius:9px;color:white;padding:0;overflow:hidden;font-size:28px;display:grid;place-items:center}
#view-chat .wc-album-browser-tile img{width:100%;height:100%;object-fit:cover}#view-chat .wc-album-browser-tile small{position:absolute;left:5px;bottom:5px;color:white;font-size:10px;background:#071a3a99;padding:2px 5px;border-radius:4px}
#view-chat .wc-album-mode{display:flex;align-items:center;gap:8px;padding:6px 0 10px;font-size:12px;color:#516b8b}
#view-chat .wc-found{outline:3px solid #0870fa;outline-offset:3px}
#view-chat #chatModal[data-layout=media-viewer]{padding:0;align-items:stretch;background:#050b13;backdrop-filter:none;-webkit-backdrop-filter:none}
#view-chat [data-layout=media-viewer] .wc-dialog{position:relative;width:100%;height:100%;max-width:none;max-height:100%;margin:0;border:0;border-radius:0;background:#050b13;color:#f4f8ff;box-shadow:none;overflow:hidden}
#view-chat [data-layout=media-viewer] .wc-dialog>header{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0}
#view-chat [data-layout=media-viewer] #chatModalBody{height:100%;min-height:0;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);display:flex;flex-direction:column;overflow:hidden}
#view-chat .wc-viewer-toolbar{display:flex;align-items:center;gap:5px;flex-shrink:0;min-height:56px;padding:5px 5px;background:#0a1422}
#view-chat .wc-viewer-who{display:flex;flex:1;flex-direction:column;min-width:0;gap:3px}#view-chat .wc-viewer-who strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#view-chat .wc-viewer-who small{font-size:10px;color:#94a9c5}
#view-chat .wc-viewer-buttons{display:flex;gap:0}#view-chat .wc-viewer-icon{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;padding:0;background:transparent;color:#ecf4ff;font-size:25px;touch-action:manipulation}
#view-chat .wc-viewer-icon:hover{background:#ffffff15}#view-chat .wc-viewer-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#view-chat .wc-viewer-stage{position:relative;flex:1;min-height:80px;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;isolation:isolate;background:#050b13}
#view-chat .wc-viewer-media{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
#view-chat video.wc-viewer-media{touch-action:auto}#view-chat .wc-viewer-progress{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:2;max-width:90%;border-radius:18px;background:#07162ac7;padding:7px 12px;white-space:nowrap;font-size:11px;pointer-events:none}
#view-chat .wc-viewer-progress:empty{display:none}#view-chat .wc-viewer-controls{display:flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0;background:#0a1422;padding:2px 9px}
#view-chat .wc-viewer-controls .wc-viewer-icon{width:36px;height:36px;font-size:21px}#view-chat .wc-viewer-count{margin-right:auto;font-size:11px;color:#9bb4d6;white-space:nowrap}#view-chat .wc-viewer-fit{padding:8px;background:transparent;color:#c7daf5;font-size:11px;border-radius:10px}
#view-chat .wc-viewer-caption{margin:0;padding:8px 16px 4px;max-height:65px;flex-shrink:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.45;color:#eef5ff}
#view-chat .wc-viewer-strip{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:9px 14px;justify-content:safe center;flex-shrink:0;scrollbar-width:thin;scrollbar-color:#24466d transparent}
#view-chat .wc-viewer-thumb{position:relative;display:grid;place-items:center;width:40px;height:43px;flex-shrink:0;border-radius:7px;background:#183150;color:#92b4e2;padding:0;overflow:hidden;border:2px solid transparent;font-size:21px}
#view-chat .wc-viewer-thumb img{width:100%;height:100%;object-fit:cover}#view-chat .wc-viewer-thumb.chosen{border-color:#3694ff;box-shadow:0 0 0 1px #0d63d7}#view-chat .wc-viewer-thumb small{position:absolute;bottom:1px;right:3px;color:white;font-size:9px}
#view-chat .wc-viewer-feedback{font-size:11px;color:#b7cfef;margin:0;text-align:center;line-height:1.35;padding:3px 14px;max-height:70px;overflow:auto;flex-shrink:0}#view-chat .wc-viewer-feedback:empty{display:none}
#view-chat .wc-viewer-footer{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:6px 10px 10px;background:#0a1422}#view-chat .wc-viewer-reply{flex:1;min-width:0;border-radius:22px;padding:12px 15px;text-align:left;color:#aec8eb;background:#16283f;font-size:13px}
#view-chat .wc-viewer-react{width:39px;height:39px;flex-shrink:0;border-radius:50%;background:#16283f;color:white;font-size:20px;padding:0}#view-chat .wc-viewer-share{background:#126eec;color:white;border-radius:16px;padding:9px 12px;font-size:12px;margin:4px}
#view-chat .wc-viewer-menu{position:absolute;right:8px;top:calc(54px + env(safe-area-inset-top,0px));z-index:8;width:240px;max-width:85%;max-height:70%;overflow:auto;padding:5px;background:#172a43;border:1px solid #36516f;border-radius:15px;box-shadow:0 15px 45px #0008}
#view-chat .wc-viewer-option{display:block;text-align:left;width:100%;background:transparent;color:#e5efff;padding:13px 15px;font-size:13px;border-radius:9px}#view-chat .wc-viewer-option:hover{background:#ffffff10}
#view-chat [data-layout=media-viewer] .wc-dialog-status{font-size:11px;margin:0;border-radius:0;padding:7px;flex-shrink:0}
@media(max-height:440px){#view-chat .wc-viewer-strip{display:none}#view-chat .wc-viewer-toolbar{min-height:42px;padding:0 5px}#view-chat .wc-viewer-footer{padding:3px 10px}#view-chat .wc-viewer-caption{max-height:32px;padding-top:3px}#view-chat .wc-viewer-controls .wc-viewer-icon{height:30px}}
@media(prefers-reduced-motion:reduce){#view-chat .wc-viewer-media{transition:none}}
/* WIPYE_CHAT_20260916_9 — call controls live outside the Chat route. */
#callOverlay{position:fixed;inset:0;z-index:300;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:10px;justify-items:center;align-content:stretch;justify-content:stretch;padding:calc(12px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#173763,#0b182b 70%);color:#fff;font-family:inherit;isolation:isolate}#callOverlay[hidden],#activeCallBar[hidden]{display:none!important}#callOverlay .wc-call-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px}#callOverlay .wc-call-top button{border:0;background:#ffffff10;color:white;border-radius:50%;width:44px;height:44px;font-size:26px;cursor:pointer}#callOverlay h2{margin:0;font-size:25px;color:white}#callOverlay .wc-call-brand{margin:0;font-size:10px;letter-spacing:3px}#callState{margin:0;min-height:20px}#callMedia{width:100%;min-height:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}#callOverlay #remoteCallVideo{width:100%;height:100%;max-height:100%;object-fit:contain;pointer-events:none;border-radius:18px;background:#0b1728}#remoteCallAudio{position:absolute;width:0;height:0;pointer-events:none}#callOverlay #localCallVideo{top:145px;right:28px;width:24%;height:22%;max-height:160px;object-fit:cover;pointer-events:none;border:1px solid #ffffff40;box-shadow:0 8px 25px #0003;border-radius:16px}#localCallVideo.mirrored{transform:scaleX(-1)}#callFeedback{margin:0;min-height:17px;max-width:96%;font-size:12px;text-align:center;color:#c8defd}#callOverlay #callButtons{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:0;width:100%;z-index:5}#callButtons button{display:flex;flex-direction:column;align-items:center;gap:6px;justify-content:center;border:1px solid #ffffff14;border-radius:20px;min-width:68px;min-height:65px;padding:11px 13px;background:#ffffff12;color:#fff;touch-action:manipulation;font:inherit;font-size:11px;cursor:pointer}#callButtons button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}#callButtons [aria-pressed=true]{background:#e6edf9;color:#152740}#callButtons #endCall{background:#e73853;color:#fff}#callButtons #acceptCall{background:#0868ef;color:#fff}#callButtons button:disabled{opacity:.55}#callButtons button[hidden]{display:none!important}#callOverlay :focus-visible{outline:2px solid #99c7ff;outline-offset:3px}.wc-active-call{position:fixed;top:calc(8px + env(safe-area-inset-top));left:12px;right:12px;z-index:250;background:#075bde;color:white;display:flex;align-items:center;border-radius:16px;box-shadow:0 8px 25px #003b8d40;max-width:600px;margin:auto}.wc-active-call button{border:0;color:inherit;background:transparent;min-height:48px;font:inherit;cursor:pointer}.wc-active-call #restoreCall{display:flex;align-items:center;gap:10px;flex:1;text-align:left;padding:12px 16px;font-size:13px}.wc-active-call #endMinimizedCall{width:48px;font-size:19px;border-left:1px solid #ffffff33}.wc-call-dot{background:white;width:8px;height:8px;border-radius:50%;flex-shrink:0}#view-chat .wc-option-icon{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;color:#1669d8;background:#ecf3ff;border-radius:12px}#view-chat .wc-option-icon svg{width:21px;height:21px}#view-chat [data-layout=contacts] .wc-dialog{height:94%;max-height:94%}#view-chat [data-layout=contacts] .wc-option{border:0!important;padding:13px 0;gap:16px;font-weight:600}#view-chat [data-layout=contacts] .wc-option-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(140deg,#2584ff,#0755db);color:white}#view-chat [data-layout=contacts] .wc-option-icon svg{width:24px;height:24px}#view-chat [data-layout=contacts] h3{font-size:13px;margin:24px 0 12px;color:#65778c}
@media(max-height:500px) and (orientation:landscape){#callOverlay{grid-template-rows:auto auto minmax(40px,1fr) auto;gap:4px}#callOverlay .wc-call-top,#callFeedback{display:none}#callButtons button{min-height:45px;padding:7px}#callButtons button span{display:none}#callOverlay #localCallVideo{top:40px;max-height:110px}}

#view-chat .wc-viewer-stage{touch-action:none;overscroll-behavior:contain}#view-chat .wc-viewer-media{will-change:transform;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}#view-chat .wc-viewer-stage .wc-viewer-progress:empty{display:none}

#callOverlay .wc-call-top button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#callOverlay #callButtons button{width:calc(25% - 8px);min-width:0;min-height:80px;padding:10px 5px;font-size:11px;line-height:1.25}#callButtons button span{max-width:72px;min-height:28px;display:flex;align-items:center}#callButtons #playCall{width:auto;min-height:44px;padding:12px 18px}#callAvatar{position:absolute;z-index:1;display:grid;place-items:center;width:128px;height:128px;border-radius:50%;font-size:48px;font-weight:500;background:linear-gradient(140deg,#2d72c7,#11427b);color:#e5f2ff;box-shadow:0 0 0 14px #448bea0a,0 0 0 32px #448bea05}#callAvatar[hidden]{display:none!important}
/* WIPYE_CHAT_20260916_10: saturated blue, white contact list, edge-to-edge viewers. */
#view-chat[data-theme=wipye] .wc-messages{background-color:#5994d6;background-image:url("wipye-wallpaper.svg?v=20260916-11"),linear-gradient(155deg,#6fa3df 0%,#518ad0 65%,#467fc6);background-size:350px 420px,100% 100%}
#view-chat .wc-row-main>strong,#view-chat .wc-title h1{color:#103e76}
#view-chat .wc-overview,#view-chat .wc-rows,#view-chat .wc-row{background-color:#fff}
#view-chat .wc-bubble.mine{background:#e5f0ff}#view-chat .wc-date{background:#f6faffec;color:#264b72;box-shadow:0 2px 7px #224f8b12}
#view-chat #chatModal[data-layout=media-viewer],#view-chat #chatModal[data-layout=story-viewer]{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;z-index:280}
#view-chat [data-layout=media-viewer] #chatModalBody{position:relative;display:block;padding:0;height:100%;width:100%}
#view-chat [data-layout=media-viewer] .wc-viewer-stage{position:absolute;inset:0;height:100%;min-height:0}
#view-chat [data-layout=media-viewer] .wc-viewer-toolbar{position:absolute;top:0;left:0;right:0;z-index:4;padding-top:calc(5px + env(safe-area-inset-top));background:linear-gradient(#020810db,#02081011);min-height:60px}
#view-chat [data-layout=media-viewer] .wc-viewer-controls{position:absolute;left:8px;top:calc(68px + env(safe-area-inset-top));right:8px;z-index:4;background:transparent;pointer-events:none}
#view-chat .wc-viewer-controls button{pointer-events:auto;background:#07111d99}
#view-chat [data-layout=media-viewer] .wc-viewer-caption{position:absolute;left:0;right:0;bottom:calc(110px + env(safe-area-inset-bottom));z-index:4;text-shadow:0 1px 4px #000;background:linear-gradient(transparent,#0007)}
#view-chat [data-layout=media-viewer] .wc-viewer-strip{position:absolute;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));z-index:4;background:#06111b80}
#view-chat [data-layout=media-viewer] .wc-viewer-footer{position:absolute;bottom:0;left:0;right:0;z-index:4;background:linear-gradient(#06111b80,#020810);padding-bottom:calc(10px + env(safe-area-inset-bottom))}
#view-chat [data-layout=media-viewer] .wc-viewer-feedback{position:absolute;left:0;right:0;bottom:calc(155px + env(safe-area-inset-bottom));z-index:5;background:#061426c0}
#view-chat .wc-viewer-clean .wc-viewer-toolbar,#view-chat .wc-viewer-clean .wc-viewer-controls,#view-chat .wc-viewer-clean .wc-viewer-caption,#view-chat .wc-viewer-clean .wc-viewer-strip,#view-chat .wc-viewer-clean .wc-viewer-footer{opacity:0;pointer-events:none}
#view-chat .wc-viewer-clean .wc-viewer-controls button{pointer-events:none}
#view-chat [data-layout=story-viewer] .wc-dialog{max-width:none;background:#02080f}
#view-chat [data-layout=story-viewer] #chatModalBody{padding:0;gap:0;position:relative}
#view-chat .wc-story-screen{position:absolute;inset:0;width:100%;height:100%;border-radius:0;margin:0;min-height:0}
#view-chat .wc-story-screen img,#view-chat .wc-story-screen video{width:100%;height:100%;object-fit:contain;border-radius:0}
#view-chat .wc-story-progress{position:absolute;left:10px;right:10px;top:calc(8px + env(safe-area-inset-top));z-index:4}
#view-chat .wc-story-person{position:absolute;top:calc(20px + env(safe-area-inset-top));left:0;right:0;padding:10px 60px 16px 12px;background:linear-gradient(#0008,transparent);z-index:4}
#view-chat .wc-story-tools{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:14px 10px calc(15px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#020810ee);gap:6px;display:flex;align-items:center;flex-wrap:wrap}
#view-chat .wc-story-reply{display:flex;flex:1;min-width:160px;background:#152a40e6;border:1px solid #ffffff24;border-radius:28px;overflow:hidden}
#view-chat .wc-story-reply input{min-width:0;width:100%;border:0;background:transparent;color:white;padding:12px;font-size:15px}
#view-chat .wc-story-send{color:white;background:transparent;border:0;font-size:25px;padding:8px 12px}
#view-chat .wc-story-react{background:#1a3047e0;border-radius:50%;width:40px;height:40px;padding:0;font-size:23px;color:white}
#view-chat .wc-story-tools:has(.wc-story-reply)>.wc-story-control{display:none}
#view-chat .wc-story-caption{position:absolute;left:0;right:0;bottom:90px;z-index:4;padding:12px;background:#0006;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none}
#view-chat .wc-story-notice{position:absolute;left:0;right:0;bottom:72px;z-index:6;background:#020810c9;color:#d7e9ff;margin:0;text-align:center}
#view-chat .wc-story-notice:empty{display:none}
#view-chat .wc-location-preview{margin:-12px -12px 10px;overflow:hidden;border-radius:13px 13px 0 0;aspect-ratio:1.5;background:#d2e8e0}
#view-chat .wc-location-preview .wc-location-map{width:100%;height:100%;min-height:160px;margin:0;border-radius:0;border:0}
#view-chat .wc-location-card>svg{display:none}#view-chat .wc-location-card{min-width:230px;max-width:300px;overflow:hidden}
#view-chat .wc-contact-options{margin-top:18px;border-top:6px solid #f1f6fd}#view-chat .wc-contact-options .wc-option{padding:13px 2px;gap:12px}
#view-chat .wc-storage-summary{font-size:13px;color:#234c7b;line-height:1.6}#view-chat .wc-storage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}
#view-chat .wc-storage-item{position:relative;min-width:0}#view-chat .wc-storage-preview{aspect-ratio:1;width:100%;padding:0;display:grid;place-items:center;background:#e5effb;border-radius:12px;overflow:hidden}#view-chat .wc-storage-preview img{width:100%;height:100%;object-fit:cover}#view-chat .wc-storage-preview svg{width:38px;height:38px}#view-chat .wc-storage-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;padding:3px 0;color:#607b98}#view-chat .wc-storage-item input{position:absolute;right:5px;top:5px;width:22px;height:22px;accent-color:#0866ee}#view-chat .wc-storage-actions{display:flex;flex-wrap:wrap;gap:8px;position:sticky;bottom:0;padding:10px 0;background:#fff}
#callOverlay{background-image:linear-gradient(#071d39ef,#05142df2),url("wipye-wallpaper.svg?v=20260916-11");background-size:auto,360px 432px}#callOverlay #callButtons button{width:calc(33.333% - 8px);border-radius:24px;background:#ffffff0f;min-height:80px}#callButtons #endCall{background:#e90944}#callButtons #acceptCall{background:#076aea}#callButtons [aria-pressed=true]{background:#daeaff!important;color:#10325c}.wc-call-output{position:absolute;left:15px;right:15px;bottom:20px;z-index:12;background:#123257;border:1px solid #47739e;border-radius:20px;display:flex;flex-direction:column;padding:12px;box-shadow:0 10px 40px #0005}.wc-call-output button{background:transparent;color:#fff;border:0;padding:14px;text-align:left;font:inherit}
#view-chat .wc-sticker-card{padding:0;background:transparent;border:0;min-width:0;width:160px}#view-chat .wc-sticker{display:block;width:160px;height:160px;object-fit:contain}#view-chat .wc-sticker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#view-chat .wc-sticker-pick{background:#f0f6fe;padding:5px;border-radius:16px;color:#204369;display:flex;flex-direction:column;align-items:center;min-width:0}#view-chat .wc-sticker-pick .wc-sticker{width:100%;height:auto;aspect-ratio:1}#view-chat .wc-sticker-pick small{font-size:11px}#view-chat .wc-gif-tab{background:#e6f0ff;color:#125fc0;border-radius:16px;padding:8px 16px;margin:6px 12px}
.wl-dialog{position:fixed;inset:0;margin:auto;border:0;border-radius:24px;width:min(94vw,480px);max-height:92dvh;padding:22px;background:#fff;color:#14395f;font-family:system-ui;box-shadow:0 20px 80px #001d4055}.wl-dialog::backdrop{background:#00162b80}.wl-dialog button,.wl-dialog input{font:inherit;box-sizing:border-box}.wl-dialog button{border:0;padding:12px 14px;border-radius:12px;color:#135db2;background:#eaf3ff;cursor:pointer}.wl-dialog .wl-close{float:right;font-size:22px;border-radius:50%;background:#eff4fa}.wl-dialog h2{font-size:21px;margin:6px 0 18px}.wl-dialog input{display:block;width:100%;padding:13px;margin:15px 0;border:1px solid #d2e1f1;border-radius:14px}.wl-language-list{max-height:48dvh;overflow:auto;display:flex;flex-direction:column;gap:3px;margin:12px 0}.wl-language-list button{text-align:start;background:transparent}.wl-language-list [aria-pressed=true]{background:#e5f1ff;color:#00489f;font-weight:700}.wl-note{font-size:12px;line-height:1.5;color:#506b84}
#view-chat .wc-translation{padding:9px 2px 2px;border-top:1px solid #0e4e8622;margin-top:8px;color:#184b7a;font-size:14px}#view-chat .wc-translation>small{display:block;color:#687f96;font-size:10px;margin-bottom:5px}#view-chat .wc-translation-action{padding:6px 0;margin-inline-end:14px;background:transparent;color:#075bd0;font-size:11px}#view-chat .wc-translation-original{border-inline-start:2px solid #85b5ea;margin:5px 0;padding:6px 10px;white-space:pre-wrap}#view-chat .wc-translation audio{width:100%;max-width:280px;height:36px}

#callOverlay #callButtons #endCall{background:#e90944;color:white}#callOverlay #callButtons #acceptCall{background:#076aea;color:white}

/* v11: logo navy and cyan, compact map cards and real storage previews. */
#view-chat[data-theme=wipye] .wc-messages{background-color:#082b51;background-image:url("wipye-wallpaper.svg?v=20260916-11"),linear-gradient(150deg,#0b426b 0%,#082b51 56%,#061e50 100%);background-size:310px 372px,100% 100%}
#view-chat[data-theme=wipye] .wc-bubble.mine{background:#d8f4fa;color:#112f49}
#view-chat[data-theme=wipye] .wc-date{background:#ffffffdf;color:#164a68}
#view-chat .wc-row-main strong{color:#061e50}#view-chat .wc-ticks{font-size:14px;letter-spacing:-3px;margin-inline-end:8px;color:#718193}#view-chat .wc-ticks.read{color:#078de0}
#view-chat .wc-storage-preview{position:relative}#view-chat .wc-storage-preview video{width:100%;height:100%;object-fit:cover}#view-chat .wc-storage-video{position:absolute;bottom:6px;left:7px;color:#fff;text-shadow:0 1px 5px #000}
#view-chat .wc-location-card{padding:5px;min-width:220px;max-width:270px;gap:4px}#view-chat .wc-location-card>strong{font-size:13px;padding:3px 5px}#view-chat .wc-location-card>small{font-size:10px;padding:0 5px;color:#566e80}
#view-chat .wc-location-preview{margin:0;aspect-ratio:auto;height:200px;border-radius:12px;position:relative}#view-chat .wc-location-preview .wc-location-map{min-height:200px}#view-chat .wc-card-action{padding:6px;margin-top:2px;font-size:12px}
#view-chat .wc-tile-map{height:200px;min-width:200px;position:relative;overflow:hidden;border-radius:12px;background:#e8ebe6}#view-chat .wc-map-open{display:block;position:absolute;inset:0}#view-chat .wc-map-tiles{position:absolute;left:50%;top:50%}#view-chat .wc-map-tiles img{position:absolute;width:256px;height:256px;max-width:none;border-radius:0}
#view-chat .wc-map-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%) rotate(-45deg);width:28px;height:28px;border-radius:50% 50% 50% 0;background:#ed4260;color:#fff;border:2px solid #fff;box-shadow:0 2px 5px #14375055;display:grid;place-items:center;font-size:14px}
#view-chat .wc-map-credit{position:absolute;bottom:0;right:0;z-index:2;background:#fffffff0;padding:2px 4px;font:9px/1.5 system-ui;color:#274e60;text-decoration:none}#view-chat .wc-map-error{position:absolute;top:5px;left:5px;right:5px;background:#ffffffdf;padding:6px;border-radius:6px;color:#244967;font-size:11px;pointer-events:none}
#view-chat .wc-story-tools{column-gap:6px;row-gap:8px}#view-chat .wc-story-tools:has(.wc-story-reply) .wc-story-reply{flex:1 1 calc(100% - 10px)}#view-chat .wc-story-react{width:38px;height:38px}#view-chat .wc-story-notice{bottom:122px}
#chatModalBody>label{display:block;font-size:13px;margin:10px 0}#chatModalBody>label select{display:block;width:100%;border:1px solid #cfdee9;border-radius:12px;padding:12px;margin-top:6px;background:#f7fbff;color:#123956;font:inherit}

/* v12: swipe-to-dismiss reveals the conversation, while native navigation stays available. */
#view-chat #chatModal[data-layout=media-viewer]{background:rgba(5,11,19,var(--viewer-opacity,1));overscroll-behavior:contain}
#view-chat [data-layout=media-viewer] .wc-dialog,#view-chat [data-layout=media-viewer] .wc-viewer-stage{background:transparent}
#view-chat [data-layout=media-viewer] .wc-viewer-toolbar,#view-chat [data-layout=media-viewer] .wc-viewer-controls,#view-chat [data-layout=media-viewer] .wc-viewer-caption,#view-chat [data-layout=media-viewer] .wc-viewer-strip,#view-chat [data-layout=media-viewer] .wc-viewer-footer{opacity:var(--viewer-controls-opacity,1)}
#view-chat [data-layout=media-viewer].wc-viewer-clean .wc-viewer-toolbar,#view-chat [data-layout=media-viewer].wc-viewer-clean .wc-viewer-controls,#view-chat [data-layout=media-viewer].wc-viewer-clean .wc-viewer-caption,#view-chat [data-layout=media-viewer].wc-viewer-clean .wc-viewer-strip,#view-chat [data-layout=media-viewer].wc-viewer-clean .wc-viewer-footer{opacity:0}

/* v13: one-time media fills the same viewport without export or album controls. */
#view-chat #chatModal[data-view-once] .wc-viewer-strip,#view-chat #chatModal[data-view-once] .wc-viewer-footer,#view-chat #chatModal[data-view-once] .wc-viewer-caption,#view-chat #chatModal[data-view-once] .wc-viewer-count{display:none!important}
#view-chat #chatModal[data-view-once] .wc-viewer-controls{justify-content:center}

/* v14: permission/registration is visible; never infer it from network connectivity. */
.wn-banner{display:flex;gap:12px;align-items:center;padding:12px 16px;margin:6px 12px;background:#eaf5fa;border-radius:12px;color:#083252;font-size:14px}.wn-banner span{flex:1}.wn-banner button{flex-shrink:0}.wn-banner[hidden]{display:none}.wn-settings{display:grid;gap:10px}.wn-settings button{min-height:44px}.wn-settings p{margin:6px 0;line-height:1.45}

/* V16: readable connection diagnostics within the call controls. */
#callFeedback{white-space:pre-line;max-height:32vh;overflow:auto;overflow-wrap:anywhere}

/* v17: tapping a preview opens the location, including Google embeds. */
.wc-location-preview-link{display:block;border-radius:12px;overflow:hidden;cursor:pointer}.wc-location-preview-link:focus-visible{outline:3px solid #2487ff;outline-offset:3px}.wc-location-preview-link iframe{display:block;width:100%;border:0}.wc-location-navigate{margin-inline-start:8px}

.wc-call-diagnostic{position:relative;z-index:5;margin:8px auto;max-width:94%;max-height:24vh;overflow:auto;padding:9px;border-radius:14px;background:#071a31;color:#fff;font-size:12px;text-align:left}.wc-call-diagnostic pre{white-space:pre-wrap;word-break:break-word}.wc-call-diagnostic button{padding:7px 12px;border:1px solid #a9c4df;border-radius:8px;color:inherit;background:transparent}

/* v19 — remote media fills the viewport; actions occupy one compact strip. */
#callOverlay{inset:0;width:100%;height:100%;height:100dvh;max-height:none;box-sizing:border-box;display:flex;flex-direction:column;padding:0;overflow:hidden;background:#06172b;color:#fff;isolation:isolate}
#callOverlay .wc-call-top{position:relative;z-index:4;flex:0 0 auto;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 5px;gap:8px;box-sizing:border-box;background:linear-gradient(#041020a6,transparent)}
#callOverlay .wc-call-top button{width:42px;height:42px;min-width:42px;border-radius:50%;background:#0b2038a8;color:white;border:1px solid #ffffff24;display:grid;place-items:center;padding:10px}
#callOverlay .wc-call-top svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
#callOverlay .wc-call-brand{margin:0;flex:1;letter-spacing:3px;font-size:10px;color:#c5e2ff}
#callOverlay #callName{position:relative;z-index:3;font-size:20px;margin:2px 16px 0;line-height:1.25;max-height:50px;overflow:hidden;text-shadow:0 1px 8px #000}
#callOverlay #callState{position:relative;z-index:3;font-size:12px;margin:6px 16px;pointer-events:none;text-shadow:0 1px 8px #000}
#callOverlay #callMedia{position:absolute;inset:0;width:100%;height:100%;min-height:0;display:flex;align-items:stretch;justify-content:center;margin:0;z-index:0;border-radius:0;overflow:hidden}
#callOverlay .wc-room-tile{position:relative;flex:1;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#183951,#07192c 75%);border-radius:0}
#callOverlay #remoteCallVideo,#callOverlay .wc-room-tile video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0}
#callOverlay #callAvatar,#callOverlay .wc-room-avatar{position:relative;z-index:1;display:grid;place-items:center;border-radius:50%;width:115px;height:115px;background:#284864;color:#dcefff;font-size:45px;margin:0}
#callOverlay #localCallVideo{position:absolute;z-index:3;top:calc(130px + env(safe-area-inset-top,0px));right:12px;left:auto;bottom:auto;width:clamp(76px,23vw,118px);height:auto;aspect-ratio:3/4;max-height:27%;object-fit:cover;border-radius:16px;border:1px solid #ffffff7a;box-shadow:0 3px 16px #0005}
#callOverlay #callParticipants{position:relative;z-index:3;margin:auto 14px 0;font-size:12px;line-height:1.4;padding:5px 9px;max-height:56px;overflow:auto;border-radius:10px;background:#05192bd9}
#callOverlay #callParticipants:empty{padding:0;height:0;overflow:hidden}
#callOverlay #callFeedback{position:relative;z-index:3;min-height:0;max-height:80px;overflow:auto;font-size:12px;line-height:1.4;margin:7px 16px;padding:0;text-shadow:0 1px 6px #000}
#callOverlay #callFeedback:empty{margin:3px}
#callOverlay #callButtons{position:relative;z-index:4;flex:0 0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;gap:5px;box-sizing:border-box;margin:0;padding:12px 9px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,#041222f2 36%)}
#callOverlay #callButtons button{flex:0 1 52px;width:52px;min-width:0;height:58px;min-height:44px;max-width:64px;padding:7px 3px;border-radius:18px;background:#203348e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #ffffff1a;color:white}
#callOverlay #callButtons button svg{width:23px;height:23px;flex-shrink:0}
#callOverlay #callButtons button span{font-size:9px;line-height:1.1;max-width:100%;text-align:center;overflow:hidden;max-height:21px}
#callOverlay #callButtons #acceptCall,#callOverlay #callButtons #playCall{flex-basis:100px;width:auto;max-width:150px}
#callOverlay #callMedia.wc-room-media{inset:118px 7px 118px;height:auto;width:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;border-radius:18px}
#callOverlay .wc-room-media .wc-room-tile{border-radius:16px}
#callOverlay .wc-room-name{position:absolute;z-index:2;bottom:10px;left:8px;right:8px;font-size:12px;text-align:center;text-shadow:0 1px 4px #000;background:#041a2d9e;border-radius:8px;padding:4px}
#callOverlay #callMedia:not(.wc-room-media) .wc-room-name{display:none}
#callOverlay .wc-call-people{position:absolute;z-index:20;inset:60px 10px 20px;padding:16px;background:#fff;color:#102b49;border-radius:22px;display:flex;flex-direction:column;box-shadow:0 12px 60px #0008;text-align:left}
#callOverlay .wc-call-people>button:first-child{align-self:flex-end}
#callOverlay .wc-call-people h3{font-size:21px;margin:6px 0 12px}
#callOverlay .wc-call-people input{width:100%;box-sizing:border-box;border:1px solid #c4d4e4;background:#eff5fa;color:#123453;border-radius:12px;padding:13px;font:inherit}
#callOverlay .wc-call-people p{font-size:12px;line-height:1.4}
#callOverlay .wc-call-people button{border:0;border-radius:12px;background:#e7f1ff;color:#154b7a;padding:12px;font:inherit;text-align:left}
#callOverlay .wc-call-people-list{overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:5px}
#callOverlay .wc-call-people-list button{background:transparent;display:flex;flex-direction:column;border-bottom:1px solid #edf1f7;gap:4px}
#callOverlay .wc-call-people-list small{font-size:12px;color:#6b829a}
#callOverlay .wc-call-people button:disabled{opacity:.5}
#callOverlay .wc-call-diagnostic{position:absolute;z-index:10;left:10px;right:10px;top:120px}
@media(max-height:500px){#callOverlay #callName{font-size:16px}#callOverlay .wc-call-top{padding-top:5px}#callOverlay #localCallVideo{top:90px;width:72px}#callOverlay #callMedia.wc-room-media{top:90px;bottom:90px}#callOverlay #callButtons button span{display:none}#callOverlay #callButtons button{height:44px;width:44px}}

#callOverlay #callMedia.wc-room-media[data-tiles="3"] .wc-room-tile:last-child{grid-column:1 / -1}

/* Story actions stay compact; playback recovery is on the media, not a row of word buttons. */
#view-chat .wc-story-tools>.wc-story-icon{display:inline-flex;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;align-items:center;justify-content:center;border-radius:50%;background:#071a32c9;color:#fff}
#view-chat .wc-story-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#view-chat .wc-story-icon-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#view-chat .wc-story-center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:64px;height:64px;min-height:64px;padding:18px;border-radius:50%;background:#061426dd;color:white;border:1px solid #ffffff80;display:grid;place-items:center}
#view-chat .wc-story-center-play svg{fill:currentColor}
#view-chat .wc-story-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:80%;padding:16px;border-radius:16px;background:#061426d9;color:white;pointer-events:none;text-align:center;font-size:13px}
#view-chat .wc-story-spinner{width:28px;height:28px;border:3px solid #ffffff40;border-top-color:white;border-radius:50%;animation:wc-story-loading 1s linear infinite}
#view-chat .wc-story-center-play[hidden],#view-chat .wc-story-loading[hidden],#view-chat .wc-story-icon[hidden]{display:none}
#view-chat .wc-story-icon:focus-visible{outline:3px solid #8bcaff;outline-offset:3px}
@keyframes wc-story-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#view-chat .wc-story-spinner{animation:none}}
#view-chat .wc-story-screen.has-media::before{content:"";position:absolute;inset:-24px;background-image:var(--wc-story-image,none);background-position:center;background-size:cover;filter:blur(20px);opacity:.35;pointer-events:none;z-index:-1}
#view-chat .wc-story-screen>img{opacity:0;transition:opacity .18s ease-out}#view-chat .wc-story-screen[data-state=ready]>img{opacity:1}
@media(prefers-reduced-motion:reduce){#view-chat .wc-story-screen>img{transition:none}}
#view-chat [data-layout=story-viewer][data-holding=true] .wc-story-progress,#view-chat [data-layout=story-viewer][data-holding=true] .wc-story-person,#view-chat [data-layout=story-viewer][data-holding=true] .wc-story-tools,#view-chat [data-layout=story-viewer][data-holding=true] .wc-story-caption,#view-chat [data-layout=story-viewer][data-holding=true] .wc-story-notice,#view-chat [data-layout=story-viewer][data-holding=true] .wc-dialog>header{opacity:0;visibility:hidden;pointer-events:none}
/* Reply rows previously hid every Story control, including audio. Keep that action reachable. */
#view-chat .wc-story-tools:has(.wc-story-reply)>.wc-story-sound{display:inline-flex;position:fixed;top:calc(80px + env(safe-area-inset-top,0px));right:12px}

/* Explicit pre-publish Story audio choice; independent of the viewer/player mute. */
.wc-story-draft .wc-story-mute{position:absolute;z-index:4;top:12px;left:12px;min-width:44px;min-height:44px;border-radius:50%;background:#0b1c34e8;color:#fff;border:1px solid #ffffff80;font-size:20px;touch-action:manipulation}
.wc-story-draft .wc-story-mute[aria-pressed="true"]{border:2px solid #fff}
.wc-story-draft .wc-story-mute:focus-visible{outline:3px solid #71c9ff;outline-offset:3px}