.ba { --ba-chart:#bfdc77; font-size:14px; min-width:0; scroll-margin-top:110px; }
html[data-theme=light] .ba { --ba-chart:#718d40; }
.blogger-sidebar nav>[data-blogger-section] { white-space:normal; text-align:left; line-height:1.4; }
.blogger-sidebar .ba-nav-group { min-width:0; flex-shrink:0; }
.blogger-sidebar .ba-nav-toggle { display:flex; align-items:center; gap:11px; width:100%; min-height:48px; padding:10px; border-radius:3px; color:var(--muted); text-align:left; font-size:16px; line-height:1.4; }
.ba-nav-toggle>span { flex:1; }
.ba-nav-chevron { width:14px; height:14px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.5; transition:transform .18s; }
.ba-nav-toggle[aria-expanded=true] .ba-nav-chevron { transform:rotate(180deg); }
.blogger-sidebar .ba-nav-toggle:hover { background:var(--surface2); color:var(--text); }
.ba-nav-sections { display:grid; gap:4px; margin:5px 0 7px 14px; padding-left:12px; border-left:1px solid var(--line); }
.ba-nav-sections[hidden],.ba-scope[hidden] { display:none; }
.blogger-sidebar .ba-nav-sections button { min-height:42px; padding:9px 10px; border-radius:5px; text-align:left; color:var(--muted); font-size:13px; line-height:1.4; }
.blogger-sidebar .ba-nav-sections button:hover { background:var(--surface2); color:var(--text); }
.blogger-sidebar .ba-nav-sections button.active { background:var(--surface3); color:var(--accent); border-left:0; box-shadow:inset 2px 0 var(--accent); }
html[data-theme=light] .blogger-sidebar .ba-nav-sections button.active { color:#52691d; }
.ba-nav-toggle:focus-visible,.ba-nav-sections button:focus-visible,.ba-scope-tabs button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.ba-scope { display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin:-5px 0 24px; }
.ba-scope-tabs { display:flex; gap:4px; padding:4px; border:1px solid var(--line); background:var(--surface); border-radius:10px; }
.ba-scope-tabs button { min-height:42px; padding:10px 18px; border-radius:7px; font-size:13px; color:var(--muted); white-space:nowrap; }
.ba-scope-tabs button[aria-pressed=true] { background:var(--text); color:var(--bg); }
.ba-scope p { flex:1 1 240px; color:var(--muted); font-size:12px; line-height:1.65; margin:0; max-width:470px; }
.ba-heading { display:flex; align-items:center; justify-content:space-between; gap:22px; margin:8px 0 26px; }
.ba-kicker { display:block; color:var(--muted); font-size:10px; letter-spacing:.11em; margin-bottom:16px; }
.ba-heading h1 { font-size:clamp(30px,3vw,44px); line-height:1.12; letter-spacing:-.045em; }
.ba-heading h1>span { color:var(--accent); }
.ba-heading h1:focus { outline:none; }
.ba-heading p { margin-top:12px; font-size:14px; }
.ba-store-link { display:inline-flex; gap:20px; align-items:center; flex-shrink:0; border:1px solid var(--line); border-radius:9px; padding:12px 16px; font-size:12px; }
.ba-store-link span { font-size:19px; }
.ba-demo { display:flex; gap:16px; flex-wrap:wrap; align-items:center; color:var(--muted); font-size:11px; margin:0 0 22px; }
.ba-demo>span { display:flex; align-items:center; gap:7px; padding:5px 9px; border:1px solid var(--line); border-radius:999px; }
.ba-demo i { width:5px; height:5px; border-radius:50%; background:var(--coral); }
.ba-demo small { font-size:11px; }
.ba-toolbar { display:flex; gap:12px; align-items:flex-end; padding:20px; border:1px solid var(--line); background:var(--surface); border-radius:13px; }
.ba-periods { display:flex; align-items:center; gap:3px; border:1px solid var(--line); border-radius:7px; padding:3px; margin-right:auto; }
.ba-periods button { padding:10px 14px; border-radius:4px; font-size:12px; white-space:nowrap; min-height:38px; }
.ba-periods [aria-pressed=true] { background:var(--text); color:var(--bg); }
.ba-toolbar>label { display:flex; flex-direction:column; gap:8px; min-width:0; flex:0 1 200px; }
.ba-toolbar label>span { color:var(--muted); font-size:11px; }
.ba-toolbar select { color:var(--text); background:var(--bg); border:1px solid var(--line); border-radius:7px; padding:12px 30px 12px 12px; min-height:46px; font-size:12px; width:100%; }
.ba-period-note { display:flex; justify-content:space-between; align-items:center; gap:10px; color:var(--muted); font-size:11px; padding:13px 2px 20px; }
.ba-period-note button { color:var(--muted); font-size:11px; text-decoration:underline; text-underline-offset:3px; }
.ba-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:22px; }
.ba-metric { padding:21px 18px; border:1px solid var(--line); background:var(--surface); border-radius:12px; min-width:0; }
.ba-metric>span { display:flex; justify-content:space-between; align-items:center; font-size:13px; color:var(--muted); }
.ba-info { font-size:12px; cursor:help; }
.ba-metric>strong { display:block; font-size:clamp(26px,2.4vw,37px); font-weight:600; letter-spacing:-.045em; margin:12px 0; line-height:1.2; overflow-wrap:anywhere; }
.ba-metric>div { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.ba-delta { font-size:11px; font-weight:600; padding:3px 5px; border-radius:4px; }
.ba-delta.is-positive { background:#93be8920; color:#8dcfae; }
.ba-delta.is-negative { background:#d5897720; color:#e59c8b; }
html[data-theme=light] .ba-delta.is-positive { color:#486a39; }
html[data-theme=light] .ba-delta.is-negative { color:#a05c4b; }
.ba-delta.is-neutral { color:var(--muted); background:var(--surface2); }
.ba-metric small { font-size:9px; color:var(--muted); }
.ba-metric p { font-size:11px; margin-top:16px; }
.ba-panel { border:1px solid var(--line); background:var(--surface); border-radius:14px; padding:23px; min-width:0; }
.ba-panel-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.ba-panel-head h2 { font-size:21px; line-height:1.2; font-weight:600; letter-spacing:-.035em; }
.ba-panel-head p { margin-top:7px; font-size:11px; line-height:1.6; }
.ba-panel-head>button { font-size:12px; text-align:right; flex-shrink:0; }
.ba-overview { display:grid; grid-template-columns:minmax(0,2.1fr) minmax(235px,1fr); gap:18px; margin-bottom:22px; }
.ba-dynamics .ba-panel-head { align-items:flex-start; flex-direction:column; gap:15px; }
.ba-chart-tabs { display:flex; gap:6px; }
.ba-chart-tabs button { font-size:11px; padding:7px 12px; border-radius:999px; border:1px solid var(--line); }
.ba-chart-tabs [aria-pressed=true] { background:var(--surface3); color:var(--text); border-color:var(--text); }
#baChart svg { display:block; width:100%; overflow:visible; }
#baChart text { font:11px Manrope,Arial,sans-serif; fill:var(--muted); }
.ba-gridline { stroke:var(--line); stroke-width:1; stroke-dasharray:3 5; }
.ba-current-line { fill:none; stroke:var(--ba-chart); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.ba-past-line { fill:none; stroke:var(--muted); opacity:.6; stroke-width:1.7; stroke-dasharray:5 5; stroke-linejoin:round; }
.ba-legend { display:flex; flex-wrap:wrap; align-items:center; gap:16px; padding:6px 0 4px; color:var(--muted); font-size:10px; }
.ba-legend span { display:flex; align-items:center; gap:7px; }
.ba-legend i { width:16px; border-top:3px solid var(--ba-chart); }
.ba-legend span:last-child i { border-top:2px dashed var(--muted); }
.ba-daily { border-top:1px solid var(--line); padding-top:13px; margin-top:18px; font-size:11px; color:var(--muted); }
.ba-daily summary,.ba-method summary { cursor:pointer; }
.ba-daily .ba-table-scroll { max-height:250px; margin-top:12px; }
.ba-daily table { min-width:410px; }
.ba-zero-note { font-size:11px; margin-top:12px; }
.ba-chart-unavailable { min-height:215px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:12px; background:var(--bg); border-radius:10px; }
.ba-chart-unavailable>span { font-size:28px; color:var(--muted); }
.ba-chart-unavailable strong { font-weight:500; font-size:17px; }
.ba-chart-unavailable p { font-size:11px; line-height:1.7; }
.ba-funnel-step>span { font-size:11px; color:var(--muted); display:flex; align-items:center; gap:10px; }
.ba-funnel-step>span>i { font-size:9px; font-style:normal; color:var(--muted); opacity:.7; }
.ba-funnel-step strong { display:block; font-size:28px; font-weight:500; letter-spacing:-.04em; margin:6px 0 12px; }
.ba-funnel-bar { height:5px; border-radius:5px; background:var(--surface2); }
.ba-funnel-bar>i { display:block; border-radius:5px; height:100%; background:linear-gradient(90deg,var(--ba-chart),#88bbb3); }
.ba-funnel-between { border-left:1px dashed var(--line); color:var(--muted); font-size:10px; margin:12px 0 12px 4px; padding:7px 0 7px 14px; }
.ba-funnel .ba-footnote { margin-top:20px; font-size:9px; }
.ba-sources,.ba-projects { margin-bottom:22px; }
.ba-small-badge { font-size:10px; color:var(--muted); padding:5px 9px; border:1px solid var(--line); border-radius:999px; white-space:nowrap; }
.ba-table-scroll { overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; }
.ba table { width:100%; border-collapse:collapse; font-size:12px; }
.ba .ba-source-table { min-width:700px; }
.ba th,.ba td { text-align:right; padding:15px 10px; border-bottom:1px solid var(--line); white-space:nowrap; }
.ba thead th { font-size:10px; color:var(--muted); font-weight:400; padding:0 10px 14px; }
.ba th:first-child { text-align:left; padding-left:0; }
.ba td:last-child { padding-right:0; }
.ba tbody th { font-weight:400; }
.ba-source-name { display:flex; align-items:center; gap:11px; padding:0; text-align:left; }
.ba-social-icon { display:grid; place-items:center; height:34px; width:34px; border-radius:11px; background:color-mix(in srgb,var(--source-color) 20%,var(--surface)); border:1px solid color-mix(in srgb,var(--source-color) 45%,transparent); font-size:12px; font-weight:700; letter-spacing:-.03em; }
.ba-source-name strong,.ba-project-name strong { display:block; font-size:12px; font-weight:600; }
.ba-source-name:hover strong,.ba-project-name:hover strong { text-decoration:underline; text-underline-offset:4px; }
.ba-source-name small,.ba-project-name small { display:block; color:var(--muted); font-size:9px; margin-top:4px; }
.ba-orders-cell { font-weight:700; }
.ba-share { display:flex; flex-direction:column; align-items:flex-end; gap:7px; min-width:60px; }
.ba-share>i { display:block; height:4px; width:68px; border-radius:3px; background:var(--surface3); }
.ba-share b { display:block; height:100%; border-radius:3px; }
.ba tfoot th,.ba tfoot td { border-bottom:0; font-weight:600; padding-top:20px; }
.ba-footnote { font-size:10px; color:var(--muted); line-height:1.65; margin-top:16px; }
.ba-project-name { display:flex; align-items:center; gap:12px; text-align:left; }
.ba-project-name img { width:38px; height:45px; object-fit:cover; border-radius:5px; }
.ba-project-name>span:last-child { margin-left:10px; color:var(--muted); }
.ba-projects table { min-width:450px; }
.ba-projects tbody tr:last-child th,.ba-projects tbody tr:last-child td { border-bottom:0; }
.ba-method { color:var(--muted); font-size:11px; border-top:1px solid var(--line); padding:16px 0; }
.ba-method p { margin-top:14px; line-height:1.75; max-width:780px; }
.ba-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#bloggerFinance { scroll-margin-top:110px; }
#bloggerFinance .blogger-heading-space { min-height:0; }
#bloggerFinance .account-heading { justify-content:flex-end; }
@media(max-width:1200px) { .ba-overview { grid-template-columns:minmax(0,1.6fr) minmax(215px,1fr); gap:12px; }.ba-panel { padding:18px; }.ba-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.ba-toolbar { flex-wrap:wrap; }.ba-periods { flex:0 0 auto; }.ba-toolbar>label { flex:1 1 160px; }.ba-heading { flex-wrap:wrap; }.ba-store-link { font-size:11px; } }
@media(max-width:980px) { .ba-overview { grid-template-columns:1fr; }.ba-funnel #baFunnel { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.ba-funnel-between { display:none; }.ba-funnel .ba-footnote { grid-column:1/-1; margin-top:0; }.ba-toolbar>label { flex:1 1 42%; }.ba-periods { margin-right:0; }.ba-periods button { flex:1; }.ba-toolbar { gap:16px 12px; } }
@media(max-width:1100px) { .blogger-sidebar .ba-nav-toggle { font-size:14px; } }
@media(max-width:760px) {
  .blogger-sidebar .ba-nav-toggle { min-height:40px; }
  .blogger-sidebar .ba-nav-group { width:210px; }
  .blogger-sidebar .ba-nav-sections button.active { border-bottom:0; }
  .ba-scope { gap:12px; margin-bottom:20px; }.ba-scope-tabs { width:100%; }.ba-scope-tabs button { flex:1; padding-inline:12px; }.ba-scope p { font-size:11px; }
  .blogger-sidebar nav>[data-blogger-section] { white-space:nowrap; }
  .ba-heading { margin-top:4px; margin-bottom:20px; gap:16px; }.ba-kicker { font-size:9px; margin-bottom:13px; }.ba-heading h1 { font-size:34px; }.ba-heading p { font-size:12px; }.ba-store-link { padding:9px 13px; }
  .ba-demo { gap:10px; margin-bottom:18px; }.ba-demo small { font-size:10px; }.ba-demo>span { font-size:10px; }
  .ba-toolbar { padding:15px; gap:15px 10px; }.ba-periods { width:100%; }.ba-toolbar>label { flex:1 1 44%; }.ba-toolbar select { font-size:11px; padding-left:9px; padding-right:15px; }
  .ba-period-note { font-size:10px; flex-wrap:wrap; }.ba-metrics { gap:9px; }.ba-metric { padding:16px 13px; }.ba-metric>span { font-size:12px; }.ba-metric>strong { font-size:29px; }.ba-metric small { font-size:8px; }.ba-metric p { font-size:10px; }
  .ba-panel { padding:17px; }.ba-panel-head h2 { font-size:20px; }.ba-panel-head { gap:12px; flex-wrap:wrap; }.ba-panel-head p { font-size:11px; }.ba-overview { gap:16px; }
  .ba-funnel #baFunnel { gap:10px; }.ba-funnel-step>span { flex-direction:column; align-items:flex-start; gap:6px; font-size:10px; }.ba-funnel-step strong { font-size:24px; }.ba-funnel .ba-panel-head { margin-bottom:20px; }.ba-funnel .ba-footnote { font-size:9px; }
  .ba-source-table th,.ba-source-table td { padding-right:13px; padding-left:13px; }.ba-chart-tabs button { padding:8px 11px; }.ba-project-name { gap:8px; }.ba-project-name>span:last-child { margin-left:0; }
}
@media(max-width:350px) { .ba-heading h1 { font-size:30px; }.ba-metric>strong { font-size:25px; }.ba-metric>span { font-size:11px; }.ba-funnel-step strong { font-size:20px; }.ba-chart-tabs { gap:4px; }.ba-chart-tabs button { padding:7px 9px; font-size:10px; } }