
/* StormTube interactions: improved contrast and Portuguese-only native controls */
.btn{color:#f6fbff!important;border-color:#536070;background:#29313d;text-shadow:none}
.btn:hover:not(:disabled){color:#fff!important;border-color:#7a8998;background:#3a4353}
.btn.green{color:#05190e!important;background:#55f68a;border-color:#55f68a}
.btn.green:hover:not(:disabled){color:#04170b!important;background:#87ffae}
.icon-button{color:#eef4ff}
#share-channel{min-height:42px;box-shadow:0 2px 11px #237e4a33}
.st-offline-preview{width:100%;height:auto;max-height:205px;object-fit:contain;background:#0a0d10}
.st-offline-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.27) blur(2px);pointer-events:none}
.offline{isolation:isolate;background:#0c1117}
.offline[hidden]{display:none!important}
.st-offline-contents{position:relative;z-index:1;width:100%;max-width:850px;max-height:100%;overflow:auto;scrollbar-width:thin;padding:10px}
.st-offline-contents h2{font-size:clamp(21px,2.1vw,30px);margin:8px}
.st-offline-contents p{font-size:13px;margin:7px 0 12px;color:#cbded6}
.st-offline-recommendations{display:flex;flex-direction:column;align-items:center;gap:10px;margin:8px 0}
.st-offline-suggested{width:min(100%,440px);background:#131c20ed;border:1px solid #4b8164;border-radius:13px;padding:10px}
.st-recommended-heading{font-size:12px;color:#a2ffc5;font-weight:850;text-align:left;margin-bottom:7px}
.st-offline-video-box{width:100%;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#080b0f}
.st-offline-video-box video{width:100%;height:100%;object-fit:contain}
.st-recommended-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:9px}
.st-recommended-actions .btn{font-size:11px;padding:9px 10px}
.st-recommended-actions span{font-size:10px;color:#a2b5b5}
.st-recommended-channels{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.st-recommended-channels a{display:flex;align-items:center;gap:7px;padding:7px 9px;background:#1b2e25e8;border:1px solid #43634b;border-radius:8px;font-size:11px}
.st-recommended-channels .avatar{width:26px;height:26px}
.st-recommended-channels span:last-child{color:#91efaf}
.st-offline-empty{color:#b9d4c4;background:#1a261e;padding:12px;border-radius:9px;font-size:12px}

.chat{overflow:visible}
.chat-log{font-size:13px}
.chat-compose{border-radius:0 0 8px 8px}
.emoji-bar{flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:thin}
.emoji-bar .st-palette-tab{font-size:11px;font-weight:800;white-space:nowrap;background:#26372f;border:1px solid #3b6952;color:#c1ffda;border-radius:7px;padding:6px 9px}
.emoji-bar .st-palette-tab:hover{background:#346348;color:#fff;transform:none}
.st-chat-palette{background:#15211b;border:1px solid #365c45;border-radius:9px;padding:10px;max-height:205px;overflow-y:auto;margin-bottom:9px}
.st-chat-palette[hidden],.st-chat-user-card[hidden]{display:none!important}
.st-chat-palette>strong{display:block;font-size:12px;margin-bottom:7px;color:#b4ffce}
.st-palette-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.st-palette-grid button{display:flex;flex-direction:column;align-items:center;gap:2px;color:#cfefe0;background:#243129;border:1px solid #3f5a48;border-radius:7px;padding:6px 2px;font-size:24px;min-height:42px}
.st-palette-grid button:hover{border-color:#7cffa8;transform:translateY(-1px)}
.st-palette-grid button small{font-size:9px;color:#b8d2bf}
.st-palette-grid button img{max-width:64px;max-height:55px;object-fit:contain}
.st-palette-empty{font-size:11px;color:#c7d7c8;line-height:1.5}
.st-sticker,.st-message-sticker{display:inline-flex;font-size:31px;vertical-align:middle;align-items:center;justify-content:center;filter:drop-shadow(0 2px 5px #0009)}
.st-message-sticker{margin:0 4px;animation:st-sticker-wiggle 1.4s ease-in-out both}
.st-wink,.st-message-wink{animation:st-wink-pop 1.2s ease-in-out infinite alternate}
.st-message-wink{font-size:42px;margin:4px 8px}
.st-chat-gif{object-fit:contain;border:1px solid #355943;border-radius:7px;margin:2px 5px}
.st-chat-name{display:inline;border:0;background:transparent;color:#a8ffd0;font-weight:850;padding:0 3px 0 0;font-size:inherit;border-radius:0}
.st-chat-name:hover{text-decoration:underline;color:#e5fff0}
.st-chat-user-card{position:absolute;right:10px;bottom:75px;z-index:22;width:min(355px,calc(100% - 20px));background:#19232a;border:1px solid #588063;box-shadow:0 18px 55px #000b;border-radius:13px;padding:14px}
.st-user-card-head{display:flex;align-items:center;gap:10px}
.st-user-card-head .avatar{width:46px;height:46px}
.st-user-card-head>div{flex:1;min-width:0}
.st-user-card-head strong{font-size:16px}
.st-user-card-head small{display:block;color:#a9bdba;margin-top:3px;font-size:12px}
.st-user-card-close{background:#27322c;color:#fff;border:1px solid #57685b;padding:3px 9px}
.st-user-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.st-user-card-actions .btn{font-size:11px;padding:8px 10px;white-space:normal}
.st-mod-ban{color:#ffd9df!important;border-color:#a35c64!important}
.st-user-loading{color:#bfcfc3}
@keyframes st-wink-pop{0%{transform:scale(.75) rotate(-12deg)}55%{transform:scale(1.19) rotate(9deg)}100%{transform:scale(1) rotate(0)}}
@keyframes st-sticker-wiggle{0%{transform:rotate(-9deg) scale(.8)}40%{transform:rotate(9deg) scale(1.22)}80%{transform:rotate(-3deg) scale(1)}100%{transform:none}}
@media(max-width:620px){.st-offline-contents{padding:4px}.st-offline-suggested{max-width:300px}.st-offline-video-box{aspect-ratio:16/8}.st-offline-contents h2{font-size:17px}.st-offline-contents p{font-size:10px}.st-recommended-actions span{display:none}.chat{overflow:visible}.st-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.st-message-wink,.st-wink,.st-message-sticker{animation:none}}

.st-file-native{display:none!important}.st-file-picker{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.st-file-picker .btn{font-size:12px;padding:9px 13px}.st-file-name{font-size:12px;color:#b3d4bf;overflow-wrap:anywhere}

.st-friend-row{display:flex;gap:11px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #344039;padding:14px 2px}.st-friend-row .avatar{width:42px;height:42px}.st-friend-row>div{flex:1;min-width:150px}.st-friend-row>div b{display:block;font-size:15px}.st-friend-row>div small{color:#b1c8bb;font-size:12px}.st-friend-row>.btn{font-size:12px;padding:9px 12px}

/* Refined live chat: visual rhythm based on compact conversation columns */
.chat-log{padding:10px 11px;font-size:13px;line-height:1.42}
.chat-msg{gap:7px;margin:0 0 6px;align-items:flex-start;padding:3px 2px;border-radius:5px;min-height:25px}
.chat-msg:hover{background:#27322c55}
.chat-msg .avatar{width:26px;height:26px;min-width:26px;flex-shrink:0;margin-top:1px;border:1px solid #3a5d4e}
.chat-msg-content{font-size:13px;line-height:1.45;padding-top:1px}
.chat-time{font-size:10px!important;margin-right:4px!important}
.chat-msg .mod-badge{font-size:11px;margin-right:5px}
.st-chat-name{font-size:13px;font-weight:850;line-height:1.4;margin-right:4px;vertical-align:baseline}
.chat-msg-content>.st-message-sticker{display:inline-flex;vertical-align:middle;font-size:27px;margin:0 5px;min-width:30px;line-height:1.15}
.chat-msg-content>.st-message-wink{font-size:31px;margin:0 6px}
.chat-msg-content img.st-chat-gif{width:auto!important;height:auto!important;max-width:80px;max-height:60px;vertical-align:middle;border-radius:6px}
.chat-msg-content .st-chat-emote{width:25px;height:25px;object-fit:contain}
.st-message-sticker{animation:st-sticker-loop 1.8s ease-in-out infinite!important;transform-origin:center}
.st-message-wink{animation:st-wink-loop 1.3s cubic-bezier(.33,.2,.7,.9) infinite!important;transform-origin:center}
@keyframes st-sticker-loop{0%,100%{transform:translateY(0) rotate(-4deg) scale(.96)}45%{transform:translateY(-3px) rotate(6deg) scale(1.13)}70%{transform:rotate(-2deg) scale(1.02)}}
@keyframes st-wink-loop{0%,100%{transform:translateY(0) scale(.9) rotate(-10deg);filter:drop-shadow(0 1px 2px #0008)}
  45%{transform:translateY(-5px) scale(1.22) rotate(10deg);filter:drop-shadow(0 2px 9px #5bff9c99)}}
@media(prefers-reduced-motion:reduce){.st-message-sticker,.st-message-wink{animation:none!important}}

.home-chat-message .st-chat-body{display:inline;line-height:1.4}
.home-chat-message .st-message-sticker{font-size:24px;line-height:1.15;min-width:24px;vertical-align:middle;margin:0 4px}
.home-chat-message .st-message-wink{font-size:28px;vertical-align:middle}
.home-chat-message .st-chat-gif{max-width:55px;max-height:48px;width:auto;height:auto;vertical-align:middle;object-fit:contain}
.home-chat-message .st-chat-emote{width:23px;height:23px;object-fit:contain;vertical-align:middle}
