:root{--bg:#08111f;--panel:#101b2e;--panel2:#14223a;--text:#edf6ff;--muted:#91a6c4;--gold:#f5c15b;--cyan:#46d9ff;--green:#4df0a8;--red:#ff647c;--line:rgba(255,255,255,.09)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#112443,#07101f 55%,#050914);color:var(--text)}a{color:inherit;text-decoration:none}p{line-height:1.55}.bg-orb{position:fixed;border-radius:999px;filter:blur(80px);opacity:.22;z-index:-1}.orb1{width:380px;height:380px;background:var(--cyan);top:-80px;left:10%}.orb2{width:420px;height:420px;background:var(--gold);right:0;bottom:10%}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:rgba(8,17,31,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:24px}.brand span{color:var(--gold)}.brand small{font-size:11px;margin-left:6px;color:var(--cyan)}.nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.nav a{color:var(--muted);font-size:14px}.nav a:hover{color:white}.container{max-width:1240px;margin:0 auto;padding:34px 22px}.footer{text-align:center;color:var(--muted);padding:50px 20px}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:28px;align-items:center;padding:55px 0}.hero h1{font-size:56px;line-height:1.02;margin:8px 0}.hero p{font-size:19px;color:var(--muted)}.hero-panel,.card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 18px 70px rgba(0,0,0,.24)}.glow{box-shadow:0 0 0 1px rgba(70,217,255,.12),0 22px 80px rgba(70,217,255,.08)}.eyebrow{color:var(--cyan);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer}.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}.btn.primary{background:linear-gradient(135deg,var(--gold),#ff8d55);color:#14100a;border:0}.btn.ghost{background:transparent}.btn.danger{background:rgba(255,100,124,.16);border-color:rgba(255,100,124,.35);color:#ffd5dc}.btn.small{padding:7px 11px;font-size:13px}.row{display:flex;align-items:center}.gap{gap:10px;flex-wrap:wrap}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:1fr 360px}.grid.side{grid-template-columns:minmax(0,1fr) 330px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.five{grid-template-columns:repeat(5,1fr)}.masonry{columns:2 360px;column-gap:22px}.masonry .card{break-inside:avoid;margin-bottom:22px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.page-head h1{margin:0;font-size:38px}.muted{color:var(--muted)}.strong{font-weight:900}.post-head{display:flex;gap:12px;align-items:center}.avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#8d6bff);font-weight:900;color:#06101e}.avatar.big{width:92px;height:92px;font-size:38px}.post-card h3{font-size:23px}.post-card p{color:#c7d6e8}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tag,.tags span{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(70,217,255,.12);color:#c9f6ff;font-size:12px;margin:2px}.tag.premium{background:rgba(245,193,91,.16);color:#ffe0a0}.hash{font-size:12px;color:var(--muted)}.form{display:flex;flex-direction:column;gap:14px}.form.wide{max-width:850px;margin:auto}.form label{display:flex;flex-direction:column;gap:6px;color:#c7d6e8;font-weight:700}.form input,.form textarea,.form select,.search input,.inline-form input{width:100%;background:rgba(0,0,0,.22);border:1px solid var(--line);border-radius:14px;padding:12px;color:#fff;outline:none}.form textarea{resize:vertical}.check{flex-direction:row!important;align-items:center}.check input{width:auto}.alert{background:rgba(255,100,124,.15);border:1px solid rgba(255,100,124,.35);padding:12px;border-radius:14px}.center-card{min-height:65vh;display:flex;align-items:center;justify-content:center}.center-card .card{max-width:620px;width:100%}.search{display:flex;gap:10px}.search.big{margin-bottom:22px}.block{display:block}.metric{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0}.metric b{font-size:26px;color:var(--gold)}.mission{border-bottom:1px solid var(--line);padding:12px 0}.comment,.item,.product-mini{padding:12px 0;border-bottom:1px solid var(--line)}.inline-form{display:flex;gap:10px;align-items:center}.profile-hero,.community-hero{display:flex;gap:22px;align-items:center;margin-bottom:24px}.grow{flex:1}.answer{white-space:pre-wrap;background:rgba(0,0,0,.25);border-radius:16px;padding:14px;color:#d8e9ff;max-height:360px;overflow:auto}.passport{text-align:center}.score{font-size:78px;font-weight:1000;color:var(--gold)}.score-sm{min-width:62px;height:62px;border-radius:18px;background:rgba(245,193,91,.12);display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:1000}.radar-row{display:flex;gap:16px}.price{font-size:40px;font-weight:1000;color:var(--gold)}.ai-box{border:1px dashed rgba(70,217,255,.35);background:rgba(70,217,255,.08);border-radius:16px;padding:14px;color:#c9f6ff}@media(max-width:900px){.hero,.grid.two,.grid.side,.grid.three,.grid.five{grid-template-columns:1fr}.hero h1{font-size:38px}.topbar{align-items:flex-start;gap:10px;flex-direction:column}.nav{gap:10px}.page-head{flex-direction:column}.profile-hero,.community-hero{align-items:flex-start;flex-direction:column}.inline-form,.search{flex-direction:column}}

/* VivaMee V7.2 — Balões ocultos de preenchimento */
.form label.with-help{position:relative;padding-right:42px}.help-dot{position:absolute;right:2px;top:0;width:26px;height:26px;border-radius:999px;border:1px solid rgba(70,217,255,.35);background:rgba(70,217,255,.11);color:#c9f6ff;font-weight:1000;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.22);line-height:1}.help-dot:hover,.help-dot.active{background:linear-gradient(135deg,var(--cyan),#8d6bff);color:#06101e;border-color:transparent;transform:translateY(-1px)}.help-popover{display:none;position:absolute;right:0;top:32px;z-index:40;width:min(330px,calc(100vw - 48px));padding:14px;border-radius:18px;border:1px solid rgba(70,217,255,.32);background:linear-gradient(180deg,rgba(15,29,50,.98),rgba(7,15,29,.98));box-shadow:0 22px 80px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.04);color:#d8e9ff}.help-popover.open{display:block;animation:helpPop .14s ease-out}.help-popover b{display:block;color:var(--gold);margin-bottom:6px;font-size:14px}.help-popover span{display:block;color:#c7d6e8;font-weight:500;line-height:1.48;font-size:13px}.form-guide-mini{border:1px dashed rgba(245,193,91,.34);background:rgba(245,193,91,.08);color:#ffe6ae;border-radius:16px;padding:10px 12px;font-size:13px}.form-guide-mini b{color:#fff}.page-guide{position:fixed;right:22px;bottom:22px;z-index:80}.page-guide-toggle{width:48px;height:48px;border-radius:999px;border:1px solid rgba(245,193,91,.4);background:linear-gradient(135deg,var(--gold),#ff8d55);color:#14100a;font-size:20px;font-weight:1000;cursor:pointer;box-shadow:0 16px 55px rgba(0,0,0,.36)}.page-guide-panel{display:none;position:absolute;right:0;bottom:60px;width:min(360px,calc(100vw - 44px));padding:16px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,31,52,.98),rgba(8,17,31,.98));box-shadow:0 22px 90px rgba(0,0,0,.48)}.page-guide.open .page-guide-panel{display:block;animation:helpPop .16s ease-out}.page-guide-panel b{display:block;color:var(--gold);font-size:16px;margin-bottom:8px}.page-guide-panel p{font-size:13px;margin:8px 0;color:#d8e9ff}@keyframes helpPop{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:700px){.form label.with-help{padding-right:36px}.help-popover{left:0;right:auto;width:min(330px,calc(100vw - 50px))}.page-guide{right:14px;bottom:14px}.page-guide-toggle{width:44px;height:44px}}

/* VivaMee V7.3 — Upload de fotos e vídeos */
.media-preview{border:1px dashed rgba(70,217,255,.35);background:rgba(70,217,255,.06);border-radius:18px;padding:14px;min-height:84px;display:flex;align-items:center;justify-content:center;color:#c9f6ff;overflow:hidden}.media-preview.empty{color:var(--muted)}.media-preview img,.media-preview video{max-width:100%;max-height:360px;border-radius:16px;border:1px solid var(--line);background:#030814}.media-strip{display:grid;gap:10px;margin:14px 0}.media-image,.media-video{width:100%;max-height:460px;object-fit:cover;border-radius:18px;border:1px solid var(--line);background:#030814;box-shadow:0 18px 45px rgba(0,0,0,.22)}.media-video{object-fit:contain}.media-full{display:grid;gap:14px;margin:18px 0}.media-image.full,.media-video.full{max-height:72vh;object-fit:contain}.media-item{display:grid;gap:8px}.small-text{font-size:12px}.upload-note{font-size:13px;color:#c9f6ff;background:rgba(70,217,255,.08);border:1px solid rgba(70,217,255,.18);border-radius:14px;padding:10px}

/* VivaMee V7.4 — Avatar Studio + Foto de perfil + Capa */
.profile-cover{background-size:cover;background-position:center;overflow:hidden;padding:0}.profile-cover-inner{display:flex;gap:22px;align-items:flex-end;min-height:260px;padding:26px;background:linear-gradient(180deg,rgba(5,9,20,.08),rgba(5,9,20,.72))}.avatar-shell{display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-shell.big,.avatar-shell.preview{width:112px;height:112px}.avatar-image{display:block;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.16);box-shadow:0 18px 50px rgba(0,0,0,.36);background:#08111f}.avatar-image.big,.avatar-image.preview{width:112px;height:112px}.profile-preview-cover{min-height:190px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(70,217,255,.12),rgba(245,193,91,.10));display:flex;align-items:flex-end;justify-content:flex-start;padding:18px;background-size:cover;background-position:center}.small-text{font-size:13px}.profile-cover h1{margin:0 0 6px;font-size:38px}.profile-cover p{margin:6px 0}.profile-cover .tags{margin-top:14px}.avatar-image[src$='.svg']{background:linear-gradient(135deg,#0e1b30,#12233c)}
@media(max-width:900px){.profile-cover-inner{flex-direction:column;align-items:flex-start;min-height:unset}.avatar-shell.big,.avatar-shell.preview,.avatar-image.big,.avatar-image.preview{width:96px;height:96px}.profile-cover h1{font-size:30px}}


/* VivaMee V7.5 — Perfil Multimídia Vivo */
.profile-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px;padding:12px}.profile-tabs a{padding:10px 14px;border-radius:999px;color:var(--muted);font-weight:900;border:1px solid transparent}.profile-tabs a:hover,.profile-tabs a.active{background:rgba(70,217,255,.12);color:#fff;border-color:rgba(70,217,255,.28)}.status-rail{display:flex;gap:12px;overflow:auto;padding:4px 2px 16px;margin-bottom:16px}.status-bubble{min-width:150px;max-width:190px;min-height:110px;border-radius:24px;padding:14px;border:1px solid var(--line);box-shadow:0 16px 35px rgba(0,0,0,.22)}.status-bubble b,.status-card .eyebrow{display:block;color:#fff}.status-bubble span{display:block;color:#d9e7f8;font-size:13px;margin-top:6px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.status-card{min-height:220px}.status-card.aurora,.status-bubble.aurora{background:linear-gradient(135deg,rgba(70,217,255,.18),rgba(141,107,255,.18))}.status-card.neon,.status-bubble.neon{background:linear-gradient(135deg,rgba(0,240,255,.20),rgba(255,79,216,.18))}.status-card.royal,.status-bubble.royal{background:linear-gradient(135deg,rgba(124,168,255,.20),rgba(109,77,255,.18))}.status-card.warm,.status-bubble.warm{background:linear-gradient(135deg,rgba(255,154,90,.22),rgba(255,95,127,.18))}.status-card.mono,.status-bubble.mono{background:linear-gradient(135deg,rgba(215,229,255,.14),rgba(127,147,184,.12))}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.media-tile{display:block;overflow:hidden;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--line);min-height:180px}.media-tile img,.media-tile video{width:100%;height:220px;object-fit:cover;display:block}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.album-card{display:block;overflow:hidden}.album-card img{width:100%;height:180px;object-fit:cover;border-radius:18px;border:1px solid var(--line);margin-bottom:10px}.album-placeholder{height:180px;border-radius:18px;border:1px dashed rgba(70,217,255,.35);display:flex;align-items:center;justify-content:center;color:#c9f6ff;background:rgba(70,217,255,.08);font-weight:900;margin-bottom:10px}.profile-cover{background-size:cover;background-position:center;overflow:hidden;padding:0}.profile-cover-inner{display:flex;gap:22px;align-items:flex-end;min-height:260px;padding:26px;background:linear-gradient(180deg,rgba(5,9,20,.08),rgba(5,9,20,.72))}.avatar-shell{display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-shell.big,.avatar-shell.preview{width:112px;height:112px}.avatar-image{display:block;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.16);box-shadow:0 18px 50px rgba(0,0,0,.36);background:#08111f}.avatar-image.big,.avatar-image.preview{width:112px;height:112px}
@media(max-width:900px){.profile-tabs{overflow:auto;flex-wrap:nowrap}.profile-cover-inner{flex-direction:column;align-items:flex-start;min-height:unset}.avatar-shell.big,.avatar-image.big{width:96px;height:96px}}


/* VivaMee V7.6 — Câmera Mobile + Live Studio */
.live-card{overflow:hidden}.live-thumb{width:100%;height:180px;object-fit:cover;border-radius:18px;border:1px solid var(--line);background:#030814}.live-thumb.placeholder{display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:1000;color:var(--gold);background:linear-gradient(135deg,rgba(245,193,91,.15),rgba(70,217,255,.12))}.live-preview-box{position:relative;min-height:360px;border-radius:22px;border:1px solid var(--line);overflow:hidden;background:#030814;display:flex;align-items:center;justify-content:center;margin:14px 0}.live-preview{width:100%;max-height:520px;background:#030814}.live-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:900;background:linear-gradient(135deg,rgba(70,217,255,.08),rgba(245,193,91,.06))}.hidden-canvas{display:none}.live-snapshot{display:none;width:100%;max-height:260px;object-fit:contain;border-radius:18px;border:1px solid var(--line);margin-top:14px;background:#030814}.live-chat-list{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:8px;margin-bottom:12px}.live-public-screen{height:430px;border-radius:22px;border:1px solid rgba(245,193,91,.35);background:radial-gradient(circle at center,rgba(245,193,91,.18),rgba(70,217,255,.10),rgba(3,8,20,.98));display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:48px;font-weight:1000;color:var(--gold)}.live-public-screen span{font-size:15px;color:#d8e9ff;margin-top:10px}.muted-screen{color:var(--muted);border-color:var(--line);background:rgba(255,255,255,.04)}.live-watch-thumb{width:100%;max-height:520px;object-fit:cover;border-radius:22px;border:1px solid var(--line)}@media(max-width:900px){.live-public-screen{height:260px;font-size:34px}.live-preview-box{min-height:260px}}


/* VivaMee V7.7 — Owner Lock */
.owner-lock-card{max-width:720px;width:100%}.owner-warning{margin-top:18px;padding:14px;border-radius:16px;border:1px dashed rgba(245,193,91,.38);background:rgba(245,193,91,.08);color:#ffe5ad;line-height:1.55}.owner-lock-card h1{font-size:38px;margin:8px 0}.owner-lock-card .form{margin-top:18px}.owner-lock-card .ai-box{margin:16px 0}

/* VivaMee V7.8 — Social Themes & Profile Identity */
.social-topbar{gap:18px}.top-search{flex:1;max-width:420px}.top-search input{width:100%;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:999px;color:var(--text);padding:11px 16px}.social-shell{display:grid;grid-template-columns:210px minmax(0,1fr) 310px;gap:22px;align-items:start}.left-rail{position:sticky;top:86px;display:grid;gap:8px;padding:14px}.left-rail a{padding:11px 12px;border-radius:14px;color:var(--muted);font-weight:850}.left-rail a:hover{background:rgba(255,255,255,.08);color:#fff}.right-rail{position:sticky;top:86px;display:grid;gap:16px}.social-feed{min-width:0}.composer-card{display:grid;gap:14px}.composer-input{flex:1;display:block;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:999px;padding:13px 17px;color:var(--muted)}.composer-actions{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}.composer-actions a{flex:1;text-align:center;min-width:95px;padding:10px;border-radius:14px;background:rgba(255,255,255,.05);font-weight:900;color:#d8e9ff}.story-add,.story-bubble{min-width:104px;height:126px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:12px;font-weight:900}.story-add{font-size:32px;color:var(--gold)}.story-add span{font-size:12px;color:#ffe5ad;margin-top:8px}.story-bubble b{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cyan),#8d6bff);color:#07101f}.story-bubble span{font-size:12px;color:var(--muted);margin-top:8px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:22px}.theme-card{min-height:250px;overflow:hidden}.theme-mini-top{height:70px;border-radius:18px;margin-bottom:14px;border:1px solid rgba(255,255,255,.15)}.theme-demo-card{margin-top:14px;padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08)}.profile-cover-sample{height:150px;border-radius:22px;border:1px solid var(--line);margin-bottom:18px;background:linear-gradient(135deg,var(--user-primary),var(--user-secondary));opacity:.7}.profile-theme-preview{min-height:520px}
body[data-theme="orkut-retro"],.theme-orkut-retro{--bg:#f2e9ff;--panel:#fff;--panel2:#efe5ff;--text:#2b164d;--muted:#735d93;--gold:#b76cff;--cyan:#7d51d8;background:linear-gradient(180deg,#f7f1ff,#e8dcff)!important;color:var(--text)}body[data-theme="orkut-retro"] .card,.theme-orkut-retro.card,.theme-orkut-retro .theme-demo-card{background:#fff;border-color:#dbc6ff;color:#2b164d}
body[data-theme="social-blue"],.theme-social-blue{--bg:#f3f7ff;--panel:#fff;--panel2:#e9f1ff;--text:#10213d;--muted:#53657f;--gold:#1877f2;--cyan:#1877f2;background:#f3f7ff!important;color:var(--text)}body[data-theme="social-blue"] .card,.theme-social-blue.card,.theme-social-blue .theme-demo-card{background:#fff;color:#10213d;border-color:#d7e4f7}
body[data-theme="creator-neon"],.theme-creator-neon{--bg:#070010;--panel:#130521;--panel2:#1d0833;--text:#f7edff;--muted:#c49be8;--gold:#ff4fd8;--cyan:#00f0ff;background:radial-gradient(circle at top left,#281052,#070010 60%)!important;color:var(--text)}body[data-theme="creator-neon"] .card,.theme-creator-neon.card,.theme-creator-neon .theme-demo-card{border-color:rgba(0,240,255,.25);background:linear-gradient(180deg,rgba(255,79,216,.10),rgba(0,240,255,.05))}
body[data-theme="minimal-white"],.theme-minimal-white{--bg:#fbfcff;--panel:#fff;--panel2:#f4f6fa;--text:#111827;--muted:#667085;--gold:#2563eb;--cyan:#0ea5e9;background:#fbfcff!important;color:var(--text)}body[data-theme="minimal-white"] .card,.theme-minimal-white.card,.theme-minimal-white .theme-demo-card{background:#fff;color:#111827;border-color:#eaecf0}
body[data-theme="gold-executive"],.theme-gold-executive{--bg:#090806;--panel:#15120d;--panel2:#1e190f;--text:#fff8e8;--muted:#b8aa8a;--gold:#f5c15b;--cyan:#f7d27f;background:radial-gradient(circle at right,#2b2110,#090806 60%)!important;color:var(--text)}body[data-theme="gold-executive"] .card,.theme-gold-executive.card,.theme-gold-executive .theme-demo-card{border-color:rgba(245,193,91,.24);background:linear-gradient(180deg,rgba(245,193,91,.10),rgba(255,255,255,.03))}
body[data-theme="city-local"],.theme-city-local{--bg:#eefbf5;--panel:#fff;--panel2:#e2f7ec;--text:#123327;--muted:#53756a;--gold:#ff9f43;--cyan:#10b981;background:linear-gradient(180deg,#f4fff9,#e2f7ec)!important;color:var(--text)}body[data-theme="city-local"] .card,.theme-city-local.card,.theme-city-local .theme-demo-card{background:#fff;color:#123327;border-color:#c9ebdc}
body[data-theme="gamer-pulse"],.theme-gamer-pulse{--bg:#050711;--panel:#0e1428;--panel2:#151f3e;--text:#eef4ff;--muted:#94a3c7;--gold:#8bff69;--cyan:#00e5ff;background:radial-gradient(circle at top,#172b66,#050711 60%)!important;color:var(--text)}
body[data-theme="artist-canvas"],.theme-artist-canvas{--bg:#180d1f;--panel:#24152d;--panel2:#331b43;--text:#fff5fb;--muted:#d0a9c8;--gold:#ff9a5a;--cyan:#ff5f7f;background:linear-gradient(135deg,#180d1f,#34234a,#44201e)!important;color:var(--text)}
body[data-theme="vintage-memory"],.theme-vintage-memory{--bg:#f5efe3;--panel:#fffaf0;--panel2:#efe4d1;--text:#3f2c1d;--muted:#826c58;--gold:#b7791f;--cyan:#7c6f64;background:linear-gradient(180deg,#f8f1e5,#e9dcc7)!important;color:var(--text)}body[data-theme="vintage-memory"] .card,.theme-vintage-memory.card,.theme-vintage-memory .theme-demo-card{background:#fffaf0;color:#3f2c1d;border-color:#e0ceb2}
body[data-card-style="flat"] .card{box-shadow:none;background:var(--panel)}body[data-card-style="outlined"] .card{box-shadow:none;background:transparent;border-width:2px}body[data-card-style="elevated"] .card{box-shadow:0 24px 80px rgba(0,0,0,.28)}body[data-radius="square"] .card,body[data-radius="square"] .btn,body[data-radius="square"] input,body[data-radius="square"] textarea,body[data-radius="square"] select{border-radius:6px!important}body[data-radius="super"] .card{border-radius:34px!important}body[data-density="compact"] .container{padding-top:18px}body[data-density="spacious"] .container{max-width:1340px}
@media(max-width:1100px){.social-shell{grid-template-columns:1fr}.left-rail,.right-rail{position:static}.top-search{order:3;max-width:100%;width:100%}}


/* VivaMee V7.8.1 — Extended theme pack */
body[data-theme="orkut-retro"] .topbar{
  background:linear-gradient(180deg,#c9a9ff,#b58cff)!important;
  box-shadow:0 8px 26px rgba(132,83,215,.22)
}
body[data-theme="orkut-retro"] .brand{color:#35155d}
body[data-theme="orkut-retro"] .brand span{color:#7d51d8}
body[data-theme="orkut-retro"] .left-rail a:hover,
body[data-theme="orkut-retro"] .profile-tabs a.active,
body[data-theme="orkut-retro"] .profile-tabs a:hover{
  background:#efe5ff!important;
  border-color:#d7bfff!important;
  color:#54278f!important
}
body[data-theme="orkut-retro"] .composer-card,
body[data-theme="orkut-retro"] .story-bubble,
body[data-theme="orkut-retro"] .story-add{
  background:linear-gradient(180deg,#fff,#f8f2ff)!important;
  border-color:#dfccff!important
}
body[data-theme="orkut-retro"] .btn.primary{
  background:linear-gradient(90deg,#b76cff,#8d60ff)!important;
  color:#fff!important
}

body[data-theme="social-blue"] .topbar{
  background:#ffffff!important;
  box-shadow:0 6px 18px rgba(24,119,242,.12)
}
body[data-theme="social-blue"] .brand{color:#0f1f3d}
body[data-theme="social-blue"] .brand span{color:#1877f2}
body[data-theme="social-blue"] .left-rail a:hover,
body[data-theme="social-blue"] .profile-tabs a.active,
body[data-theme="social-blue"] .profile-tabs a:hover{
  background:#eaf3ff!important;
  border-color:#d2e4ff!important;
  color:#1877f2!important
}
body[data-theme="social-blue"] .composer-card,
body[data-theme="social-blue"] .story-bubble,
body[data-theme="social-blue"] .story-add{
  background:#ffffff!important;
  border-color:#dce8f6!important
}
body[data-theme="social-blue"] .btn.primary{
  background:#1877f2!important;
  color:#fff!important
}
body[data-theme="social-blue"] .top-search input{
  background:#f0f2f5!important;
  color:#10213d!important;
  border-color:#dde3ea!important
}

/* New generic pop-culture-inspired themes */
body[data-theme="idol-pop"], .theme-idol-pop{
  --bg:#18081a;--panel:#2a1029;--panel2:#3a1537;--text:#fff4fb;--muted:#e0a8d0;--gold:#ff6bb5;--cyan:#ffd36e;
  background:radial-gradient(circle at top,#4a1545,#18081a 58%)!important;color:var(--text)
}
body[data-theme="idol-pop"] .card,.theme-idol-pop.card,.theme-idol-pop .theme-demo-card{
  background:linear-gradient(180deg,rgba(255,107,181,.11),rgba(255,211,110,.07));
  border-color:rgba(255,107,181,.25);
  box-shadow:0 16px 40px rgba(255,107,181,.12)
}
body[data-theme="idol-pop"] .btn.primary{background:linear-gradient(90deg,#ff6bb5,#ff9ad0)!important;color:#fff!important}

body[data-theme="anime-dream"], .theme-anime-dream{
  --bg:#100f2b;--panel:#1d1e4f;--panel2:#2a2d73;--text:#f7f8ff;--muted:#bcc2ff;--gold:#ff87c5;--cyan:#7dd3fc;
  background:linear-gradient(135deg,#0f112f,#20255e,#3f2d7b)!important;color:var(--text)
}
body[data-theme="anime-dream"] .card,.theme-anime-dream.card,.theme-anime-dream .theme-demo-card{
  background:linear-gradient(180deg,rgba(125,211,252,.10),rgba(255,135,197,.08));
  border-color:rgba(125,211,252,.22);
  box-shadow:0 16px 40px rgba(125,211,252,.10)
}
body[data-theme="anime-dream"] .btn.primary{background:linear-gradient(90deg,#7dd3fc,#ff87c5)!important;color:#101530!important}

body[data-theme="cinematic-night"], .theme-cinematic-night{
  --bg:#07090f;--panel:#111622;--panel2:#1b2231;--text:#f5f0e8;--muted:#b3ac9f;--gold:#d6a24f;--cyan:#7aa0c8;
  background:radial-gradient(circle at top,#20283a,#07090f 65%)!important;color:var(--text)
}
body[data-theme="cinematic-night"] .card,.theme-cinematic-night.card,.theme-cinematic-night .theme-demo-card{
  background:linear-gradient(180deg,rgba(214,162,79,.09),rgba(255,255,255,.03));
  border-color:rgba(214,162,79,.22);
  box-shadow:0 16px 46px rgba(0,0,0,.30)
}
body[data-theme="cinematic-night"] .btn.primary{background:linear-gradient(90deg,#d6a24f,#f1c36b)!important;color:#1a140b!important}

body[data-theme="toon-fun"], .theme-toon-fun{
  --bg:#fff6df;--panel:#ffffff;--panel2:#fff0bd;--text:#3f2d14;--muted:#826c46;--gold:#ff9f1c;--cyan:#2ec4b6;
  background:linear-gradient(180deg,#fff8e9,#ffeec2)!important;color:var(--text)
}
body[data-theme="toon-fun"] .card,.theme-toon-fun.card,.theme-toon-fun .theme-demo-card{
  background:#fffdf7;
  border-color:#ffd478;
  box-shadow:0 12px 30px rgba(255,159,28,.12)
}
body[data-theme="toon-fun"] .btn.primary{background:linear-gradient(90deg,#ff9f1c,#ffbf69)!important;color:#422b08!important}

/* Theme preview polish */
.theme-card h3{margin-bottom:8px}
.theme-card .theme-demo-card{
  margin-top:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);font-weight:800
}
.theme-card .tag{margin-top:10px;display:inline-flex}


/* VivaMee V7.9 — Smart Theme Media */
body[data-theme="tech-matrix"],.theme-tech-matrix{--bg:#04111f;--panel:#081b2e;--panel2:#0d2b46;--text:#eaffff;--muted:#9bd8e7;--gold:#f5c15b;--cyan:#00f0ff;background:radial-gradient(circle at top,#063b5c,#04111f 64%)!important;color:var(--text)}
body[data-theme="tech-matrix"] .card,.theme-tech-matrix.card,.theme-tech-matrix .theme-demo-card{background:linear-gradient(180deg,rgba(0,240,255,.10),rgba(109,93,252,.06));border-color:rgba(0,240,255,.25);box-shadow:0 18px 50px rgba(0,240,255,.08)}

body[data-theme="manga-hero"],.theme-manga-hero{--bg:#120d18;--panel:#1e1428;--panel2:#2f1b43;--text:#fff7fb;--muted:#d4adc9;--gold:#ff87c5;--cyan:#7dd3fc;background:linear-gradient(135deg,#120d18,#2b163f,#3b1830)!important;color:var(--text)}
body[data-theme="manga-hero"] .card,.theme-manga-hero.card,.theme-manga-hero .theme-demo-card{background:linear-gradient(180deg,rgba(255,135,197,.11),rgba(125,211,252,.05));border-color:rgba(255,135,197,.25)}

body[data-theme="music-stage"],.theme-music-stage{--bg:#16071a;--panel:#29102f;--panel2:#3a153f;--text:#fff7fc;--muted:#dfb3d7;--gold:#ffd36e;--cyan:#ff6bb5;background:radial-gradient(circle at top,#4a1545,#16071a 62%)!important;color:var(--text)}
body[data-theme="music-stage"] .card,.theme-music-stage.card,.theme-music-stage .theme-demo-card{background:linear-gradient(180deg,rgba(255,107,181,.12),rgba(255,211,110,.07));border-color:rgba(255,107,181,.24)}

body[data-theme="car-garage"],.theme-car-garage{--bg:#07090f;--panel:#12151d;--panel2:#1d222d;--text:#f8fafc;--muted:#aeb6c2;--gold:#f5c15b;--cyan:#ff3b30;background:radial-gradient(circle at right,#3b1111,#07090f 64%)!important;color:var(--text)}
body[data-theme="car-garage"] .card,.theme-car-garage.card,.theme-car-garage .theme-demo-card{background:linear-gradient(180deg,rgba(255,59,48,.10),rgba(245,193,91,.06));border-color:rgba(255,59,48,.24)}

.smart-links{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.smart-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.smart-theme-card{border:1px solid var(--line);border-radius:22px;padding:14px;background:rgba(255,255,255,.05)}.smart-wall{height:140px;border-radius:18px;background-size:cover;background-position:center;border:1px solid var(--line);margin-bottom:12px}
body[data-theme] .profile-cover[style*="url"], .profile-owned-theme[style*="url"]{background-size:cover!important;background-position:center!important}


/* VivaMee V8.0 — VivaMee Mind Official AI */
.vivamee-mind-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:linear-gradient(90deg,rgba(70,217,255,.18),rgba(245,193,91,.14));border:1px solid rgba(70,217,255,.26);font-weight:900}.vivamee-mind-orb{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#46d9ff 30%,#8d6bff 65%,#091427);box-shadow:0 0 28px rgba(70,217,255,.35)}.answer{white-space:pre-wrap;line-height:1.55}.owner-warning{margin-top:14px}


/* VivaMee V8.2 — VivaMee Mind Self Evolution */
.action-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}.action-row pre{max-height:220px;overflow:auto}.metric b{font-size:34px;display:block;color:var(--gold)}.metric span{color:var(--muted)}


/* VivaMee V8.3 — Stability & Consolidation Core */
.maintenance-card{max-width:760px;text-align:center}.maintenance-card h1{font-size:42px}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.health-item{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.05)}.health-item.ok{border-color:rgba(84,255,150,.22)}.health-item.bad{border-color:rgba(255,95,127,.35);background:rgba(255,95,127,.08)}


/* VivaMee V8.4 — VivaSentinel Guardian */
.sentinel-score h2{font-size:34px}.scorebar{height:16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);overflow:hidden;margin:14px 0}.scorebar span{height:100%;display:block;background:linear-gradient(90deg,#ff5f7f,#f5c15b,#46d9ff);border-radius:999px}.codeish{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;word-break:break-all}


/* VivaMee V8.4.1 — Admin Dashboard Fix */
.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:20px 0}.admin-stat{display:block;text-decoration:none}.admin-stat span{color:var(--muted);font-weight:900}.admin-stat b{display:block;font-size:34px;color:var(--gold);margin:8px 0}.admin-stat small{color:var(--muted)}.admin-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-ad{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.event-item p{margin:6px 0}.inline-form select{min-width:130px}
@media(max-width:900px){.admin-ad{grid-template-columns:1fr}.admin-actions .btn{width:100%;text-align:center}}


/* VivaMee V8.4.2 — Social Media Display Fix
   Objetivo: fotos e vídeos com proporção natural, sem cortes agressivos no feed/perfil
   e sem caixas gigantes/desbalanceadas no detalhe do post. */
.media-strip{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin:16px 0;
}
.media-strip a{
  display:block;
  overflow:hidden;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.20);
}
.media-strip .media-image,
.post-card .media-image{
  display:block;
  width:100%;
  height:auto;
  max-height:620px;
  object-fit:contain;
  object-position:center;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,0,0,.20));
}
.media-strip .media-video,
.post-card .media-video{
  width:100%;
  max-height:620px;
  object-fit:contain;
  border-radius:20px;
  background:#030814;
  border:1px solid var(--line);
}

.media-full{
  display:grid;
  gap:18px;
  margin:18px 0 22px;
}
.media-full .media-item{
  border:1px solid var(--line);
  border-radius:24px;
  padding:12px;
  background:rgba(0,0,0,.22);
}
.media-full .media-image.full,
.post-full .media-image.full{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:78vh;
  margin:0 auto;
  object-fit:contain;
  object-position:center;
  border-radius:18px;
  background:#030814;
}
.media-full .media-video.full,
.post-full .media-video.full{
  display:block;
  width:100%;
  max-height:78vh;
  margin:0 auto;
  object-fit:contain;
  border-radius:18px;
  background:#030814;
}

/* Galerias e álbuns continuam com crop bonito, mas sem deformar. */
.media-grid .media-tile img,
.album-grid .album-card img{
  object-fit:cover;
  object-position:center;
}

/* Imagens pequenas/verticais no celular ficam mais naturais. */
@media(max-width:700px){
  .media-strip .media-image,
  .post-card .media-image{
    max-height:72vh;
    border-radius:16px;
  }
  .media-full .media-item{
    padding:8px;
    border-radius:18px;
  }
  .media-full .media-image.full,
  .post-full .media-image.full{
    max-height:74vh;
    border-radius:14px;
  }
}


/* VivaMee V8.4.3 — System Health Layout Fix
   Corrige caminhos longos do Windows estourando os cards do painel. */
.health-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  align-items:stretch;
}
.health-item{
  min-width:0;
  overflow:hidden;
}
.health-item b,
.health-item p,
.health-item small{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.health-item p{
  line-height:1.45;
  white-space:normal;
  font-size:14px;
}
.health-item b{
  display:block;
  margin-bottom:8px;
}
.system-health-page .card{
  overflow:hidden;
}
@media(max-width:900px){
  .health-grid{grid-template-columns:1fr}
}


/* VivaMee V8.4.4 — Social Image Frame
   Feed/perfil com cara de rede social: imagem vertical em quadro 4:5,
   menor, centralizada e sem ocupar a tela inteira. Detalhe do post mantém imagem completa. */

/* Feed, perfil e cards sociais */
.post-card .media-strip{
  width:100%;
  max-width:560px;
  margin:16px auto;
}

.post-card .media-strip a{
  position:relative;
  width:100%;
  aspect-ratio:4/5;
  max-height:680px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:22px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at center, rgba(255,255,255,.08), rgba(0,0,0,.38)),
    #030814;
}

.post-card .media-strip .media-image,
.post-card img.media-image{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center;
  border-radius:22px;
  display:block;
}

/* Vídeo no feed com mesmo padrão visual */
.post-card .media-strip .media-video,
.post-card video.media-video{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:22px;
  background:#030814;
}

/* Página do post aberta: mostra completa, mas com largura elegante */
.post-full .media-full{
  max-width:820px;
  margin:18px auto 22px;
}

.post-full .media-full .media-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at center, rgba(255,255,255,.06), rgba(0,0,0,.34)),
    #030814;
}

.post-full .media-image.full{
  width:auto;
  max-width:100%;
  max-height:82vh;
  object-fit:contain;
  object-position:center;
  margin:0 auto;
  background:transparent;
}

/* Quando o arquivo já vem com faixas coloridas, o feed usa crop social.
   No detalhe a foto original é preservada. */
.media-item .small-text,
.media-full .small-text{
  align-self:flex-start;
  margin-top:10px;
}

/* Home/feed em desktop não deixa a foto dominar a coluna toda */
.social-feed .post-card{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

/* Mobile: prioriza largura total e altura confortável */
@media(max-width:700px){
  .post-card .media-strip{
    max-width:100%;
  }
  .post-card .media-strip a{
    aspect-ratio:4/5;
    border-radius:18px;
  }
  .post-card .media-strip .media-image,
  .post-card img.media-image{
    border-radius:18px;
  }
  .post-full .media-full{
    max-width:100%;
  }
}


/* VivaMee V8.4.5 — Compact Feed Image Preview
   No feed/perfil a mídia deve ser preview social menor.
   No post aberto (/post/id), a imagem pode ficar maior para visualização. */

/* Preview menor no feed, home, perfil e cards */
.social-feed .post-card .media-strip,
.profile-owned-theme ~ * .post-card .media-strip,
.post-card .media-strip{
  max-width:420px;
  width:100%;
  margin:14px auto;
}

.post-card .media-strip a{
  aspect-ratio:4/5;
  max-height:540px;
  border-radius:20px;
}

/* A imagem do card fica bonita, mas não domina a página */
.post-card .media-strip .media-image,
.post-card img.media-image{
  width:100%;
  height:100%;
  max-height:540px;
  object-fit:cover;
  object-position:center;
  border-radius:20px;
}

/* Vídeo no card segue o mesmo tamanho de preview */
.post-card .media-strip .media-video,
.post-card video.media-video{
  width:100%;
  height:100%;
  max-height:540px;
  object-fit:cover;
  border-radius:20px;
}

/* O card continua confortável e não estica demais */
.social-feed .post-card{
  max-width:680px;
}

/* Post aberto continua maior para visualização detalhada */
.post-full .media-full{
  max-width:900px;
}

.post-full .media-image.full{
  max-height:84vh;
}

/* Mobile: usa largura total do card, mas ainda sem estourar a tela */
@media(max-width:700px){
  .post-card .media-strip{
    max-width:100%;
  }
  .post-card .media-strip a,
  .post-card .media-strip .media-image,
  .post-card img.media-image{
    max-height:68vh;
  }
}


/* VivaMee V8.4.6 — Header Refresh
   Cabeçalho mais organizado, atraente e com navegação melhor distribuída. */
.topbar.social-topbar{
  position:sticky;
  top:0;
  z-index:70;
  display:grid !important;
  grid-template-columns:auto minmax(280px,460px) 1fr;
  align-items:center;
  gap:12px 20px;
  padding:12px 20px 10px;
  background:linear-gradient(180deg,rgba(4,10,28,.97),rgba(7,16,39,.92));
  border-bottom:1px solid rgba(70,217,255,.18);
  box-shadow:0 18px 36px rgba(0,0,0,.22);
  backdrop-filter:blur(16px);
}

.topbar.social-topbar .brand{
  display:flex;
  align-items:flex-end;
  gap:6px;
  min-width:170px;
  margin-right:4px;
  font-size:18px;
  letter-spacing:-.02em;
}
.topbar.social-topbar .brand span{
  background:linear-gradient(90deg,var(--gold),#ff74ce);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.topbar.social-topbar .brand small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(70,217,255,.14);
  border:1px solid rgba(70,217,255,.20);
  color:var(--cyan);
  font-size:11px;
  font-weight:800;
  line-height:1;
  margin-left:4px;
}

.topbar.social-topbar .top-search{
  width:100%;
  max-width:460px;
  position:relative;
}
.topbar.social-topbar .top-search input{
  width:100%;
  height:46px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(70,217,255,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.04));
  color:var(--text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.14);
}
.topbar.social-topbar .top-search input::placeholder{
  color:rgba(224,233,255,.62);
}
.topbar.social-topbar .top-search input:focus{
  outline:none;
  border-color:rgba(70,217,255,.38);
  box-shadow:0 0 0 4px rgba(70,217,255,.10), inset 0 1px 0 rgba(255,255,255,.06);
}

.topbar.social-topbar .nav{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:8px;
  overflow-x:auto;
  white-space:nowrap;
  padding:4px 0 2px;
  scrollbar-width:thin;
}
.topbar.social-topbar .nav::-webkit-scrollbar{height:8px}
.topbar.social-topbar .nav::-webkit-scrollbar-thumb{
  background:rgba(70,217,255,.18);
  border-radius:999px;
}
.topbar.social-topbar .nav a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 13px;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  color:rgba(235,240,255,.86);
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.05);
  transition:all .16s ease;
}
.topbar.social-topbar .nav a:hover{
  color:#fff;
  border-color:rgba(70,217,255,.24);
  background:rgba(70,217,255,.08);
  transform:translateY(-1px);
}
.topbar.social-topbar .nav a.pill{
  background:linear-gradient(135deg,var(--gold),#ff8d55);
  color:#16110a;
  border-color:transparent;
  box-shadow:0 10px 24px rgba(245,193,91,.22);
}
.topbar.social-topbar .nav a[href*="/admin"],
.topbar.social-topbar .nav a[href*="/system-health"],
.topbar.social-topbar .nav a[href*="/sentinel"]{
  background:rgba(70,217,255,.08);
  border-color:rgba(70,217,255,.18);
}
.topbar.social-topbar .nav a[href*="/logout"]{
  background:rgba(255,100,124,.09);
  border-color:rgba(255,100,124,.18);
}

.container{
  padding-top:28px;
}

@media(max-width:1180px){
  .topbar.social-topbar{
    grid-template-columns:auto minmax(240px,1fr);
  }
}
@media(max-width:860px){
  .topbar.social-topbar{
    grid-template-columns:1fr;
    gap:10px;
    padding:12px 14px 10px;
  }
  .topbar.social-topbar .brand{
    min-width:0;
  }
  .topbar.social-topbar .top-search{
    max-width:none;
  }
  .topbar.social-topbar .nav{
    gap:7px;
    padding-top:2px;
  }
  .topbar.social-topbar .nav a{
    padding:8px 12px;
    font-size:13px;
  }
}


/* VivaMee V8.4.7 — Header Pro Social
   Cabeçalho profissional com grupos, dropdowns, botão criar, avatar e área admin. */
.topbar.header-pro{
  grid-template-columns:auto minmax(260px,420px) minmax(360px,1fr) auto;
  min-height:82px;
  gap:14px;
  padding:14px 22px;
}

.header-brand-zone{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:210px;
}

.header-brand-zone .brand{
  font-size:22px;
  line-height:1;
}

.header-live-dot{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  color:#b9f4ff;
  background:rgba(70,217,255,.08);
  border:1px solid rgba(70,217,255,.16);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.header-live-dot::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4cff9a;
  box-shadow:0 0 16px rgba(76,255,154,.9);
}

.header-search{
  justify-self:stretch;
}

.header-main-nav{
  grid-column:auto !important;
  justify-content:center;
  overflow:hidden;
  flex-wrap:nowrap;
  padding:0;
}

.header-main-nav a{
  background:transparent !important;
  border-color:transparent !important;
  color:rgba(235,240,255,.78) !important;
}

.header-main-nav a:hover{
  background:rgba(70,217,255,.08) !important;
  border-color:rgba(70,217,255,.16) !important;
  color:#fff !important;
}

.create-main-btn{
  background:linear-gradient(135deg,var(--gold),#ff8d55) !important;
  color:#171009 !important;
  border:0 !important;
  box-shadow:0 12px 28px rgba(245,193,91,.22);
}

.header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:280px;
}

.header-menu,
.user-menu{
  position:relative;
}

.header-menu summary,
.user-menu summary,
.login-link,
.register-link{
  list-style:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:rgba(235,240,255,.88);
  font-size:13px;
  font-weight:900;
  user-select:none;
}

.header-menu summary::-webkit-details-marker,
.user-menu summary::-webkit-details-marker{
  display:none;
}

.header-menu summary:hover,
.user-menu summary:hover,
.login-link:hover{
  background:rgba(70,217,255,.09);
  border-color:rgba(70,217,255,.20);
  color:#fff;
}

.admin-menu summary{
  background:rgba(245,193,91,.10);
  border-color:rgba(245,193,91,.22);
  color:#ffe2a6;
}

.mini-avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--cyan),#8d6bff);
  color:#06111f;
  font-weight:1000;
}

.user-menu-name{
  max-width:110px;
  overflow:hidden;
  text-overflow:ellipsis;
}

.header-menu-panel{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:245px;
  padding:10px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(16,27,49,.98),rgba(7,12,26,.98));
  border:1px solid rgba(70,217,255,.16);
  box-shadow:0 26px 90px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.04);
  z-index:120;
  display:grid;
  gap:5px;
}

.header-menu-panel a{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:38px;
  padding:9px 11px;
  border-radius:13px;
  color:rgba(235,240,255,.88);
  font-weight:800;
  font-size:13px;
  background:transparent;
}

.header-menu-panel a:hover{
  background:rgba(70,217,255,.10);
  color:#fff;
}

.header-menu-panel .danger-link,
.danger-link{
  color:#ffd0d8;
}

.user-panel{
  width:230px;
}

body:has(.header-menu[open]) .header-menu[open] summary,
body:has(.user-menu[open]) .user-menu[open] summary{
  background:rgba(70,217,255,.12);
  border-color:rgba(70,217,255,.24);
}

/* Evita que dropdown fique cortado em telas menores */
@media(max-width:1280px){
  .topbar.header-pro{
    grid-template-columns:auto minmax(240px,1fr) auto;
  }
  .header-main-nav{
    grid-column:1 / -1 !important;
    justify-content:flex-start;
    overflow-x:auto;
    padding-top:2px;
  }
  .header-actions{
    min-width:auto;
  }
}

@media(max-width:860px){
  .topbar.header-pro{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .header-brand-zone{
    justify-content:space-between;
    min-width:0;
  }
  .header-actions{
    justify-content:flex-start;
    overflow-x:auto;
    padding-bottom:2px;
  }
  .header-menu-panel{
    left:0;
    right:auto;
  }
  .user-menu .header-menu-panel{
    right:0;
    left:auto;
  }
  .header-live-dot{
    display:none;
  }
}

/* VivaMee V8.5 — Auth & Landing Experience */
.aVivaMee-landing{min-height:680px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr);gap:36px;align-items:center;padding:46px 0 64px}
.landing-copy h1{font-size:clamp(42px,6vw,78px);line-height:.96;letter-spacing:-.055em;margin:12px 0 18px}
.landing-copy .lead{font-size:20px;color:var(--muted);max-width:720px}.landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 20px}.btn.big{min-height:48px;padding:14px 20px;font-size:15px}
.landing-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.landing-proof span{padding:10px 13px;border-radius:999px;background:rgba(70,217,255,.08);border:1px solid rgba(70,217,255,.16);color:#dff8ff;font-weight:850;font-size:13px}
.landing-card{justify-self:end;width:min(100%,460px)}.mini-window{border-radius:34px;padding:18px;border:1px solid rgba(70,217,255,.18);background:radial-gradient(circle at 20% 10%,rgba(70,217,255,.20),transparent 38%),radial-gradient(circle at 100% 100%,rgba(245,193,91,.14),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:0 28px 100px rgba(0,0,0,.34)}
.mini-window-top{display:flex;gap:7px;margin-bottom:16px}.mini-window-top span{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.25)}.mini-window-top span:nth-child(1){background:#ff6b8a}.mini-window-top span:nth-child(2){background:#f5c15b}.mini-window-top span:nth-child(3){background:#46d9ff}
.mini-profile{display:flex;align-items:center;gap:14px;padding:15px;border-radius:22px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}.mini-avatar{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cyan),#8d6bff);color:#06111f;font-weight:1000;font-size:24px}.mini-profile p{margin:4px 0 0;color:var(--muted);font-size:13px}
.mini-post{margin-top:14px;padding:18px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.mini-post b{display:block;font-size:20px;line-height:1.2}.mini-post p{color:var(--muted);margin-bottom:0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.mini-stats div{padding:14px 10px;border-radius:18px;background:rgba(70,217,255,.07);border:1px solid rgba(70,217,255,.12);text-align:center}.mini-stats b{display:block;color:var(--gold)}.mini-stats span{color:var(--muted);font-size:12px}
.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:44px}
.auth-page{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 18%,rgba(70,217,255,.18),transparent 34%),radial-gradient(circle at 82% 78%,rgba(255,79,216,.16),transparent 38%),linear-gradient(135deg,#06111f,#120624 58%,#050815);color:var(--text)}
.auth-bg-orb{position:fixed;z-index:0;border-radius:999px;filter:blur(80px);opacity:.22}.auth-bg-orb.one{width:420px;height:420px;left:-100px;top:10%;background:#46d9ff}.auth-bg-orb.two{width:460px;height:460px;right:-120px;bottom:4%;background:#ff4fd8}
.auth-shell{position:relative;z-index:1;min-height:100vh;width:min(1180px,calc(100vw - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) 430px;gap:46px;align-items:center;padding:44px 0}.auth-presentation h1{font-size:clamp(44px,6vw,76px);line-height:.96;letter-spacing:-.055em;margin:18px 0}.auth-presentation p{max-width:680px;color:#c7d6e8;font-size:20px}
.auth-brand{display:inline-flex;align-items:center;gap:8px;font-weight:1000;font-size:32px;letter-spacing:-.035em}.auth-brand span{background:linear-gradient(90deg,var(--gold),#ff74ce);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-brand small{padding:5px 9px;border-radius:999px;background:rgba(70,217,255,.14);border:1px solid rgba(70,217,255,.22);color:var(--cyan);font-size:12px}
.auth-bullets,.auth-showcase{display:grid;gap:12px;margin-top:26px;max-width:680px}.auth-bullets div,.showcase-card{display:grid;gap:4px;padding:15px 17px;border-radius:22px;border:1px solid rgba(70,217,255,.16);background:rgba(255,255,255,.055);box-shadow:0 14px 36px rgba(0,0,0,.16)}.auth-bullets b,.showcase-card b{color:#fff}.auth-bullets span,.showcase-card span{color:#bfd0e7;font-size:14px}
.auth-card-wrap{justify-self:end;width:100%}.auth-card{width:100%;border-radius:30px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045));border:1px solid rgba(70,217,255,.18);box-shadow:0 30px 100px rgba(0,0,0,.36);backdrop-filter:blur(18px)}.auth-card h2{font-size:30px;margin:0 0 6px}.auth-card input{min-height:48px;border-radius:16px!important}.auth-submit{min-height:50px;font-size:16px}.auth-create{width:100%;min-height:48px}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);margin:6px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-note,.auth-foot{color:var(--muted);font-size:13px;text-align:center}.auth-foot{margin-top:16px}.auth-link{text-align:center;color:#dff8ff;font-weight:900}.auth-gate-pro{min-height:64vh;display:flex;align-items:center;justify-content:center}.auth-gate-card{max-width:760px}
@media(max-width:980px){.aVivaMee-landing,.auth-shell{grid-template-columns:1fr}.landing-card,.auth-card-wrap{justify-self:stretch}.landing-feature-grid{grid-template-columns:1fr}}
@media(max-width:700px){.auth-shell{width:min(100vw - 24px,1180px);padding:26px 0}.auth-presentation h1,.landing-copy h1{font-size:42px}.auth-presentation p,.landing-copy .lead{font-size:17px}.auth-card{padding:22px;border-radius:24px}}

/* VivaMee V8.5.1 — Register Onboarding Fix */
.onboarding-pro{min-height:68vh;display:flex;align-items:center;justify-content:center;padding:36px 0}
.onboarding-card{width:min(860px,100%);padding:30px}
.onboarding-card h1{font-size:42px;margin:8px 0 10px}
.interest-chips{display:flex;gap:9px;flex-wrap:wrap;margin:4px 0 8px}
.interest-chips button{border:1px solid rgba(70,217,255,.20);background:rgba(70,217,255,.08);color:#dff8ff;border-radius:999px;padding:9px 12px;font-weight:850;cursor:pointer}
.interest-chips button:hover{background:rgba(70,217,255,.16);transform:translateY(-1px)}


/* VivaMee V8.5.2 — Header Brand & Tips Polish
   Remove badge de versão, aumenta o nome da marca, anima de forma sutil
   e organiza melhor o balão de dicas no cabeçalho. */

/* Marca maior e mais viva */
.topbar.header-pro{
  grid-template-columns:auto minmax(260px,420px) minmax(320px,1fr) auto;
  gap:12px 18px;
}
.header-brand-zone{
  gap:12px;
  min-width:250px;
}
.header-brand-zone .brand{
  position:relative;
  font-size:38px !important;
  line-height:.92;
  font-weight:1000;
  letter-spacing:-.05em;
  text-shadow:0 0 18px rgba(70,217,255,.10);
  animation:aVivaMeeBrandFloat 4.8s ease-in-out infinite;
}
.header-brand-zone .brand::after{
  content:"";
  position:absolute;
  inset:auto -10px -4px -10px;
  height:18px;
  background:radial-gradient(circle, rgba(70,217,255,.16), transparent 70%);
  filter:blur(12px);
  opacity:.72;
  pointer-events:none;
}
.header-brand-zone .brand small{
  display:none !important; /* remove V8.x do topo */
}
.header-brand-zone .brand span{
  background:linear-gradient(90deg,var(--gold),#ff7bc6 52%,#46d9ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.header-live-dot{
  padding:6px 11px;
  font-size:10px;
  letter-spacing:.08em;
}
@keyframes aVivaMeeBrandFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-1px) scale(1.015)}
}

/* Busca um pouco mais limpa */
.topbar.header-pro .top-search{
  max-width:520px;
}
.topbar.header-pro .top-search input{
  min-height:46px;
  padding-inline:18px;
  border-radius:18px;
}

/* Balão de dica do topo: compacto e organizado */
.topbar.header-pro .form-guide-mini{
  margin:0 0 6px 0 !important;
  padding:7px 12px !important;
  width:fit-content !important;
  max-width:320px !important;
  min-height:auto !important;
  border-radius:16px !important;
  font-size:12px !important;
  line-height:1.3 !important;
  background:rgba(255,196,86,.08) !important;
  border:1px dashed rgba(245,193,91,.28) !important;
  box-shadow:none !important;
}
.topbar.header-pro .form-guide-mini span{
  display:block;
  white-space:normal;
}
.topbar.header-pro .form-guide-mini b{
  font-size:12px;
}

/* Se o balão estiver dentro do form de busca, evita ocupar espaço demais */
.topbar.header-pro .header-search{
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-start;
}

/* Mobile */
@media(max-width:980px){
  .header-brand-zone .brand{
    font-size:32px !important;
  }
  .topbar.header-pro .form-guide-mini{
    max-width:280px !important;
    font-size:11px !important;
    padding:6px 10px !important;
  }
}
@media(max-width:700px){
  .header-brand-zone{
    min-width:0;
  }
  .header-brand-zone .brand{
    font-size:30px !important;
  }
  .topbar.header-pro .header-search{
    width:100%;
  }
  .topbar.header-pro .form-guide-mini{
    max-width:100% !important;
  }
}


/* VivaMee — Interface Rollback Stable
   Volta o visual para o estado estável antes dos refinamentos excessivos do header.
   Corrige home/landing quebrada e remove exageros de header ultra/cinematic. */

/* Header estável: limpo, vivo e sem excesso */
.topbar.header-pro{
  display:grid !important;
  grid-template-columns:auto minmax(260px,430px) minmax(360px,1fr) auto !important;
  min-height:82px !important;
  padding:14px 22px !important;
  gap:14px !important;
  overflow:visible !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(70,217,255,.10), transparent 26%),
    radial-gradient(circle at 88% 12%, rgba(245,193,91,.08), transparent 22%),
    linear-gradient(180deg, rgba(4,10,28,.97), rgba(7,16,39,.93)) !important;
}
.topbar.header-pro::before{
  animation:none !important;
  opacity:.35 !important;
}
.topbar.header-pro::after{
  height:1px !important;
  opacity:.7 !important;
  box-shadow:none !important;
}

.header-brand-zone{
  min-width:250px !important;
  gap:12px !important;
}
.header-brand-zone .brand{
  font-size:38px !important;
  line-height:.92 !important;
  letter-spacing:-.05em !important;
  animation:aVivaMeeBrandFloat 4.8s ease-in-out infinite !important;
  overflow:visible !important;
}
.header-brand-zone .brand small{
  display:none !important;
}
.header-brand-zone .brand::before{
  width:8px !important;
  height:38px !important;
  left:-12px !important;
}
.header-brand-zone .brand::after{
  display:none !important;
}
.header-live-dot{
  padding:6px 11px !important;
  font-size:10px !important;
  border-radius:999px !important;
}

.topbar.header-pro .top-search{
  max-width:520px !important;
  width:100% !important;
}
.topbar.header-pro .top-search::after{
  display:none !important;
}
.topbar.header-pro .top-search input{
  min-height:46px !important;
  border-radius:18px !important;
  padding-left:42px !important;
}

.topbar.header-pro .form-guide-mini{
  max-width:290px !important;
  padding:6px 10px !important;
  border-radius:14px !important;
  font-size:11px !important;
  line-height:1.25 !important;
}

/* Menus sem barra branca e sem corte */
.header-main-nav{
  overflow:visible !important;
  gap:10px !important;
}
.header-main-nav a{
  min-height:40px !important;
  padding:9px 14px !important;
  border-radius:14px !important;
  font-size:14px !important;
}
.header-main-nav a::after{
  height:2px !important;
}
.create-main-btn::before{
  display:none !important;
}
.header-actions,
.header-menu,
.user-menu{
  overflow:visible !important;
  z-index:120 !important;
}
.header-menu-panel,
.user-panel{
  z-index:999 !important;
}

/* Home pública: restaura layout bonito da landing */
.aVivaMee-landing{
  min-height:640px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr) !important;
  gap:36px !important;
  align-items:center !important;
  padding:46px 0 64px !important;
}
.landing-copy h1{
  font-size:clamp(42px,6vw,78px) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
  margin:12px 0 18px !important;
}
.landing-copy .lead{
  font-size:20px !important;
  max-width:720px !important;
}
.landing-card{
  justify-self:end !important;
  width:min(100%,460px) !important;
}
.mini-window{
  border-radius:34px !important;
  padding:18px !important;
}
.mini-profile{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
.mini-stats{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;
  margin-top:14px !important;
}
.mini-stats div{
  display:block !important;
  text-align:center !important;
}
.mini-stats b,
.mini-stats span{
  display:block !important;
}
.landing-feature-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:18px !important;
  margin-bottom:44px !important;
}

/* Evita que cards da home ocupem largura estranha */
.aVivaMee-landing + .landing-feature-grid .card{
  min-height:0 !important;
}

/* Responsivo */
@media(max-width:980px){
  .topbar.header-pro{
    grid-template-columns:1fr !important;
  }
  .aVivaMee-landing{
    grid-template-columns:1fr !important;
  }
  .landing-card{
    justify-self:stretch !important;
  }
  .landing-feature-grid{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:700px){
  .header-brand-zone .brand{
    font-size:30px !important;
  }
  .aVivaMee-landing{
    padding:30px 0 44px !important;
  }
}

/* VivaMee Super Admin Users Hotfix */
.super-stats{margin-bottom:18px}.super-filter{margin-bottom:18px}.super-filter label{min-width:240px;flex:1}.super-table{display:grid;gap:12px}.super-row{display:grid;grid-template-columns:1.4fr .55fr .45fr .35fr 1.6fr;gap:14px;align-items:start;padding:14px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.super-row.head{background:rgba(70,217,255,.07);color:#dff8ff}.super-row p{margin:5px 0}.super-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.super-actions form{display:grid;gap:6px}.super-actions input{min-height:34px;border-radius:12px;padding:7px 10px;font-size:12px}.danger-tag{background:rgba(255,100,124,.16)!important;color:#ffd7dd!important}.admin-tag{background:rgba(245,193,91,.16)!important;color:#ffe4ac!important}.delete-user-form{grid-column:1/-1;border-top:1px solid var(--line);padding-top:8px;margin-top:2px}
@media(max-width:1050px){.super-row{grid-template-columns:1fr}.super-row.head{display:none}.super-actions{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.super-actions{grid-template-columns:1fr}.super-filter .row{display:grid}}


/* VivaMee V8.7 MeeCam Foundation */
.meecam-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.meecam-badges{display:flex;flex-wrap:wrap;gap:10px}.meecam-badges span{padding:10px 13px;border-radius:999px;background:rgba(70,217,255,.08);border:1px solid rgba(70,217,255,.18);font-weight:900}.meecam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.meecam-card{position:relative;overflow:hidden}.meecam-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:1000;text-transform:uppercase;background:rgba(255,255,255,.08);border:1px solid var(--line);margin-bottom:10px}.meecam-status.public{background:rgba(76,255,154,.14);color:#ccffe2}.meecam-status.private{background:rgba(255,100,124,.13);color:#ffd2da}.meecam-status.trusted{background:rgba(70,217,255,.12);color:#dff8ff}.meecam-status.event{background:rgba(245,193,91,.14);color:#ffe5aa}.meecam-card select,.meecam-card input{min-height:34px;border-radius:12px;padding:7px 10px;font-size:12px}.meecam-card .danger-zone{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.meecam-viewer{display:flex;align-items:center;justify-content:center;min-height:420px;background:#030814}.meecam-viewer video,.meecam-viewer img,.meecam-viewer iframe{width:100%;max-width:1100px;max-height:78vh;border:0;border-radius:22px;background:#030814}.meecam-viewer iframe{min-height:560px}.meecam-form .owner-warning{margin:12px 0}
@media(max-width:800px){.meecam-hero{display:grid}.meecam-viewer{min-height:260px}.meecam-viewer iframe{min-height:320px}.meecam-card .danger-zone{display:grid}}


/* VivaMee V8.8 MeeCam Easy Add */
.meecam-easy-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;margin-bottom:22px}.meecam-easy-hero h1{font-size:clamp(38px,5vw,68px);line-height:.98;margin:8px 0}.meecam-easy-panel{padding:22px;border-radius:28px;border:1px solid rgba(70,217,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 24px 80px rgba(0,0,0,.22)}.meecam-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:20px 0}.meecam-mode-card{display:grid;gap:8px;min-height:170px;padding:20px;border-radius:26px;border:1px solid rgba(70,217,255,.18);background:rgba(255,255,255,.045);transition:.18s ease}.meecam-mode-card:hover{transform:translateY(-3px);background:rgba(70,217,255,.075);border-color:rgba(70,217,255,.32)}.meecam-mode-card b{font-size:19px}.meecam-mode-card span{font-size:36px}.meecam-wizard{display:grid;gap:18px}.meecam-stepbar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.meecam-stepbar span{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid var(--line);font-size:12px;font-weight:900;text-align:center}.meecam-stepbar span.active{background:rgba(70,217,255,.14);color:#dff8ff;border-color:rgba(70,217,255,.28)}.meecam-brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.meecam-brand-card{padding:14px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);cursor:pointer}.meecam-brand-card:hover{border-color:rgba(70,217,255,.28);background:rgba(70,217,255,.07)}.candidate-list{display:grid;gap:10px}.candidate-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border-radius:16px;background:rgba(0,0,0,.18);border:1px solid var(--line)}.candidate-row code{white-space:normal;word-break:break-all}.privacy-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.privacy-choice label{padding:13px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line);cursor:pointer}.privacy-choice input{margin-right:8px}.qr-demo-box{min-height:210px;display:flex;align-items:center;justify-content:center;border-radius:24px;border:1px dashed rgba(245,193,91,.36);background:rgba(245,193,91,.055);text-align:center;padding:20px}.meecam-help-note{padding:14px;border-radius:18px;background:rgba(70,217,255,.07);border:1px solid rgba(70,217,255,.16);color:#dff8ff}.public-warning{padding:14px;border-radius:18px;background:rgba(255,100,124,.11);border:1px solid rgba(255,100,124,.28);color:#ffd7dd}
@media(max-width:900px){.meecam-easy-hero{grid-template-columns:1fr}.meecam-stepbar{grid-template-columns:1fr 1fr}.candidate-row{grid-template-columns:1fr}}

/* VivaMee V9 MeeCam Full Stack */
.meecam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.meecam-card,.discovery-row,.gateway-box,.guardian-alert{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.04)}.meecam-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;background:rgba(255,255,255,.08);margin-bottom:8px}.meecam-status.public{background:rgba(76,255,154,.14);color:#ccffe2}.meecam-status.private{background:rgba(255,100,124,.13);color:#ffd2da}.meecam-viewer{display:flex;align-items:center;justify-content:center;min-height:420px;background:#030814}.meecam-viewer video,.meecam-viewer img,.meecam-viewer iframe{width:100%;max-width:1100px;max-height:78vh;border:0;border-radius:22px;background:#030814}.meecam-mode-grid,.privacy-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.meecam-mode-card{padding:20px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.045)}.candidate-row{display:grid;grid-template-columns:1fr auto;gap:10px;word-break:break-all;padding:12px;border-radius:16px;background:rgba(0,0,0,.18);border:1px solid var(--line)}.public-warning{padding:14px;border-radius:18px;background:rgba(255,100,124,.11);border:1px solid rgba(255,100,124,.28);color:#ffd7dd}


/* MeeCam Nav Hotfix */
.meecam-nav-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid rgba(70,217,255,.18);
  background:rgba(70,217,255,.06);
  color:#dff8ff!important;
  font-weight:900;
  text-decoration:none!important;
}
.meecam-nav-link:hover{
  background:rgba(70,217,255,.12);
  border-color:rgba(70,217,255,.34);
  transform:translateY(-1px);
}
.meecam-nav-link.easy{
  background:linear-gradient(135deg,rgba(255,79,216,.22),rgba(245,193,91,.16));
  border-color:rgba(245,193,91,.28);
  color:#ffe7b6!important;
}
a[href="/meecam"],
a[href="/meecam/easy-add"]{
  font-weight:900;
}


/* VivaMee Theme Safety Reset
   Restaura o layout normal e mantém apenas o seletor de temas do usuário.
*/
html, body{
  zoom:1!important;
  transform:none!important;
  scale:1!important;
  max-width:none!important;
}
body > *{
  transform:none;
}
.viva-ambient-bg,


/* VivaMee Neon Blue Default Restore */
:root{
  --vivamee-accent:#35d7ff;
  --vivamee-accent-2:#6a7cff;
  --vivamee-accent-3:#ff6bd6;
  --vivamee-bg-1:#07152b;
  --vivamee-bg-2:#0b1e3a;
  --vivamee-bg-3:#140626;
  --vivamee-surface:rgba(10,22,46,0.86);
  --vivamee-surface-2:rgba(12,28,58,0.94);
  --vivamee-border:rgba(61,196,255,0.28);
  --vivamee-text:#eff7ff;
  --vivamee-text-soft:#b8c8e6;
  --vivamee-shadow:0 12px 40px rgba(0,0,0,.28),0 0 0 1px rgba(61,196,255,.10);
}

html[data-theme="social-dark"],
body[data-theme="social-dark"],
body.theme-social-dark{
  color:var(--vivamee-text);
  background:
    radial-gradient(circle at 12% 18%, rgba(45,211,255,.20), transparent 26%),
    radial-gradient(circle at 86% 74%, rgba(255,85,214,.12), transparent 24%),
    linear-gradient(135deg, var(--vivamee-bg-1) 0%, var(--vivamee-bg-2) 46%, var(--vivamee-bg-3) 100%) !important;
  background-attachment: fixed !important;
}

html[data-theme="social-dark"] body,
body[data-theme="social-dark"],
body.theme-social-dark{
  color:var(--vivamee-text);
}

html[data-theme="social-dark"] .navbar,
html[data-theme="social-dark"] .topbar,
html[data-theme="social-dark"] .header,
html[data-theme="social-dark"] .site-header,
body.theme-social-dark .navbar,
body.theme-social-dark .topbar,
body.theme-social-dark .header,
body.theme-social-dark .site-header{
  background:linear-gradient(90deg, rgba(8,23,48,.95), rgba(10,17,54,.92), rgba(24,9,46,.92)) !important;
  border-bottom:1px solid var(--vivamee-border) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.22);
  backdrop-filter: blur(14px);
}

html[data-theme="social-dark"] .card,
html[data-theme="social-dark"] .panel,
html[data-theme="social-dark"] .widget,
html[data-theme="social-dark"] .post-card,
html[data-theme="social-dark"] .sidebar-card,
html[data-theme="social-dark"] .surface-card,
html[data-theme="social-dark"] .glass-card,
html[data-theme="social-dark"] .dropdown-menu,
html[data-theme="social-dark"] .menu-dropdown,
body.theme-social-dark .card,
body.theme-social-dark .panel,
body.theme-social-dark .widget,
body.theme-social-dark .post-card,
body.theme-social-dark .sidebar-card,
body.theme-social-dark .surface-card,
body.theme-social-dark .glass-card,
body.theme-social-dark .dropdown-menu,
body.theme-social-dark .menu-dropdown{
  background:linear-gradient(180deg, rgba(16,35,68,.88), rgba(12,23,44,.94)) !important;
  border:1px solid var(--vivamee-border) !important;
  box-shadow:var(--vivamee-shadow) !important;
  color:var(--vivamee-text) !important;
}

html[data-theme="social-dark"] .hero-section,
html[data-theme="social-dark"] .hero,
body.theme-social-dark .hero-section,
body.theme-social-dark .hero{
  background:linear-gradient(135deg, rgba(11,34,69,.75), rgba(10,20,41,.30)) !important;
}

html[data-theme="social-dark"] h1,
html[data-theme="social-dark"] h2,
html[data-theme="social-dark"] h3,
html[data-theme="social-dark"] h4,
html[data-theme="social-dark"] strong,
body.theme-social-dark h1,
body.theme-social-dark h2,
body.theme-social-dark h3,
body.theme-social-dark h4,
body.theme-social-dark strong{
  color:#f6fbff !important;
}

html[data-theme="social-dark"] p,
html[data-theme="social-dark"] span,
html[data-theme="social-dark"] small,
html[data-theme="social-dark"] label,
body.theme-social-dark p,
body.theme-social-dark span,
body.theme-social-dark small,
body.theme-social-dark label{
  color:var(--vivamee-text-soft);
}

html[data-theme="social-dark"] .btn-primary,
html[data-theme="social-dark"] .primary-btn,
html[data-theme="social-dark"] button.primary,
body.theme-social-dark .btn-primary,
body.theme-social-dark .primary-btn,
body.theme-social-dark button.primary{
  background:linear-gradient(90deg, #2dd3ff 0%, #5b7cff 55%, #ff6bd6 100%) !important;
  border:none !important;
  color:white !important;
  box-shadow:0 12px 26px rgba(63,161,255,.28);
}

html[data-theme="social-dark"] .btn,
html[data-theme="social-dark"] .chip,
html[data-theme="social-dark"] .tag,
body.theme-social-dark .btn,
body.theme-social-dark .chip,
body.theme-social-dark .tag{
  border-color:rgba(82,210,255,.30);
}

html[data-theme="social-dark"] input,
html[data-theme="social-dark"] textarea,
html[data-theme="social-dark"] select,
html[data-theme="social-dark"] .search-input,
body.theme-social-dark input,
body.theme-social-dark textarea,
body.theme-social-dark select,
body.theme-social-dark .search-input{
  background:rgba(10,24,49,.80) !important;
  border:1px solid rgba(71,184,255,.30) !important;
  color:#f3fbff !important;
}

html[data-theme="social-dark"] input::placeholder,
html[data-theme="social-dark"] textarea::placeholder,
body.theme-social-dark input::placeholder,
body.theme-social-dark textarea::placeholder{
  color:#8ea8c8 !important;
}

html[data-theme="social-dark"] a,
body.theme-social-dark a{
  color:#8bddff;
}


/* VivaMee - Full Platform Neon Global Fix helper */
:root{color-scheme:dark;}


/* VivaMee Aurora Neon Official Theme hook */
:root{color-scheme:dark;}

/* VivaMee PATCH UI — Cadastro Premium V8.5.1
   Ajuste cirúrgico: somente melhora visual/UX da página de cadastro. */
.vm-register-page{background:radial-gradient(circle at 16% 20%,rgba(70,217,255,.18),transparent 28%),radial-gradient(circle at 78% 24%,rgba(141,107,255,.20),transparent 32%),radial-gradient(circle at 78% 78%,rgba(255,79,216,.16),transparent 34%),linear-gradient(135deg,#06111f 0%,#10051f 55%,#050714 100%)}
.auth-bg-orb.three{position:fixed;width:260px;height:260px;left:42%;bottom:8%;border-radius:999px;background:#f5c15b;filter:blur(95px);opacity:.10;pointer-events:none}
.vm-register-shell{grid-template-columns:minmax(0,1.12fr) minmax(440px,500px);gap:58px;width:min(1240px,calc(100vw - 44px));align-items:center}
.vm-register-hero{padding:24px 0 36px}.vm-brand{display:inline-flex;align-items:center;gap:3px;font-size:25px;font-weight:1000;letter-spacing:-.03em}.vm-brand span{color:#ff8d55}.vm-brand small{margin-left:7px;padding:3px 7px;border-radius:999px;background:rgba(70,217,255,.14);border:1px solid rgba(70,217,255,.30);color:#9cf2ff;font-size:10px;letter-spacing:.04em}.vm-hero-kicker{display:inline-flex;margin-top:26px;padding:8px 12px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.06);color:#c9f6ff;font-weight:800;font-size:13px}.vm-register-hero h1{max-width:760px;margin:18px 0 18px;font-size:clamp(46px,6vw,76px);line-height:.94;letter-spacing:-.06em;text-shadow:0 10px 40px rgba(0,0,0,.34)}.vm-register-hero p{max-width:660px;font-size:19px;color:#d4e6f7}.vm-proof-row{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.vm-proof-row span{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);color:#eaf7ff;font-size:13px;font-weight:900}.vm-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:640px;margin-top:24px}.vm-benefit-card{position:relative;min-height:112px;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.11);box-shadow:0 16px 50px rgba(0,0,0,.18)}.vm-benefit-card i{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:12px;background:rgba(70,217,255,.12);font-style:normal;margin-bottom:10px}.vm-benefit-card b{display:block;color:#fff;margin-bottom:4px}.vm-benefit-card span{display:block;color:#bcd0e7;font-size:13px;line-height:1.45}
.vm-register-card-wrap{justify-self:end;width:100%}.vm-register-card{width:100%;padding:30px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045));border:1px solid rgba(159,196,255,.20);box-shadow:0 30px 110px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px);gap:16px}.vm-card-head{margin-bottom:2px}.vm-card-badge{display:inline-flex;margin-bottom:10px;padding:7px 10px;border-radius:999px;background:rgba(245,193,91,.13);border:1px solid rgba(245,193,91,.24);color:#ffe2a6;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}.vm-register-card h2{margin:0 0 8px;font-size:28px;line-height:1.08;letter-spacing:-.03em}.vm-register-card .muted{margin:0;color:#aebfda;font-size:14px}.vm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vm-register-card label{gap:8px;color:#dbe9fb;font-size:13px;font-weight:900}.vm-register-card input{min-height:50px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.10);color:#fff;padding:13px 14px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.vm-register-card input::placeholder{color:#76849d}.vm-register-card input:focus{border-color:#6ea8ff;box-shadow:0 0 0 4px rgba(110,168,255,.15);background:rgba(255,255,255,.055)}
.vm-safety-box{padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(70,217,255,.075),rgba(70,217,255,.030));border:1px solid rgba(70,217,255,.18)}.vm-safety-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:13px}.vm-safety-title span{width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(70,217,255,.13);border:1px solid rgba(70,217,255,.18)}.vm-safety-title b{display:block;color:#fff;font-size:15px}.vm-safety-title small{display:block;color:#aebfda;margin-top:3px;line-height:1.35}.vm-child-safety-note{margin:8px 0 0;color:#aebfda;font-size:12px;line-height:1.45}.vm-guardian-field{display:none;margin-top:12px}.vm-guardian-field.is-visible{display:flex}.vm-guardian-field.is-visible input{border-color:rgba(245,193,91,.32);box-shadow:0 0 0 4px rgba(245,193,91,.08)}
.vm-terms-box{display:grid;gap:10px;padding:14px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.vm-check{display:grid!important;grid-template-columns:22px 1fr;align-items:start;gap:10px;padding:10px;border-radius:14px;color:#d8e9ff!important;font-size:13px!important;font-weight:750!important;line-height:1.38;cursor:pointer;transition:background .16s ease,border-color .16s ease}.vm-check:hover{background:rgba(255,255,255,.055)}.vm-check input{width:20px!important;height:20px!important;min-height:20px!important;margin:0;accent-color:#f5c15b;cursor:pointer}.vm-check span{display:block}.vm-check a{color:#9cf2ff;text-decoration:underline;text-underline-offset:3px}.vm-register-submit{min-height:52px;border-radius:999px;font-size:15px;box-shadow:0 16px 45px rgba(255,141,85,.18)}.vm-auth-note{text-align:center;margin:0;color:#9fb1cc;font-size:12px}.vm-login-link{display:block;text-align:center;color:#fff;font-weight:1000}.vm-login-link:hover{color:#f5c15b}
@media(max-width:1020px){.vm-register-shell{grid-template-columns:1fr;gap:28px;padding:32px 0}.vm-register-card-wrap{justify-self:stretch}.vm-register-hero{text-align:left}.vm-benefit-grid{max-width:none}.vm-register-card{max-width:620px;margin:0 auto}}
@media(max-width:640px){.vm-register-shell{width:min(100vw - 24px,1180px)}.vm-register-hero h1{font-size:40px}.vm-register-hero p{font-size:16px}.vm-benefit-grid,.vm-form-grid{grid-template-columns:1fr}.vm-register-card{padding:22px;border-radius:24px}.vm-register-card h2{font-size:24px}.vm-proof-row span{width:100%;justify-content:center}.vm-check{grid-template-columns:20px 1fr;padding:9px}}