*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#050101;color:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%}.container{width:min(1180px,92vw);margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(5,0,0,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,40,45,.20)}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:94px}.brand{display:flex;align-items:center;gap:14px;min-width:230px}.brand-icon{width:70px;height:70px;flex:0 0 70px;display:grid;place-items:center;overflow:visible}.brand-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,30,35,.35))}.brand-text{font-weight:950;text-transform:uppercase;letter-spacing:.02em;font-size:1.34rem;line-height:1}.brand-text strong{color:#ff1731}.brand-text small{display:block;color:#ff9aa8;font-size:.72rem;font-weight:500;letter-spacing:.12em;margin-top:8px}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:2rem}.nav-links{display:flex;align-items:center;gap:12px}.nav-links a{padding:13px 18px;border-radius:999px;font-weight:900;color:#f8f8f8;white-space:nowrap;border:1px solid transparent}.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.06);border-color:rgba(255,45,55,.22);box-shadow:0 0 30px rgba(255,0,0,.10)}.profile-nav img{width:30px;height:30px;border-radius:50%;vertical-align:middle;margin-right:6px;border:1px solid rgba(255,255,255,.18)}.profile-nav img.default-logo{object-fit:contain;background:transparent}.profile-nav img.has-photo{object-fit:cover}.hero,.section{position:relative;padding:86px 0}.buy-first{padding-top:100px}.hero-bg{position:absolute;inset:0;opacity:.28;pointer-events:none;overflow:hidden}.hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.2) contrast(1.1)}.hero::after,.section::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,0,35,.22),transparent 42%),linear-gradient(180deg,rgba(12,0,0,.15),rgba(4,0,0,.9));pointer-events:none}.hero>* ,.section>*{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:54px;align-items:center}.title-xl,.title-lg{margin:0;line-height:.9;text-transform:uppercase;font-weight:1000;letter-spacing:-.04em}.title-xl{font-size:clamp(3.9rem,9vw,8.7rem)}.title-lg{font-size:clamp(2.7rem,6vw,5.2rem)}.title-xl span{display:block;color:#ff102b}.kicker{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.22em;color:#ff9aa8;font-weight:1000;font-size:.85rem}.kicker::before{content:"";display:inline-block;width:58px;height:5px;border-radius:999px;background:linear-gradient(90deg,#ff0f27,#fff)}.lead{color:#ddd;font-size:1.18rem;line-height:1.65;max-width:720px}.small{color:#cfc8cc;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:18px;padding:17px 24px;background:linear-gradient(135deg,#ff152b,#a10010);color:#fff;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 12px 45px rgba(255,0,25,.24);cursor:pointer;text-align:center}.btn-outline{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);box-shadow:none}.full{width:100%}.price-strip{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.price-card-mini{padding:14px 18px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);border-radius:18px}.price-card-mini del{color:#aaa;margin-right:12px}.price-card-mini strong{font-size:2rem;color:#fff}.micro-badge,.tag{display:inline-block;background:rgba(255,0,35,.14);border:1px solid rgba(255,45,55,.25);color:#ffb0ba;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.micro-badge.alt{background:rgba(255,255,255,.06);color:#fff}.hero-visual-head{margin-bottom:18px}.visual-stack-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:560px;margin-left:auto}.visual-stack-videos video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:24px;border:1px solid rgba(255,40,50,.2);background:#000;box-shadow:0 24px 65px rgba(0,0,0,.45);max-height:360px}.section-dark{background:linear-gradient(180deg,#080202,#130106)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border-radius:28px;box-shadow:0 24px 80px rgba(0,0,0,.35);overflow:hidden}.pad{padding:28px}.buy-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.price-big{font-size:clamp(4rem,10vw,7.6rem);font-weight:1000;letter-spacing:-.07em;color:#fff}.price-big small{font-size:.35em}.check-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:13px}.check{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ff1731;color:#fff;font-weight:1000;margin-right:8px}.demo-four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.video-card video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:28px 28px 0 0}.center-actions{margin-top:24px;text-align:center}.footer{border-top:1px solid rgba(255,40,45,.16);padding:38px 0;background:#050000}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;color:#ddd}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:60;width:76px;height:76px;border-radius:50%;filter:drop-shadow(0 12px 30px rgba(0,0,0,.55))}.whatsapp-float img{width:100%;height:100%;object-fit:contain}.checkout-modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);display:grid;place-items:center}.checkout-box{width:min(520px,92vw);background:#120205;border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:28px}.modal-close{float:right;background:none;border:0;color:#fff;font-size:2rem}.notice{padding:16px 18px;border-radius:18px;margin:14px 0;font-weight:800;line-height:1.45}.notice.error{background:rgba(255,30,35,.14);border:1px solid rgba(255,30,35,.3)}.notice.success{background:rgba(0,190,120,.14);border:1px solid rgba(0,190,120,.28)}.notice.premium{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13)}.form-box{display:grid;gap:14px}.form-box label{font-weight:950}.form-box input,.form-box textarea,.form-box select,textarea,select{width:100%;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,70,70,.20);background:rgba(0,0,0,.42);color:#fff;outline:none;font:inherit}.form-box input[type=file]{padding:14px;background:rgba(255,255,255,.06)}.form-box input[type=range]{padding:0}.form-box textarea,textarea{min-height:120px;resize:vertical}.form-box select option,select option{color:#111}.access-card{max-width:780px;text-align:center}.login-grid{display:grid;grid-template-columns:1fr .9fr;gap:24px}.recover-actions{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:16px}.forgot-link{font-weight:950;color:#ffd0d6}.app-tabs,.profile-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.app-tabs button,.profile-tabs button{cursor:pointer;padding:15px 22px;border-radius:999px;border:1px solid rgba(255,55,55,.2);background:rgba(255,255,255,.05);color:#fff;font-weight:950}.app-tabs button.active,.profile-tabs button.active{background:linear-gradient(135deg,#ff1731,#80000c)}.app-panel,.profile-panel{display:none}.app-panel.active,.profile-panel.active{display:block}.app-card .icon,.feature .icon{font-size:2.2rem}.profile-hero{position:relative;overflow:hidden}.profile-cover{position:absolute;inset:0;height:132px;background:radial-gradient(circle at 20% 20%,rgba(255,20,30,.42),transparent 45%),linear-gradient(135deg,rgba(255,0,0,.18),rgba(0,0,0,.1));border-bottom:1px solid rgba(255,55,55,.18)}.profile-main{position:relative;display:flex;gap:24px;align-items:end;padding-top:64px}.profile-avatar-xl,.profile-avatar-lg{width:var(--avatar-size,118px);height:var(--avatar-size,118px);border-radius:50%;border:2px solid rgba(255,255,255,.18);background:transparent;box-shadow:0 20px 55px rgba(0,0,0,.45)}.profile-avatar-xl.has-photo,.profile-avatar-lg.has-photo{object-fit:cover;background:#090101}.profile-avatar-xl.default-logo,.profile-avatar-lg.default-logo{object-fit:contain;padding:3px;background:transparent}.avatar-click-form{margin:0}.avatar-click{display:grid;gap:8px;place-items:center;cursor:pointer}.avatar-click span{background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 12px;font-weight:900;font-size:.82rem}.profile-preview{display:grid;place-items:center;text-align:center;gap:12px}.profile-chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.profile-chips span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 12px;color:#ffd4d8}.switch-line{display:flex!important;align-items:center;gap:10px}.switch-line input{width:auto!important}.community-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.composer-user,.post-top{display:flex;align-items:center;gap:14px}.composer-user img,.post-top img{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.composer-user img.has-photo,.post-top img.has-photo{object-fit:cover}.composer-user img.default-logo,.post-top img.default-logo{object-fit:contain;background:transparent}.feed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.feed-list{display:grid;gap:24px}.feed-post{padding:20px}.post-caption{font-size:1.06rem;line-height:1.55;color:#f0e8ea}.post-media{display:block;width:min(520px,100%);max-height:680px;object-fit:contain;background:#000;border-radius:22px;margin:16px 0;border:1px solid rgba(255,255,255,.09)}.post-actions{display:flex;align-items:center;gap:12px}.like-btn,.delete-btn{border:0;border-radius:999px;padding:10px 16px;font-weight:950;cursor:pointer}.like-btn{background:rgba(255,255,255,.08);color:#fff}.like-btn.liked{background:#ff1731}.delete-btn{background:rgba(255,255,255,.07);color:#ffb8bd}.empty-feed{text-align:center}.mini-profile-card{display:flex;align-items:center;gap:16px;margin-bottom:24px}.mini-profile-card img{width:64px;height:64px;border-radius:50%}.pack-card strong{display:block;font-size:1.35rem;margin:12px 0}.community-rules li{align-items:flex-start}
@media(max-width:1000px){
.menu-btn{display:block}.nav{min-height:86px}.brand{min-width:0}.brand-icon{width:58px;height:58px;flex-basis:58px}.brand-text{font-size:1.15rem}.nav-links{position:absolute;top:86px;left:4vw;right:4vw;display:none;flex-direction:column;align-items:stretch;background:rgba(8,0,0,.96);padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.12)}.nav-links.open{display:flex}.nav-links a{text-align:center}.hero-grid,.buy-box,.login-grid,.grid-2,.grid-3,.community-grid{grid-template-columns:1fr}.title-xl{font-size:clamp(3.6rem,16vw,6.2rem)}.section-head{display:block}.visual-stack-videos{margin:0;max-width:none}.demo-four-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.profile-main{align-items:center;flex-direction:column;text-align:center}.post-media{width:100%}
}
@media(max-width:560px){
.hero,.section{padding:58px 0}.visual-stack-videos{gap:12px}.visual-stack-videos video{border-radius:18px}.demo-four-grid{grid-template-columns:1fr}.price-card-mini{width:100%}.whatsapp-float{width:66px;height:66px;right:14px;bottom:14px}.profile-tabs,.app-tabs{display:grid;grid-template-columns:1fr 1fr}.title-lg{font-size:3rem}
}
.sales-page{background:radial-gradient(circle at 70% 20%,rgba(255,0,35,.16),transparent 38%),linear-gradient(180deg,#080101,#130106)}
.sales-grid{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:center}
@media(max-width:1000px){.sales-grid{grid-template-columns:1fr}}
/* SF Social Feed v3 */
.default-avatar{object-fit:cover;background:#050000}
.profile-avatar-xl.default-avatar,.profile-avatar-lg.default-avatar,.composer-user img.default-avatar,.post-top img.default-avatar,.mini-profile-card img.default-avatar,.profile-nav img.default-avatar{object-fit:cover;background:#050000}
.profile-nav img{width:30px;height:30px;border-radius:50%}
.profile-main .profile-chips{justify-content:flex-start}
.social-shell{display:grid;grid-template-columns:250px minmax(0,1fr) 250px;gap:22px;align-items:start}
.social-sidebar{position:sticky;top:115px;display:grid;gap:12px}
.social-sidebar a{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-weight:900}
.social-sidebar.right{color:#ddd}
.social-feed{display:grid;gap:20px}
.composer-card{overflow:visible}
.composer-user{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.composer-user img{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.post-box{display:grid;gap:12px}
.post-box textarea{width:100%;min-height:120px;padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.35);color:#fff;font:inherit;resize:vertical}
.media-picker{display:flex;align-items:center;justify-content:center;min-height:70px;border-radius:20px;border:1px dashed rgba(255,120,130,.45);background:rgba(255,255,255,.04);cursor:pointer;font-weight:1000}
.media-picker input{display:none}
.media-preview{border-radius:20px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);padding:12px}
.media-preview img,.media-preview video{display:block;max-height:420px;width:100%;object-fit:contain;border-radius:16px;background:#000}
.feed-list{display:grid;gap:20px}
.feed-post-card{padding:18px;border-radius:24px;overflow:visible}
.post-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.post-top-link{display:flex;align-items:center;gap:12px}
.post-top-link img{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.post-top-link strong{font-size:1.02rem}
.post-top-link p{margin:4px 0 0;color:#aaa;font-size:.84rem}
.post-top.mini .post-top-link img{width:42px;height:42px}
.post-caption{white-space:pre-wrap;line-height:1.55;color:#f2edf0;font-size:1.04rem}
.post-media{display:block;width:100%;max-height:760px;object-fit:contain;background:#000;border-radius:22px;border:1px solid rgba(255,255,255,.08);margin:14px 0}
.feed-post-card > .post-media{max-height:720px}
.shared-box{margin:14px 0;padding:14px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}
.shared-label{color:#ffb2be;margin-bottom:12px;font-weight:900}
.shared-label a{color:#fff;text-decoration:underline}
.shared-media{max-height:520px}
.post-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.07);padding-top:12px;margin-top:12px}
.like-btn,.share-toggle,.delete-btn,.mini-btn{border:0;border-radius:999px;padding:10px 14px;font-weight:950;cursor:pointer;background:rgba(255,255,255,.07);color:#fff}
.like-btn.liked,.mini-btn.liked{background:#ff1832}
.delete-btn{color:#ffb5bd}
.share-box{display:flex;gap:8px;margin:12px 0;padding:12px;border-radius:16px;background:rgba(255,255,255,.04)}
.share-box input,.comment-form input,.reply-form input{flex:1;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(0,0,0,.32);color:#fff;padding:12px 14px;min-width:0}
.share-box button,.comment-form button,.reply-form button{border:0;border-radius:999px;background:#ff1832;color:#fff;font-weight:950;padding:12px 16px;cursor:pointer}
.comments-area{margin-top:14px;border-top:1px solid rgba(255,255,255,.07);padding-top:14px;display:grid;gap:12px}
.comment-item{padding:12px;border-radius:18px;background:rgba(255,255,255,.035)}
.comment-item p,.reply-item p{margin:8px 0;color:#eee;line-height:1.45}
.comment-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.reply-item{margin:10px 0 0 38px;padding:10px;border-left:2px solid rgba(255,40,50,.35);background:rgba(0,0,0,.18);border-radius:14px}
.comment-form,.reply-form{display:flex;gap:8px}
.reply-form{margin-top:10px}
.mini-profile-card{display:flex!important;align-items:center;gap:12px;background:rgba(255,20,35,.08)!important}
.mini-profile-card img{width:54px;height:54px;border-radius:50%}
.profile-cover{background:radial-gradient(circle at 22% 15%,rgba(255,0,40,.46),transparent 42%),linear-gradient(135deg,rgba(255,0,35,.2),rgba(0,0,0,.1))}
.avatar-click{cursor:pointer}
.avatar-click:hover span{background:#ff1832}
.avatar-click span{transition:.2s}
.user-profile-feed h2{margin-top:0}
.single-post{max-width:760px}
.app-tabs button{cursor:pointer}
.app-panel{display:none}
.app-panel.active{display:block}
.social-sidebar .check-list{font-size:.92rem}
@media(max-width:1100px){.social-shell{grid-template-columns:1fr}.social-sidebar{position:relative;top:auto}.social-sidebar.right{display:none}}
@media(max-width:680px){.share-box,.comment-form,.reply-form{flex-direction:column}.post-actions{gap:8px}.post-media{max-height:620px}.social-shell{width:94vw}.feed-post-card{padding:14px}.profile-main .profile-chips{justify-content:center}}
/* SF Social Completo */
.nav-badge,.community-tabs-mini b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:#ff1735;color:#fff;font-size:.75rem;margin-left:6px;padding:0 6px}
.community-tabs-mini{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.community-tabs-mini a{padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-weight:950}.community-tabs-mini a.active{background:linear-gradient(90deg,#ff1832,#ff4f7b);color:#fff}
.chat-float{position:fixed;right:24px;bottom:24px;z-index:80;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff1735,#ff5d87);box-shadow:0 18px 45px rgba(255,0,45,.35);font-size:32px;border:4px solid rgba(255,255,255,.85)}
.chat-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.chat-list{position:sticky;top:110px}.chat-contact{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.045);margin:8px 0;font-weight:950}.chat-contact.active{background:rgba(255,24,50,.18);border:1px solid rgba(255,24,50,.35)}.chat-contact img{width:48px;height:48px;border-radius:50%;object-fit:cover}.chat-window{min-height:520px}.chat-head{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px;margin-bottom:14px}.messages-box{display:flex;flex-direction:column;gap:10px;max-height:560px;overflow:auto;padding:12px;background:rgba(0,0,0,.18);border-radius:20px}.message-bubble{max-width:78%;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.08)}.message-bubble.mine{align-self:flex-end;background:linear-gradient(135deg,#ff1832,#ff5b86)}.message-bubble.theirs{align-self:flex-start}.message-bubble p{margin:0 0 6px}.message-bubble small{opacity:.72}.message-form{display:flex;gap:10px;margin-top:14px}.message-form textarea{flex:1;min-height:60px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.35);color:#fff;padding:14px;font:inherit;resize:vertical}
.notification-card.unread{border-color:rgba(255,24,50,.45)!important;box-shadow:0 0 0 1px rgba(255,24,50,.12)}
.profile-cover{background-size:cover!important;background-position:center!important;min-height:210px}.profile-chips{display:flex;gap:8px;flex-wrap:wrap}.profile-chips span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:900}.back-link{display:inline-flex;margin-bottom:16px;color:#ffb0bd;font-weight:950}
.post-actions .share-toggle{display:inline-flex;align-items:center;text-decoration:none}.feed-post-card .comments-area{margin-top:18px}.single-post .feed-post-card{max-width:780px;margin:0 auto}.single-post .post-actions{position:relative}
.social-sidebar .mini-profile-card p{font-size:.83rem}.right.card p{line-height:1.5}.default-avatar{object-fit:cover;background:#050000}.profile-nav img{width:30px;height:30px;border-radius:50%;object-fit:cover}.profile-avatar-xl{width:var(--avatar-size,96px);height:var(--avatar-size,96px);border-radius:50%;object-fit:cover}.profile-avatar-lg{width:var(--avatar-size,96px);height:var(--avatar-size,96px);border-radius:50%;object-fit:cover}
@media(max-width:900px){.chat-shell{grid-template-columns:1fr}.chat-list{position:relative;top:auto}.message-form{flex-direction:column}.chat-float{width:62px;height:62px;font-size:28px;right:16px;bottom:16px}}
/* Ajustes v2: rolagem, chat com mídia e follow-back */
.follow-back-btn{background:linear-gradient(135deg,#ff1832,#ff68b3)!important;color:#fff!important}
.share-toggle.muted{opacity:.75;pointer-events:none}
.chat-file-picker{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,120,150,.45);border-radius:20px;padding:14px;background:rgba(255,255,255,.045);font-weight:1000;cursor:pointer}
.chat-file-picker input{display:none}
.message-form{display:grid!important;grid-template-columns:1fr auto;gap:10px;align-items:end}
.message-form textarea{grid-column:1 / -1}
.message-form .chat-file-picker{grid-column:1 / 2}
.message-form .chat-preview{grid-column:1 / -1}
.message-form .btn{grid-column:2 / 3;grid-row:2 / 3}
.chat-media{display:block;max-width:min(360px,100%);max-height:420px;border-radius:16px;margin-top:8px;background:#000;object-fit:contain}
.chat-audio{display:block;width:min(360px,100%);margin-top:8px}
.message-bubble.mine .chat-audio{filter:drop-shadow(0 0 12px rgba(255,80,150,.22))}
.media-preview audio{width:100%}
.nav-links{gap:10px}
.nav-links a{white-space:nowrap}
@media(max-width:760px){.message-form{grid-template-columns:1fr}.message-form .btn,.message-form .chat-file-picker{grid-column:1}.message-form .btn{grid-row:auto}}
/* V3 bloqueio, denúncia, respostas encadeadas */
.post-menu{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.mini-btn.danger,.delete-btn,.danger-outline{color:#ffc9cf!important;border-color:rgba(255,40,60,.35)!important}
.danger-outline:hover,.mini-btn.danger:hover{background:rgba(255,24,50,.20)!important}
.reply-mention{display:inline-block;margin:6px 0 0;padding:5px 9px;border-radius:999px;background:rgba(255,70,110,.14);color:#ffb9c4;font-size:.78rem;font-weight:900}
.reply-item .reply-form{margin-top:10px}
.chat-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.chat-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.notification-card .post-actions form{margin:0}
.comment-actions form{display:inline-flex;margin:0}
.blocked-note{border:1px solid rgba(255,60,70,.25);background:rgba(255,20,40,.08);padding:14px;border-radius:18px;color:#ffd4da}
@media(max-width:760px){.post-top{align-items:flex-start}.post-menu{justify-content:flex-start}.chat-head{align-items:flex-start}.chat-head-actions{width:100%}}
/* V4: curtidas sem pular tela + gravação de áudio */
.chat-media-actions{
display:flex;
gap:10px;
align-items:center;
flex-wrap:wrap;
grid-column:1 / -1;
}
.chat-media-actions .chat-file-picker{
flex:1;
min-width:210px;
}
.record-btn{
border:1px solid rgba(255,255,255,.12);
border-radius:18px;
background:linear-gradient(135deg,rgba(255,24,50,.9),rgba(255,104,179,.8));
color:#fff;
font-weight:1000;
padding:14px 18px;
cursor:pointer;
box-shadow:0 12px 32px rgba(255,24,50,.18);
}
.record-btn.stop{
background:linear-gradient(135deg,#111,#ff1832);
}
.record-status{
grid-column:1 / -1;
border:1px solid rgba(255,80,140,.24);
background:rgba(255,24,50,.12);
color:#ffdbe3;
border-radius:16px;
padding:12px 14px;
font-weight:900;
}
.like-btn,.mini-btn{touch-action:manipulation}
@media(max-width:760px){
.chat-media-actions{display:grid;grid-template-columns:1fr}
.record-btn{width:100%}
}
/* V5: tempo real, chat sem duplicar, visualizador de avatar */
.viewable-avatar{cursor:zoom-in}
.avatar-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:9999;display:grid;place-items:center;padding:24px;backdrop-filter:blur(10px)}
.avatar-lightbox[hidden]{display:none!important}
.avatar-lightbox-card{display:grid;gap:16px;text-align:center;color:#fff;font-weight:1000}
.avatar-lightbox-card img{width:min(78vw,460px);height:min(78vw,460px);object-fit:cover;border-radius:999px;border:3px solid rgba(255,255,255,.18);box-shadow:0 0 60px rgba(255,24,50,.35);background:#140508}
.avatar-lightbox-close{position:fixed;top:18px;right:22px;width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;font-size:30px;cursor:pointer}
body.modal-open{overflow:hidden}
.empty-chat-note{opacity:.7;padding:20px;text-align:center}
.messages-box{scroll-behavior:smooth;overflow-y:auto;max-height:70vh}
.chat-window .notice.success{animation:fadeOutNotice 2.8s ease forwards;animation-delay:1.2s}
@keyframes fadeOutNotice{to{opacity:0;transform:translateY(-8px);height:0;margin:0;padding:0;overflow:hidden}}
.chat-media-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;grid-column:1 / -1}.chat-media-actions .chat-file-picker{flex:1;min-width:210px}.record-btn{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,rgba(255,24,50,.9),rgba(255,104,179,.8));color:#fff;font-weight:1000;padding:14px 18px;cursor:pointer;box-shadow:0 12px 32px rgba(255,24,50,.18)}.record-btn.stop{background:linear-gradient(135deg,#111,#ff1832)}.record-status{grid-column:1 / -1;border:1px solid rgba(255,80,140,.24);background:rgba(255,24,50,.12);color:#ffdbe3;border-radius:16px;padding:12px 14px;font-weight:900}.like-btn,.mini-btn{touch-action:manipulation}.message-form button[disabled]{opacity:.55;pointer-events:none}.nav-badge[hidden]{display:none!important}
@media(max-width:760px){.chat-media-actions{display:grid;grid-template-columns:1fr}.record-btn{width:100%}.messages-box{max-height:62vh}.avatar-lightbox-card img{width:82vw;height:82vw}}
/* V6 — tempo real, pesquisa, solicitações, áudio brabo */
.community-tabs-mini a{position:relative}.community-tabs-mini b,.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff1832;color:#fff;font-size:12px;margin-left:5px}
.chat-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.chat-tabs a{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.05);font-weight:900}.chat-tabs a.active{background:linear-gradient(135deg,#ff1832,#ff68b3);color:#fff}.chat-tabs b{background:#fff;color:#111;border-radius:999px;padding:2px 7px;margin-left:4px}.chat-contact span{display:grid}.chat-contact small{opacity:.7;font-size:12px}.request-note{background:rgba(255,24,50,.12)!important;border-color:rgba(255,24,50,.25)!important}.profile-tagline{color:#ff9bb6!important;font-weight:900}.user-search-form{display:flex;gap:10px;margin-top:18px}.user-search-form input{flex:1}.user-results{display:grid;gap:14px;margin-top:18px}.user-result-card{display:grid;gap:12px}.chat-media-open{border:0;background:transparent;padding:0;display:block;text-align:left;cursor:pointer;position:relative}.chat-media-open .chat-media{display:block}.media-play-hint{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.65);color:#fff;border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px}.media-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;padding:20px}.media-lightbox[hidden]{display:none}.media-lightbox-card{max-width:min(980px,96vw);max-height:88vh;display:flex;align-items:center;justify-content:center}.media-lightbox-card img,.media-lightbox-card video{max-width:100%;max-height:88vh;border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.55);background:#000}.sf-audio-player{display:flex;align-items:center;gap:10px;width:min(360px,100%);padding:10px;border-radius:18px;background:linear-gradient(135deg,rgba(255,24,50,.18),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.12);margin-top:8px}.sf-audio-play{width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(135deg,#ff1832,#ff68b3);color:#fff;font-weight:1000;cursor:pointer;box-shadow:0 8px 22px rgba(255,24,50,.22)}.sf-audio-track{height:12px;background:rgba(255,255,255,.14);border-radius:999px;flex:1;overflow:hidden;cursor:pointer}.sf-audio-track span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#fff,#ff8cb0);border-radius:999px}.sf-audio-player time{font-size:12px;color:#ffdbe6;min-width:74px;text-align:right;font-weight:800}.sf-audio-player.playing{box-shadow:0 0 28px rgba(255,24,50,.22)}.chat-media-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;grid-column:1 / -1}.chat-media-actions .chat-file-picker{flex:1;min-width:210px}.record-btn{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,rgba(255,24,50,.9),rgba(255,104,179,.8));color:#fff;font-weight:1000;padding:14px 18px;cursor:pointer;box-shadow:0 12px 32px rgba(255,24,50,.18)}.record-btn.stop{background:linear-gradient(135deg,#111,#ff1832)}.record-status{grid-column:1 / -1;border:1px solid rgba(255,80,140,.24);background:rgba(255,24,50,.12);color:#ffdbe3;border-radius:16px;padding:12px 14px;font-weight:900}.like-btn,.mini-btn{touch-action:manipulation}@media(max-width:760px){.user-search-form{display:grid}.chat-media-actions{display:grid;grid-template-columns:1fr}.record-btn{width:100%}.sf-audio-player{width:100%}}
/* Quase final V7: PWA, presença, áudio estilo WhatsApp */
.install-app-btn{
position:fixed;left:18px;bottom:20px;z-index:70;border:1px solid rgba(255,255,255,.18);
background:linear-gradient(135deg,#ff1832,#79000b);color:#fff;border-radius:999px;
padding:13px 18px;font-weight:1000;box-shadow:0 14px 40px rgba(255,0,40,.25);cursor:pointer;
}
.avatar-wrap{position:relative;display:inline-block;flex:0 0 auto}
.online-dot{position:absolute;right:1px;bottom:4px;width:13px;height:13px;border-radius:50%;background:#00ff75;border:2px solid #070101;box-shadow:0 0 14px rgba(0,255,117,.75)}
.mutual-row{display:flex;align-items:center;gap:8px;margin:10px 0;color:#e6d9de;font-weight:800}
.mutual-row img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.15);margin-left:-6px}.mutual-row img:first-child{margin-left:0}
.whatsapp-chat-box{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:end;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:10px}
.whatsapp-chat-box textarea{min-height:48px;max-height:140px;border-radius:18px!important;padding:13px 15px!important;resize:none;background:rgba(255,255,255,.06)!important}
.wa-clip,.wa-mic,.wa-send{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;font-size:1.15rem;cursor:pointer}
.wa-clip input{display:none}.wa-send{background:linear-gradient(135deg,#ff1832,#ff68b3);font-weight:1000}.wa-mic{background:rgba(255,24,50,.15)}
.voice-draft{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,70,130,.25);background:rgba(255,24,50,.10);border-radius:20px;padding:12px;margin-top:10px}
.voice-wave{flex:1;display:flex;align-items:center;gap:5px;color:#ffdce5;font-weight:900}.voice-wave span{width:4px;border-radius:999px;background:#ff4c78;animation:voiceWave .75s infinite alternate}.voice-wave span:nth-child(1){height:14px}.voice-wave span:nth-child(2){height:24px;animation-delay:.15s}.voice-wave span:nth-child(3){height:18px;animation-delay:.3s}
@keyframes voiceWave{from{opacity:.45;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1.1)}}
.voice-cancel,.voice-stop{border:0;border-radius:999px;padding:10px 13px;font-weight:950;cursor:pointer}.voice-cancel{background:rgba(255,255,255,.08);color:#fff}.voice-stop{background:#ff1832;color:#fff}
.chat-audio{width:100%;height:42px;filter:sepia(1) saturate(1.6) hue-rotate(300deg)}
.media-lightbox{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:20px}
.media-lightbox[hidden]{display:none}.media-lightbox-content{max-width:min(900px,96vw);max-height:88vh}.media-lightbox-content img,.media-lightbox-content video{max-width:100%;max-height:88vh;object-fit:contain;border-radius:22px}.media-lightbox-close{position:fixed;right:24px;top:18px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font-size:2rem;cursor:pointer}
[data-typing-label]{color:#ffb8c4;font-weight:900}
@media(max-width:680px){.install-app-btn{left:12px;bottom:88px}.whatsapp-chat-box{grid-template-columns:1fr auto auto auto}.wa-clip,.wa-mic,.wa-send{width:44px;height:44px}.voice-draft{flex-wrap:wrap}.voice-wave{order:-1;flex-basis:100%}}
/* V8 Chat fix: gravação não fica presa, chat maior e status só no mútuo pelo PHP */
.voice-draft[hidden]{display:none!important}
.chat-main .section{padding-top:10px}
.chat-main .container{max-width:980px}
.chat-main .chat-window,.chat-main .card.chat-window,.chat-window{
min-height:calc(100dvh - 260px);
}
.chat-main .messages-box,.messages-box{
min-height:58dvh;
max-height:62dvh;
overflow:auto;
scroll-behavior:smooth;
}
.chat-main .chat-sidebar{max-height:calc(100dvh - 210px);overflow:auto}
.chat-main .message-form{position:sticky;bottom:8px;z-index:25;background:rgba(8,0,2,.92);backdrop-filter:blur(12px);border-radius:24px;padding:12px}
.chat-status-line{margin:.15rem 0 0;color:#ffb8c4;font-weight:900}
.chat-audio{
width:min(340px,100%);
height:44px;
border-radius:999px;
background:rgba(255,255,255,.08);
display:block;
margin-top:8px;
filter:none!important;
}
.sf-audio-player{display:none!important}
@media(max-width:760px){
.chat-main .section{padding:8px 0 0}
.chat-main .container{padding-left:8px;padding-right:8px}
.chat-main .chat-window,.chat-window{min-height:calc(100dvh - 205px);border-radius:22px}
.chat-main .messages-box,.messages-box{min-height:58dvh;max-height:60dvh}
.chat-main .community-tabs-mini{display:flex;gap:8px;overflow-x:auto;padding:8px 0}
.chat-main .community-tabs-mini a{white-space:nowrap;padding:10px 14px;font-size:.9rem}
.chat-main .chat-sidebar{display:none}
.chat-main .message-bubble{max-width:86%}
.whatsapp-chat-box textarea{min-height:56px;font-size:1rem}
}
/* =========================================================
V9 REAL CHAT FIX - força a conversa virar app no celular
========================================================= */
.chat-main-v9 ~ .footer,
.chat-main-v9 ~ .install-app-btn,
.chat-main-v9 ~ .floating-chat,
.chat-main-v9 ~ .whatsapp-float,
.chat-main-v9 ~ .chat-float{display:none!important}
.chat-app-section{padding:8px 0 0!important;min-height:calc(100dvh - 96px)}
.chat-top-tabs{display:flex;gap:8px;overflow-x:auto;padding:8px 10px!important;margin:0 auto 8px!important}
.chat-top-tabs a{white-space:nowrap;padding:10px 14px!important;border-radius:999px;font-size:.92rem}
.chat-shell-v9{display:grid!important;grid-template-columns:290px minmax(0,1fr)!important;gap:14px!important;align-items:stretch!important}
.chat-list-v9{max-height:calc(100dvh - 170px)!important;overflow:auto!important}
.chat-window-v9{
min-height:calc(100dvh - 162px)!important;
height:calc(100dvh - 162px)!important;
display:flex!important;
flex-direction:column!important;
padding:0!important;
overflow:hidden!important;
border-radius:28px!important;
}
.chat-head-v9{
padding:16px 18px 12px!important;
flex:0 0 auto!important;
border-bottom:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
gap:12px!important;
}
.chat-head-v9 .post-top-link{align-items:center!important;min-width:0}
.chat-head-v9 .post-top-link img{width:58px!important;height:58px!important}
.chat-head-v9 strong{font-size:1.08rem}
.chat-head-v9 p{margin:3px 0 0!important;color:#d6c5c9}
.chat-head-actions-v9{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.chat-head-actions-v9 .mini-btn{padding:9px 12px!important;font-size:.85rem!important}
.chat-live-line{padding:6px 18px 0;color:#ffbdca;font-weight:950;min-height:20px}
.messages-box-v9{
flex:1 1 auto!important;
min-height:0!important;
max-height:none!important;
height:auto!important;
overflow-y:auto!important;
padding:18px!important;
background:rgba(0,0,0,.23)!important;
border-top:0!important;
border-bottom:1px solid rgba(255,255,255,.07);
}
.message-form-v9{
flex:0 0 auto!important;
position:relative!important;
bottom:auto!important;
z-index:10!important;
margin:0!important;
padding:12px 14px 14px!important;
border-radius:0!important;
background:rgba(5,0,2,.96)!important;
border-top:1px solid rgba(255,255,255,.07)!important;
}
.chat-input-row-v9{
display:grid!important;
grid-template-columns:48px minmax(0,1fr)48px 54px!important;
gap:8px!important;
align-items:end!important;
}
.chat-input-row-v9 textarea{
min-height:54px!important;
max-height:122px!important;
padding:15px!important;
border-radius:20px!important;
resize:none!important;
background:rgba(255,255,255,.07)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.11)!important;
font-size:1rem!important;
}
.wa-clip-v9,.wa-mic-v9,.wa-send-v9{
width:48px!important;height:48px!important;border-radius:50%!important;
display:grid!important;place-items:center!important;
border:1px solid rgba(255,255,255,.12)!important;
color:#fff!important;cursor:pointer!important;
box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
}
.wa-clip-v9{background:rgba(255,255,255,.07)!important;font-size:1.35rem!important}
.wa-clip-v9 input{display:none!important}
.wa-mic-v9{background:rgba(255,24,50,.18)!important;font-size:1.25rem!important}
.wa-send-v9{background:linear-gradient(135deg,#ff1642,#ff5aa6)!important;font-size:1.35rem!important;border:0!important}
.wa-mic-v9:disabled,.record-stop-v9:disabled{opacity:.55!important}
.record-panel-v9{display:none;align-items:center;gap:10px;padding:12px;margin-top:10px;border-radius:18px;background:linear-gradient(135deg,rgba(255,24,50,.18),rgba(97,0,12,.25));border:1px solid rgba(255,81,125,.28)}
.record-wave-v9{flex:1;display:flex;align-items:center;gap:5px;color:#fff;font-weight:1000}
.record-wave-v9 span{width:5px;border-radius:999px;background:#ff4776;animation:sfrec .65s alternate infinite}.record-wave-v9 span:nth-child(1){height:16px}.record-wave-v9 span:nth-child(2){height:28px;animation-delay:.12s}.record-wave-v9 span:nth-child(3){height:20px;animation-delay:.25s}
@keyframes sfrec{from{transform:scaleY(.55);opacity:.5}to{transform:scaleY(1.15);opacity:1}}
.record-cancel-v9,.record-stop-v9{border:0;border-radius:999px;padding:11px 14px;font-weight:950;color:#fff;cursor:pointer}
.record-cancel-v9{background:rgba(255,255,255,.10)}.record-stop-v9{background:#ff183d}
.sf-voice-player{
display:grid!important;
grid-template-columns:42px minmax(100px,1fr)52px!important;
align-items:center!important;
gap:10px!important;
min-width:210px!important;
max-width:330px!important;
padding:9px 12px!important;
border-radius:22px!important;
background:rgba(255,255,255,.08)!important;
border:1px solid rgba(255,255,255,.10)!important;
margin-top:8px!important;
}
.message-bubble.mine .sf-voice-player{background:rgba(255,255,255,.13)!important}
.sf-voice-play{
width:42px!important;height:42px!important;border-radius:50%!important;border:0!important;
display:grid!important;place-items:center!important;cursor:pointer!important;
color:#fff!important;background:linear-gradient(135deg,#ff1745,#ff65ad)!important;font-weight:1000!important;
}
.sf-voice-bar{height:8px;background:rgba(255,255,255,.20);border-radius:999px;overflow:hidden;cursor:pointer}
.sf-voice-bar i{display:block;height:100%;width:0%;background:#fff;border-radius:999px}
.sf-voice-player time{color:#fff;font-weight:900;font-size:.84rem;text-align:right}
.sf-voice-player audio{display:none}
.chat-audio{display:none!important}
.empty-chat-screen{padding:28px}
.media-lightbox{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:20px}
.media-lightbox[hidden]{display:none!important}.media-lightbox-content{max-width:min(900px,96vw);max-height:88vh}.media-lightbox-content img,.media-lightbox-content video{max-width:100%;max-height:88vh;object-fit:contain;border-radius:22px}.media-lightbox-close{position:fixed;right:24px;top:18px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font-size:2rem;cursor:pointer}
@media(max-width:760px){
body:has(.chat-main-v9){overflow:hidden!important}
.chat-main-v9{height:calc(100dvh - 92px)!important;overflow:hidden!important}
.chat-app-section{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:4px 0 0!important}
.chat-top-tabs{flex:0 0 auto!important;margin-bottom:4px!important;padding:5px 8px!important}
.chat-top-tabs a{font-size:.78rem!important;padding:8px 10px!important}
.chat-shell-v9{grid-template-columns:1fr!important;gap:0!important;flex:1 1 auto!important;min-height:0!important;padding:0 6px!important}
.chat-list-v9{display:none!important}
.chat-window-v9{
height:calc(100dvh - 153px)!important;
min-height:calc(100dvh - 153px)!important;
border-radius:20px!important;
}
.chat-head-v9{padding:9px 10px!important}
.chat-head-v9 .post-top-link img{width:44px!important;height:44px!important}
.chat-head-v9 strong{font-size:.98rem!important}
.chat-head-v9 p{font-size:.82rem!important}
.chat-head-actions-v9 .mini-btn{padding:7px 9px!important;font-size:.74rem!important}
.chat-live-line{padding:3px 12px 0!important;font-size:.82rem!important;min-height:16px!important}
.messages-box-v9{padding:12px!important}
.message-bubble{max-width:88%!important}
.message-form-v9{padding:9px 10px 10px!important}
.chat-input-row-v9{grid-template-columns:42px minmax(0,1fr)42px 46px!important;gap:6px!important}
.chat-input-row-v9 textarea{min-height:48px!important;border-radius:17px!important;padding:12px!important}
.wa-clip-v9,.wa-mic-v9,.wa-send-v9{width:42px!important;height:42px!important}
.record-panel-v9{padding:9px;margin-top:8px;gap:7px}
.record-cancel-v9,.record-stop-v9{padding:9px 11px;font-size:.82rem}
.sf-voice-player{min-width:170px!important;max-width:255px!important;grid-template-columns:38px 1fr 44px!important;padding:8px!important}
.sf-voice-play{width:38px!important;height:38px!important}
}
/* =========================================================
V10 - ajustes finais: áudio certo + Conversas/Solicitações mobile + PC maior
========================================================= */
.chat-mode-mobile-v10{display:none}
.chat-shell-v9{
max-width:1280px!important;
width:min(1280px, calc(100vw - 36px))!important;
grid-template-columns:330px minmax(0,1fr)!important;
}
.chat-list-v9{
min-height:calc(100dvh - 178px)!important;
height:calc(100dvh - 178px)!important;
}
.chat-window-v9{
min-height:calc(100dvh - 178px)!important;
height:calc(100dvh - 178px)!important;
}
.messages-box-v9{
min-height:0!important;
height:auto!important;
flex:1 1 auto!important;
}
.chat-head-v9{
padding:18px 22px 14px!important;
}
.message-form-v9{
padding:14px 18px 16px!important;
}
.chat-input-row-v9{
grid-template-columns:52px minmax(0,1fr)52px 58px!important;
}
.wa-clip-v9,.wa-mic-v9,.wa-send-v9{
width:52px!important;
height:52px!important;
}
/* Player de áudio do chat: nunca abrir como vídeo */
.sf-voice-player{
min-width:240px!important;
max-width:360px!important;
}
.sf-voice-player::before{content:none!important}
.media-play-hint{pointer-events:none}
/* Se algum áudio antigo veio com botão de vídeo por erro, o PHP V10 já converte pelo nome audio_sf_ */
@media(min-width:1000px){
.chat-top-tabs{
max-width:1280px!important;
width:min(1280px, calc(100vw - 36px))!important;
}
.chat-main-v9 .section,
.chat-app-section{
padding-top:10px!important;
}
}
@media(max-width:760px){
.chat-mode-mobile-v10{
display:flex!important;
gap:8px!important;
padding:0 8px 6px!important;
margin:0 auto!important;
overflow-x:auto!important;
flex:0 0 auto!important;
}
.chat-mode-mobile-v10 a{
border:1px solid rgba(255,255,255,.10)!important;
background:rgba(255,255,255,.06)!important;
color:#fff!important;
text-decoration:none!important;
padding:9px 14px!important;
border-radius:999px!important;
font-weight:1000!important;
white-space:nowrap!important;
}
.chat-mode-mobile-v10 a.active{
background:linear-gradient(135deg,#ff1642,#ff5aa6)!important;
box-shadow:0 12px 28px rgba(255,24,62,.20)!important;
}
.chat-mode-mobile-v10 b{
display:inline-grid!important;
place-items:center!important;
min-width:18px!important;
height:18px!important;
border-radius:999px!important;
margin-left:6px!important;
background:#ff173a!important;
color:#fff!important;
font-size:.72rem!important;
}
.chat-main-v9{
height:calc(100dvh - 92px)!important;
}
.chat-window-v9{
height:calc(100dvh - 190px)!important;
min-height:calc(100dvh - 190px)!important;
}
.messages-box-v9{
padding:10px!important;
}
.chat-head-actions-v9{
display:none!important;
}
.sf-voice-player{
min-width:190px!important;
max-width:270px!important;
}
}
/* Telas grandes: deixa conversa com cara de painel principal */
@media(min-width:1200px){
.chat-shell-v9{
max-width:1360px!important;
width:min(1360px, calc(100vw - 48px))!important;
grid-template-columns:350px minmax(0,1fr)!important;
}
.chat-top-tabs{
max-width:1360px!important;
width:min(1360px, calc(100vw - 48px))!important;
}
}
/* =========================================================
V11 - ajuste chat responsivo + grupos + stories
========================================================= */
/* Chat: mobile ocupa tudo e PC fica visível sem exagero */
@media(max-width:760px){
.chat-shell-v9{
width:100vw!important;
max-width:100vw!important;
padding:0 6px!important;
margin:0!important;
}
.chat-window-v9{
width:calc(100vw - 12px)!important;
max-width:calc(100vw - 12px)!important;
margin:0!important;
height:calc(100dvh - 185px)!important;
min-height:calc(100dvh - 185px)!important;
}
.messages-box-v9{min-height:0!important}
}
@media(min-width:761px){
.chat-shell-v9{
width:min(1120px, calc(100vw - 44px))!important;
max-width:1120px!important;
grid-template-columns:280px minmax(0,1fr)!important;
}
.chat-list-v9,.chat-window-v9{
height:min(700px, calc(100dvh - 220px))!important;
min-height:520px!important;
}
.chat-head-v9{padding:14px 16px!important}
.messages-box-v9{padding:16px!important}
.message-form-v9{padding:12px 14px!important}
.chat-input-row-v9{grid-template-columns:48px minmax(0,1fr)48px 52px!important}
.wa-clip-v9,.wa-mic-v9,.wa-send-v9{width:48px!important;height:48px!important}
}
/* Stories */
.stories-bar{display:flex;gap:12px;overflow-x:auto;padding:12px 2px 16px;margin-bottom:8px}
.story-create,.story-ring{min-width:82px;text-align:center;text-decoration:none;color:#fff;font-weight:900}
.story-create{height:86px;border-radius:24px;border:1px dashed rgba(255,255,255,.25);display:grid;place-items:center;background:rgba(255,255,255,.05);font-size:2rem}
.story-create span{font-size:.75rem;display:block}
.story-ring img{width:66px;height:66px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.12);display:block;margin:0 auto 6px}
.story-ring.new img{border-color:#ff1846;box-shadow:0 0 0 3px rgba(0,255,119,.65),0 0 22px rgba(255,24,70,.45)}
.story-ring.seen img{filter:saturate(.65);opacity:.8}
.story-ring span{display:block;max-width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.78rem}
.story-quick{margin-bottom:14px}.story-mini-form{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.story-mini-form input[type=text]{border-radius:999px!important}
.mini-upload{display:inline-grid;place-items:center;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:900;cursor:pointer}
.story-viewer{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px}.story-side-nav{display:flex;flex-direction:column;gap:10px}.story-stack{display:grid;gap:18px}.story-card{overflow:hidden}.story-card-head{padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.story-media-box{min-height:380px;display:grid;place-items:center;background:#050101;padding:16px}.story-media-box img,.story-media-box video{max-width:100%;max-height:68vh;border-radius:20px}.story-media-box p{font-size:1.35rem;font-weight:950;text-align:center}.story-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px}.story-comment-form{display:flex;gap:8px;flex:1;min-width:220px}.story-comment-form input{flex:1}
/* Grupos */
.groups-grid{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:18px;align-items:start}.group-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.group-card{overflow:hidden}.group-mini-cover{height:110px;border-radius:20px;background:radial-gradient(circle at 30% 20%,rgba(255,24,70,.35),rgba(0,0,0,.4)),#150206;background-size:cover;background-position:center;margin-bottom:12px}.group-card-row{display:flex;gap:12px;align-items:center}.group-card-row img{width:68px;height:68px;border-radius:22px;object-fit:cover}.group-page{display:grid;gap:18px}.group-hero{overflow:hidden}.group-cover{height:220px;background:radial-gradient(circle at 30% 30%,rgba(255,24,70,.35),rgba(0,0,0,.6)),#140207;background-size:cover;background-position:center}.group-info{display:flex;gap:16px;align-items:flex-end;margin-top:-54px}.group-info>img{width:112px;height:112px;border-radius:30px;object-fit:cover;border:4px solid #100306;background:#111}.group-actions{display:flex;gap:10px}.group-tabs-layout{display:grid;grid-template-columns:minmax(0,1fr)320px;gap:18px}.group-chat-box{min-height:320px;max-height:430px}.member-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.member-row img{width:42px;height:42px;border-radius:50%;object-fit:cover}.member-row a{color:#fff;text-decoration:none;display:grid}.member-row small{color:#c7b8bd}.chip-link{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-weight:900}
/* Chat message tools */
.message-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.edit-message-form{display:flex;gap:6px;align-items:center}.edit-message-form input{max-width:180px;border-radius:999px!important;padding:8px 10px!important;font-size:.82rem}.edited-mark{opacity:.65;font-size:.8em}.muted{opacity:.7}
@media(max-width:760px){
.story-mini-form{grid-template-columns:1fr;}.story-viewer{grid-template-columns:1fr}.story-side-nav{flex-direction:row;overflow-x:auto}.story-media-box{min-height:55vh}.groups-grid,.group-tabs-layout{grid-template-columns:1fr}.group-info{align-items:center;margin-top:-42px}.group-info>img{width:86px;height:86px;border-radius:24px}.group-cover{height:160px}
}
/* =========================================================
V12 social realtime polish
========================================================= */
body:has(.groups-main) .install-app-btn,
body:has(.community-hero) .install-app-btn,
body:has(.story-page) .install-app-btn{display:none!important}
.brand-text small{transition:.2s}
.verified-badge{display:inline-grid;place-items:center;margin-left:6px;width:18px;height:18px;border-radius:50%;font-size:.75rem;background:#1d9bf0;color:#fff;font-weight:1000;vertical-align:middle}
.group-post-author strong a{color:#fff;text-decoration:none}.group-post-author strong span{opacity:.7;margin:0 4px}.group-post-author strong a:last-child{color:#ff8ea7}
.post-with-group{display:grid;gap:8px;margin:10px 0}.post-with-group select{width:100%;border-radius:16px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;padding:12px!important;border:1px solid rgba(255,255,255,.12)!important}
.return-position-btn{position:fixed;right:18px;bottom:86px;z-index:230;border:1px solid rgba(255,255,255,.14);background:rgba(12,1,4,.84);backdrop-filter:blur(14px);color:#fff;border-radius:999px;padding:10px 14px;font-weight:1000;box-shadow:0 12px 28px rgba(0,0,0,.35);opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s}
.return-position-btn.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.group-msg-row{display:flex;gap:10px;margin:10px 0;align-items:flex-end}.group-msg-row.mine{flex-direction:row-reverse}.group-msg-avatar img{width:38px;height:38px;border-radius:50%;object-fit:cover}.group-msg-name{font-weight:1000;text-decoration:none;display:inline-flex;align-items:center;margin-bottom:5px}.group-msg-row .message-bubble{max-width:min(540px,78%)}
.group-chat-box{scroll-behavior:smooth}
.pending-post-card{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px;margin:10px 0;background:rgba(255,255,255,.04)}.pending-post-card img{max-width:100%;border-radius:16px;margin:8px 0}.pending-post-card form{display:flex;gap:8px;flex-wrap:wrap}
.story-reply-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:16px;padding:10px;margin-bottom:8px}.story-reply-card span{display:block;color:#ffb8c4;font-size:.8rem;font-weight:1000;margin-bottom:6px}.story-reply-card img,.story-reply-card video{max-width:160px;max-height:220px;border-radius:14px;display:block;margin-bottom:6px}.story-reply-card p{font-size:.86rem!important;opacity:.85!important;margin:0!important}
.story-viewers{padding:10px 14px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.story-viewers a{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;background:rgba(255,255,255,.06);border-radius:999px;padding:6px 10px}.story-viewers img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.story-stack .story-card{display:none}.story-stack .story-card.story-active{display:block}.story-nav-buttons{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;pointer-events:none}.story-nav-buttons button{pointer-events:auto;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.55);color:#fff;font-size:2rem;display:grid;place-items:center}
.story-actions .mini-btn.liked{background:#ff1846!important;color:#fff!important}
@media(max-width:760px){
.group-msg-row .message-bubble{max-width:82%}.group-msg-avatar img{width:34px;height:34px}
.return-position-btn{right:12px;bottom:76px;font-size:.82rem}
}
/* =========================================================
V13 - previews, música, stories/grupos/chat refinado
========================================================= */
.smart-preview-box{margin:10px 0 0;display:grid;gap:10px}
.smart-preview-box[hidden]{display:none!important}
.smart-preview-item{display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:20px;padding:10px;overflow:hidden}
.smart-preview-item img,.smart-preview-item video{width:120px;height:90px;border-radius:16px;object-fit:cover;background:#070101}
.smart-preview-meta{display:grid;gap:4px;min-width:0}.smart-preview-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-preview-meta small{color:#c8b8bd}
.file-preview-picker{display:grid;gap:8px;border:1px dashed rgba(255,255,255,.17);border-radius:20px;padding:12px;background:rgba(255,255,255,.035)}
input[type=file]::file-selector-button{border:0;border-radius:999px;background:rgba(255,255,255,.10);color:#fff;padding:10px 14px;font-weight:900;margin-right:10px}
.music-details{border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:12px;background:rgba(255,24,70,.06)}
.music-details summary{font-weight:1000;cursor:pointer;color:#ffd7df}.music-cut-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.music-cut-row input{width:100%;margin-top:6px}
.music-badge{display:flex;align-items:center;gap:9px;margin:10px 0;padding:10px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(255,24,70,.20),rgba(255,90,166,.10));border:1px solid rgba(255,255,255,.10);width:max-content;max-width:100%}
.music-play{width:34px;height:34px;border-radius:50%;border:0;background:linear-gradient(135deg,#ff1745,#ff65ad);color:#fff;font-weight:1000;cursor:pointer}.music-badge span{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.music-badge small{color:#ffdce5;font-weight:900}.music-badge audio{display:none!important}
.group-message-row{display:flex;gap:10px;align-items:flex-end;margin:10px 0}.group-message-row.mine{justify-content:flex-end}.group-message-row.mine .group-msg-avatar{order:2}.group-msg-avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}.group-msg-name{text-decoration:none;font-weight:1000;display:block;margin-bottom:4px}
.group-typing-line{min-height:20px;color:#ffb8c4;font-weight:950;padding:3px 0 8px}.group-online-count{font-size:.9rem;color:#00ff75;font-weight:1000;margin-left:8px}
.group-chat-box{min-height:360px!important;max-height:480px!important;overflow:auto!important;padding:14px!important;background:rgba(0,0,0,.24);border-radius:22px!important}.group-message-form{position:relative!important;border-radius:22px!important;margin-top:10px!important}
.member-row .avatar-wrap img{width:42px;height:42px;border-radius:50%;object-fit:cover}.member-row .online-dot{right:-2px;bottom:1px}
.pending-group-posts,.pending-post-card{border:1px solid rgba(255,84,120,.18);background:rgba(255,24,70,.06);border-radius:22px}.pending-post-card{padding:12px;margin:10px 0}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}
.post-group-name{align-self:center;font-weight:1000;color:#ffd3dc;margin-left:8px}.post-group-name a{color:#fff;text-decoration:none;background:rgba(255,255,255,.08);padding:6px 10px;border-radius:999px}
.story-viewers{margin:10px}.story-viewers a{display:inline-flex;align-items:center;gap:6px;margin:6px 8px 0 0;color:#fff;text-decoration:none;background:rgba(255,255,255,.07);border-radius:999px;padding:6px 10px}.story-viewers img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.story-card{max-width:680px;margin:auto}.story-media-box .music-badge{margin-top:14px}
.return-position-btn{position:fixed;right:16px;bottom:84px;z-index:180;border:1px solid rgba(255,255,255,.14);background:rgba(5,0,2,.84);backdrop-filter:blur(10px);color:#fff;border-radius:999px;padding:11px 15px;font-weight:950;box-shadow:0 14px 38px rgba(0,0,0,.32)}
.return-position-btn[hidden]{display:none!important}
/* áudio: nunca mostrar player nativo branco dentro do custom */
.sf-voice-player audio,.preview-voice audio{display:none!important;width:0!important;height:0!important;opacity:0!important}.chat-audio{display:none!important}
/* Chat privado PC mais confortável e sem status duplicado */
.chat-live-line{display:none!important}
@media(min-width:761px){
.chat-shell-v9{width:min(1080px, calc(100vw - 50px))!important;grid-template-columns:270px minmax(0,1fr)!important}
.chat-list-v9,.chat-window-v9{height:min(660px, calc(100dvh - 210px))!important;min-height:500px!important}
.messages-box-v9{padding:14px!important}
}
@media(max-width:760px){
.music-cut-row{grid-template-columns:1fr}.smart-preview-item{align-items:flex-start}.smart-preview-item img,.smart-preview-item video{width:92px;height:72px}
.group-chat-box{min-height:52dvh!important;max-height:58dvh!important}
.story-card{max-width:100%}
.story-media-box{min-height:52vh!important}
}
/* =========================================================
V14.5 TESTES - correções estáveis sem quebrar V13
========================================================= */
.message-tools[hidden]{display:none!important}
.message-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.message-bubble{cursor:default}
.message-bubble.mine{cursor:pointer}
.edit-message-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.edit-message-form input{
max-width:190px;
border-radius:999px!important;
padding:8px 12px!important;
font-size:.85rem!important;
}
.sf-voice-player audio{display:none!important;width:0!important;height:0!important;opacity:0!important}
.sf-voice-play{cursor:pointer}
.group-typing-line{
min-height:22px;
margin:2px 0 8px;
color:#ffb8c4;
font-weight:950;
}
.group-online-count{
display:inline-flex;
margin-left:10px;
font-size:.9rem;
color:#00ff75;
font-weight:1000;
}
.group-chat-box{
min-height:380px!important;
max-height:540px!important;
overflow:auto!important;
border-radius:24px!important;
background:rgba(0,0,0,.22)!important;
padding:14px!important;
}
.group-message-row{
display:flex;
gap:10px;
align-items:flex-end;
margin:10px 0;
}
.group-message-row.mine{
justify-content:flex-end;
}
.group-message-row.mine .group-msg-avatar{
order:2;
}
.group-msg-avatar img{
width:38px;
height:38px;
border-radius:50%;
object-fit:cover;
}
.group-msg-name{
display:block;
margin-bottom:4px;
text-decoration:none;
font-weight:1000;
}
.pending-post-card{
border:1px solid rgba(255,83,120,.18);
background:rgba(255,24,70,.06);
border-radius:18px;
padding:12px;
margin:10px 0;
}
.smart-preview-box[hidden], .media-preview[hidden]{display:none!important}
.smart-preview-item{
display:flex;
gap:12px;
align-items:center;
border:1px solid rgba(255,255,255,.10);
background:rgba(255,255,255,.055);
border-radius:18px;
padding:10px;
margin-top:8px;
}
.smart-preview-item img,.smart-preview-item video{
width:110px;
height:82px;
border-radius:14px;
object-fit:cover;
background:#070101;
}
.smart-preview-meta{display:grid;gap:3px;min-width:0}
.smart-preview-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smart-preview-meta small{color:#c8b8bd}
@media(max-width:760px){
.group-chat-box{min-height:52dvh!important;max-height:60dvh!important}
.edit-message-form input{max-width:145px}
.smart-preview-item img,.smart-preview-item video{width:88px;height:66px}
}
/* V14.6 FIX - Apps Android, post/feed e story com música */
.app-panel{display:none!important}
.app-panel.active{display:block!important}
.app-tabs [data-tab]{cursor:pointer}
.app-tabs [data-tab].active{
background:linear-gradient(135deg,#ff1642,#ff5aa6)!important;
color:#fff!important;
box-shadow:0 14px 30px rgba(255,24,70,.22)!important;
}
.smart-preview-box[hidden]{display:none!important}
.smart-preview-item{
display:flex;
gap:12px;
align-items:center;
margin-top:10px;
border:1px solid rgba(255,255,255,.10);
background:rgba(255,255,255,.055);
border-radius:18px;
padding:10px;
}
.smart-preview-item img,.smart-preview-item video{
width:110px;
height:82px;
object-fit:cover;
border-radius:14px;
background:#080101;
}
.smart-preview-item audio{width:260px;max-width:100%}
.smart-preview-meta{display:grid;gap:3px;min-width:0}
.smart-preview-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smart-preview-meta small{color:#c8b8bd}
.music-cutter-v146{
margin-top:14px;
padding:14px;
border:1px solid rgba(255,255,255,.10);
background:rgba(255,24,70,.06);
border-radius:22px;
}
.music-cutter-v146 h2{margin:0 0 6px}
.music-cutter-ui-v146{display:grid;gap:12px;margin-top:12px}
.music-track-v146{
height:38px;
border-radius:18px;
background:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 4px,transparent 4px 13px);
position:relative;
overflow:hidden;
}
.music-track-v146 span{
position:absolute;
top:0;
bottom:0;
left:0;
width:10%;
background:linear-gradient(90deg,#ffca00,#ff1745,#7c4dff);
border:4px solid rgba(255,255,255,.82);
border-radius:14px;
}
.music-cutter-ui-v146 input[type=range]{width:100%}
.music-cutter-ui-v146 .music-play{
width:48px;
height:48px;
border-radius:50%;
border:0;
background:linear-gradient(135deg,#ff1745,#ff65ad);
color:#fff;
font-weight:1000;
}
@media(max-width:760px){
.smart-preview-item{align-items:flex-start}
.smart-preview-item img,.smart-preview-item video{width:88px;height:66px}
}
/* =========================================================
V14.8 SAFE FRONT — sem mexer no settings.php
========================================================= */
.story-quick{display:none!important}
.story-main-safe{background:#050000;min-height:100dvh}
.story-create-safe{min-height:calc(100dvh - 120px);display:grid;place-items:center;padding:24px 14px}
.story-form-safe{width:min(640px,94vw)}
.story-x-safe{position:fixed;z-index:300;left:14px;top:14px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;font-size:2.2rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.safe-music-card{margin-top:14px;padding:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,24,70,.06);border-radius:22px}
.safe-music-card h2{margin:0 0 6px}
.safe-cutter{display:grid;gap:12px;margin-top:12px}
.safe-cutter-head{display:flex;align-items:center;gap:10px}
.safe-cutter-head strong{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.safe-cutter-head span{color:#ffced8;font-weight:900}
.safe-cutter-head button{width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(135deg,#ff1745,#ff65ad);color:#fff;font-weight:1000}
.safe-wave{height:40px;border-radius:18px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.24) 0 4px,transparent 4px 13px);position:relative;overflow:hidden}
.safe-wave span{position:absolute;top:0;bottom:0;left:0;width:10%;background:linear-gradient(90deg,#ffca00,#ff1745,#7c4dff);border:4px solid rgba(255,255,255,.85);border-radius:14px}
.safe-cutter input[type=range]{width:100%}
.safe-preview-box[hidden]{display:none!important}
.safe-preview-item{display:flex;gap:12px;align-items:center;margin-top:10px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:18px;padding:10px}
.safe-preview-item img,.safe-preview-item video{width:112px;height:84px;object-fit:cover;border-radius:14px;background:#080101}
.safe-preview-meta{display:grid;gap:3px;min-width:0}
.safe-preview-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.safe-preview-meta small{color:#c8b8bd}
.safe-audio-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.08);max-width:340px}
.safe-audio-pill button{width:36px;height:36px;border-radius:50%;border:0;background:#ff2b64;color:#fff;font-weight:1000}
.safe-audio-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story-view-safe{min-height:calc(100dvh - 92px);display:grid;grid-template-columns:126px minmax(0,1fr);background:#050000;color:#fff}
.story-rail-safe{display:flex;flex-direction:column;gap:14px;align-items:center;padding:72px 12px 20px;border-right:1px solid rgba(255,255,255,.08);overflow:auto}
.story-add-safe{width:76px;height:88px;border-radius:24px;border:1px dashed rgba(255,255,255,.25);display:grid;place-items:center;text-decoration:none;color:#fff;font-weight:1000;background:rgba(255,255,255,.05);font-size:2rem}
.story-add-safe span{font-size:.72rem}
.story-ring-safe{text-decoration:none;color:#fff;text-align:center}
.story-ring-safe img{width:66px;height:66px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.12)}
.story-ring-safe.new img{border-color:#ff1745;box-shadow:0 0 0 3px #00ff75,0 0 20px rgba(255,24,70,.35)}
.story-ring-safe span{display:block;max-width:86px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.78rem}
.story-stage-safe{display:grid;place-items:center;padding:22px}
.story-slide-safe{display:none;position:relative;width:min(520px,92vw);height:min(850px,88dvh);border-radius:26px;overflow:hidden;background:#050505;border:1px solid rgba(255,255,255,.10);box-shadow:0 28px 90px rgba(0,0,0,.45)}
.story-slide-safe.active{display:flex;flex-direction:column}
.story-progress-safe{display:grid;grid-auto-flow:column;gap:5px;padding:12px 14px 4px}
.story-progress-safe span{height:4px;border-radius:999px;background:rgba(255,255,255,.25)}
.story-progress-safe .done,.story-progress-safe .current{background:#fff}
.story-author-safe{display:flex;gap:10px;align-items:center;padding:8px 14px 10px}
.story-author-safe img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.story-author-safe a{color:#fff;text-decoration:none}
.story-author-safe strong{display:block}
.story-author-safe small{color:#d7c8cc}
.story-media-safe{flex:1;position:relative;display:grid;place-items:center;background:#000;padding:10px}
.story-media-safe img,.story-media-safe video{max-width:100%;max-height:100%;object-fit:contain;border-radius:18px}
.story-note-safe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.45);padding:10px 16px;border-radius:999px;font-weight:1000}
.story-media-safe .music-badge{position:absolute;left:14px;right:14px;bottom:14px;width:auto;max-width:none}
.story-actions-safe{display:flex;gap:8px;padding:10px;background:rgba(10,10,10,.96);border-top:1px solid rgba(255,255,255,.08)}
.story-reply-safe{display:flex;gap:6px;flex:1}
.story-reply-safe input{flex:1;min-width:0;border-radius:999px!important}
.story-nav-safe{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:46px;height:72px;border:0;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:2.6rem}
.story-nav-safe.prev{left:8px}
.story-nav-safe.next{right:8px}
.story-viewers-safe{max-height:90px;overflow:auto;padding:7px 12px;background:rgba(255,255,255,.04)}
.story-viewers-safe a{display:inline-flex;align-items:center;gap:6px;margin:4px;color:#fff;text-decoration:none;border-radius:999px;background:rgba(255,255,255,.08);padding:6px 9px}
.story-viewers-safe img{width:26px;height:26px;border-radius:50%;object-fit:cover}
@media(min-width:761px){
.chat-shell-v9{width:min(940px,calc(100vw - 80px))!important;grid-template-columns:230px minmax(0,1fr)!important}
.chat-list-v9,.chat-window-v9{height:min(560px,calc(100dvh - 220px))!important;min-height:430px!important}
.messages-box-v9{padding:12px!important}
.message-bubble{max-width:64%!important}
.group-tabs-layout{grid-template-columns:minmax(0,760px) 300px!important;justify-content:center}
.group-chat-box{min-height:300px!important;max-height:420px!important}
}
@media(max-width:760px){
.story-view-safe{grid-template-columns:1fr}
.story-rail-safe{position:fixed;left:0;right:0;bottom:0;height:92px;z-index:30;border-right:0;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.86);backdrop-filter:blur(12px);flex-direction:row;padding:8px 12px;overflow-x:auto}
.story-stage-safe{min-height:calc(100dvh - 92px);padding:8px}
.story-slide-safe{width:100%;height:calc(100dvh - 110px);border-radius:18px}
.story-x-safe{top:10px;left:10px}
.safe-preview-item{align-items:flex-start}
.safe-preview-item img,.safe-preview-item video{width:88px;height:66px}
}
/* =========================================================
V14.9 STORY/CHAT SAFE — sem esquema de visto/backend sensível
========================================================= */
/* Chat privado no PC em formato retrato/9:16 */
@media(min-width:761px){
.chat-shell-v9{
width:min(780px,calc(100vw - 90px))!important;
grid-template-columns:230px minmax(320px,420px)!important;
justify-content:center!important;
align-items:start!important;
gap:14px!important;
}
.chat-list-v9{
height:min(610px,calc(100dvh - 170px))!important;
min-height:430px!important;
}
.chat-window-v9{
width:min(420px,calc(100vw - 360px))!important;
height:min(746px,calc(100dvh - 150px))!important;
min-height:520px!important;
max-height:746px!important;
aspect-ratio:9/16!important;
overflow:hidden!important;
display:flex!important;
flex-direction:column!important;
}
.messages-box-v9{
flex:1!important;
min-height:0!important;
height:auto!important;
max-height:none!important;
padding:12px!important;
overflow:auto!important;
}
.message-bubble{
max-width:78%!important;
border-radius:22px!important;
padding:12px 14px!important;
font-size:.94rem!important;
}
.message-form-v9{
flex-shrink:0!important;
}
.group-tabs-layout{
grid-template-columns:minmax(0,720px) 290px!important;
justify-content:center!important;
gap:16px!important;
}
.group-chat-box{
min-height:300px!important;
max-height:410px!important;
overflow:auto!important;
}
}
/* Story viewer em formato 9:16 */
.story-view-v149 .story-stage-safe{
display:grid!important;
place-items:center!important;
}
.story-slide-v149{
width:min(430px,92vw)!important;
height:min(764px,88dvh)!important;
aspect-ratio:9/16!important;
border-radius:28px!important;
}
.story-slide-v149 .story-media-safe{
background:#000!important;
}
.story-slide-v149 .story-media-safe img,
.story-slide-v149 .story-media-safe video{
width:100%!important;
height:100%!important;
object-fit:cover!important;
border-radius:18px!important;
}
/* Dono do story: painel de curtidas estilo Instagram */
.story-owner-panel-safe{
max-height:210px;
overflow:auto;
padding:10px 12px;
background:#080b0f;
border-top:1px solid rgba(255,255,255,.08);
}
.story-owner-tabs-safe{
display:flex;
align-items:center;
gap:8px;
padding:4px 0 10px;
border-bottom:1px solid rgba(255,255,255,.08);
}
.story-owner-tabs-safe strong{
color:#fff;
font-size:1rem;
}
.story-owner-tabs-safe span{
display:inline-grid;
place-items:center;
min-width:24px;
height:24px;
border-radius:999px;
background:#ff2b64;
color:#fff;
font-weight:1000;
font-size:.78rem;
}
.story-likes-safe{
display:grid;
gap:4px;
padding-top:8px;
}
.story-likes-safe a{
display:grid;
grid-template-columns:42px minmax(0,1fr) 28px;
align-items:center;
gap:10px;
color:#fff;
text-decoration:none;
padding:6px 2px;
}
.story-likes-safe img{
width:42px;
height:42px;
border-radius:50%;
object-fit:cover;
}
.story-likes-safe span{
display:grid;
min-width:0;
}
.story-likes-safe b,
.story-likes-safe small{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.story-likes-safe small{
color:#aeb3bb;
}
.story-likes-safe em{
font-style:normal;
color:#fff;
font-size:1.25rem;
}
/* Curtida para story dos outros */
.story-like-form-safe .liked,
.story-actions-v149 .liked{
background:linear-gradient(135deg,#ff1745,#ff65ad)!important;
color:#fff!important;
}
/* Áudio do story mais no estilo etiqueta do Insta */
.story-slide-v149 .music-badge{
position:absolute!important;
left:16px!important;
right:16px!important;
bottom:18px!important;
width:auto!important;
max-width:none!important;
background:rgba(0,0,0,.58)!important;
border:1px solid rgba(255,255,255,.12)!important;
backdrop-filter:blur(10px)!important;
}
.story-slide-v149 .music-badge span{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
/* Form create story */
.safe-cutter-insta{
border-radius:24px!important;
background:rgba(255,255,255,.045)!important;
border:1px solid rgba(255,255,255,.10)!important;
padding:12px!important;
}
.safe-wave{
box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.safe-preview-box[hidden]{display:none!important}
.safe-preview-item{
display:flex!important;
gap:12px!important;
align-items:center!important;
margin-top:10px!important;
}
.safe-preview-item img,
.safe-preview-item video{
width:96px!important;
height:128px!important;
object-fit:cover!important;
border-radius:16px!important;
}
.safe-audio-pill{
max-width:360px!important;
}
/* Mobile */
@media(max-width:760px){
.story-slide-v149{
width:100%!important;
height:calc(100dvh - 112px)!important;
border-radius:18px!important;
}
.story-owner-panel-safe{
max-height:180px;
}
.story-likes-safe a{
grid-template-columns:38px minmax(0,1fr) 24px;
}
.story-likes-safe img{
width:38px;
height:38px;
}
}
/* =========================================================
V14.10 MADRUGA — final seguro stories/chat
========================================================= */
/* Stories sem rodapé ocupando espaço */
body:has(.story-main-v149) .footer,
body:has(.story-main-safe) .footer{display:none!important}
/* Story em cartão 9:16, sem descer pro rodapé */
.story-main-v149,.story-main-safe{min-height:100dvh!important;background:#050000!important}
.story-view-v149,.story-view-safe{min-height:calc(100dvh - 76px)!important;background:#050000!important}
.story-stage-safe{padding:14px!important;align-items:start!important}
.story-slide-v149{width:min(430px,92vw)!important;height:min(764px,calc(100dvh - 115px))!important;aspect-ratio:9/16!important;margin:0 auto!important;border-radius:28px!important;overflow:hidden!important;background:#020202!important}
.story-slide-v149 .story-media-safe{background:#000!important;min-height:0!important;flex:1!important}
.story-slide-v149 .story-media-safe img,.story-slide-v149 .story-media-safe video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
/* Música embaixo do nome da pessoa, não embaixo da foto */
.story-author-text-safe{display:grid!important;gap:5px!important;min-width:0!important;flex:1!important}
.story-author-text-safe>a{color:#fff!important;text-decoration:none!important}
.story-author-text-safe .music-badge{position:static!important;width:100%!important;max-width:100%!important;margin:0!important;padding:7px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important;backdrop-filter:blur(8px)!important}
.story-author-text-safe .music-badge .music-play{width:30px!important;height:30px!important;min-width:30px!important;font-size:.78rem!important}
.story-author-text-safe .music-badge span{font-size:.82rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.story-author-text-safe .music-badge small{display:none!important}
.story-slide-v149 .story-media-safe>.music-badge{display:none!important}
/* Botão curtir visível nos stories de outras pessoas */
.story-like-float-safe{position:absolute!important;right:18px!important;bottom:92px!important;z-index:30!important;margin:0!important}
.story-like-float-safe button{width:52px!important;height:52px!important;border-radius:50%!important;border:0!important;background:rgba(0,0,0,.56)!important;color:#fff!important;font-size:1.5rem!important;box-shadow:0 12px 30px rgba(0,0,0,.35)!important;backdrop-filter:blur(10px)!important}
.story-like-float-safe button.liked{background:linear-gradient(135deg,#ff1745,#ff65ad)!important;color:#fff!important}
.story-actions-v149{background:rgba(5,5,5,.96)!important;flex-shrink:0!important}
.story-actions-v149 .story-like-form-safe{display:none!important}
/* Painel do dono: visualizações + curtidas estilo Instagram, sem perder o que estava funcionando */
.story-owner-panel-safe{max-height:225px!important;overflow:auto!important;background:#080b0f!important;border-top:1px solid rgba(255,255,255,.08)!important;padding:10px 12px!important;flex-shrink:0!important}
.story-owner-tabs-safe{display:flex!important;align-items:center!important;gap:8px!important;padding:4px 0 10px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;flex-wrap:wrap!important}
.story-owner-tabs-safe strong{color:#fff!important;font-size:.92rem!important}
.story-owner-tabs-safe span{display:inline-grid!important;place-items:center!important;min-width:23px!important;height:23px!important;border-radius:999px!important;background:#ff2b64!important;color:#fff!important;font-weight:1000!important;font-size:.75rem!important}
.story-likes-safe{display:grid!important;gap:4px!important;padding-top:8px!important}
.story-likes-safe a{display:grid!important;grid-template-columns:42px minmax(0,1fr) 28px!important;align-items:center!important;gap:10px!important;color:#fff!important;text-decoration:none!important;padding:6px 2px!important}
.story-likes-safe img{width:42px!important;height:42px!important;border-radius:50%!important;object-fit:cover!important}
.story-likes-safe span{display:grid!important;min-width:0!important}.story-likes-safe b,.story-likes-safe small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.story-likes-safe small{color:#aeb3bb!important}.story-likes-safe em{font-style:normal!important;color:#fff!important;font-size:1.15rem!important}
/* Prévia única e bonita */
.safe-preview-box{display:grid!important;gap:10px!important}.safe-preview-box[hidden]{display:none!important}
.v1410-preview{display:flex!important;align-items:center!important;gap:14px!important;padding:12px!important;border-radius:22px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;margin-top:10px!important}
.v1410-preview img,.v1410-preview video{width:96px!important;height:126px!important;object-fit:cover!important;border-radius:18px!important;background:#070101!important}.safe-preview-meta{display:grid!important;gap:4px!important;min-width:0!important}.safe-preview-meta strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.safe-preview-meta small{color:#cdbdc2!important}.safe-audio-pill{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(255,24,70,.18),rgba(255,255,255,.06))!important;min-width:240px!important}.safe-audio-pill button{width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;background:#ff2b64!important;color:#fff!important;font-weight:1000!important}.safe-audio-pill span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:240px!important}
/* Cortador mais profissional */
.safe-cutter-insta,.safe-cutter{padding:16px!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(255,24,70,.13),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important}
.safe-cutter-head{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:13px!important;align-items:center!important}.safe-cutter-head button{width:58px!important;height:58px!important;border-radius:50%!important;border:0!important;background:linear-gradient(135deg,#ff1745,#ff65ad)!important;color:#fff!important;font-size:1.15rem!important;font-weight:1000!important}.safe-cutter-head strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:1rem!important}.safe-cutter-head span{font-weight:1000!important;color:#ffced8!important}
.safe-wave{height:54px!important;border-radius:22px!important;background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 4px,transparent 4px 13px)!important;position:relative!important;overflow:hidden!important}.safe-wave span{position:absolute!important;top:6px!important;bottom:6px!important;left:0;width:10%;border-radius:18px!important;background:linear-gradient(90deg,#ffca00,#ff1745,#7c4dff)!important;border:4px solid rgba(255,255,255,.8)!important;box-shadow:0 0 20px rgba(255,24,70,.22)!important}.safe-cutter label{font-weight:1000!important;color:#fff!important}.safe-cutter input[type=range]{width:100%!important;accent-color:#ff2b64!important}
/* Chat privado PC mais vertical */
@media(min-width:761px){.chat-shell-v9{width:min(760px,calc(100vw - 90px))!important;grid-template-columns:220px minmax(320px,400px)!important;justify-content:center!important;gap:14px!important}.chat-window-v9{width:400px!important;max-width:400px!important;height:min(710px,calc(100dvh - 150px))!important;aspect-ratio:9/16!important;overflow:hidden!important}.chat-list-v9{height:min(560px,calc(100dvh - 190px))!important}.messages-box-v9{flex:1!important;overflow:auto!important}.message-bubble{max-width:78%!important}}
@media(max-width:760px){.story-stage-safe{padding:0!important}.story-slide-v149{width:100%!important;height:calc(100dvh - 112px)!important;border-radius:0!important}.story-like-float-safe{right:16px!important;bottom:82px!important}.story-owner-panel-safe{max-height:200px!important}.v1410-preview img,.v1410-preview video{width:82px!important;height:108px!important}.story-author-text-safe .music-badge{max-width:calc(100vw - 108px)!important}}
/* =========================================================
V15 STORIES + FEED MUSIC + REALTIME SAFE
========================================================= */
/* Composer música estilo Instagram */
.music-details-v15{
border:1px solid rgba(255,42,88,.24)!important;
border-radius:24px!important;
background:linear-gradient(180deg,rgba(255,31,72,.08),rgba(255,255,255,.035))!important;
padding:14px!important;
margin-top:14px!important;
}
.music-details-v15 summary{
cursor:pointer;
font-weight:1000;
color:#ffe8ee;
}
.music-details-v15 .small{
color:#dcc6ce!important;
line-height:1.5!important;
}
.feed-music-cutter-v15,
.safe-cutter-insta{
margin-top:12px!important;
padding:14px!important;
border-radius:24px!important;
background:rgba(7,9,12,.92)!important;
border:1px solid rgba(255,255,255,.10)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.25)!important;
}
.feed-music-cutter-v15[hidden],
.safe-cutter[hidden]{
display:none!important;
}
.safe-cutter-head{
display:flex!important;
align-items:center!important;
gap:12px!important;
}
.safe-cutter-head button{
width:46px!important;
height:46px!important;
border-radius:50%!important;
border:0!important;
background:linear-gradient(135deg,#ff1745,#ff5ca8)!important;
color:#fff!important;
font-weight:1000!important;
box-shadow:0 10px 24px rgba(255,23,69,.25)!important;
}
.safe-cutter-head strong{
flex:1!important;
min-width:0!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.safe-cutter-head span{
color:#ffc6d5!important;
font-weight:1000!important;
}
.safe-wave{
height:42px!important;
border-radius:18px!important;
margin:12px 0!important;
position:relative!important;
overflow:hidden!important;
background:repeating-linear-gradient(90deg,rgba(255,255,255,.20) 0 4px,transparent 4px 13px)!important;
}
.safe-wave span{
position:absolute!important;
top:0!important;
bottom:0!important;
left:0!important;
width:12%!important;
border:4px solid rgba(255,255,255,.9)!important;
border-radius:16px!important;
background:linear-gradient(90deg,#ffbd00,#ff1745,#7c4dff)!important;
}
.safe-cutter label{
display:block!important;
color:#ffe7ed!important;
font-weight:900!important;
margin-top:8px!important;
}
.safe-cutter input[type=range]{
width:100%!important;
accent-color:#ff2b64!important;
}
/* Preview independente sem duplicar */
.safe-preview-box[hidden]{display:none!important}
.safe-preview-box{
margin-top:10px!important;
}
.safe-preview-item-v15,
.safe-preview-item{
display:flex!important;
align-items:center!important;
gap:12px!important;
padding:12px!important;
border-radius:18px!important;
border:1px solid rgba(255,255,255,.10)!important;
background:rgba(255,255,255,.055)!important;
overflow:hidden!important;
}
.safe-preview-item-v15 img,
.safe-preview-item img{
width:104px!important;
height:78px!important;
border-radius:14px!important;
object-fit:cover!important;
background:#090101!important;
}
.safe-preview-item-v15 video,
.safe-preview-item video{
width:104px!important;
height:78px!important;
border-radius:14px!important;
object-fit:cover!important;
}
.safe-preview-meta{
display:grid!important;
gap:2px!important;
min-width:0!important;
}
.safe-preview-meta strong,
.safe-audio-pill-v15 span{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.safe-preview-meta small{
color:#c8b4bc!important;
}
.safe-audio-pill-v15,
.safe-audio-pill{
display:flex!important;
align-items:center!important;
gap:10px!important;
max-width:100%!important;
min-width:0!important;
padding:10px 12px!important;
border-radius:999px!important;
background:rgba(0,0,0,.28)!important;
border:1px solid rgba(255,255,255,.10)!important;
}
.safe-audio-pill-v15 button,
.safe-audio-pill button{
width:38px!important;
height:38px!important;
border:0!important;
border-radius:50%!important;
background:linear-gradient(135deg,#ff1745,#ff65ad)!important;
color:#fff!important;
font-weight:1000!important;
}
/* Player do feed estilo Instagram */
.music-badge-v15{
display:grid!important;
grid-template-columns:46px minmax(0,1fr) 92px!important;
align-items:center!important;
gap:12px!important;
width:100%!important;
margin:10px 0 14px!important;
padding:12px 14px!important;
border-radius:999px!important;
background:linear-gradient(90deg,rgba(255,23,69,.16),rgba(0,0,0,.76))!important;
border:1px solid rgba(255,255,255,.10)!important;
box-shadow:0 14px 40px rgba(0,0,0,.25)!important;
backdrop-filter:blur(10px)!important;
}
.music-badge-v15 .music-play{
width:46px!important;
height:46px!important;
border:0!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:linear-gradient(135deg,#ff1745,#ff65ad)!important;
color:#fff!important;
font-weight:1000!important;
box-shadow:0 10px 26px rgba(255,23,69,.30)!important;
}
.music-info-v15{
display:grid!important;
gap:2px!important;
min-width:0!important;
}
.music-info-v15 strong{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
font-size:1rem!important;
}
.music-info-v15 span{
color:#ffc8d4!important;
font-size:.78rem!important;
font-weight:900!important;
}
.music-wave-v15{
height:28px!important;
display:flex!important;
gap:4px!important;
align-items:center!important;
justify-content:flex-end!important;
overflow:hidden!important;
}
.music-wave-v15 i{
width:4px!important;
border-radius:999px!important;
background:linear-gradient(#fff,#ff4f88)!important;
opacity:.9!important;
animation:sfWaveV15 1.05s infinite ease-in-out alternate!important;
}
.music-wave-v15 i:nth-child(1){height:9px;animation-delay:.05s}
.music-wave-v15 i:nth-child(2){height:19px;animation-delay:.15s}
.music-wave-v15 i:nth-child(3){height:13px;animation-delay:.25s}
.music-wave-v15 i:nth-child(4){height:24px;animation-delay:.35s}
.music-wave-v15 i:nth-child(5){height:12px;animation-delay:.45s}
.music-wave-v15 i:nth-child(6){height:27px;animation-delay:.55s}
.music-wave-v15 i:nth-child(7){height:16px;animation-delay:.65s}
.music-wave-v15 i:nth-child(8){height:22px;animation-delay:.75s}
.music-wave-v15 i:nth-child(9){height:10px;animation-delay:.85s}
.music-wave-v15 i:nth-child(10){height:18px;animation-delay:.95s}
@keyframes sfWaveV15{to{transform:scaleY(.55);opacity:.55}}
/* Stories em tempo real e meu story primeiro */
.stories-bar[data-stories-bar]{
scroll-behavior:smooth;
}
.my-story-ring span{
color:#fff!important;
font-weight:1000!important;
}
@media(max-width:760px){
.music-badge-v15{
grid-template-columns:44px minmax(0,1fr) 64px!important;
gap:10px!important;
padding:10px 12px!important;
}
.music-wave-v15{
max-width:64px!important;
}
.music-info-v15 strong{
font-size:.94rem!important;
}
.safe-preview-item-v15 img,
.safe-preview-item img,
.safe-preview-item-v15 video,
.safe-preview-item video{
width:88px!important;
height:66px!important;
}
}
/* =========================================================
V15.1 STORIES LIMPO + FEED MUSIC + UPLOAD PROGRESS
========================================================= */
/* Tela de story totalmente limpa */
.story-main-v151{background:#050507;min-height:100dvh}
.story-view-v151{
position:fixed!important;
inset:0!important;
z-index:99990!important;
background:#050507!important;
display:grid!important;
place-items:center!important;
padding:22px!important;
overflow:auto!important;
}
body:has(.story-view-v151) .site-header,
body:has(.story-view-v151) header,
body:has(.story-view-v151) footer,
body:has(.story-view-v151) .site-footer,
body:has(.story-view-v151) .install-app-btn,
body:has(.story-view-v151) .chat-float,
body:has(.story-view-v151) .floating-chat,
body:has(.story-view-v151) .back-position-btn,
body:has(.story-view-v151) .story-rail-safe,
body:has(.story-view-v151) .story-rail-147,
body:has(.story-view-v151) .stories-bar{
display:none!important;
}
.story-close-v151{
position:fixed!important;
z-index:100000!important;
top:18px!important;
left:18px!important;
width:58px!important;
height:58px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
color:#fff!important;
text-decoration:none!important;
font-size:2.7rem!important;
line-height:1!important;
background:rgba(255,255,255,.10)!important;
border:1px solid rgba(255,255,255,.18)!important;
box-shadow:0 14px 36px rgba(0,0,0,.38)!important;
backdrop-filter:blur(14px)!important;
}
.story-slide-v151{
display:none!important;
width:min(360px,92vw)!important;
min-height:min(640px,92dvh)!important;
max-height:92dvh!important;
aspect-ratio:9/16!important;
overflow:hidden!important;
border-radius:28px!important;
background:#090a0d!important;
border:1px solid rgba(255,255,255,.10)!important;
box-shadow:0 28px 80px rgba(0,0,0,.55)!important;
color:#fff!important;
position:relative!important;
grid-template-rows:auto auto auto 1fr auto auto!important;
}
.story-slide-v151.active{display:grid!important}
.story-progress-v151{
display:grid!important;
grid-auto-flow:column!important;
gap:5px!important;
padding:12px 14px 6px!important;
}
.story-progress-v151 span{
height:4px!important;
border-radius:999px!important;
background:rgba(255,255,255,.25)!important;
}
.story-progress-v151 .done,
.story-progress-v151 .current{background:#fff!important}
.story-header-v151{
display:flex!important;
gap:10px!important;
align-items:center!important;
padding:6px 14px 8px!important;
}
.story-header-v151 img{
width:42px!important;
height:42px!important;
object-fit:cover!important;
border-radius:50%!important;
}
.story-header-v151 a{
color:#fff!important;
text-decoration:none!important;
}
.story-header-v151 strong{
display:block!important;
font-size:.95rem!important;
}
.story-header-v151 small{
display:block!important;
color:#c7c2c6!important;
font-size:.75rem!important;
}
.story-slide-v151 .music-badge-v151{
margin:0 14px 10px!important;
}
.story-media-v151{
min-height:0!important;
display:grid!important;
place-items:center!important;
background:#000!important;
overflow:hidden!important;
}
.story-media-v151 img,
.story-media-v151 video{
width:100%!important;
height:100%!important;
object-fit:cover!important;
display:block!important;
}
.story-note-v151{
position:absolute!important;
top:45%!important;
left:50%!important;
transform:translate(-50%,-50%)!important;
background:rgba(0,0,0,.54)!important;
border:1px solid rgba(255,255,255,.10)!important;
padding:8px 12px!important;
border-radius:999px!important;
font-weight:900!important;
}
.story-insights-v151{
max-height:180px!important;
overflow:auto!important;
background:#080b0f!important;
border-top:1px solid rgba(255,255,255,.08)!important;
padding:10px 12px!important;
}
.story-insights-v151 h3{
margin:0 0 8px!important;
font-size:.94rem!important;
}
.story-people-v151{
display:grid!important;
gap:4px!important;
}
.story-people-v151 a{
display:grid!important;
grid-template-columns:38px minmax(0,1fr) 28px!important;
gap:10px!important;
align-items:center!important;
color:#fff!important;
text-decoration:none!important;
padding:5px 0!important;
}
.story-people-v151 img{
width:38px!important;
height:38px!important;
border-radius:50%!important;
object-fit:cover!important;
}
.story-people-v151 span{
display:grid!important;
min-width:0!important;
}
.story-people-v151 b,
.story-people-v151 small{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.story-people-v151 small{
color:#aeb4bc!important;
}
.story-people-v151 em{
font-style:normal!important;
text-align:center!important;
}
.story-actions-v151{
display:flex!important;
gap:8px!important;
align-items:center!important;
padding:10px!important;
background:#08080a!important;
border-top:1px solid rgba(255,255,255,.08)!important;
}
.story-reply-v151{
display:flex!important;
gap:8px!important;
flex:1!important;
}
.story-reply-v151 input{
flex:1!important;
min-width:0!important;
border-radius:999px!important;
height:42px!important;
padding:0 16px!important;
}
.story-like-form-v151 .liked,
.story-actions-v151 .liked{
background:linear-gradient(135deg,#ff1745,#ff65ad)!important;
color:#fff!important;
}
.story-nav-v151{
position:absolute!important;
z-index:4!important;
top:50%!important;
transform:translateY(-50%)!important;
width:46px!important;
height:76px!important;
border:0!important;
border-radius:999px!important;
color:#fff!important;
font-size:2.8rem!important;
background:rgba(255,255,255,.08)!important;
backdrop-filter:blur(8px)!important;
}
.story-nav-v151.prev{left:8px!important}
.story-nav-v151.next{right:8px!important}
.story-empty-v151{
color:#fff!important;
text-align:center!important;
max-width:420px!important;
}
/* PC menor ainda */
@media(min-width:761px){
.story-slide-v151{
width:330px!important;
min-height:586px!important;
max-height:86dvh!important;
border-radius:24px!important;
}
.story-insights-v151{
max-height:150px!important;
}
}
@media(max-width:760px){
.story-view-v151{
padding:0!important;
align-items:start!important;
}
.story-slide-v151{
width:100vw!important;
min-height:100dvh!important;
max-height:100dvh!important;
border-radius:0!important;
border:0!important;
}
.story-close-v151{
top:12px!important;
left:12px!important;
width:50px!important;
height:50px!important;
font-size:2.35rem!important;
}
}
/* Criar story */
.story-create-v151{
min-height:calc(100dvh - 110px)!important;
display:grid!important;
place-items:center!important;
padding:24px 14px!important;
}
.story-create-card-v151{
width:min(660px,94vw)!important;
border-radius:28px!important;
border:1px solid rgba(255,255,255,.10)!important;
background:rgba(255,255,255,.045)!important;
box-shadow:0 20px 70px rgba(0,0,0,.32)!important;
padding:20px!important;
}
/* Input de arquivo sem nome nativo duplicado */
.native-file-hidden-v151{
position:absolute!important;
left:-9999px!important;
width:1px!important;
height:1px!important;
opacity:0!important;
}
.file-chooser-v151{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:44px!important;
padding:0 18px!important;
border:0!important;
border-radius:999px!important;
color:#fff!important;
font-weight:1000!important;
background:linear-gradient(135deg,#2b2b31,#57515a)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
/* Preview sem duplicar e mantendo imagem+áudio juntos */
.safe-preview-box[hidden]{display:none!important}
.safe-preview-box{
margin-top:10px!important;
}
.safe-preview-item-v151{
display:flex!important;
align-items:center!important;
gap:12px!important;
padding:12px!important;
border-radius:18px!important;
border:1px solid rgba(255,255,255,.10)!important;
background:rgba(255,255,255,.055)!important;
overflow:hidden!important;
}
.safe-preview-item-v151 img,
.safe-preview-item-v151 video{
width:96px!important;
height:96px!important;
border-radius:16px!important;
object-fit:cover!important;
background:#090101!important;
}
.safe-preview-meta-v151{
display:grid!important;
gap:3px!important;
min-width:0!important;
}
.safe-preview-meta-v151 strong,
.safe-preview-meta-v151 small{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.safe-preview-meta-v151 small{color:#c8b4bc!important}
.safe-audio-preview-v151{
display:flex!important;
align-items:center!important;
gap:10px!important;
padding:10px 12px!important;
border-radius:999px!important;
background:rgba(0,0,0,.35)!important;
border:1px solid rgba(255,255,255,.10)!important;
min-width:0!important;
max-width:360px!important;
}
.safe-audio-preview-v151 button{
width:38px!important;
height:38px!important;
border:0!important;
border-radius:50%!important;
background:linear-gradient(135deg,#ff1745,#ff65ad)!important;
color:#fff!important;
}
.safe-audio-preview-v151 span{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
/* Editor de música feed/story */
.music-details-v151,
.story-music-v151{
margin-top:14px!important;
padding:14px!important;
border-radius:24px!important;
border:1px solid rgba(255,42,88,.24)!important;
background:linear-gradient(180deg,rgba(255,31,72,.08),rgba(255,255,255,.035))!important;
}
.music-details-v151 summary{
cursor:pointer!important;
font-weight:1000!important;
}
.music-editor-v151{
margin-top:12px!important;
padding:14px!important;
border-radius:24px!important;
background:rgba(7,9,12,.94)!important;
border:1px solid rgba(255,255,255,.10)!important;
}
.music-editor-v151[hidden]{display:none!important}
.music-editor-head-v151{
display:flex!important;
align-items:center!important;
gap:12px!important;
}
.music-editor-head-v151 button{
width:50px!important;
height:50px!important;
border:0!important;
border-radius:50%!important;
background:linear-gradient(135deg,#ff1745,#ff65ad)!important;
color:#fff!important;
font-weight:1000!important;
box-shadow:0 12px 28px rgba(255,23,69,.26)!important;
}
.music-editor-head-v151 div{
flex:1!important;
min-width:0!important;
display:grid!important;
}
.music-editor-head-v151 strong{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.music-editor-head-v151 span{
color:#ffc9d6!important;
font-weight:900!important;
}
.music-wave-editor-v151{
height:44px!important;
border-radius:18px!important;
margin:14px 0!important;
position:relative!important;
overflow:hidden!important;
background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 4px,transparent 4px 13px)!important;
}
.music-wave-editor-v151 span{
position:absolute!important;
top:0!important;
bottom:0!important;
left:0!important;
width:12%!important;
border:4px solid rgba(255,255,255,.92)!important;
border-radius:16px!important;
background:linear-gradient(90deg,#ffbd00,#ff1745,#7c4dff)!important;
}
.music-editor-v151 label{
display:block!important;
margin-top:9px!important;
color:#ffe7ed!important;
font-weight:900!important;
}
.music-editor-v151 input[type=range]{
width:100%!important;
accent-color:#ff2b64!important;
}
/* Player de música no feed/story */
.music-badge-v151{
display:grid!important;
grid-template-columns:44px minmax(0,1fr) 72px!important;
align-items:center!important;
gap:10px!important;
width:auto!important;
margin:10px 0 14px!important;
padding:10px 12px!important;
border-radius:999px!important;
background:linear-gradient(90deg,rgba(255,23,69,.18),rgba(0,0,0,.76))!important;
border:1px solid rgba(255,255,255,.10)!important;
box-shadow:0 14px 40px rgba(0,0,0,.25)!important;
backdrop-filter:blur(10px)!important;
}
.music-badge-v151 .music-play{
width:44px!important;
height:44px!important;
border:0!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:linear-gradient(135deg,#ff1745,#ff65ad)!important;
color:#fff!important;
font-weight:1000!important;
}
.music-info-v151{
display:grid!important;
gap:2px!important;
min-width:0!important;
}
.music-info-v151 strong{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
font-size:.92rem!important;
}
.music-info-v151 span{
color:#ffc8d4!important;
font-size:.74rem!important;
font-weight:900!important;
}
.music-wave-v151{
height:26px!important;
display:flex!important;
gap:4px!important;
align-items:center!important;
justify-content:flex-end!important;
overflow:hidden!important;
}
.music-wave-v151 i{
width:4px!important;
border-radius:999px!important;
background:linear-gradient(#fff,#ff4f88)!important;
opacity:.85!important;
animation:sfWaveV151 1.05s infinite ease-in-out alternate!important;
}
.music-wave-v151 i:nth-child(1){height:10px;animation-delay:.05s}
.music-wave-v151 i:nth-child(2){height:21px;animation-delay:.15s}
.music-wave-v151 i:nth-child(3){height:13px;animation-delay:.25s}
.music-wave-v151 i:nth-child(4){height:24px;animation-delay:.35s}
.music-wave-v151 i:nth-child(5){height:12px;animation-delay:.45s}
.music-wave-v151 i:nth-child(6){height:23px;animation-delay:.55s}
.music-wave-v151 i:nth-child(7){height:14px;animation-delay:.65s}
.music-wave-v151 i:nth-child(8){height:20px;animation-delay:.75s}
@keyframes sfWaveV151{to{transform:scaleY(.55);opacity:.52}}
.music-badge-v151:not(.playing) .music-wave-v151 i{animation-play-state:paused!important;opacity:.45!important}
/* Upload progress */
.sf-upload-progress-v151{
position:fixed!important;
inset:0!important;
z-index:120000!important;
display:none!important;
place-items:center!important;
background:rgba(0,0,0,.72)!important;
backdrop-filter:blur(12px)!important;
}
.sf-upload-progress-v151.show{display:grid!important}
.sf-upload-progress-v151>div{
width:min(360px,88vw)!important;
padding:22px!important;
border-radius:26px!important;
background:#090b0f!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 24px 80px rgba(0,0,0,.55)!important;
color:#fff!important;
display:grid!important;
gap:10px!important;
}
.sf-upload-progress-v151 strong{font-size:1.1rem!important}
.sf-upload-progress-v151 span{
justify-self:end!important;
color:#ff8eb1!important;
font-weight:1000!important;
}
.sf-upload-progress-v151 b{
display:block!important;
height:12px!important;
border-radius:999px!important;
overflow:hidden!important;
background:rgba(255,255,255,.10)!important;
}
.sf-upload-progress-v151 i{
display:block!important;
height:100%!important;
width:1%;
border-radius:999px!important;
background:linear-gradient(90deg,#ff1745,#ff65ad,#00ff75)!important;
transition:width .18s linear!important;
}
.sf-upload-progress-v151 small{color:#c8b8bf!important}
/* My story label */
.my-story-ring span{font-weight:1000!important;color:#fff!important}
@media(max-width:760px){
.music-badge-v151{
grid-template-columns:42px minmax(0,1fr) 58px!important;
gap:9px!important;
padding:9px 10px!important;
}
.music-wave-v151{max-width:58px!important}
.safe-preview-item-v151 img,
.safe-preview-item-v151 video{
width:84px!important;
height:84px!important;
}
}
/* V15.1 hide old duplicate previews in feed/story composers */
.story-safe-form .smart-preview-box,.music-details-v151 .smart-preview-box,.story-music-v151 .smart-preview-box{display:none!important}
/* =========================================================
V15.2 STORY CROP + COMMENTS REALTIME + FLOATING LIKE
========================================================= */
/* Corrige corte da área de visualizações no PC */
@media(min-width:761px){
.story-slide-v151{
width:330px!important;
height:min(680px,96dvh)!important;
max-height:96dvh!important;
min-height:0!important;
grid-template-rows:auto auto auto minmax(0,1fr) minmax(126px,180px) auto!important;
overflow:hidden!important;
}
.story-media-v151{
min-height:0!important;
height:100%!important;
}
.story-insights-v151{
max-height:180px!important;
min-height:126px!important;
overflow:auto!important;
}
}
@media(max-width:760px){
.story-slide-v151{
grid-template-rows:auto auto auto minmax(0,1fr) minmax(118px,190px) auto!important;
}
.story-insights-v151{
max-height:190px!important;
min-height:118px!important;
overflow:auto!important;
}
}
/* Nome de quem está vendo o story mais claro */
.story-header-v151{
position:relative!important;
z-index:8!important;
background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.18))!important;
}
.story-header-v151 strong{
font-size:1rem!important;
letter-spacing:.01em!important;
}
/* Curtir story flutuante */
.story-floating-like-v152{
position:absolute!important;
right:16px!important;
bottom:82px!important;
z-index:30!important;
display:block!important;
}
.story-floating-like-v152 .mini-btn,
.story-floating-like-v152 button{
width:58px!important;
height:58px!important;
border-radius:50%!important;
padding:0!important;
display:grid!important;
place-items:center!important;
font-size:1.45rem!important;
background:rgba(0,0,0,.44)!important;
border:1px solid rgba(255,255,255,.18)!important;
color:#fff!important;
box-shadow:0 16px 40px rgba(0,0,0,.35)!important;
backdrop-filter:blur(12px)!important;
}
.story-floating-like-v152 .liked,
.story-floating-like-v152 button.liked{
background:linear-gradient(135deg,#ff1745,#ff65ad)!important;
}
.story-like-inline-hidden-v152{
display:none!important;
}
/* Deixa o X sempre limpo e separado do player */
.story-close-v151{
z-index:120001!important;
}
/* Melhor área de comentários */
.comments-area .author-time,
.comment-item .author-time,
.reply-item .author-time{
color:#aaa!important;
}
.comment-item .post-author small,
.reply-item .post-author small{
color:#aaa!important;
}
/* Botões de comentário sem pular visual */
.comment-actions form,
.post-actions form{
display:inline-flex!important;
}
.comment-actions .mini-btn,
.comments-area .mini-btn{
min-height:42px!important;
}
/* Editor de áudio: reforça funcionalidade visual */
.music-editor-v151.show,
.music-editor-v151:not([hidden]){
display:block!important;
}
.music-editor-v151 input[type=range]{
cursor:pointer!important;
}
.music-editor-head-v151 button[data-safe-play]{
cursor:pointer!important;
}
/* V15.3 FINAL POLISH */
.story-slide-v151{
overflow-y:auto!important;
overflow-x:hidden!important;
}
.story-header-v151{
display:flex!important;
position:relative!important;
z-index:15!important;
background:rgba(5,5,7,.82)!important;
backdrop-filter:blur(10px)!important;
border-radius:18px!important;
margin:0 12px 8px!important;
}
.story-header-v151 strong,
.story-header-v151 small,
.story-header-v151 a{opacity:1!important;visibility:visible!important}
.story-insights-v151{
flex-shrink:0!important;
max-height:230px!important;
min-height:120px!important;
padding-bottom:22px!important;
}
.story-floating-like-v153,
.story-floating-like-v152{
position:absolute!important;
right:18px!important;
bottom:96px!important;
z-index:40!important;
display:block!important;
}
.story-floating-like-v153 button,
.story-floating-like-v152 button{
width:56px!important;
height:56px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
font-size:1.35rem!important;
box-shadow:0 16px 40px rgba(255,23,69,.38)!important;
}
.story-like-inline-hidden-v153,
.story-like-inline-hidden-v152{display:none!important}
@media(min-width:761px){
.story-slide-v151{
width:350px!important;
height:min(735px,92dvh)!important;
min-height:0!important;
max-height:92dvh!important;
}
.story-media-v151{
min-height:330px!important;
max-height:430px!important;
}
.story-insights-v151{
max-height:190px!important;
min-height:105px!important;
}
}
@media(max-width:760px){
.story-insights-v151{
max-height:240px!important;
min-height:110px!important;
padding-bottom:18px!important;
}
.story-floating-like-v153,
.story-floating-like-v152{
right:18px!important;
bottom:92px!important;
}
}
/* Editor de áudio mais parecido com o print antigo e sempre funcional */
.music-editor-v151{
display:block!important;
}
.music-editor-v151[hidden]{display:none!important}
.music-editor-head-v151{
grid-template-columns:54px minmax(0,1fr)!important;
}
.music-wave-editor-v151{
cursor:pointer!important;
}
.music-editor-v151 input[type=range]{
cursor:pointer!important;
}
.music-editor-head-v151 button[data-safe-play]{
cursor:pointer!important;
}
/* Comentários com tempo relativo limpo */
.comment-item .author-row small,
.reply-item .author-row small{
white-space:nowrap!important;
color:#aaa!important;
}
/* =========================================================
V15.3 BUGFIX — Story limpo, nome visível, insights por botão
========================================================= */
/* Não esconder headers/footers internos do story */
body:has(.story-view-v151) .topbar,
body:has(.story-view-v151) .site-footer,
body:has(.story-view-v151) .install-app-btn,
body:has(.story-view-v151) .chat-float,
body:has(.story-view-v151) .floating-chat,
body:has(.story-view-v151) .back-position-btn,
body:has(.story-view-v151) .story-rail-safe,
body:has(.story-view-v151) .story-rail-147,
body:has(.story-view-v151) .stories-bar{
display:none!important;
}
body:has(.story-view-v151) header:not(.story-header-v151),
body:has(.story-view-v151) footer:not(.story-actions-v151){
display:none!important;
}
.story-slide-v151{
overflow:hidden!important;
}
.story-owner-head-v153,
.story-header-v151{
display:flex!important;
opacity:1!important;
visibility:visible!important;
height:auto!important;
min-height:52px!important;
max-height:none!important;
position:relative!important;
z-index:30!important;
margin:0 12px 8px!important;
padding:8px 12px!important;
background:rgba(0,0,0,.58)!important;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:18px!important;
backdrop-filter:blur(12px)!important;
}
.story-header-v151 *{
opacity:1!important;
visibility:visible!important;
}
.story-header-v151 strong{
color:#fff!important;
font-weight:1000!important;
font-size:.95rem!important;
}
.story-header-v151 small{
color:#d8c9cf!important;
font-weight:700!important;
}
.story-header-v151 img{
width:42px!important;
height:42px!important;
flex:0 0 42px!important;
}
.story-slide-v151 .music-badge-v151{
margin:0 12px 10px!important;
position:relative!important;
z-index:25!important;
}
/* Foto inteira no PC/mobile dentro do story */
.story-media-v151{
background:#020204!important;
}
.story-media-v151 img,
.story-media-v151 video{
object-fit:contain!important;
background:#020204!important;
}
/* Insights só abre no botão, não corta o story */
.story-insights-collapsed-v153,
.story-insights-v151{
position:absolute!important;
left:12px!important;
right:12px!important;
bottom:12px!important;
z-index:60!important;
max-height:none!important;
min-height:0!important;
background:rgba(5,8,12,.88)!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:20px!important;
overflow:hidden!important;
padding:0!important;
backdrop-filter:blur(12px)!important;
}
.story-insights-v151 summary{
list-style:none!important;
cursor:pointer!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:44px!important;
color:#fff!important;
font-weight:1000!important;
padding:0 14px!important;
}
.story-insights-v151 summary::-webkit-details-marker{display:none!important}
.story-insights-v151:not([open]) .story-people-v151{display:none!important}
.story-insights-v151[open]{
max-height:min(46dvh,330px)!important;
overflow:auto!important;
}
.story-people-v151{
padding:8px 12px 14px!important;
display:grid!important;
gap:7px!important;
}
.story-people-v151 a{
display:grid!important;
grid-template-columns:42px minmax(0,1fr) 30px!important;
gap:10px!important;
align-items:center!important;
padding:5px 0!important;
}
.story-people-v151 img{
width:42px!important;
height:42px!important;
object-fit:cover!important;
border-radius:50%!important;
}
.story-people-v151 b,
.story-people-v151 small{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
/* Botão flutuante de curtir story */
.story-floating-like-v153{
position:absolute!important;
right:18px!important;
bottom:72px!important;
z-index:70!important;
display:block!important;
}
.story-floating-like-v153 button{
width:58px!important;
height:58px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
font-size:1.45rem!important;
border:0!important;
color:#fff!important;
background:linear-gradient(135deg,#ff1745,#ff65ad)!important;
box-shadow:0 16px 40px rgba(255,23,69,.38)!important;
}
.story-floating-like-v153 button.liked{
background:linear-gradient(135deg,#ff0033,#ff1a76)!important;
}
.story-like-inline-hidden-v153{display:none!important}
/* PC story compacto, mas sem cortar visualizações */
@media(min-width:761px){
.story-slide-v151{
width:360px!important;
height:min(760px,94dvh)!important;
min-height:0!important;
max-height:94dvh!important;
aspect-ratio:auto!important;
border-radius:26px!important;
}
.story-media-v151{
min-height:0!important;
height:100%!important;
}
.story-view-v151{
align-items:center!important;
}
}
@media(max-width:760px){
.story-floating-like-v153{
right:18px!important;
bottom:72px!important;
}
}
/* Notificações voltam a ter área visível */
.notifications-title-v153{
font-size:clamp(2.4rem,8vw,5.8rem)!important;
margin-bottom:22px!important;
}
.notifications-wrap{
padding-bottom:60px!important;
}
.notifications-wrap .feed-list{
display:grid!important;
gap:14px!important;
min-height:120px!important;
}
.notification-card{
display:block!important;
}
/* Comentários: ajax sem pular + tempo limpo */
.single-post .feed-post-card{
scroll-margin-top:120px!important;
}
.comment-item .post-top p,
.reply-item .post-top p,
.comment-item .post-top-link p,
.reply-item .post-top-link p{
color:#aaa!important;
}
/* V15.3 override final contra regra antiga genérica header/footer */
body:has(.story-view-v151) .story-header-v151,
body:has(.story-view-v151) .story-owner-head-v153{
display:flex!important;
}
body:has(.story-view-v151) .story-actions-v151{
display:flex!important;
}
body:has(.story-view-v151) .story-slide-v151 footer.story-actions-v151{
display:flex!important;
}
/* V15.4 SoundCloud + stories não vistos */
.soundcloud-preview-v154[hidden]{display:none!important}
.soundcloud-preview-card-v154{margin-top:10px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,rgba(255,23,69,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.12);display:grid;gap:3px;color:#fff}
.soundcloud-preview-card-v154 b{color:#ff75a2;font-weight:1000}.soundcloud-preview-card-v154 strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soundcloud-preview-card-v154 small{color:#cfc3c8}.soundcloud-preview-card-v154.bad{border-color:#ff1745;background:rgba(255,23,69,.12)}
.soundcloud-badge-v154{position:relative!important}.soundcloud-embed-v154{grid-column:1/-1;margin-top:8px;border-radius:18px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.12);padding:8px}.soundcloud-embed-v154[hidden]{display:none!important}.soundcloud-embed-v154 iframe{border-radius:12px;background:#111}.soundcloud-embed-v154 a{display:block;margin-top:6px;text-align:center;color:#ff8db1;font-weight:900;text-decoration:none}.soundcloud-badge-v154.playing .music-play{background:linear-gradient(135deg,#ff5500,#ff2b64)!important}
.story-ring.new{box-shadow:0 0 0 3px #00ff75,0 0 0 6px #ff1745,0 0 28px rgba(255,23,69,.45)!important}.story-ring.seen{opacity:.72!important}
/* =========================================================
V15.5 FIX — Story 9:16 real + PC/mobile sem sobrepor + notificações/chat
========================================================= */
/* Story vira cartão 9:16: a foto fica por baixo dos botões, ocupando o story inteiro */
.story-view-v151{
background:#050507!important;
overflow:auto!important;
padding:18px!important;
}
.story-slide-v151{
display:none!important;
position:relative!important;
width:min(390px,94vw)!important;
height:min(694px,94dvh)!important;
min-height:0!important;
max-height:none!important;
aspect-ratio:9/16!important;
overflow:hidden!important;
border-radius:28px!important;
background:#000!important;
box-shadow:0 26px 90px rgba(0,0,0,.62)!important;
}
.story-slide-v151.active{display:block!important}
.story-media-v151{
position:absolute!important;
inset:0!important;
z-index:1!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#000!important;
width:100%!important;
height:100%!important;
min-height:0!important;
max-height:none!important;
overflow:hidden!important;
}
.story-media-v151 img,
.story-media-v151 video{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center center!important;
background:#000!important;
display:block!important;
}
.story-progress-v151{
position:absolute!important;
top:8px!important;
left:74px!important;
right:12px!important;
z-index:40!important;
padding:0!important;
}
.story-close-v151{
top:12px!important;
left:12px!important;
z-index:100001!important;
}
.story-header-v151,
.story-owner-head-v153{
position:absolute!important;
top:28px!important;
left:72px!important;
right:12px!important;
z-index:35!important;
margin:0!important;
padding:8px 10px!important;
background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.18))!important;
border:0!important;
border-radius:18px!important;
backdrop-filter:blur(8px)!important;
}
.story-header-v151 img{width:38px!important;height:38px!important;flex:0 0 38px!important}
.story-header-v151 strong{font-size:.9rem!important;line-height:1.05!important}
.story-header-v151 small{font-size:.72rem!important}
.story-slide-v151 .music-badge-v151{
position:absolute!important;
top:88px!important;
left:72px!important;
right:12px!important;
z-index:34!important;
margin:0!important;
max-width:none!important;
}
.story-slide-v151 .soundcloud-embed-v154{
position:absolute!important;
left:-9999px!important;
width:1px!important;
height:1px!important;
overflow:hidden!important;
opacity:0!important;
pointer-events:none!important;
}
.story-actions-v151{
position:absolute!important;
left:12px!important;
right:12px!important;
bottom:18px!important;
z-index:45!important;
background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.20))!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:999px!important;
backdrop-filter:blur(10px)!important;
padding:8px!important;
}
.story-reply-v151 input{background:rgba(255,255,255,.92)!important;color:#151515!important}
.story-floating-like-v153{
right:18px!important;
bottom:92px!important;
z-index:46!important;
}
.story-insights-v151,
.story-insights-collapsed-v153{
position:absolute!important;
left:12px!important;
right:12px!important;
bottom:84px!important;
z-index:44!important;
max-height:52px!important;
min-height:0!important;
background:rgba(0,0,0,.54)!important;
backdrop-filter:blur(10px)!important;
}
.story-insights-v151[open]{
max-height:min(38dvh,260px)!important;
overflow:auto!important;
}
.story-nav-v151{z-index:37!important}
.story-note-v151{z-index:36!important}
@media(min-width:761px){
.story-slide-v151{
width:360px!important;
height:640px!important;
max-height:94dvh!important;
}
.story-view-v151{align-items:center!important;justify-items:center!important}
}
@media(max-width:760px){
.story-view-v151{padding:0!important;overflow:hidden!important}
.story-slide-v151{
width:100vw!important;
height:100dvh!important;
max-height:100dvh!important;
border-radius:0!important;
}
.story-progress-v151{top:8px!important;left:72px!important;right:12px!important}
.story-header-v151,.story-owner-head-v153{top:30px!important;left:72px!important;right:10px!important}
.story-slide-v151 .music-badge-v151{top:92px!important;left:72px!important;right:10px!important}
.story-actions-v151{bottom:12px!important;left:10px!important;right:10px!important}
.story-floating-like-v153{bottom:88px!important;right:16px!important}
.story-insights-v151,.story-insights-collapsed-v153{bottom:82px!important;left:10px!important;right:86px!important}
}
/* Chat: reduz chance de 500 por layout e mantém tela legível */
.chat-main-v9,.chat-app-section{min-height:calc(100dvh - 90px)!important}
.chat-window-v9{min-height:520px!important}
.messages-box-v9{min-height:300px!important;max-height:58dvh!important;overflow:auto!important}
@media(max-width:760px){.messages-box-v9{max-height:54dvh!important}}
/* Notificações visíveis mesmo sem itens */
.notifications-title-v153{font-size:clamp(2rem,6vw,4.5rem)!important;margin:14px 0 18px!important;line-height:.95!important}
.notifications-wrap{padding-bottom:80px!important;min-height:60vh!important}
.notifications-wrap .card.pad{display:block!important;background:rgba(10,10,12,.72)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important}
.notifications-wrap .feed-list{min-height:180px!important;display:grid!important;gap:14px!important}
.notification-card{display:block!important;opacity:1!important;visibility:visible!important}
/* =========================================================
V15.6 HOTFIX — story 9:16 real, chat input, notificações
========================================================= */
/* Story como tela 9:16 com foto por baixo dos botões */
.story-view-v151{
min-height:100dvh!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
padding:10px!important;
overflow:hidden!important;
background:#020204!important;
}
.story-slide-v151{
position:relative!important;
width:min(430px,96vw)!important;
height:min(95dvh,765px)!important;
aspect-ratio:9/16!important;
border-radius:26px!important;
overflow:hidden!important;
background:#000!important;
box-shadow:0 30px 100px rgba(0,0,0,.55)!important;
}
.story-media-v151{
position:absolute!important;
inset:0!important;
z-index:1!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#000!important;
width:100%!important;
height:100%!important;
min-height:0!important;
max-height:none!important;
overflow:hidden!important;
}
.story-media-v151 img,
.story-media-v151 video{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
background:#000!important;
display:block!important;
}
.story-progress-v151{position:absolute!important;top:8px!important;left:64px!important;right:12px!important;z-index:40!important}
.story-close-v151{position:absolute!important;top:14px!important;left:14px!important;z-index:100!important}
.story-header-v151,.story-owner-head-v153{
position:absolute!important;
top:32px!important;
left:72px!important;
right:12px!important;
z-index:42!important;
margin:0!important;
padding:7px 10px!important;
min-height:48px!important;
background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.18))!important;
border:0!important;
border-radius:18px!important;
backdrop-filter:blur(10px)!important;
}
.story-header-v151 img{width:38px!important;height:38px!important;flex:0 0 38px!important}
.story-header-v151 strong{font-size:.9rem!important;line-height:1.04!important}
.story-header-v151 small{font-size:.72rem!important;color:#e8d9de!important}
.story-slide-v151 .music-badge-v151{
position:absolute!important;
top:94px!important;
left:72px!important;
right:12px!important;
z-index:41!important;
margin:0!important;
max-width:none!important;
min-height:58px!important;
padding:8px 10px!important;
grid-template-columns:44px minmax(0,1fr) 72px!important;
}
.story-slide-v151 .music-badge-v151 .music-play{width:44px!important;height:44px!important}
.story-slide-v151 .music-info-v151 strong{font-size:.84rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.story-slide-v151 .music-info-v151 span{font-size:.72rem!important}
.story-slide-v151 .music-wave-v151{min-width:58px!important}
.story-slide-v151 .soundcloud-embed-v154.sc-hidden-player-v156,
.story-slide-v151 .soundcloud-embed-v154{
position:absolute!important;
left:-9999px!important;
top:auto!important;
width:1px!important;
height:1px!important;
overflow:hidden!important;
opacity:.01!important;
pointer-events:none!important;
display:block!important;
}
.story-actions-v151{
position:absolute!important;
left:12px!important;
right:82px!important;
bottom:16px!important;
z-index:44!important;
display:flex!important;
gap:8px!important;
align-items:center!important;
background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.26))!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:999px!important;
backdrop-filter:blur(10px)!important;
padding:7px!important;
}
.story-reply-v151{display:flex!important;gap:8px!important;flex:1!important;min-width:0!important}
.story-reply-v151 input{min-width:0!important;width:100%!important;background:rgba(255,255,255,.92)!important;color:#111!important}
.story-floating-like-v153{
position:absolute!important;
right:18px!important;
bottom:17px!important;
z-index:48!important;
display:block!important;
}
.story-floating-like-v153 button{width:58px!important;height:58px!important;border-radius:50%!important}
.story-floating-like-v153 button:disabled{opacity:1!important;filter:saturate(1.2)!important}
.story-insights-v151,.story-insights-collapsed-v153{
position:absolute!important;
left:12px!important;
right:12px!important;
bottom:88px!important;
z-index:47!important;
max-height:50px!important;
min-height:0!important;
overflow:hidden!important;
background:rgba(0,0,0,.58)!important;
border:1px solid rgba(255,255,255,.12)!important;
border-radius:20px!important;
backdrop-filter:blur(10px)!important;
}
.story-insights-v151 summary{min-height:48px!important;font-size:.92rem!important;padding:0 12px!important}
.story-insights-v151[open]{max-height:min(46dvh,330px)!important;overflow:auto!important}
.story-people-v151{padding:8px 12px 14px!important;background:rgba(0,0,0,.74)!important}
.story-nav-v151{z-index:34!important;background:rgba(0,0,0,.32)!important;backdrop-filter:blur(8px)!important}
@media(max-width:760px){
.story-view-v151{padding:0!important;align-items:stretch!important}
.story-slide-v151{width:100vw!important;height:100dvh!important;border-radius:0!important;max-height:100dvh!important}
.story-header-v151,.story-owner-head-v153{left:70px!important;right:10px!important;top:32px!important}
.story-slide-v151 .music-badge-v151{left:70px!important;right:10px!important;top:92px!important;grid-template-columns:44px minmax(0,1fr) 54px!important}
.story-actions-v151{left:10px!important;right:82px!important;bottom:12px!important}
.story-floating-like-v153{right:16px!important;bottom:13px!important}
.story-insights-v151,.story-insights-collapsed-v153{left:10px!important;right:10px!important;bottom:84px!important}
}
@media(min-width:761px){
.story-slide-v151{width:390px!important;height:694px!important;max-height:94dvh!important}
}
/* Chat privado: garante input visível no PC e mobile */
.chat-window-v9{
display:flex!important;
flex-direction:column!important;
overflow:visible!important;
min-height:520px!important;
}
.messages-box-v9{
flex:1 1 auto!important;
min-height:0!important;
max-height:none!important;
overflow:auto!important;
}
.message-form-v9{
display:block!important;
flex:0 0 auto!important;
position:relative!important;
bottom:auto!important;
z-index:70!important;
background:rgba(8,0,2,.96)!important;
border-top:1px solid rgba(255,255,255,.08)!important;
padding:10px 12px!important;
margin-top:0!important;
}
.chat-input-row-v9{
display:grid!important;
grid-template-columns:48px minmax(0,1fr) 48px 54px!important;
gap:8px!important;
align-items:end!important;
}
.chat-input-row-v9 textarea{
display:block!important;
min-height:52px!important;
max-height:118px!important;
resize:none!important;
}
@media(min-width:761px){
.chat-window-v9{height:min(690px,calc(100dvh - 155px))!important;width:410px!important;max-width:410px!important}
.chat-list-v9{height:min(580px,calc(100dvh - 190px))!important}
}
/* Notificações: cards e botão Ver Story */
.notification-card .post-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:12px!important}
.notification-card .share-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 16px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-weight:1000!important;text-decoration:none!important}
.notification-card .share-toggle[href*="story"]{background:linear-gradient(135deg,#ff1745,#ff65ad)!important}
/* V15.7 comments/follow hotfix */
.follow-inline-form{display:inline-flex!important;margin:0!important}
.post-menu .follow-btn{background:linear-gradient(135deg,#ff1745,#ff5aa5)!important;color:#fff!important;border:0!important;box-shadow:0 8px 22px rgba(255,23,69,.24)!important}
.comment-actions form{display:inline-flex!important;margin:0!important}
.comment-actions .mini-btn.liked,.reply-item .mini-btn.liked{background:linear-gradient(135deg,#ff1745,#ff5aa5)!important;color:#fff!important}
/* =========================================================
V15.8 FEED LIMPO + STORIES CARROSSEL + COMENTÁRIOS SEGUROS
========================================================= */
.feed-clean-v158 .social-feed{min-width:0}
.social-shell-clean-v158{align-items:start}
.feed-priority-v158{display:grid;gap:18px}
.composer-card-v158{border:1px solid rgba(255,24,70,.24)!important;background:linear-gradient(180deg,rgba(68,0,14,.45),rgba(13,1,4,.94))!important;box-shadow:0 22px 70px rgba(255,24,70,.12)!important}
.composer-head-v158{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.clean-upload-v158{border-radius:26px!important;background:rgba(255,255,255,.06)!important}
.stories-bar-v158{gap:14px!important;padding:14px 4px 20px!important;margin-bottom:4px!important;align-items:flex-start!important;scroll-snap-type:x proximity!important}
.story-create-v158,.post-create-v158,.story-ring-v158{scroll-snap-align:start;min-width:86px!important;max-width:94px!important;transition:transform .22s ease, filter .22s ease!important}
.story-create-v158:hover,.post-create-v158:hover,.story-ring-v158:hover{transform:translateY(-3px) scale(1.02)}
.story-create-v158,.post-create-v158{height:92px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,24,70,.06))!important;border:1px dashed rgba(255,255,255,.22)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 18px 35px rgba(0,0,0,.22)!important;font-size:0!important;display:grid!important;place-items:center!important;padding:8px!important;color:#fff!important;text-decoration:none!important}
.story-create-v158 i,.post-create-v158 i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-style:normal;font-weight:1000;background:radial-gradient(circle at 30% 20%,#ff4d85,#ff183f 62%,#810014);box-shadow:0 0 24px rgba(255,24,70,.4)}
.story-create-v158 span,.post-create-v158 span{font-size:.78rem!important;font-weight:950!important;margin-top:3px!important;display:block!important;line-height:1.05!important;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.post-create-v158{background:linear-gradient(135deg,rgba(255,24,70,.22),rgba(255,255,255,.06))!important;border-style:solid!important;border-color:rgba(255,24,70,.33)!important}
.post-create-v158 i{background:radial-gradient(circle at 30% 20%,#fff,#ff2d63 50%,#9a001f);color:#250006}
.story-ring-v158{display:grid!important;justify-items:center!important;text-decoration:none!important;color:#fff!important;font-weight:1000!important;gap:6px!important}
.story-avatar-wrap{position:relative;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);box-shadow:0 18px 35px rgba(0,0,0,.25)}
.story-ring-v158 img{width:66px!important;height:66px!important;margin:0!important;border:0!important;border-radius:50%!important;object-fit:cover!important;position:relative;z-index:2}
.story-ring-v158.new .story-avatar-wrap{background:linear-gradient(135deg,#ff315f,#ff7aa2);animation:none;box-shadow:0 0 0 2px rgba(255,49,95,.24),0 12px 28px rgba(255,49,95,.18)}
.story-ring-v158.new .story-avatar-wrap:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#120207;z-index:1}
.story-ring-v158.seen .story-avatar-wrap{background:rgba(255,255,255,.12)}
.story-ring-v158.seen img{opacity:.8;filter:saturate(.72)}
.story-ring-v158 span:last-child{max-width:92px!important;font-size:.78rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.05!important}
@keyframes sfStorySpinV158{to{filter:none}}
.feed-clean-v158 .composer-card:not(.composer-card-v158){display:none!important}
.feed-clean-v158 .feed-list{gap:18px!important}
.feed-clean-v158 .feed-post-card{border-radius:32px!important;background:linear-gradient(180deg,rgba(35,12,17,.94),rgba(8,2,4,.98))!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 24px 70px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,24,70,.08)!important;overflow:hidden!important}
.feed-clean-v158 .post-top{padding:18px 18px 8px!important;align-items:flex-start!important}
.feed-clean-v158 .post-menu{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-end!important}
.follow-btn{background:linear-gradient(135deg,#ff1846,#ff5f93)!important;color:#fff!important;box-shadow:0 10px 24px rgba(255,24,70,.23)!important;border-color:rgba(255,255,255,.12)!important}
.follow-inline-form{display:inline-flex!important}
.upload-progress-v158{height:18px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;position:relative;margin:10px 0;border:1px solid rgba(255,255,255,.12)}
.upload-progress-v158 span{display:block;height:100%;width:1%;border-radius:999px;background:linear-gradient(90deg,#ff1846,#ff7aa8,#00ff76);transition:width .16s linear}
.upload-progress-v158 b{position:absolute;inset:0;display:grid;place-items:center;font-size:.72rem;color:#fff;text-shadow:0 1px 4px #000}
.sf-music-library-v158{margin:12px 0;padding:14px;border-radius:24px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);display:grid;gap:12px}
.sf-music-search-v158{display:grid;grid-template-columns:34px 1fr;align-items:center;border-radius:18px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);padding:0 10px}
.sf-music-search-v158 span{opacity:.72;font-size:1.2rem}
.sf-music-search-v158 input{border:0!important;background:transparent!important;color:#fff!important;padding:12px 4px!important;outline:none!important}
.sf-music-tabs-v158{display:flex;gap:8px;overflow:auto}
.sf-music-tabs-v158 button{border:0;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-weight:950;padding:8px 12px;white-space:nowrap}
.sf-music-tabs-v158 button.active{background:#fff;color:#120207}
.sf-music-list-v158{display:grid;gap:8px;max-height:310px;overflow:auto;padding-right:4px}
.sf-track-v158{display:grid;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:12px;text-align:left;width:100%;border:0;border-radius:18px;background:rgba(255,255,255,.055);color:#fff;padding:10px;cursor:pointer;transition:.18s}
.sf-track-v158:hover{background:rgba(255,24,70,.18);transform:translateY(-1px)}
.sf-track-cover-v158{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#111,#ff1846);font-size:1.25rem}
.sf-track-v158 b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.96rem}
.sf-track-v158 em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;color:#d8c8cd;font-size:.82rem;margin-top:2px}
.sf-track-v158 strong{font-size:1.4rem;color:#ff5b8a;text-align:center}
.sf-music-tip-v158{color:#d9c7ce;opacity:.78;line-height:1.35}
.soundcloud-cutter-v158{border-color:rgba(255,24,70,.35)!important;background:linear-gradient(180deg,rgba(255,24,70,.14),rgba(0,0,0,.2))!important}
@media(max-width:980px){
.social-shell-clean-v158{grid-template-columns:1fr!important}.feed-profile-panel-v158,.feed-right-panel-v158{display:none!important}
}
@media(max-width:760px){
.stories-bar-v158{gap:10px!important;padding-left:18px!important;padding-right:18px!important;margin-left:-18px!important;margin-right:-18px!important}
.story-create-v158,.post-create-v158,.story-ring-v158{min-width:76px!important;max-width:82px!important}
.story-create-v158,.post-create-v158{height:84px!important;border-radius:24px!important}
.story-create-v158 i,.post-create-v158 i{width:46px;height:46px;font-size:1.8rem}
.story-avatar-wrap{width:68px;height:68px}.story-ring-v158 img{width:58px!important;height:58px!important}
.composer-card-v158{border-radius:28px!important;margin:0 -2px!important}
.composer-head-v158{align-items:flex-start}
.sf-music-list-v158{max-height:260px}
.feed-clean-v158 .post-menu .mini-btn{padding:8px 10px!important;font-size:.82rem!important}
}
/* V15.9 biblioteca SoundCloud funcional/segura */
.sf-music-library-v159{margin:12px 0;padding:14px;border-radius:24px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);display:grid;gap:12px}
.sf-music-list-v159{display:grid;gap:8px;max-height:310px;overflow:auto;padding-right:4px}
.sf-track-v159{display:grid;grid-template-columns:46px minmax(0,1fr) 42px;align-items:center;gap:12px;border-radius:18px;background:rgba(255,255,255,.055);padding:10px;transition:.18s;border:1px solid rgba(255,255,255,.04)}
.sf-track-v159:hover{background:rgba(255,24,70,.18);transform:translateY(-1px)}
.sf-track-play-v159,.sf-track-add-v159{border:0;border-radius:14px;width:42px;height:42px;display:grid;place-items:center;font-weight:1000;color:#fff;cursor:pointer}
.sf-track-play-v159{background:linear-gradient(135deg,#ff1846,#ff63a8);box-shadow:0 8px 18px rgba(255,24,70,.22)}
.sf-track-add-v159{background:rgba(255,255,255,.08);font-size:1.35rem;color:#ff74a0}
.sf-track-text-v159{min-width:0}.sf-track-text-v159 b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-track-text-v159 em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;color:#d8c8cd;font-size:.82rem;margin-top:2px}
.sf-lib-now-v159{border-radius:18px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);padding:12px}.sf-lib-preview-card-v159{display:grid;gap:5px}.sf-lib-preview-card-v159 b{color:#fff}.sf-lib-preview-card-v159 small{color:#d9c7ce}.sf-lib-preview-card-v159 a{display:inline-flex;width:max-content;align-items:center;border-radius:999px;background:linear-gradient(135deg,#ff1846,#ff63a8);color:#fff;text-decoration:none;font-weight:900;padding:8px 12px;margin-top:4px}.soundcloud-preview-card-v154.bad{border-color:rgba(255,80,80,.55)!important;background:rgba(120,0,0,.18)!important}
@media(max-width:760px){.sf-music-list-v159{max-height:260px}.sf-track-v159{grid-template-columns:42px minmax(0,1fr) 38px}.sf-track-play-v159,.sf-track-add-v159{width:38px;height:38px}}
/* V15.10 SoundCloud library direta */
.music-library-v158 input[data-soundcloud-url],
.story-music-v151 input[data-soundcloud-url]{display:none!important}
.sf-music-tip-v158{display:none!important}
.sf-music-library-v1510{margin-top:14px;border:1px solid rgba(255,255,255,.11);border-radius:24px;padding:14px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,24,70,.08));box-shadow:0 18px 60px rgba(0,0,0,.22) inset}
.sf-music-search-v1510{display:flex;align-items:center;gap:10px;border-radius:18px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.10);padding:10px 12px;margin-bottom:10px}
.sf-music-search-v1510 input{width:100%;border:0!important;background:transparent!important;color:#fff!important;outline:none!important;font-weight:800}
.sf-music-tabs-v1510{display:flex;gap:9px;margin-bottom:12px;overflow-x:auto}
.sf-music-tabs-v1510 button{border:0;border-radius:999px;padding:9px 14px;font-weight:1000;background:rgba(255,255,255,.10);color:#fff}
.sf-music-tabs-v1510 button.active{background:#fff;color:#111}
.sf-music-list-v1510{display:grid;gap:9px;max-height:350px;overflow:auto;padding-right:4px}
.sf-track-v1510{display:grid;grid-template-columns:44px 48px minmax(0,1fr) 44px;align-items:center;gap:10px;padding:10px;border-radius:18px;background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.08);transition:.18s ease}
.sf-track-v1510:hover,.sf-track-v1510.playing,.sf-track-v1510.selected{background:linear-gradient(135deg,rgba(255,24,70,.28),rgba(255,100,180,.14));transform:translateY(-1px)}
.sf-track-play-v1510,.sf-track-add-v1510{width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;font-weight:1000;color:#fff;background:linear-gradient(135deg,#ff1745,#ff67b0);box-shadow:0 12px 28px rgba(255,24,70,.20)}
.sf-track-cover-v1510{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ff1745,#ff67b0);font-size:1.1rem}
.sf-track-info-v1510{min-width:0}.sf-track-info-v1510 b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:.98rem}.sf-track-info-v1510 span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffd3dc;font-weight:700;font-size:.82rem}
.sf-lib-now-v1510{margin-top:12px;border-radius:18px;overflow:hidden;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.10);padding:10px}.sf-lib-preview-card-v1510{display:grid;gap:3px}.sf-lib-preview-card-v1510 b{color:#fff}.sf-lib-preview-card-v1510 small,.sf-lib-preview-card-v1510 p{margin:0;color:#ffd6df;font-weight:800}.sf-sc-preview-frame-v1510{display:block;width:100%;border-radius:16px;background:#000}
.sf-selected-sc-preview-v1510{margin-top:10px;border-radius:16px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.10);padding:8px}
.soundcloud-cutter-v1510 .music-editor-head-v151 div span{color:#ffcad5!important;font-weight:900!important}
@media(max-width:760px){.sf-track-v1510{grid-template-columns:38px 42px minmax(0,1fr) 40px;padding:9px}.sf-track-play-v1510,.sf-track-add-v1510{width:38px;height:38px}.sf-track-cover-v1510{width:40px;height:40px}.sf-music-list-v1510{max-height:300px}}
/* V16 biblioteca própria de músicas */
.music-page-v16{background:radial-gradient(circle at 70% 12%,rgba(255,45,130,.22),transparent 38%),#060606;}
.music-grid-v16{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:24px;align-items:start}.music-upload-card-v16{position:sticky;top:92px}.music-list-head-v16{margin-bottom:14px}.music-list-v16{display:grid;gap:14px}.music-card-v16{padding:16px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,45,110,.08));border:1px solid rgba(255,255,255,.12)}.music-card-main{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center}.music-cover-v16{width:72px;height:72px;border-radius:18px;object-fit:cover;box-shadow:0 10px 24px rgba(0,0,0,.35)}.music-card-info{display:grid;gap:3px}.music-card-info strong{font-size:1.05rem}.music-card-info span{color:#ff78b6;font-weight:800}.music-card-info small,.music-card-info a{color:rgba(255,255,255,.68)}.site-music-play.big,.site-music-play{width:42px;height:42px;border-radius:999px;border:0;background:linear-gradient(135deg,#ff174d,#ff4ba8);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 24px rgba(255,25,94,.28)}.music-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.music-comments-v16{margin-top:10px;display:grid;gap:8px}.music-comments-v16 p{margin:0;padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.06)}.music-comment-form-v16{display:flex;gap:8px;margin-top:10px}.music-comment-form-v16 input{flex:1}.music-comment-form-v16 button{border:0;border-radius:999px;padding:0 18px;background:#ff2f7a;color:#fff;font-weight:900}.site-music-picker-v16{margin:14px 0;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(0,0,0,.18)}.site-music-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.site-music-picker-head a{font-size:.85rem;color:#ff74b0;font-weight:900}.site-music-search-row{margin:10px 0}.site-music-search-row input{width:100%;border-radius:999px}.site-music-picker-list{display:grid;gap:8px;max-height:290px;overflow:auto;padding-right:4px}.site-music-option{display:grid;grid-template-columns:48px 38px 1fr 40px;gap:10px;align-items:center;padding:9px;border-radius:18px;background:rgba(255,255,255,.07)}.site-music-option.hidden{display:none}.site-music-option img{width:48px;height:48px;border-radius:12px;object-fit:cover}.site-music-option strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-music-option span{display:block;color:rgba(255,255,255,.6);font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-music-use{width:36px;height:36px;border-radius:999px;border:0;background:#fff;color:#ff2f79;font-size:22px;font-weight:900;cursor:pointer}.site-music-option.selected{outline:2px solid #ff2f7a;background:rgba(255,47,122,.14)}.music-badge-site-v16{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center}.music-badge-cover-v16{width:46px;height:46px;border-radius:12px;object-fit:cover;margin-right:8px}.profile-social-tabs-v16 .profile-panel{display:none}.profile-social-tabs-v16 .profile-panel.active{display:block}.nav-badge{margin-left:4px}.mini-btn.follow-btn{background:linear-gradient(135deg,#ff174d,#ff64a5);color:#fff;border-color:transparent}@media(max-width:900px){.music-grid-v16{grid-template-columns:1fr}.music-upload-card-v16{position:relative;top:auto}.site-music-option{grid-template-columns:44px 34px 1fr 38px}.music-card-main{grid-template-columns:60px 1fr auto}.music-cover-v16{width:60px;height:60px}.music-comment-form-v16{flex-direction:column}.music-comment-form-v16 button{padding:12px}}
/* =========================================================
V16.1 Biblioteca compacta + feed sem pular
========================================================= */
.music-page-v16 .community-tabs-mini{margin-bottom:18px!important}
.music-grid-v16{grid-template-columns:minmax(240px,360px) minmax(0,1fr)!important;gap:18px!important}
.music-upload-card-v16{top:84px!important;border-radius:24px!important;padding:18px!important}
.music-upload-card-v16 .title-lg{font-size:1.55rem!important;line-height:1!important;margin-bottom:8px!important}
.music-upload-card-v16 .lead{font-size:.88rem!important;line-height:1.35!important;color:#d8c8ce!important}
.music-upload-form-v16{display:grid!important;gap:8px!important}
.music-upload-form-v16 input{min-height:42px!important}
.music-list-head-v16{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}
.music-list-head-v16 h2{margin:0!important;font-size:1.3rem!important}.music-list-head-v16 p{margin:0!important;color:#dacbd0!important;font-size:.88rem!important}
.music-library-toolbar-v161{position:sticky;top:74px;z-index:5;margin-bottom:10px;background:linear-gradient(180deg,rgba(12,0,4,.96),rgba(12,0,4,.72));padding:8px 0}.music-library-toolbar-v161 input{width:100%;border-radius:18px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important;padding:12px 16px!important}
.music-list-inner-v161{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:10px!important}
.music-card-v161{border-radius:20px!important;padding:10px!important;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,24,70,.075))!important;overflow:hidden!important}
.music-card-v161.hidden{display:none!important}.music-card-v161 .music-card-main{grid-template-columns:42px 52px minmax(0,1fr)!important;gap:10px!important}.music-card-v161 .music-cover-v16{width:52px!important;height:52px!important;border-radius:12px!important}.music-card-v161 .site-music-play.big{grid-column:1;width:42px!important;height:42px!important;font-size:.9rem!important}.music-card-v161 .music-card-info{min-width:0}.music-card-v161 .music-card-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem!important}.music-card-v161 .music-card-info span,.music-card-v161 .music-card-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.76rem!important}.music-card-v161 .music-card-actions{margin-top:9px!important;gap:7px!important}.music-card-v161 .mini-btn{min-height:34px!important;padding:0 12px!important;font-size:.82rem!important}.music-card-v161 .music-comments-v16{margin-top:8px!important;gap:5px!important}.music-card-v161 .music-comments-v16 p{padding:7px 9px!important;font-size:.8rem!important;border-radius:12px!important}.music-card-v161 .music-comment-form-v16{gap:6px!important;margin-top:8px!important}.music-card-v161 .music-comment-form-v16 input{min-height:36px!important;font-size:.85rem!important}.music-card-v161 .music-comment-form-v16 button{min-height:36px!important;padding:0 12px!important;font-size:.8rem!important}
.site-music-picker-v161{padding:10px!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,24,70,.065))!important}.site-music-picker-v161 .site-music-picker-head strong{font-size:.94rem!important}.site-music-picker-v161 .site-music-picker-head a{font-size:.76rem!important}.site-music-picker-v161 .site-music-search-row{margin:8px 0!important}.site-music-picker-v161 .site-music-search-row input{min-height:38px!important;padding:9px 13px!important}.site-music-picker-list.compact{max-height:250px!important;gap:6px!important}.site-music-option{grid-template-columns:38px 42px minmax(0,1fr) 36px!important;padding:7px!important;border-radius:15px!important}.site-music-option img{width:42px!important;height:42px!important;border-radius:10px!important}.site-music-option .site-music-play{width:36px!important;height:36px!important;font-size:.82rem!important}.site-music-option .site-music-use{width:34px!important;height:34px!important;font-size:20px!important}.site-music-option strong{font-size:.88rem!important}.site-music-option span{font-size:.74rem!important}.chosen-music-v161{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;align-items:center;background:linear-gradient(135deg,rgba(255,24,70,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:8px;margin:8px 0}.chosen-music-v161 img{width:44px;height:44px;border-radius:10px;object-fit:cover}.chosen-music-v161 b,.chosen-music-v161 span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chosen-music-v161 span{font-size:.76rem;color:#ffd1dc}.chosen-music-v161 em{font-style:normal;color:#66ffc9;font-weight:1000;font-size:.78rem}.music-editor-ready-v161{border-color:rgba(255,68,130,.35)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 16px 42px rgba(255,24,70,.10)!important}.is-playing-v161{outline:1px solid rgba(255,80,150,.55)!important;box-shadow:0 0 24px rgba(255,24,70,.18)!important}
.feed-post-card .post-actions form,.comment-actions form{margin:0!important}.comment-actions .mini-btn.liked{background:linear-gradient(135deg,#ff174d,#ff65aa)!important;color:#fff!important}.feed-post-card .follow-inline-form{order:-3}.feed-post-card .follow-btn{background:linear-gradient(135deg,#ff174d,#ff65aa)!important;color:#fff!important}
@media(max-width:980px){.music-grid-v16{grid-template-columns:1fr!important}.music-upload-card-v16{position:relative!important;top:auto!important}.music-list-inner-v161{grid-template-columns:1fr!important}.music-library-toolbar-v161{top:0!important}.music-list-head-v16{display:block!important}}
@media(max-width:760px){.music-page-v16 .section,.music-page-v16{padding-top:8px!important}.music-upload-card-v16{padding:14px!important;border-radius:22px!important}.music-upload-card-v16 .title-lg{font-size:1.25rem!important}.music-list-v16{gap:9px!important}.music-card-v161{padding:9px!important}.music-card-v161 .music-card-main{grid-template-columns:38px 46px minmax(0,1fr)!important}.music-card-v161 .music-cover-v16{width:46px!important;height:46px!important}.music-card-v161 .site-music-play.big{width:38px!important;height:38px!important}.site-music-picker-list.compact{max-height:230px!important}.site-music-option{grid-template-columns:34px 38px minmax(0,1fr) 34px!important}.site-music-option img{width:38px!important;height:38px!important}.site-music-option .site-music-play{width:32px!important;height:32px!important}.site-music-option .site-music-use{width:32px!important;height:32px!important}}
/* =========================================================
V16.2 FINAL — comentários de música, favoritos, usar áudio,
editor de faixa e stories sem pular/reiniciar áudio
========================================================= */
/* Comentários das músicas iguais ao feed, com resposta/like sem layout quebrar */
.music-comments-v16,
.music-comments-v162{display:grid!important;gap:10px!important;margin-top:12px!important}
.music-comment-v162{padding:10px 12px!important;border-radius:18px!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.08)!important;display:grid!important;gap:8px!important}
.music-comment-v162 .comment-top,
.music-comment-head-v162{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;color:#fff!important}
.music-comment-v162 p{margin:0!important;background:transparent!important;padding:0!important;line-height:1.35!important;color:#f7edf1!important;word-break:break-word!important}
.music-comment-actions-v162{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.music-replies-v162{display:grid!important;gap:8px!important;margin-left:18px!important;padding-left:12px!important;border-left:2px solid rgba(255,47,122,.26)!important}
.music-reply-v162{padding:8px 10px!important;border-radius:14px!important;background:rgba(0,0,0,.24)!important;border:1px solid rgba(255,255,255,.07)!important}
.music-reply-v162 p{font-size:.92rem!important}
.music-comment-form-v16,.music-comment-form-v162,.music-reply-form-v162{display:flex!important;gap:8px!important;align-items:center!important;margin-top:9px!important}
.music-comment-form-v16 input,.music-comment-form-v162 input,.music-reply-form-v162 input{flex:1!important;min-width:0!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}
.music-comment-form-v16 button,.music-comment-form-v162 button,.music-reply-form-v162 button,.music-comment-actions-v162 button{border:0!important;border-radius:999px!important;background:rgba(255,47,122,.92)!important;color:#fff!important;font-weight:950!important;padding:9px 13px!important;cursor:pointer!important}
.music-comment-actions-v162 button{background:rgba(255,255,255,.10)!important;padding:7px 10px!important;font-size:.82rem!important}
.music-comment-actions-v162 button.liked,.music-comment-actions-v162 .liked{background:#ff2f7a!important;color:#fff!important}
.music-card-v16 [data-music-action] button:disabled,.music-card-v162 [data-music-action] button:disabled{opacity:.65!important;cursor:wait!important}
/* Cards e títulos de áudio: para de cortar feio o nome */
.music-card-v16,.music-card-v162{scroll-margin-top:90px!important}
.music-card-v162{padding:16px!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,47,122,.075))!important;border:1px solid rgba(255,255,255,.13)!important}
.music-card-v16.hidden,.music-card-v162.hidden,.site-music-option.hidden{display:none!important}
.music-card-info{min-width:0!important}
.music-card-info strong,.music-card-v162 .music-card-info strong,.site-music-option strong,.music-title-use-v162{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;line-height:1.16!important;max-width:100%!important;text-align:left!important;color:#fff!important}
.music-title-use-v162{border:0!important;background:transparent!important;padding:0!important;cursor:pointer!important;font-weight:1000!important;text-decoration:none!important}
.music-title-use-v162:hover{color:#ff8db7!important;text-decoration:underline!important}
.music-badge-site-v16{grid-template-columns:auto auto minmax(0,1fr) auto!important;gap:8px!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
.music-badge-site-v16 .music-info,.music-badge-site-v16 .music-info-v151{min-width:0!important}
.music-badge-fav-v162,[data-music-favorite]{border:0!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-weight:1000!important;cursor:pointer!important;min-width:38px!important;height:38px!important;display:inline-grid!important;place-items:center!important}
.music-badge-fav-v162.favorited,[data-music-favorite].favorited,[data-favorite="1"]{background:linear-gradient(135deg,#ff1745,#ff82bd)!important;color:#fff!important;box-shadow:0 8px 22px rgba(255,23,69,.28)!important}
.music-card-actions{align-items:center!important}.music-card-actions form{margin:0!important}.music-card-actions .mini-btn,.music-card-actions button{min-height:36px!important}
/* Biblioteca/picker com favoritos */
.music-library-toolbar-v162,.site-music-picker-tabs-v162{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin:10px 0 12px!important}
.music-library-toolbar-v162 button,.site-music-picker-tabs-v162 button,[data-music-filter]{border:0!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-weight:1000!important;padding:9px 13px!important;cursor:pointer!important}
.music-library-toolbar-v162 button.active,.site-music-picker-tabs-v162 button.active,[data-music-filter].active{background:#fff!important;color:#111!important}
.music-picker-empty-v162{padding:14px!important;border-radius:18px!important;background:rgba(255,255,255,.07)!important;color:#ffd4df!important;text-align:center!important;font-weight:800!important}
.site-music-option{grid-template-columns:48px 38px minmax(0,1fr) 40px 40px!important;min-width:0!important}
.site-music-option .site-music-use{grid-column:auto!important}
.profile-music-favorites-v162{display:grid!important;gap:12px!important;margin-top:14px!important}.profile-music-favorites-v162 .muted{padding:16px!important;border-radius:18px!important;background:rgba(255,255,255,.06)!important}
/* Modal para usar áudio de outra postagem */
.audio-use-modal-v162{position:fixed!important;inset:0!important;z-index:999999!important;display:grid!important;place-items:center!important;background:rgba(0,0,0,.72)!important;padding:18px!important;backdrop-filter:blur(8px)!important}
.audio-use-modal-v162[hidden]{display:none!important}
.audio-use-box-v162{position:relative!important;width:min(420px,96vw)!important;border-radius:28px!important;background:linear-gradient(145deg,#151015,#070707)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 28px 120px rgba(0,0,0,.7)!important;padding:22px!important;color:#fff!important;display:grid!important;gap:12px!important}
.audio-use-box-v162 b{font-size:1.35rem!important}.audio-use-box-v162 p{margin:0!important;color:#ffd3df!important;line-height:1.35!important}.audio-use-box-v162 div{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.audio-use-close-v162{position:absolute!important;right:12px!important;top:12px!important;border:0!important;width:34px!important;height:34px!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:1.25rem!important;cursor:pointer!important}.audio-use-box-v162 small{color:rgba(255,255,255,.65)!important;font-weight:800!important}
/* Editor de faixa com prévia clara para feed/story */
.music-editor-ready-v161,.music-editor-v151.show,.story-music-v151 .music-editor-v151.show{display:grid!important;gap:12px!important;border-color:rgba(255,47,122,.45)!important;background:linear-gradient(135deg,rgba(255,47,122,.14),rgba(255,255,255,.055))!important}
.music-editor-head-v151{align-items:flex-start!important;gap:10px!important}.music-editor-head-v151 strong{white-space:normal!important;line-height:1.18!important}.music-editor-head-v151 span{color:#ffd0dc!important;font-weight:850!important}
.music-wave-editor-v151{height:48px!important;border-radius:18px!important;background:linear-gradient(90deg,rgba(255,47,122,.20),rgba(255,255,255,.10),rgba(255,47,122,.18))!important;position:relative!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.11)!important}
.music-wave-editor-v151:before{content:''!important;position:absolute!important;inset:0!important;background:repeating-linear-gradient(90deg,rgba(255,255,255,.20) 0 3px,transparent 3px 10px)!important;opacity:.55!important}
.music-wave-editor-v151 [data-safe-selected],.music-selected-v151{position:absolute!important;top:6px!important;bottom:6px!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(255,47,122,.9),rgba(255,155,205,.72))!important;box-shadow:0 0 0 2px rgba(255,255,255,.20) inset,0 12px 32px rgba(255,47,122,.24)!important;z-index:2!important}
.sf-cut-readout-v162{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:8px!important;align-items:center!important;font-size:.83rem!important;color:#ffd2df!important;font-weight:900!important}.sf-cut-readout-v162 b{justify-self:center!important;color:#fff!important;background:rgba(255,47,122,.22)!important;border:1px solid rgba(255,47,122,.32)!important;border-radius:999px!important;padding:5px 10px!important}.sf-cut-readout-v162 span:last-child{text-align:right!important}
.music-editor-ranges-v151{display:grid!important;gap:10px!important}.music-editor-ranges-v151 label{display:grid!important;gap:7px!important;color:#fff!important;font-weight:900!important}.music-editor-ranges-v151 input[type=range]{width:100%!important;accent-color:#ff2f7a!important}.music-editor-ranges-v151 small{color:#ffd0dc!important}
.music-editor-v151 audio,[data-safe-cutter] audio{width:100%!important;max-height:38px!important;border-radius:999px!important}
/* Stories: 9:16 de verdade, sem quadrado, botões pequenos e só um like flutuante */
.story-view-v151{min-height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#030304!important;overflow:hidden!important;padding:10px!important}
.story-slide-v151{position:relative!important;display:none!important;width:min(430px,96vw)!important;height:min(96dvh,765px)!important;aspect-ratio:9/16!important;border-radius:28px!important;overflow:hidden!important;background:#000!important;box-shadow:0 26px 90px rgba(0,0,0,.68)!important}
.story-slide-v151.active{display:block!important}.story-media-v151{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#000!important;overflow:hidden!important;z-index:1!important}.story-media-v151 img,.story-media-v151 video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;background:#000!important}
.story-actions-v151{position:absolute!important;left:12px!important;right:66px!important;bottom:12px!important;z-index:50!important;display:flex!important;gap:7px!important;align-items:center!important;min-height:46px!important;padding:6px!important;border-radius:999px!important;background:rgba(0,0,0,.50)!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(10px)!important}.story-actions-v151 .story-like-form-v151{display:none!important}.story-reply-v151{flex:1!important;min-width:0!important}.story-reply-v151 input{height:34px!important;font-size:.88rem!important}.story-reply-v151 .mini-btn,.story-actions-v151 .mini-btn{height:34px!important;min-height:34px!important;padding:0 11px!important;font-size:.82rem!important;border-radius:999px!important}
.story-floating-like-v152,.story-floating-like-v153{display:none!important}.story-floating-like-v162{display:block!important;position:absolute!important;right:13px!important;bottom:13px!important;z-index:80!important;margin:0!important}.story-floating-like-v162 button{width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;border-radius:50%!important;border:0!important;background:rgba(0,0,0,.58)!important;color:#fff!important;font-size:1.1rem!important;display:grid!important;place-items:center!important;box-shadow:0 12px 34px rgba(0,0,0,.45)!important}.story-floating-like-v162 button.liked,.story-floating-like-v162 button:disabled{background:linear-gradient(135deg,#ff1745,#ff80bd)!important;opacity:1!important;color:#fff!important}
.story-insights-v151,.story-insights-collapsed-v153{position:absolute!important;left:12px!important;right:12px!important;bottom:68px!important;z-index:62!important;max-height:48px!important;overflow:hidden!important;background:rgba(0,0,0,.54)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;backdrop-filter:blur(10px)!important;color:#fff!important}.story-insights-v151[open]{max-height:min(42dvh,300px)!important;overflow:auto!important}.story-insights-v151 summary{height:46px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 12px!important;font-weight:950!important;color:#fff!important;cursor:pointer!important}.story-people-v151{padding:8px 12px 12px!important;background:rgba(0,0,0,.74)!important}.story-people-v151 p,.story-people-v151 li{color:#fff!important}
.story-slide-v151 .music-badge-v151,.story-slide-v151 .music-badge-site-v16{left:68px!important;right:10px!important;top:91px!important;max-width:none!important;min-width:0!important;grid-template-columns:auto minmax(0,1fr) auto!important}.story-slide-v151 .music-title-use-v162{-webkit-line-clamp:1!important;font-size:.82rem!important}.story-slide-v151 .music-badge-fav-v162{width:32px!important;height:32px!important;min-width:32px!important;font-size:.84rem!important}
@media(min-width:900px){.story-slide-v151{width:380px!important;height:676px!important}.story-actions-v151{left:14px!important;right:68px!important}.story-floating-like-v162{right:14px!important}.story-reply-v151 input{font-size:.82rem!important;height:32px!important}.story-actions-v151 .mini-btn{height:32px!important}}
@media(max-width:760px){.story-view-v151{padding:0!important;align-items:stretch!important}.story-slide-v151{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.story-actions-v151{left:10px!important;right:64px!important;bottom:10px!important}.story-floating-like-v162{right:10px!important;bottom:10px!important}.story-insights-v151,.story-insights-collapsed-v153{left:10px!important;right:10px!important;bottom:64px!important}.story-slide-v151 .music-badge-v151,.story-slide-v151 .music-badge-site-v16{left:68px!important;right:10px!important;top:92px!important}}
/* V16.2 ajustes extras para classes reais geradas pelo PHP */
.music-comment-item-v162,.music-reply-item-v162{border-radius:18px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;padding:10px 12px!important;margin:0!important;display:grid!important;gap:8px!important}
.music-reply-item-v162{margin-left:18px!important;background:rgba(0,0,0,.25)!important;border-left:2px solid rgba(255,47,122,.32)!important}
.music-comment-item-v162 .comment-actions,.music-reply-item-v162 .comment-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
.music-comment-item-v162 .reply-form,.music-reply-item-v162 .reply-form{display:flex!important;gap:8px!important;align-items:center!important;margin-top:8px!important}.music-comment-item-v162 .reply-form[hidden],.music-reply-item-v162 .reply-form[hidden]{display:none!important}
.music-comment-item-v162 .reply-form input,.music-reply-item-v162 .reply-form input{flex:1!important;min-width:0!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}.music-comment-item-v162 .reply-form button,.music-reply-item-v162 .reply-form button{border:0!important;border-radius:999px!important;background:#ff2f7a!important;color:#fff!important;font-weight:1000!important;padding:9px 13px!important}
.music-comments-details-v162{margin-top:12px!important}.music-comments-details-v162 summary{cursor:pointer!important;color:#ffd0de!important;font-weight:1000!important;list-style:none!important}.music-comments-details-v162 summary::-webkit-details-marker{display:none!important}
.site-music-fav.saved,.site-music-fav.favorited{background:linear-gradient(135deg,#ff1745,#ff82bd)!important;color:#fff!important}
/* ===== SF Sucessada V16.3 - story/audio/favoritos/share polish ===== */
.menu-btn{position:relative!important;overflow:visible!important}
.menu-notification-badge{position:absolute!important;right:-7px!important;top:2px!important;min-width:18px!important;height:18px!important;border-radius:999px!important;background:#ff1735!important;color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:18px!important;display:inline-grid!important;place-items:center!important;padding:0 5px!important;box-shadow:0 0 0 2px #160006,0 0 18px rgba(255,23,53,.85)!important;z-index:9!important}
.menu-notification-badge[hidden]{display:none!important}
.music-title-marquee-v163{display:block!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;line-height:1.1!important}
.music-title-marquee-v163>span{display:inline-block!important;min-width:100%!important;padding-left:100%!important;animation:sfMusicMarqueeV163 7.5s linear infinite!important;will-change:transform!important}
.music-title-use-v162:hover .music-title-marquee-v163>span{animation-play-state:paused!important}
@keyframes sfMusicMarqueeV163{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.story-slide-v151 .music-badge-v151,
.story-slide-v151 .music-badge-site-v16,
.story-slide-v151 .soundcloud-badge-v154{position:absolute!important;top:72px!important;left:118px!important;right:62px!important;width:auto!important;max-width:none!important;min-height:0!important;height:34px!important;padding:3px 7px!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(255,22,90,.28),rgba(0,0,0,.38))!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 20px rgba(0,0,0,.26)!important;backdrop-filter:blur(10px)!important;display:grid!important;grid-template-columns:28px minmax(0,1fr) 28px!important;align-items:center!important;gap:6px!important;z-index:75!important;overflow:hidden!important}
.story-slide-v151 .music-badge-cover-v16,
.story-slide-v151 .music-wave-v151,
.story-slide-v151 .music-info-v151>span{display:none!important}
.story-slide-v151 .music-play{width:28px!important;height:28px!important;min-width:28px!important;border-radius:999px!important;font-size:.72rem!important;padding:0!important;display:grid!important;place-items:center!important}
.story-slide-v151 .music-badge-fav-v162{width:28px!important;height:28px!important;min-width:28px!important;border-radius:999px!important;font-size:.72rem!important;padding:0!important;display:grid!important;place-items:center!important}
.story-slide-v151 .music-info-v151{min-width:0!important;overflow:hidden!important;display:block!important}
.story-slide-v151 .music-title-use-v162{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#fff!important;font-size:.78rem!important;font-weight:800!important;line-height:1!important;text-align:left!important;overflow:hidden!important;cursor:pointer!important;text-decoration:none!important}
.story-slide-v151 .music-title-use-v162::after{content:' toque para abrir';font-size:.62rem;font-weight:700;color:rgba(255,255,255,.58);margin-left:6px;white-space:nowrap}
.story-actions-v151{position:absolute!important;left:14px!important;right:14px!important;bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px))!important;z-index:94!important;display:flex!important;align-items:center!important;gap:8px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.story-reply-v151{flex:1!important;min-width:0!important;display:flex!important;gap:7px!important;background:rgba(0,0,0,.36)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;padding:6px!important;backdrop-filter:blur(10px)!important}
.story-reply-v151 input{min-width:0!important;flex:1!important;height:36px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:0!important;padding:0 12px!important}
.story-reply-v151 button{height:36px!important;border-radius:999px!important;padding:0 12px!important;font-size:.78rem!important;white-space:nowrap!important}
.story-floating-like-v162{position:absolute!important;right:18px!important;bottom:max(70px,calc(env(safe-area-inset-bottom) + 66px))!important;z-index:98!important;display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.story-floating-like-v162 button{width:44px!important;height:44px!important;border-radius:999px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:1rem!important;box-shadow:0 10px 30px rgba(255,23,69,.42)!important}
.story-floating-like-v152,.story-floating-like-v153,.story-like-inline-hidden-v152{display:none!important}
.story-insights-v151,.story-insights-collapsed-v153{z-index:96!important;position:absolute!important;left:14px!important;right:14px!important;bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px))!important;background:rgba(0,0,0,.55)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:20px!important;color:#fff!important;max-height:36vh!important;overflow:auto!important}
.story-insights-v151 summary{cursor:pointer!important;text-align:center!important;font-weight:900!important;padding:13px!important}
.story-people-v151 a{display:flex!important;align-items:center!important;gap:9px!important;padding:9px 12px!important;color:#fff!important;text-decoration:none!important}
.story-people-v151 img{width:34px!important;height:34px!important;border-radius:999px!important;object-fit:cover!important}
.share-box-v163{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin:10px 0 0!important;padding:10px!important;border-radius:20px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important}
.share-box-v163 input{min-width:0!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;padding:0 14px!important;height:42px!important}
.share-box-v163 button{height:42px!important;border-radius:999px!important;white-space:nowrap!important;padding:0 16px!important}
.share-once-done-v163{background:rgba(0,190,120,.16)!important;color:#9dffd6!important;border:1px solid rgba(0,255,170,.2)!important}
.music-card-v162.hidden,.site-music-option.hidden{display:none!important}
.music-tabs-v162 button,.site-music-picker-tabs-v162 button{border-radius:14px!important;padding:8px 12px!important;font-weight:900!important}
.music-tabs-v162 button.active,.site-music-picker-tabs-v162 button.active{background:#ff1764!important;color:#fff!important}
.music-editor-v151 label{font-size:0!important;margin-top:5px!important;display:block!important}
.music-editor-v151 label b{display:none!important}
.music-editor-v151 label input[type=range]{font-size:initial!important;display:block!important;margin-top:0!important}
.music-wave-editor-v151{position:relative!important;height:64px!important;cursor:ew-resize!important;touch-action:none!important;border-radius:20px!important;overflow:hidden!important;border:1px solid rgba(255,47,118,.45)!important;background:linear-gradient(180deg,rgba(255,23,100,.1),rgba(255,255,255,.035))!important}
.music-wave-editor-v151::after{content:'arraste a faixa para prévia';position:absolute!important;right:12px!important;top:8px!important;font-size:.7rem!important;font-weight:900!important;color:rgba(255,255,255,.58)!important;pointer-events:none!important}
.music-editor-v151.previewing-v163 .music-wave-editor-v151{box-shadow:0 0 0 2px rgba(255,45,112,.2),0 0 24px rgba(255,45,112,.28)!important}
.sf-cut-readout-v162{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:8px 0 4px!important;color:#fff!important;font-size:.88rem!important}
.sf-cut-readout-v162 b{color:#fff!important;font-size:1rem!important;white-space:nowrap!important}
.sf-cut-readout-v162 span{color:rgba(255,255,255,.76)!important;white-space:nowrap!important}
@media(max-width:760px){
.story-slide-v151 .music-badge-v151,
.story-slide-v151 .music-badge-site-v16,
.story-slide-v151 .soundcloud-badge-v154{top:75px!important;left:108px!important;right:54px!important;height:32px!important;grid-template-columns:26px minmax(0,1fr) 26px!important;gap:5px!important;padding:3px 6px!important}
.story-slide-v151 .music-play,.story-slide-v151 .music-badge-fav-v162{width:26px!important;height:26px!important;min-width:26px!important;font-size:.68rem!important}
.story-slide-v151 .music-title-use-v162{font-size:.73rem!important}
.story-reply-v151 input{height:34px!important}
.story-reply-v151 button{height:34px!important;padding:0 10px!important;font-size:.72rem!important}
.story-floating-like-v162{right:16px!important;bottom:max(66px,calc(env(safe-area-inset-bottom) + 62px))!important}
.story-floating-like-v162 button{width:42px!important;height:42px!important}
.share-box-v163{grid-template-columns:1fr!important}
.share-box-v163 button{width:100%!important}
.sf-cut-readout-v162{font-size:.8rem!important}
.sf-cut-readout-v162 b{font-size:.9rem!important}
}
/* ===== V16.4 mobile story + audio priority cleanup ===== */
.story-ring-v158.new .story-avatar-wrap{
background:linear-gradient(135deg,#ff1f58,#ff6a96)!important;
animation:none!important;
box-shadow:0 0 0 2px rgba(255,31,88,.24),0 12px 30px rgba(255,31,88,.22)!important;
}
.story-ring-v158.new .story-avatar-wrap:after{inset:3px!important;background:#14040a!important}
.story-ring-v158.seen .story-avatar-wrap{background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.05))!important}
.story-avatar-wrap{box-shadow:0 16px 30px rgba(0,0,0,.22)!important}
.story-slide-v151 .music-badge-v151,
.story-slide-v151 .music-badge-site-v16,
.story-slide-v151 .soundcloud-badge-v154{
left:14px!important;
right:14px!important;
top:84px!important;
height:38px!important;
grid-template-columns:30px minmax(0,1fr)!important;
gap:8px!important;
padding:4px 10px!important;
background:linear-gradient(90deg,rgba(20,20,24,.70),rgba(55,8,22,.55))!important;
border:1px solid rgba(255,255,255,.12)!important;
}
.story-slide-v151 .music-badge-fav-v162,
.story-slide-v151 .music-wave-v151,
.story-slide-v151 .music-badge-cover-v16,
.story-slide-v151 .music-info-v151>span{display:none!important}
.story-slide-v151 .music-title-use-v162{font-size:.79rem!important;font-weight:900!important}
.story-slide-v151 .music-title-use-v162::after{content:''!important}
.story-slide-v151 .music-play{width:30px!important;height:30px!important;min-width:30px!important}
.story-actions-v151{
left:14px!important;
right:14px!important;
bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px))!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
padding:8px!important;
border-radius:22px!important;
background:rgba(0,0,0,.52)!important;
border:1px solid rgba(255,255,255,.12)!important;
backdrop-filter:blur(14px)!important;
z-index:120!important;
}
.story-actions-v151 .story-like-form-v151{display:block!important;flex:0 0 auto!important;margin:0!important}
.story-actions-v151 .story-like-form-v151 button{
width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;
border-radius:999px!important;display:grid!important;place-items:center!important;
background:linear-gradient(135deg,rgba(255,31,88,.95),rgba(255,120,170,.88))!important;
color:#fff!important;border:0!important;box-shadow:0 10px 30px rgba(255,31,88,.35)!important;
}
.story-actions-v151 .story-like-form-v151 button.liked{filter:saturate(1.15)!important}
.story-reply-v151{
flex:1!important;min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important;
background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;
border-radius:999px!important;padding:6px!important;
}
.story-reply-v151 input{
flex:1!important;min-width:0!important;height:38px!important;border-radius:999px!important;
border:0!important;background:rgba(255,255,255,.08)!important;color:#fff!important;padding:0 14px!important;
}
.story-reply-v151 button{
height:38px!important;padding:0 14px!important;border-radius:999px!important;white-space:nowrap!important;
}
.story-floating-like-v152,.story-floating-like-v153,.story-floating-like-v162,.story-like-inline-hidden-v152,.story-like-inline-hidden-v153{display:none!important}
.story-insights-v151,.story-insights-collapsed-v153{
bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px))!important;
z-index:119!important;
}
.story-nav-v151{z-index:80!important}
.music-editor-v151 label{font-size:0!important}
.music-editor-v151 [data-safe-duration]{pointer-events:none!important;opacity:.55!important}
.music-editor-v151 [data-safe-duration-label]{display:none!important}
.music-editor-v151 .music-editor-head-v151{gap:12px!important}
.music-editor-v151 .music-editor-head-v151 button[data-safe-play]{width:46px!important;height:46px!important;border-radius:999px!important}
.music-wave-editor-v151{position:relative!important;overflow:hidden!important}
.music-wave-editor-v151 .sf-wave-bars-v164{position:absolute;inset:0;display:flex;align-items:flex-end;gap:3px;padding:10px;pointer-events:none;opacity:.92}
.music-wave-editor-v151 .sf-wave-bars-v164 i{flex:1;border-radius:999px;background:linear-gradient(180deg,rgba(255,165,198,.95),rgba(255,47,122,.35));min-height:14px}
.music-wave-editor-v151 [data-safe-selected]{background:linear-gradient(90deg,rgba(255,32,102,.26),rgba(255,255,255,.18))!important;border:1px solid rgba(255,170,205,.6)!important;box-shadow:0 0 0 2px rgba(255,32,102,.14)!important;border-radius:16px!important}
.sf-cut-readout-v162{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin:8px 0 4px!important;color:#fff!important;font-size:.84rem!important;font-weight:800!important}
.sf-cut-readout-v162 b{padding:5px 10px!important;border-radius:999px!important;background:rgba(255,31,88,.18)!important;border:1px solid rgba(255,31,88,.3)!important}
@media(max-width:760px){
.stories-bar-v158{gap:10px!important;padding:12px 0 16px!important}
.story-create-v158,.post-create-v158,.story-ring-v158{min-width:74px!important;max-width:80px!important}
.story-avatar-wrap{width:66px!important;height:66px!important}
.story-ring-v158 img{width:58px!important;height:58px!important}
.story-slide-v151 .music-badge-v151,
.story-slide-v151 .music-badge-site-v16,
.story-slide-v151 .soundcloud-badge-v154{top:78px!important;left:12px!important;right:12px!important;height:36px!important}
.story-slide-v151 .music-play{width:28px!important;height:28px!important;min-width:28px!important}
.story-actions-v151{left:10px!important;right:10px!important;bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px))!important;padding:7px!important}
.story-actions-v151 .story-like-form-v151 button{width:42px!important;height:42px!important;min-width:42px!important}
.story-reply-v151 input,.story-reply-v151 button{height:36px!important}
.story-insights-v151,.story-insights-collapsed-v153{left:10px!important;right:10px!important}
}
/* ===== V16.5 REAL FIX: editor tipo Instagram, story mobile e áudio prioridade ===== */
.music-editor-v165>.music-editor-head-v151,
.music-editor-v165>.music-wave-editor-v151,
.music-editor-v165>label,
.music-editor-v165>.sf-cut-readout-v162{display:none!important}
.sf-reel-editor-v165{display:grid!important;gap:12px!important;padding:14px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(10,10,14,.96),rgba(28,4,12,.94))!important;border:1px solid rgba(255,47,122,.28)!important;box-shadow:0 18px 45px rgba(0,0,0,.28)!important}
.sf-reel-top-v165{display:flex!important;align-items:center!important;gap:12px!important}.sf-reel-play-v165{width:58px!important;height:58px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#ff1764,#ff73ae)!important;color:#fff!important;font-size:1.05rem!important;font-weight:1000!important;display:grid!important;place-items:center!important;box-shadow:0 12px 36px rgba(255,23,100,.38)!important}.sf-reel-name-v165{min-width:0!important;display:grid!important;gap:2px!important}.sf-reel-name-v165 strong{font-size:1rem!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sf-reel-name-v165 small{font-size:.78rem!important;color:#ffd0df!important;font-weight:800!important}.sf-reel-time-v165{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;font-size:.82rem!important;color:rgba(255,255,255,.75)!important;font-weight:900!important}.sf-reel-time-v165 b{color:#fff!important;background:rgba(255,23,100,.18)!important;border:1px solid rgba(255,23,100,.32)!important;border-radius:999px!important;padding:6px 10px!important;white-space:nowrap!important}.sf-reel-stage-v165{position:relative!important;height:94px!important;border-radius:24px!important;overflow:hidden!important;touch-action:none!important;cursor:grab!important;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,23,100,.06))!important;border:1px solid rgba(255,255,255,.10)!important}.sf-reel-stage-v165.dragging{cursor:grabbing!important}.sf-reel-strip-v165{position:absolute!important;left:0!important;top:0!important;height:100%!important;width:max-content!important;min-width:100%!important;display:flex!important;align-items:end!important;gap:4px!important;padding:14px 18px!important;transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;will-change:transform!important}.sf-reel-stage-v165.dragging .sf-reel-strip-v165{transition:none!important}.sf-reel-strip-v165 i{display:block!important;width:8px!important;min-width:8px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,210,226,.96),rgba(255,44,126,.42))!important;box-shadow:0 0 12px rgba(255,44,126,.18)!important}.sf-reel-center-v165{position:absolute!important;z-index:4!important;top:8px!important;bottom:8px!important;left:50%!important;width:min(185px,48%)!important;transform:translateX(-50%)!important;border-radius:18px!important;border:3px solid #fff!important;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,23,100,.22))!important;box-shadow:0 0 0 999px rgba(0,0,0,.28),0 0 24px rgba(255,255,255,.18)!important;pointer-events:none!important}.sf-reel-center-v165:before,.sf-reel-center-v165:after{display:none!important}.sf-reel-help-v165{margin:0!important;color:rgba(255,255,255,.62)!important;font-size:.78rem!important;font-weight:800!important;text-align:center!important}.music-editor-v165.previewing-v165 .sf-reel-stage-v165{box-shadow:0 0 0 2px rgba(255,23,100,.24),0 0 30px rgba(255,23,100,.24)!important}
/* Story bar sem RGB feio */
.story-ring-v158.new .story-avatar-wrap{background:linear-gradient(135deg,#ff174d,#ff6d98)!important;animation:none!important;box-shadow:0 0 0 2px rgba(255,23,77,.28),0 12px 30px rgba(255,23,77,.22)!important}.story-ring-v158.new .story-avatar-wrap:after{background:#15050b!important;inset:3px!important}.story-ring-v158.seen .story-avatar-wrap{background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.05))!important}.story-avatar-wrap{border-radius:50%!important;box-shadow:0 15px 30px rgba(0,0,0,.25)!important}.story-ring-v158 span:last-child{font-size:.76rem!important;text-shadow:0 2px 10px rgba(0,0,0,.55)!important}
/* Story viewer mobile: nada cortado; visitante curte e responde; dono vê insights */
.story-view-v151{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;padding:0!important;background:#000!important}.story-slide-v151{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.story-media-v151 img,.story-media-v151 video{object-fit:cover!important}.story-progress-v151{top:8px!important;left:72px!important;right:14px!important;z-index:140!important}.story-header-v151,.story-owner-head-v153{top:26px!important;left:72px!important;right:12px!important;z-index:141!important;background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(0,0,0,.10))!important;border-radius:18px!important;padding:6px 9px!important;backdrop-filter:blur(8px)!important}.story-close-view-v151{z-index:150!important}.story-slide-v151 .music-badge-v151,.story-slide-v151 .music-badge-site-v16,.story-slide-v151 .soundcloud-badge-v154{position:absolute!important;z-index:142!important;top:72px!important;left:118px!important;right:14px!important;height:32px!important;min-height:0!important;width:auto!important;max-width:none!important;padding:3px 8px!important;border-radius:999px!important;display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;background:linear-gradient(90deg,rgba(12,12,16,.64),rgba(255,23,77,.20))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 28px rgba(0,0,0,.34)!important;overflow:hidden!important}.story-slide-v151 .music-play{width:26px!important;height:26px!important;min-width:26px!important;font-size:.68rem!important;padding:0!important;display:grid!important;place-items:center!important}.story-slide-v151 .music-badge-cover-v16,.story-slide-v151 .music-wave-v151,.story-slide-v151 .music-info-v151>span,.story-slide-v151 .music-badge-fav-v162{display:none!important}.story-slide-v151 .music-info-v151{min-width:0!important;overflow:hidden!important}.story-slide-v151 .music-title-use-v162{font-size:.72rem!important;line-height:1!important;font-weight:900!important;color:#fff!important;background:transparent!important;border:0!important;padding:0!important;display:block!important;overflow:hidden!important}.story-slide-v151 .music-title-use-v162:after{content:''!important}.story-actions-v151{left:10px!important;right:10px!important;bottom:max(20px,calc(env(safe-area-inset-bottom) + 16px))!important;z-index:145!important;display:flex!important;align-items:center!important;gap:8px!important;padding:7px!important;border-radius:22px!important;background:rgba(0,0,0,.62)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(14px)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.story-actions-v151 .story-like-form-v151,.story-actions-v151 .story-like-form-v151.story-like-inline-hidden-v152,.story-actions-v151 .story-like-form-v151.story-like-inline-hidden-v153{display:block!important;flex:0 0 auto!important;margin:0!important}.story-actions-v151 .story-like-form-v151 button{width:44px!important;height:44px!important;min-width:44px!important;border:0!important;border-radius:999px!important;padding:0!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#ff174d,#ff74ad)!important;color:#fff!important;box-shadow:0 12px 34px rgba(255,23,77,.38)!important}.story-actions-v151 .story-like-form-v151 button.liked{filter:saturate(1.25)!important}.story-reply-v151{flex:1!important;min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important;padding:6px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important}.story-reply-v151 input{flex:1!important;min-width:0!important;height:36px!important;border-radius:999px!important;border:0!important;background:rgba(255,255,255,.10)!important;color:#fff!important;padding:0 13px!important}.story-reply-v151 button{height:36px!important;min-height:36px!important;border-radius:999px!important;padding:0 12px!important;font-size:.72rem!important;white-space:nowrap!important}.story-floating-like-v152,.story-floating-like-v153,.story-floating-like-v162{display:none!important}.story-insights-v151,.story-insights-collapsed-v153{left:10px!important;right:10px!important;bottom:max(20px,calc(env(safe-area-inset-bottom) + 16px))!important;z-index:146!important;max-height:42dvh!important;border-radius:22px!important;background:rgba(0,0,0,.64)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(14px)!important;overflow:auto!important}.story-insights-v151 summary{padding:15px!important;text-align:center!important;color:#fff!important;font-weight:1000!important}.story-nav-v151{z-index:120!important;background:rgba(0,0,0,.30)!important;backdrop-filter:blur(10px)!important}
@media(min-width:900px){.story-view-v151{padding:14px!important;align-items:center!important;justify-content:center!important}.story-slide-v151{width:390px!important;height:694px!important;border-radius:28px!important}.story-actions-v151{left:12px!important;right:12px!important;bottom:14px!important}.story-insights-v151,.story-insights-collapsed-v153{bottom:14px!important}.story-slide-v151 .music-badge-v151,.story-slide-v151 .music-badge-site-v16,.story-slide-v151 .soundcloud-badge-v154{top:74px!important;left:118px!important;right:12px!important}}
@media(max-width:760px){.sf-reel-editor-v165{padding:12px!important;border-radius:22px!important}.sf-reel-stage-v165{height:88px!important}.sf-reel-center-v165{width:176px!important}.sf-reel-time-v165{font-size:.76rem!important}.sf-reel-time-v165 b{padding:5px 8px!important}.story-create-v158,.post-create-v158,.story-ring-v158{min-width:74px!important;max-width:80px!important}.story-avatar-wrap{width:66px!important;height:66px!important}.story-ring-v158 img{width:58px!important;height:58px!important}.story-ring-v158 span:last-child{max-width:78px!important}.story-slide-v151 .music-badge-v151,.story-slide-v151 .music-badge-site-v16,.story-slide-v151 .soundcloud-badge-v154{top:76px!important;left:108px!important;right:12px!important}.story-actions-v151{bottom:max(22px,calc(env(safe-area-inset-bottom) + 18px))!important}.story-insights-v151,.story-insights-collapsed-v153{bottom:max(22px,calc(env(safe-area-inset-bottom) + 18px))!important}}
/* ===== V16.6 final guard: audio, mobile stories, clean rings ===== */
.menu-notification-badge{pointer-events:none!important}
.sf-reel-help-v165,.sf-reel-name-v165 small{display:none!important}
.music-editor-v165>.music-editor-head-v151,
.music-editor-v165>.music-wave-editor-v151,
.music-editor-v165>label,
.music-editor-v165>.sf-cut-readout-v162{display:none!important}
.music-editor-v151 [data-safe-duration]{pointer-events:none!important}
.music-badge-v151{max-width:min(100%,420px)!important;min-height:36px!important;padding:6px 9px!important;border-radius:999px!important}
.music-badge-v151 .music-play{width:30px!important;height:30px!important;min-width:30px!important;font-size:.75rem!important}
.music-badge-v151 .music-info-v151{min-width:0!important;overflow:hidden!important}
.music-use-audio-v166{border:0!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:.72rem!important;font-weight:1000!important;line-height:1!important;padding:8px 9px!important;white-space:nowrap!important;cursor:pointer!important}
.music-use-audio-v166:hover{background:linear-gradient(135deg,#ff315f,#ff79a4)!important}
.music-title-marquee-v163{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important}
.music-title-marquee-v163>span{display:inline-block!important;min-width:100%!important;padding-left:100%!important;animation:sfMusicMarqueeV163 7.5s linear infinite!important}
.story-ring.new img{border-color:#ff315f!important;box-shadow:0 0 0 3px rgba(255,49,95,.28),0 10px 24px rgba(255,49,95,.18)!important;filter:none!important}
.story-ring.seen img{border-color:rgba(255,255,255,.18)!important;box-shadow:0 0 0 3px rgba(255,255,255,.05)!important;filter:saturate(.65)!important;opacity:.78!important}
.story-ring-safe.new img{border-color:#ff315f!important;box-shadow:0 0 0 3px rgba(255,49,95,.28),0 10px 24px rgba(255,49,95,.18)!important}
.story-ring-safe.seen img{border-color:rgba(255,255,255,.18)!important;box-shadow:0 0 0 3px rgba(255,255,255,.05)!important;filter:saturate(.65)!important;opacity:.78!important}
.story-ring-v158.new .story-avatar-wrap{background:linear-gradient(135deg,#ff315f,#ff7aa2)!important;animation:none!important;box-shadow:0 0 0 2px rgba(255,49,95,.24),0 12px 28px rgba(255,49,95,.18)!important}
.story-ring-v158.new .story-avatar-wrap:after{background:#120407!important;inset:3px!important}
.story-ring-v158.seen .story-avatar-wrap{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;animation:none!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important}
.story-actions-v151 .story-like-form-v151,
.story-actions-v151 .story-like-form-v151.story-like-inline-hidden-v152,
.story-actions-v151 .story-like-form-v151.story-like-inline-hidden-v153{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.story-floating-like-v152,.story-floating-like-v153,.story-floating-like-v162{display:none!important}
body:has(.story-view-v151){background:#000!important}
.story-view-v151{min-height:100dvh!important;height:100dvh!important;overflow:hidden!important;background:#000!important}
.story-slide-v151{position:relative!important;overflow:hidden!important;background:#000!important}
.story-media-v151{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#000!important}
.story-media-v151 img,.story-media-v151 video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}
.story-progress-v151,.story-header-v151,.story-owner-head-v153,.story-close-view-v151,.story-slide-v151 .music-badge-v151,.story-slide-v151 .music-badge-site-v16,.story-slide-v151 .soundcloud-badge-v154,.story-actions-v151,.story-insights-v151{visibility:visible!important;opacity:1!important}
@media(max-width:760px){
body:has(.story-view-v151){overflow:hidden!important}
.story-view-v151{padding:0!important;display:block!important}
.story-slide-v151{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;aspect-ratio:auto!important}
.story-progress-v151{top:max(8px,env(safe-area-inset-top))!important;left:58px!important;right:12px!important}
.story-header-v151,.story-owner-head-v153{top:max(25px,calc(env(safe-area-inset-top) + 18px))!important;left:58px!important;right:10px!important}
.story-close-view-v151{top:max(12px,env(safe-area-inset-top))!important;left:10px!important}
.story-slide-v151 .music-badge-v151,
.story-slide-v151 .music-badge-site-v16,
.story-slide-v151 .soundcloud-badge-v154{top:max(72px,calc(env(safe-area-inset-top) + 64px))!important;left:10px!important;right:10px!important;height:32px!important;grid-template-columns:26px minmax(0,1fr) auto!important}
.story-slide-v151 .music-use-audio-v166{display:inline-grid!important;place-items:center!important;height:24px!important;padding:0 8px!important;font-size:.62rem!important}
.story-actions-v151{left:10px!important;right:10px!important;bottom:max(12px,calc(env(safe-area-inset-bottom) + 10px))!important;min-height:50px!important;padding:6px!important;border-radius:22px!important}
.story-reply-v151{min-width:0!important}
.story-reply-v151 input{min-width:0!important}
.story-reply-v151 button{max-width:86px!important;padding:0 10px!important}
.story-insights-v151,.story-insights-collapsed-v153{left:10px!important;right:10px!important;bottom:max(12px,calc(env(safe-area-inset-bottom) + 10px))!important;max-height:42dvh!important}
}
/* ===== V16.7 ajustes pedidos: menu logado, stories Instagram e audio compacto ===== */
body.logged-in .menu-btn{display:grid!important;place-items:center;position:relative!important;width:48px;height:48px;border-radius:999px;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;cursor:pointer;z-index:90}
body.logged-in .nav{position:relative}
body.logged-in .nav-links{position:absolute!important;top:calc(100% + 12px)!important;right:0!important;left:auto!important;width:min(360px,92vw)!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:12px!important;border-radius:18px!important;background:rgba(8,0,3,.98)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 22px 70px rgba(0,0,0,.46)!important;z-index:80}
body.logged-in .nav-links.open{display:flex!important}
body.logged-in .nav-links a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;border-radius:14px!important;text-align:center!important}
.stories-bar-v158{display:flex!important;align-items:flex-start!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:12px 2px 18px!important;margin:0 0 8px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
.stories-bar-v158::-webkit-scrollbar{display:none!important}
.story-create-v158,.post-create-v158,.story-ring-v158{width:78px!important;min-width:78px!important;max-width:78px!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;display:grid!important;justify-items:center!important;gap:6px!important;scroll-snap-align:start!important;color:#fff!important;text-decoration:none!important}
.story-create-v158 i,.post-create-v158 i{width:66px!important;height:66px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:2rem!important;font-style:normal!important;font-weight:1000!important;background:radial-gradient(circle at 32% 26%,#ff7da7,#ff174d 58%,#94112d)!important;box-shadow:0 0 0 3px rgba(255,255,255,.08),0 10px 24px rgba(255,23,77,.24)!important}
.post-create-v158 i{background:radial-gradient(circle at 32% 26%,#fff,#ff3d78 54%,#9a1230)!important;color:#240008!important}
.story-create-v158 span,.post-create-v158 span,.story-ring-v158 span:last-child{max-width:78px!important;font-size:.76rem!important;font-weight:950!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;text-shadow:0 2px 10px rgba(0,0,0,.55)!important}
.story-avatar-wrap{width:70px!important;height:70px!important;border-radius:50%!important;padding:3px!important;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05))!important;box-shadow:none!important}
.story-ring-v158.new .story-avatar-wrap{background:linear-gradient(135deg,#ff174d,#ff7da7,#ff315f)!important;box-shadow:0 10px 26px rgba(255,23,77,.20)!important}
.story-ring-v158.new .story-avatar-wrap:after{display:none!important}
.story-ring-v158.seen .story-avatar-wrap{background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06))!important}
.story-ring-v158 img{width:64px!important;height:64px!important;border:3px solid #120407!important;border-radius:50%!important;object-fit:cover!important;margin:0!important;position:relative!important;z-index:1!important}
.story-create-v158:hover,.post-create-v158:hover,.story-ring-v158:hover{transform:translateY(-2px)!important}
.feed-post-card .music-badge-v151,
.story-slide-v151 .music-badge-v151,
.music-badge-v151{width:min(360px,100%)!important;max-width:min(360px,100%)!important;min-height:34px!important;padding:5px 8px!important;gap:7px!important;border-radius:999px!important;grid-template-columns:auto auto minmax(0,1fr) auto auto!important;align-items:center!important}
.soundcloud-badge-v154{grid-template-columns:auto minmax(0,1fr) auto auto!important}
.music-badge-cover-v16{width:36px!important;height:36px!important;border-radius:10px!important;margin-right:0!important}
.music-badge-v151 .music-play{width:28px!important;height:28px!important;min-width:28px!important;font-size:.68rem!important}
.music-badge-v151 .music-info-v151>span{font-size:.68rem!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.feed-post-card .music-wave-v151,.story-slide-v151 .music-wave-v151{display:none!important}
.music-title-use-v162{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;line-height:1.05!important}
.music-title-marquee-v163{display:block!important;width:100%!important;overflow:hidden!important;white-space:nowrap!important}
.music-title-marquee-v163>span{display:inline-block!important;min-width:max-content!important;padding-left:100%!important;animation:sfMusicMarqueeV167 9s linear infinite!important;will-change:transform!important}
@keyframes sfMusicMarqueeV167{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.music-use-audio-v166{height:28px!important;padding:0 9px!important;font-size:.68rem!important}
.music-badge-fav-v162{width:28px!important;height:28px!important;min-width:28px!important}
@media(max-width:760px){
.story-create-v158,.post-create-v158,.story-ring-v158{width:74px!important;min-width:74px!important;max-width:74px!important}
.story-create-v158 i,.post-create-v158 i{width:62px!important;height:62px!important}
.story-avatar-wrap{width:66px!important;height:66px!important}
.story-ring-v158 img{width:60px!important;height:60px!important}
.feed-post-card .music-badge-v151,.music-badge-v151{width:100%!important;max-width:100%!important}
}
/* ===== V16.8 PC/mobile polish: chat fit, story reels, compact audio, music upload ===== */
@media(min-width:761px){
.chat-main-v9 .section{padding-top:14px!important;padding-bottom:24px!important}
.chat-main-v9 .chat-app-section{min-height:0!important;padding:0 0 16px!important}
.chat-main-v9 .chat-top-tabs{margin:0 0 10px!important;gap:10px!important}
.chat-shell-v9{
width:min(790px,calc(100vw - 120px))!important;
grid-template-columns:230px minmax(320px,400px)!important;
gap:14px!important;
align-items:start!important;
justify-content:center!important;
margin-top:8px!important;
}
.chat-list-v9{
height:min(500px,calc(100dvh - 285px))!important;
min-height:360px!important;
overflow:auto!important;
border-radius:24px!important;
}
.chat-window-v9{
width:400px!important;
max-width:400px!important;
height:min(560px,calc(100dvh - 265px))!important;
min-height:430px!important;
display:grid!important;
grid-template-rows:auto minmax(0,1fr) auto!important;
overflow:hidden!important;
border-radius:24px!important;
}
.messages-box-v9{min-height:0!important;height:auto!important;max-height:none!important;overflow:auto!important;padding:10px!important}
.message-form-v9{position:relative!important;bottom:auto!important;margin:0!important;padding:10px!important;background:rgba(14,2,6,.94)!important}
.chat-input-row-v9{grid-template-columns:40px minmax(0,1fr) 40px 44px!important;gap:8px!important}
.chat-input-row-v9 input{height:42px!important;font-size:.95rem!important}
}
.stories-bar-v158{gap:13px!important;align-items:flex-start!important}
.stories-bar-v158 .story-create-v158,
.stories-bar-v158 .post-create-v158,
.stories-bar-v158 .story-ring-v158{
background:transparent!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
border-radius:0!important;
-webkit-tap-highlight-color:transparent!important;
}
.stories-bar-v158 .story-create-v158:focus,
.stories-bar-v158 .story-create-v158:focus-visible,
.stories-bar-v158 .post-create-v158:focus,
.stories-bar-v158 .post-create-v158:focus-visible,
.stories-bar-v158 .story-ring-v158:focus,
.stories-bar-v158 .story-ring-v158:focus-visible{
outline:0!important;
box-shadow:none!important;
}
.stories-bar-v158 .story-avatar-wrap{
width:68px!important;
height:68px!important;
padding:3px!important;
border-radius:50%!important;
background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05))!important;
box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
.stories-bar-v158 .story-ring-v158.new .story-avatar-wrap{
background:linear-gradient(135deg,#ff174d,#ff7aa8 48%,#ffb84d)!important;
box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 28px rgba(255,23,77,.22)!important;
}
.stories-bar-v158 .story-ring-v158 img{
width:62px!important;
height:62px!important;
border:3px solid #0d0205!important;
border-radius:50%!important;
object-fit:cover!important;
}
.stories-bar-v158 .story-create-v158 i,
.stories-bar-v158 .post-create-v158 i{
width:64px!important;
height:64px!important;
border-radius:50%!important;
}
.music-badge-fav-v162.saved,
.music-badge-fav-v162.liked,
.music-badge-fav-v162.favorited,
[data-music-favorite].saved,
[data-music-favorite].liked,
[data-music-favorite].favorited,
[data-favorite="1"] [data-music-favorite]{
background:linear-gradient(135deg,#ffd44d,#ff8a00)!important;
color:#210900!important;
text-shadow:none!important;
box-shadow:0 10px 24px rgba(255,138,0,.34)!important;
}
.feed-post-card .music-badge-v151,
.single-post .music-badge-v151{
width:min(340px,100%)!important;
max-width:min(340px,100%)!important;
min-height:32px!important;
padding:4px 7px!important;
gap:6px!important;
background:linear-gradient(90deg,rgba(36,8,15,.92),rgba(255,23,77,.10))!important;
}
.feed-post-card .music-badge-cover-v16,
.single-post .music-badge-cover-v16{width:32px!important;height:32px!important;border-radius:9px!important}
.feed-post-card .music-badge-v151 .music-play,
.single-post .music-badge-v151 .music-play{width:26px!important;height:26px!important;min-width:26px!important;font-size:.64rem!important}
.feed-post-card .music-use-audio-v166,
.single-post .music-use-audio-v166{height:26px!important;padding:0 8px!important;font-size:.64rem!important}
.feed-post-card .music-badge-fav-v162,
.single-post .music-badge-fav-v162{width:26px!important;height:26px!important;min-width:26px!important;font-size:.68rem!important}
.feed-post-card .music-info-v151>span,
.single-post .music-info-v151>span{font-size:.64rem!important}
.music-title-marquee-v163>span{
animation:sfMusicMarqueeV168 10.5s linear infinite!important;
padding-left:105%!important;
}
@keyframes sfMusicMarqueeV168{0%,10%{transform:translateX(0)}100%{transform:translateX(-112%)}}
.story-slide-v151 .music-badge-v151,
.story-slide-v151 .music-badge-site-v16,
.story-slide-v151 .soundcloud-badge-v154{
top:74px!important;
left:104px!important;
right:12px!important;
height:30px!important;
min-height:30px!important;
width:auto!important;
max-width:none!important;
padding:3px 7px!important;
gap:6px!important;
grid-template-columns:24px minmax(0,1fr)!important;
border-radius:999px!important;
background:linear-gradient(90deg,rgba(8,8,10,.58),rgba(255,23,77,.16))!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 8px 22px rgba(0,0,0,.32)!important;
overflow:hidden!important;
}
.story-slide-v151 .music-badge-cover-v16,
.story-slide-v151 .music-use-audio-v166,
.story-slide-v151 .music-badge-fav-v162,
.story-slide-v151 .music-wave-v151,
.story-slide-v151 .music-info-v151>span{display:none!important}
.story-slide-v151 .music-play{width:24px!important;height:24px!important;min-width:24px!important;font-size:.62rem!important}
.story-slide-v151 .music-title-use-v162{font-size:.7rem!important;line-height:1!important}
.story-insights-v151,
.story-insights-collapsed-v153{
left:12px!important;
right:12px!important;
bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px))!important;
max-height:min(54dvh,380px)!important;
overflow:hidden!important;
border-radius:22px!important;
}
.story-insights-v151[open]{
max-height:min(58dvh,400px)!important;
overflow:hidden!important;
}
.story-insights-v151 summary{
min-height:48px!important;
padding:13px 14px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.story-insights-v151[open] .story-people-v151{
display:grid!important;
gap:7px!important;
max-height:min(42dvh,300px)!important;
overflow-y:auto!important;
padding:8px 10px 12px!important;
scrollbar-width:thin!important;
}
.story-people-v151 a{
border-radius:14px!important;
background:rgba(255,255,255,.08)!important;
border:1px solid rgba(255,255,255,.08)!important;
}
.story-actions-v151,
.story-actions-v151 .story-like-form-v151,
.story-actions-v151 .story-like-form-v151.story-like-inline-hidden-v152,
.story-actions-v151 .story-like-form-v151.story-like-inline-hidden-v153{
visibility:visible!important;
opacity:1!important;
pointer-events:auto!important;
}
.music-upload-card-v16{
border-radius:24px!important;
background:linear-gradient(180deg,rgba(23,19,22,.96),rgba(18,3,8,.96))!important;
border:1px solid rgba(255,255,255,.10)!important;
}
.music-upload-form-v16{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:11px!important;
}
.music-upload-form-v16>input[type="hidden"],
.music-upload-form-v16>label:not(.file-preview-picker),
.music-upload-form-v16>input[type="text"],
.music-upload-form-v16>.upload-progress-v158,
.music-upload-form-v16>.btn{
grid-column:1 / -1!important;
}
.music-upload-form-v16>.file-preview-picker{
min-height:112px!important;
display:grid!important;
align-content:start!important;
gap:9px!important;
padding:13px!important;
border-radius:20px!important;
border:1px dashed rgba(255,255,255,.18)!important;
background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,23,77,.05))!important;
}
.music-upload-form-v16>.file-preview-picker.is-audio-picker-v168{
border-color:rgba(255,212,77,.32)!important;
background:linear-gradient(180deg,rgba(255,212,77,.08),rgba(255,23,77,.04))!important;
}
.music-upload-form-v16 .file-chooser-v151{
width:100%!important;
height:42px!important;
border-radius:999px!important;
display:grid!important;
place-items:center!important;
background:rgba(255,255,255,.12)!important;
}
.music-upload-form-v16 .image-preview-box{grid-column:1!important}
.music-upload-form-v16 .audio-preview-box{grid-column:2!important}
.music-upload-form-v16 .safe-preview-box{
min-height:96px!important;
border-radius:18px!important;
border:1px solid rgba(255,255,255,.10)!important;
background:rgba(255,255,255,.045)!important;
overflow:hidden!important;
}
.music-upload-form-v16 .safe-preview-box[hidden]{
display:grid!important;
place-items:center!important;
color:rgba(255,255,255,.52)!important;
font-size:.82rem!important;
font-weight:850!important;
}
.music-upload-form-v16 .image-preview-box[hidden]::before{content:"Previa da capa"}
.music-upload-form-v16 .audio-preview-box[hidden]::before{content:"Previa do audio"}
.music-upload-form-v16 .safe-preview-item-v151{
height:100%!important;
display:grid!important;
grid-template-columns:62px minmax(0,1fr)!important;
align-items:center!important;
gap:10px!important;
padding:10px!important;
}
.music-upload-form-v16 .safe-preview-item-v151 img{
width:62px!important;
height:62px!important;
border-radius:14px!important;
object-fit:cover!important;
}
.music-upload-form-v16 .safe-audio-preview-v151{
min-width:0!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
}
.music-upload-form-v16 .safe-audio-preview-v151 button{
width:42px!important;
height:42px!important;
min-width:42px!important;
border-radius:999px!important;
}
.music-upload-form-v16 .safe-preview-meta-v151{min-width:0!important}
.music-upload-form-v16 .safe-preview-meta-v151 strong,
.music-upload-form-v16 .safe-audio-preview-v151 span{
display:block!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
@media(min-width:900px){
.music-grid-v16{grid-template-columns:minmax(330px,540px) minmax(0,1fr)!important;align-items:start!important}
.music-upload-card-v16{position:sticky!important;top:12px!important}
}
@media(max-width:760px){
.chat-window-v9{height:calc(100dvh - 190px)!important;min-height:420px!important}
.story-slide-v151 .music-badge-v151,
.story-slide-v151 .music-badge-site-v16,
.story-slide-v151 .soundcloud-badge-v154{top:78px!important;left:10px!important;right:10px!important;height:30px!important}
.story-insights-v151[open] .story-people-v151{max-height:38dvh!important}
.music-upload-form-v16{grid-template-columns:1fr!important}
.music-upload-form-v16 .image-preview-box,
.music-upload-form-v16 .audio-preview-box{grid-column:1!important}
}
/* ===== V16.9 stories priority: Android clean top, visible insights, reactions ===== */
.story-ring,
.story-ring-safe,
.story-ring-v158,
.story-ring-v158 *,
.story-create-v158,
.post-create-v158{
outline:0!important;
-webkit-tap-highlight-color:transparent!important;
}
.story-ring.new,
.story-ring-safe.new img,
.story-ring-v158.new,
.story-ring-v158.new .story-avatar-wrap{
box-shadow:0 0 0 2px rgba(255,23,77,.22),0 10px 24px rgba(255,23,77,.22)!important;
}
.story-ring-safe.new img{border-color:#ff315f!important}
.story-ring-v158.new .story-avatar-wrap:after{display:none!important}
.story-header-v151,
.story-owner-head-v153{
min-height:50px!important;
height:50px!important;
display:flex!important;
align-items:center!important;
gap:9px!important;
border-radius:999px!important;
padding:5px 10px!important;
background:linear-gradient(90deg,rgba(0,0,0,.46),rgba(0,0,0,.16))!important;
border:1px solid rgba(255,255,255,.10)!important;
box-shadow:0 10px 28px rgba(0,0,0,.26)!important;
backdrop-filter:blur(10px)!important;
overflow:hidden!important;
}
.story-header-v151 img,
.story-owner-head-v153 img{
width:40px!important;
height:40px!important;
min-width:40px!important;
border-radius:50%!important;
object-fit:cover!important;
}
.story-header-v151 div,
.story-owner-head-v153 div{min-width:0!important}
.story-header-v151 strong,
.story-owner-head-v153 strong{
display:block!important;
max-width:100%!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
font-size:.92rem!important;
line-height:1.05!important;
}
.story-header-v151 small,
.story-owner-head-v153 small{font-size:.72rem!important;color:rgba(255,255,255,.78)!important}
.story-slide-v151 .music-badge-v151,
.story-slide-v151 .music-badge-site-v16,
.story-slide-v151 .soundcloud-badge-v154{
height:28px!important;
min-height:28px!important;
border-radius:999px!important;
grid-template-columns:22px minmax(0,1fr)!important;
padding:2px 7px!important;
background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(255,23,77,.13))!important;
border:1px solid rgba(255,255,255,.10)!important;
}
.story-slide-v151 .music-play{
width:22px!important;
height:22px!important;
min-width:22px!important;
font-size:.58rem!important;
box-shadow:0 6px 16px rgba(255,23,77,.24)!important;
}
.story-slide-v151 .music-title-use-v162{font-size:.68rem!important}
.story-actions-v151 .story-like-form-v151 button{
background:rgba(255,255,255,.10)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease!important;
}
.story-actions-v151 .story-like-form-v151 button:hover,
.story-actions-v151 .story-like-form-v151 button:active{transform:scale(.94)!important}
.story-actions-v151 .story-like-form-v151 button.liked{
background:#fff!important;
color:#ff174d!important;
border-color:rgba(255,255,255,.8)!important;
box-shadow:0 0 0 6px rgba(255,23,77,.14),0 12px 34px rgba(255,23,77,.34)!important;
}
.story-actions-v151 .story-like-form-v151 button.sf-like-burst-v169{animation:sfStoryLikePopV169 .62s cubic-bezier(.2,.9,.2,1)!important}
.story-reply-v151{
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.story-reply-v151:focus-within{
border-color:rgba(255,255,255,.28)!important;
box-shadow:0 0 0 4px rgba(255,23,77,.13)!important;
}
.story-reply-v151.sf-reply-sent-v169,
.story-reply-v151.sent-v169{
animation:sfStoryReplySendV169 .72s ease both!important;
}
@keyframes sfStoryLikePopV169{
0%{transform:scale(1)}
34%{transform:scale(1.22) rotate(-8deg)}
68%{transform:scale(.94) rotate(4deg)}
100%{transform:scale(1)}
}
@keyframes sfStoryReplySendV169{
0%{transform:translateY(0);box-shadow:0 0 0 rgba(255,23,77,0)}
38%{transform:translateY(-3px);box-shadow:0 0 0 6px rgba(255,23,77,.12)}
100%{transform:translateY(0);box-shadow:0 0 0 rgba(255,23,77,0)}
}
.story-toast-v169{
position:fixed!important;
left:50%!important;
bottom:max(88px,calc(env(safe-area-inset-bottom) + 72px))!important;
z-index:9999!important;
transform:translate(-50%,16px) scale(.96)!important;
opacity:0!important;
pointer-events:none!important;
padding:10px 14px!important;
border-radius:999px!important;
background:rgba(0,0,0,.78)!important;
border:1px solid rgba(255,255,255,.14)!important;
color:#fff!important;
font-weight:950!important;
box-shadow:0 18px 50px rgba(0,0,0,.38)!important;
transition:opacity .18s ease, transform .18s ease!important;
}
.story-toast-v169.show{opacity:1!important;transform:translate(-50%,0) scale(1)!important}
.story-quick-reactions-v169{
position:absolute!important;
left:14px!important;
right:14px!important;
bottom:max(80px,calc(env(safe-area-inset-bottom) + 76px))!important;
z-index:144!important;
display:flex!important;
justify-content:center!important;
gap:7px!important;
pointer-events:auto!important;
}
.story-quick-reactions-v169 button{
height:30px!important;
padding:0 11px!important;
border:1px solid rgba(255,255,255,.12)!important;
border-radius:999px!important;
background:rgba(0,0,0,.48)!important;
color:#fff!important;
font-size:.72rem!important;
font-weight:950!important;
backdrop-filter:blur(12px)!important;
box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}
.story-quick-reactions-v169 button:active{transform:scale(.92)!important}
.story-double-like-v169{
position:absolute!important;
z-index:155!important;
width:76px!important;
height:76px!important;
margin:-38px 0 0 -38px!important;
display:grid!important;
place-items:center!important;
border-radius:999px!important;
color:#fff!important;
font-size:3.4rem!important;
text-shadow:0 8px 26px rgba(255,23,77,.55),0 3px 10px rgba(0,0,0,.55)!important;
pointer-events:none!important;
animation:sfStoryDoubleLikeV169 .82s cubic-bezier(.18,.88,.26,1) forwards!important;
}
@keyframes sfStoryDoubleLikeV169{
0%{opacity:0;transform:scale(.4) rotate(-12deg)}
32%{opacity:1;transform:scale(1.18) rotate(8deg)}
70%{opacity:1;transform:scale(1) rotate(0)}
100%{opacity:0;transform:translateY(-34px) scale(.78)}
}
.story-insights-open-v169{
display:grid!important;
grid-template-rows:auto minmax(0,1fr)!important;
gap:8px!important;
max-height:min(58dvh,430px)!important;
overflow:hidden!important;
padding:10px!important;
}
.story-insights-title-v169{
min-height:38px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
color:#fff!important;
font-weight:1000!important;
font-size:.96rem!important;
}
.story-insights-open-v169 .story-people-v151{
display:grid!important;
gap:8px!important;
min-height:78px!important;
max-height:min(43dvh,310px)!important;
overflow-y:auto!important;
padding:0 2px 4px!important;
background:transparent!important;
}
.story-people-summary-v169{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
margin-bottom:2px!important;
}
.story-people-summary-v169 span{
display:grid!important;
place-items:center!important;
padding:9px!important;
border-radius:16px!important;
background:rgba(255,255,255,.09)!important;
border:1px solid rgba(255,255,255,.08)!important;
}
.story-people-summary-v169 b{font-size:1.05rem!important;color:#fff!important;line-height:1!important}
.story-people-summary-v169 small{font-size:.68rem!important;color:rgba(255,255,255,.68)!important;font-weight:850!important}
.story-empty-views-v169{
margin:0!important;
padding:12px!important;
border-radius:16px!important;
background:rgba(255,255,255,.07)!important;
color:rgba(255,255,255,.78)!important;
text-align:center!important;
font-weight:850!important;
}
@media(min-width:900px){
.story-header-v151,.story-owner-head-v153{top:24px!important;left:72px!important;right:12px!important}
.story-slide-v151 .music-badge-v151,
.story-slide-v151 .music-badge-site-v16,
.story-slide-v151 .soundcloud-badge-v154{top:82px!important;left:72px!important;right:12px!important}
.story-insights-open-v169{bottom:14px!important;left:12px!important;right:12px!important}
}
@media(max-width:760px){
.story-progress-v151{left:58px!important;right:10px!important;top:max(7px,env(safe-area-inset-top))!important}
.story-header-v151,.story-owner-head-v153{
top:max(22px,calc(env(safe-area-inset-top) + 16px))!important;
left:58px!important;
right:10px!important;
height:48px!important;
min-height:48px!important;
padding:5px 9px!important;
}
.story-header-v151 img,.story-owner-head-v153 img{width:38px!important;height:38px!important;min-width:38px!important}
.story-slide-v151 .music-badge-v151,
.story-slide-v151 .music-badge-site-v16,
.story-slide-v151 .soundcloud-badge-v154{
top:max(76px,calc(env(safe-area-inset-top) + 70px))!important;
left:58px!important;
right:10px!important;
height:28px!important;
}
.story-actions-v151{bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px))!important}
.story-quick-reactions-v169{left:10px!important;right:10px!important;bottom:max(72px,calc(env(safe-area-inset-bottom) + 68px))!important}
.story-quick-reactions-v169 button{height:28px!important;padding:0 9px!important;font-size:.68rem!important}
.story-insights-open-v169{
left:10px!important;
right:10px!important;
bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px))!important;
max-height:54dvh!important;
}
.story-insights-open-v169 .story-people-v151{max-height:38dvh!important}
.stories-bar-v158 .story-create-v158,
.stories-bar-v158 .post-create-v158,
.stories-bar-v158 .story-ring-v158{
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
}
/* ===== V17 story mobile repair: full audio pill, owner eye sheet, floating reply ===== */
body:has(.story-view-v151){overflow:hidden!important;background:#000!important}
.story-view-v151{
width:100vw!important;
min-height:100dvh!important;
height:100dvh!important;
padding:14px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
background:#000!important;
}
.story-slide-v151{
position:relative!important;
width:min(430px,calc((100dvh - 28px)*.5625))!important;
height:min(764px,calc(100dvh - 28px))!important;
aspect-ratio:9/16!important;
max-width:100%!important;
max-height:calc(100dvh - 28px)!important;
border-radius:28px!important;
overflow:hidden!important;
background:#000!important;
box-shadow:0 24px 90px rgba(0,0,0,.72)!important;
}
.story-slide-v151.active{display:block!important}
.story-media-v151{position:absolute!important;inset:0!important;z-index:1!important;width:100%!important;height:100%!important;background:#000!important}
.story-media-v151 img,.story-media-v151 video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
.story-progress-v151{position:absolute!important;top:max(8px,env(safe-area-inset-top))!important;left:70px!important;right:12px!important;z-index:170!important}
.story-close-view-v151{z-index:190!important}
.story-header-v151,.story-owner-head-v153{
position:absolute!important;
top:max(25px,calc(env(safe-area-inset-top) + 17px))!important;
left:70px!important;
right:12px!important;
z-index:171!important;
height:50px!important;
min-height:50px!important;
border-radius:999px!important;
background:linear-gradient(90deg,rgba(20,34,48,.66),rgba(55,73,92,.28))!important;
border:1px solid rgba(255,255,255,.12)!important;
}
.story-slide-v151 .music-badge-v151,
.story-slide-v151 .music-badge-site-v16,
.story-slide-v151 .soundcloud-badge-v154{
position:absolute!important;
z-index:172!important;
top:max(84px,calc(env(safe-area-inset-top) + 76px))!important;
left:12px!important;
right:12px!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
height:58px!important;
min-height:58px!important;
padding:6px 9px!important;
gap:8px!important;
display:grid!important;
grid-template-columns:44px 40px minmax(0,1fr) auto 34px!important;
align-items:center!important;
border-radius:28px!important;
background:linear-gradient(90deg,rgba(28,4,12,.88),rgba(88,25,45,.80))!important;
border:1px solid rgba(255,71,117,.28)!important;
box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
backdrop-filter:blur(14px)!important;
overflow:hidden!important;
}
.story-slide-v151 .soundcloud-badge-v154{grid-template-columns:44px 40px minmax(0,1fr) auto 34px!important}
.story-slide-v151 .music-badge-v151:not(:has(.music-badge-cover-v16))::before,
.story-slide-v151 .music-badge-site-v16:not(:has(.music-badge-cover-v16))::before,
.story-slide-v151 .soundcloud-badge-v154:not(:has(.music-badge-cover-v16))::before{
content:""!important;
width:44px!important;
height:44px!important;
border-radius:50%!important;
background:#130206 url("../img/default-avatar.png") center/cover no-repeat!important;
display:block!important;
grid-column:1!important;
grid-row:1!important;
}
.story-slide-v151 .music-badge-cover-v16{
display:block!important;
width:44px!important;
height:44px!important;
min-width:44px!important;
border-radius:50%!important;
object-fit:cover!important;
}
.story-slide-v151 .music-play{
display:grid!important;
place-items:center!important;
width:40px!important;
height:40px!important;
min-width:40px!important;
border-radius:50%!important;
background:linear-gradient(135deg,#ff2d68,#ff6aa7)!important;
color:#fff!important;
font-size:.78rem!important;
box-shadow:0 10px 24px rgba(255,45,104,.34)!important;
}
.story-slide-v151 .music-info-v151{min-width:0!important;display:block!important;overflow:hidden!important}
.story-slide-v151 .music-title-use-v162{
width:100%!important;
max-width:100%!important;
display:block!important;
padding:0!important;
margin:0!important;
border:0!important;
background:transparent!important;
color:#fff!important;
font-size:.86rem!important;
font-weight:1000!important;
line-height:1.05!important;
overflow:hidden!important;
white-space:nowrap!important;
text-align:left!important;
text-decoration:none!important;
}
.story-slide-v151 .music-title-use-v162:after{content:''!important}
.story-slide-v151 .music-info-v151>span{
display:block!important;
margin-top:3px!important;
color:#ffd4df!important;
font-size:.72rem!important;
font-weight:900!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.story-slide-v151 .music-title-marquee-v163>span{padding-left:0!important;animation:none!important;transform:none!important}
.story-slide-v151 .music-use-audio-v166{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:36px!important;
max-width:92px!important;
padding:0 11px!important;
border-radius:999px!important;
background:rgba(255,255,255,.14)!important;
color:#fff!important;
font-size:.72rem!important;
font-weight:1000!important;
white-space:nowrap!important;
}
.story-slide-v151 .music-badge-fav-v162{
display:grid!important;
place-items:center!important;
width:34px!important;
height:34px!important;
min-width:34px!important;
border-radius:50%!important;
background:rgba(255,255,255,.14)!important;
color:#fff!important;
}
.story-slide-v151 .music-wave-v151{display:none!important}
.story-quick-reactions-v169{display:none!important}
.story-actions-v151{
position:absolute!important;
left:12px!important;
right:12px!important;
bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px))!important;
z-index:175!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
min-height:54px!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
backdrop-filter:none!important;
}
.story-reply-v151{
flex:1!important;
min-width:0!important;
margin-right:62px!important;
height:54px!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
padding:7px!important;
border-radius:999px!important;
background:rgba(0,0,0,.48)!important;
border:1px solid rgba(255,255,255,.18)!important;
backdrop-filter:blur(14px)!important;
}
.story-reply-v151 input{
flex:1!important;
min-width:0!important;
height:38px!important;
border:0!important;
border-radius:999px!important;
background:rgba(255,255,255,.10)!important;
color:#fff!important;
padding:0 13px!important;
}
.story-reply-v151 button{
height:38px!important;
max-width:78px!important;
padding:0 12px!important;
border-radius:999px!important;
white-space:nowrap!important;
}
.story-actions-v151 .story-like-form-v151,
.story-actions-v151 .story-like-form-v151.story-like-inline-hidden-v152,
.story-actions-v151 .story-like-form-v151.story-like-inline-hidden-v153{
position:absolute!important;
right:0!important;
bottom:0!important;
display:block!important;
margin:0!important;
z-index:2!important;
}
.story-actions-v151 .story-like-form-v151 button{
width:54px!important;
height:54px!important;
min-width:54px!important;
padding:0!important;
display:grid!important;
place-items:center!important;
border-radius:50%!important;
border:1px solid rgba(255,255,255,.18)!important;
background:linear-gradient(135deg,#ff174d,#ff6fa8)!important;
color:#fff!important;
font-size:1.25rem!important;
box-shadow:0 14px 36px rgba(255,23,77,.38)!important;
}
.story-insights-toggle-v170{
position:absolute!important;
right:14px!important;
bottom:max(18px,calc(env(safe-area-inset-bottom) + 14px))!important;
z-index:176!important;
width:52px!important;
height:52px!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(255,255,255,.16)!important;
border-radius:50%!important;
background:rgba(0,0,0,.54)!important;
color:#fff!important;
font-size:1.25rem!important;
box-shadow:0 14px 38px rgba(0,0,0,.36)!important;
backdrop-filter:blur(14px)!important;
cursor:pointer!important;
}
.story-insights-toggle-v170[aria-expanded="true"]{background:#fff!important;color:#111!important}
.story-insights-sheet-v170{
position:absolute!important;
left:10px!important;
right:10px!important;
bottom:max(96px,calc(env(safe-area-inset-bottom) + 92px))!important;
z-index:190!important;
display:none!important;
grid-template-rows:auto minmax(0,1fr)!important;
gap:8px!important;
max-height:min(48dvh,360px)!important;
padding:18px 14px 14px!important;
border-radius:26px!important;
background:linear-gradient(135deg,rgba(18,28,38,.94),rgba(10,10,14,.94))!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 24px 80px rgba(0,0,0,.48)!important;
backdrop-filter:blur(18px)!important;
overflow:hidden!important;
}
.story-insights-sheet-v170.is-open{display:grid!important}
.story-insights-sheet-v170:not(.is-open){display:none!important}
.story-insights-close-v170{
position:absolute!important;
right:10px!important;
top:8px!important;
width:34px!important;
height:34px!important;
border:0!important;
border-radius:50%!important;
background:rgba(255,255,255,.10)!important;
color:#fff!important;
font-size:1.35rem!important;
line-height:1!important;
}
.story-insights-sheet-v170 .story-insights-title-v169{
min-height:34px!important;
padding:0 38px 0 8px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
color:#fff!important;
font-size:0!important;
font-weight:1000!important;
}
.story-insights-sheet-v170 .story-insights-title-v169:before{
content:"\1F441 Visualizacoes e curtidas"!important;
font-size:1rem!important;
}
.story-insights-sheet-v170 .story-people-v151{
display:grid!important;
gap:10px!important;
min-height:0!important;
max-height:calc(min(48dvh,360px) - 64px)!important;
padding:0!important;
overflow-y:auto!important;
background:transparent!important;
}
.story-insights-sheet-v170 .story-people-summary-v169 span{
min-height:64px!important;
border-radius:20px!important;
background:rgba(255,255,255,.09)!important;
}
.story-insights-sheet-v170 .story-empty-views-v169{
padding:16px!important;
border-radius:20px!important;
font-size:.95rem!important;
}
.story-insights-sheet-v170 .story-people-v151 a{
min-height:54px!important;
padding:8px!important;
border-radius:16px!important;
}
.story-insights-sheet-v170 .story-people-v151 img{width:38px!important;height:38px!important}
.story-nav-v151{z-index:120!important}
@media(max-width:760px){
.story-view-v151{display:block!important;padding:0!important}
.story-slide-v151{
width:100vw!important;
height:100dvh!important;
max-width:100vw!important;
max-height:100dvh!important;
border-radius:0!important;
aspect-ratio:auto!important;
box-shadow:none!important;
}
.story-progress-v151{left:58px!important;right:12px!important}
.story-header-v151,.story-owner-head-v153{left:58px!important;right:12px!important}
.story-slide-v151 .music-badge-v151,
.story-slide-v151 .music-badge-site-v16,
.story-slide-v151 .soundcloud-badge-v154{
top:max(82px,calc(env(safe-area-inset-top) + 74px))!important;
left:10px!important;
right:10px!important;
height:56px!important;
min-height:56px!important;
grid-template-columns:42px 38px minmax(0,1fr) auto 32px!important;
gap:7px!important;
padding:6px 8px!important;
}
.story-slide-v151 .soundcloud-badge-v154{grid-template-columns:42px 38px minmax(0,1fr) auto 32px!important}
.story-slide-v151 .music-badge-v151:not(:has(.music-badge-cover-v16))::before,
.story-slide-v151 .music-badge-site-v16:not(:has(.music-badge-cover-v16))::before,
.story-slide-v151 .soundcloud-badge-v154:not(:has(.music-badge-cover-v16))::before{width:42px!important;height:42px!important}
.story-slide-v151 .music-badge-cover-v16{width:42px!important;height:42px!important;min-width:42px!important}
.story-slide-v151 .music-play{width:38px!important;height:38px!important;min-width:38px!important}
.story-slide-v151 .music-use-audio-v166{height:34px!important;max-width:86px!important;padding:0 9px!important;font-size:.68rem!important}
.story-slide-v151 .music-badge-fav-v162{width:32px!important;height:32px!important;min-width:32px!important}
.story-actions-v151{left:10px!important;right:10px!important;bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px))!important}
.story-reply-v151{margin-right:60px!important}
.story-actions-v151 .story-like-form-v151 button,.story-insights-toggle-v170{width:52px!important;height:52px!important}
.story-insights-sheet-v170{left:8px!important;right:8px!important;bottom:max(72px,calc(env(safe-area-inset-bottom) + 68px))!important;max-height:min(50dvh,370px)!important}
}
@media(max-width:370px){
.story-slide-v151 .music-badge-v151,
.story-slide-v151 .music-badge-site-v16{grid-template-columns:38px 36px minmax(0,1fr) 72px 30px!important;gap:6px!important}
.story-slide-v151 .music-badge-cover-v16{width:38px!important;height:38px!important;min-width:38px!important}
.story-slide-v151 .music-play{width:36px!important;height:36px!important;min-width:36px!important}
.story-slide-v151 .music-title-use-v162{font-size:.78rem!important}
.story-slide-v151 .music-info-v151>span{font-size:.66rem!important}
.story-slide-v151 .music-use-audio-v166{max-width:72px!important;font-size:.62rem!important;padding:0 7px!important}
.story-reply-v151 button{max-width:68px!important;padding:0 9px!important}
}
/* V17.3 Android bottom clearance + Instagram-like story flow */
.story-slide-v151.story-enter-next{animation:sfStoryEnterNextV17 .26s cubic-bezier(.2,.8,.2,1) both!important}
.story-slide-v151.story-enter-prev{animation:sfStoryEnterPrevV17 .26s cubic-bezier(.2,.8,.2,1) both!important}
.story-slide-v151.story-exit-next{display:block!important;animation:sfStoryExitNextV17 .22s ease both!important}
.story-slide-v151.story-exit-prev{display:block!important;animation:sfStoryExitPrevV17 .22s ease both!important}
@keyframes sfStoryEnterNextV17{from{opacity:.18;transform:translateX(26px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes sfStoryEnterPrevV17{from{opacity:.18;transform:translateX(-26px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes sfStoryExitNextV17{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-22px) scale(.985)}}
@keyframes sfStoryExitPrevV17{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(22px) scale(.985)}}
.story-ring-v158.seen .story-avatar-wrap,
.stories-bar-v158 .story-ring-v158.seen .story-avatar-wrap{
background:rgba(255,255,255,.10)!important;
box-shadow:none!important;
}
.story-ring-v158.seen img,
.stories-bar-v158 .story-ring-v158.seen img{
border-color:rgba(255,255,255,.16)!important;
box-shadow:none!important;
filter:saturate(.62)!important;
opacity:.72!important;
}
.story-ring-v158.seen .story-avatar-wrap:after{display:none!important}
@media(max-width:760px){
.story-actions-v151{
bottom:max(96px,calc(env(safe-area-inset-bottom) + 92px))!important;
}
.story-insights-toggle-v170{
bottom:max(96px,calc(env(safe-area-inset-bottom) + 92px))!important;
}
.story-insights-sheet-v170{
bottom:max(164px,calc(env(safe-area-inset-bottom) + 160px))!important;
max-height:min(42dvh,330px)!important;
}
.story-nav-v151{top:55%!important}
.story-view-v151:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:74px;
z-index:130;
pointer-events:none;
background:linear-gradient(0deg,rgba(0,0,0,.58),rgba(0,0,0,0))!important;
}
}
/* V18 photo-first stories: remove frosted blocks and put music in the header */
.story-media-v151 img,.story-media-v151 video{
object-fit:contain!important;
object-position:center center!important;
background:#000!important;
}
.story-header-v151,.story-owner-head-v153{
height:70px!important;
min-height:70px!important;
padding:0 4px 0 0!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
overflow:visible!important;
}
.story-header-v151>a:first-child{
width:50px!important;
height:50px!important;
min-width:50px!important;
flex:0 0 50px!important;
filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))!important;
}
.story-header-v151 img,.story-owner-head-v153 img{
width:50px!important;
height:50px!important;
min-width:50px!important;
}
.story-header-v151>div{
flex:0 1 auto!important;
min-width:96px!important;
max-width:42%!important;
overflow:hidden!important;
filter:drop-shadow(0 3px 8px rgba(0,0,0,.65))!important;
}
.story-header-v151 strong{
display:block!important;
max-width:100%!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
color:#fff!important;
font-size:clamp(1rem,4.2vw,1.42rem)!important;
line-height:1!important;
text-shadow:0 2px 7px rgba(0,0,0,.85)!important;
}
.story-header-v151 small{
display:block!important;
color:#fff!important;
font-size:clamp(.82rem,3.5vw,1.12rem)!important;
font-weight:900!important;
text-shadow:0 2px 7px rgba(0,0,0,.85)!important;
}
.story-music-head-v18{
flex:1 1 0!important;
min-width:86px!important;
max-width:100%!important;
display:grid!important;
gap:2px!important;
color:#fff!important;
text-decoration:none!important;
text-transform:uppercase!important;
overflow:hidden!important;
text-shadow:0 3px 8px rgba(0,0,0,.85),0 0 3px rgba(0,0,0,.9)!important;
}
.story-music-title-v18{
display:block!important;
width:100%!important;
overflow:hidden!important;
white-space:nowrap!important;
font-size:clamp(1.08rem,5.4vw,2rem)!important;
font-weight:1000!important;
line-height:.96!important;
letter-spacing:0!important;
}
.story-music-title-v18>span{
display:inline-block!important;
min-width:max-content!important;
padding-right:80px!important;
animation:sfStoryMusicMarqueeV18 9s linear infinite!important;
}
.story-music-head-v18 small{
display:block!important;
max-width:100%!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
color:#fff!important;
font-size:clamp(.9rem,4.2vw,1.55rem)!important;
font-weight:1000!important;
line-height:.95!important;
}
.story-audio-runtime-v18{
position:absolute!important;
left:0!important;
bottom:0!important;
width:1px!important;
height:1px!important;
opacity:0!important;
overflow:hidden!important;
pointer-events:none!important;
z-index:-1!important;
}
.story-audio-runtime-v18 .music-badge-v151,
.story-audio-runtime-v18 .music-badge-site-v16,
.story-audio-runtime-v18 .soundcloud-badge-v154{
position:static!important;
display:block!important;
width:1px!important;
height:1px!important;
min-height:0!important;
padding:0!important;
margin:0!important;
opacity:0!important;
pointer-events:none!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
overflow:hidden!important;
}
.story-slide-v151>.music-badge-v151,
.story-slide-v151>.music-badge-site-v16,
.story-slide-v151>.soundcloud-badge-v154{display:none!important}
.story-close-view-v151{
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
@keyframes sfStoryMusicMarqueeV18{
0%,18%{transform:translateX(0)}
100%{transform:translateX(-55%)}
}
@media(max-width:760px){
.story-header-v151,.story-owner-head-v153{top:max(28px,calc(env(safe-area-inset-top) + 20px))!important;left:108px!important;right:10px!important}
.story-header-v151>a:first-child,.story-header-v151 img,.story-owner-head-v153 img{width:48px!important;height:48px!important;min-width:48px!important}
.story-header-v151>div{min-width:86px!important;max-width:36%!important}
.story-progress-v151{left:108px!important;right:10px!important}
}
@media(max-width:390px){
.story-header-v151,.story-owner-head-v153{left:100px!important;gap:8px!important}
.story-progress-v151{left:100px!important}
.story-header-v151>div{min-width:76px!important;max-width:34%!important}
.story-music-title-v18{font-size:clamp(1rem,5vw,1.45rem)!important}
.story-music-head-v18 small{font-size:clamp(.82rem,3.9vw,1.1rem)!important}
}
/* V19 fullscreen music player from the music tab */
body.music-full-open-v18{
overflow:hidden!important;
}
.music-card-v16 .music-card-main{
cursor:pointer;
}
.music-card-playing-v18{
outline:1px solid rgba(255,106,0,.72)!important;
box-shadow:0 0 28px rgba(255,106,0,.22)!important;
}
.music-full-player-v18{
position:fixed;
inset:0;
z-index:10000;
display:grid;
grid-template-rows:auto minmax(0,1fr) auto;
color:#fff;
background:#050505;
opacity:0;
pointer-events:none;
visibility:hidden;
transform:translateY(18px);
transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
overflow:hidden;
--music-progress:0%;
}
.music-full-player-v18.is-open{
opacity:1;
pointer-events:auto;
visibility:visible;
transform:translateY(0);
}
.music-full-bg-v18{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
opacity:.74;
z-index:0;
}
.music-full-shade-v18{
position:absolute;
inset:0;
z-index:1;
background:
linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.20) 34%,rgba(0,0,0,.36) 63%,rgba(0,0,0,.92)),
radial-gradient(circle at 50% 40%,rgba(255,106,0,.16),transparent 42%);
}
.music-full-close-v18{
position:absolute;
top:max(14px,env(safe-area-inset-top));
right:16px;
z-index:4;
width:54px;
height:54px;
border:0;
border-radius:50%;
background:rgba(255,255,255,.92);
color:#111;
font-size:2.2rem;
line-height:1;
font-weight:1000;
display:grid;
place-items:center;
cursor:pointer;
box-shadow:0 12px 32px rgba(0,0,0,.35);
}
.music-full-top-v18{
position:relative;
z-index:3;
align-self:start;
min-width:0;
padding:max(22px,calc(env(safe-area-inset-top) + 12px)) 86px 10px 18px;
display:grid;
gap:6px;
text-shadow:0 2px 8px rgba(0,0,0,.86),0 0 2px #000;
}
.music-full-top-v18 strong,
.music-full-top-v18 span,
.music-full-top-v18 small{
display:block;
max-width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.music-full-top-v18 strong{
font-size:clamp(1.28rem,5.9vw,2.7rem);
line-height:.98;
font-weight:1000;
}
.music-full-top-v18 span{
font-size:clamp(1rem,4.5vw,1.65rem);
font-weight:950;
color:#f1edf0;
}
.music-full-top-v18 small{
width:max-content;
max-width:100%;
padding:5px 8px;
border-radius:4px;
background:rgba(0,0,0,.62);
color:#fff;
font-size:clamp(.82rem,3.6vw,1rem);
font-weight:900;
}
.music-full-cover-frame-v18{
position:relative;
z-index:2;
align-self:center;
justify-self:center;
width:min(76vw,430px);
aspect-ratio:1;
margin:8px 0 12px;
border-radius:20px;
overflow:hidden;
box-shadow:0 28px 80px rgba(0,0,0,.48);
}
.music-full-cover-frame-v18 img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.music-full-playerbar-v18{
position:relative;
z-index:3;
display:grid;
grid-template-columns:58px minmax(0,1fr);
grid-template-areas:
"play time"
"wave wave"
"range range";
gap:8px 12px;
padding:8px 18px 10px;
}
.music-full-play-v18{
grid-area:play;
width:54px;
height:54px;
border:0;
border-radius:50%;
background:linear-gradient(135deg,#ff5f00,#ffd33d);
color:#111;
font-size:1.15rem;
font-weight:1000;
display:grid;
place-items:center;
cursor:pointer;
box-shadow:0 14px 34px rgba(255,96,0,.32);
}
.music-full-time-v18{
grid-area:time;
align-self:center;
justify-self:start;
display:flex;
align-items:center;
gap:9px;
padding:7px 10px;
border-radius:8px;
background:rgba(0,0,0,.66);
font-weight:950;
font-size:.95rem;
letter-spacing:0;
}
.music-full-time-v18 b{
width:1px;
height:18px;
background:rgba(255,255,255,.38);
}
.music-full-wave-v18{
grid-area:wave;
position:relative;
height:112px;
display:flex;
align-items:center;
gap:2px;
overflow:hidden;
border-radius:16px;
padding:0 2px;
}
.music-full-wave-v18 i{
position:relative;
z-index:1;
flex:1 1 0;
min-width:2px;
height:calc(var(--h) * 1%);
border-radius:999px;
background:rgba(255,255,255,.78);
}
.music-full-wave-v18:after{
content:"";
position:absolute;
z-index:2;
left:0;
top:0;
bottom:0;
width:var(--music-progress);
background:linear-gradient(90deg,#ff6400,#ffcf42);
mix-blend-mode:multiply;
pointer-events:none;
}
.music-full-range-v18{
grid-area:range;
width:100%;
height:24px;
margin:-20px 0 0;
opacity:.02;
cursor:pointer;
}
.music-full-bottom-v18{
position:relative;
z-index:3;
display:grid;
gap:10px;
padding:4px 16px max(18px,calc(env(safe-area-inset-bottom) + 12px));
}
.music-full-comment-v18{
display:flex!important;
align-items:center!important;
gap:8px!important;
min-height:58px!important;
margin:0!important;
padding:8px 10px!important;
border-radius:999px!important;
border:1px solid rgba(255,255,255,.38)!important;
background:rgba(0,0,0,.48)!important;
box-shadow:0 16px 46px rgba(0,0,0,.26)!important;
}
.music-full-comment-v18 input{
flex:1!important;
min-width:0!important;
height:40px!important;
border:0!important;
border-radius:999px!important;
background:transparent!important;
color:#fff!important;
padding:0 12px!important;
font-size:1rem!important;
}
.music-full-comment-v18 button{
min-height:40px!important;
border:0!important;
border-radius:999px!important;
padding:0 15px!important;
background:#fff!important;
color:#111!important;
font-weight:1000!important;
}
.music-full-actions-v18{
display:flex;
align-items:center;
justify-content:space-around;
gap:10px;
}
.music-full-actions-v18 form{
margin:0!important;
}
.music-full-actions-v18 .mini-btn,
.music-full-actions-v18 button{
min-width:82px!important;
min-height:42px!important;
border:0!important;
border-radius:999px!important;
background:rgba(0,0,0,.44)!important;
color:#fff!important;
font-size:.95rem!important;
font-weight:1000!important;
box-shadow:none!important;
}
.music-full-actions-v18 .liked,
.music-full-actions-v18 .saved{
background:linear-gradient(135deg,#ff5f00,#ff2f7a)!important;
}
@media(max-width:760px){
.music-full-player-v18{
min-height:100dvh;
}
.music-full-top-v18{
padding-left:18px;
padding-right:86px;
}
.music-full-cover-frame-v18{
width:min(78vw,360px);
max-height:38dvh;
}
.music-full-playerbar-v18{
padding-left:16px;
padding-right:16px;
}
.music-full-wave-v18{
height:98px;
}
.music-full-actions-v18 .mini-btn,
.music-full-actions-v18 button{
min-width:0!important;
width:100%!important;
padding:0 12px!important;
font-size:.82rem!important;
}
}
@media(max-width:380px){
.music-full-cover-frame-v18{
width:min(72vw,310px);
max-height:34dvh;
}
.music-full-wave-v18{
height:84px;
}
.music-full-comment-v18{
min-height:52px!important;
}
}
/* V20 cutter: timeline real, sem area fantasma fora do audio */
.music-wave-editor-v151{
--sf-cut-left:0%;
--sf-cut-width:10%;
--sf-cut-progress-left:0%;
--sf-cut-progress-width:0%;
--sf-cut-playhead:0%;
position:relative!important;
overflow:hidden!important;
contain:paint!important;
isolation:isolate!important;
border-radius:22px!important;
background:linear-gradient(180deg,rgba(8,5,10,.92),rgba(25,8,16,.96))!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 16px 44px rgba(0,0,0,.24)!important;
}
.music-wave-editor-v151:before,
.music-wave-editor-v151:after{
display:none!important;
}
.music-wave-editor-v151 .sf-wave-bars-v164,
.music-wave-editor-v151 .sf-wave-bars-v20{
position:absolute!important;
inset:0!important;
z-index:1!important;
display:flex!important;
align-items:flex-end!important;
gap:4px!important;
padding:12px 14px!important;
pointer-events:none!important;
overflow:hidden!important;
}
.music-wave-editor-v151 .sf-wave-bars-v164 i,
.music-wave-editor-v151 .sf-wave-bars-v20 i{
flex:1 1 0!important;
min-width:3px!important;
height:calc(var(--h,42) * 1%)!important;
max-height:100%!important;
border-radius:999px!important;
background:linear-gradient(180deg,rgba(255,216,232,.98),rgba(255,47,122,.35))!important;
opacity:.82!important;
}
.music-wave-editor-v151 [data-safe-selected],
.music-wave-editor-v151 .music-selected-v151{
position:absolute!important;
z-index:3!important;
top:8px!important;
bottom:8px!important;
left:var(--sf-cut-left)!important;
width:var(--sf-cut-width)!important;
max-width:calc(100% - var(--sf-cut-left))!important;
border-radius:18px!important;
background:rgba(255,255,255,.08)!important;
border:3px solid rgba(255,255,255,.96)!important;
box-shadow:0 0 0 1px rgba(255,47,122,.2),0 12px 28px rgba(0,0,0,.22)!important;
pointer-events:none!important;
overflow:hidden!important;
}
.music-wave-editor-v151 .sf-cut-progress-v20{
position:absolute!important;
z-index:2!important;
top:0!important;
bottom:0!important;
left:var(--sf-cut-progress-left)!important;
width:var(--sf-cut-progress-width)!important;
max-width:calc(100% - var(--sf-cut-progress-left))!important;
background:linear-gradient(90deg,#ff6400,#ff2f7a)!important;
opacity:.78!important;
pointer-events:none!important;
}
.music-wave-editor-v151 .sf-cut-playhead-v20{
position:absolute!important;
z-index:4!important;
top:4px!important;
bottom:4px!important;
left:var(--sf-cut-playhead)!important;
width:4px!important;
margin-left:-2px!important;
border-radius:999px!important;
background:#fff!important;
box-shadow:0 0 0 1px rgba(0,0,0,.26),0 0 16px rgba(255,255,255,.8)!important;
opacity:.88!important;
pointer-events:none!important;
}
.music-wave-editor-v151.is-live-v20 .sf-cut-playhead-v20{
opacity:1!important;
}
.music-editor-v151 .sf-cut-readout-v162{
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
}
.music-editor-v151 .sf-cut-readout-v162 span,
.music-editor-v151 .sf-cut-readout-v162 b{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
@media(max-width:430px){
.music-wave-editor-v151{
height:74px!important;
border-radius:20px!important;
}
.music-wave-editor-v151 .sf-wave-bars-v164,
.music-wave-editor-v151 .sf-wave-bars-v20{
gap:3px!important;
padding:11px 12px!important;
}
.music-wave-editor-v151 [data-safe-selected],
.music-wave-editor-v151 .music-selected-v151{
top:7px!important;
bottom:7px!important;
border-radius:17px!important;
}
}
/* V21 final layout authority */
.story-slide-v151 .story-media-v151 img,
.story-slide-v151 .story-media-v151 video{
object-fit:contain!important;
object-position:center!important;
background:#000!important;
}
.story-slide-v151 .story-header-v151,
.story-slide-v151 .story-owner-head-v153{
position:absolute!important;
top:max(22px,calc(env(safe-area-inset-top) + 14px))!important;
left:16px!important;
right:16px!important;
z-index:190!important;
height:auto!important;
min-height:50px!important;
padding:0!important;
display:grid!important;
grid-template-columns:44px minmax(0,1fr)!important;
grid-template-rows:auto auto!important;
column-gap:9px!important;
row-gap:1px!important;
align-items:center!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
overflow:visible!important;
}
.story-slide-v151 .story-header-v151>a:first-child{
grid-column:1!important;
grid-row:1 / 3!important;
width:44px!important;
height:44px!important;
min-width:44px!important;
filter:drop-shadow(0 3px 8px rgba(0,0,0,.8))!important;
}
.story-slide-v151 .story-header-v151 img,
.story-slide-v151 .story-owner-head-v153 img{
width:44px!important;
height:44px!important;
min-width:44px!important;
}
.story-slide-v151 .story-header-v151>div{
grid-column:2!important;
grid-row:1!important;
min-width:0!important;
max-width:100%!important;
overflow:hidden!important;
filter:drop-shadow(0 2px 7px rgba(0,0,0,.85))!important;
}
.story-slide-v151 .story-header-v151 strong{
display:block!important;
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
font-size:.98rem!important;
line-height:1!important;
font-weight:1000!important;
color:#fff!important;
text-shadow:0 2px 6px rgba(0,0,0,.95)!important;
}
.story-slide-v151 .story-header-v151 small{
display:block!important;
color:#fff!important;
font-size:.74rem!important;
line-height:1.05!important;
font-weight:900!important;
text-shadow:0 2px 6px rgba(0,0,0,.95)!important;
}
.story-slide-v151 .story-music-head-v18{
position:absolute!important;
left:53px!important;
right:0!important;
top:31px!important;
width:auto!important;
grid-column:auto!important;
grid-row:auto!important;
min-width:0!important;
max-width:100%!important;
margin:1px 0 0!important;
display:grid!important;
gap:0!important;
overflow:hidden!important;
color:#fff!important;
text-decoration:none!important;
text-transform:uppercase!important;
text-shadow:0 2px 7px rgba(0,0,0,.95)!important;
}
.story-slide-v151 .story-music-title-v18{
display:block!important;
width:100%!important;
overflow:hidden!important;
white-space:nowrap!important;
font-size:.82rem!important;
line-height:1!important;
font-weight:1000!important;
letter-spacing:0!important;
}
.story-slide-v151 .story-music-title-v18>span{
display:inline-block!important;
min-width:max-content!important;
padding-right:40px!important;
animation:sfStoryMusicMarqueeV18 8s linear infinite!important;
}
.story-slide-v151 .story-music-head-v18 small{
display:block!important;
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:#fff!important;
font-size:.7rem!important;
line-height:1!important;
font-weight:1000!important;
}
@media(max-width:760px){
.story-slide-v151 .story-header-v151,
.story-slide-v151 .story-owner-head-v153{
left:88px!important;
right:12px!important;
top:max(24px,calc(env(safe-area-inset-top) + 16px))!important;
grid-template-columns:40px minmax(0,1fr)!important;
}
.story-slide-v151 .story-music-head-v18{
left:49px!important;
right:0!important;
top:29px!important;
}
.story-slide-v151 .story-header-v151>a:first-child,
.story-slide-v151 .story-header-v151 img,
.story-slide-v151 .story-owner-head-v153 img{
width:40px!important;
height:40px!important;
min-width:40px!important;
}
.story-slide-v151 .story-header-v151 strong{font-size:.9rem!important}
.story-slide-v151 .story-header-v151 small{font-size:.68rem!important}
.story-slide-v151 .story-music-title-v18{font-size:.76rem!important}
.story-slide-v151 .story-music-head-v18 small{font-size:.64rem!important}
}
.music-full-player-v18{
--sf-music-stage:min(430px,100vw,calc(100dvh * .5625));
grid-template-columns:minmax(0,1fr) var(--sf-music-stage) minmax(0,1fr)!important;
background:#000!important;
}
.music-full-bg-v18{
inset:0 auto 0 50%!important;
width:var(--sf-music-stage)!important;
height:100%!important;
transform:translateX(-50%)!important;
object-fit:cover!important;
}
.music-full-shade-v18{
left:50%!important;
right:auto!important;
width:var(--sf-music-stage)!important;
transform:translateX(-50%)!important;
}
.music-full-top-v18,
.music-full-cover-frame-v18,
.music-full-playerbar-v18,
.music-full-bottom-v18{
grid-column:2!important;
width:100%!important;
max-width:100%!important;
justify-self:center!important;
}
.music-full-close-v18{
right:calc((100vw - var(--sf-music-stage)) / 2 + 14px)!important;
}
.music-full-top-v18{
padding:clamp(18px,4dvh,28px) 78px 8px 16px!important;
}
.music-full-top-v18 strong{
font-size:clamp(1.2rem,4.6vw,2rem)!important;
}
.music-full-top-v18 span{
font-size:clamp(.9rem,3.4vw,1.2rem)!important;
}
.music-full-cover-frame-v18{
width:min(72%,310px)!important;
margin:0 auto!important;
align-self:center!important;
}
.music-full-playerbar-v18{
grid-template-columns:48px minmax(0,1fr)!important;
padding:8px 16px!important;
}
.music-full-play-v18{
width:46px!important;
height:46px!important;
}
.music-full-wave-v18{
height:76px!important;
}
.music-full-bottom-v18{
padding:4px 16px max(14px,calc(env(safe-area-inset-bottom) + 10px))!important;
}
.music-full-comment-v18{
min-height:50px!important;
}
@media(max-width:760px){
.music-full-player-v18{
--sf-music-stage:100vw;
}
.music-full-cover-frame-v18{
width:min(76vw,330px)!important;
}
.music-full-wave-v18{
height:86px!important;
}
}
.music-editor-v151.show,
.music-editor-ready-v161{
max-width:100%!important;
padding:16px!important;
border-radius:24px!important;
overflow:hidden!important;
}
.music-editor-v151.show .music-wave-editor-v151,
.music-editor-ready-v161 .music-wave-editor-v151{
width:100%!important;
max-width:min(100%,860px)!important;
margin-left:auto!important;
margin-right:auto!important;
height:72px!important;
}
.music-editor-v151 .sf-cut-readout-v162{
max-width:min(100%,860px)!important;
margin-left:auto!important;
margin-right:auto!important;
}
.music-wave-editor-v151 .sf-wave-bars-v21,
.music-wave-editor-v151 .sf-wave-bars-v20,
.music-wave-editor-v151 .sf-wave-bars-v164{
position:absolute!important;
inset:0!important;
display:flex!important;
align-items:flex-end!important;
gap:3px!important;
padding:12px!important;
pointer-events:none!important;
overflow:hidden!important;
z-index:1!important;
}
.music-wave-editor-v151 .sf-wave-bars-v21 i,
.music-wave-editor-v151 .sf-wave-bars-v20 i,
.music-wave-editor-v151 .sf-wave-bars-v164 i{
flex:1!important;
min-width:2px!important;
height:calc(var(--h,44) * 1%)!important;
border-radius:999px!important;
background:linear-gradient(180deg,rgba(255,225,236,.96),rgba(255,47,122,.38))!important;
}
.music-wave-editor-v151 .sf-cut-progress-v21,
.music-wave-editor-v151 .sf-cut-progress-v20{
position:absolute!important;
z-index:2!important;
top:0!important;
bottom:0!important;
left:var(--sf-cut-progress-left,0%)!important;
width:var(--sf-cut-progress-width,0%)!important;
max-width:calc(100% - var(--sf-cut-progress-left,0%))!important;
background:linear-gradient(90deg,#ff6400,#ff2f7a)!important;
opacity:.78!important;
pointer-events:none!important;
}
.music-wave-editor-v151 .sf-cut-playhead-v21,
.music-wave-editor-v151 .sf-cut-playhead-v20{
position:absolute!important;
z-index:5!important;
top:5px!important;
bottom:5px!important;
left:var(--sf-cut-playhead,0%)!important;
width:4px!important;
margin-left:-2px!important;
border-radius:999px!important;
background:#fff!important;
box-shadow:0 0 12px rgba(255,255,255,.78)!important;
pointer-events:none!important;
}
.music-wave-editor-v151 [data-safe-selected]{
z-index:4!important;
left:var(--sf-cut-left,0%)!important;
width:var(--sf-cut-width,10%)!important;
max-width:calc(100% - var(--sf-cut-left,0%))!important;
}
/* V22 real waveform + clean story music placement */
.story-slide-v151 .story-header-v151 .story-music-head-v18{
display:none!important;
}
.story-slide-v151 .story-header-v151,
.story-slide-v151 .story-owner-head-v153{
right:clamp(138px,38vw,176px)!important;
}
.story-slide-v151>.story-music-head-v18{
position:absolute!important;
top:max(48px,calc(env(safe-area-inset-top) + 40px))!important;
left:auto!important;
right:16px!important;
width:clamp(108px,32%,156px)!important;
z-index:194!important;
display:grid!important;
gap:0!important;
min-width:0!important;
max-width:none!important;
overflow:hidden!important;
color:#fff!important;
text-decoration:none!important;
text-transform:uppercase!important;
text-align:left!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
text-shadow:0 2px 7px rgba(0,0,0,.95),0 0 2px #000!important;
pointer-events:auto!important;
}
.story-slide-v151>.story-music-head-v18 .story-music-title-v18{
display:block!important;
width:100%!important;
overflow:hidden!important;
white-space:nowrap!important;
color:#fff!important;
font-size:clamp(.82rem,3.4vw,1.15rem)!important;
line-height:1!important;
font-weight:1000!important;
letter-spacing:0!important;
}
.story-slide-v151>.story-music-head-v18 .story-music-title-v18>span{
display:inline-block!important;
min-width:max-content!important;
padding-right:42px!important;
animation:sfStoryMusicMarqueeV18 8s linear infinite!important;
}
.story-slide-v151>.story-music-head-v18 small{
display:block!important;
width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:#fff!important;
font-size:clamp(.68rem,2.9vw,.9rem)!important;
line-height:1.05!important;
font-weight:950!important;
}
@media(max-width:760px){
.story-slide-v151 .story-header-v151,
.story-slide-v151 .story-owner-head-v153{
right:clamp(136px,38vw,166px)!important;
}
.story-slide-v151>.story-music-head-v18{
top:max(50px,calc(env(safe-area-inset-top) + 42px))!important;
right:16px!important;
width:clamp(104px,31vw,142px)!important;
}
}
@media(max-width:380px){
.story-slide-v151 .story-header-v151,
.story-slide-v151 .story-owner-head-v153{
right:112px!important;
}
.story-slide-v151>.story-music-head-v18{
right:12px!important;
width:104px!important;
}
}
.music-full-close-v18{
font-size:1.55rem!important;
line-height:1!important;
}
.music-full-wave-v18{
--music-progress:0%;
cursor:pointer!important;
touch-action:manipulation!important;
isolation:isolate!important;
background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.26))!important;
}
.music-full-wave-v18.sf-real-wave-v22 i{
z-index:1!important;
background:rgba(235,235,235,.82)!important;
opacity:.96!important;
transition:height .18s ease,background-color .12s linear,opacity .12s linear!important;
}
.music-full-wave-v18.sf-real-wave-v22 i.is-played-v22{
background:linear-gradient(180deg,#ffcf48,#ff6500)!important;
opacity:1!important;
box-shadow:0 0 14px rgba(255,111,0,.22)!important;
}
.music-full-wave-v18.sf-real-wave-v22:after{
display:none!important;
}
.music-full-wave-v18.sf-real-wave-v22:before{
content:""!important;
position:absolute!important;
z-index:3!important;
top:8px!important;
bottom:8px!important;
left:var(--music-progress,0%)!important;
width:3px!important;
margin-left:-1.5px!important;
border-radius:999px!important;
background:#fff!important;
box-shadow:0 0 16px rgba(255,255,255,.86)!important;
pointer-events:none!important;
}
.music-wave-editor-v151{
overflow:hidden!important;
contain:paint!important;
cursor:pointer!important;
touch-action:manipulation!important;
}
.music-wave-editor-v151 .sf-wave-bars-v21.sf-real-wave-v22{
inset:0!important;
overflow:hidden!important;
contain:paint!important;
}
.music-wave-editor-v151 .sf-wave-bars-v21.sf-wave-loading-v22,
.music-wave-editor-v151 .sf-wave-bars-v21.sf-wave-error-v22{
position:absolute!important;
inset:0!important;
display:grid!important;
place-items:center!important;
padding:0 14px!important;
overflow:hidden!important;
z-index:1!important;
color:rgba(255,255,255,.82)!important;
font-size:.82rem!important;
font-weight:1000!important;
text-align:center!important;
pointer-events:none!important;
}
.music-wave-editor-v151 .sf-wave-bars-v21.sf-wave-loading-v22:before{
content:"Carregando ondas reais da musica..."!important;
}
.music-wave-editor-v151 .sf-wave-bars-v21.sf-wave-error-v22:before{
content:"Nao consegui ler as ondas reais desse audio."!important;
}
.music-wave-editor-v151 .sf-wave-bars-v21.sf-real-wave-v22 i{
max-height:100%!important;
background:linear-gradient(180deg,rgba(255,232,241,.98),rgba(255,47,122,.42))!important;
transition:height .18s ease!important;
}
.music-wave-editor-v151 .sf-cut-progress-v21{
overflow:hidden!important;
contain:paint!important;
}
.music-wave-editor-v151 [data-safe-selected],
.music-wave-editor-v151 .music-selected-v151{
overflow:hidden!important;
max-width:calc(100% - var(--sf-cut-left,0%))!important;
}
/* ===== V17.2 música: curtida em tempo real sem pausar áudio ===== */
.music-card-v16 .mini-btn.liked,
.music-card-v16 .like-btn.liked,
.music-full-actions-v18 .mini-btn.liked,
.music-full-actions-v18 button.liked,
.music-full-actions-v18 .music-fav-btn-v162.liked,
.music-card-actions .music-fav-btn-v162.liked{
background:linear-gradient(135deg,#ff1745,#ff8a00)!important;
color:#fff!important;
box-shadow:0 10px 28px rgba(255,47,122,.28)!important;
}
.music-card-v16 form[data-music-action] button:disabled,
.music-full-actions-v18 form[data-music-action] button:disabled,
.music-full-comment-v18 button:disabled{
opacity:.72!important;
cursor:wait!important;
}
.music-card-v16.music-card-playing-v18 .music-card-main{
box-shadow:0 0 0 1px rgba(255,47,122,.28),0 0 26px rgba(255,47,122,.12)!important;
}
/* ===== V17.6 real bars only: mantém editor antigo e só troca alturas das barras ===== */
.sf-reel-editor-v165{display:grid!important;visibility:visible!important;opacity:1!important}
.sf-reel-stage-v165{display:block!important;visibility:visible!important;opacity:1!important;min-height:88px!important}
.sf-reel-strip-v165{display:flex!important;align-items:end!important;visibility:visible!important;opacity:1!important}
.sf-reel-strip-v165 i{display:block!important;opacity:1!important}
.sf-reel-strip-v165.sf-real-reel-wave-v176 i{
background:linear-gradient(180deg,rgba(255,245,249,.98),rgba(255,47,122,.40))!important;
}
.music-editor-v165>.music-editor-head-v151,
.music-editor-v165>.music-wave-editor-v151,
.music-editor-v165>label,
.music-editor-v165>.sf-cut-readout-v162{display:none!important}
/* ===== V17.8 editor sincronizado do início ao fim real da música ===== */
.sf-reel-stage-v165{overflow:hidden!important}
.sf-reel-strip-v165{
width:220%!important;
min-width:220%!important;
max-width:none!important;
display:flex!important;
align-items:flex-end!important;
justify-content:stretch!important;
box-sizing:border-box!important;
}
.sf-reel-strip-v165 i{
flex:1 1 0!important;
width:auto!important;
min-width:2px!important;
max-width:none!important;
margin:0!important;
}
@media(max-width:760px){
.sf-reel-strip-v165{width:235%!important;min-width:235%!important}
.sf-reel-strip-v165 i{min-width:1.5px!important}
}
.sf-reel-playhead-v168{position:absolute!important;z-index:5!important;top:12px!important;bottom:12px!important;width:4px!important;border-radius:999px!important;background:#fff!important;box-shadow:0 0 14px rgba(255,255,255,.55)!important;transform:translateX(-50%)!important;opacity:0!important;pointer-events:none!important;transition:opacity .15s linear!important}
/* ===== V17.10 barrinha móvel real dentro da janela de 30s ===== */
.sf-reel-playhead-v168{display:none!important}
.sf-reel-center-v165{overflow:hidden!important;position:absolute!important}
.sf-reel-center-v165 .sf-reel-live-line-v1710{
position:absolute!important;
z-index:8!important;
top:0!important;
bottom:0!important;
left:var(--sf-live-progress-v1710,0%)!important;
width:5px!important;
transform:translateX(-50%)!important;
border-radius:999px!important;
background:#fff!important;
box-shadow:0 0 16px rgba(255,255,255,.9),0 0 20px rgba(73,255,99,.55)!important;
opacity:0!important;
pointer-events:none!important;
transition:opacity .12s linear!important;
}
.sf-preview-playing-v1710 .sf-reel-center-v165 .sf-reel-live-line-v1710{opacity:1!important}
/* ===== V17.12 recovery: menu seguro e sem corte ===== */
body.logged-in .nav-links{
max-height:calc(100dvh - 118px)!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
padding-bottom:18px!important;
}
body.sf-menu-open .chat-float,
body.sf-menu-open .whatsapp-float{
opacity:0!important;
pointer-events:none!important;
}
@media(min-width:761px){
body.logged-in .nav-links{right:0!important;bottom:auto!important;}
}
.music-tabs-v162 button[data-music-filter="hot"],
.site-music-picker-tabs-v162 button[data-music-filter="hot"]{
position:relative!important;
}
.music-tabs-v162 button[data-music-filter="hot"]::after,
.site-music-picker-tabs-v162 button[data-music-filter="hot"]::after{
content:"🔥";font-size:.8em;margin-left:5px;
}
.music-card-v16.is-playing-v1712 .site-music-play,
.site-music-option.is-playing-v1712 .site-music-play{
background:linear-gradient(135deg,#ffcf48,#ff7a00)!important;color:#140800!important;
}
/* V17.17: autor clicável na tela cheia da música */
.music-full-author-link-v17{color:inherit!important;text-decoration:none!important;font-weight:inherit!important}
.music-full-author-link-v17:hover{text-decoration:underline!important}
/* ===== V17.18 músicas: controles, ouvintes, privacidade ===== */
.sf-music-queue-controls-v18{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:8px 0!important;flex-wrap:wrap!important}
.sf-music-queue-controls-v18 button{border:0!important;border-radius:999px!important;padding:9px 14px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-weight:1000!important;cursor:pointer!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important}
.sf-music-queue-controls-v18 button.active{background:linear-gradient(135deg,#ff174d,#ff8a00)!important;color:#fff!important}
.music-listeners-v18{color:#ffd6e7!important;font-weight:900!important}
.music-card-actions .danger-outline{border-color:rgba(255,70,90,.45)!important;color:#ff9aa8!important;background:rgba(255,30,55,.12)!important}
.soft-divider{border:0!important;border-top:1px solid rgba(255,255,255,.12)!important;margin:14px 0!important}
/* ===== V17.19 fullscreen queue stability ===== */
.sf-music-queue-controls-v18{grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:4px 0 2px!important;min-width:0!important;position:relative!important;z-index:4!important}
.sf-music-queue-controls-v18 button{white-space:nowrap!important;line-height:1!important}
.music-full-playerbar-v18{overflow:visible!important;min-width:0!important}
.music-full-player-v18.is-open{overflow:auto!important}
/* ===== V17.22 chat layout, permissions polish and loading motion ===== */
@keyframes sfLoadingBarV1722{
0%{transform:translateX(-100%) scaleX(.35)}
45%{transform:translateX(-10%) scaleX(.75)}
100%{transform:translateX(120%) scaleX(.35)}
}
@keyframes sfSpinV1722{to{transform:rotate(360deg)}}
@keyframes sfPulseV1722{
0%,100%{opacity:.52;transform:scale(.98)}
50%{opacity:1;transform:scale(1)}
}
@keyframes sfMsgInV1722{
from{opacity:0;transform:translateY(10px) scale(.985)}
to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes sfVoiceV1722{
0%,100%{transform:scaleY(.45);opacity:.55}
50%{transform:scaleY(1);opacity:1}
}
@keyframes sfShimmerV1722{
0%{background-position:180% 0}
100%{background-position:-180% 0}
}
body.sf-network-loading::before{
content:"";
position:fixed;
z-index:999999;
left:0;
top:0;
width:100vw;
height:3px;
transform-origin:left center;
background:linear-gradient(90deg,rgba(255,23,77,0),#ff174d,#ff8a00,rgba(255,138,0,0));
box-shadow:0 0 18px rgba(255,23,77,.55);
animation:sfLoadingBarV1722 1.05s ease-in-out infinite;
pointer-events:none;
}
.sf-form-loading{position:relative!important}
.message-form-v9.sf-form-loading::after,
.music-upload-form-v16.sf-form-loading::after,
.upload-progress-form-v158.sf-form-loading::after,
.post-form.sf-form-loading::after,
.comment-form.sf-form-loading::after{
content:"";
position:absolute;
inset:0;
z-index:4;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(110deg,rgba(255,255,255,0),rgba(255,255,255,.12),rgba(255,255,255,0));
background-size:220% 100%;
animation:sfShimmerV1722 1.1s linear infinite;
}
.sf-submit-loading{position:relative!important;overflow:hidden!important}
.sf-submit-loading::after{
content:"";
position:absolute;
width:16px;
height:16px;
right:9px;
top:50%;
margin-top:-8px;
border-radius:50%;
border:2px solid rgba(255,255,255,.45);
border-top-color:#fff;
animation:sfSpinV1722 .75s linear infinite;
}
.sf-file-preparing{position:relative!important}
.sf-file-preparing::after{
content:"";
position:absolute;
inset:-3px;
border-radius:inherit;
border:1px solid rgba(255,255,255,.18);
box-shadow:0 0 0 0 rgba(255,23,77,.36);
animation:sfPulseV1722 .85s ease-in-out infinite;
pointer-events:none;
}
.upload-progress-v158{
overflow:hidden!important;
border:1px solid rgba(255,255,255,.12)!important;
background:rgba(255,255,255,.07)!important;
box-shadow:inset 0 0 18px rgba(0,0,0,.24),0 10px 26px rgba(255,23,77,.12)!important;
}
.upload-progress-v158 span{
background:linear-gradient(90deg,#ff174d,#ff8a00,#ff5aa6)!important;
background-size:220% 100%!important;
animation:sfShimmerV1722 1.2s linear infinite!important;
box-shadow:0 0 18px rgba(255,92,120,.45)!important;
}
.upload-progress-v158 b{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.42)!important}
.chat-main-v9{
min-height:100dvh!important;
background:
radial-gradient(circle at 20% 4%,rgba(255,23,77,.12),transparent 28%),
radial-gradient(circle at 76% 28%,rgba(255,138,0,.09),transparent 24%),
#030102!important;
}
.chat-app-section{
min-height:calc(100dvh - 92px)!important;
padding-bottom:34px!important;
}
.chat-shell-v9{
box-sizing:border-box!important;
margin-left:auto!important;
margin-right:auto!important;
}
.chat-list-v9,
.chat-window-v9{
border:1px solid rgba(255,255,255,.10)!important;
background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
backdrop-filter:blur(14px)!important;
}
.chat-window-v9{
display:flex!important;
flex-direction:column!important;
min-width:0!important;
overflow:hidden!important;
}
.chat-head-v9{
flex:0 0 auto!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
margin:0!important;
padding:18px 20px!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;
}
.chat-head-v9 .post-top-link{
min-width:0!important;
flex:1 1 auto!important;
}
.chat-head-actions-v9{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:8px!important;
flex-wrap:wrap!important;
}
.chat-head-actions-v9 .mini-btn{
min-height:38px!important;
padding:0 14px!important;
border-radius:999px!important;
}
.messages-box-v9{
flex:1 1 auto!important;
min-height:0!important;
height:auto!important;
max-height:none!important;
overflow-y:auto!important;
overflow-x:hidden!important;
scrollbar-gutter:stable!important;
gap:12px!important;
background:
linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.22)),
radial-gradient(circle at 18% 18%,rgba(255,23,77,.08),transparent 24%)!important;
border-radius:0!important;
}
.messages-box-v9::-webkit-scrollbar{width:10px!important}
.messages-box-v9::-webkit-scrollbar-track{background:rgba(255,255,255,.035)!important}
.messages-box-v9::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22)!important;border-radius:999px!important;border:2px solid rgba(0,0,0,.22)!important}
.messages-box-v9 .small,
.messages-box-v9 .empty-chat-note{
align-self:center!important;
margin:auto!important;
max-width:520px!important;
color:rgba(255,255,255,.72)!important;
text-align:center!important;
font-size:1.05rem!important;
line-height:1.35!important;
}
.message-bubble{
width:max-content!important;
max-width:min(72%,620px)!important;
min-width:0!important;
padding:12px 14px!important;
border:1px solid rgba(255,255,255,.10)!important;
color:#fff!important;
box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
overflow-wrap:anywhere!important;
word-break:break-word!important;
animation:sfMsgInV1722 .18s ease-out both!important;
}
.message-bubble.theirs{
align-self:flex-start!important;
background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.07))!important;
border-radius:20px 20px 20px 6px!important;
}
.message-bubble.mine{
align-self:flex-end!important;
margin-left:auto!important;
background:linear-gradient(135deg,#ff174d,#ff5aa6)!important;
border-radius:20px 20px 6px 20px!important;
cursor:pointer!important;
}
.message-bubble p{
margin:0 0 7px!important;
color:#fff!important;
font-size:1rem!important;
line-height:1.35!important;
}
.message-bubble small{
display:block!important;
color:rgba(255,255,255,.70)!important;
font-weight:800!important;
}
.message-bubble.theirs .message-tools{display:none!important}
.message-tools[hidden]{display:none!important}
.message-bubble.mine .message-tools:not([hidden]){
display:flex!important;
align-items:center!important;
gap:7px!important;
flex-wrap:wrap!important;
margin-top:9px!important;
}
.message-tools form{margin:0!important}
.message-tools button,
.message-tools .mini-btn{
min-height:30px!important;
padding:0 12px!important;
border-radius:999px!important;
border:1px solid rgba(255,255,255,.16)!important;
background:rgba(0,0,0,.20)!important;
color:#fff!important;
font-weight:900!important;
}
.sf-voice-player{
position:relative!important;
width:min(100%,360px)!important;
min-width:230px!important;
border:1px solid rgba(255,255,255,.13)!important;
background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06))!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.20)!important;
}
.sf-voice-play{
box-shadow:0 8px 20px rgba(0,0,0,.25)!important;
}
.sf-voice-bar{
position:relative!important;
height:11px!important;
background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 3px,rgba(255,255,255,.10) 3px 8px)!important;
overflow:hidden!important;
}
.sf-voice-bar::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.24),rgba(255,255,255,0));
transform:translateX(-100%);
opacity:0;
}
.record-wave-v9{
position:relative!important;
overflow:hidden!important;
}
.record-wave-v9::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.16),rgba(255,255,255,0));
transform:translateX(-100%);
opacity:0;
pointer-events:none;
}
.sf-voice-player.sf-audio-playing .sf-voice-bar::after,
.sf-voice-player.preview-voice .sf-voice-bar::after,
.record-panel-v9:not([style*="display:none"]) .record-wave-v9::after{
opacity:1;
animation:sfLoadingBarV1722 1.2s ease-in-out infinite;
}
.sf-voice-player.sf-audio-playing .sf-voice-bar i{
box-shadow:0 0 14px rgba(255,255,255,.85)!important;
}
.record-wave-v9 span{
transform-origin:center!important;
animation:sfVoiceV1722 .72s ease-in-out infinite!important;
}
.record-wave-v9 span:nth-child(2){animation-delay:.12s!important}
.record-wave-v9 span:nth-child(3){animation-delay:.24s!important}
.music-card-v16.sf-audio-loading,
.site-music-option.sf-audio-loading{
position:relative!important;
}
.music-card-v16.sf-audio-loading::after,
.site-music-option.sf-audio-loading::after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(110deg,rgba(255,255,255,0),rgba(255,255,255,.10),rgba(255,255,255,0));
background-size:220% 100%;
animation:sfShimmerV1722 1s linear infinite;
}
@media(min-width:761px){
.chat-shell-v9{
width:min(1180px,calc(100vw - 80px))!important;
max-width:1180px!important;
grid-template-columns:minmax(260px,320px) minmax(540px,1fr)!important;
justify-content:center!important;
align-items:stretch!important;
gap:22px!important;
min-height:calc(100dvh - 230px)!important;
padding-bottom:32px!important;
}
.chat-list-v9,
.chat-window-v9{
width:auto!important;
max-width:none!important;
height:min(720px,calc(100dvh - 210px))!important;
min-height:520px!important;
max-height:none!important;
aspect-ratio:auto!important;
border-radius:28px!important;
}
.chat-list-v9{
overflow-y:auto!important;
padding:24px!important;
}
.chat-window-v9{
max-width:820px!important;
}
.messages-box-v9{
padding:18px!important;
}
.message-form-v9{
flex:0 0 auto!important;
position:relative!important;
bottom:auto!important;
display:block!important;
width:auto!important;
max-width:none!important;
margin:0!important;
padding:16px!important;
border-radius:0 0 28px 28px!important;
border-top:1px solid rgba(255,255,255,.10)!important;
background:linear-gradient(180deg,rgba(25,2,8,.96),rgba(14,1,5,.98))!important;
}
.chat-input-row-v9{
display:grid!important;
grid-template-columns:52px minmax(0,1fr) 52px 56px!important;
gap:10px!important;
align-items:end!important;
}
.chat-input-row-v9 textarea{
min-width:0!important;
min-height:58px!important;
max-height:140px!important;
resize:vertical!important;
}
.wa-clip-v9,.wa-mic-v9,.wa-send-v9{
width:52px!important;
height:52px!important;
min-width:52px!important;
min-height:52px!important;
}
}
@media(max-width:760px){
.chat-app-section{
min-height:calc(100dvh - 78px)!important;
padding-bottom:max(14px,env(safe-area-inset-bottom))!important;
}
.chat-shell-v9{
width:100%!important;
max-width:100%!important;
display:block!important;
min-height:0!important;
padding:0 10px max(14px,env(safe-area-inset-bottom))!important;
}
.chat-list-v9{
display:none!important;
}
.chat-window-v9{
width:100%!important;
max-width:100%!important;
height:calc(100dvh - 285px)!important;
min-height:0!important;
max-height:760px!important;
border-radius:22px!important;
aspect-ratio:auto!important;
}
.chat-head-v9{
padding:12px!important;
gap:10px!important;
}
.chat-head-actions-v9{
display:none!important;
}
.messages-box-v9{
padding:12px!important;
}
.message-bubble{
max-width:88%!important;
padding:11px 12px!important;
}
.message-form-v9{
flex:0 0 auto!important;
position:relative!important;
bottom:auto!important;
display:block!important;
width:auto!important;
margin:0!important;
padding:10px 10px max(14px,env(safe-area-inset-bottom))!important;
border-radius:0 0 22px 22px!important;
border-top:1px solid rgba(255,255,255,.10)!important;
background:rgba(13,1,5,.98)!important;
}
.chat-input-row-v9{
display:grid!important;
grid-template-columns:46px minmax(0,1fr) 46px 50px!important;
gap:7px!important;
align-items:end!important;
}
.chat-input-row-v9 textarea{
min-width:0!important;
min-height:50px!important;
max-height:112px!important;
padding:13px 14px!important;
border-radius:18px!important;
resize:none!important;
}
.wa-clip-v9,.wa-mic-v9,.wa-send-v9{
width:46px!important;
height:46px!important;
min-width:46px!important;
min-height:46px!important;
font-size:1.05rem!important;
}
.record-panel-v9{
margin-top:8px!important;
padding:9px!important;
border-radius:18px!important;
}
.sf-voice-player{
width:min(100%,290px)!important;
min-width:190px!important;
grid-template-columns:38px minmax(0,1fr) 46px!important;
padding:8px!important;
}
.sf-voice-play{
width:38px!important;
height:38px!important;
}
}
@media(max-width:420px){
.chat-window-v9{
height:calc(100dvh - 260px)!important;
min-height:0!important;
}
.chat-shell-v9{padding-left:8px!important;padding-right:8px!important}
.chat-input-row-v9{
grid-template-columns:44px minmax(0,1fr) 44px 48px!important;
gap:6px!important;
}
.wa-clip-v9,.wa-mic-v9,.wa-send-v9{
width:44px!important;
height:44px!important;
min-width:44px!important;
min-height:44px!important;
}
}
@media(prefers-reduced-motion:reduce){
body.sf-network-loading::before,
.sf-submit-loading::after,
.upload-progress-v158 span,
.message-bubble,
.sf-file-preparing::after,
.message-form-v9.sf-form-loading::after,
.music-upload-form-v16.sf-form-loading::after,
.record-wave-v9 span,
.sf-voice-player.sf-audio-playing .sf-voice-bar::after{
animation:none!important;
}
}
/* ===== V17.23 music switch motion ===== */
@keyframes sfMusicSwitchFullV23{
0%{opacity:.78;transform:translateY(10px) scale(.985);filter:saturate(.8) brightness(.9)}
58%{opacity:1;transform:translateY(-2px) scale(1.006);filter:saturate(1.18) brightness(1.08)}
100%{opacity:1;transform:translateY(0) scale(1);filter:none}
}
@keyframes sfMusicSwitchCoverV23{
0%{opacity:.28;transform:translateX(26px) scale(.92) rotate(1.8deg);filter:blur(9px) brightness(1.25)}
62%{opacity:1;transform:translateX(-3px) scale(1.025) rotate(-.4deg);filter:blur(0) brightness(1.08)}
100%{opacity:1;transform:translateX(0) scale(1) rotate(0);filter:none}
}
@keyframes sfMusicSwitchTextV23{
0%{opacity:0;transform:translateY(12px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes sfMusicSwitchWaveV23{
0%{opacity:.38;transform:scaleX(.72)}
54%{opacity:1;transform:scaleX(1.035)}
100%{opacity:1;transform:scaleX(1)}
}
@keyframes sfMusicSwitchCardInV23{
0%{transform:translateY(12px) scale(.975);box-shadow:0 0 0 rgba(255,23,77,0)}
50%{transform:translateY(-2px) scale(1.012);box-shadow:0 0 34px rgba(255,23,77,.34)}
100%{transform:translateY(0) scale(1);box-shadow:0 0 0 rgba(255,23,77,0)}
}
@keyframes sfMusicSwitchCardOutV23{
0%{opacity:1;transform:scale(1)}
100%{opacity:.74;transform:scale(.985)}
}
.music-full-player-v18.sf-music-switching-v22{
animation:sfMusicSwitchFullV23 .48s ease-out both!important;
}
.music-full-player-v18.sf-music-switching-v22 .music-full-cover-frame-v18{
animation:sfMusicSwitchCoverV23 .56s cubic-bezier(.2,.8,.2,1) both!important;
}
.music-full-player-v18.sf-music-switching-v22 .music-full-bg-v18{
animation:sfMusicSwitchCoverV23 .62s ease-out both!important;
}
.music-full-player-v18.sf-music-switching-v22 .music-full-top-v18 strong,
.music-full-player-v18.sf-music-switching-v22 .music-full-top-v18 span,
.music-full-player-v18.sf-music-switching-v22 .music-full-top-v18 small{
animation:sfMusicSwitchTextV23 .34s ease-out both!important;
}
.music-full-player-v18.sf-music-switching-v22 .music-full-top-v18 span{animation-delay:.04s!important}
.music-full-player-v18.sf-music-switching-v22 .music-full-top-v18 small{animation-delay:.08s!important}
.music-full-player-v18.sf-music-switching-v22 .music-full-wave-v18{
transform-origin:center!important;
animation:sfMusicSwitchWaveV23 .48s ease-out both!important;
}
.music-card-v16.sf-music-switch-to-v22,
.site-music-option.sf-music-switch-to-v22{
animation:sfMusicSwitchCardInV23 .48s ease-out both!important;
outline:1px solid rgba(255,138,0,.42)!important;
}
.music-card-v16.sf-music-switch-from-v22,
.site-music-option.sf-music-switch-from-v22{
animation:sfMusicSwitchCardOutV23 .28s ease-out both!important;
}
.music-card-v16.sf-music-switch-to-v22 .site-music-play,
.site-music-option.sf-music-switch-to-v22 .site-music-play{
box-shadow:0 0 0 6px rgba(255,138,0,.16),0 12px 28px rgba(255,23,77,.24)!important;
}
@media(prefers-reduced-motion:reduce){
.music-full-player-v18.sf-music-switching-v22,
.music-full-player-v18.sf-music-switching-v22 .music-full-cover-frame-v18,
.music-full-player-v18.sf-music-switching-v22 .music-full-bg-v18,
.music-full-player-v18.sf-music-switching-v22 .music-full-top-v18 strong,
.music-full-player-v18.sf-music-switching-v22 .music-full-top-v18 span,
.music-full-player-v18.sf-music-switching-v22 .music-full-top-v18 small,
.music-full-player-v18.sf-music-switching-v22 .music-full-wave-v18,
.music-card-v16.sf-music-switch-to-v22,
.site-music-option.sf-music-switch-to-v22,
.music-card-v16.sf-music-switch-from-v22,
.site-music-option.sf-music-switch-from-v22{
animation:none!important;
}
}
/* ===== V17.24 private admin panel ===== */
.admin-main{
min-height:100dvh;
padding:34px 0 64px;
background:
radial-gradient(circle at 12% 0,rgba(255,23,77,.16),transparent 28%),
radial-gradient(circle at 88% 18%,rgba(255,138,0,.10),transparent 30%),
#050101;
}
.admin-hero{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:22px;
margin-bottom:20px;
}
.admin-hero h1{
margin:12px 0 8px;
font-size:clamp(2.2rem,6vw,4.4rem);
line-height:.92;
font-weight:1000;
text-transform:uppercase;
}
.admin-hero p{
max-width:760px;
margin:0;
color:#d8cfd3;
line-height:1.5;
}
.admin-owner-card{
flex:0 0 auto;
display:flex;
align-items:center;
gap:12px;
min-width:min(360px,100%);
padding:12px;
border:1px solid rgba(255,255,255,.12);
border-radius:18px;
background:rgba(255,255,255,.06);
}
.admin-owner-card img{
width:58px;
height:58px;
border-radius:50%;
object-fit:cover;
}
.admin-owner-card img.default-avatar{object-fit:contain}
.admin-owner-card strong,
.admin-owner-card span{
display:block;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.admin-owner-card span{color:#cabec3;font-size:.9rem}
.admin-grid-metrics{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
margin-bottom:18px;
}
.admin-metric{
min-height:126px;
padding:18px;
border-radius:20px;
border:1px solid rgba(255,255,255,.10);
background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
box-shadow:0 18px 50px rgba(0,0,0,.28);
}
.admin-metric span,
.admin-metric small{
display:block;
color:#cbbfc5;
font-weight:850;
}
.admin-metric strong{
display:block;
margin:8px 0 4px;
font-size:clamp(1.75rem,4vw,3.2rem);
line-height:1;
font-weight:1000;
}
.admin-panels{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:18px;
}
.admin-panel{
padding:18px;
border-radius:24px;
background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;
}
.admin-wide{grid-column:1 / -1}
.admin-panel-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin-bottom:14px;
}
.admin-panel-head h2{
margin:0;
font-size:1.15rem;
text-transform:uppercase;
}
.admin-panel-head span{
flex:0 0 auto;
border-radius:999px;
padding:7px 10px;
background:rgba(255,23,77,.16);
color:#ffd2dc;
font-weight:950;
font-size:.82rem;
}
.admin-table-wrap{
width:100%;
overflow:auto;
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
}
.admin-table{
width:100%;
min-width:1120px;
border-collapse:collapse;
}
.admin-table th,
.admin-table td{
padding:12px;
border-bottom:1px solid rgba(255,255,255,.075);
text-align:left;
vertical-align:middle;
color:#f8f1f4;
}
.admin-table th{
position:sticky;
top:0;
z-index:1;
background:#130307;
color:#ffccd8;
font-size:.78rem;
text-transform:uppercase;
}
.admin-user-cell,
.admin-list-item{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.admin-user-cell img,
.admin-list-item img{
width:42px;
height:42px;
border-radius:50%;
object-fit:cover;
background:#120307;
border:1px solid rgba(255,255,255,.12);
}
.admin-user-cell img.default-avatar,
.admin-list-item img.default-avatar{object-fit:contain}
.admin-user-cell span,
.admin-list-item span{
min-width:0;
display:block;
}
.admin-user-cell strong,
.admin-user-cell small,
.admin-list-item strong,
.admin-list-item small{
display:block;
max-width:330px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.admin-user-cell small,
.admin-list-item small{
color:#cdbfc5;
font-size:.82rem;
}
.admin-status,
.admin-chip{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
border-radius:999px;
padding:0 10px;
margin-right:5px;
font-size:.78rem;
font-weight:1000;
}
.admin-status.online{background:rgba(0,255,135,.16);color:#79ffbf}
.admin-status.offline{background:rgba(255,255,255,.08);color:#d5ccd1}
.admin-chip{background:linear-gradient(135deg,#ff174d,#ff8a00);color:#fff}
.admin-list{
display:grid;
gap:9px;
max-height:440px;
overflow:auto;
padding-right:4px;
}
.admin-list-item{
padding:10px;
border:1px solid rgba(255,255,255,.08);
border-radius:16px;
background:rgba(0,0,0,.20);
}
.admin-list-item b{
margin-left:auto;
color:#ffcfdd;
font-size:.82rem;
white-space:nowrap;
}
.admin-kv,
.admin-server-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}
.admin-kv p,
.admin-server-grid p{
margin:0;
padding:13px;
border-radius:16px;
border:1px solid rgba(255,255,255,.08);
background:rgba(0,0,0,.18);
}
.admin-kv span,
.admin-server-grid span{
display:block;
color:#cdbfc5;
font-size:.82rem;
font-weight:850;
}
.admin-kv strong,
.admin-server-grid strong{
display:block;
margin-top:4px;
font-size:1.14rem;
}
.admin-report{
padding:12px;
border-radius:16px;
background:rgba(0,0,0,.20);
border:1px solid rgba(255,255,255,.08);
}
.admin-report strong{
display:flex;
justify-content:space-between;
gap:10px;
}
.admin-report strong span{
color:#ffccdc;
font-size:.8rem;
}
.admin-report strong span.ok{color:#7dffc1}
.admin-report p{
margin:8px 0;
color:#f5edf1;
line-height:1.35;
}
.admin-report small{color:#cdbfc5}
.admin-chip.danger{background:rgba(255,23,77,.22);color:#ffccd8}
.admin-inline-form{
display:flex;
align-items:center;
gap:6px;
min-width:220px;
}
.admin-inline-form input{
width:170px;
min-height:32px;
border-radius:10px;
border:1px solid rgba(255,255,255,.12);
background:rgba(0,0,0,.22);
color:#fff;
padding:0 9px;
font-size:.78rem;
}
.admin-reported-list,
.admin-post-list,
.admin-appeal-list{
display:grid;
gap:12px;
}
.banned-profile-card{
max-width:760px;
margin:0 auto;
border-color:rgba(255,23,77,.22)!important;
background:linear-gradient(180deg,rgba(255,23,77,.10),rgba(255,255,255,.035))!important;
}
.admin-appeal-card{
display:grid;
grid-template-columns:minmax(240px,.7fr) minmax(0,1fr) 170px;
gap:14px;
align-items:start;
padding:14px;
border:1px solid rgba(255,255,255,.10);
border-radius:18px;
background:rgba(0,0,0,.22);
}
.admin-appeal-card.pending{border-color:rgba(255,193,7,.25)}
.admin-appeal-card.approved{border-color:rgba(0,255,135,.22)}
.admin-appeal-card.rejected{border-color:rgba(255,23,77,.22)}
.admin-appeal-body{
min-width:0;
}
.admin-appeal-body strong{
display:inline-flex;
margin-bottom:6px;
padding:5px 8px;
border-radius:999px;
background:rgba(255,255,255,.08);
color:#ffd1dc;
font-size:.78rem;
text-transform:uppercase;
}
.admin-appeal-body p{
margin:0;
color:#f8eef3;
line-height:1.42;
}
.admin-appeal-body small{
display:block;
margin-top:8px;
color:#cdbfc5;
}
.admin-report-actions input[name="note"]{
width:100%;
min-height:34px;
border-radius:10px;
border:1px solid rgba(255,255,255,.12);
background:rgba(0,0,0,.22);
color:#fff;
padding:0 9px;
font-size:.8rem;
}
.admin-report-post{
display:grid;
grid-template-columns:96px minmax(0,1fr) 150px;
gap:14px;
padding:14px;
border:1px solid rgba(255,255,255,.10);
border-radius:18px;
background:rgba(0,0,0,.22);
}
.admin-report-score{
min-height:96px;
display:grid;
place-items:center;
align-content:center;
gap:3px;
border-radius:16px;
background:linear-gradient(180deg,rgba(255,23,77,.22),rgba(255,138,0,.10));
border:1px solid rgba(255,255,255,.10);
}
.admin-report-score strong{
font-size:2rem;
line-height:1;
}
.admin-report-score span,
.admin-report-score small{
color:#ffd1dc;
font-size:.78rem;
font-weight:900;
}
.admin-report-body{min-width:0}
.admin-report-author{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.admin-report-author img{
width:42px;
height:42px;
border-radius:50%;
object-fit:cover;
border:1px solid rgba(255,255,255,.12);
background:#120307;
}
.admin-report-author img.default-avatar{object-fit:contain}
.admin-report-author span{min-width:0}
.admin-report-author strong,
.admin-report-author small{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.admin-report-author small{color:#cdbfc5;font-size:.82rem}
.admin-report-caption{
margin:10px 0;
color:#f8eef3;
line-height:1.4;
}
.admin-report-media{
display:block;
max-width:min(100%,520px);
max-height:360px;
margin:10px 0;
border-radius:14px;
object-fit:contain;
background:#050101;
border:1px solid rgba(255,255,255,.08);
}
.admin-report-meta{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:8px;
}
.admin-report-meta span{
padding:6px 8px;
border-radius:999px;
background:rgba(255,255,255,.07);
color:#d7cbd1;
font-size:.78rem;
font-weight:850;
}
.admin-report-details{
margin-top:10px;
}
.admin-report-details summary{
cursor:pointer;
color:#ffccd8;
font-weight:950;
}
.admin-report-line{
margin-top:8px;
padding:9px;
border-radius:12px;
background:rgba(255,255,255,.05);
}
.admin-report-line strong{color:#ffd1dc;font-size:.78rem;text-transform:uppercase}
.admin-report-line p{margin:4px 0;color:#f8eef3}
.admin-report-line small{color:#cdbfc5}
.admin-report-actions{
display:grid;
align-content:start;
gap:8px;
}
.admin-report-actions form{margin:0}
.admin-report-actions .mini-btn,
.admin-post-row .mini-btn{width:100%}
.admin-post-row{
display:grid;
grid-template-columns:minmax(220px,.7fr) minmax(0,1fr) 130px;
gap:12px;
align-items:center;
padding:12px;
border:1px solid rgba(255,255,255,.09);
border-radius:16px;
background:rgba(0,0,0,.18);
}
.admin-post-preview{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.admin-post-preview p{
flex:1 1 auto;
min-width:0;
margin:0;
color:#f8eef3;
line-height:1.35;
}
.admin-post-preview img,
.admin-post-preview video{
flex:0 0 auto;
width:74px;
height:74px;
border-radius:12px;
object-fit:cover;
background:#050101;
border:1px solid rgba(255,255,255,.08);
}
@media(max-width:980px){
.admin-hero{align-items:flex-start;flex-direction:column}
.admin-owner-card{width:100%}
.admin-grid-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-panels{grid-template-columns:1fr}
.admin-report-post,
.admin-appeal-card,
.admin-post-row{grid-template-columns:1fr}
.admin-report-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:560px){
.admin-main{padding-top:20px}
.admin-grid-metrics{grid-template-columns:1fr}
.admin-panel{padding:13px;border-radius:20px}
.admin-kv,.admin-server-grid{grid-template-columns:1fr}
.admin-panel-head{align-items:flex-start;flex-direction:column}
.admin-inline-form{min-width:0;flex-direction:column;align-items:stretch}
.admin-inline-form input{width:100%}
.admin-report-actions{grid-template-columns:1fr}
.admin-report-media{max-height:280px}
.admin-post-preview{align-items:flex-start;flex-direction:column}
}
/* ===== V17.25 feed media without black bars ===== */
.feed-post-card .post-media,
.single-post .post-media,
.feed-post-card > .post-media,
.shared-box .shared-media{
display:block!important;
width:auto!important;
max-width:100%!important;
height:auto!important;
max-height:min(86dvh,900px)!important;
margin:14px auto!important;
object-fit:contain!important;
object-position:center!important;
background:transparent!important;
border:0!important;
border-radius:18px!important;
box-shadow:none!important;
}
.feed-post-card img.post-media,
.single-post img.post-media,
.shared-box img.shared-media{
background:transparent!important;
}
.feed-post-card video.post-media,
.single-post video.post-media,
.shared-box video.shared-media{
background:transparent!important;
outline:1px solid rgba(255,255,255,.08)!important;
outline-offset:-1px!important;
}
.feed-post-card .post-media[width],
.feed-post-card .post-media[height]{
width:auto!important;
height:auto!important;
}
@media(max-width:760px){
.feed-post-card .post-media,
.single-post .post-media,
.shared-box .shared-media{
max-height:min(78dvh,760px)!important;
border-radius:16px!important;
}
}
/* ===== V17.26 compact story music label ===== */
.story-slide-v151>.story-music-head-v18{
top:max(52px,calc(env(safe-area-inset-top) + 44px))!important;
right:18px!important;
width:clamp(96px,24%,132px)!important;
min-height:38px!important;
padding:7px 9px 7px 12px!important;
display:grid!important;
align-content:center!important;
gap:2px!important;
border-radius:16px!important;
background:linear-gradient(135deg,rgba(7,7,10,.58),rgba(255,23,77,.14))!important;
border:1px solid rgba(255,255,255,.14)!important;
box-shadow:0 12px 26px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10)!important;
backdrop-filter:blur(12px)!important;
-webkit-backdrop-filter:blur(12px)!important;
text-transform:none!important;
text-shadow:0 2px 8px rgba(0,0,0,.75)!important;
}
.story-slide-v151>.story-music-head-v18:before{
content:""!important;
position:absolute!important;
left:6px!important;
top:9px!important;
bottom:9px!important;
width:3px!important;
border-radius:999px!important;
background:linear-gradient(180deg,#ff2d68,#ffb000)!important;
box-shadow:0 0 12px rgba(255,45,104,.42)!important;
}
.story-slide-v151>.story-music-head-v18 .story-music-title-v18{
display:block!important;
width:100%!important;
max-width:100%!important;
overflow:hidden!important;
white-space:nowrap!important;
color:#fff!important;
font-size:clamp(.66rem,1.9vw,.84rem)!important;
line-height:1.08!important;
font-weight:950!important;
letter-spacing:0!important;
text-transform:none!important;
text-overflow:clip!important;
}
.story-slide-v151>.story-music-head-v18 .story-music-title-v18>span{
display:inline-block!important;
min-width:max-content!important;
max-width:none!important;
padding-right:0!important;
overflow:visible!important;
text-overflow:clip!important;
white-space:nowrap!important;
animation:sfStoryMusicNameLoopV27 7s linear infinite!important;
transform:translateX(0);
will-change:transform!important;
}
.story-slide-v151>.story-music-head-v18 .story-music-title-v18>span:after{
content:attr(data-marquee)!important;
display:inline-block!important;
margin-left:36px!important;
color:inherit!important;
font:inherit!important;
white-space:nowrap!important;
}
@keyframes sfStoryMusicNameLoopV27{
0%{transform:translateX(0)}
100%{transform:translateX(calc(-50% - 18px))}
}
.story-slide-v151>.story-music-head-v18 small{
color:#ffd2df!important;
font-size:clamp(.56rem,1.55vw,.68rem)!important;
line-height:1.05!important;
font-weight:850!important;
text-transform:none!important;
opacity:.94!important;
}
@media(max-width:760px){
.story-slide-v151 .story-header-v151,
.story-slide-v151 .story-owner-head-v153{
right:clamp(118px,34vw,150px)!important;
}
.story-slide-v151>.story-music-head-v18{
top:max(52px,calc(env(safe-area-inset-top) + 44px))!important;
right:14px!important;
width:clamp(96px,30vw,126px)!important;
}
}
@media(max-width:380px){
.story-slide-v151 .story-header-v151,
.story-slide-v151 .story-owner-head-v153{
right:106px!important;
}
.story-slide-v151>.story-music-head-v18{
right:10px!important;
width:96px!important;
padding-left:11px!important;
}
}
/* V17.26: seguir no feed via AJAX sem recarregar e sem subir a tela */
.follow-done-v1726{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:32px!important;
padding:8px 13px!important;
border-radius:999px!important;
background:rgba(255,255,255,.10)!important;
color:rgba(255,255,255,.88)!important;
border:1px solid rgba(255,255,255,.14)!important;
font-weight:900!important;
white-space:nowrap!important;
}
.sf-follow-loading-v1726{opacity:.82!important;pointer-events:none!important}
.sf-follow-toast-v1726{
position:fixed!important;
left:50%!important;
top:calc(env(safe-area-inset-top,0px) + 14px)!important;
transform:translate(-50%,-14px)!important;
z-index:999999!important;
max-width:min(92vw,520px)!important;
padding:12px 16px!important;
border-radius:18px!important;
background:rgba(20,90,55,.96)!important;
border:1px solid rgba(120,255,190,.28)!important;
color:#fff!important;
font-weight:900!important;
box-shadow:0 18px 45px rgba(0,0,0,.38)!important;
opacity:0!important;
pointer-events:none!important;
transition:opacity .16s ease, transform .16s ease!important;
}
.sf-follow-toast-v1726.show{opacity:1!important;transform:translate(-50%,0)!important}
.sf-follow-toast-v1726.error{background:rgba(115,0,22,.96)!important;border-color:rgba(255,70,110,.35)!important}
/* V17.27 - avisos de entrada/saída e remover membro do grupo */
.group-system-message{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:3px;
margin:12px auto;
text-align:center;
max-width:86%;
}
.group-system-message span{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 13px;
border-radius:999px;
background:linear-gradient(135deg,rgba(255,24,50,.14),rgba(255,255,255,.07));
border:1px solid rgba(255,255,255,.10);
color:#ffdce5;
font-size:.86rem;
font-weight:900;
box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.group-system-message small{
color:rgba(255,255,255,.48);
font-size:.72rem;
font-weight:700;
}
.member-row-v1727{
align-items:flex-start!important;
flex-wrap:wrap;
}
.member-main-v1727{
flex:1;
min-width:145px;
}
.member-admin-actions-v1727{
margin-left:auto;
display:flex;
gap:7px;
flex-wrap:wrap;
justify-content:flex-end;
}
.member-admin-actions-v1727 form{margin:0!important}
.member-admin-actions-v1727 .mini-btn{padding:8px 11px!important;font-size:.78rem!important}
@media(max-width:760px){
.member-admin-actions-v1727{width:100%;justify-content:flex-start;padding-left:52px}
.member-admin-actions-v1727 .mini-btn{min-height:34px!important}
}
/* V17.28 - admin: banidos/avisos e telas mais limpas */
.admin-moderation-list{display:grid;gap:14px}.admin-user-moderation-card{display:grid;gap:12px;padding:16px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}.admin-user-moderation-card>p{margin:0;color:#d9cbd1;line-height:1.45}.admin-warning-lines{display:grid;gap:10px}.admin-warning-row{display:grid;gap:7px;padding:12px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08)}.admin-warning-row span{font-weight:900;color:#fff;line-height:1.35}.admin-warning-row small{color:#c8b8bf}.admin-warning-row form{margin:0}.mini-btn.danger-soft{background:rgba(255,23,77,.13);border:1px solid rgba(255,23,77,.25);color:#ffd1dc}.admin-hero{padding-top:32px!important;padding-bottom:16px!important}.feed-side-compact-v1728{align-self:start!important}.feed-side-compact-v1728 h3{margin:0!important}@media(max-width:900px){.feed-side-compact-v1728{display:none!important}.admin-grid-metrics{gap:10px!important}.admin-metric small{display:none!important}.admin-hero{display:flex!important;gap:12px!important;align-items:center!important}.admin-owner-card span{display:none!important}}
/* V17.36 - Kiwify + selo Relikia do SF */
.relikia-badge{
display:inline-flex;
align-items:center;
gap:4px;
vertical-align:middle;
margin-left:6px;
padding:3px 7px;
border-radius:999px;
border:1px solid rgba(255,45,96,.72);
background:linear-gradient(135deg,rgba(255,27,76,.26),rgba(24,0,8,.95) 58%,rgba(255,45,145,.28));
color:#fff;
font-size:11px;
line-height:1;
font-weight:900;
letter-spacing:.02em;
text-transform:none;
white-space:nowrap;
box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 0 18px rgba(255,24,89,.32),0 6px 16px rgba(0,0,0,.35);
}
.relikia-badge b{
display:inline-grid;
place-items:center;
width:16px;
height:16px;
border-radius:50%;
background:radial-gradient(circle at 35% 25%,#fff 0,#ffd5df 18%,#ff174d 48%,#58000e 100%);
color:#110004;
font-size:11px;
box-shadow:0 0 10px rgba(255,28,87,.65);
}
.group-msg-name .relikia-badge,
.comment-item .relikia-badge,
.reply-item .relikia-badge{ transform:scale(.92); transform-origin:left center; }
.admin-chip.relikia{
background:linear-gradient(135deg,#ff174d,#640016);
color:#fff;
box-shadow:0 0 16px rgba(255,23,77,.35);
}
.meus-cursos-hero .relikia-badge{ font-size:12px; }
.course-card-relikia{
border-color:rgba(255,27,76,.35)!important;
background:linear-gradient(180deg,rgba(255,27,76,.12),rgba(0,0,0,.36));
box-shadow:0 0 26px rgba(255,27,76,.12);
}
.course-lessons-list{display:grid;gap:10px;margin:14px 0;}
.course-lessons-list div{padding:12px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);}
.course-lessons-list strong{display:block;color:#fff;margin-bottom:3px;}
.course-lessons-list small{display:block;color:rgba(255,255,255,.72);line-height:1.45;}
.course-access-form-v1736{margin-bottom:16px;}
.course-buyer-card-v1736{border-color:rgba(255,27,76,.24);}
.admin-webhook-log-v1736{margin-top:14px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);}
.admin-webhook-log-v1736 summary{cursor:pointer;font-weight:900;}
.admin-webhook-log-v1736 p{margin:8px 0 0;color:rgba(255,255,255,.75);font-size:13px;}
@media(max-width:560px){
.relikia-badge{font-size:10px;padding:3px 6px;margin-left:4px;}
.relikia-badge b{width:14px;height:14px;font-size:10px;}
}
/* =========================================================
V17.44 CHAT MOBILE PICKER FIX
========================================================= */
.empty-chat-screen-v1744{
display:flex!important;
flex-direction:column!important;
gap:14px!important;
min-height:100%!important;
}
.mobile-chat-picker-v1744{
display:flex!important;
flex-direction:column!important;
gap:10px!important;
margin-top:8px!important;
max-height:calc(100dvh - 370px)!important;
overflow:auto!important;
padding-right:4px!important;
}
.mobile-chat-picker-v1744>strong{
color:#fff!important;
font-size:1.02rem!important;
}
.mobile-chat-contact-v1744{
display:flex!important;
align-items:center!important;
gap:12px!important;
border-radius:20px!important;
padding:12px!important;
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(255,255,255,.08)!important;
text-decoration:none!important;
}
.mobile-chat-contact-v1744 img{width:46px!important;height:46px!important}
.mobile-chat-empty-v1744{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:flex-start!important}
@media(max-width:760px){
body:has(.chat-main-v9){overflow:auto!important}
.chat-main-v9{height:auto!important;min-height:calc(100dvh - 92px)!important;overflow:visible!important}
.chat-app-section{min-height:calc(100dvh - 92px)!important;overflow:visible!important}
.chat-window-v9:has(.empty-chat-screen-v1744){height:auto!important;min-height:calc(100dvh - 270px)!important;max-height:none!important;overflow:visible!important}
}
/* V17.45 — CTA comunidade + incentivo app */
.btn-community-home{border-color:rgba(255,64,100,.34)!important;background:rgba(255,24,50,.10)!important;box-shadow:0 10px 35px rgba(255,24,50,.12)!important}
.home-install-card{margin-top:18px;display:grid;gap:9px;max-width:560px;padding:16px 18px;border-radius:24px;background:linear-gradient(135deg,rgba(255,23,58,.13),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 48px rgba(0,0,0,.24)}
.home-install-card strong{font-size:1.02rem;text-transform:uppercase;letter-spacing:.05em;color:#fff}
.home-install-card span{color:#e7d5dc;line-height:1.45;font-weight:700}
.home-install-btn{width:max-content;max-width:100%;padding:12px 16px!important;border-radius:16px!important;font-size:.86rem!important}
@media(max-width:760px){.hero-actions .btn{width:100%}.home-install-card{padding:14px;border-radius:20px}.home-install-btn{width:100%}.hero-actions{gap:10px!important}}
/* V17.47 - edição de publicação, privacidade e controle admin */
.edit-post-details{display:inline-block;position:relative}
.edit-post-details summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.edit-post-details summary::-webkit-details-marker{display:none}
.edit-post-form{margin-top:10px;padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(5,1,3,.92);display:grid;gap:8px;min-width:min(340px,80vw);box-shadow:0 18px 60px rgba(0,0,0,.35)}
.edit-post-form label{font-weight:800;font-size:.9rem;color:#fff}
.edit-post-form textarea,.edit-post-form select{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;padding:10px 12px;outline:none}
.edit-post-form textarea{min-height:96px;resize:vertical}
.edit-post-form option{background:#160307;color:#fff}
.admin-control-grid .form-box{padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.035)}
.admin-control-grid .form-box input{width:100%}
.privacy-select-line{display:grid;gap:8px;margin:10px 0 0}
.privacy-select-line label{font-weight:900}
/* V17.49 playlists */
.playlist-create-card{margin-top:18px}
.playlist-create-form{display:grid;gap:12px}
.playlist-create-form textarea,.playlist-create-form select,.playlist-edit textarea,.playlist-edit select{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);color:#fff;border-radius:18px;padding:14px;font:inherit}
.playlists-section{margin-top:22px}
.music-playlists-box{display:block}
.playlist-toolbar{display:flex;margin-bottom:14px}
.playlist-toolbar input{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);color:#fff;border-radius:18px;padding:14px 18px;font:inherit}
.playlist-list{display:grid;gap:16px}
.playlist-card{padding:20px;border-radius:24px;background:linear-gradient(135deg,rgba(255,19,76,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}
.playlist-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.playlist-card h3{margin:8px 0 6px;font-size:clamp(1.25rem,2vw,1.8rem)}
.playlist-card p{margin:0 0 8px;color:rgba(255,255,255,.74)}
.playlist-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;background:rgba(255,19,76,.22);color:#fff;border:1px solid rgba(255,19,76,.4)}
.playlist-chip.private{background:rgba(20,20,20,.75);border-color:rgba(255,255,255,.18);color:#ffd6df}
.playlist-play-first{border:0;border-radius:999px;background:linear-gradient(135deg,#ff174d,#ff5b93);color:#fff;font-weight:900;padding:12px 18px;cursor:pointer;box-shadow:0 10px 28px rgba(255,23,77,.22)}
.playlist-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.playlist-edit{min-width:min(100%,420px)}
.playlist-edit summary{cursor:pointer;list-style:none;display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:900}
.playlist-edit form{display:grid;gap:10px;margin-top:10px;padding:12px;border-radius:18px;background:rgba(0,0,0,.22)}
.playlist-tracks{display:grid;gap:10px;margin-top:12px}
.playlist-track{display:grid;grid-template-columns:auto 48px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:18px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08)}
.playlist-track img{width:48px;height:48px;object-fit:cover;border-radius:12px}
.playlist-track strong{display:block;font-weight:900}
.playlist-track span{display:block;color:rgba(255,255,255,.68);font-size:.88rem}
.playlist-track-play{width:42px;height:42px;border:0;border-radius:50%;background:linear-gradient(135deg,#ff174d,#ff77aa);color:#fff;font-weight:900;cursor:pointer}
.add-to-playlist-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.add-to-playlist-form select{min-width:160px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.42);color:#fff;border-radius:999px;padding:10px 12px;font:inherit;font-weight:800}
@media(max-width:700px){.playlist-card-head{display:grid}.playlist-track{grid-template-columns:auto 42px 1fr}.playlist-track form{grid-column:1/-1}.add-to-playlist-form{width:100%}.add-to-playlist-form select{flex:1;min-width:0}.playlist-play-first{width:100%}}
/* V17.50 final social upgrades */
.report-details{display:inline-block;position:relative}.report-details summary{list-style:none;cursor:pointer}.report-details form{display:grid;gap:8px;min-width:220px;margin-top:8px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(18,4,8,.96);box-shadow:0 18px 45px rgba(0,0,0,.38);position:absolute;z-index:20}.report-details select,.report-details input{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.05);color:#fff;padding:10px}.comment-photo-picker{display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed rgba(255,255,255,.16);border-radius:999px;padding:10px 14px;cursor:pointer;font-weight:800}.comment-photo-picker input{display:none}.comment-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.comment-form input[name=text]{flex:1;min-width:170px}.comment-photo{display:block;max-width:min(360px,100%);border-radius:18px;margin:8px 0;border:1px solid rgba(255,255,255,.12);object-fit:cover}.sf-special-badge{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,rgba(255,0,68,.95),rgba(96,0,32,.9));border:1px solid rgba(255,255,255,.18);box-shadow:0 0 18px rgba(255,0,85,.25);font-size:11px;font-weight:900;color:#fff;vertical-align:middle}.sf-special-badge b{filter:drop-shadow(0 0 4px rgba(255,255,255,.35))}.sf-special-badge-deejay{background:linear-gradient(135deg,#1d1027,#ff1b78)}.sf-special-badge-rlk_jogada{background:linear-gradient(135deg,#260608,#ff163f)}.badges-page-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.badge-request-hero{background:radial-gradient(circle at 80% 20%,rgba(255,40,112,.24),transparent 42%),rgba(255,255,255,.035)}.badge-showcase{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.badge-request-form{display:grid;gap:12px}.badge-request-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.badge-request-row.pending span{color:#ffd479}.badge-request-row.approved span{color:#55ff9a}.badge-request-row.rejected span{color:#ff6b88}.admin-badge-request-list{display:grid;gap:14px}.admin-badge-request-card{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.035)}.admin-badge-request-card.approved{border-color:rgba(85,255,154,.35)}.admin-badge-request-card.rejected{border-color:rgba(255,50,90,.35)}.admin-audio-preview{width:100%;margin:10px 0}.playlist-play-actions{display:flex;gap:8px;flex-wrap:wrap}.playlist-shuffle-btn,.playlist-play-first{border:0;border-radius:999px;padding:10px 15px;font-weight:900;background:linear-gradient(135deg,#ff174c,#ff4b96);color:#fff;box-shadow:0 10px 28px rgba(255,0,85,.25);cursor:pointer}.foryou-page{background:radial-gradient(circle at 50% 0,rgba(255,30,90,.12),transparent 40%)}.foryou-head{text-align:center;margin-bottom:18px}.foryou-feed{display:grid;gap:22px;max-width:760px}.foryou-card{overflow:hidden;padding:0;background:#090305;border-radius:28px}.foryou-media{background:#050203;display:grid;place-items:center}.foryou-media-el{max-height:78vh;width:100%;object-fit:contain;background:#000}.foryou-card video.foryou-media-el{min-height:420px}.foryou-info{padding:16px 18px}.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#ff4b86;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.admin-report-line p{font-weight:800;color:#fff}.comment-item .report-details form{left:0}.post-menu .report-details form{right:0}
@media (max-width:760px){.badges-page-grid{grid-template-columns:1fr}.comment-form{align-items:stretch}.comment-form input[name=text],.comment-form button,.comment-photo-picker{width:100%}.report-details form{position:static}.foryou-card video.foryou-media-el{min-height:300px}.post-menu{overflow:visible}.sf-special-badge span,.relikia-badge span{display:inline!important}}
/* V17.51: música mais limpa + Vibe vertical */
.music-hub-card-v1751{position:relative;overflow:visible}.music-hub-actions-v1751{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.music-panel-toggle-v1751{flex:1 1 260px;min-width:260px}.music-panel-toggle-v1751>summary{list-style:none;cursor:pointer;text-align:center}.music-panel-toggle-v1751>summary::-webkit-details-marker{display:none}.music-panel-toggle-v1751[open]{padding:16px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);box-shadow:0 20px 60px rgba(0,0,0,.2)}.music-panel-toggle-v1751[open]>summary{margin-bottom:16px}.playlist-head-actions-v1751,.playlist-toolbar-filters{display:flex;gap:8px;flex-wrap:wrap}.playlist-toolbar{display:grid;gap:12px;margin-bottom:14px}.playlist-toolbar input{width:100%}.playlist-card[hidden]{display:none!important}
.vibe-shell-v1751{padding:0!important;background:#000}.vibe-page-v1751{min-height:100vh;background:#000;color:#fff}.vibe-topbar-v1751{position:fixed;top:86px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:8px;padding:8px;border-radius:999px;background:rgba(0,0,0,.35);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);max-width:min(96vw,760px);overflow:auto}.vibe-topbar-v1751 a{color:#fff;text-decoration:none;padding:9px 13px;border-radius:999px;font-weight:900;white-space:nowrap}.vibe-topbar-v1751 a.active{background:rgba(255,18,76,.9)}.vibe-feed-v1751{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;background:#000;overscroll-behavior-y:contain}.vibe-slide-v1751{height:100vh;min-height:720px;scroll-snap-align:start;position:relative;display:grid;place-items:center;background:#000;overflow:hidden}.vibe-slide-v1751.empty{padding:120px 18px}.vibe-empty-card{max-width:520px;text-align:center;padding:28px;border-radius:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.vibe-media-frame-v1751{width:min(100vw,560px);height:100vh;display:grid;place-items:center;background:#050203}.vibe-media-v1751{width:min(100vw,560px);height:min(100vh,calc(100vw * 16 / 9));max-height:100vh;aspect-ratio:9/16;object-fit:cover;background:#000;display:block}.vibe-media-frame-v1751 img.vibe-media-v1751{object-fit:cover}.vibe-actions-v1751{position:absolute;right:calc(50% - min(50vw,280px) + 14px);bottom:110px;z-index:8;display:grid;gap:14px;align-items:center}.vibe-actions-v1751 form{margin:0}.vibe-actions-v1751 button,.vibe-actions-v1751>a,.vibe-actions-v1751 summary{width:58px;min-height:58px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(0,0,0,.22);color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 10px 32px rgba(0,0,0,.26);backdrop-filter:blur(12px);font-weight:900;cursor:pointer;text-align:center}.vibe-actions-v1751 button.on,.vibe-actions-v1751 a.on{background:rgba(255,20,92,.72);box-shadow:0 0 25px rgba(255,20,92,.35)}.vibe-actions-v1751 span{font-size:10px;display:block;line-height:1.05}.vibe-actions-v1751 details{position:relative}.vibe-actions-v1751 details form{position:absolute;right:66px;bottom:0;width:min(320px,78vw);padding:14px;border-radius:20px;background:rgba(11,3,6,.96);border:1px solid rgba(255,255,255,.12);display:grid;gap:10px}.vibe-actions-v1751 textarea,.vibe-actions-v1751 input,.vibe-actions-v1751 select{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;padding:10px}.vibe-actions-v1751 .danger{background:rgba(160,0,38,.42)}.vibe-user-overlay-v1751{position:absolute;left:calc(50% - min(50vw,280px) + 18px);bottom:94px;z-index:8;display:flex;align-items:center;gap:10px;max-width:min(70vw,380px);text-shadow:0 2px 14px rgba(0,0,0,.75)}.vibe-user-overlay-v1751 img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.85)}.vibe-user-overlay-v1751 a{color:#fff;text-decoration:none}.vibe-user-overlay-v1751 p{margin:0;color:rgba(255,255,255,.75);font-size:12px}.vibe-user-overlay-v1751 strong{font-weight:950}.vibe-follow-plus{margin-left:-22px;margin-right:2px;align-self:flex-end}.vibe-follow-plus button{width:25px;height:25px;border-radius:50%;border:2px solid #fff;background:#ff164c;color:#fff;font-weight:950;display:grid;place-items:center}.vibe-caption-v1751{position:absolute;left:calc(50% - min(50vw,280px) + 18px);bottom:45px;z-index:8;max-width:min(70vw,420px);text-shadow:0 2px 14px rgba(0,0,0,.85)}.vibe-caption-v1751 p{margin:0;font-weight:800}.vibe-notice-v1751{position:fixed;top:150px;left:50%;transform:translateX(-50%);z-index:50;max-width:min(92vw,560px)}
@media(max-width:760px){.vibe-topbar-v1751{top:76px;max-width:94vw}.vibe-slide-v1751{min-height:100dvh;height:100dvh}.vibe-feed-v1751{height:100dvh}.vibe-media-frame-v1751,.vibe-media-v1751{height:100dvh;width:100vw}.vibe-actions-v1751{right:10px;bottom:105px}.vibe-actions-v1751 button,.vibe-actions-v1751>a,.vibe-actions-v1751 summary{width:54px;min-height:54px}.vibe-user-overlay-v1751{left:14px;bottom:92px}.vibe-caption-v1751{left:14px;bottom:40px;max-width:72vw}.music-panel-toggle-v1751{min-width:100%;flex-basis:100%}.music-hub-actions-v1751>.mini-btn{flex:1 1 auto;text-align:center}}
/* V17.52: Vibe no estilo TikTok, com identidade SF, sem WhatsApp */
body.sf-vibe-body{background:#000!important;overflow:hidden!important}
body.sf-vibe-body .topbar,
body.sf-vibe-body .footer,
body.sf-vibe-body .whatsapp-float,
body.sf-vibe-body .chat-float,
body.sf-vibe-body .install-app-btn{display:none!important}
body.sf-vibe-body .vibe-shell-v1751{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;padding:0!important;margin:0!important;background:#000!important}
body.sf-vibe-body .vibe-page-v1751{height:100dvh!important;min-height:100dvh!important;background:#000!important;overflow:hidden!important}
.vibe-app-top-v1752{position:fixed;top:max(10px,env(safe-area-inset-top));left:0;right:0;z-index:90;display:grid;grid-template-columns:74px minmax(0,1fr) 54px;align-items:center;gap:6px;padding:0 14px;pointer-events:none;text-shadow:0 2px 18px rgba(0,0,0,.72)}
.vibe-app-top-v1752 a{pointer-events:auto;color:#fff;text-decoration:none}.vibe-brand-v1752{display:flex;align-items:center;gap:6px;font-weight:1000;color:#fff!important}.vibe-brand-v1752 img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,23,77,.55))}.vibe-brand-v1752 strong{color:#ff1731;letter-spacing:.05em}.vibe-tabs-v1752{min-width:0;display:flex;align-items:center;justify-content:center;gap:18px;overflow:auto;scrollbar-width:none}.vibe-tabs-v1752::-webkit-scrollbar{display:none}.vibe-tabs-v1752 a{position:relative;white-space:nowrap;color:rgba(255,255,255,.78);font-weight:900;font-size:17px}.vibe-tabs-v1752 a.active{color:#fff;font-size:20px}.vibe-tabs-v1752 a.active:after{content:"";position:absolute;left:50%;bottom:-8px;width:34px;height:3px;border-radius:999px;background:#fff;transform:translateX(-50%);box-shadow:0 0 18px rgba(255,23,77,.45)}.vibe-search-v1752{font-size:32px;text-align:right;font-weight:300;line-height:1;color:#fff!important}
body.sf-vibe-body .vibe-feed-v1751{height:100dvh!important;width:100vw!important;overflow-y:auto!important;scroll-snap-type:y mandatory!important;background:#000!important;overscroll-behavior-y:contain!important;scrollbar-width:none!important}
body.sf-vibe-body .vibe-feed-v1751::-webkit-scrollbar{display:none!important}
body.sf-vibe-body .vibe-slide-v1751{height:100dvh!important;min-height:100dvh!important;width:100vw!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;position:relative!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#000!important}
body.sf-vibe-body .vibe-slide-v1751:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 5%,rgba(255,23,77,.12),transparent 35%),linear-gradient(90deg,rgba(255,23,77,.16),transparent 28%,transparent 72%,rgba(255,23,77,.10));z-index:0;pointer-events:none}
body.sf-vibe-body .vibe-media-frame-v1751{position:relative;z-index:1;width:min(100vw,56.25dvh);height:100dvh;max-width:520px;display:grid;place-items:center;background:#000;box-shadow:0 0 80px rgba(255,23,77,.08)}
body.sf-vibe-body .vibe-media-frame-v1751:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.30),transparent 18%,transparent 62%,rgba(0,0,0,.72));z-index:3}
body.sf-vibe-body .vibe-media-v1751{width:100%!important;height:100dvh!important;aspect-ratio:9/16!important;object-fit:cover!important;background:#000!important;border-radius:0!important;display:block!important;max-height:none!important;max-width:none!important;position:relative;z-index:2}
body.sf-vibe-body .vibe-media-frame-v1751 img.vibe-media-v1751{object-fit:cover!important}
body.sf-vibe-body .vibe-actions-v1751{position:absolute!important;right:calc(50% - min(50vw,260px) + 12px)!important;bottom:max(82px,calc(env(safe-area-inset-bottom) + 74px))!important;z-index:10!important;display:grid!important;gap:14px!important;align-items:center!important}
body.sf-vibe-body .vibe-actions-v1751 button,
body.sf-vibe-body .vibe-actions-v1751>a,
body.sf-vibe-body .vibe-actions-v1751 summary{width:56px!important;min-height:56px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.20)!important;background:rgba(0,0,0,.22)!important;color:#fff!important;box-shadow:0 12px 34px rgba(0,0,0,.32)!important;backdrop-filter:blur(14px)!important;font-weight:950!important;text-shadow:0 2px 9px rgba(0,0,0,.6)!important}
body.sf-vibe-body .vibe-actions-v1751 button.on,
body.sf-vibe-body .vibe-actions-v1751 a.on{background:linear-gradient(135deg,rgba(255,23,77,.88),rgba(255,111,174,.66))!important;box-shadow:0 0 26px rgba(255,23,77,.42)!important}
body.sf-vibe-body .vibe-actions-v1751 span{font-size:10px!important;display:block!important;line-height:1.05!important;margin-top:2px!important}.vibe-actions-v1751 form{margin:0!important}
body.sf-vibe-body .vibe-actions-v1751 details form{right:64px!important;bottom:0!important;background:rgba(8,2,5,.96)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 24px 80px rgba(0,0,0,.46)!important}
body.sf-vibe-body .vibe-user-overlay-v1751{position:absolute!important;left:calc(50% - min(50vw,260px) + 14px)!important;bottom:max(92px,calc(env(safe-area-inset-bottom) + 84px))!important;z-index:11!important;max-width:min(72vw,360px)!important;display:flex!important;align-items:center!important;gap:10px!important;text-shadow:0 2px 18px rgba(0,0,0,.85)!important}
body.sf-vibe-body .vibe-user-overlay-v1751 img{width:46px!important;height:46px!important;border:2px solid rgba(255,255,255,.88)!important;box-shadow:0 0 20px rgba(255,23,77,.28)!important}.vibe-follow-plus button{background:#ff174d!important;color:#fff!important;box-shadow:0 0 18px rgba(255,23,77,.48)!important}
body.sf-vibe-body .vibe-caption-v1751{position:absolute!important;left:calc(50% - min(50vw,260px) + 14px)!important;bottom:max(42px,calc(env(safe-area-inset-bottom) + 36px))!important;z-index:11!important;max-width:min(70vw,360px)!important;text-shadow:0 2px 18px rgba(0,0,0,.9)!important}.vibe-caption-v1751 p{font-size:14px;line-height:1.35}.vibe-caption-v1751 p:empty{display:none}
body.sf-vibe-body .vibe-notice-v1751{top:74px!important;z-index:99!important;background:rgba(20,4,8,.88)!important;backdrop-filter:blur(14px)!important}
@media(min-width:900px){body.sf-vibe-body .vibe-app-top-v1752{grid-template-columns:110px minmax(0,1fr) 90px;padding:0 34px}.vibe-brand-v1752 img{width:44px;height:44px}.vibe-tabs-v1752 a{font-size:18px}.vibe-tabs-v1752 a.active{font-size:21px}body.sf-vibe-body .vibe-media-frame-v1751{max-width:460px;border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04)}body.sf-vibe-body .vibe-actions-v1751{right:calc(50vw - 230px + 14px)!important}body.sf-vibe-body .vibe-user-overlay-v1751,body.sf-vibe-body .vibe-caption-v1751{left:calc(50vw - 230px + 16px)!important}}
@media(max-width:760px){.vibe-app-top-v1752{grid-template-columns:50px minmax(0,1fr) 42px;padding:0 12px}.vibe-brand-v1752 strong{display:none}.vibe-brand-v1752 img{width:34px;height:34px}.vibe-tabs-v1752{gap:15px;justify-content:center}.vibe-tabs-v1752 a{font-size:15px}.vibe-tabs-v1752 a.active{font-size:18px}.vibe-search-v1752{font-size:28px}body.sf-vibe-body .vibe-media-frame-v1751{width:100vw!important;max-width:100vw!important}body.sf-vibe-body .vibe-actions-v1751{right:10px!important;bottom:max(86px,calc(env(safe-area-inset-bottom) + 78px))!important}body.sf-vibe-body .vibe-actions-v1751 button,body.sf-vibe-body .vibe-actions-v1751>a,body.sf-vibe-body .vibe-actions-v1751 summary{width:54px!important;min-height:54px!important}body.sf-vibe-body .vibe-user-overlay-v1751{left:14px!important;bottom:max(92px,calc(env(safe-area-inset-bottom) + 84px))!important}.vibe-user-overlay-v1751 .sf-special-badge span,.vibe-user-overlay-v1751 .relikia-badge span{display:none!important}body.sf-vibe-body .vibe-caption-v1751{left:14px!important;bottom:max(38px,calc(env(safe-area-inset-bottom) + 34px))!important;max-width:72vw!important}}
/* =========================================================
V17.53 — Música organizada para PC/celular + destaque real
========================================================= */
.music-page-v16{
background:
radial-gradient(circle at 78% 8%,rgba(255,43,130,.28),transparent 32%),
radial-gradient(circle at 10% 20%,rgba(255,23,77,.13),transparent 34%),
#050204!important;
}
.music-grid-v1753{
display:grid!important;
grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr)!important;
grid-template-areas:
"hub hub"
"library playlists"!important;
gap:22px!important;
align-items:start!important;
max-width:1260px!important;
}
.music-hub-card-v1753{
grid-area:hub!important;
position:relative!important;
top:auto!important;
padding:24px!important;
border-radius:32px!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:18px!important;
align-items:center!important;
background:
linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,23,77,.08)),
radial-gradient(circle at 100% 0%,rgba(255,78,165,.20),transparent 42%)!important;
border:1px solid rgba(255,255,255,.13)!important;
box-shadow:0 26px 80px rgba(0,0,0,.22)!important;
overflow:visible!important;
}
.music-hub-copy-v1753{min-width:0!important}.music-hub-copy-v1753 .title-lg{margin:4px 0 6px!important;font-size:clamp(1.65rem,3vw,2.55rem)!important;letter-spacing:-.04em!important}.music-hub-copy-v1753 p{margin:0!important;max-width:680px!important;color:rgba(255,255,255,.74)!important;font-weight:750!important;line-height:1.42!important}.eyebrow{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;border-radius:999px!important;padding:6px 12px!important;background:rgba(255,23,77,.16)!important;border:1px solid rgba(255,104,169,.22)!important;color:#ff9abe!important;font-weight:1000!important;font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.09em!important}
.music-hub-actions-v1753{
display:grid!important;
grid-template-columns:repeat(2,minmax(170px,1fr))!important;
gap:10px!important;
align-items:start!important;
width:min(520px,100%)!important;
}
.music-hub-actions-v1753>.music-pill-v1753,
.music-hub-actions-v1753>.music-panel-toggle-v1753>summary{
min-height:52px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
border-radius:18px!important;
font-size:.98rem!important;
font-weight:1000!important;
padding:0 16px!important;
white-space:nowrap!important;
}
.music-hub-actions-v1753>.music-pill-v1753{
background:rgba(255,255,255,.09)!important;
border:1px solid rgba(255,255,255,.11)!important;
color:#fff!important;
}
.music-panel-toggle-v1753{min-width:0!important;flex:unset!important;width:100%!important}.music-panel-toggle-v1753[open]{grid-column:1/-1!important;padding:16px!important;border-radius:24px!important;background:rgba(8,2,5,.88)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 22px 70px rgba(0,0,0,.38)!important}.music-panel-toggle-v1753[open]>summary{margin-bottom:14px!important}.music-panel-toggle-v1753 .music-upload-form-v16,.music-panel-toggle-v1753 .playlist-create-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}.music-panel-toggle-v1753 .music-upload-form-v16 label,.music-panel-toggle-v1753 .playlist-create-form label,.music-panel-toggle-v1753 .playlist-create-form .small,.music-panel-toggle-v1753 .music-upload-form-v16 .upload-progress-v158,.music-panel-toggle-v1753 .music-upload-form-v16 button.full,.music-panel-toggle-v1753 .playlist-create-form button.full{grid-column:1/-1!important}.music-panel-toggle-v1753 .music-upload-form-v16 input,.music-panel-toggle-v1753 .playlist-create-form input,.music-panel-toggle-v1753 .playlist-create-form textarea,.music-panel-toggle-v1753 .playlist-create-form select{width:100%!important}
.music-main-library-v1753{grid-area:library!important;min-width:0!important}.music-side-playlists-v1753{grid-area:playlists!important;min-width:0!important;position:sticky!important;top:12px!important}.music-section-head-v1753{padding:0 2px 4px!important}.music-section-head-v1753 h2{font-size:clamp(1.4rem,2.3vw,2rem)!important;letter-spacing:-.035em!important}.music-section-head-v1753 p{margin:0!important;color:rgba(255,255,255,.64)!important;font-weight:750!important}.music-section-head-v1753 .playlist-head-actions-v1751{justify-content:flex-end!important}
.music-main-library-v1753 .music-library-toolbar-v161,
.music-main-library-v1753 .music-library-toolbar-v162{
position:sticky!important;
top:0!important;
z-index:7!important;
margin-bottom:14px!important;
padding:12px!important;
border-radius:24px!important;
background:rgba(8,2,5,.78)!important;
border:1px solid rgba(255,255,255,.11)!important;
backdrop-filter:blur(18px)!important;
box-shadow:0 18px 50px rgba(0,0,0,.23)!important;
}
.music-main-library-v1753 .music-tabs-v162{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:2px!important;scrollbar-width:none!important}.music-main-library-v1753 .music-tabs-v162::-webkit-scrollbar{display:none!important}.music-main-library-v1753 .music-tabs-v162 button{min-height:42px!important;padding:0 18px!important;border-radius:999px!important;white-space:nowrap!important;font-size:.95rem!important}.music-main-library-v1753 [data-music-page-search]{min-height:48px!important;border-radius:18px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;font-weight:800!important}
.music-main-library-v1753 .music-list-inner-v161{display:grid!important;gap:16px!important}.music-main-library-v1753 .music-card-v16,.music-main-library-v1753 .music-card-v162{border-radius:30px!important;padding:16px!important;background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,23,77,.082))!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 20px 55px rgba(0,0,0,.20)!important}.music-main-library-v1753 .music-card-v16:first-child,.music-main-library-v1753 .music-card-v162:first-child{background:linear-gradient(135deg,rgba(255,23,77,.22),rgba(255,96,170,.12))!important;border-color:rgba(255,97,163,.28)!important;box-shadow:0 24px 72px rgba(255,23,77,.13),0 18px 55px rgba(0,0,0,.23)!important}.music-main-library-v1753 .music-card-main{display:grid!important;grid-template-columns:58px 76px minmax(0,1fr)!important;gap:14px!important;align-items:center!important}.music-main-library-v1753 .site-music-play.big{width:58px!important;height:58px!important;font-size:1.02rem!important;box-shadow:0 0 0 8px rgba(255,23,77,.10),0 14px 32px rgba(255,23,77,.27)!important}.music-main-library-v1753 .music-cover-v16{width:76px!important;height:76px!important;border-radius:20px!important}.music-main-library-v1753 .music-card-info strong{font-size:1.12rem!important;line-height:1.15!important}.music-main-library-v1753 .music-card-info span{font-size:.95rem!important}.music-main-library-v1753 .music-card-actions{gap:8px!important}.music-main-library-v1753 .music-card-actions .mini-btn,.music-main-library-v1753 .music-card-actions button,.music-main-library-v1753 .add-to-playlist-form select{min-height:38px!important;border-radius:999px!important}.music-main-library-v1753 .add-to-playlist-form{display:flex!important;gap:7px!important;flex-wrap:wrap!important;align-items:center!important}.music-main-library-v1753 .add-to-playlist-form select{max-width:210px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;padding:0 12px!important}
.music-side-playlists-v1753 .playlist-toolbar{padding:12px!important;border-radius:24px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important}.music-side-playlists-v1753 .playlist-toolbar input{min-height:48px!important;border-radius:18px!important}.music-side-playlists-v1753 .playlist-toolbar-filters{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.music-side-playlists-v1753 .playlist-toolbar-filters .mini-btn{padding:0 10px!important;min-height:38px!important;text-align:center!important}.music-side-playlists-v1753 .playlist-list{display:grid!important;gap:14px!important}.music-side-playlists-v1753 .playlist-card{border-radius:26px!important;overflow:hidden!important;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,23,77,.07))!important}.music-side-playlists-v1753 .playlist-card-head{display:block!important}.music-side-playlists-v1753 .playlist-card h3{font-size:1.12rem!important;line-height:1.15!important}.music-side-playlists-v1753 .playlist-play-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:12px!important}.music-side-playlists-v1753 .playlist-play-actions button{flex:1 1 120px!important;border-radius:999px!important}.music-side-playlists-v1753 .playlist-track{grid-template-columns:40px 44px minmax(0,1fr)!important}.music-side-playlists-v1753 .playlist-track form{grid-column:1/-1!important}.music-side-playlists-v1753 .playlist-track img{width:44px!important;height:44px!important;border-radius:12px!important}.music-side-playlists-v1753 .playlist-track strong,.music-side-playlists-v1753 .playlist-track span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:980px){
.music-grid-v1753{grid-template-columns:1fr!important;grid-template-areas:"hub" "library" "playlists"!important;gap:16px!important}.music-hub-card-v1753{grid-template-columns:1fr!important;padding:18px!important;border-radius:26px!important}.music-hub-actions-v1753{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.music-side-playlists-v1753{position:relative!important;top:auto!important}.music-section-head-v1753{display:grid!important;gap:8px!important}.music-section-head-v1753 .playlist-head-actions-v1751{justify-content:flex-start!important}.music-main-library-v1753 .music-library-toolbar-v161,.music-main-library-v1753 .music-library-toolbar-v162{top:0!important}
}
@media(max-width:640px){
.music-page-v16 .community-tabs-mini{margin-bottom:12px!important}.music-grid-v1753{padding-left:14px!important;padding-right:14px!important}.music-hub-card-v1753{padding:15px!important}.music-hub-copy-v1753 .title-lg{font-size:1.55rem!important}.music-hub-copy-v1753 p{font-size:.9rem!important}.music-hub-actions-v1753{grid-template-columns:1fr 1fr!important;gap:8px!important}.music-hub-actions-v1753>.music-pill-v1753,.music-hub-actions-v1753>.music-panel-toggle-v1753>summary{min-height:46px!important;padding:0 10px!important;font-size:.86rem!important;border-radius:16px!important}.music-panel-toggle-v1753[open]{padding:12px!important}.music-panel-toggle-v1753 .music-upload-form-v16,.music-panel-toggle-v1753 .playlist-create-form{grid-template-columns:1fr!important}.music-main-library-v1753 .music-card-v16,.music-main-library-v1753 .music-card-v162{padding:12px!important;border-radius:24px!important}.music-main-library-v1753 .music-card-main{grid-template-columns:48px 58px minmax(0,1fr)!important;gap:10px!important}.music-main-library-v1753 .site-music-play.big{width:48px!important;height:48px!important}.music-main-library-v1753 .music-cover-v16{width:58px!important;height:58px!important;border-radius:16px!important}.music-main-library-v1753 .music-card-info strong{font-size:1rem!important}.music-main-library-v1753 .music-card-info small{font-size:.75rem!important}.music-main-library-v1753 .music-card-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.music-main-library-v1753 .music-card-actions form,.music-main-library-v1753 .music-card-actions .add-to-playlist-form{width:100%!important}.music-main-library-v1753 .music-card-actions .mini-btn,.music-main-library-v1753 .music-card-actions button,.music-main-library-v1753 .add-to-playlist-form select{width:100%!important;max-width:none!important}.music-comment-form-v16{display:grid!important;grid-template-columns:1fr auto!important}.music-comment-form-v16 input{min-width:0!important}.music-side-playlists-v1753 .playlist-toolbar-filters{grid-template-columns:1fr!important}.playlist-head-actions-v1751{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important}.playlist-head-actions-v1751 .mini-btn{padding:0 8px!important;min-height:38px!important}.music-section-head-v1753 h2{font-size:1.35rem!important}
}
/* V17.55 — Vibe final, abas limpas e comentários sem sair do vídeo */
.community-tabs-clean-v1755{display:flex!important;align-items:center!important;gap:10px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important;padding-bottom:4px!important}.community-tabs-clean-v1755::-webkit-scrollbar{display:none!important}.community-tabs-clean-v1755 a{white-space:nowrap!important;min-height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.community-tabs-clean-v1755 a:nth-child(n+6){display:none!important}
body.sf-vibe-body .topbar,body.sf-vibe-body .site-whatsapp-float,body.sf-vibe-body .whatsapp-float,body.sf-vibe-body [href*="wa.me"]{display:none!important}
body.sf-vibe-body{background:#000!important;overscroll-behavior:none!important}.vibe-shell-v1755{height:100dvh!important;overflow:hidden!important}.vibe-page-v1755{height:100dvh!important;overflow:hidden!important;background:#000!important}
.vibe-loader-v1755{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#000;color:#fff;gap:10px;transition:opacity .25s ease,visibility .25s ease}.vibe-loader-v1755 span{width:54px;height:54px;border-radius:50%;border:4px solid rgba(255,255,255,.16);border-top-color:#ff174d;animation:sfspin 1s linear infinite}.vibe-loader-v1755 b{font-weight:950;letter-spacing:.03em}.vibe-loader-v1755.hide{opacity:0;visibility:hidden;pointer-events:none}@keyframes sfspin{to{transform:rotate(360deg)}}
.vibe-app-top-v1755{grid-template-columns:54px minmax(0,1fr) 54px!important;top:max(10px,env(safe-area-inset-top))!important;z-index:98!important;padding:0 12px!important}.vibe-back-v1755,.vibe-post-plus-v1755{pointer-events:auto!important;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);color:#fff!important;text-decoration:none;font-size:34px;font-weight:900;line-height:1}.vibe-post-plus-v1755{font-size:28px;background:linear-gradient(135deg,#ff1735,#ff5ca8)}.vibe-tabs-v1755{gap:28px!important;justify-content:center!important}.vibe-tabs-v1755 a{font-size:18px!important;color:rgba(255,255,255,.78)!important}.vibe-tabs-v1755 a.active{font-size:22px!important;color:#fff!important}.vibe-tabs-v1755 a.active:after{bottom:-7px!important;background:#fff!important}
body.sf-vibe-body .vibe-feed-v1755{height:100dvh!important;width:100vw!important;scroll-snap-type:y mandatory!important;background:#000!important;overflow-y:auto!important;scrollbar-width:none!important}.vibe-feed-v1755::-webkit-scrollbar{display:none}.vibe-slide-v1755{height:100dvh!important;min-height:100dvh!important;width:100vw!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;background:#000!important;display:grid!important;place-items:center!important;overflow:hidden!important}.vibe-slide-v1755:before{background:radial-gradient(circle at 50% 20%,rgba(255,24,70,.12),transparent 38%),linear-gradient(90deg,rgba(255,24,70,.18),transparent 30%,transparent 70%,rgba(255,24,70,.16))!important}
body.sf-vibe-body .vibe-media-frame-v1755{width:min(100vw,56.25dvh)!important;height:100dvh!important;max-width:510px!important;background:#050203!important;position:relative!important;z-index:1!important;box-shadow:0 0 120px rgba(255,23,77,.12)!important}body.sf-vibe-body .vibe-media-v1755{width:100%!important;height:100dvh!important;object-fit:cover!important;aspect-ratio:9/16!important;border-radius:0!important;background:#000!important}.vibe-sound-hint-v1755{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;border:0;border-radius:999px;background:rgba(0,0,0,.42);color:#fff;font-weight:950;padding:13px 18px;backdrop-filter:blur(14px);box-shadow:0 14px 50px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.2s}.vibe-slide-v1755.needs-sound .vibe-sound-hint-v1755{opacity:1;pointer-events:auto}.vibe-slide-v1755.is-playing .vibe-sound-hint-v1755{opacity:0;pointer-events:none}
body.sf-vibe-body .vibe-actions-v1755{right:calc(50% - min(50vw,255px) + 10px)!important;bottom:max(92px,calc(env(safe-area-inset-bottom) + 82px))!important;gap:13px!important;z-index:30!important}.vibe-actions-v1755 button,.vibe-actions-v1755>a,.vibe-actions-v1755 summary{width:54px!important;min-height:54px!important;border-radius:999px!important;background:rgba(12,12,18,.28)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;backdrop-filter:blur(16px)!important;box-shadow:0 16px 44px rgba(0,0,0,.34)!important;font-size:20px!important}.vibe-actions-v1755 span{display:block!important;font-size:10px!important;margin-top:2px!important}.vibe-actions-v1755 form{margin:0!important}.vibe-actions-v1755 details{position:relative}.vibe-more-v1755>summary{font-size:22px!important}.vibe-more-menu-v1755{position:absolute;right:64px;bottom:0;min-width:230px;display:grid;gap:8px;padding:12px;border-radius:22px;background:rgba(8,2,5,.96);border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 70px rgba(0,0,0,.5);backdrop-filter:blur(16px)}.vibe-more-menu-v1755 a,.vibe-more-menu-v1755 button,.vibe-more-menu-v1755 summary{width:100%!important;min-height:42px!important;border-radius:14px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;text-decoration:none!important;color:#fff!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.08)!important;font-size:14px!important}.vibe-more-menu-v1755 form{display:grid!important;gap:8px!important}.vibe-more-menu-v1755 textarea,.vibe-more-menu-v1755 input,.vibe-more-menu-v1755 select{width:100%!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;padding:10px!important}.vibe-more-menu-v1755 .danger{background:rgba(255,20,70,.22)!important}
.vibe-comments-sheet-v1755>summary{list-style:none}.vibe-comments-sheet-v1755>summary::-webkit-details-marker{display:none}.vibe-comment-panel-v1755{position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100vw,520px)!important;max-height:72dvh!important;overflow:auto!important;z-index:120!important;padding:18px!important;border-radius:28px 28px 0 0!important;background:rgba(10,2,6,.96)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 -30px 90px rgba(0,0,0,.6)!important;backdrop-filter:blur(18px)!important;color:#fff!important}.vibe-comment-panel-v1755>strong{display:block;font-size:1.1rem;margin-bottom:12px}.vibe-comment-panel-v1755 .comments-area{background:transparent;border:0;padding:0}.vibe-comment-panel-v1755 .comment-form{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(10,2,6,.82),rgba(10,2,6,.98));padding-top:12px}.vibe-comment-panel-v1755 .comment-item,.vibe-comment-panel-v1755 .reply-item{background:rgba(255,255,255,.05);border-radius:18px;padding:10px;margin-bottom:9px}.vibe-comment-panel-v1755 .author-row img{width:34px;height:34px}.vibe-comment-panel-v1755 input{min-width:0}.vibe-comment-panel-v1755 .comment-form{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.vibe-comment-panel-v1755 .comment-photo-picker{white-space:nowrap}
body.sf-vibe-body .vibe-user-overlay-v1755{left:calc(50% - min(50vw,255px) + 14px)!important;bottom:max(94px,calc(env(safe-area-inset-bottom) + 86px))!important;z-index:22!important}.vibe-user-overlay-v1755 .sf-special-badge span,.vibe-user-overlay-v1755 .relikia-badge span{display:none!important}.vibe-user-overlay-v1755 strong{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.vibe-caption-v1755{left:calc(50% - min(50vw,255px) + 14px)!important;bottom:max(38px,calc(env(safe-area-inset-bottom) + 34px))!important;z-index:22!important;max-width:min(68vw,360px)!important}.vibe-caption-v1755 p{font-size:14px!important;line-height:1.3!important}
.vibe-compose-modal-v1755{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.55);backdrop-filter:blur(10px)}.vibe-compose-backdrop-v1755{position:absolute;inset:0}.vibe-compose-card-v1755{position:relative;z-index:1;width:min(94vw,560px);max-height:88dvh;overflow:auto;border-radius:30px;padding:20px;background:linear-gradient(155deg,rgba(45,4,18,.98),rgba(9,2,6,.98));border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 100px rgba(0,0,0,.55)}.vibe-compose-head-v1755{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.vibe-compose-head-v1755 strong{font-size:1.3rem}.vibe-upload-form-v1755{display:grid;gap:12px}.vibe-upload-form-v1755 input,.vibe-upload-form-v1755 textarea,.vibe-upload-form-v1755 select{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;padding:12px}.vibe-music-picker-v1755{border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:10px;background:rgba(255,255,255,.04)}
@media(min-width:900px){body.sf-vibe-body .vibe-media-frame-v1755{max-width:460px!important}body.sf-vibe-body .vibe-actions-v1755{right:calc(50vw - 230px + 12px)!important}body.sf-vibe-body .vibe-user-overlay-v1755,body.sf-vibe-body .vibe-caption-v1755{left:calc(50vw - 230px + 16px)!important}.vibe-app-top-v1755{grid-template-columns:80px minmax(0,1fr) 80px!important;padding:0 calc(50vw - 280px)!important}}
@media(max-width:760px){.community-tabs-clean-v1755{padding-left:14px!important;padding-right:14px!important;margin-left:-14px!important;margin-right:-14px!important}.community-tabs-clean-v1755 a{font-size:.92rem!important;padding:10px 14px!important;min-height:42px!important}.vibe-app-top-v1755{grid-template-columns:46px minmax(0,1fr) 46px!important}.vibe-back-v1755,.vibe-post-plus-v1755{width:42px;height:42px}.vibe-tabs-v1755{gap:22px!important}.vibe-tabs-v1755 a{font-size:17px!important}.vibe-tabs-v1755 a.active{font-size:20px!important}body.sf-vibe-body .vibe-media-frame-v1755{width:100vw!important;max-width:100vw!important}body.sf-vibe-body .vibe-actions-v1755{right:10px!important;bottom:max(92px,calc(env(safe-area-inset-bottom) + 82px))!important}.vibe-actions-v1755 button,.vibe-actions-v1755>a,.vibe-actions-v1755 summary{width:52px!important;min-height:52px!important}.vibe-more-menu-v1755{right:58px!important;width:min(230px,72vw)!important}.vibe-comment-panel-v1755{width:100vw!important;border-radius:24px 24px 0 0!important;max-height:76dvh!important}.vibe-comment-panel-v1755 .comment-form{grid-template-columns:1fr auto!important}.vibe-comment-panel-v1755 .comment-photo-picker{grid-column:1/3}.vibe-user-overlay-v1755,.vibe-caption-v1755{left:14px!important}.vibe-caption-v1755{max-width:70vw!important}}
/* V17.56 - Vibe sem loop infinito, música legível e app direto no Feed */
.vibe-loader-v1755{animation:sfLoaderAutoHide .28s ease 1.15s forwards!important}
.vibe-loader-v1755.hide{animation:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@keyframes sfLoaderAutoHide{to{opacity:0;visibility:hidden;pointer-events:none}}
.vibe-empty-slide-v1756{background:radial-gradient(circle at 50% 30%,rgba(255,23,77,.18),transparent 42%),#000!important}
.vibe-empty-card-v1756{position:relative;z-index:5;display:grid;gap:14px;place-items:center;background:rgba(14,3,8,.78)!important;backdrop-filter:blur(18px);box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 60px rgba(255,23,77,.12)}
.vibe-empty-card-v1756 h1{margin:0;font-size:clamp(2rem,7vw,4.2rem);text-transform:uppercase;letter-spacing:.02em}.vibe-empty-card-v1756 p{margin:0;color:rgba(255,255,255,.78);font-weight:800}.vibe-empty-card-v1756 .mini-btn{color:#fff;text-decoration:none}
.music-main-library-v1753 .music-card-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;min-width:0!important;overflow:hidden!important;line-height:1.15!important}.music-main-library-v1753 .music-card-info strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;line-height:1.15!important;max-height:2.35em!important;margin:0!important;width:100%!important}.music-main-library-v1753 .music-card-info span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.12!important;margin:0!important;width:100%!important}.music-main-library-v1753 .music-card-info small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.18!important;width:100%!important}.music-main-library-v1753 .music-card-main{align-items:center!important}.music-main-library-v1753 .music-card-v16,.music-main-library-v1753 .music-card-v162{min-width:0!important;overflow:hidden!important}
@media(max-width:760px){.music-main-library-v1753 .music-card-main{grid-template-columns:44px 54px minmax(0,1fr)!important;gap:9px!important}.music-main-library-v1753 .music-card-info strong{font-size:.94rem!important;line-height:1.13!important;max-height:2.28em!important}.music-main-library-v1753 .music-card-info span{font-size:.82rem!important}.music-main-library-v1753 .music-card-info small{font-size:.70rem!important}.music-main-library-v1753 .site-music-play.big{width:44px!important;height:44px!important}.music-main-library-v1753 .music-cover-v16{width:54px!important;height:54px!important}}