.real-mode> :not(.real-analytics){display:none!important}.real-analytics{padding:28px}.real-analytics[hidden]{display:none}.real-analytics>p{line-height:1.6;margin:16px 0}.real-analytics>.button{margin:8px 12px 8px 0}.real-analytics h3{margin-top:24px}.real-analytics td:first-child{min-width:200px;max-width:480px;white-space:normal;overflow-wrap:anywhere}.reach-bars{display:flex;align-items:flex-end;gap:6px;min-height:190px;overflow-x:auto;padding:16px 0}.reach-bars>div{flex:1;min-width:32px;text-align:center}.reach-bars span{display:block;background:#315ce5;border-radius:5px 5px 0 0;min-height:1px}.reach-bars small{font-size:10px}@media(max-width:600px){.real-analytics{padding:18px}}
body:has(.view.real-mode:not([hidden])) .demo-badge{display:none}
.reach-section{margin-top:28px;padding:24px;border:1px solid #e3e9f3;border-radius:18px;background:#fff;min-width:0}.real-analytics .reach-section h3{margin:0 0 10px;font-size:20px}.reach-description{max-width:760px;line-height:1.7;color:#52647d;margin:0 0 20px}.reach-readout{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;background:#f0f5ff;border-radius:12px;color:#294caa}.reach-readout strong{font-size:20px;font-variant-numeric:tabular-nums}.reach-hint{font-size:12px;color:#687b93;margin:10px 0 22px}.reach-chart{display:flex;gap:12px}.reach-scale{height:190px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;flex-shrink:0;font-size:11px;color:#7a8ba3;min-width:36px}.reach-scroll{overflow-x:auto;flex:1;min-width:0;padding-bottom:12px}.reach-columns{display:flex;gap:5px;min-width:980px;background:repeating-linear-gradient(to top,transparent 0,transparent 94px,#e8edf5 94px,#e8edf5 95px);background-size:100% 190px;background-repeat:no-repeat}.reach-day{all:unset;box-sizing:border-box;flex:1;min-width:30px;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:12px;border-radius:5px}.reach-day:focus-visible{outline:2px solid #2d55dc;outline-offset:2px}.reach-track{height:190px;display:flex;align-items:flex-end;justify-content:center}.reach-fill{display:block;width:80%;background:#7c9aed;border-radius:5px 5px 0 0;min-height:1px;transition:background .15s}.reach-day[aria-pressed=true] .reach-fill{background:#2c53dc}.reach-date{display:block;font-size:10px;color:#697a92;white-space:nowrap}.reach-explanation{margin:16px 0 22px;padding:14px 16px;border-left:3px solid #abc3ee;background:#f7f9fc;color:#566983;font-size:13px;line-height:1.7;border-radius:0 8px 8px 0}.reach-details{border:1px solid #e0e7f1;border-radius:12px;overflow:hidden}.reach-details summary{padding:16px 18px;cursor:pointer;font-weight:600;color:#294caa;background:#f7f9fd}.reach-details summary:focus-visible{outline:2px solid #2d55dc;outline-offset:-3px}.reach-table-wrap{max-height:340px;overflow:auto}.reach-details table{width:100%;border-collapse:collapse;table-layout:fixed}.reach-details thead{position:sticky;top:0;background:#eef3fb;z-index:1}.reach-details th,.reach-details td{padding:12px 18px;border-bottom:1px solid #e9edf4;text-align:left;font-size:13px;white-space:normal}.reach-details th:last-child,.reach-details td:last-child{text-align:right;font-variant-numeric:tabular-nums}.real-analytics .reach-details td:first-child{min-width:0;max-width:none}.reach-details tbody tr:nth-child(even){background:#f8faff}@media(max-width:600px){.reach-section{padding:16px 12px}.reach-readout{padding:12px}.reach-readout strong{font-size:17px}.reach-scale{min-width:30px}.reach-columns{min-width:850px}.reach-details th,.reach-details td{padding:12px}.reach-description{font-size:14px}}
.content-filters{margin:24px 0 16px;padding:20px;border:1px solid #dfe7f3;border-radius:14px;background:#f8faff;min-width:0}.content-filters legend{padding:0 8px;font-weight:700;color:#263e64}.content-filter-fields{display:flex;flex-wrap:wrap;align-items:end;gap:16px}.content-filter-fields>label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;flex:1;min-width:160px;color:#435975}.content-filter-fields input[type=date],.content-filter-fields select{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #cbd7e9;background:white;border-radius:8px;color:#233957;font:inherit}.content-filter-fields input:focus-visible,.content-filter-fields select:focus-visible{outline:2px solid #305bdf;outline-offset:2px}.content-filter-fields>.content-comment-filter{flex-direction:row;align-items:center;min-height:44px;font-weight:400}.content-comment-filter input{width:18px;height:18px;accent-color:#315ce5}.content-filter-fields .button{min-height:44px;margin:0}.content-filter-note{font-size:12px;line-height:1.7;color:#61738d;margin:16px 0 0}.content-filter-count{font-size:14px;font-weight:600;color:#365482}.content-filter-fields input[aria-invalid=true]{border-color:#bc3b4a}@media(max-width:600px){.content-filters{padding:16px}.content-filter-fields>label{flex-basis:100%;min-width:0}.content-filter-fields>.button{width:100%}}
.history-progress{padding:16px 20px;margin:18px 0;border:1px solid #dce8f6;border-radius:12px;background:#f3f8ff;color:#35577d}.history-progress p{margin:8px 0;line-height:1.6;font-size:13px}.history-progress small{color:#60758f}.history-pagination{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:24px 0}.history-pagination .button:disabled{opacity:.45;cursor:default}.history-pagination span{font-size:14px;font-weight:600}.history-pagination [hidden]{display:none}

.analytics-account-info{margin-top:28px;padding-top:24px;border-top:1px solid #e1e7ef}.analytics-account-info>h2{font-size:1rem}.analytics-account-info>p{font-size:.8rem;color:#697b94}.analytics-account-info .meta-account-picker{margin-block:14px}.analytics-account-info>button,.analytics-account-info>a{margin:6px 8px 6px 0}

.insights-period{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-bottom:22px;color:#63758d;font-size:.8rem}.insights-period strong{color:#223853;background:#eaf0fc;border-radius:20px;padding:9px 15px}.insights-period small{margin-left:auto}.insights-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.insights-card{padding:24px}.insights-card h2{font-size:.9rem;font-weight:500;color:#536980}.insights-value{display:block;font-size:2rem;margin:16px 0;color:#244ead}.insights-empty{font-size:.82rem;line-height:1.65;color:#748397;padding:10px 0}.insights-content{padding:24px}.insights-content-header{display:flex;justify-content:space-between;align-items:center;gap:14px}.insights-content-header h2{font-size:1.15rem}.insights-content a{color:var(--blue);font-size:.8rem}.insights-note{font-size:.78rem;line-height:1.6;color:#748397;margin:12px 0}.insights-tabs{display:flex;gap:6px;border-bottom:1px solid #e7ecf3;margin:20px 0 4px;padding-bottom:8px}.insights-tabs button{border:0;padding:10px 15px;border-radius:20px;background:transparent;color:#63758d;font:inherit;font-size:.8rem}.insights-tabs button[aria-pressed=true]{background:#eaf0fc;color:#244ead;font-weight:600}.insights-post{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #eef1f6}.insights-post>div:first-child{min-width:0;display:grid;gap:8px}.insights-post strong{font-size:.85rem;overflow-wrap:anywhere}.insights-post-totals{text-align:right;flex-shrink:0;display:grid;align-content:center;gap:5px;color:#536980}.insights-post-totals small{font-size:.75rem}@media(max-width:760px){.insights-cards{grid-template-columns:1fr;gap:12px}.insights-card,.insights-content{padding:18px}.insights-period small{margin-left:0;width:100%}.insights-post{flex-direction:column;gap:10px}.insights-post-totals{text-align:left;display:flex;gap:15px}.insights-tabs{flex-wrap:wrap}}

.post-preview{position:relative;display:block;width:64px;height:64px;flex:0 0 64px;overflow:hidden;border-radius:10px;background:#edf2fa;color:#7487a6}.post-preview>a{width:100%;height:100%}.post-preview span{display:grid;place-items:center;width:100%;height:100%;font-size:24px}.post-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.post-preview:focus-visible,.post-preview a:focus-visible{outline:3px solid #315bf5;outline-offset:-3px}.insights-post-body{flex:1;min-width:0;display:grid;gap:8px;align-content:center}.post-title-cell>.post-preview{float:left;margin:0 14px 8px 0}.insights-post>.post-preview{display:block}@media(max-width:760px){.insights-post{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px 12px}.insights-post>.post-preview{width:56px;height:56px}.insights-post-totals{grid-column:2}.insights-post-body{gap:6px}}

/* Shared YouTube layout: same spacing and metric cards as Instagram insights. */
.youtube-dashboard{display:grid;gap:24px;min-width:0}.youtube-summary{padding:24px;min-width:0}.youtube-channel{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:#536980;font-size:.88rem;line-height:1.5;min-width:0}.youtube-channel img{flex:0 0 24px}.youtube-channel span{overflow-wrap:anywhere}.youtube-metrics{margin:0;gap:18px}.youtube-metrics .insights-card{min-width:0;border-color:#e1e7f0}.youtube-metrics .insights-value{margin-bottom:0;font-variant-numeric:tabular-nums}.youtube-summary>.insights-note{margin:18px 0 0}.youtube-empty h2{font-size:1.05rem;line-height:1.5;margin:0 0 10px}.youtube-empty p{font-size:.85rem;color:#657890;line-height:1.75;margin:0;max-width:850px}.youtube-dashboard>.youtube-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:0;padding:0;border:0}.youtube-footer p{font-size:.78rem;color:#748397;line-height:1.6;margin:0}.youtube-footer .button{margin:0}.real-analytics:has(>.youtube-dashboard){background:transparent;border:0;padding:0;box-shadow:none}@media(max-width:760px){.youtube-dashboard{gap:16px}.youtube-summary{padding:18px}.youtube-channel{margin-bottom:16px}.youtube-metrics{gap:12px}.youtube-dashboard>.youtube-footer{align-items:flex-start;flex-direction:column}}

.youtube-reports,.youtube-report-body{display:grid;gap:24px;min-width:0}.youtube-report-controls{display:flex;justify-content:flex-end}.youtube-report-controls label,.youtube-video-heading label{display:flex;align-items:center;gap:12px;color:#536980;font-size:.82rem}.youtube-reports select{border:1px solid #dbe3f0;border-radius:10px;padding:10px 14px;background:white;color:#20334f;font:inherit;max-width:100%}.youtube-period{display:grid;gap:8px;color:#657890;font-size:.82rem;line-height:1.6}.youtube-period strong{color:#20334f;font-size:1rem}.youtube-period small{font-size:.75rem}.youtube-period-cards{margin:0}.youtube-comparison{display:block;color:#748397;font-size:.73rem;line-height:1.6}.youtube-chart h2,.youtube-videos h2{font-size:1.1rem;margin:0 0 18px}.youtube-chart-scroll{overflow-x:auto;padding-top:16px}.youtube-bars{height:160px;display:flex;align-items:stretch;gap:4px;min-width:440px}.youtube-day{flex:1;min-width:2px;display:flex;align-items:flex-end;border-bottom:1px solid #dae2ef}.youtube-day span{display:block;width:100%;background:#3159e9;border-radius:4px 4px 0 0}.youtube-day .missing{background:#bac4d4}.youtube-day:hover span,.youtube-day:focus span{background:#15318c}.youtube-axis{display:flex;justify-content:space-between;color:#748397;font-size:.73rem;margin:10px 0 20px}.youtube-chart details{font-size:.8rem;color:#536980}.youtube-chart summary{cursor:pointer;padding:10px 0}.youtube-daily-table{border-collapse:collapse;width:100%;max-width:650px}.youtube-daily-table th,.youtube-daily-table td{padding:9px 12px;border-bottom:1px solid #e6ebf3;text-align:left}.youtube-video-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.youtube-video-heading h2{margin:0}.youtube-video-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid #e8edf5}.youtube-video-identity{display:flex;align-items:center;gap:16px;min-width:0;text-decoration:none}.youtube-video-identity strong{color:#20334f;font-size:.86rem;line-height:1.5;overflow-wrap:anywhere}.youtube-video-preview{position:relative;flex:0 0 128px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#edf1f7;border-radius:10px;overflow:hidden;color:#748397;font-size:.7rem}.youtube-video-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.youtube-video-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.youtube-video-stats dt{font-size:.7rem;color:#748397;line-height:1.5}.youtube-video-stats dd{font-size:.94rem;font-weight:600;color:#243955;margin:6px 0 0}.youtube-videos>.button{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin:20px 0 0;line-height:1.5;text-align:center;white-space:normal}.youtube-loading{padding:24px;background:#fff;border-radius:14px;color:#657890}.youtube-report-body[aria-busy=true]{min-height:180px}@media(max-width:1050px){.youtube-video-row{grid-template-columns:1fr;gap:14px}}@media(max-width:760px){.youtube-reports,.youtube-report-body{gap:16px}.youtube-report-controls{justify-content:flex-start}.youtube-video-preview{flex-basis:96px}.youtube-video-identity{gap:12px}.youtube-video-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.youtube-video-heading label{width:100%;flex-wrap:wrap}.youtube-video-heading select{min-width:0}.youtube-report-body .insights-card{padding:18px}.youtube-period{padding:0 2px}}

.youtube-chart-readout{font-size:.85rem;color:#244ead;background:#f0f4fc;padding:12px 16px;border-radius:10px;margin:0 0 8px;min-height:42px}.youtube-day{cursor:pointer}.youtube-day:focus-visible{outline:2px solid #244ead;outline-offset:2px}

.youtube-pagination{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.youtube-pagination[hidden]{display:none}.youtube-pagination .button{min-width:40px;min-height:40px;margin:0;padding:9px 13px}.youtube-pagination [aria-current="page"]{background:#2853de;border-color:#2853de;color:white}.youtube-pagination button:disabled{opacity:.45;cursor:default}.youtube-videos{scroll-margin-top:90px}@media(max-width:760px){.youtube-pagination{gap:6px}.youtube-pagination .button{padding:8px 11px;min-width:38px}}

.youtube-content-filters{margin:20px 0}.youtube-video-caption{display:grid;gap:8px;min-width:0}.youtube-video-caption small{font-size:.72rem;color:#748397;line-height:1.5}.youtube-filter-error{color:#ae283b;font-size:.8rem;margin:12px 0 0}.youtube-content-filters .content-filter-fields>label{min-width:145px}

.youtube-dashboard>.youtube-period{padding:22px 26px;border:1px solid #dce6f3;border-radius:22px;background:#f1f6fd;gap:10px;margin:0;box-shadow:0 3px 12px #203c6810}.youtube-dashboard>.youtube-period strong{font-size:.95rem;color:#294769}.youtube-dashboard>.youtube-period small{line-height:1.7}@media(max-width:760px){.youtube-dashboard>.youtube-period{padding:18px;border-radius:18px}}