:root{--bg:#f5f2f7;--surface:#fff;--ink:#201a29;--muted:#756d7d;--line:#e9e2ed;--purple:#7048a6;--purple2:#9c5fc5;--pink:#ed4f91;--green:#32ad68;--blue:#3f83e5;--danger:#d9495d;--shadow:0 18px 55px #3c294c18}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app{margin-top:var(--ad-offset,0px)!important;height:calc(100vh - var(--ad-offset,0px))!important;height:calc(100dvh - var(--ad-offset,0px))!important;max-height:calc(100dvh - var(--ad-offset,0px))!important;display:grid;grid-template-columns:260px minmax(0,1fr) 280px;grid-template-rows:auto 1fr;overflow:hidden;box-sizing:border-box!important}.panel{background:var(--surface);border-right:1px solid var(--line);min-width:0}.sidebar{display:flex;flex-direction:column;padding:16px;overflow:hidden}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:850;margin-bottom:16px}.brand img{width:43px;height:43px;border-radius:13px}.me-card{padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#f1e8f7,#fff0f5);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.me-card-info b,.me-card-info span{display:block}.me-card-info span{color:var(--muted);font-size:12px}.label{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:12px 0 6px}.field{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.field:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7048a615}.nav-button{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:12px;padding:11px 12px;background:transparent;color:var(--ink);font-weight:750;text-align:left}.nav-button:hover,.nav-button.active{background:#f1e8f7;color:var(--purple)}.badge{min-width:22px;height:22px;padding:0 7px;border-radius:99px;display:grid;place-items:center;background:var(--pink);color:#fff;font-size:11px}.private-section{display:flex;flex-direction:column;min-height:0;flex:1}.private-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:12px 0 5px;padding:0 4px}.conversation-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:2px}.conv-row{display:flex;align-items:center;gap:2px;border-radius:12px}.conv-row:hover{background:#f1e8f7}.conv-row:hover .conv-close{opacity:1}.conv-btn{flex:1;min-width:0}.conv-close{flex:0 0 auto;border:0;background:transparent;color:var(--muted);font-size:13px;padding:6px 8px;border-radius:10px;opacity:0;transition:.15s;line-height:1}.conv-close:hover{color:var(--danger);background:#fce8eb}.sidebar-actions{flex:0 0 auto;margin-top:auto;padding-top:10px;background:#fff;display:grid;gap:8px}.soft-button{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink);font-weight:750}.soft-button:hover{border-color:#cbb7da}.danger{color:var(--danger)}.chat{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;background:linear-gradient(180deg,#faf8fc,#f5f2f7);position:relative}.chat-head{height:64px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border-bottom:1px solid var(--line);position:sticky!important;top:0!important;z-index:15!important;flex:0 0 auto!important;box-sizing:border-box!important}.chat-title{min-width:0}.chat-title b{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title span{color:var(--green);font-size:12px}.chat-reminder{height:30px;background:#8954BA!important;background-color:#8954BA!important;color:#fff!important;display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 2px 10px rgba(67,34,132,.12),inset 0 0 0 9999px #8954BA!important;font-size:13px;font-weight:900;letter-spacing:.01em;overflow:hidden;position:relative;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;isolation:isolate}.chat-reminder::before{content:"";position:absolute;inset:0;background:#8954BA!important;background-color:#8954BA!important;opacity:1!important;z-index:0;pointer-events:none}.chat-reminder.hidden{display:none!important}.chat-reminder-track{min-width:0;width:100%;overflow:hidden;white-space:nowrap;position:relative;z-index:1;color:#fff!important}.chat-reminder-track span{display:inline-block;padding-left:100%;padding-right:60px;will-change:transform;animation:chat-reminder-marquee 26s linear infinite;color:#fff!important;text-shadow:none}.chat-reminder:hover .chat-reminder-track span{animation-play-state:paused}.chat-reminder-close{position:relative;width:22px;height:22px;border:0;border-radius:999px;background:rgba(255,255,255,.18)!important;color:#fff!important;display:grid;place-items:center;font-size:17px;font-weight:900;line-height:1;cursor:pointer;z-index:2;justify-self:center;opacity:1!important}.chat-reminder-close:hover{background:rgba(255,255,255,.3)!important}@keyframes chat-reminder-marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}html.dark .chat-reminder{background:#8954BA!important;background-color:#8954BA!important;color:#fff!important;border-bottom-color:#9b6ac8;box-shadow:0 2px 10px rgba(67,34,132,.12),inset 0 0 0 9999px #8954BA!important}.head-actions{display:flex;gap:8px}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;font-size:18px}.messages{overflow:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.messages{background-image:linear-gradient(rgba(246,243,249,.97),rgba(246,243,249,.97)),url(/assets/gchat-icon-transparent.png);background-position:center;background-repeat:no-repeat,no-repeat;background-size:auto,220px}html.dark .messages{background-image:linear-gradient(rgba(23,19,32,.97),rgba(23,19,32,.97)),url(/assets/gchat-icon-transparent.png)}.empty{margin:auto;text-align:center;color:var(--muted);max-width:320px}.message{display:flex;gap:9px;align-items:flex-end;max-width:min(78%,720px)}.message.mine{align-self:flex-end;flex-direction:row-reverse}.avatar{width:34px;height:34px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#e9ddf1;color:var(--purple);font-weight:850}.mention-avatar{border:0;cursor:pointer;transition:.15s;font:inherit}.mention-avatar:hover{transform:scale(1.06);box-shadow:0 0 0 3px #7048a620}.bubble p .mention{font-weight:400;color:var(--purple)}.mine .bubble p .mention{font-weight:400;color:#ead7ff}.bubble{padding:10px 13px;border-radius:16px 16px 16px 4px;background:#fff;border:1px solid var(--line);box-shadow:0 4px 16px #402b4d0a}.mine .bubble{background:linear-gradient(135deg,var(--purple),var(--purple2));border:0;color:#fff;border-radius:16px 16px 4px 16px}.bubble-head{display:flex;gap:12px;justify-content:space-between;margin-bottom:3px;font-size:11px}.bubble-head b{color:var(--purple)}.mine .bubble-head b,.mine .bubble-head time{color:#eee}.bubble-head time{color:#999}.bubble-flag{margin-bottom:5px;line-height:1}.bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.bubble p *,.system,.messages,.message,.bubble{-webkit-user-select:none;user-select:none}.bubble button,.bubble-head,.avatar{-webkit-user-select:none;user-select:none}.messages img{-webkit-user-drag:none;user-drag:none}.chat-link{color:inherit;text-decoration:underline;text-underline-offset:2px;font-weight:800}.system .chat-link{color:var(--purple)}.bubble img{display:block;max-width:280px;width:100%;border-radius:11px;margin-top:7px}.system{align-self:center;max-width:85%;padding:9px 14px;border-radius:99px;background:#eee6f4;color:#65487b;text-align:center;font-size:12px;white-space:pre-line}.typing-pill{display:none;margin:0 auto 6px}.typing-pill.show{display:block}.composer{padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px;background:#fff;border-top:1px solid var(--line);align-items:end;min-width:0}.composer textarea{resize:none;min-height:44px;max-height:120px}.send{width:48px;min-width:48px;min-height:44px;border:0;border-radius:12px;padding:0;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-weight:850;display:grid;place-items:center}.send svg{width:20px;height:20px;stroke:currentColor}.users{display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--line);min-width:0}.users-head{height:64px;padding:15px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky!important;top:0!important;z-index:15!important;flex:0 0 auto!important;box-sizing:border-box!important}.users-head b{font-size:15px}.users-head span{font-size:12px;color:var(--muted)}.user-list{padding:8px;overflow:auto;flex:1}.user-row{width:100%;display:flex;align-items:center;gap:10px;background:#fff;padding:10px 12px;border-radius:12px;cursor:pointer}.user-row:hover{background:#f7f3f9}.online-dot{width:9px;height:9px;border-radius:50%;background:var(--green);flex:0 0 auto}.user-nick{flex:1;min-width:0;font-size:14px;cursor:pointer;display:flex;flex-direction:column}.report-mini{border:0;background:transparent;color:#a495ad;font-size:16px;padding:6px;flex:0 0 auto}.reserved-g-mini{position:relative;width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;padding:4px;border-radius:10px;pointer-events:none}.reserved-g-mini img{width:24px;height:24px;border-radius:7px;display:block;object-fit:cover}.reserved-g-badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 5px;border-radius:99px;display:grid;place-items:center;background:#e91b2d;color:#fff;font-size:10px;font-weight:900;line-height:1;box-shadow:0 4px 12px #e91b2d45;border:2px solid #fff}.user-row:hover .reserved-g-mini{background:#f1e8f7}.login-shell{min-height:100%;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 15% 20%,#efdbfb,transparent 30%),radial-gradient(circle at 88% 75%,#ffdce9,transparent 27%),#faf8fc}.login-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:25px;padding:30px;box-shadow:var(--shadow)}.login-brand{text-align:center;margin-bottom:25px}.login-brand img{width:82px;height:82px;border-radius:22px}.login-brand h1{margin:10px 0 3px}.login-brand p{color:var(--muted);margin:0}.login-card .field{margin-bottom:14px}.check{display:flex;gap:9px;align-items:flex-start;margin:5px 0 20px;color:var(--muted);font-size:13px}.primary{width:100%;border:0;border-radius:13px;padding:13px;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-weight:850}.notice{margin-bottom:14px;padding:11px;border-radius:11px;background:#fff0f2;color:#a83247;font-size:13px}.modal{border:3px solid transparent;border-radius:20px;padding:0;width:min(450px,calc(100% - 30px));box-shadow:0 30px 90px #160d1e66;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ff5f6d,#ffc371,#ffe94f,#47e08a,#3aa7ff,#a36bff);background-origin:border-box;background-clip:padding-box,border-box} html.dark .modal{background-image:linear-gradient(var(--surface),var(--surface)),linear-gradient(135deg,#ff5f6d,#ffc371,#ffe94f,#47e08a,#3aa7ff,#a36bff)!important;background-origin:border-box;background-clip:padding-box,border-box}.modal::backdrop{background:#120d18a8;backdrop-filter:blur(4px)}.modal-content{padding:24px}.modal h2{margin:0 0 5px}.modal p{color:var(--muted)}.br-acc{display:flex;flex-direction:column;gap:8px;margin-top:10px}.br-acc-item{border:1px solid var(--line);border-radius:10px;overflow:hidden}.br-acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:0;padding:11px 12px;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer}.br-acc-arrow{transition:transform .18s;color:var(--muted)}.br-acc-head[aria-expanded="true"] .br-acc-arrow{transform:rotate(180deg)}.br-acc-body{padding:2px 12px 12px}.br-block-text{font-size:13.5px;color:var(--ink);margin:0 0 10px;line-height:1.5} /* O texto tem tres paragrafos separados por \n: sem isto sairia tudo numa linha so', porque e' escrito com textContent. */ .br-report-intro{white-space:pre-line;background:#f7f3fb;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:13px;color:var(--muted)} html.dark .br-report-intro{background:#2a2338}.br-block-warn{font-size:12.5px;color:var(--muted);margin:10px 0 0;line-height:1.5}.br-block-btn{width:100%}.profile-session-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 2px;font-size:13px;color:var(--muted)}.profile-session-row b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13.5px}.profile-session-renew{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--purple);cursor:pointer}.profile-session-renew:hover{background:#f1e8f7}html.dark .profile-session-renew{background:transparent}#camRoomView{ position:fixed; top:var(--ad-offset,0px); left:0; right:0; bottom:0; z-index:60; background:var(--bg); display:flex; flex-direction:column; padding:10px 12px; min-height:0; max-height:calc(100dvh - var(--ad-offset,0px)); height:calc(100dvh - var(--ad-offset,0px)); overflow:hidden; }#camRoomView.hidden{display:none!important}.cam-room-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,var(--purple),var(--purple2),var(--pink));box-shadow:0 14px 34px #7048a628}.cam-room-title{font-weight:900;font-size:19px;color:#fff;text-shadow:0 1px 1px #00000024}.cam-room-head #camRoomCount{background:#fff;color:var(--purple)!important;border-radius:999px;padding:4px 10px;font-weight:950!important;box-shadow:0 6px 16px #00000016}.cam-room-hint{display:block;margin:-4px 2px 12px;color:var(--muted);font-size:13px;font-weight:650;font-style:italic;text-align:center}.cam-grid{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;align-content:start;padding:4px 2px 14px;background-image:linear-gradient(rgba(245,242,247,.90),rgba(245,242,247,.90)),url(/assets/gchat-icon-transparent.png);background-position:center;background-repeat:no-repeat,no-repeat;background-size:auto,220px} html.dark .cam-grid{background-image:linear-gradient(rgba(20,16,26,.92),rgba(20,16,26,.92)),url(/assets/gchat-icon-transparent.png)} .cam-tile{ position:relative; min-width:0; width:100%; aspect-ratio:4/3; min-height:130px; border:2.5px solid transparent!important; background-image:linear-gradient(#14101a,#14101a),linear-gradient(135deg,#ff5f6d,#ffc371,#ffe94f,#47e08a,#3aa7ff,#a36bff)!important; background-origin:border-box!important; background-clip:padding-box,border-box!important; border-radius:16px!important; overflow:hidden; cursor:pointer; box-shadow:0 6px 20px rgba(60,10,84,0.18)!important; transition:transform .18s ease,box-shadow .18s ease; } .cam-tile:hover{ transform:translateY(-2px); box-shadow:0 10px 28px rgba(112,72,166,0.35)!important; } .cam-tile>*{position:absolute;inset:0} .cam-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#14101a;z-index:1;opacity:1;visibility:visible} .cam-tile.cam-wait video{opacity:0!important;visibility:hidden!important} .cam-tile.has-stream video{opacity:1!important;visibility:visible!important} .cam-tile.has-stream .cam-spin{display:none!important} .cam-nick{position:absolute;left:0;right:0;top:auto;bottom:0;padding:7px 9px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-size:12px;font-weight:850;display:flex;align-items:center;justify-content:space-between;gap:6px;letter-spacing:-0.01em;z-index:2;pointer-events:auto} .cam-report{border:0;background:transparent;color:#fff;opacity:.75;cursor:pointer;padding:2px;line-height:1}.cam-report:hover{opacity:1}.cam-kick{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:999px;background:#e91b2d;color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px #00000035;cursor:pointer;opacity:.92;z-index:3}.cam-kick:hover{opacity:1;filter:brightness(1.04)}.cam-kick svg{width:16px;height:16px;stroke:currentColor}.cam-spin{position:absolute;inset:0;display:grid;place-items:center;color:#bbb;font-size:12px}.cam-room-foot{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}.cam-switch-btn{flex:0 0 40px;width:40px;height:40px;border:1px solid var(--line);background:var(--surface);color:var(--purple);font-size:0;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(60,41,76,.07);transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.cam-switch-btn svg{width:17px;height:17px;stroke:currentColor}.cam-switch-btn:hover{background:var(--surface);border-color:var(--purple);transform:translateY(-1px);box-shadow:0 6px 14px rgba(112,72,166,.18)}.cam-switch-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(60,41,76,.07)}.cam-switch-btn:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:none}.cam-room-foot .soft-button{flex:1 1 auto;width:auto;max-width:620px;border:0;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-weight:900;border-radius:13px;padding:13px 18px;box-shadow:0 10px 24px #7048a628;min-width:0}.cam-room-foot .soft-button:hover{filter:brightness(1.04);border:0}.cam-empty{color:var(--muted);font-size:14px;grid-column:1/-1;text-align:center;padding:30px 10px}.cam-room-pill{background:#fff!important;color:var(--purple)!important;border:1px solid #d8c7e6!important;border-radius:14px!important;box-shadow:none!important;gap:8px}.cam-room-pill:hover{background:#f1e8f7!important;color:var(--purple)!important;border-color:#cbb7da!important}.cam-room-pill .room-label{flex:1;color:inherit!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cam-room-pill>.online-dot{background:#22c55e!important;margin-right:0!important}.cam-room-pill-count{flex:0 0 auto;min-width:36px;height:22px;border-radius:999px;padding:0 8px;display:grid;place-items:center;background:#e91b2d;color:#fff;font-size:11px;font-weight:950;line-height:1;box-shadow:0 4px 12px #e91b2d35}.cam-room-icon{display:none!important}#camConfirmModal{width:min(820px,calc(100% - 18px));max-width:820px}#camConfirmModal .modal-content{padding:34px 40px 40px}#camConfirmModal h2{font-size:20px;line-height:1.2}#camConfirmModal p{font-size:14px!important;line-height:1.6!important}#camConfirmModal .primary,#camConfirmModal .soft-button{min-height:52px;font-size:15px}.cam-floating{ position:fixed; right:20px; bottom:20px; width:360px; max-width:calc(100vw - 20px); background-color:#1c1030; border:2.5px solid transparent!important; background-image:linear-gradient(#1c1030,#1c1030),linear-gradient(135deg,#ff5f6d,#ffc371,#ffe94f,#47e08a,#3aa7ff,#a36bff)!important; background-origin:border-box!important; background-clip:padding-box,border-box!important; border-radius:18px!important; overflow:hidden; box-shadow:0 24px 70px rgba(60,10,84,0.55),0 0 0 1px rgba(255,255,255,0.1); z-index:999; display:flex; flex-direction:column; touch-action:none; transition:width .2s ease,height .2s ease; } .cam-floating.hidden{ display:none!important; } .cam-floating.cam-minimized{ width:170px!important; } .cam-floating-head{ display:flex; align-items:center; justify-content:space-between; padding:8px 12px; background:linear-gradient(135deg,var(--purple),var(--purple2),var(--pink)); color:#fff; font-size:13px; font-weight:800; cursor:move; touch-action:none; -webkit-user-select:none; user-select:none; } .cam-floating-title-wrap{ display:flex; align-items:center; gap:7px; min-width:0; } .cam-live-indicator{ width:8px; height:8px; border-radius:50%; background:#10b981; box-shadow:0 0 8px #10b981; flex-shrink:0; } #camFloatingNick{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:180px; } .cam-floating-controls{ display:flex; align-items:center; gap:5px; flex-shrink:0; } .cam-floating-btn{ width:28px; height:28px; border:0; border-radius:8px; background:#ffffff25; color:#fff; display:grid; place-items:center; padding:0; cursor:pointer; transition:background .15s ease; } .cam-floating-btn:hover{ background:#ffffff45; } .cam-floating-btn.cam-float-close:hover{ background:#e91b2d; } .cam-floating-btn svg{ width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; } .cam-floating-video-wrap{ position:relative; width:100%; background:#0e0a14; display:flex; align-items:center; justify-content:center; overflow:hidden; } #camFloatingVideo{ width:100%; height:auto; max-height:min(55vh,380px); aspect-ratio:4/3; object-fit:cover; display:block; background:#0e0a14; } .cam-floating.cam-minimized #camFloatingVideo{ max-height:130px; } .cam-floating.cam-dragging{ transition:none!important; user-select:none; } @media(max-width:600px){ .cam-floating:not(.cam-minimized){ right:10px; bottom:10px; width:calc(100vw - 20px); } } .cam-msg-btn { border: 0; background: rgba(255, 255, 255, 0.18); color: #fff; border-radius: 7px; width: 24px; height: 24px; display: grid; place-items: center; cursor: pointer; padding: 0; transition: all .15s ease; } .cam-msg-btn:hover { background: var(--purple, #7048a6); transform: scale(1.12); } .cam-msg-btn svg { width: 13px; height: 13px; stroke: currentColor; stroke-width: 2.2; } .cam-tile-actions { display: flex; align-items: center; gap: 5px; margin-left: auto; } .cam-floating.cam-minimized #camFloatMsgBtn { display: none !important; } #reportModal .legal-accordion-content{padding-top:2px}.health-intro-title{margin:0 0 8px;font-weight:800;color:var(--ink);font-size:14.5px;line-height:1.5}.health-intro-text{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.6}.health-intro-text:last-of-type{margin-bottom:16px}.donation-list{margin:0 0 4px;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.9}.donation-list li{margin-bottom:2px}.game-origin{opacity:.75;font-size:.94em}.game-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-hub-tile{border:1px solid var(--line);border-radius:16px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;cursor:pointer;font-weight:800;color:var(--ink);font-size:14px}.game-hub-tile:hover{border-color:var(--purple);color:var(--purple)}.game-hub-img{height:52px;width:auto;display:block;object-fit:contain}.game-hub-img.roulette{height:44px}.game-hub-svg{width:36px;height:36px;display:block;color:var(--purple)}.game-hub-tile:hover .game-hub-svg{color:var(--pink)}.roulette-count{text-align:center;color:var(--muted);font-size:12.5px;font-weight:700;margin:0 0 14px}.roulette-reel{height:110px;border-radius:16px;background:radial-gradient(circle at 50% 45%,#f6eefc,#ece2f4);display:grid;place-items:center;margin-bottom:16px;overflow:hidden}html.dark .roulette-reel{background:radial-gradient(circle at 50% 45%,#241a30,#1a1424)}#rouletteReelNick{font-size:20px;font-weight:900;color:var(--purple);padding:0 16px;text-align:center;word-break:break-word}#rouletteReelNick.spin{animation:rouletteBlink .09s linear infinite}@keyframes rouletteBlink{0%,100%{opacity:1}50%{opacity:.35}}.roulette-press-btn{width:100%;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.roulette-force-track{height:10px;border-radius:99px;background:var(--line);margin-top:12px;overflow:hidden}.roulette-force-fill{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--pink));transition:width .08s linear}.roulette-result{display:block;text-align:center;background:linear-gradient(135deg,rgba(112,72,166,.13),rgba(237,79,145,.13));border:1px solid rgba(156,95,197,.32);border-radius:12px;padding:16px 14px}.roulette-result b{display:block;font-size:16px;color:var(--purple);margin-bottom:4px}.roulette-result span{font-size:13px;color:var(--muted)}.roulette-note{text-align:center;color:var(--muted);font-size:13px;margin:14px 0 0}#healthBody{display:grid;gap:9px}.health-row summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;font-weight:800;color:var(--ink)}.health-row summary::-webkit-details-marker{display:none}.health-row summary::after{content:'';width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);transition:.15s;opacity:.6;flex:0 0 auto}.health-row[open] summary{color:var(--purple);background:#f8f3fb}.health-row[open] summary::after{transform:rotate(225deg)}.health-row{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.health-row b{display:block;font-size:15px;color:var(--ink);margin-bottom:4px}.health-row-body{padding:0 14px 14px}.health-row p{margin:0 0 10px;color:var(--muted);font-size:13.5px;line-height:1.55}.health-row-actions{display:flex;gap:8px;flex-wrap:wrap}.health-row-actions a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:800;font-size:13.5px;color:var(--purple)}.health-row-actions a.tel{color:var(--purple)}.health-row-actions a:hover{text-decoration:underline}.health-empty{text-align:center;color:var(--muted);font-size:13.5px;padding:20px 0}.game-hud{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:14px}.game-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:66px}.game-stat-l{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.game-stat b{font-size:16px;font-variant-numeric:tabular-nums;color:var(--ink)}.game-pct b{font-size:30px;font-weight:900;color:var(--purple);line-height:1}.game-arena{position:relative;height:280px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle at 50% 55%,#f6eefc,#ece2f4);overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none}.game-arena *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:none}.game-arena::selection,.game-arena *::selection{background:transparent}.game-arena::-moz-selection,.game-arena *::-moz-selection{background:transparent}html.dark .game-arena{background:radial-gradient(circle at 50% 55%,#241a30,#1a1424)}.game-doodle{height:232px;width:auto;overflow:visible;transition:transform .07s ease-out;will-change:transform}.game-doodle.pop{transform:scale(1.05) translateY(-3px)}.game-doodle{display:grid;place-items:end center;height:246px;width:100%;padding-bottom:26px;box-sizing:border-box}#gdImg{display:block;height:40px;width:auto;transform-origin:50% 100%;transition:height .07s ease-out,filter .12s linear;will-change:height;-webkit-user-drag:none;user-select:none;animation:gdSway 3.4s ease-in-out infinite}.game-doodle.pop #gdImg{transform:scale(1.05)}@media(prefers-reduced-motion:reduce){#gdImg{animation:none}}@keyframes gdSway{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@media(prefers-reduced-motion:reduce){#gdSway{animation:none}}.game-hint{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;font-size:12.5px;color:var(--muted);pointer-events:none;line-height:1.4}.game-actions{display:flex;gap:8px;margin-top:14px}.game-actions button{flex:1}.game-win{background:linear-gradient(135deg,rgba(112,72,166,.13),rgba(237,79,145,.13));border:1px solid rgba(156,95,197,.32);border-radius:12px;padding:12px 14px;margin-bottom:14px;text-align:center}.game-win b{display:block;font-size:16px;color:var(--purple);margin-bottom:2px}.game-win span{font-size:13px;color:var(--muted)}.game-lb-head{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.game-lb{display:flex;flex-direction:column;gap:5px;max-height:340px;overflow-y:auto}.game-lb-row{display:grid;grid-template-columns:32px 1fr auto auto;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:10px}.game-lb-row .r{font-weight:900;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center}.game-lb-row .n{font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.game-lb-row .t{font-variant-numeric:tabular-nums;color:var(--purple);font-weight:800;font-size:13.5px}.game-lb-row .t.inc{color:var(--muted)}.game-lb-row .cl{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.game-lb-row.me{border-color:var(--purple);background:rgba(112,72,166,.07)}.game-lb-row.p1 .r{color:#e0a400}.game-lb-row.p2 .r{color:#9aa0a6}.game-lb-row.p3 .r{color:#cd7f32}.game-lb-empty{text-align:center;color:var(--muted);font-size:13px;padding:26px 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}#ad-banner-top{transition:transform .3s ease;}.sidebar-sep{border:none;border-top:1px solid var(--line);margin:0 4px;opacity:.5;}@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:5px;animation:pulse-dot 1.6s ease-in-out infinite;}.online-count{color:#22c55e;font-weight:600;}#ad-banner-toggle{color:#2b2b2b;background:#f7f7f7;border-color:#d7d7d7;display:grid;place-items:center;flex:0 0 auto}#ad-banner-toggle svg{width:21px;height:21px;stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}#ad-banner-top.collapsed{transform:translateY(-100%);}.toast{position:fixed;left:50%;bottom:25px;z-index:20;transform:translateX(-50%);padding:11px 16px;border-radius:12px;background:var(--purple);color:#fff;box-shadow:var(--shadow)}.mobile-only{display:none}.action-icons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-icon-btn{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:.15s}.action-icon-btn:hover{border-color:var(--purple);color:var(--purple);background:#f1e8f7}.info-gold{color:#b8860b;border-color:#e8d48b}.info-gold:hover{border-color:#b8860b;color:#8B6914;background:#fffbe6}.logout-btn{display:flex;align-items:center;justify-content:center;gap:7px}.profile-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:6px 0 8px}.profile-intro{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:rgba(118,80,181,.08);border:1px solid rgba(118,80,181,.2);text-align:center;font-size:12.5px;line-height:1.45;color:var(--muted)}.profile-intro p{margin:0}.profile-intro p+p{margin-top:4px}.profile-intro-main{font-weight:800;color:var(--ink)}.profile-avatar-btn{position:relative;width:96px;height:96px;border-radius:50%;border:3px solid transparent;background-image:linear-gradient(var(--surface),var(--surface)),linear-gradient(135deg,#ff5f6d,#ffc371,#ffe94f,#47e08a,#3aa7ff,#a36bff);background-origin:border-box;background-clip:padding-box,border-box;padding:0;cursor:pointer;display:grid;place-items:center;overflow:hidden}.profile-avatar-btn img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:34px;font-weight:850;border-radius:50%}.profile-avatar-edit{position:absolute;bottom:0;right:0;width:30px;height:30px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;border:2px solid var(--surface);pointer-events:none}.profile-nick-row{display:flex;gap:8px;width:100%}.profile-nick-row .field{flex:1}.profile-nick-row .field[readonly]{background:#f4f1f7;color:var(--muted);cursor:default;pointer-events:none;user-select:none}.profile-nick-row .field[readonly]:focus{border-color:var(--line);box-shadow:none}html.dark .profile-nick-row .field[readonly]{background:#2a2335}.profile-nick-save{flex:0 0 auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--purple);padding:0}.profile-nick-save:hover{background:#f1e8f7}.view-profile-avatar{width:120px;height:120px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;overflow:hidden;font-size:42px;font-weight:850}.view-profile-avatar img{width:100%;height:100%;object-fit:cover}#chatTitle.clickable{cursor:pointer}.modal.header-modal,.modal.info-modal,.modal.contact-modal{background-image:linear-gradient(var(--surface),var(--surface)),linear-gradient(135deg,#ff5f6d,#ffc371,#ffe94f,#47e08a,#3aa7ff,#a36bff);background-origin:border-box;background-clip:padding-box,border-box;background-color:transparent}html.dark .modal.header-modal,html.dark .modal.info-modal,html.dark .modal.contact-modal{background-image:linear-gradient(var(--surface),var(--surface)),linear-gradient(135deg,#ff5f6d,#ffc371,#ffe94f,#47e08a,#3aa7ff,#a36bff)}.avatar.has-img{background:none!important;padding:0;overflow:hidden}.avatar.has-img img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.msg-nick{cursor:pointer}.chat-zona{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1.5px;color:inherit;cursor:pointer}.chat-zona:hover{color:var(--purple)} .pos-pill{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:0 0 auto;margin-left:4px;border-radius:999px;background:var(--purple);color:#fff;vertical-align:-4px} .pos-arrow{width:11px;height:11px;display:block}.msg-nick:hover{text-decoration:underline}.profile-field{width:100%;display:flex;flex-direction:column;gap:7px}.profile-field-label{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.profile-position-row{display:flex;gap:8px}.profile-position-row button{flex:1;border:1px solid var(--line);border-radius:12px;padding:10px 6px;background:#fff;color:var(--ink);font-weight:750;transition:.15s}.profile-position-row button:hover{border-color:var(--purple);color:var(--purple)}.profile-position-row button.active{background:linear-gradient(135deg,var(--purple),var(--purple2));border-color:transparent;color:#fff}html.dark .profile-position-row button{background:var(--surface);color:var(--ink)}.view-profile-position{margin:8px 0 0;color:var(--purple);font-weight:800}.view-profile-avatar.zoomable{cursor:zoom-in}.profile-chips{display:flex;flex-wrap:wrap;gap:7px}.profile-chips button{border:1px solid var(--line);border-radius:99px;padding:7px 13px;background:#fff;color:var(--ink);font-weight:700;font-size:13px;transition:.15s}.profile-chips button:hover{border-color:var(--purple);color:var(--purple)}.profile-chips button.active{background:linear-gradient(135deg,var(--purple),var(--purple2));border-color:transparent;color:#fff}html.dark .profile-chips button{background:var(--surface);color:var(--ink)}.profile-avatar-edit{bottom:4px;right:4px}.avatar.rich{border:2px solid transparent!important;background-image:linear-gradient(var(--rb,var(--surface)),var(--rb,var(--surface))),linear-gradient(135deg,#ff5f6d,#ffc371,#ffe94f,#47e08a,#3aa7ff,#a36bff)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important}.view-profile-avatar.rich{border:3px solid transparent;background-image:linear-gradient(var(--rb,var(--surface)),var(--rb,var(--surface))),linear-gradient(135deg,#ff5f6d,#ffc371,#ffe94f,#47e08a,#3aa7ff,#a36bff);background-origin:border-box;background-clip:padding-box,border-box}.vp-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px 0 0}.vp-chip{background:#f1e8f7;color:var(--purple);border-radius:99px;padding:5px 12px;font-size:13px;font-weight:800}html.dark .vp-chip{background:#2a2335}#filtersButton{position:relative}#menuButton,#pollResultsButton{position:relative;overflow:visible}.btn-dot{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid #fff;box-shadow:0 2px 6px rgba(34,197,94,.45);display:none;pointer-events:none;z-index:3}#menuButton.has-dot .btn-dot,#pollResultsButton.has-dot .btn-dot{display:block!important}html.dark .btn-dot{border-color:#241d30}#filtersButton .filters-active-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--purple);display:none}#filtersButton.has-active .filters-active-dot{display:block}.filters-hint{font-size:12px;color:var(--muted);margin:0 0 14px;line-height:1.5}.msg-profile-btn{display:inline-flex;align-items:center;border:0;background:transparent;color:var(--green);padding:0 3px;border-radius:6px;cursor:pointer;line-height:1;flex:0 0 auto;transition:.15s} .msg-pm-btn{position:relative;display:inline-flex;align-items:center;border:0;background:transparent;color:var(--blue);padding:0 3px;border-radius:6px;cursor:pointer;line-height:1;flex:0 0 auto;transition:.15s;opacity:.75} .msg-pm-btn:has(.msg-pm-badge){opacity:1} .msg-pm-badge{position:absolute;top:-5px;right:-4px;min-width:13px;height:13px;padding:0 3px;border-radius:99px;background:#e0304a;color:#fff;font-size:9px;font-weight:800;line-height:13px;text-align:center;box-shadow:0 0 0 2px var(--surface,#fff)} .msg-pm-btn:hover{opacity:1;background:#e8f1fd} .msg-pm-btn svg{width:13px;height:13px} .vp-pm-btn{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px} .vp-pm-btn svg{width:17px;height:17px;flex:0 0 auto} .vp-report-btn{margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px} .vp-report-btn svg{width:15px;height:15px;flex:0 0 auto}.msg-profile-btn:hover{background:#e6f6ee}.msg-profile-btn svg{width:13px;height:13px}.msg-delete-btn{display:inline-flex;align-items:center;border:0;background:transparent;color:#eee;opacity:.65;padding:0 3px;border-radius:6px;cursor:pointer;line-height:1;flex:0 0 auto;transition:.15s}.msg-delete-btn:hover{opacity:1;background:#ffffff28}.msg-delete-btn svg{width:11px;height:11px}.mine .msg-profile-btn{color:#fff} .mine .msg-pm-btn{color:#fff} .mine .msg-pm-btn:hover{background:#ffffff28} .mine .pos-pill{background:#fff;color:var(--purple)}.mine .msg-profile-btn:hover{background:#ffffff28}.vp-card{margin-top:16px;text-align:left;border:1px solid var(--line);border-radius:16px;padding:2px 16px;background:#faf8fc}html.dark .vp-card{background:#241f30}.vp-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.vp-row:last-child{border-bottom:0}.vp-row-label{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.vp-row-value{font-size:14px;font-weight:750;color:var(--ink);text-align:right}.vp-row-value.muted{color:var(--muted);font-weight:600}.vp-row .vp-chips{justify-content:flex-end;margin:0} /* Emoji picker */ .emoji-picker{position:fixed;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:0 8px 32px #3c294c22;z-index:9999;width:300px;height:300px;max-height:60vh;overflow:hidden;display:flex;flex-direction:column}.picker-tabs{display:flex;gap:6px;margin-bottom:8px;border-bottom:1px solid var(--line);padding-bottom:6px;background:#fff;flex:0 0 auto}.picker-tab{flex:1;padding:7px 6px;border:0;background:transparent;color:var(--muted);font-weight:800;font-size:12.5px;border-radius:8px;cursor:pointer}.picker-tab:hover{color:var(--purple);background:#f1e8f7}.picker-tab.active{color:var(--purple);background:#f1e8f7}.picker-panel{display:none;flex:1 1 auto;min-height:0;overflow-y:auto}.picker-panel.active{display:block}.gif-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gif-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:0;cursor:pointer;overflow:hidden;aspect-ratio:1/1;display:block}.gif-btn:hover{border-color:var(--purple)}.gif-btn img{width:100%;height:100%;object-fit:cover;display:block}.gif-btn[disabled]{opacity:.45;cursor:default}.gif-empty{grid-column:1/-1;padding:22px 6px;text-align:center;color:var(--muted);font-size:12.5px;font-weight:700}html.dark .emoji-picker,html.dark .picker-tabs{background:var(--surface)}html.dark .gif-btn{background:var(--surface)}.emoji-grid{display:flex;flex-wrap:wrap;gap:2px}.emoji-btn{border:0;background:transparent;font-size:22px;width:36px;height:36px;border-radius:8px;cursor:pointer;display:grid;place-items:center;line-height:1}.emoji-btn:hover{background:#f1e8f7}.composer-wrap{position:relative;display:flex;align-items:center;gap:4px} .header-modal{overflow:hidden;background:#fff} .header-modal .modal-content{padding-top:20px} .header-modal .modal-content>p:first-child{margin-top:0} .contact-modal{width:min(520px,calc(100% - 28px));overflow:hidden;background:#fff} .contact-modal .modal-content{padding-top:20px} .contact-intro{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 16px} .contact-grid{display:grid;gap:10px} .contact-grid label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800} .contact-grid textarea{min-height:120px;resize:vertical} .contact-status{min-height:20px;margin-top:10px;color:var(--muted);font-size:13px} .contact-status.ok{color:var(--green)}.contact-status.err{color:var(--danger)} .contact-icon{color:var(--muted);border-color:var(--line)}.contact-icon:hover{border-color:#cbb7da;color:var(--ink);background:#f7f3f9} /* Info/legal accordion */ .info-modal{width:min(560px,calc(100% - 28px));max-height:min(82vh,720px);overflow:hidden;background:#fff} .info-modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff} .info-modal-head h2{margin:0;font-size:20px;line-height:1.2;color:#fff;font-weight:850} /* O mesmo desenho do botao que abriu o modal, ao lado do titulo. */ .info-modal-head h2{display:flex;align-items:center;gap:9px} .modal-head-ico{width:20px;height:20px;flex:0 0 auto;opacity:.95} @media(max-width:520px){.modal-head-ico{width:18px;height:18px}} .info-modal-x{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:10px;background:#ffffff12;color:#fff;font-size:25px;line-height:1;cursor:pointer;flex:0 0 auto} .info-modal-x:hover{background:#ffffff22} .info-modal .modal-content{max-height:calc(min(82vh,720px) - 70px);overflow:auto;padding-top:20px} .info-how{color:var(--muted);font-size:14px;line-height:1.7;margin-top:0} .legal-accordion{display:grid;gap:9px;margin-top:18px} .legal-accordion-item{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden} .legal-accordion-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;color:var(--ink);font-weight:800;cursor:pointer} .legal-accordion-item summary::-webkit-details-marker{display:none} .legal-accordion-item summary:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:.15s;opacity:.6;flex:0 0 auto} .legal-accordion-item[open] summary{color:var(--purple);background:#f8f3fb} .legal-accordion-item[open] summary:after{transform:rotate(225deg)} .legal-accordion-content{padding:0 14px 14px;color:var(--muted);font-size:13px;line-height:1.65} .legal-accordion-content h1,.legal-accordion-content h2,.legal-accordion-content h3{font-size:14px;margin:14px 0 7px;color:var(--ink)} .legal-accordion-content p{margin:7px 0;color:var(--muted)} .legal-accordion-content ul{margin:8px 0;padding-left:18px} @media(max-width:520px){.info-modal-head{padding:15px 16px}.info-modal-head h2{font-size:17px}.info-modal .modal-content{padding:18px 16px}} /* Multimedia modal */ #mediaModal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);display:none;align-items:flex-end;justify-content:center} #mediaModal.open{display:flex} .media-sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:600px;padding:22px 20px 30px;animation:slideUp .22s ease} @keyframes slideUp{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}} .media-sheet h3{margin:0 0 18px;font-size:16px;color:#17141c;text-align:center} .media-options{display:grid;grid-template-columns:1fr 1fr;gap:12px} /* #mediaMenu e' flex em linha: sem o wrap e o flex-basis o aviso ficava ao lado dos icones em vez de por baixo. O x e' absolute, nao entra. */ #mediaMenu{flex-wrap:wrap} .media-room-notice{flex:0 0 100%;margin:14px auto 0;max-width:420px;text-align:center;font-size:12px;line-height:1.45;color:var(--muted)} .media-opt{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 10px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);transition:.15s} .media-opt:hover{background:#f8f4fb;border-color:var(--purple);color:var(--purple)} .media-opt svg{width:26px;height:26px;stroke:currentColor;stroke-width:2;fill:none} #mediaMenu{position:relative;display:flex;justify-content:center}.media-close{position:absolute;top:-14px;right:-10px;width:34px;height:34px;border:0;border-radius:999px;background:#fff;color:#6d6078;font-size:25px;line-height:1;display:grid;place-items:center;box-shadow:0 8px 24px #23172e22;cursor:pointer}.media-close:hover{background:#f7f3fc;color:#7048a6}.media-sheet{max-width:500px;margin:0 auto;padding:22px 14px 26px}.media-options{padding-top:10px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:12px} /* O `hidden` perde para o `display:flex` do proprio botao. */ .media-options .media-opt[hidden]{display:none!important} /* Telemovel: seis botoes numa linha so cabem se encolherem, e o X do canto precisa de espaco proprio para nao ficar por cima do ultimo. */ @media(max-width:420px){.media-options{gap:6px!important;padding-right:26px!important}.media-opt{flex:0 1 44px!important;min-width:32px!important;width:44px!important;height:44px!important;min-height:44px!important}.media-opt svg{width:21px;height:21px}} @media(max-width:340px){.media-options{gap:4px!important;padding-right:22px!important}.media-opt{flex:0 1 40px!important;min-width:28px!important;width:40px!important;height:40px!important;min-height:40px!important}.media-opt svg{width:18px;height:18px}}.media-opt{width:54px;height:54px;aspect-ratio:1;justify-content:center;padding:0;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink)}.media-opt svg{width:24px;height:24px;stroke:currentColor;stroke-width:2}.media-opt{font-size:0}.media-opt::after{content:none!important} /* Camera UI */ #camWrap,#audioWrap{display:none;flex-direction:column;gap:12px;align-items:center} #camVideo{display:block;width:auto;height:auto;max-width:100%;max-height:min(55vh,520px);max-height:min(55dvh,520px);border-radius:12px;background:#000;object-fit:contain} #camVideoWrap{position:relative;width:auto;max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;background:#000;border-radius:12px;overflow:hidden;line-height:0} #camFlipBtn{display:none;position:absolute;top:12px;right:12px;z-index:5;width:42px;height:42px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;align-items:center;justify-content:center;cursor:pointer} #camFlipBtn svg{width:20px;height:20px} #camCanvas{display:none} #locWrap{display:none;flex-direction:column;gap:10px;width:100%} .loc-card{display:flex;flex-direction:column;gap:0;cursor:pointer;min-width:220px;overflow:hidden;border-radius:12px} .loc-card-map{width:100%;height:140px;background:#e8e8e8} .loc-card-map .leaflet-container{background:#e8e8e8;font-family:inherit} .loc-card-info{display:flex;align-items:center;gap:9px;padding:9px 4px 2px} .loc-card-icon{font-size:22px;flex:0 0 auto} .loc-card-info b{display:block;font-size:14px} .loc-card-info small{color:var(--muted)} .mine .loc-card-info small{color:#eee} #camPreview{display:none;width:auto;height:auto;max-width:100%;max-height:min(55vh,520px);max-height:min(55dvh,520px);margin:0 auto;border-radius:12px;background:#000;object-fit:contain} #audioTimer{font-size:28px;font-weight:800;color:#e14c8f;letter-spacing:.04em} #audioPlayer{width:100%;border-radius:8px;display:none} .media-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} .media-actions button{border:none;border-radius:10px;padding:10px 20px;font-weight:700;font-size:14px;cursor:pointer} .btn-primary{background:linear-gradient(135deg,#7650b5,#e14c8f);color:#fff} .btn-secondary{background:#f0eaf8;color:#5a3f8f} .btn-danger{background:#fee2e2;color:#dc2626} .pin-setup-form{display:grid;gap:12px}.pin-setup-intro{margin:0;color:var(--ink)!important}.pin-setup-form label{display:grid;gap:6px}.pin-setup-form label span{font-size:12px;font-weight:800;color:var(--muted)}.pin-setup-note,.pin-setup-contact{margin:0;font-size:12px;line-height:1.5}.pin-setup-note{padding:10px 12px;border-radius:8px;background:#f7f3f9;color:var(--ink)!important}.pin-setup-error{margin:0;padding:9px 11px;border-radius:8px;background:#fff0f2;color:#a83247!important;font-size:12px}.pin-setup-submit{margin-top:2px}.pin-setup-cancel{justify-self:center;border:0;background:transparent;color:var(--muted);font-weight:800} /* Responsive */ @media(max-width:980px){.app{grid-template-columns:250px minmax(0,1fr)}.users{position:fixed;z-index:8;right:0;top:var(--ad-offset,0px);bottom:0;height:calc(100% - var(--ad-offset,0px));height:calc(100dvh - var(--ad-offset,0px));overflow-y:auto;width:min(300px,88vw);box-shadow:-20px 0 60px #26182f25;transform:translateX(105%);transition:.25s;pointer-events:none}.users.open{transform:none;pointer-events:auto}.mobile-only{display:grid}} @media(max-width:700px){.app{grid-template-columns:1fr;grid-template-rows:1fr}.sidebar{position:fixed;z-index:9;left:0;top:var(--ad-offset,0px);bottom:0;height:calc(100% - var(--ad-offset,0px));height:calc(100dvh - var(--ad-offset,0px));overflow-y:auto;width:min(280px,88vw);background:#fff;box-shadow:20px 0 60px #26182f25;transform:translateX(-105%);transition:.25s;pointer-events:none}.sidebar.open{transform:none;pointer-events:auto}.chat-head{padding:10px 12px}.messages{padding:14px 10px}.message{max-width:92%}.composer{padding-left:10px;padding-right:10px;grid-template-columns:auto auto minmax(0,1fr) auto}.mobile-only{display:grid}} .game-bar{display:grid;grid-template-columns:26px minmax(0,1fr) 26px;align-items:center;gap:6px;padding:5px 12px;background:linear-gradient(90deg,var(--purple),var(--purple2,#a05fd0));color:#fff;text-align:center;box-shadow:0 -1px 0 #ffffff22} .game-bar.hidden{display:none} .game-bar-text{grid-column:2;font-size:12px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .game-bar-close{grid-column:3;width:26px;height:26px;border:0;border-radius:8px;background:#ffffff22;color:#fff;font-size:19px;font-weight:900;line-height:1;cursor:pointer} .game-bar-close:hover{background:#ffffff38} /* Fix layout height */ html,body{height:100%;overflow:hidden}.app{position:fixed;inset:0;height:100vh;height:100dvh;height:var(--app-vh,100dvh);min-height:0}.sidebar,.chat,.users{min-height:0;overflow:hidden}.chat{height:100%;grid-template-rows:64px minmax(0,1fr) auto}.messages{min-height:0;overscroll-behavior:contain}.messages>:first-child{margin-top:auto}.composer{position:relative;z-index:3;flex:0 0 auto;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:0!important;box-shadow:none!important}.sidebar-actions{flex:0 0 auto;padding-top:10px;background:#fff}.user-list{min-height:0;flex:1}.bubble img{width:auto;max-width:min(360px,100%);max-height:min(48vh,440px);object-fit:contain;background:#fff;border:1px solid #ffffff35}.system{max-width:min(760px,88%);border-radius:14px;line-height:1.35} @media(max-width:700px){.composer{padding-bottom:max(10px,env(safe-area-inset-bottom))}.bubble img{max-height:42vh}.sidebar,.users{height:100vh;height:100dvh}.reply-btn{opacity:.55!important}.reply-bar{padding:6px 10px;gap:6px} .reply-bar b,.reply-bar span{font-size:11px}.reply-bar-close{font-size:16px;padding:2px 5px}} /* Flag images in select */ .flag-img{width:20px;height:14px;border-radius:2px;vertical-align:middle;margin-right:4px} /* Country option custom */ select option{padding:4px} /* Like button */ .like-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;gap:3px;height:24px;min-width:24px;border:0;background:transparent;color:var(--purple);font-size:13px;font-weight:700;padding:0 5px;border-radius:8px;cursor:pointer;margin:5px 0 0 0;line-height:1;transition:.15s}.like-btn svg{width:13px;height:13px;flex:0 0 13px}.like-btn:hover{background:#f1e8f7}.like-btn.liked{color:#ef4444}.like-btn.liked svg{fill:currentColor}.mine .like-btn{color:var(--purple)}.mine .like-btn:hover{background:#f1e8f7}.mine .like-btn.liked{color:var(--purple)}.reply-btn{flex:0 0 auto;border:0;background:transparent;color:var(--muted);font-size:19px;padding:6px 9px;border-radius:8px;cursor:pointer;opacity:.45;transition:.12s;align-self:center;display:inline-flex;align-items:center;justify-content:center}.message:hover .reply-btn{opacity:1}.reply-btn:hover{background:#f1e8f7;color:var(--purple)}.reserved-mod-actions{display:inline-flex;align-items:center;gap:2px;margin-left:6px;padding-left:7px;border-left:1px solid var(--line);flex:0 0 auto}.reserved-mod-btn{width:19px;height:19px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;opacity:.72;transition:.12s}.message:hover .reserved-mod-btn{opacity:1}.reserved-mod-btn svg{width:12px;height:12px;stroke:currentColor}.reserved-mod-delete:hover{background:#fde8ea;color:#d9495d}.reserved-mod-ban:hover{background:#fff4de;color:#b45309}.report-msg-btn{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;padding:2px 5px;border-radius:8px;cursor:pointer;opacity:.5;transition:.15s;margin-top:5px;line-height:1.4}.message:hover .report-msg-btn{opacity:1}.report-msg-btn:hover{background:#fde8ea;color:#d9495d;opacity:1}.mine .report-msg-btn{display:none}.bubble-head-nick{display:inline-flex;align-items:center;gap:4px;min-width:0} .reserved-mod-btn{color:var(--purple);opacity:.75}.reserved-mod-delete:hover,.reserved-mod-ban:hover{background:#f1e8f7;color:var(--purple)} .bubble-head-time{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.bubble-head-nick b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble-head .report-msg-btn{margin-top:0;padding:0 3px;font-size:13px;flex:0 0 auto;display:inline-flex;align-items:center;line-height:1} .bubble-head .report-msg-btn svg{width:13px;height:13px}.bubble p b,.system b{font-weight:750}.bubble p i,.system i{font-style:italic}.bubble p s,.system s{text-decoration:line-through;opacity:.82}.bubble p code,.system code{background:rgba(0,0,0,.08);padding:1px 5px;border-radius:4px;font-family:monospace;font-size:.9em}html.dark .bubble p code,html.dark .system code{background:rgba(255,255,255,.14);color:#f3e8ff}.quote-bubble{background:#f1e8f7;border-left:3px solid var(--purple);border-radius:4px 8px 8px 4px;padding:5px 8px;margin-bottom:6px;font-size:12px}.quote-bubble[data-quote-target]{cursor:pointer;transition:.15s}.quote-bubble[data-quote-target]:hover{background:#eadff4}.mine .quote-bubble{background:#ffffff22;border-color:#ffffff88}.mine .quote-bubble[data-quote-target]:hover{background:#ffffff32}.quote-bubble b{display:block;color:var(--purple);font-size:11px}.mine .quote-bubble b{color:#ffffffcc}.quote-bubble span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:220px}.mine .quote-bubble span{color:#ffffffaa}.message.quote-focus .bubble{box-shadow:0 0 0 3px rgba(139,69,255,.22),0 12px 30px rgba(139,69,255,.16)}.composer-area{flex:0 0 auto;min-width:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 25px #34213f0a}.reply-bar{display:none;align-items:center;gap:8px;padding:7px 12px;background:#f7f3fb;border-bottom:1px solid var(--line)}.reply-bar.active{display:flex}.reply-bar-content{flex:1;min-width:0;overflow:hidden}.reply-bar b{display:block;font-size:12px;color:var(--purple);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar-close{border:0;background:transparent;font-size:18px;color:var(--muted);cursor:pointer;padding:4px 6px;line-height:1;border-radius:6px;flex:0 0 auto}.reply-bar-close:hover{background:#eee8f4;color:var(--ink)} /* Custom media controls */ .gmedia{width:min(380px,100%);margin-top:7px;border-radius:14px;overflow:hidden;background:#140d1b;border:1px solid #eadff4;box-shadow:0 10px 28px #3c294c18}.gmedia video{display:block;width:100%;max-height:min(48vh,440px);background:#000;object-fit:contain}.gmedia-video{position:relative;min-height:155px}.gmedia-video video,.gmedia-video .gmedia-controls{opacity:0;visibility:hidden;transition:opacity .18s ease}.gmedia-video.media-ready{min-height:0}.gmedia-video.media-known{min-height:0}.gmedia-video.media-known video,.gmedia-video.media-known .gmedia-controls{opacity:1;visibility:visible}.gmedia-video.media-known .gmedia-loading{display:none}.gmedia-video.media-ready video,.gmedia-video.media-ready .gmedia-controls{opacity:1;visibility:visible}.gmedia-loading{position:absolute;inset:0;display:grid;place-items:center;padding:24px 14px;color:#fff;background:linear-gradient(135deg,#22172f,#140d1b);font-size:13px;font-weight:850;text-align:center;z-index:2}.gmedia-video.media-ready .gmedia-loading{display:none}.gmedia-video.media-error .gmedia-loading{color:#ffd6df}.gmedia-audio{padding:12px;background:linear-gradient(135deg,#f7f0fb,#fff)}.gmedia-audio .gmedia-audio-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f1e8f7;color:var(--purple);margin-bottom:10px}.gmedia-audio .gmedia-audio-icon svg{width:24px;height:24px;stroke:currentColor;fill:none}.gmedia-controls{display:grid;grid-template-columns:auto auto minmax(80px,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(135deg,#2a1d38,#7048a6);color:#fff}.gmedia-audio .gmedia-controls{border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--pink))}.gmedia-btn{width:32px;height:32px;border:0;border-radius:10px;background:#ffffff18;color:#fff;display:grid;place-items:center;padding:0}.gmedia-btn:hover{background:#ffffff2e}.gmedia-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.gmedia-time{font-size:12px;font-weight:800;white-space:nowrap;color:#fff}.gmedia-seek{width:100%;height:6px;accent-color:#f472b6;cursor:pointer}.gmedia-seek::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#ffffff40}.gmedia-seek::-webkit-slider-thumb{margin-top:-5px}.gmedia-seek::-moz-range-track{height:6px;border-radius:999px;background:#ffffff40}.gmedia-seek::-moz-range-progress{height:6px;border-radius:999px;background:#fff}.gmedia[data-playing="1"] .gmedia-play .play-icon{display:none}.gmedia:not([data-playing="1"]) .gmedia-play .pause-icon{display:none}.gmedia[data-muted="1"] .sound-on{display:none}.gmedia:not([data-muted="1"]) .sound-off{display:none} .discreet-media-wrap{position:relative;display:inline-block;max-width:100%}.discreet-media-wrap.discreet-mode-blur img,.discreet-media-wrap.discreet-mode-blur .gmedia{filter:blur(24px);transition:filter .2s}.discreet-media-wrap.discreet-mode-blur.discreet-mode-visible img,.discreet-media-wrap.discreet-mode-blur.discreet-mode-visible .gmedia{filter:none}.discreet-mode-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:14px;background:#00000026;color:#fff;font-weight:800;font-size:12.5px;text-shadow:0 1px 4px #00000080;cursor:pointer;padding:0}.discreet-media-wrap.discreet-mode-visible .discreet-mode-overlay{display:none}.discreet-mode-overlay svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;flex:0 0 auto}.discreet-media-wrap.discreet-mode-blur img,.discreet-media-wrap.discreet-mode-blur video,.discreet-media-wrap.discreet-mode-blur .gmedia{cursor:pointer} /* Lightbox */ .lightbox{position:fixed;inset:0;z-index:50;background:#000000e0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.lightbox img{max-width:min(92vw,1000px);max-height:min(90vh,900px);border-radius:12px;object-fit:contain;box-shadow:0 20px 60px #00000080;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.lightbox-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:#ffffff22;color:#fff;font-size:22px;cursor:pointer;display:grid;place-items:center;line-height:1;transition:.15s}.lightbox-close:hover{background:#ffffff55}.bubble img{cursor:zoom-in} /* Keep the health introduction focused on the available contacts. */ #healthModal [data-i18n="healthIntroP2"]{display:none!important} #healthModal{max-height:calc(100dvh - 20px);overflow:hidden} #healthModal .modal-content{max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} html.dark #healthModal .health-row{background:#2a2335;border-color:#4b3d5c} html.dark #healthModal .health-row summary,html.dark #healthModal .health-row b{color:#f7f2fb} html.dark #healthModal .health-row[open] summary{background:#342943;color:#fff} html.dark #healthModal .health-row p{color:#d0c6d8} html.dark #healthModal .health-row-actions a{color:#d9b9ff} html.dark #gameHubModal .game-hub-tile{background:#2a2335;border-color:#4b3d5c;color:#f7f2fb} html.dark #gameHubModal .game-hub-tile:hover{background:#342943;border-color:#9c5fc5;color:#fff} /* Keep the watermark centred in the visible chat area, including private chats. */ .messages{position:relative;isolation:isolate;background-image:linear-gradient(rgba(246,243,249,.97),rgba(246,243,249,.97))!important} html.dark .messages{background-image:linear-gradient(rgba(23,19,32,.97),rgba(23,19,32,.97))!important} .messages::before{display:none} .messages>*{position:relative;z-index:1} .messages>.chat-watermark{position:fixed!important;z-index:0!important;display:block!important;width:220px!important;height:220px!important;margin:0!important;transform:translate(-50%,-50%)!important;opacity:.08!important;background:url('/assets/gchat-icon-transparent.png') center/contain no-repeat!important;pointer-events:none!important} .messages>.chat-watermark+*{margin-top:auto!important} .messages>.empty{position:absolute;inset:0;margin:0!important;display:grid;place-items:center;align-self:auto;width:100%!important;max-width:none!important;text-align:center} @media(max-width:480px){#healthModal{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}#healthModal .modal-content{padding:16px;max-height:calc(100dvh - 88px)}#healthModal .health-row summary{padding:11px 12px;font-size:13.5px}} /* Every standard dialog must remain usable on short mobile screens. */ .modal:not(#camViewModal){max-height:calc(100dvh - 20px);overflow:hidden} .modal:not(#camViewModal)>.modal-content{max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} @media(max-width:480px){.modal:not(#camViewModal){width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.modal:not(#camViewModal)>.modal-content{max-height:calc(100dvh - 88px);padding:16px}.modal:not(#camViewModal) .field{padding:10px 11px}.modal:not(#camViewModal) .primary{padding:12px}} /* Compact responsive chat layout */ .app{grid-template-columns:220px minmax(0,1fr) 250px}.sidebar{padding:14px 12px}.brand{font-size:21px;margin-bottom:12px}.brand img{width:40px;height:40px}.nav-button{min-height:44px;padding:10px 12px;gap:10px}.private-label{margin-top:14px}.conversation-list{padding-right:2px}.conv-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-actions{gap:8px}.action-icons{gap:8px}.action-icon-btn{min-height:42px;padding:8px}.logout-btn{min-height:44px}.chat{grid-template-rows:56px minmax(0,1fr) auto}.chat-head{height:56px;padding:9px 16px}.messages{padding:16px 18px}.users-head{height:56px;padding:9px 14px;justify-content:flex-end}.users-head b{display:none}.users-head span{font-size:13px;color:var(--muted);white-space:nowrap}.user-list{padding:7px}.user-row{padding:9px 10px;gap:9px}.user-nick{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-mini{margin-left:auto;padding:5px 4px}.composer{grid-template-columns:auto minmax(0,1fr) 44px;gap:7px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.composer-wrap{gap:6px}.composer .icon-button{width:42px;height:42px;border-radius:12px}.composer textarea{min-height:42px;padding:9px 12px}.send{width:44px;min-width:44px;min-height:42px;border-radius:12px}.send svg{width:19px;height:19px} @media(max-width:1180px){.app{grid-template-columns:210px minmax(0,1fr) 232px}.sidebar{padding-left:10px;padding-right:10px}.users-head span{font-size:12px}.user-row{padding-left:9px;padding-right:8px}} @media(max-width:980px){.app{grid-template-columns:220px minmax(0,1fr)}.users{width:min(280px,86vw)}.chat{grid-template-rows:56px minmax(0,1fr) auto}.chat-head{height:56px}.composer{grid-template-columns:auto minmax(0,1fr) 44px}.messages{padding:14px 12px}} @media(max-width:700px){.app{grid-template-columns:1fr}.sidebar{width:min(250px,86vw);padding:12px 10px}.chat{grid-template-rows:54px minmax(0,1fr) auto}.chat-head{height:54px;padding:8px 10px}.chat-title b{font-size:16px}.messages{padding:12px 9px}.composer{grid-template-columns:auto minmax(0,1fr) 42px;gap:6px;padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.composer .icon-button{width:40px;height:40px}.composer textarea{min-height:40px}.send{width:42px;min-width:42px;min-height:40px}.users{width:min(270px,88vw)}.users-head{height:54px}.media-sheet{max-width:calc(100vw - 28px);padding:20px 14px calc(24px + env(safe-area-inset-bottom))}.media-options{grid-template-columns:repeat(5,54px);gap:8px}.media-opt{width:54px}.media-opt svg{width:27px;height:27px}} @media(max-width:430px){.composer{grid-template-columns:auto minmax(0,1fr) 40px}.composer-wrap{gap:4px}.composer .icon-button{width:38px;height:38px}.send{width:40px;min-width:40px;min-height:38px}.send svg{width:18px;height:18px}.message{max-width:96%}} /* Full-width chat with offcanvas panels on every viewport */ .app{grid-template-columns:1fr!important;grid-template-rows:1fr!important}.chat{grid-column:1;grid-row:1}.mobile-only{display:grid!important}.sidebar{position:fixed!important;z-index:90;left:0;top:var(--ad-offset,0px)!important;bottom:0;height:calc(100% - var(--ad-offset,0px))!important;height:calc(100dvh - var(--ad-offset,0px))!important;overflow-y:auto!important;width:min(260px,86vw);background:#fff;box-shadow:18px 0 55px #26182f24;transform:translateX(-105%);transition:transform .22s ease;pointer-events:none}.sidebar.open{transform:none;pointer-events:auto}.users{position:fixed!important;z-index:88;right:0;top:var(--ad-offset,0px)!important;bottom:0;height:calc(100% - var(--ad-offset,0px))!important;height:calc(100dvh - var(--ad-offset,0px))!important;overflow-y:auto!important;width:min(280px,88vw);background:#fff;box-shadow:-18px 0 55px #26182f24;transform:translateX(105%);transition:transform .22s ease;pointer-events:none;border-left:1px solid var(--line)}.users.open{transform:none;pointer-events:auto}.chat-head{padding-left:12px;padding-right:12px}.head-actions{align-items:center}.messages{padding-left:clamp(12px,3vw,34px);padding-right:clamp(12px,3vw,34px)}.composer{padding-left:clamp(8px,2vw,18px);padding-right:clamp(8px,2vw,18px)}.composer-area{border-left:0;border-right:0} .sidebar{justify-content:flex-start;padding:22px 16px 18px}.sidebar .brand{justify-content:flex-start;margin-bottom:0}.sidebar:after{content:"";flex:1}.sidebar-actions{margin-top:auto;padding-top:0;gap:8px}.private-section,#roomTab{display:none!important}.action-icons{grid-template-columns:1fr;gap:8px}.action-icon-btn{min-height:44px;justify-content:flex-start;gap:10px;padding:10px 12px;font-size:13px;font-weight:800}.action-icon-btn span{display:inline}.logout-btn{min-height:54px;font-size:15px;border-radius:14px}.user-list{display:flex;flex-direction:column;gap:2px}.room-row{width:100%;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border:1px solid transparent;border-radius:12px;padding:11px 10px;margin-bottom:7px;font-weight:850;text-align:left}.room-row:hover,.room-row.active,.room-row[aria-current="true"]{background:#f1e8f7;color:var(--purple);border-color:#d8c7e6;box-shadow:inset 0 0 0 1px #d8c7e6}.room-row .room-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-row .room-icon{display:grid;place-items:center}.room-row .room-icon svg{width:18px;height:18px;stroke:currentColor}.room-row .room-icon .room-globe-color{width:22px;height:22px;stroke:none;filter:drop-shadow(0 1px 1px #00000018)}.room-row .room-icon .room-globe-color *{stroke:none}.room-badge{min-width:20px;height:20px;border-radius:99px;padding:0 6px;display:grid;place-items:center;background:#e91b2d;color:#fff;font-size:11px;font-weight:900;line-height:1;box-shadow:0 4px 12px #e91b2d35}.room-badge.hidden{display:none}.user-row.has-unread .private-dot{display:grid}.private-dot{display:none;min-width:20px;height:20px;border-radius:99px;padding:0 6px;place-items:center;background:#e91b2d;color:#fff;font-size:11px;font-weight:900;margin-left:auto;box-shadow:0 4px 12px #e91b2d35}.user-row.has-unread .report-mini{margin-left:0}.user-row.active-private{background:#f7f0fb;color:var(--purple)}.user-row.active-private .user-nick b{color:var(--purple)}.room-icon .user-country-flag{width:21px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px #00000012}.head-left,.head-actions{display:flex;align-items:center;gap:8px;min-width:0}.chat-title{text-align:center;flex:1}.top-room-button{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--purple);display:grid;place-items:center;font-size:18px;cursor:pointer}.top-room-button svg,#usersButton svg,#reportActiveButton svg{width:21px;height:21px;stroke:currentColor}.top-room-button.active{background:#f1e8f7;border-color:#d8c7e6}#usersButton,#reportActiveButton{position:relative;color:var(--purple)}#videoCallButton{color:var(--purple)}html.dark #usersButton{color:#fff}html.dark #reportActiveButton{color:#fff}html.dark #videoCallButton{color:#fff}.chat-title b{display:flex;align-items:center;justify-content:center}.chat-title b .user-country-flag{width:30px;height:21px;border-radius:4px}.chat-title b .room-globe-color{width:28px;height:28px}.report-mini{display:grid;place-items:center;color:#a495ad}.report-mini svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.top-notify-badge{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;display:grid;place-items:center;background:#e91b2d;color:#fff;font-size:10px;font-weight:900;line-height:1;box-shadow:0 4px 12px #e91b2d45;border:2px solid #fff}.top-notify-badge.hidden{display:none!important}.app.nick-list-locked .users-summary{display:flex!important;align-items:center!important;gap:6px!important;overflow:visible!important}.app.nick-list-locked .users-summary-item:first-child{flex:1 1 auto!important;min-width:0!important}.app.nick-list-locked .users-summary-count{flex:0 0 auto!important;min-width:0!important}.app.nick-list-locked .users-summary .nick-lock-btn{flex:0 0 32px!important;display:grid!important;visibility:visible!important}@media(min-width:701px){.app.nick-list-locked .users-head{min-height:42px!important;padding:4px 6px!important}.app.nick-list-locked .users-summary{padding:5px 6px!important;border-radius:12px!important}.app.nick-list-locked .user-list{padding-top:2px!important}.app.nick-list-locked .users{top:-2px!important}}@media(max-width:700px){.app.nick-list-locked{grid-template-columns:minmax(0,1fr) 104px!important}.app.nick-list-locked .users{width:104px!important}.app.nick-list-locked .composer{grid-template-columns:32px 32px minmax(120px,1fr) 52px!important;gap:4px!important;padding-left:4px!important;padding-right:4px!important}.app.nick-list-locked .composer .icon-button{width:32px!important;min-width:32px!important;height:40px!important}.app.nick-list-locked .composer textarea{min-width:0!important;padding-left:10px!important;padding-right:10px!important}.app.nick-list-locked .send{width:52px!important;min-width:52px!important;min-height:42px!important}.app.nick-list-locked .user-row{gap:4px!important;padding-left:4px!important;padding-right:4px!important}.app.nick-list-locked .user-nick{font-size:11px!important}.app.nick-list-locked .online-dot{width:7px!important;height:7px!important}}@media(max-width:700px){.message{gap:7px}.bubble{padding:8px 11px;border-radius:14px 14px 14px 4px}.mine .bubble{border-radius:14px 14px 4px 14px}.bubble p{font-size:13.5px;line-height:1.42}.bubble-head{gap:8px;margin-bottom:2px;font-size:10px}.bubble-head b,.bubble-head time{font-size:10px}.bubble-flag{margin-bottom:3px}.quote-bubble{font-size:11px}.system{font-size:11px;padding:7px 11px}.avatar{width:32px;height:32px}.app.nick-list-locked .user-nick{font-size:11.5px!important}.app.nick-list-locked .user-row{padding-top:7px!important;padding-bottom:7px!important}}.app.private-locked .msg-profile-btn{display:none!important}.app.private-locked #chatTitle{cursor:default!important;pointer-events:none!important} .sidebar{width:160px!important;padding:20px 10px 84px!important;align-items:center}.sidebar:after{display:none!important}.sidebar .brand{justify-content:center;margin:0}.sidebar .brand img{width:36px;height:36px}.sidebar .brand span{display:none}.sidebar-sep{width:134px;height:6px;border:0;border-radius:999px;margin:14px auto 12px!important;opacity:1;background:linear-gradient(90deg,#ff304f,#ff9f1c,#ffe600,#23c552,#18a0fb,#7048a6,#ed4f91)}.sidebar-actions{width:100%;align-items:center;position:static!important;margin:0!important;padding:0!important;gap:10px;display:grid;justify-items:center;background:transparent!important}.action-icons{width:100%;display:grid;grid-template-columns:repeat(2,62px);justify-content:center;gap:6px}.action-icon-btn,.logout-btn{width:62px;height:62px;min-height:62px;padding:0!important;display:grid;place-items:center;justify-content:center;border-radius:16px;background:#fff}.action-icon-btn span,.logout-btn span{display:none!important}.action-icon-btn svg,.logout-btn svg{width:26px;height:26px}.logout-btn{color:var(--danger);margin-top:0;width:134px!important}.rail-credit{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:11px 9px;border-radius:0;background:#0a0a0a;text-decoration:none}.rail-credit span{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#c9c0d6;text-align:center;line-height:1.25}.rail-credit img{width:100%;max-width:104px;height:auto;display:block}.rail-credit:hover{opacity:.85}.rail-session{width:134px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted)}.rail-session b{font-size:12.5px;font-weight:850;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.2px}.rail-session-renew{border:0;background:transparent;color:var(--purple);cursor:pointer;padding:0;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;flex:0 0 auto}.rail-session-renew:hover{background:#f1e8f7;color:var(--brand)} /* Nick registado: a saudacao fica logo a seguir a' linha, no topo da barra. E como nao ha' tempo de sessao, a caixa do contador sai de cena. */ .rail-hello-box{display:none} html .rail-hello-box.mostrar{display:flex;flex-direction:column;align-items:center;text-align:center;width:134px;max-width:100%;margin:0 auto 10px;padding:7px 8px;border:1px solid var(--line);border-radius:12px;background:#fff;box-sizing:border-box;line-height:1.2} #sidebar .rail-hello-box.mostrar{width:108px} html.dark .rail-hello-box.mostrar{background:#332c43} .rail-hello-oi{font-size:11px;font-weight:700;color:var(--muted)} .rail-hello-nick{font-size:12.5px;font-weight:850;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* ── Albuns privados ─────────────────────────────────────────────── */ .album-modal .modal-content{padding:20px} /* A gestao de bloqueios, dentro das Configuracoes. */ .bloq-lista{display:flex;flex-direction:column;gap:8px;margin-top:10px} .bloq-linha{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:9px 11px;flex-wrap:wrap} .bloq-in{flex:1;min-width:110px;display:flex;flex-direction:column;min-width:0} .bloq-in b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .bloq-in span{font-size:11.5px;color:var(--muted)} .bloq-selo{font-size:11px;font-weight:800;color:var(--muted);background:#f1eef6;border-radius:999px;padding:4px 9px;white-space:nowrap} html.dark .bloq-selo{background:#332c43} /* O permanente e' o que nao se desfaz sozinho: fica marcado. */ .bloq-selo-fixo{color:#a83247;background:#fdeff1} html.dark .bloq-selo-fixo{color:#ff8fa3;background:#3a2530} .bloq-tirar{width:auto!important;flex:0 0 auto;padding:8px 12px;font-size:13px} /* Conversa guardada com a pessoa fora do chat: mesmo desenho, apagado. */ .user-ico.offline{color:#9aa0a6;opacity:.85} html.dark .user-ico.offline{color:#8b8b93} .user-row-guardada{opacity:.92} .user-row-guardada .user-nick b{font-weight:800} .user-row-guardada small{display:block;color:var(--muted);font-size:12px;font-weight:400} /* O acordeao de apagar o historico usa a moldura dos outros; so' o aviso e' que fica com a cor de perigo. */ #historicoAccItem .br-block-warn{color:#a83247} html.dark #historicoAccItem .br-block-warn{color:#ff8fa3} /* A pergunta que substitui o confirm() do navegador. */ .gc-confirmar{max-width:min(94vw,420px)} .gc-confirmar .modal-content{padding:20px} .gc-confirmar-texto{margin:0 0 18px;color:var(--ink);font-size:14.5px;line-height:1.5} .gc-confirmar-accoes{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap} /* Os botoes da casa nascem de largura total; aqui ficam lado a lado. */ .gc-confirmar-accoes button{width:auto!important;min-width:110px;flex:1 1 0;margin:0!important} @media(max-width:400px){.gc-confirmar-accoes button{min-width:0;width:100%}} .album-rot{display:block;font-size:12px;font-weight:800;color:var(--muted);margin:10px 0 4px} .album-bloco{border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px} .album-criar{width:100%;margin-top:10px} .album-lista{display:flex;flex-direction:column;gap:8px} .album-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:8px} .album-item-cap{width:46px;height:46px;border-radius:10px;overflow:hidden;background:#f2edf7;display:grid;place-items:center;flex:0 0 auto} html.dark .album-item-cap{background:#332c43} .album-item-cap img{width:100%;height:100%;object-fit:cover} .album-sem-capa{color:var(--muted);display:grid;place-items:center} .album-item-in{flex:1;min-width:0;display:flex;flex-direction:column} .album-item-in b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .album-item-in span{font-size:12px;color:var(--muted)} .album-item .primary,.album-item .soft-button{flex:0 0 auto;width:auto;padding:8px 12px;font-size:13px;white-space:nowrap} .album-vazio{color:var(--muted);text-align:center;padding:14px 0} .album-aviso{font-size:12px;color:var(--muted);background:#f7f3fb;border-radius:10px;padding:8px 10px;margin:10px 0} html.dark .album-aviso{background:#2a2338} .album-conta{font-size:12px;color:var(--muted);margin:8px 0} .album-carregar{display:block;text-align:center;border:1px dashed var(--line);border-radius:12px;padding:12px;cursor:pointer;font-weight:800;color:var(--purple)} .album-progresso{font-size:12px;color:var(--muted);text-align:center;margin-top:6px} .album-grelha{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:10px} .album-mini{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#000} .album-mini img,.album-mini video{width:100%;height:100%;object-fit:cover;display:block} .album-mini-x{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:8px;background:#00000090;color:#fff;font-size:16px;line-height:1;cursor:pointer;padding:0} .album-mini-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:0 2px 8px #000} .album-grelha-ver{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))} .album-mini-ver{aspect-ratio:auto;max-height:260px;background:transparent} .album-mini-ver img,.album-mini-ver video{height:auto;max-height:260px;object-fit:contain;border-radius:10px} .album-apagar{width:100%;margin-top:14px} .album-voltar{border:0;background:transparent;color:var(--purple);font-weight:800;cursor:pointer;padding:0 0 10px} .album-ver-topo{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-bottom:8px;flex-wrap:wrap} .album-ver-tempo em{font-style:normal;font-weight:850;color:var(--ink);font-variant-numeric:tabular-nums} .album-trancado{text-align:center;padding:22px 10px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:8px} .album-trancado b{color:var(--ink);font-size:15px} .album-denunciar{width:100%;margin-top:14px} .album-denuncia{border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:10px} .album-denuncia .primary{width:100%;margin-top:10px} /* O cartao dentro da conversa. */ .album-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:8px 10px;background:#fff;color:var(--ink);margin-top:6px;max-width:320px} html.dark .album-card{background:#2a2338} .album-card-ico{color:var(--purple);display:grid;place-items:center;flex:0 0 auto} .album-card.trancado .album-card-ico{color:var(--muted)} .album-card-in{display:flex;flex-direction:column;min-width:0;flex:1} .album-card-in b{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .album-card-sub{font-size:11.5px;color:var(--muted);font-style:normal} .album-card-sub em{font-style:normal;font-weight:850;color:var(--ink);font-variant-numeric:tabular-nums} .album-card-btn{border:0;border-radius:10px;background:var(--purple);color:#fff;font-weight:800;font-size:12px;padding:7px 10px;cursor:pointer;flex:0 0 auto} .album-card.trancado .album-card-btn{background:#e8e2ef;color:var(--muted);cursor:default} html.dark .album-card.trancado .album-card-btn{background:#3d3450} /* Ver a foto em grande. E' um porque o visor tambem e': uma div com z-index nunca tapa um modal aberto com showModal(). */ .album-lupa{border:0;padding:0;background:transparent;width:100%;height:100%;max-width:100vw;max-height:100vh;overflow:hidden} .album-lupa::backdrop{background:#000000e8} .album-lupa .album-lupa-cx{width:100%;height:100%;display:grid;place-items:center;padding:10px;box-sizing:border-box} .album-lupa img,.album-lupa video{max-width:96vw;max-height:92vh;object-fit:contain;display:block;border-radius:10px} .album-lupa-x{position:fixed;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:12px;background:#ffffff26;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0} .album-mini-ver{cursor:zoom-in} @media(max-width:520px){.album-card{max-width:100%}.album-grelha{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}} /* Sem tempo de sessao nao ha' contador nenhum para mostrar. */ #sidebar .rail-session.rail-sem-limite, .rail-session.rail-sem-limite{display:none!important} html.dark .rail-session{background:#332c43}html.dark .rail-session-renew:hover{background:#3d3450}.info-modal-x{font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:900} /* Barra lateral compacta: mantém os alvos fáceis de clicar sem ocupar tanto espaço. */ .sidebar{width:132px!important;padding:16px 10px 78px!important}.sidebar .brand img{width:32px;height:32px}.sidebar-sep{width:110px;height:5px;margin:11px auto 10px!important}.sidebar-actions{gap:8px}.action-icons{grid-template-columns:repeat(2,50px);gap:5px}.action-icon-btn,.logout-btn{width:50px;height:50px;min-height:50px;border-radius:14px}.action-icon-btn svg,.logout-btn svg{width:21px;height:21px}.logout-btn{width:110px!important}.rail-session{width:110px;padding:6px 7px}.rail-session b{font-size:11.5px}.rail-credit{padding:9px 7px}.rail-credit img{max-width:88px} .composer .icon-button svg{width:21px;height:21px;stroke:currentColor}.composer .icon-button{color:var(--ink)} @media(min-width:981px){.app{grid-template-columns:minmax(0,1fr) 348px!important;grid-template-rows:1fr!important}.chat{grid-column:1!important;grid-row:1!important;min-width:0}.users{position:relative!important;grid-column:2!important;grid-row:1!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:auto!important;height:100%!important;transform:none!important;pointer-events:auto!important;box-shadow:none!important;z-index:1!important}.users.open{transform:none!important}.users-head{justify-content:flex-end}.composer{grid-template-columns:auto minmax(0,1fr) 56px}.composer textarea{min-width:0}.head-actions #usersButton{display:none!important}} @media(max-width:980px){.app{grid-template-columns:1fr!important}.chat{grid-column:1!important}.users{position:fixed!important;z-index:88!important;right:0!important;top:var(--ad-offset,0px)!important;bottom:0!important;width:min(280px,88vw)!important;height:auto!important;transform:translateX(105%)!important;pointer-events:none!important;box-shadow:-18px 0 55px #26182f24!important}.users.open{transform:none!important;pointer-events:auto!important}.composer{grid-template-columns:auto minmax(0,1fr) 44px}} .legal-inline-btn{background:none;border:none;padding:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;display:inline}.legal-inline-btn:hover{opacity:.8}.login-brand-row{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:6px} .login-brand-row img{width:44px;height:44px} .login-brand-row h1{margin:0;font-size:28px} .login-brand p,.login-sub{font-size:14px;color:var(--muted);text-align:center;margin:2px 0} .reserved-pin-wrap small{display:block;margin:-6px 0 12px;color:var(--muted);font-size:12px;text-align:left} .user-country-flag{width:20px;height:15px;border-radius:2px;box-shadow:0 0 0 1px #00000012;object-fit:cover;flex:0 0 auto} .country-select{position:relative;width:100%} .country-select-btn{display:flex;align-items:center;gap:9px;width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 14px;background:#fff;cursor:pointer;font:inherit;font-size:15px;color:var(--ink);text-align:left} .country-select-btn:focus,.country-select-btn.open{outline:none;border-color:var(--purple)} .country-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #dfd2e9;border-radius:16px;box-shadow:0 18px 42px #3c294c26;z-index:300;overflow:hidden;padding:8px} .country-dropdown.hidden{display:none} .country-search-box{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e7dced;border-radius:11px;background:#fbf9fd;margin-bottom:6px;color:var(--muted)} .country-search-box svg{width:17px;height:17px;flex:0 0 auto;stroke:currentColor} .country-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:13px} .country-search-input[type=search]::-webkit-search-cancel-button{display:none;-webkit-appearance:none;appearance:none} .country-search-input::placeholder{color:#9d91a8} .country-search-clear{display:none;width:22px;height:22px;border:0;border-radius:7px;background:#eee6f4;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;padding:0} .country-search-clear.visible{display:grid;place-items:center} .country-dropdown-status{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 5px 7px;color:var(--muted);font-size:11px} .country-dropdown-status strong{color:var(--purple);font-weight:850} .country-dropdown-list{max-height:min(320px,42vh);overflow-y:auto;padding:0 2px 2px;scrollbar-width:thin;scrollbar-color:#cbb7d9 transparent} .country-item{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:14px;transition:background .12s,color .12s} .country-item[hidden],.country-group-label[hidden]{display:none!important} .country-item:hover,.country-item:focus-visible{background:#f4edf8;color:var(--purple);outline:none} .country-item.selected{background:#eee3f5;color:var(--purple);font-weight:850;box-shadow:inset 3px 0 0 var(--purple)} .country-item img{width:22px;height:16px;border-radius:3px;flex:0 0 auto;box-shadow:0 0 0 1px #00000012} .country-group-label{position:sticky;top:0;z-index:1;padding:8px 8px 5px;background:#fff;color:var(--purple);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em} .country-empty{padding:24px 12px;text-align:center;color:var(--muted);font-size:13px} @media(max-width:700px){.country-dropdown{top:auto;bottom:calc(100% + 8px);max-height:min(410px,52vh)}.country-dropdown-list{max-height:min(320px,42vh)}.country-item{min-height:42px}} .users-head{height:auto!important;min-height:64px;padding:10px 12px!important;justify-content:stretch!important;gap:8px}.users-head b[data-i18n="usersLabel"]{display:none!important}.users-summary{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #eadff4;border-radius:16px;background:linear-gradient(135deg,#ffffff,#f7f0fb);box-shadow:0 8px 24px #3c294c10}.users-summary-item{min-width:0}.users-summary-label{display:none!important}.users-summary-value{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:900;color:var(--ink)}.users-summary-value .nick-value{color:var(--purple,#7048a6)!important;font-weight:900!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-summary-count{min-width:54px;text-align:right}.users-summary-count .users-summary-value{justify-content:flex-end;color:var(--green);font-size:18px}.users-summary-count .online-dot{margin-right:0;animation:pulse-dot 1.6s ease-in-out infinite}.users-summary-divider{width:1px;height:30px;background:linear-gradient(180deg,transparent,#d8c7e6,transparent)}.nick-lock-btn{width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--purple);display:grid;place-items:center;padding:0}.nick-lock-btn:hover{background:#f1e8f7;border-color:#d8c7e6}.nick-lock-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round} .app.nick-list-locked{grid-template-columns:minmax(0,1fr) 190px!important;grid-template-rows:1fr!important}.app.nick-list-locked .chat{grid-column:1!important;grid-row:1!important;min-width:0}.app.nick-list-locked .users{position:relative!important;grid-column:2!important;grid-row:1!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:190px!important;height:100%!important;transform:none!important;pointer-events:auto!important;box-shadow:none!important;z-index:1!important}.app.nick-list-locked .users-head{min-height:56px!important;padding:8px!important}.app.nick-list-locked .users-summary{grid-template-columns:minmax(0,1fr) auto!important;gap:7px;padding:8px;border-radius:12px}.app.nick-list-locked .users-summary-label,.app.nick-list-locked .users-summary-divider{display:none!important}.app.nick-list-locked .users-summary-count{min-width:0}.app.nick-list-locked .users-summary-count .users-summary-value{font-size:15px}.app.nick-list-locked .users-summary-value{font-size:13px}.app.nick-list-locked .nick-lock-btn{width:38px;height:38px;border-radius:12px}.app.nick-list-locked .user-list{padding:6px}.app.nick-list-locked .room-row{position:relative;justify-content:center;min-height:42px;padding:9px 6px;margin-bottom:6px}.app.nick-list-locked .room-row>.online-dot,.app.nick-list-locked .room-label{display:none!important}.app.nick-list-locked .room-row.cam-room-pill{justify-content:center!important;gap:0!important;padding:8px 7px!important}.app.nick-list-locked .room-row.cam-room-pill>.online-dot{display:none!important}.app.nick-list-locked .room-row.cam-room-pill .room-label{display:none!important}.app.nick-list-locked .room-row.cam-room-pill .cam-room-icon{display:grid!important;place-items:center;color:var(--purple);margin:0}.app.nick-list-locked .room-row.cam-room-pill .cam-room-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important}.app.nick-list-locked .room-row.cam-room-pill .cam-room-pill-count{display:none!important}.app.nick-list-locked .room-icon{display:grid;place-items:center;margin:0}.app.nick-list-locked .room-icon svg{width:21px;height:21px}.app.nick-list-locked .room-icon .room-globe-color{width:25px;height:25px}.app.nick-list-locked .room-abbr{display:grid;place-items:center;min-width:21px;height:21px;padding:0 3px;border-radius:7px;background:#f1e8f7;color:var(--purple);font-size:10px;font-weight:900;letter-spacing:.02em;margin-right:2px}.app.nick-list-locked .room-badge{position:absolute;right:5px;top:4px}.app.nick-list-locked .user-row{padding:9px 7px;gap:7px}.app.nick-list-locked .report-mini,.app.nick-list-locked .user-nick small{display:none!important}.app.nick-list-locked .user-nick{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media(max-width:700px){.app.nick-list-locked{grid-template-columns:minmax(0,1fr) 158px!important}.app.nick-list-locked .users{width:158px!important}.app.nick-list-locked .users-head{padding:6px!important}.app.nick-list-locked .users-summary{padding:7px 6px}.app.nick-list-locked .users-summary-value{font-size:12px}.app.nick-list-locked .users-summary-count .users-summary-value{font-size:14px}.app.nick-list-locked .nick-lock-btn{width:34px;height:34px}.app.nick-list-locked .user-row{padding:8px 6px}.app.nick-list-locked .user-nick{font-size:12.5px}} .users-summary{grid-template-columns:minmax(0,1fr) auto auto auto}.users-summary .nick-lock-btn{background:transparent;border:0;box-shadow:none;color:var(--purple)}.users-summary .nick-lock-btn:hover{background:#eadff4}.room-rail{display:flex;flex-direction:column;gap:2px}.app.nick-list-locked{grid-template-columns:minmax(0,1fr) 148px!important}.app.nick-list-locked .users{width:148px!important}.app.nick-list-locked .users-summary{grid-template-columns:minmax(0,1fr) auto auto!important;background:#f1e8f7!important;border-color:#d8c7e6!important;gap:5px;padding:7px 6px}.app.nick-list-locked .users-summary-value{font-size:11px}.app.nick-list-locked .users-summary-count .users-summary-value{font-size:13px}.app.nick-list-locked .nick-lock-btn{width:32px;height:32px}.app.nick-list-locked .room-rail{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 6px}.app.nick-list-locked .room-rail .room-row{width:100%;min-height:39px;margin:0;padding:8px 5px}.app.nick-list-locked .room-rail .room-row.active,.app.nick-list-locked .room-rail .room-row[aria-current="true"]{background:#f1e8f7;color:var(--purple);border-color:#d8c7e6}.app.nick-list-locked .room-rail .room-row .room-icon .user-country-flag{width:22px;height:16px;border-radius:4px}.app.nick-list-locked .user-row{padding:7px 5px!important;gap:5px!important}.app.nick-list-locked .online-dot{width:7px!important;height:7px!important}.app.nick-list-locked .user-nick{font-size:11px!important;line-height:1.15;letter-spacing:0}.user-nick-line{display:flex;align-items:center;gap:7px;min-width:0;width:100%}.user-nick-line b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-msg-count{display:inline-grid;place-items:center;flex:0 0 auto;min-width:20px;height:20px;border-radius:99px;padding:0 6px;margin-left:auto;background:#f1e8f7;color:var(--purple);border:1px solid #d8c7e6;font-size:11px;font-weight:900;line-height:1;box-shadow:none;vertical-align:middle}.app.nick-list-locked{position:relative!important;grid-template-columns:minmax(0,1fr)!important}.app.nick-list-locked .chat{grid-column:1!important;grid-row:1!important;padding-right:0!important}.app.nick-list-locked .users{position:absolute!important;top:0!important;right:0!important;bottom:64px!important;left:auto!important;width:148px!important;height:auto!important;z-index:5!important}.app.nick-list-locked .messages{padding-right:162px}.app.nick-list-locked .composer{position:relative;z-index:6}.app.nick-list-locked .user-msg-count{min-width:18px;height:18px;padding:0 5px;font-size:10px;background:#f1e8f7;color:var(--purple);border:1px solid #d8c7e6;box-shadow:none}@media(max-width:700px){.app.nick-list-locked{display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;grid-template-rows:1fr!important}.app.nick-list-locked #usersButton{display:none!important}.app.nick-list-locked .chat{grid-column:1!important;grid-row:1!important;min-width:0!important}.app.nick-list-locked .users{position:relative!important;grid-column:2!important;grid-row:1!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:118px!important;height:100%!important;z-index:5!important;transform:none!important;pointer-events:auto!important}.app.nick-list-locked .messages{padding-right:6px!important}.app.nick-list-locked .composer{position:relative;z-index:6;grid-template-columns:auto auto minmax(0,1fr) 48px!important;gap:5px!important;padding-left:6px!important;padding-right:6px!important}.app.nick-list-locked .composer .icon-button{width:36px!important;height:40px!important}.app.nick-list-locked .send{width:48px!important;min-width:48px!important}.app.nick-list-locked .message{max-width:98%!important}.app.nick-list-locked .user-msg-count{min-width:16px;height:16px;padding:0 4px;font-size:9px}} .notif-intro{color:var(--muted);font-size:13px;margin:0 0 14px;line-height:1.5}.notif-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 8px}.notif-section-label:first-of-type{margin-top:0}.notif-toggles{border:1px solid var(--line,#e8e0f0);border-radius:12px;overflow:hidden;margin-bottom:4px}.notif-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;margin:0;-webkit-tap-highlight-color:transparent}.notif-toggle-row+.notif-toggle-row{border-top:1px solid var(--line,#e8e0f0)}.notif-toggle-row>span:first-child{font-size:14px;color:var(--ink);flex:1}.notif-toggle-row:hover{background:rgba(112,72,166,.04)}.notif-switch{position:relative;display:inline-flex;flex:0 0 44px;height:24px}.notif-switch input{opacity:0;width:0;height:0;position:absolute}.notif-track{position:absolute;inset:0;background:#ccc;border-radius:99px;transition:background .18s;cursor:pointer}.notif-track:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .18s;box-shadow:0 1px 3px rgba(0,0,0,.25)}.notif-switch input:checked~.notif-track{background:var(--purple,#7048a6)}.notif-switch input:checked~.notif-track:before{transform:translateX(20px)}.away-message-row{margin:10px 0 4px}.away-message-label{display:block;font-size:12px;font-weight:800;color:var(--muted);margin:0 0 6px}.away-message-input{min-height:72px;resize:vertical}.away-system-note{margin-top:7px;padding-top:7px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.mine .away-system-note{border-color:#ffffff36;color:#f3e9ff}.sound-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.sound-grid-btn{width:100%} .app.nick-list-locked .users{display:flex!important;transform:none!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important} .app.nick-list-locked .chat-head{padding-right:162px!important} .app.nick-list-locked .head-actions{gap:6px!important;flex:0 0 auto} .app.nick-list-locked .head-actions .icon-button,.app.nick-list-locked .head-actions .top-room-button{width:36px!important;height:36px!important;border-radius:11px!important;font-size:16px!important} .app.nick-list-locked .head-actions svg{width:19px!important;height:19px!important} @media(max-width:980px){.app.nick-list-locked .chat-head{padding-right:126px!important;padding-left:8px!important}.app.nick-list-locked .head-actions{gap:4px!important}.app.nick-list-locked .head-actions .icon-button,.app.nick-list-locked .head-actions .top-room-button{width:32px!important;height:32px!important;border-radius:10px!important}.app.nick-list-locked .head-actions svg{width:17px!important;height:17px!important}} html.dark dialog.modal,html.dark .modal{border:3px solid transparent!important;background-image:linear-gradient(var(--surface),var(--surface)),linear-gradient(135deg,#ff5f6d,#ffc371,#ffe94f,#47e08a,#3aa7ff,#a36bff)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;background-color:transparent!important} .media-sheet{overflow:hidden!important;border:3px solid transparent!important;background-image:linear-gradient(var(--surface,#fff),var(--surface,#fff)),linear-gradient(135deg,#ff5f6d,#ffc371,#ffe94f,#47e08a,#3aa7ff,#a36bff)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;background-color:transparent!important;border-radius:24px 24px 0 0!important} html.dark .media-sheet{background-image:linear-gradient(var(--surface),var(--surface)),linear-gradient(135deg,#ff5f6d,#ffc371,#ffe94f,#47e08a,#3aa7ff,#a36bff)!important} html.dark .nick-lock-btn{background:#f1e8f7!important;color:#7048a6!important;border-color:#d8c7e6!important;box-shadow:0 0 0 1px #ffffff18 inset!important} html.dark .nick-lock-btn svg{display:block!important;opacity:1!important;stroke:currentColor!important;color:#7048a6!important} html.dark .users-summary .nick-lock-btn{background:#f1e8f7!important;color:#7048a6!important} .users-summary{grid-template-columns:minmax(0,1fr) auto auto auto!important} .users-summary .nick-lock-btn{display:grid!important;visibility:visible!important;opacity:1!important;flex:0 0 42px!important;min-width:42px!important;grid-column:auto!important} @media (min-width:701px){.app.nick-list-locked .users-summary{grid-template-columns:minmax(0,1fr) auto auto!important}.app.nick-list-locked .users-summary .nick-lock-btn{display:grid!important;visibility:visible!important;opacity:1!important;min-width:32px!important;flex-basis:32px!important}} @media(min-width:981px){.users-summary .nick-lock-btn{display:none!important;visibility:hidden!important;opacity:0!important;min-width:0!important;width:0!important;flex-basis:0!important}.users-summary{grid-template-columns:minmax(0,1fr) auto auto!important}} @media(max-width:980px){.users-summary .nick-lock-btn{display:grid!important;visibility:visible!important;opacity:1!important}} @media(max-width:980px){.app.nick-list-locked{--locked-users-width:118px;grid-template-columns:minmax(0,calc(100vw - var(--locked-users-width))) var(--locked-users-width)!important}.app.nick-list-locked .chat{width:calc(100vw - var(--locked-users-width))!important;max-width:calc(100vw - var(--locked-users-width))!important;min-width:0!important}.app.nick-list-locked .users{width:var(--locked-users-width)!important;min-width:var(--locked-users-width)!important;max-width:var(--locked-users-width)!important}.app.nick-list-locked .chat-head{position:relative!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:4px!important;padding:6px 4px!important;height:48px!important}.app.nick-list-locked .head-left{gap:3px!important}.app.nick-list-locked .head-actions{gap:3px!important}.app.nick-list-locked .chat-title{min-width:0!important;text-align:center!important;padding:0 2px!important}.app.nick-list-locked .chat-title b{justify-content:center!important;font-size:13px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.app.nick-list-locked .head-left .icon-button,.app.nick-list-locked .head-actions .icon-button,.app.nick-list-locked .head-actions .top-room-button{width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important}.app.nick-list-locked .head-left svg,.app.nick-list-locked .head-actions svg{width:16px!important;height:16px!important}.app.nick-list-locked .composer{width:100%!important;grid-template-columns:34px 34px minmax(0,1fr) 44px!important;gap:4px!important;padding:6px 5px calc(6px + env(safe-area-inset-bottom))!important}.app.nick-list-locked .composer .icon-button{width:34px!important;height:38px!important;min-width:34px!important;border-radius:10px!important}.app.nick-list-locked .composer textarea{min-width:0!important;width:100%!important;min-height:38px!important;padding:8px 10px!important;font-size:14px!important}.app.nick-list-locked .send{width:44px!important;min-width:44px!important;min-height:38px!important;border-radius:11px!important}.app.nick-list-locked .send svg{width:18px!important;height:18px!important}} @media(max-width:980px){.app.nick-list-locked{--locked-users-width:118px;grid-template-columns:1fr!important}.app.nick-list-locked .chat{width:100vw!important;max-width:100vw!important;grid-template-rows:48px minmax(0,1fr) auto!important}.app.nick-list-locked .users{position:absolute!important;top:48px!important;right:0!important;bottom:54px!important;left:auto!important;width:var(--locked-users-width)!important;min-width:var(--locked-users-width)!important;max-width:var(--locked-users-width)!important;height:auto!important;z-index:5!important}.app.nick-list-locked .messages{padding-right:calc(var(--locked-users-width) + 8px)!important}.app.nick-list-locked .composer-area{position:relative!important;z-index:6!important;width:100vw!important}.app.nick-list-locked .composer{grid-template-columns:auto minmax(0,1fr) auto!important;width:100%!important}.app.nick-list-locked .composer-wrap{display:flex!important;gap:4px!important}.app.nick-list-locked .composer textarea{display:block!important;min-width:0!important;width:100%!important}.app.nick-list-locked .chat-head{padding-right:4px!important}} .app.nick-list-locked .room-rail .room-row{overflow:visible!important}.app.nick-list-locked .room-rail .room-icon{position:relative!important;z-index:1!important}.app.nick-list-locked .room-rail .room-badge{z-index:4!important;border:2px solid var(--surface,#fff)!important;box-shadow:0 4px 12px #e91b2d45!important} /* Scheduled CAM alert shown on the CAM entry button while browsing the country room. */ .cam-room-pill{position:relative;overflow:hidden} .cam-room-pill .cam-alert-bg{position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none} .cam-room-pill>*:not(.cam-alert-bg){position:relative;z-index:1} .cam-room-pill.cam-alert-active{color:#fff!important;border-color:transparent!important} .cam-room-pill.cam-alert-active .online-dot{background:#22c55e!important} .cam-room-pill.cam-alert-active .cam-room-pill-count{background:#fff;color:#b91c1c} .ms-profile-stats,.ttt-profile-stats,#msProfileStats,#tttProfileStats{display:none!important} .check a, .modal .check a, #randomNickChangeModal .check a { color: var(--purple, #7048a6) !important; font-weight: 800 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } .check a:hover, .modal .check a:hover, #randomNickChangeModal .check a:hover { color: var(--purple2, #8b5cf6) !important; } html.dark .check a, html.dark .modal .check a, html.dark #randomNickChangeModal .check a { color: #b78de0 !important; } /* Filtro de camaras paradas */ .cam-filter-badge{display:inline-flex;align-items:center;gap:6px;margin-left:auto;margin-right:8px;padding:4px 10px;border:0;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer;line-height:1} .cam-filter-badge:hover{background:rgba(255,255,255,.3)} .cam-filter-badge .cam-filter-ico{display:inline-flex;width:16px;height:16px} .cam-filter-badge .cam-filter-ico svg{width:16px;height:16px} .cam-filter-badge.cam-filter-on{background:#fff;color:#7048a6} @media(max-width:640px){.cam-filter-badge .cam-filter-txt{display:none}} /* O mosaico sai de vista mas NAO leva display:none: o browser pararia de descodificar o video e a pessoa nunca mais poderia ser vista a mexer-se. */ .cam-tile.cam-parada{position:absolute!important;left:-9999px;top:0;width:96px;height:72px;opacity:0;pointer-events:none} .cam-filter-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 10px;font-size:14px;font-weight:600} .cam-filter-select{flex:0 0 auto;max-width:60%;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px} .cam-filter-help{margin:0 0 10px;color:var(--muted);font-size:12.5px;line-height:1.5} .cam-filter-help b{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:6px;background:var(--purple);color:#fff;font-size:11px} #camFilterBtn.cam-filter-ativo{background:linear-gradient(135deg,var(--purple),var(--pink));border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(112,72,166,.32)}#camFilterBtn.cam-filter-ativo:hover{background:linear-gradient(135deg,var(--purple),var(--pink));border-color:transparent;transform:translateY(-1px);box-shadow:0 9px 20px rgba(112,72,166,.4)} .cam-estou-parado{margin:10px 0 0;padding:10px 14px;border-radius:12px;background:#fdecef;color:#a8324a;border:1px solid #f6c9d3;font-size:13px;font-weight:700;line-height:1.5;text-align:center} html.dark .cam-estou-parado{background:#3a1b24;color:#f7a8ba;border-color:#5d2c39} .cam-filter-reciproco{border-left:3px solid var(--purple);padding-left:10px} @media(orientation:landscape) and (max-height:560px){#mediaModal .media-sheet{max-width:min(96vw,760px)!important}#camWrap h3{display:none}#camWrap{gap:8px}#camVideoWrap,#camVideo,#camPreview{max-height:min(58vh,320px);max-height:min(58dvh,320px)}} @media(max-width:420px){#camWrap h3{font-size:16px;margin:0}.media-actions .btn-primary,.media-actions .btn-secondary,.media-actions .btn-danger{min-height:46px}} .publicity-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 10px;font-weight:800;font-size:14.5px;line-height:1.3;text-align:center;color:var(--purple)} .publicity-cta:empty{display:none} .publicity-cta svg{width:18px;height:18px;flex:0 0 18px;animation:publicityDesce 1.6s ease-in-out infinite} @keyframes publicityDesce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}} @media(prefers-reduced-motion:reduce){.publicity-cta svg{animation:none}} html.dark .publicity-cta{color:#c9a4ee}