/* Color, elevation and hierarchy requested by Gustavo. Cards use shadows, never outline borders. */
:root{--cos-bg:#f4f6fb;--cos-nav:#fff;--cos-surface:#fff;--cos-panel:#f3f5fa;--cos-ink:#202b3e;--cos-muted:#677489;--cos-soft:#8994a6;--cos-line:#e5eaf3;--cos-accent:#159669;--cos-lime:#c3f5df;--cos-shadow:0 5px 14px #25375206,0 16px 38px #2537520c;--card-shadow:0 5px 12px #26395305,0 15px 34px #2639530c;--card-shadow-hover:0 8px 16px #24334808,0 20px 40px #24334812}
html.dark{--cos-bg:#101623;--cos-nav:#151d2b;--cos-surface:#1d2738;--cos-panel:#222e41;--cos-ink:#eef3fc;--cos-muted:#a7b4ca;--cos-soft:#7f90ab;--cos-line:#344259;--cos-accent:#62e0b1;--cos-lime:#9cf0ce;--cos-shadow:0 6px 15px #0207141a,0 19px 40px #02071438;--card-shadow:0 5px 13px #04081124,0 17px 35px #04081138;--card-shadow-hover:0 7px 16px #04081138,0 24px 46px #04081150}
.cos-library-icon{object-fit:contain;display:inline-block;flex-shrink:0;max-width:none;vertical-align:middle;filter:drop-shadow(0 3px 4px #222b5012)}.cos-logo-symbol{background:linear-gradient(140deg,#36d29b,#13a071);color:#fff;box-shadow:0 5px 15px #20b88830}.cos-logo{font-size:17px}.cos-brand-card{border:0;background:var(--cos-panel);box-shadow:0 5px 14px #18284604}.cos-avatar{color:#16866a;background:#d8f7e9}html.dark .cos-avatar{color:#7de9c2;background:#245344}.cos-navigation a{font-size:13px;gap:13px;min-height:47px}.cos-navigation a.active{background:#e1f7ed;color:#137e58;box-shadow:none;font-weight:600}.cos-navigation a:hover{background:var(--cos-panel)}html.dark .cos-navigation a.active{background:linear-gradient(105deg,#254b43,#223b39);color:#8bebc4;box-shadow:none}.cos-navigation .cos-library-icon{height:24px;width:24px}.cos-sidebar{border-right:0;box-shadow:5px 0 30px #101d3606}.cos-topbar{border:0;background:var(--cos-nav);box-shadow:0 1px 20px #14213604;z-index:2}.cos-topbar-actions .cos-button.primary{box-shadow:0 4px 13px #159b6925}.cos-content{background:radial-gradient(ellipse at 100% 0,#93baf61c,transparent 38%),var(--cos-bg);padding-top:35px}.cos-page-heading{margin-bottom:30px}.cos-page-heading h1{font-size:35px;font-weight:650;letter-spacing:-1.5px;line-height:1.25;margin-top:9px;margin-bottom:12px}.cos-page-heading p{font-size:13px;line-height:1.8;max-width:620px}.cos-eyebrow{font-size:9px;letter-spacing:1.9px;color:var(--cos-soft);font-weight:650}.cos-button.primary{background:linear-gradient(110deg,#21b87f,#159f70);color:#fff;border:0;box-shadow:0 5px 15px #159f7020}html.dark .cos-button.primary{background:linear-gradient(110deg,#4bd8a2,#24ba94);color:#082d23;border:0;box-shadow:0 6px 20px #0b151920}.cos-password-nudge{font-size:10px;padding-bottom:3px;color:var(--cos-soft)}.cos-password-nudge button{color:var(--cos-accent)}
.cos-capture-card,.cos-framed-card,.cos-review-shortcut,.cos-idea-tile,.cos-column,.cos-source,.cos-month,.cos-agenda,.cos-surface,.cos-editorial-banner,.cos-details,.cos-resource-list>button,.cos-week-ribbon,.cos-empty,.cos-brand-card{border:0;box-shadow:var(--card-shadow)}.cos-card-panel{border:0;box-shadow:none}.cos-framed-card{padding:0;gap:0;background:var(--cos-surface);border-radius:17px;transition:box-shadow .2s,transform .2s}.cos-framed-card:hover{box-shadow:var(--card-shadow-hover)}.cos-card-panel{border-radius:17px 17px 0 0;padding:25px;background:transparent}.cos-card-action{background:var(--cos-panel);border:0;border-radius:0 0 17px 17px;min-height:40px;color:var(--cos-accent);padding:10px 20px;font-size:11px}.cos-capture-card{background:linear-gradient(120deg,#087b62,#058c73 48%,#126e87);box-shadow:0 14px 38px #07775b2e;min-height:337px;border-radius:20px}html.dark .cos-capture-card{background:linear-gradient(120deg,#15664e,#134d4c 55%,#174369);box-shadow:0 19px 38px #06101f55}.cos-capture-copy h2,html.dark .cos-capture-copy h2{color:#fff;font-size:32px;font-weight:650;letter-spacing:-1.2px;line-height:1.25}.cos-capture-copy>p,html.dark .cos-capture-copy>p{color:#c2f1e4;font-size:12px;line-height:1.85}.cos-capture-copy .cos-caption,html.dark .cos-capture-copy .cos-caption{color:#93cabe;font-size:9px}.cos-capture-copy .cos-button.primary,html.dark .cos-capture-copy .cos-button.primary{background:#fff;color:#096846;box-shadow:0 7px 20px #023a4326}.cos-glass-badge,html.dark .cos-glass-badge{background:#ffffff1c;border:0;color:#a3f4d6;box-shadow:none;font-size:8px;letter-spacing:1.2px}.cos-video-frame,html.dark .cos-video-frame{background:linear-gradient(150deg,#36cdb05c,#53c4ff2e);border:0;box-shadow:-10px 20px 35px #01354355,inset 0 1px #bdf6ec40}.cos-video-frame>div,html.dark .cos-video-frame>div{color:#c0ffe9}.cos-video-frame>div span{color:#a8e0ff}.cos-video-frame>div i{background:#71edbd}.cos-art-play,html.dark .cos-art-play{border:0;background:linear-gradient(140deg,#c5ffce80,#88d9ff5e);color:#fff;box-shadow:0 0 35px #8ceada30}.cos-video-orbit{border-color:#95dfec26}.cos-video-frame footer i{background:linear-gradient(#a3fbdd,#47b5f5)}.cos-video-chip,html.dark .cos-video-chip{background:#fff;color:#196b63;border:0;box-shadow:0 8px 20px #073e4040}.cos-extra-card{background:linear-gradient(140deg,#fbf3ff,#fff4e9)}html.dark .cos-extra-card{background:linear-gradient(140deg,#343048,#392d35)}.cos-extra-card .cos-card-panel{background:transparent}.cos-extra-card .cos-card-panel>.cos-library-icon{height:36px;width:36px;margin-bottom:15px}.cos-extra-card h3{font-size:19px;font-weight:600;line-height:1.4}.cos-extra-card p{font-size:11px;line-height:1.8}.cos-extra-card .cos-card-action{background:#f0e9f933;color:#a74dc2}html.dark .cos-extra-card .cos-card-action{color:#eb9ce9;background:#26162c20}.cos-review-icon{border:0;background:#efebfd;box-shadow:0 3px 9px #7658a00c}html.dark .cos-review-icon{background:#413353}.cos-review-shortcut strong{font-size:12px}.cos-review-shortcut div>span{font-size:10px}.cos-operational-stats{gap:16px;border:0;background:none;border-radius:0;overflow:visible;margin-top:24px;margin-bottom:40px}.cos-operational-stats button{border:0;border-radius:15px;box-shadow:var(--card-shadow);background:var(--cos-surface);padding:23px 20px;transition:box-shadow .2s}.cos-operational-stats button:hover{box-shadow:var(--card-shadow-hover)}.cos-operational-stats strong{font-size:34px;line-height:1.2;font-weight:600;margin-top:10px}.cos-operational-stats button>div>span{font-size:12px}.cos-operational-stats small{font-size:10px;margin-top:9px}.cos-stat-icon{height:40px;width:40px;border-radius:12px;display:grid;place-items:center;background:#eaeffd;padding:0;flex-shrink:0}.cos-operational-stats button:nth-child(2) .cos-stat-icon{background:#fceaf2}.cos-operational-stats button:nth-child(3) .cos-stat-icon{background:#eee9fb}.cos-operational-stats button:nth-child(4) .cos-stat-icon{background:#e4f1fd}html.dark .cos-stat-icon{background:#2b3751}html.dark .cos-operational-stats button:nth-child(2) .cos-stat-icon{background:#483044}html.dark .cos-operational-stats button:nth-child(3) .cos-stat-icon{background:#383154}html.dark .cos-operational-stats button:nth-child(4) .cos-stat-icon{background:#243f57}.cos-section-heading h2{font-size:24px;font-weight:600;margin-top:10px}.cos-home-idea .cos-card-panel{padding:19px}.cos-home-idea .cos-idea-illustration{margin:-19px -19px 19px;height:120px;border:0;background:linear-gradient(120deg,#dfeafb,#d5eaf2)}html.dark .cos-home-idea .cos-idea-illustration{background:linear-gradient(120deg,#253c5c,#23434c)}.cos-home-idea.menopausa .cos-idea-illustration{background:linear-gradient(120deg,#fbdce5,#ffdecb)}html.dark .cos-home-idea.menopausa .cos-idea-illustration{background:linear-gradient(120deg,#573444,#583c30)}.cos-home-idea.lipedema .cos-idea-illustration{background:linear-gradient(120deg,#e8dffb,#dee1ff)}html.dark .cos-home-idea.lipedema .cos-idea-illustration{background:linear-gradient(120deg,#3e335e,#2c3a64)}.cos-idea-illustration>span{color:#7699c3}.cos-art-rings,.cos-art-rings:before,.cos-art-rings:after{border-color:#6796d570}.cos-art-rings:after{background:linear-gradient(120deg,#96bdfe45,#99c6eb33)}.cos-art-waves i{border-color:#dc8196}.cos-art-dots i{background:#9b88d990}.cos-art-dots i:nth-child(3n){background:#82a5f6b3}.cos-home-idea h3{font-size:17px;line-height:1.5;margin-top:12px;min-height:49px}.cos-home-idea p{font-size:12px;line-height:1.8}.cos-topic-badge{color:#427fb7;font-size:9px}.cos-topic-badge.menopausa{color:#c35c7a}.cos-topic-badge.lipedema{color:#8d68c1}html.dark .cos-topic-badge{color:#8cb9f3}html.dark .cos-topic-badge.menopausa{color:#f599b4}html.dark .cos-topic-badge.lipedema{color:#baa0f5}.cos-week-ribbon{background:linear-gradient(110deg,#e7f8f0,#eef5fd);padding:25px}html.dark .cos-week-ribbon{background:linear-gradient(110deg,#23433d,#27384f)}.cos-week-ribbon strong{font-size:13px}.cos-week-ribbon small{font-size:11px}.cos-column{background:#eef3fa;box-shadow:0 8px 30px #26395308}.cos-column.menopausa{background:#fcf0f4}.cos-column.lipedema{background:#f1edf9}html.dark .cos-column{background:#1c2b40}html.dark .cos-column.menopausa{background:#322537}html.dark .cos-column.lipedema{background:#28253c}.cos-column>header{border:0;padding:17px 15px}.cos-column h3{font-size:12px}.cos-idea-tile{box-shadow:0 5px 15px #2734520a;border:0;padding:19px}.cos-idea-tile:hover{border:0;box-shadow:var(--card-shadow-hover)}.cos-idea-tile h4{font-size:16px;line-height:1.6}.cos-idea-tile p{font-size:12px}.cos-idea-top{font-size:8px;letter-spacing:.8px}.cos-idea-tile footer{border:0;background:none;padding-top:9px;font-size:9px}.cos-topic-dot{background:#5f99e5}.cos-column.menopausa .cos-topic-dot{background:#e487a6}.cos-column.lipedema .cos-topic-dot{background:#ad8bde}.cos-add-card{border:0;min-height:39px;background:#ffffff66;box-shadow:0 3px 9px #17274904;font-size:11px}html.dark .cos-add-card{background:#ffffff04}.cos-empty{background:radial-gradient(ellipse at 70% 0,#b5a6f025,transparent 65%),var(--cos-surface)}.cos-empty-ring{border:0;background:linear-gradient(140deg,#d7f0fb,#e3dcff);color:#6b76bb;box-shadow:0 8px 30px #748bd321}html.dark .cos-empty-ring{background:linear-gradient(140deg,#294958,#433966);color:#9ecdf0;box-shadow:0 8px 30px #0002}.cos-note{border:0;background:#eaf1fa;box-shadow:0 3px 12px #27395405;color:#5f708a;font-size:12px}html.dark .cos-note{background:#223249;color:#b1c1db}.cos-note>svg{color:#719dda}.cos-editorial-banner{background:radial-gradient(ellipse at 100% 0,#b798df20,transparent 70%),var(--cos-surface)}.cos-editorial-emblem{border:0;background:linear-gradient(135deg,#f3dafb,#e1dafa);box-shadow:0 6px 18px #b481bf16}html.dark .cos-editorial-emblem{background:linear-gradient(135deg,#553953,#3e3863)}.cos-resource-format:nth-child(1){background:linear-gradient(140deg,#f2eafb,#fff)}.cos-resource-format:nth-child(2){background:linear-gradient(140deg,#ffe8f1,#fff)}.cos-resource-format:nth-child(3){background:linear-gradient(140deg,#e9f3ff,#fff)}html.dark .cos-resource-format:nth-child(1){background:linear-gradient(140deg,#37304d,#1d2738)}html.dark .cos-resource-format:nth-child(2){background:linear-gradient(140deg,#483047,#1d2738)}html.dark .cos-resource-format:nth-child(3){background:linear-gradient(140deg,#2b3a5a,#1d2738)}.cos-resource-format .cos-card-panel{background:transparent}.cos-resource-format .cos-library-icon{margin:11px 0 15px}.cos-state-badge{border:0;font-size:9px;padding:4px 7px}.cos-resource-list-icon,.cos-doc-cover{border:0;box-shadow:none}.cos-rule-index{color:#8b83c8}.cos-principles .cos-card-panel h3{font-size:18px}.cos-principles .cos-card-panel p{font-size:12px}.cos-surface h2{font-size:21px}.cos-steps p,.cos-checklist>p{font-size:12px}.cos-details summary{font-size:13px}.cos-modal{border:0;box-shadow:0 30px 100px #02071570}.cos-connections article{border:0;box-shadow:0 5px 14px #1d2c4908}.cos-upload-zone{border:0;background:radial-gradient(ellipse at top,#76c9eb20,transparent),var(--cos-panel);box-shadow:inset 0 0 20px #669bb208}.cos-upload-orbit{border:0;background:var(--cos-surface);box-shadow:0 4px 15px #13355612;color:#639ac6}
.cos-layout .metrics-hero,.cos-layout .audience-card,.cos-layout .performance-card,.cos-layout .metrics-chart-panel,.cos-layout .metrics-ranking,.cos-layout .metrics-small-panel,.cos-layout .metrics-notice{border:0;box-shadow:var(--card-shadow);border-radius:16px}.cos-layout .metrics-hero{background:radial-gradient(ellipse at 95% 15%,#55c9a319,transparent 70%),var(--cos-surface)}.cos-layout .metrics-hero h1{font-size:35px;line-height:1.25;font-weight:650}.cos-layout .metrics-hero p{font-size:13px}.cos-layout .metrics-hero-content{padding:32px}.cos-layout .audience-grid{gap:18px}.cos-layout .audience-card{padding:24px;background:var(--cos-surface)}.cos-layout .audience-card>strong{font-size:40px;font-weight:600;margin-top:20px;margin-bottom:11px}.cos-layout .audience-label{font-size:13px;color:var(--cos-muted)}.cos-layout .network-mark{height:37px;width:37px;border-radius:11px;background:transparent;box-shadow:none}.cos-layout .network-mark .cos-library-icon{height:31px;width:31px}.cos-layout .audience-card.selected{border:0;box-shadow:var(--card-shadow-hover)}.cos-layout .audience-card.network-instagram{background:linear-gradient(135deg,#fff 30%,#f9e8f6)}.cos-layout .audience-card.network-facebook{background:linear-gradient(135deg,#fff 30%,#e6eeff)}.cos-layout .audience-card.network-youtube{background:linear-gradient(135deg,#fff 30%,#ffebe8)}.cos-layout .audience-card.network-tiktok{background:linear-gradient(135deg,#fff 30%,#e6f7fa)}html.dark .cos-layout .audience-card.network-instagram{background:linear-gradient(135deg,#1d2738 20%,#402a49)}html.dark .cos-layout .audience-card.network-facebook{background:linear-gradient(135deg,#1d2738 20%,#203e69)}html.dark .cos-layout .audience-card.network-youtube{background:linear-gradient(135deg,#1d2738 20%,#4c2c38)}html.dark .cos-layout .audience-card.network-tiktok{background:linear-gradient(135deg,#1d2738 20%,#203e45)}.cos-layout .audience-card.selected:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:3px;border-radius:5px;background:var(--cos-accent);box-shadow:0 -3px 14px currentColor}.cos-layout .audience-card.network-facebook.selected:after{background:#1877f2;color:#1877f2}.cos-layout .audience-card.network-youtube.selected:after{background:#ff4545;color:#ff4545}.cos-layout .audience-card.network-instagram.selected:after{background:linear-gradient(90deg,#fa9b51,#d53290,#7956d3);color:#d53290}.cos-layout .audience-card.network-tiktok.selected:after{background:linear-gradient(90deg,#25d4d8,#fb5483);color:#25d4d8}.cos-layout .audience-bottom{font-size:11px}.cos-layout .audience-bottom small{font-size:9px}.cos-layout .audience-no-history{font-size:9px}.cos-layout .performance-grid{gap:17px}.cos-layout .performance-card{padding:22px}.cos-layout .performance-card>span{font-size:12px}.cos-layout .performance-card strong{font-size:31px;font-weight:600}.cos-layout .performance-card>svg{color:#8a6ec9;width:20px;height:20px}.cos-layout .performance-card:nth-child(2)>svg{color:#4f93df}.cos-layout .performance-card:nth-child(3)>svg{color:#e87897}.cos-layout .performance-card.accent{background:linear-gradient(130deg,#e4f8ee,#eaf5ff)}html.dark .cos-layout .performance-card.accent{background:linear-gradient(130deg,#26473d,#293a55)}.cos-layout .metrics-network-heading h2{font-size:26px;font-weight:650}.cos-layout .metrics-chart-panel,.cos-layout .metrics-ranking,.cos-layout .metrics-small-panel{padding:27px}.cos-layout .panel-title h3,.cos-layout .metrics-small-panel h3{font-size:18px;font-weight:600}.cos-layout .panel-title p{font-size:11px}.cos-layout .metrics-table{font-size:12px}.cos-layout .metrics-table th{background:var(--cos-panel);border:0;padding:14px 12px;font-size:11px}.cos-layout .metrics-table td{padding:18px 12px;border-bottom:1px solid color-mix(in srgb,var(--cos-line) 50%,transparent)}.cos-layout .post-cell strong{font-size:12px}.cos-layout .post-cell small{font-size:10px}.cos-layout .metrics-table a{border:0;background:var(--cos-panel);box-shadow:0 3px 8px #15203606}.cos-layout .metrics-notice{background:var(--cos-panel);font-size:12px;box-shadow:none}.cos-layout .google-metrics strong{font-size:31px}.cos-layout .google-metrics span{font-size:11px}.cos-layout .metric-small-note{font-size:11px}.cos-layout .metrics-table .rank-number{font-size:11px;color:#959fc3}.cos-layout .connected-networks{font-size:11px}
@media(min-width:1600px){.cos-page-heading h1{font-size:39px}.cos-capture-copy h2{font-size:39px}.cos-capture-card{min-height:375px}.cos-capture-copy>p{font-size:14px}.cos-operational-stats strong{font-size:39px}.cos-home-idea h3{font-size:19px}}
@media(max-width:1250px){.cos-operational-stats button{padding:20px 15px;gap:10px}.cos-stat-icon{height:32px;width:32px}.cos-stat-icon .cos-library-icon{height:24px;width:24px}.cos-operational-stats strong{font-size:31px}.cos-operational-stats button>div>span{font-size:11px}.cos-layout .audience-card{padding:21px}.cos-layout .audience-card>strong{font-size:36px}}
@media(max-width:720px){.cos-page-heading h1{font-size:32px}.cos-home-idea .cos-idea-illustration{height:auto;margin:-19px 0 -19px -19px;grid-row:1/4}.cos-home-idea h3{min-height:0}.cos-operational-stats{gap:13px}.cos-stat-icon{display:grid}.cos-layout .audience-grid{gap:14px}.cos-layout .metrics-hero h1{font-size:30px}.cos-layout .metrics-chart-panel,.cos-layout .metrics-ranking,.cos-layout .metrics-small-panel{padding:21px}.cos-layout .performance-card{padding:18px}.cos-capture-card{min-height:340px}}
@media(max-width:480px){.cos-page-heading h1{font-size:31px;line-height:1.3}.cos-page-heading p{font-size:12px}.cos-content{padding-top:26px}.cos-capture-copy h2{font-size:31px;line-height:1.25}.cos-capture-card{min-height:390px}.cos-capture-copy>p{max-width:235px;font-size:12px}.cos-operational-stats button{padding:18px 16px;display:block}.cos-stat-icon{height:34px;width:34px;margin-bottom:13px}.cos-operational-stats button>div>span{font-size:11px}.cos-operational-stats strong{font-size:32px;margin-top:8px}.cos-operational-stats small{font-size:9px}.cos-section-heading h2{font-size:22px}.cos-section-heading .cos-button{font-size:10px}.cos-home-idea h3{font-size:16px}.cos-home-idea p{font-size:11px}.cos-home-idea .cos-card-panel{grid-template-columns:70px 1fr}.cos-home-idea .cos-card-action{padding-left:104px;font-size:11px}.cos-layout .metrics-hero h1{font-size:30px}.cos-layout .metrics-hero-content{padding:23px}.cos-layout .audience-card{padding:18px 15px}.cos-layout .audience-card>strong{font-size:31px}.cos-layout .audience-label{font-size:11px;gap:8px}.cos-layout .network-mark{height:28px;width:28px}.cos-layout .network-mark .cos-library-icon{height:26px;width:26px}.cos-layout .performance-card strong{font-size:27px}.cos-layout .performance-card>span{font-size:11px}.cos-layout .performance-card{padding:17px}.cos-layout .performance-grid{gap:13px}.cos-layout .panel-title h3{font-size:17px}.cos-layout .metrics-network-heading h2{font-size:25px}.cos-layout .metrics-notice{font-size:11px}.cos-extra-card .cos-card-panel>.cos-library-icon{margin-bottom:18px}.cos-week-ribbon{padding:22px}}

.cos-field>label{margin:0;color:var(--cos-ink);font:500 11px var(--body);display:block}
/* Only the content and the sidebar own scroll; the application frame never scrolls. */
#app,.cos-layout,.cos-workspace{overflow:clip;min-height:0}.cos-sidebar{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.cos-sidebar-bottom{flex-shrink:0}.cos-navigation{flex-shrink:0}.cos-logo,.cos-brand-card,.cos-nav-label{flex-shrink:0}
.cos-login{min-height:100dvh;background:radial-gradient(ellipse at 10% 80%,#93dbbf25,transparent 48%),var(--cos-bg);color:var(--cos-ink);font-family:var(--body);padding:35px 55px}.cos-login>header{display:flex;justify-content:space-between;align-items:center;max-width:1250px;margin:auto}.cos-login .cos-logo{padding:0}.cos-login-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;max-width:1080px;margin:70px auto;align-items:center}.cos-login-story{position:relative;min-height:445px;display:flex;flex-direction:column}.cos-login-story h1{font:600 40px/1.25 var(--heading);letter-spacing:-1.7px;margin:19px 0;color:var(--cos-ink)}.cos-login-story>p{font-size:14px;line-height:1.9;color:var(--cos-muted);max-width:410px}.cos-login-topics{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.cos-login-topics span{font-size:9px;background:#dceafb;color:#5984bd;padding:8px 11px;border-radius:7px}.cos-login-topics span:nth-child(2){background:#fce0ec;color:#b96088}.cos-login-topics span:nth-child(3){background:#ebe1fc;color:#8b65bd}html.dark .cos-login-topics span{background:#273d5b;color:#9abcfa}html.dark .cos-login-topics span:nth-child(2){background:#4b2f46;color:#ef9fca}html.dark .cos-login-topics span:nth-child(3){background:#3d2f53;color:#c8a9ec}.cos-login-story>small{font-size:10px;margin-top:auto;color:var(--cos-muted)}.cos-login-art{height:170px;display:flex;align-items:center;gap:12px;margin-top:25px;position:relative}.cos-login-art span{width:68px;height:113px;border-radius:13px;background:linear-gradient(140deg,#5dbfab22,#499ad833);box-shadow:0 15px 25px #163b5a10;transform:rotate(-13deg)}.cos-login-art span:nth-child(2){background:linear-gradient(140deg,#ee95c333,#a683d544);transform:rotate(8deg);height:130px}.cos-login-art span:nth-child(3){background:linear-gradient(140deg,#7bccb033,#568be42b);transform:rotate(18deg)}.cos-login-art>svg{position:absolute;left:45px;top:40px;width:70px;height:70px;color:var(--cos-accent);filter:drop-shadow(0 8px 20px #169b6330)}.cos-login-card .cos-card-panel{padding:36px}.cos-login-lock{display:grid;place-items:center;height:51px;width:51px;border-radius:15px;background:#dff7ed;color:#20a675;margin-bottom:23px}html.dark .cos-login-lock{background:#254838;color:#72dfb7}.cos-login-card h2{font:600 27px/1.4 var(--heading);letter-spacing:-1px;margin:12px 0 9px;color:var(--cos-ink)}.cos-login-card p{font-size:12px;color:var(--cos-muted)}.cos-login-card form{margin-top:26px}.cos-login-card .cos-field input{min-height:45px}.cos-login-card .cos-button{width:100%;justify-content:space-between;margin-top:25px;min-height:43px}.cos-login-card .cos-caption{font-size:10px;line-height:1.9;margin-top:23px}.cos-login-password{position:relative}.cos-login-password input{padding-right:45px}.cos-login-password button{position:absolute;right:6px;top:5px;height:34px;width:34px;display:grid;place-items:center;color:var(--cos-muted)}.cos-login>footer{font-size:10px;color:var(--cos-soft);text-align:center;margin:30px 0 0}@media(max-width:850px){.cos-login{padding:27px}.cos-login-layout{grid-template-columns:1fr;max-width:460px;margin:45px auto;gap:30px}.cos-login-story{display:none}.cos-login-card .cos-card-panel{padding:29px}}@media(max-width:480px){.cos-login{padding:24px 18px}.cos-login .cos-logo{font-size:15px}.cos-login-card h2{font-size:25px}.cos-login-card .cos-card-panel{padding:25px}.cos-login-layout{margin-top:40px}}
.cos-ads-accounts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:19px}.cos-ad-account{padding:23px;display:flex;gap:18px;align-items:center;text-align:left;background:var(--cos-surface);box-shadow:var(--card-shadow);border:0;border-radius:16px;position:relative;overflow:hidden}.cos-ad-account.metaAds{background:linear-gradient(120deg,var(--cos-surface),#dfeaff)}.cos-ad-account.googleAds{background:linear-gradient(120deg,var(--cos-surface),#edf6df)}html.dark .cos-ad-account.metaAds{background:linear-gradient(120deg,var(--cos-surface),#253e65)}html.dark .cos-ad-account.googleAds{background:linear-gradient(120deg,var(--cos-surface),#2f4538)}.cos-ad-account.selected:after{content:'';position:absolute;bottom:0;left:25%;right:25%;height:3px;background:#4285f4;box-shadow:0 -2px 15px #4285f44d}.cos-ad-account h2{font-size:20px;letter-spacing:-.5px}.cos-ad-account div>span{display:block;font-size:11px;color:var(--cos-muted);margin-top:7px}.cos-ad-account>.cos-state-badge{margin-left:auto;background:#ffffff45}html.dark .cos-ad-account>.cos-state-badge{background:#00000018}.cos-ad-brand{height:44px;width:44px;display:grid;place-items:center;flex-shrink:0}.cos-google-ads-mark{width:34px;height:34px;position:relative;display:block}.cos-google-ads-mark i{position:absolute;width:13px;height:35px;left:14px;top:0;background:#4285f4;border-radius:9px;transform:rotate(-31deg)}.cos-google-ads-mark i:nth-child(2){left:3px;background:#fbbc04;transform:rotate(31deg)}.cos-google-ads-mark b{position:absolute;bottom:-1px;left:0;width:13px;height:13px;border-radius:50%;background:#34a853}.cos-ads-period{display:flex;justify-content:space-between;font-size:10px;color:var(--cos-soft);gap:15px;margin-bottom:25px;line-height:1.8}.cos-ads-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.cos-ads-kpis article{background:var(--cos-surface);border:0;border-radius:14px;box-shadow:var(--card-shadow);padding:24px;position:relative}.cos-ads-kpis article>span{font-size:12px;color:var(--cos-muted)}.cos-ads-kpis strong{font:600 33px var(--heading);display:block;margin:15px 0 12px;letter-spacing:-1px}.cos-ads-kpis small{font-size:10px;color:var(--cos-soft);line-height:1.8;display:block}.cos-ads-kpis article:after{content:'';position:absolute;top:24px;right:24px;display:block;width:8px;height:8px;border-radius:50%;background:#42bb96;box-shadow:0 0 16px #42bb9633}.cos-ads-kpis article.blue:after{background:#5798ef}.cos-ads-kpis article.purple:after{background:#a189ec}.cos-ads-kpis article.pink:after{background:#f18bb2}.cos-ads-campaigns{background:var(--cos-surface);border-radius:16px;box-shadow:var(--card-shadow);padding:26px;margin-top:25px}.cos-ads-campaigns .cos-section-heading{margin:0 0 22px}.cos-ads-campaigns .cos-section-heading h2{font-size:22px}.cos-ads-empty{text-align:center;display:flex;align-items:center;flex-direction:column;padding:40px 20px}.cos-ads-empty h3{font-size:20px;letter-spacing:-.5px;line-height:1.6;margin:22px 0 10px}.cos-ads-empty p{font-size:12px;line-height:1.9;color:var(--cos-muted);max-width:560px}.cos-ads-control-note{display:flex;align-items:center;gap:22px;border-radius:15px;padding:25px;margin-top:24px;background:linear-gradient(110deg,#edf1fa,#f0e9f9);box-shadow:var(--card-shadow)}html.dark .cos-ads-control-note{background:linear-gradient(110deg,#27344b,#362d48)}.cos-ads-control-note>span{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;color:#9684c4;background:#ffffff4a;flex-shrink:0}html.dark .cos-ads-control-note>span{background:#ffffff06}.cos-ads-control-note>div{flex:1}.cos-ads-control-note h3{font-size:16px;margin-bottom:10px}.cos-ads-control-note p{font-size:11px;line-height:1.9;color:var(--cos-muted);max-width:750px}.cos-ads-control-note small{font-size:10px;line-height:1.8;color:var(--cos-soft);display:block;margin-top:11px}.cos-ads-control-note>a{flex-shrink:0}.cos-ads-campaigns .metrics-table td small{display:block;font-size:9px;margin-top:6px}@media(max-width:900px){.cos-ads-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cos-ad-account{padding:19px;gap:13px;flex-wrap:wrap}.cos-ad-account>.cos-state-badge{margin-left:57px}.cos-ads-control-note{flex-wrap:wrap}.cos-ads-control-note>a{margin-left:70px}.cos-ads-period{display:block}.cos-ads-period>span{display:block;margin-top:5px}}@media(max-width:600px){.cos-ads-accounts{grid-template-columns:1fr;gap:13px}.cos-ad-account>.cos-state-badge{margin-left:auto}.cos-ads-kpis{gap:13px}.cos-ads-kpis article{padding:20px}.cos-ads-kpis strong{font-size:28px}.cos-ads-kpis small{font-size:9px}.cos-ads-campaigns{padding:20px}.cos-ads-campaigns .cos-section-heading{flex-direction:column;align-items:stretch;gap:18px}.cos-ads-control-note{padding:20px;gap:15px}.cos-ads-control-note>span{display:none}.cos-ads-control-note>a{margin-left:0}.cos-ads-empty{padding:30px 5px}.cos-ads-empty h3{font-size:18px}.cos-ad-account h2{font-size:19px}}
.cos-layout .metric-primary{background:linear-gradient(110deg,#21b87f,#159f70);color:#fff;box-shadow:0 5px 15px #159f7020}html.dark .cos-layout .metric-primary{background:linear-gradient(110deg,#4bd8a2,#24ba94);color:#082d23;box-shadow:0 6px 20px #0b151920}@media(max-width:480px){.cos-topbar .cos-icon-button,.cos-topbar .cos-global-new{width:44px;height:44px;min-height:44px;padding:10px}.cos-field input,.cos-field textarea,.cos-field select,.cos-login-card .cos-field input{font-size:16px;min-height:44px}.cos-field>label{font-size:12px}.cos-form-actions .cos-button{min-height:42px}.cos-modal-heading>.cos-icon-button{height:40px;width:40px}}
.cos-ads-source-note{align-items:flex-start;background:#e7f4ef;color:#4e7365}.cos-ads-source-note strong{font-size:12px;color:var(--cos-ink)}.cos-ads-source-note p{margin:7px 0;font-size:12px;line-height:1.8}.cos-ads-source-note small{font-size:10px;color:var(--cos-soft)}html.dark .cos-ads-source-note{background:#233f38;color:#b7d3c8}.cos-ads-campaigns .metrics-table td:first-child{min-width:260px;max-width:370px;line-height:1.65}.cos-ads-campaigns .metrics-table td .cos-button{width:auto;height:auto;min-width:70px;margin:0}.cos-ads-campaigns .metrics-table td:nth-child(6){white-space:normal;min-width:150px;font-size:10px}.cos-ads-campaigns .metrics-table td small{font-size:9px;color:var(--cos-soft);line-height:1.6}.cos-ads-kpis article.green strong{font-size:29px;letter-spacing:-1px}@media(max-width:600px){.cos-ads-kpis article.green strong{font-size:24px}.cos-ads-source-note p{font-size:11px}.cos-ads-source-note strong{font-size:11px}}
.chart-bar{fill:var(--metric-accent);opacity:.85;stroke:none;cursor:crosshair}.chart-bar:hover,.chart-bar:focus{opacity:1;filter:drop-shadow(0 0 6px #65d6a655);outline:none;stroke:var(--metric-ink);stroke-width:1}.chart-panel-title{align-items:flex-start;flex-wrap:wrap}.chart-panel-title>div:first-child{max-width:650px}.chart-modes{max-width:100%;flex-wrap:wrap;gap:2px}.chart-modes button{min-height:36px;font-size:10px;white-space:normal}.chart-scope-summary{display:flex;align-items:baseline;gap:13px;margin:16px 0 4px;color:var(--metric-muted);font-size:11px;line-height:1.8}.chart-scope-summary strong{font:600 23px var(--heading);color:var(--metric-ink);letter-spacing:-.5px;flex-shrink:0}.chart-data-table{margin-top:19px}.chart-data-table summary{font-size:11px;cursor:pointer;color:var(--metric-accent);padding:10px 0;line-height:1.7}.chart-data-table .metrics-table-scroll{max-height:290px;overflow:auto;margin-top:7px}.chart-data-table .metrics-table td:first-child{display:table-cell;min-width:0}.chart-data-table .metrics-table th{font-size:10px;text-transform:none}.chart-caption{flex-wrap:wrap;line-height:1.8}.metric-chart-svg{max-height:310px}.chart-footnote{line-height:1.8}@media(max-width:600px){.chart-modes{width:100%}.chart-modes button{flex:1 1 90px;min-height:44px;padding:7px}.chart-scope-summary{align-items:flex-start;gap:10px;flex-direction:column;line-height:1.7}.chart-scope-summary span{font-size:10px}.chart-data-table summary{font-size:11px}}
/* Publisher: status, review and explicit handoff to Metricool. */
.cos-publisher-status{display:flex;align-items:center;gap:18px;padding:24px;margin-bottom:24px;background:var(--cos-surface);border-radius:22px;box-shadow:var(--card-shadow)}
.cos-publisher-status>div{flex:1;min-width:0}.cos-publisher-status strong{font-size:17px}.cos-publisher-status p{font-size:13px;line-height:1.6;margin:7px 0 0;color:var(--metric-muted,#70809a)}
.cos-publisher-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;background:#4492ff16;color:#428cff;border-radius:15px}.cos-publisher-status.connected .cos-publisher-icon{background:#1bb78718;color:#16b888}
.cos-publish-summary{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:start}.cos-publish-summary video{width:100%;max-height:350px;object-fit:contain;background:#0c1520;border-radius:15px}.cos-publish-summary h3{margin:12px 0}.cos-publish-summary p{line-height:1.65}
.cos-publish-caption{white-space:pre-wrap;overflow-wrap:anywhere;background:#7a91ac0c;padding:16px;border-radius:14px;max-height:260px;overflow:auto;font-size:14px;line-height:1.65}.cos-publish-caption p{margin:8px 0 0}
.cos-publish-options{border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}.cos-publish-options legend{margin-bottom:8px;font-size:13px}.cos-publish-options label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px}.cos-publish-options input{width:18px;height:18px;accent-color:#18b78c}
html.dark .cos-publisher-status{background:#1c293a}
@media(max-width:680px){.cos-publisher-status{align-items:flex-start;flex-wrap:wrap;padding:20px}.cos-publisher-status>.cos-button{width:100%;justify-content:center}.cos-publish-summary{grid-template-columns:1fr}.cos-publish-summary video{max-height:220px}.cos-publish-preview .cos-form-actions{flex-wrap:wrap}.cos-publish-preview .cos-form-actions button{white-space:normal;text-align:center;line-height:1.4}}

/* Audience change uses the real coverage of each network. */
.audience-delta-value{display:flex;align-items:center;justify-content:flex-end;gap:3px;white-space:nowrap}.audience-delta-value b{font-weight:650}.audience-delta.neutral{color:var(--metric-muted)}.audience-coverage{opacity:.85}.cos-layout .audience-bottom{align-items:flex-start}.cos-layout .audience-delta{min-height:52px}.cos-layout .audience-no-history small{display:block}
@media(max-width:1250px){.audience-delta-value{justify-content:flex-start}}@media(min-width:601px) and (max-width:850px){.audience-delta-value{justify-content:flex-end}}

.cos-layout .performance-card>.metric-library-icon{display:block;width:34px;height:34px;margin-bottom:15px;object-fit:contain;filter:drop-shadow(0 4px 7px #263b5915)}@media(max-width:600px){.cos-layout .performance-card>.metric-library-icon{width:30px;height:30px;margin-bottom:12px}}

.connected-accounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 14px;list-style:none;margin:24px 0 8px;padding:0}.connected-accounts>li{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;min-width:0}.connected-account-logo{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--cos-panel);box-shadow:0 5px 14px #18305007}.connected-account-logo .cos-library-icon{width:32px;height:32px;filter:none}.connected-account-status{position:absolute;bottom:0;right:0;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#19a979;color:white;box-shadow:0 0 0 3px var(--cos-surface)}.connected-account-name{font-size:11px;font-weight:500;color:var(--cos-ink);line-height:1.5;overflow-wrap:anywhere}.is-disconnected .connected-account-logo>.cos-library-icon{filter:grayscale(1);opacity:.5}.is-disconnected .connected-account-status{background:var(--cos-soft)}.connected-account-offline{font-size:9px;line-height:1.5;color:var(--cos-muted)}@media(max-width:600px){.connected-accounts{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.connected-account-logo{width:50px;height:50px}.connected-account-name{font-size:11px}}