/* Development-only visual directions. No media, plot or responsive sizing changes. */

/* Frosted glass: silver canvas, translucent-looking panels and polished edges.
   Static gradients give the glass its depth without a page-sized blur filter. */
[data-accent-style="frosted"] #product-workspace{
  --accent-glass:linear-gradient(125deg,#ffffffed,#edf0f4e8);
  --accent-glass-edge:#ffffff;
  --accent-glass-border:#cbd1d8;
  --accent-glass-shadow:0 7px 22px #26334313,inset 0 1px 0 #ffffff;
  background:radial-gradient(ellipse at 83% 6%,#f2cfd159,transparent 38%),linear-gradient(145deg,#e4e8ed,#f3f4f6 52%,#e1e5ea);
}
[data-theme="dark"][data-accent-style="frosted"] #product-workspace{
  --accent-glass:linear-gradient(125deg,#45484dee,#2c2f34eb);
  --accent-glass-edge:#ffffff36;
  --accent-glass-border:#62656c;
  --accent-glass-shadow:0 7px 22px #00000022,inset 0 1px 0 #ffffff27;
  background:radial-gradient(ellipse at 83% 6%,#c4626d25,transparent 38%),linear-gradient(145deg,#303339,#212328 52%,#383b41);
}
[data-accent-style="frosted"] :is(.global-nav,.session-rail){
  background:var(--accent-glass);border-color:var(--accent-glass-border);
  box-shadow:inset -1px 0 0 var(--accent-glass-edge),0 4px 18px #17212b0c;
}
[data-accent-style="frosted"] :is(.summary-strip,.analysis-card,.analysis-disclosure,.chart-card,.sector-cell,.analysis-focus){
  background:var(--accent-glass);border-color:var(--accent-glass-border);
  border-radius:16px;box-shadow:var(--accent-glass-shadow);
}
[data-accent-style="frosted"] :is(.section-toolbar,.analysis-disclosure>summary){
  background:var(--accent-glass);box-shadow:inset 0 1px 0 var(--accent-glass-edge);
}
[data-accent-style="frosted"] .section-toolbar .section-label>svg{color:var(--red)}
[data-accent-style="frosted"] .map-view-switch{background:color-mix(in srgb,var(--ink) 7%,transparent);border-radius:8px}
[data-accent-style="frosted"] .map-view-switch button.selected{background:var(--surface);box-shadow:0 2px 5px #15202d15;color:var(--ink)}
[data-accent-style="frosted"] .global-nav nav button.nav-current{background:transparent;box-shadow:none}
[data-accent-style="frosted"] .lap-row.selected:not(.best-lap-row){background:var(--accent-glass);border-color:var(--blue);box-shadow:var(--accent-glass-shadow)}
[data-accent-style="frosted"] :is(.back-button,.rail-toggle,.theme-toggle){background:var(--accent-glass);border-color:var(--accent-glass-border);box-shadow:inset 0 1px 0 var(--accent-glass-edge)}
[data-accent-style="frosted"] .metric-select{background-color:color-mix(in srgb,var(--surface) 80%,transparent);border-color:var(--accent-glass-border);box-shadow:inset 0 1px 0 var(--accent-glass-edge)}
[data-accent-style="frosted"] :is(.opportunity-card,.corner-analysis-card){background:color-mix(in srgb,var(--surface) 75%,transparent);border-radius:13px}
[data-accent-style="frosted"] .analysis-focus{background:var(--accent-glass)}
[data-accent-style="frosted"] #improvement-analysis>summary{background:linear-gradient(110deg,color-mix(in srgb,var(--red) 10%,var(--surface)),var(--surface-alt))}
[data-accent-style="frosted"][data-graph-style="compact"] :is(.telemetry-header,#graphs){background:var(--accent-glass);border-color:var(--accent-glass-border)}
[data-accent-style="frosted"][data-graph-style="compact"] .chart-card{border-radius:0;background:transparent;box-shadow:none}

/* RaceBox tint: large blush/oxblood surfaces, filled red navigation and controls. */
[data-accent-style="tint"] #product-workspace{
  --accent-tint-canvas:#f5e9e9;--accent-tint-panel:#f9dcdd;
  --accent-tint-border:#eab8bb;--accent-tint-ink:#86202a;
  --accent-tint-quiet:#ab6b73;--accent-tint-rail:#fff2f2;
  background:var(--accent-tint-canvas);
}
[data-theme="dark"][data-accent-style="tint"] #product-workspace{
  --accent-tint-canvas:#2e2225;--accent-tint-panel:#512c32;
  --accent-tint-border:#82515a;--accent-tint-ink:#ffced2;
  --accent-tint-quiet:#d5a6ac;--accent-tint-rail:#37262b;
}
[data-accent-style="tint"] .global-nav{background:var(--accent-tint-panel);border-color:var(--accent-tint-border)}
[data-accent-style="tint"] .global-nav nav button.nav-current{background:#ce202b;color:#fff;border-bottom-color:transparent;box-shadow:inset 0 -8px 0 #00000006}
[data-accent-style="tint"] .global-nav nav button:not(.nav-current){color:var(--accent-tint-ink)}
[data-accent-style="tint"] .session-rail{background:var(--accent-tint-rail);border-color:var(--accent-tint-border)}
[data-accent-style="tint"] :is(.summary-strip,.analysis-card,.analysis-disclosure,.chart-card,.analysis-focus){border-color:var(--accent-tint-border);box-shadow:0 3px 10px #70242b0c}
[data-accent-style="tint"] :is(.summary-strip,.section-toolbar,.analysis-disclosure>summary,.analysis-focus){background:var(--accent-tint-panel)}
[data-accent-style="tint"] .summary-strip>div{border-color:var(--accent-tint-border)}
[data-accent-style="tint"] .summary-strip .metric-label{color:var(--accent-tint-ink)}
[data-accent-style="tint"] .section-toolbar :is(h2,.section-label>svg,#map-lap-caption){color:var(--accent-tint-ink)}
[data-accent-style="tint"] .map-view-switch button{color:var(--accent-tint-ink)}
[data-accent-style="tint"] .map-view-switch button.selected{background:#c8202b;color:#fff}
[data-accent-style="tint"] .analysis-disclosure>summary :is(strong,.analysis-chevron){color:var(--accent-tint-ink)}
[data-accent-style="tint"] .analysis-disclosure>summary small{color:var(--accent-tint-quiet)}
[data-accent-style="tint"] #improvement-analysis>summary{background:linear-gradient(110deg,var(--accent-tint-panel),var(--accent-tint-rail))}
[data-accent-style="tint"] #improvement-analysis>summary strong{color:var(--accent-tint-ink)}
[data-accent-style="tint"] #improvement-analysis :is(.analysis-section-icon,#opportunity-count){background:#c8202b;color:#fff}
[data-accent-style="tint"] .analysis-focus [data-focus-label]{color:var(--accent-tint-ink)}
[data-accent-style="tint"] .analysis-focus-actions [data-analysis-play]{background:var(--surface);border-color:var(--accent-tint-border)}
[data-accent-style="tint"] .lap-row.selected:not(.best-lap-row){background:var(--accent-tint-panel);border-color:var(--accent-tint-border);box-shadow:0 3px 9px #78202912}
[data-accent-style="tint"] .chart-head{background:color-mix(in srgb,var(--accent-tint-panel) 55%,var(--surface));box-shadow:0 0 0 7px color-mix(in srgb,var(--accent-tint-panel) 55%,var(--surface));border-radius:3px}
[data-accent-style="tint"] :is(.metric-select,.back-button){border-color:var(--accent-tint-border)}
[data-accent-style="tint"] .opportunity-footer{background:var(--accent-tint-rail)}
[data-accent-style="tint"] .opportunity-footer>button{border-color:var(--accent-tint-border)}
[data-accent-style="tint"][data-graph-style="compact"] .telemetry-header{background:var(--accent-tint-panel);border-color:var(--accent-tint-border)}
[data-accent-style="tint"][data-graph-style="compact"] .chart-card{border-radius:0;box-shadow:none}

/* Sculpted capsules: warm stone backing, rounded islands and recessed controls. */
[data-accent-style="capsules"] #product-workspace{
  --accent-sculpture:#e5e2df;--accent-sculpture-panel:#faf9f7;
  --accent-sculpture-edge:#d6d1cc;--accent-sculpture-well:#e9e5e1;
  --accent-sculpture-shadow:0 5px 0 #cfcac466,0 9px 18px #3a312208;
  background:var(--accent-sculpture);
}
[data-theme="dark"][data-accent-style="capsules"] #product-workspace{
  --accent-sculpture:#292827;--accent-sculpture-panel:#3c3a38;
  --accent-sculpture-edge:#605c57;--accent-sculpture-well:#292725;
  --accent-sculpture-shadow:0 5px 0 #11111145,0 9px 18px #00000014;
}
[data-accent-style="capsules"] .global-nav{background:var(--accent-sculpture-panel);border-color:var(--accent-sculpture-edge)}
[data-accent-style="capsules"] .global-nav nav{align-items:center}
[data-accent-style="capsules"] .global-nav nav button{border:0;border-radius:22px;min-height:34px;padding:7px 13px;color:var(--secondary)}
[data-accent-style="capsules"] .global-nav nav button.nav-current{background:#33312f;color:#fff;box-shadow:inset 0 1px 0 #ffffff24}
[data-accent-style="capsules"] .session-rail{background:var(--accent-sculpture-well);border-color:var(--accent-sculpture-edge)}
[data-accent-style="capsules"] :is(.back-button,.rail-toggle,.theme-toggle,.header-actions .button){border-radius:24px}
[data-accent-style="capsules"] .summary-strip{background:transparent;border-color:transparent;box-shadow:none}
[data-accent-style="capsules"] .summary-strip>div{position:relative;isolation:isolate;background:transparent;border:0;border-radius:34px;box-shadow:none}
/* Grow only the decorative surface into the strip's existing vertical padding.
   Labels retain their exact positions; the pill no longer cuts behind their top edge. */
[data-accent-style="capsules"] .summary-strip>div::before{content:"";position:absolute;inset:-6px 3px;z-index:-1;pointer-events:none;background:var(--accent-sculpture-panel);border-radius:inherit;box-shadow:0 3px 0 var(--accent-sculpture-edge)}
[data-accent-style="capsules"] :is(.analysis-card,.analysis-disclosure,.chart-card,.sector-cell){border-radius:24px;background:var(--accent-sculpture-panel);border-color:var(--accent-sculpture-edge);box-shadow:var(--accent-sculpture-shadow)}
[data-accent-style="capsules"] .section-toolbar{background:var(--accent-sculpture-panel)}
[data-accent-style="capsules"] .map-view-switch{background:var(--accent-sculpture-well);border-radius:22px;box-shadow:inset 0 2px 3px #1b171712}
[data-accent-style="capsules"] .map-view-switch button{border-radius:20px}
[data-accent-style="capsules"] .map-view-switch button.selected{background:#33312f;color:#fff;box-shadow:0 2px 4px #00000014}
[data-accent-style="capsules"] .analysis-disclosure>summary{background:var(--accent-sculpture-panel)}
[data-accent-style="capsules"] #improvement-analysis>summary{background:var(--accent-sculpture-well)}
[data-accent-style="capsules"] :is(.analysis-section-icon,#improvement-analysis .analysis-section-icon){border-radius:50%;background:#33312f;color:#fff;box-shadow:inset 0 1px 0 #ffffff24}
[data-accent-style="capsules"] #opportunity-count{background:#c9232c;color:#fff;border-radius:16px}
[data-accent-style="capsules"] .analysis-focus{border-radius:24px;background:var(--accent-sculpture-panel);border-color:var(--accent-sculpture-edge);box-shadow:var(--accent-sculpture-shadow)}
[data-accent-style="capsules"] .analysis-focus-actions [data-analysis-play]{border-radius:20px;background:var(--accent-sculpture-well)}
[data-accent-style="capsules"] .lap-row{border-radius:24px}
[data-accent-style="capsules"] .lap-row.selected:not(.best-lap-row){background:var(--accent-sculpture-panel);border-color:var(--accent-sculpture-edge);box-shadow:var(--accent-sculpture-shadow)}
[data-accent-style="capsules"] .lap-row.selected .lap-number{border-radius:20px}
[data-accent-style="capsules"] .metric-select{border-radius:22px;background-color:var(--accent-sculpture-well);border-color:var(--accent-sculpture-edge);box-shadow:inset 0 2px 2px #1b17170b}
[data-accent-style="capsules"] :is(.opportunity-card,.corner-analysis-card){border-radius:18px;background:var(--surface);border-color:var(--accent-sculpture-edge)}
[data-accent-style="capsules"] .opportunity-footer>button{border-radius:20px}
[data-accent-style="capsules"][data-graph-style="compact"] .telemetry-header{border-radius:20px 20px 0 0;background:var(--accent-sculpture-panel);border-color:var(--accent-sculpture-edge)}
[data-accent-style="capsules"][data-graph-style="compact"] #graphs{border-radius:0 0 20px 20px;background:var(--accent-sculpture-panel);border-color:var(--accent-sculpture-edge);box-shadow:var(--accent-sculpture-shadow)}
[data-accent-style="capsules"][data-graph-style="compact"] .chart-card{border-radius:0;background:transparent;box-shadow:none}
[data-accent-style="capsules"] .rail-collapsed .lap-row{border-radius:14px}

/* Pit wall: bold team-red control decks and charcoal navigation / lap rail.
   Data plots stay on their normal light or dark canvas for familiar A/B contrast. */
[data-accent-style="pitwall"] #product-workspace{background:#e5e5e7;--accent-pit-chrome:#27272b;--accent-pit-edge:#47474e}
[data-theme="dark"][data-accent-style="pitwall"] #product-workspace{background:#19191c;--accent-pit-chrome:#303034;--accent-pit-edge:#535359}
[data-accent-style="pitwall"] .global-nav{background:#202024;color:#fff;border-color:#3e3e44}
[data-accent-style="pitwall"] .brand .logo-light{display:none}
[data-accent-style="pitwall"] .brand .logo-dark{display:block}
[data-accent-style="pitwall"] .global-nav :is(.product-name,.demo-badge){color:#eeeef1}
[data-accent-style="pitwall"] .global-nav .nav-divider{background:#595960}
[data-accent-style="pitwall"] .global-nav nav button{color:#c1c1c8}
[data-accent-style="pitwall"] .global-nav nav button.nav-current{background:#ea2127;color:#fff;border-bottom-color:transparent}
[data-accent-style="pitwall"] .theme-toggle{background:#38383e;border-color:#55555d;color:#f1f1f3}
[data-accent-style="pitwall"] .session-rail{background:#27272b;color:#f2f2f4;border-color:#44444b}
[data-accent-style="pitwall"] .session-rail :is(.rail-track p,.eyebrow,.rail-label,.lap-sort label,.rail-foot,.partial-laps,.rail-compact-summary,.rail-compact-summary>small){color:#b6b6c0}
[data-accent-style="pitwall"] .session-rail :is(.back-button,.rail-toggle,.lap-sort select){background:#3a3a41;color:#f2f2f4;border-color:#595960;border-radius:5px}
[data-accent-style="pitwall"] .session-rail .lap-row{border-radius:5px}
[data-accent-style="pitwall"] .session-rail .lap-row:hover{background:#393940}
[data-accent-style="pitwall"] .session-rail .lap-main>span,[data-accent-style="pitwall"] .session-rail .lap-delta{color:#b6b6c0}
[data-accent-style="pitwall"] .session-rail .lap-number{background:#424249;border-color:#5a5a64;color:#e1e1e7}
[data-accent-style="pitwall"] .session-rail .lap-row.selected:not(.best-lap-row){background:#d5232b;border-color:#f1474e;color:#fff;box-shadow:0 3px 8px #00000022}
[data-accent-style="pitwall"] .session-rail .lap-row.selected:not(.best-lap-row) :is(.lap-delta,.lap-main>span,.lap-number){color:#fff}
[data-accent-style="pitwall"] .session-rail .lap-row.selected:not(.best-lap-row) .lap-number{background:#ffffff20;border-color:#ffffff50}
[data-accent-style="pitwall"] .session-rail .best-lap-row .lap-main strong,[data-accent-style="pitwall"] .session-rail .best-lap-row .lap-main span,[data-accent-style="pitwall"] .session-rail .best-lap-row .lap-delta{color:#8bdfac!important}
[data-accent-style="pitwall"] .session-rail .best-lap-row .lap-number{background:#30483a;border-color:#567963;color:#9be2b7}
[data-accent-style="pitwall"] .session-rail .best-lap-row.selected{background:#264333;border-color:#5b9972}
[data-accent-style="pitwall"] .session-rail .theoretical-lap{background:#393940;border-color:#76767f;border-radius:5px}
[data-accent-style="pitwall"] .session-rail .theoretical-heading{color:#ffacae}
[data-accent-style="pitwall"] .session-rail .theoretical-time{color:#f3f3f5}
[data-accent-style="pitwall"] .session-rail .theoretical-source{color:#c0c0c8}
[data-accent-style="pitwall"] .session-rail .rail-foot{border-color:#515159}
[data-accent-style="pitwall"] .summary-strip{background:var(--accent-pit-chrome);border-color:var(--accent-pit-edge);border-radius:5px;box-shadow:0 4px 0 #00000010}
[data-accent-style="pitwall"] .summary-strip>div{border-color:#55555d}
[data-accent-style="pitwall"] .summary-strip :is(.metric-label,.weather-summary>.icon){color:#bdbdc7}
[data-accent-style="pitwall"] .summary-strip strong{color:#fff}
[data-accent-style="pitwall"] .summary-strip strong small:not(.best-pill){color:#bdbdc7}
[data-accent-style="pitwall"] .summary-strip .best-pill{background:#345841;color:#bce5c8}
[data-accent-style="pitwall"] :is(.analysis-card,.analysis-disclosure,.chart-card,.sector-cell,.analysis-focus){border-radius:5px;border-color:var(--accent-pit-edge)}
[data-accent-style="pitwall"] .section-toolbar{background:#cb1b24}
[data-accent-style="pitwall"] .section-toolbar :is(h2,.section-label>svg,#map-lap-caption){color:#fff}
[data-accent-style="pitwall"] .section-toolbar .quiet-separator{background:#ffffff55}
[data-accent-style="pitwall"] .map-view-switch button{color:#ffdcde;border-radius:3px}
[data-accent-style="pitwall"] .map-view-switch button:hover{background:#aa1921}
[data-accent-style="pitwall"] .map-view-switch button.selected{background:#fff;color:#a81720}
[data-accent-style="pitwall"] .analysis-disclosure>summary{background:var(--accent-pit-chrome)}
[data-accent-style="pitwall"] .analysis-disclosure>summary :is(strong,.analysis-chevron){color:#fff}
[data-accent-style="pitwall"] .analysis-disclosure>summary small{color:#c2c2ca}
[data-accent-style="pitwall"] .analysis-section-icon{background:#ffffff17;color:#fff;border-radius:4px}
[data-accent-style="pitwall"] #improvement-analysis>summary{background:#cb1b24}
[data-accent-style="pitwall"] #improvement-analysis>summary strong{color:#fff}
[data-accent-style="pitwall"] #improvement-analysis .analysis-section-icon{background:#ffffff26;color:#fff;border-radius:4px}
[data-accent-style="pitwall"] #opportunity-count{background:#fff;color:#a81720;border-radius:3px}
[data-accent-style="pitwall"] .analysis-focus{background:var(--accent-pit-chrome)}
[data-accent-style="pitwall"] .analysis-focus :is([data-focus-label],button){color:#e7e7ed}
[data-accent-style="pitwall"] .analysis-focus-actions [data-analysis-play]{background:#484850;border-color:#686873;border-radius:3px;color:#fff}
[data-accent-style="pitwall"] .analysis-focus-actions [data-clear-analysis]:hover{background:#484850}
[data-accent-style="pitwall"] .chart-head{background:var(--accent-pit-chrome);box-shadow:0 0 0 8px var(--accent-pit-chrome);border-radius:1px}
[data-accent-style="pitwall"] .chart-head :is(.chart-unit,.metric-help,.close-chart){color:#c4c4ce}
[data-accent-style="pitwall"] .chart-head .metric-select{background-color:#44444b;color:#fff;border-color:#63636e;border-radius:3px}
[data-accent-style="pitwall"] .chart-head .blue-text{color:#9bc9ff}
[data-accent-style="pitwall"] .chart-head .red-text{color:#ffa99e}
[data-accent-style="pitwall"] .chart-head .close-chart:hover{background:#4b4b54}
[data-accent-style="pitwall"] .opportunity-card,[data-accent-style="pitwall"] .corner-analysis-card{border-radius:5px}
[data-accent-style="pitwall"] .header-actions .button{border-radius:5px}
[data-accent-style="pitwall"][data-graph-style="compact"] :is(.telemetry-header,#graphs){border-color:var(--accent-pit-edge);border-radius:0}
[data-accent-style="pitwall"][data-graph-style="compact"] .chart-card{border-radius:0}

/* Keep rounded variants sensible in the narrow rail and dense mobile controls. */
@media(max-width:560px){
  [data-accent-style="capsules"] .global-nav nav button{padding:7px 11px}
  [data-accent-style="capsules"] .summary-strip>div{border-radius:24px}
  [data-accent-style="capsules"] :is(.analysis-card,.analysis-disclosure,.chart-card){border-radius:16px}
}

/* Frosted 2: smoked chrome, neutral graphite and directional silver light. */
[data-accent-style="frosted-2"] #product-workspace{
 --glass2-panel:linear-gradient(155deg,#ffffffdd 0%,#f1f2f4e6 38%,#e0e2e6e8 100%);--glass2-line:#adb0b98c;--glass2-well:#b8bcc52b;
 --glass2-shadow:inset 0 1px 0 #ffffff,0 4px 0 #a9adb520,0 12px 26px #24272e0a;
 background:radial-gradient(ellipse at 80% 0,#ffffff 0,transparent 50%),linear-gradient(130deg,#dadde2,#f0f1f3 50%,#d6d9df);
}
[data-theme="dark"][data-accent-style="frosted-2"] #product-workspace{
 --glass2-panel:linear-gradient(155deg,#505157e0 0%,#393a40ed 38%,#2c2d32f2 100%);--glass2-line:#8e909c5e;--glass2-well:#15161c44;
 --glass2-shadow:inset 0 1px 0 #c4c6d329,0 4px 0 #13141830,0 12px 26px #00000014;
 background:radial-gradient(ellipse at 80% 0,#6e707b38 0,transparent 50%),linear-gradient(130deg,#25262b,#34353b 50%,#24252a);
}
[data-accent-style="frosted-2"] :is(.global-nav,.session-rail){background:var(--glass2-panel);border-color:var(--glass2-line);box-shadow:inset 0 1px 0 #ffffff1a}
[data-accent-style="frosted-2"] .global-nav nav button.nav-current{background:var(--glass2-well);box-shadow:inset 0 1px 0 #ffffff14;color:var(--ink);border-radius:6px}
[data-accent-style="frosted-2"] :is(.summary-strip,.analysis-card,.analysis-disclosure,.chart-card,.sector-cell,.analysis-focus,.csv-session-bar){background:var(--glass2-panel);border:1px solid var(--glass2-line);border-radius:10px;box-shadow:var(--glass2-shadow)}
[data-accent-style="frosted-2"] :is(.section-toolbar,.analysis-disclosure>summary){background:linear-gradient(112deg,#ffffff0c 0 30%,#ffffff02 30% 69%,#ffffff09 69% 100%),var(--glass2-panel);box-shadow:inset 0 -1px 0 var(--glass2-line)}
[data-accent-style="frosted-2"] .summary-strip>div{border-color:var(--glass2-line)}
[data-accent-style="frosted-2"] .section-toolbar .section-label>svg{color:var(--red)}
[data-accent-style="frosted-2"] :is(.button:not(.primary):not(.engaged):not(.ai-coach-button),.back-button,.rail-toggle,.theme-toggle,.graph-zoom-toolbar button){background:var(--glass2-panel);border-color:var(--glass2-line);border-radius:6px;box-shadow:inset 0 1px 0 #ffffff19,0 2px 3px #00000009}
[data-accent-style="frosted-2"] .map-view-switch{padding:3px;background:var(--glass2-well);border:1px solid var(--glass2-line);border-radius:7px}
[data-accent-style="frosted-2"] .map-view-switch button{border-radius:4px}
[data-accent-style="frosted-2"] .map-view-switch button.selected{background:var(--glass2-panel);box-shadow:inset 0 1px 0 #ffffff20,0 1px 3px #00000017;color:var(--ink)}
[data-accent-style="frosted-2"] .lap-row{border-radius:7px}
[data-accent-style="frosted-2"] .lap-row.selected:not(.best-lap-row){background:linear-gradient(110deg,#4389ed24,#a5adbe13);border-color:#74a9e985;box-shadow:inset 0 1px 0 #ffffff12}
[data-accent-style="frosted-2"] .theoretical-lap{background:linear-gradient(130deg,#aab0c621,#aab0c604);border-radius:7px;border-color:#a4a8b366}
[data-accent-style="frosted-2"] :is(.opportunity-card.opportunity-v15,.corner-analysis-card){background:var(--glass2-panel)!important;border-color:var(--glass2-line)!important;border-radius:8px!important;box-shadow:var(--glass2-shadow)!important}
[data-accent-style="frosted-2"] .opportunity-key-metric{background:var(--glass2-well);border-radius:5px;box-shadow:none}
[data-accent-style="frosted-2"] .opportunity-header .corner-preview{background:linear-gradient(135deg,#b4bac720,#7b808b17);border-color:var(--glass2-line);border-radius:7px}
[data-accent-style="frosted-2"] .analysis-focus-actions [data-analysis-play]{background:var(--glass2-panel);border-color:var(--glass2-line);border-radius:6px}
[data-accent-style="frosted-2"][data-graph-style="compact"] :is(.telemetry-header,#graphs){background:var(--glass2-panel);border-color:var(--glass2-line)}
[data-accent-style="frosted-2"][data-graph-style="compact"] .chart-card{background:transparent;border:0;border-radius:0;box-shadow:none}
[data-accent-style="frosted-2"] .metric-select{background-color:var(--glass2-well);border-color:var(--glass2-line);border-radius:5px;box-shadow:none}
[data-accent-style="frosted-2"] .opportunity-card.opportunity-v15.active{border-color:var(--gain,#269267)!important;box-shadow:0 0 0 1px var(--gain,#269267)!important}
[data-accent-style="frosted-2"] .corner-analysis-card.active{border-color:var(--red)!important;box-shadow:0 0 0 1px var(--red)!important}

/* Opportunities stand out through a raised neutral surface, not a color band. */
html[data-accent-style] #improvement-analysis{border-color:color-mix(in srgb,var(--ink) 27%,var(--line));box-shadow:0 3px 8px #0000000b,inset 0 1px 0 #ffffff35}
html[data-accent-style] #improvement-analysis>summary{background:linear-gradient(115deg,color-mix(in srgb,var(--ink) 5%,var(--surface)),var(--surface));color:var(--ink);box-shadow:inset 0 1px 0 #ffffff12}
html[data-accent-style] #improvement-analysis>summary strong{color:var(--ink);font-weight:650}
html[data-accent-style] #improvement-analysis .analysis-section-icon{background:var(--ink);color:var(--surface);border:1px solid var(--ink);box-shadow:0 2px 4px #00000013;border-radius:8px}
html[data-accent-style] #improvement-analysis #opportunity-count{background:var(--surface-alt);border:1px solid color-mix(in srgb,var(--ink) 16%,var(--line));color:var(--secondary)}
html[data-accent-style] #improvement-analysis .analysis-chevron{color:var(--secondary)}

/* Shared analysis family; opportunities retains its stronger neutral emphasis. */
html[data-accent-style] #advanced-analysis{border-color:color-mix(in srgb,var(--ink) 13%,var(--line));box-shadow:0 2px 5px #00000007,inset 0 1px 0 #ffffff20}
html[data-accent-style] #advanced-analysis>summary{background:linear-gradient(115deg,color-mix(in srgb,var(--ink) 2%,var(--surface)),var(--surface));color:var(--ink);box-shadow:inset 0 1px 0 #ffffff0c}
html[data-accent-style] #advanced-analysis>summary strong{color:var(--ink);font-weight:550}
html[data-accent-style] #advanced-analysis .analysis-section-icon{width:28px;height:28px;background:var(--surface-alt);color:var(--secondary);border:1px solid color-mix(in srgb,var(--ink) 13%,var(--line));border-radius:8px;box-shadow:0 1px 2px #00000008}
html[data-accent-style] #advanced-analysis #corner-count{padding:5px 8px;border-radius:6px;background:var(--surface-alt);border:1px solid color-mix(in srgb,var(--ink) 10%,var(--line));color:var(--muted);font-size:11px;font-weight:500}
html[data-accent-style] #advanced-analysis .analysis-chevron{color:var(--secondary)}
.analysis-disclosure{overflow-anchor:none}
/* Selected tools use red outlines/tint; AI Coach keeps its solid brand fill. */
html[data-accent-style] .header-actions :is(#compare-btn,#video-btn).engaged{background:color-mix(in srgb,var(--red) 9%,var(--surface));border-color:color-mix(in srgb,var(--red) 70%,var(--line));color:#b52229;box-shadow:inset 0 1px 0 #ffffff16}
html[data-theme="dark"][data-accent-style] .header-actions :is(#compare-btn,#video-btn).engaged{color:#ffaaa8;background:color-mix(in srgb,var(--red) 14%,var(--surface))}
html[data-accent-style] .header-actions :is(#compare-btn,#video-btn).engaged:hover{background:color-mix(in srgb,var(--red) 18%,var(--surface));border-color:var(--red)}
html[data-accent-style] .compare-control #quick-stop-compare{color:#b52229;background:color-mix(in srgb,var(--red) 10%,var(--surface))}
html[data-theme="dark"][data-accent-style] .compare-control #quick-stop-compare{color:#ffaaa8;background:#ffffff0a}
html[data-accent-style] .compare-control #quick-stop-compare:hover{background:color-mix(in srgb,var(--red) 24%,var(--surface))}