:root{--metric-bg:#f5f8f4;--metric-surface:#fff;--metric-recess:#edf3ec;--metric-ink:#173c2c;--metric-muted:#607369;--metric-line:#dce6dd;--metric-accent:#17794e;--metric-bright:#8ee7ac;--metric-shadow:0 8px 32px #143e2410}
html.dark{--metric-bg:#0b1310;--metric-surface:#121e18;--metric-recess:#18271f;--metric-ink:#e3f3e8;--metric-muted:#9bb1a3;--metric-line:#2a3d30;--metric-accent:#8fe8ad;--metric-bright:#b7ffbe;--metric-shadow:0 12px 40px #0003;--bg:#0b1310;--paper:#121e18;--ink:#e3f3e8;--muted:#9bb1a3;--line:#2a3d30;--green:#88e5a7;--lime:#244835;--mint:#203b2c;--corpo:#a9dfb4;--menopausa:#e6b88e;--lipedema:#aec4e7}
body{background:var(--metric-bg)}.theme-toggle{height:34px;width:34px;border:1px solid var(--metric-line);border-radius:9px;display:grid;place-items:center;color:var(--metric-ink);background:var(--metric-surface)}.theme-toggle svg{height:17px;width:17px}html.dark .sidebar,html.dark .topbar{background:#0e1813}html.dark .workspace,html.dark .user-circle{border-color:var(--metric-line)}html.dark .avatar,html.dark .user-circle{background:#253b2c;color:#c3dfcc}html.dark .nav-item{color:#a0b5a7}html.dark .nav-item.active{background:linear-gradient(105deg,#244d34,#193527);color:#bef4c9;box-shadow:inset 2px 0 #9cf6b6}html.dark .nav-item:hover{background:#193025}html.dark .breadcrumb strong,html.dark .wordmark,html.dark .integration-nav{color:#d7ebdd}html.dark .brand-mark{background:#b2edbd;color:#102a1b}html.dark .brand-mark span{color:#386e46}html.dark .subtitle,html.dark .page-heading p,html.dark .stat-label,html.dark .form-help,html.dark .muted{color:#9eafa2}html.dark .idea-card,html.dark .source-card,html.dark .resource-card,html.dark .extras-card,html.dark .stats,html.dark .reel-card,html.dark .result-cell,html.dark .editorial-card,html.dark .editorial-details,html.dark .connection-card,html.dark .calendar,html.dark .calendar-day,html.dark dialog{background:#121e18;color:#e3f3e8;border-color:#2a3d30}html.dark .calendar-day.today,html.dark .calendar-event,html.dark .editorial-terms span,html.dark .week-strip{background:#1a2d21}html.dark .btn.secondary,html.dark input,html.dark select,html.dark textarea{background:#18271f;color:#d8e8dc;border-color:#385440}html.dark .btn.primary{background:linear-gradient(110deg,#9debaf,#7acf9a);color:#10251b}html.dark .btn.text,html.dark .link-btn{color:#a9d9b4}html.dark .info-banner,html.dark .editorial-checklist,html.dark .drop-zone{background:#1a2d21;color:#c0dbc7;border-color:#35553e}html.dark .account-banner{background:#29281a;color:#e1d5a2;border-color:#544c2d}html.dark .account-banner .btn{background:#34311c;color:#eee2b0;border-color:#645d3a}html.dark .editorial-card p,html.dark .editorial-card small,html.dark .editorial-section>p,html.dark .connection-card p,html.dark .resource-card p{color:#a8bbae}html.dark .tag{background:#263e2b;color:#bce5c1}html.dark .tag.menopausa{background:#3b3023;color:#eac395}html.dark .tag.lipedema{background:#273443;color:#b6d0ed}html.dark .status-pill{background:#1f3a28;color:#aee0b9}html.dark .status-pill.warn{background:#382e1c;color:#e2c98c}html.dark .list-row,html.dark .idea-footer,html.dark .app-footer{border-color:#2a3d30}html.dark .login-page{background:radial-gradient(ellipse at 75% 25%,#19432b,transparent 60%),#0b1310}html.dark .login-card{background:#121e18eb;border-color:#2a3d30}html.dark .calendar-day.today .day-number{background:#99e3ae;color:#12351e}
.metrics-app{color:var(--metric-ink);font-size:13px;--rb-accent:var(--metric-accent);--rb-r-lg:12px;--rb-r-2xl:16px}.metrics-app h1,.metrics-app h2,.metrics-app h3{color:var(--metric-ink);font-family:var(--heading)}.metrics-hero{position:relative;border:1px solid var(--metric-line);border-radius:18px;background:linear-gradient(110deg,var(--metric-surface) 35%,var(--metric-recess));margin-bottom:17px;isolation:isolate;min-height:165px;box-shadow:var(--metric-shadow)}.metrics-glow{position:absolute;inset:0 0 0 45%;height:100%;overflow:hidden;z-index:-1;opacity:.13;border-radius:18px;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}html.dark .metrics-glow{opacity:.48}.metrics-glow:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 40%,#66e89755,transparent 68%)}.metrics-hero-content{padding:28px 29px;display:flex;justify-content:space-between;align-items:center;gap:24px}.metrics-kicker{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:650;letter-spacing:1.6px;color:var(--metric-muted)}.metrics-kicker>span{width:6px;height:6px;background:var(--metric-accent);border-radius:50%;box-shadow:0 0 12px #7fdca780}.metrics-hero h1{margin:11px 0 8px;font-size:30px;letter-spacing:-1.25px}.metrics-hero p{color:var(--metric-muted);font-size:12px;line-height:1.7}.metrics-hero-actions{display:flex;gap:10px;flex-shrink:0}.metric-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:9px 13px;background:var(--metric-surface);border:1px solid var(--metric-line);border-radius:8px;font-size:11px;font-weight:600;color:var(--metric-ink);white-space:nowrap}.metric-button svg{width:16px;height:16px}.metric-primary{background:linear-gradient(110deg,#166f47,#27845b);border-color:transparent;color:#fff;box-shadow:0 0 18px #65b27f15}html.dark .metric-primary{background:linear-gradient(110deg,#a7efb6,#6ad1a4);color:#102f1e;box-shadow:0 0 22px #67d29322}.metrics-dateline{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:var(--metric-muted);margin:0 3px 23px;line-height:1.7}.metrics-dateline i{display:inline-block;width:5px;height:5px;background:var(--metric-accent);border-radius:50%;margin-right:5px}.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.audience-card{text-align:left;background:var(--metric-surface);border:1px solid var(--metric-line);padding:20px;border-radius:13px;position:relative;overflow:hidden;transition:border-color .15s,background .15s;min-width:0}.audience-card:hover{border-color:var(--metric-accent)}.audience-card.selected{border-color:#76ab87;background:linear-gradient(130deg,var(--metric-surface),var(--metric-recess));box-shadow:inset 0 1px #9cd8ae33,0 8px 26px #40915b0c}html.dark .audience-card.selected{border-color:#517c5e;box-shadow:inset 0 1px #cdf8cb20,0 0 28px #50ae6612}.audience-label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--metric-muted)}.audience-label>svg{margin-left:auto;width:15px;height:15px}.network-mark{display:grid;place-items:center;background:var(--metric-recess);height:29px;width:29px;border-radius:8px;color:var(--metric-accent)}.audience-card>strong{display:block;font:600 35px var(--heading);letter-spacing:-1.3px;margin:21px 0 8px;color:var(--metric-ink);font-variant-numeric:tabular-nums}.audience-bottom{display:flex;justify-content:space-between;gap:8px;color:var(--metric-muted);font-size:10px;line-height:1.65}.audience-bottom small{display:block;font-size:9px;margin-top:5px}.audience-delta{font-weight:700;color:var(--metric-accent);text-align:right}.audience-delta small{font-weight:400;color:var(--metric-muted)}.audience-delta.negative{color:#c17e61}.audience-no-history{font-size:9px;text-align:right;align-self:flex-end}.metrics-network-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 19px}.metrics-network-heading h2{font-size:23px;margin-top:7px;letter-spacing:-.8px}.metrics-network-heading h2 span{font:400 11px var(--body);color:var(--metric-muted);letter-spacing:0;margin-left:12px}.performance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:17px}.performance-grid:has(.accent){grid-template-columns:repeat(4,minmax(0,1fr))}.performance-card{padding:18px;border:1px solid var(--metric-line);background:var(--metric-surface);border-radius:12px;min-width:0}.performance-card>svg{height:16px;width:16px;color:var(--metric-accent);margin-bottom:12px}.performance-card>span{display:block;font-size:11px;line-height:1.6;color:var(--metric-muted)}.performance-card strong{display:block;font:600 26px var(--heading);font-variant-numeric:tabular-nums;margin-top:8px;letter-spacing:-.7px}.performance-card small{display:block;color:var(--metric-muted);font-size:9px;line-height:1.65;margin-top:7px}.performance-card.accent{background:radial-gradient(ellipse at top right,#59b97612,transparent 75%),var(--metric-recess);display:flex;flex-direction:column;justify-content:space-between}.save-share{display:flex;gap:25px}.metrics-chart-panel,.metrics-ranking,.metrics-small-panel{padding:23px;background:var(--metric-surface);border:1px solid var(--metric-line);border-radius:13px;margin-top:17px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:24px}.panel-title h3,.metrics-small-panel h3{font-size:15px;font-weight:600;letter-spacing:-.3px}.panel-title p{font-size:10px;line-height:1.7;color:var(--metric-muted);margin-top:7px;max-width:560px}.metric-segment{display:flex;border:1px solid var(--metric-line);background:var(--metric-recess);padding:3px;border-radius:8px;flex-shrink:0}.metric-segment button{padding:6px 10px;border-radius:5px;font-size:10px;color:var(--metric-muted);line-height:1.5}.metric-segment button[aria-pressed=true]{background:var(--metric-surface);box-shadow:0 1px 4px #00000010;color:var(--metric-ink)}.metric-chart{margin-top:22px}.chart-caption{display:flex;justify-content:space-between;gap:15px;color:var(--metric-muted);font-size:10px;margin-bottom:9px}.metric-chart-svg{display:block;width:100%;height:auto;max-height:285px;stroke:none;overflow:visible}.metric-chart-svg text{fill:var(--metric-muted);font-size:10px;stroke:none;font-family:var(--body)}.chart-grid{stroke:var(--metric-line);stroke-dasharray:3 4;stroke-width:1}.chart-line{stroke:var(--metric-accent);stroke-width:2.5}.chart-point{fill:var(--metric-accent);stroke:var(--metric-surface);stroke-width:2;cursor:crosshair}.chart-point:focus{outline:none;stroke:#c3d06b;stroke-width:4}.chart-footnote{font-size:10px;color:var(--metric-muted);text-align:center;margin-top:5px;line-height:1.8}.chart-empty{display:grid;place-items:center;min-height:170px;color:var(--metric-muted);font-size:12px}.rank-sort{display:flex;align-items:center;gap:9px;color:var(--metric-muted);font-size:10px;margin:0;white-space:nowrap}.rank-sort select{margin:0;width:auto;font-size:10px;padding:7px;border:1px solid var(--metric-line);background:var(--metric-surface);color:var(--metric-ink);border-radius:7px}.metrics-table-scroll{overflow:auto;margin-top:20px}.metrics-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}.metrics-table th{color:var(--metric-muted);font-size:10px;font-weight:500;padding:13px 10px;border-top:1px solid var(--metric-line);border-bottom:1px solid var(--metric-line);background:var(--metric-recess)}.metrics-table td{padding:16px 10px;border-bottom:1px solid var(--metric-line);font-variant-numeric:tabular-nums}.metrics-table td:nth-child(3),.metrics-table td:nth-child(4),.metrics-table th:nth-child(3),.metrics-table th:nth-child(4){text-align:right}.metrics-table td:first-child{display:flex;align-items:center;gap:15px;white-space:normal;min-width:230px}.rank-number{font:600 10px var(--heading);color:var(--metric-muted);opacity:.65}.post-cell strong{font-size:11px;font-weight:600;line-height:1.6;display:block}.post-cell small{display:block;color:var(--metric-muted);font-size:9px;margin-top:5px}.metrics-table a{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--metric-line);border-radius:7px;margin-left:auto}.metrics-table a:hover{color:var(--metric-accent);background:var(--metric-recess)}.ranking-more{display:flex;align-items:center;justify-content:center;width:100%;padding-top:18px;color:var(--metric-accent);font-size:11px;gap:7px}.ranking-empty{padding:30px;text-align:center;color:var(--metric-muted)}.metrics-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.google-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:24px}.google-metrics strong{display:block;font:600 27px var(--heading)}.google-metrics span{display:block;font-size:10px;line-height:1.65;margin-top:8px}.google-metrics small{display:block;font-size:9px;color:var(--metric-muted);margin-top:7px}.metric-badge{font-size:9px;background:var(--metric-recess);color:var(--metric-accent);padding:5px 7px;border-radius:5px}.connected-networks{display:flex;gap:11px 16px;flex-wrap:wrap;margin-top:20px;font-size:10px}.connected-networks span{display:flex;gap:6px;align-items:center}.connected-networks i{width:5px;height:5px;border-radius:50%;background:#88988a}.connected-networks i.connected{background:var(--metric-accent)}.metric-small-note{font-size:10px;line-height:1.8;color:var(--metric-muted);margin-top:18px}.metrics-notice{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px solid var(--metric-line);border-radius:11px;background:var(--metric-recess);margin-top:21px;color:var(--metric-muted);font-size:11px;line-height:1.8}.metrics-notice>svg{width:18px;height:18px;margin-top:2px;color:var(--metric-accent)}.metrics-notice strong{font-weight:550;color:var(--metric-ink)}.metrics-notice p{margin-top:4px}.metrics-notice.error{background:#8e4a2520;color:var(--metric-ink)}.metrics-notice.error button{text-decoration:underline;margin-left:auto}.metrics-loading,.metrics-empty{text-align:center;padding:70px 25px;color:var(--metric-muted)}.metrics-empty svg{margin:auto}.metrics-empty h2{margin:20px 0 12px}.metric-modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;z-index:100;background:#04170dc7;padding:24px;backdrop-filter:blur(7px)}.metric-modal{max-width:470px;background:var(--metric-surface);border:1px solid var(--metric-line);border-radius:17px;padding:30px;box-shadow:0 20px 70px #0003}.metric-modal>svg{color:var(--metric-accent);margin-bottom:18px}.metric-modal h2{font-size:23px;line-height:1.4}.metric-modal p{color:var(--metric-muted);font-size:12px;line-height:1.85;margin-top:14px}.metric-modal>div{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.metrics-hero-content{padding:35px}.metrics-hero h1{font-size:35px}.audience-card{padding:25px}.audience-card>strong{font-size:40px}}
@media(max-width:1250px){.metrics-hero-content{align-items:flex-start;flex-direction:column;gap:19px}.metrics-hero-actions{align-self:flex-start}.metrics-hero h1{font-size:29px}.performance-grid:has(.accent){grid-template-columns:repeat(2,minmax(0,1fr))}.audience-card{padding:16px}.audience-bottom{display:block}.audience-delta,.audience-no-history{display:block;text-align:left;margin-top:10px}.audience-no-history br{display:none}.audience-no-history br:after{content:' '}.metrics-network-heading h2 span{display:block;margin:7px 0 0}}
@media(max-width:850px){.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-bottom{display:flex}.audience-delta,.audience-no-history{text-align:right;margin-top:0}.metrics-bottom-grid{grid-template-columns:1fr}.metrics-dateline{align-items:flex-start;flex-direction:column;gap:2px}.panel-title{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:600px){.metrics-hero-content{padding:22px 19px}.metrics-hero h1{font-size:27px}.metrics-hero p{font-size:11px}.metrics-hero-actions{flex-wrap:wrap;gap:9px}.metrics-hero-actions .metric-button{padding:9px 11px;font-size:10px}.audience-grid{gap:10px}.audience-card{padding:13px}.audience-card>strong{font-size:28px;margin-top:18px}.audience-label{font-size:10px;gap:6px}.network-mark{width:25px;height:25px}.audience-label>svg{display:none}.audience-bottom{display:block}.audience-delta,.audience-no-history{text-align:left;margin-top:9px}.audience-bottom small{font-size:8px}.metrics-network-heading{align-items:flex-start;flex-direction:column;gap:13px}.metrics-network-heading h2{font-size:23px}.performance-grid,.performance-grid:has(.accent){grid-template-columns:1fr 1fr;gap:10px}.performance-card{padding:14px}.performance-card strong{font-size:24px}.performance-card>span{font-size:10px}.save-share{gap:13px}.save-share strong{font-size:23px}.save-share small{font-size:8px}.metrics-chart-panel,.metrics-ranking,.metrics-small-panel{padding:17px}.chart-caption{flex-direction:column;gap:6px}.metric-chart-svg{min-height:170px}.metric-segment{width:100%}.metric-segment button{flex:1}.google-metrics{gap:10px}.google-metrics strong{font-size:25px}.metrics-notice{padding:14px;font-size:10px}.metrics-notice>svg{display:none}.metric-modal{padding:23px}.metric-modal>div{flex-wrap:wrap}.metric-modal h2{font-size:22px}}

.metric-count-note{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:var(--metric-muted);line-height:1.8;margin-top:4px}.metric-count-note svg{width:13px;height:13px;margin-top:3px}.metrics-hero-actions button[aria-haspopup]{border:1px solid var(--metric-line);background:var(--metric-surface);color:var(--metric-ink);border-radius:8px;padding:8px 12px;min-height:36px;font-size:11px}.metrics-hero-actions [role=listbox]{background:var(--metric-surface);border:1px solid var(--metric-line);color:var(--metric-ink);box-shadow:0 8px 28px #0003}.metrics-hero-actions [role=option]{color:var(--metric-ink)}.metrics-hero-actions [role=option]:hover{background:var(--metric-recess)}
html,body{overflow-x:clip}.app-shell,main{min-width:0}@media(max-width:600px){.metrics-hero-actions [role=listbox]{left:0;right:auto}}
