:root{
  --bg:#020713;
  --bg2:#041123;
  --panel:rgba(5,14,29,.78);
  --panel2:rgba(255,255,255,.028);
  --line:rgba(154,183,230,.105);
  --line-strong:rgba(205,225,255,.18);
  --text:rgba(248,251,255,.98);
  --muted:rgba(202,215,235,.68);
  --muted-2:rgba(190,205,228,.48);
  --copper:#c68448;
  --cyan:#55d7ff;
  --green:#56f3b5;
  --violet:#8f6cff;
  --shadow:0 34px 90px rgba(0,0,0,.46);
  --radius:28px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 18% 0%,rgba(85,215,255,.10),transparent 36%),radial-gradient(circle at 82% 8%,rgba(198,132,72,.08),transparent 34%),linear-gradient(180deg,#030b18 0%,#020713 42%,#01040b 100%);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:16px;border-right:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(7,16,32,.86),rgba(2,7,16,.92));backdrop-filter:blur(22px);z-index:10}.sidebar-scroll-area{height:100%;min-height:0;display:flex;flex-direction:column;gap:18px}.sidebar-brand{height:58px;display:flex;align-items:center;gap:12px;padding:0 10px;font-size:20px;font-weight:900;letter-spacing:-.04em}.sidebar-brand-mark{width:40px;height:40px;display:block;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(45,165,255,.24))}.sidebar-nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;padding:0 2px 2px 0;scrollbar-width:thin;scrollbar-color:rgba(86,243,181,.34) transparent}.nav-group{display:grid;gap:7px}.nav-group--fixed{flex:0 0 auto}.nav-group--accordion{flex:0 0 auto}.nav-group small{padding:0 12px;color:var(--muted-2);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}.nav-item{height:44px;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:15px;color:rgba(225,235,250,.7);font-weight:800;border:1px solid transparent;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.nav-item span{width:22px;text-align:center;color:rgba(255,255,255,.68)}.nav-item:hover,.nav-item.active{color:#fff;background:rgba(255,255,255,.046);border-color:var(--line);transform:translateX(2px)}.nav-item.is-muted{opacity:.58}.sidebar-bottom{margin-top:auto;flex:0 0 auto;padding:12px;border-radius:22px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.018)}.sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:10px}.user-avatar,.account-avatar{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(85,215,255,.09);border:1px solid rgba(85,215,255,.16);font-weight:950}.sidebar-user strong{display:block}.sidebar-user small{color:var(--muted-2);font-weight:800}.sidebar-logout{width:100%;height:42px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);font-weight:850;cursor:pointer}.sidebar-logout:hover{color:#fff;border-color:var(--line-strong)}
.content-shell{width:min(1660px,calc(100vw - 340px));margin:0 auto;padding:26px 24px 64px;display:grid;gap:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-radius:30px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}.eyebrow{display:inline-flex;align-items:center;width:max-content;padding:8px 11px;border-radius:999px;border:1px solid rgba(85,215,255,.16);background:rgba(85,215,255,.06);color:rgba(175,231,255,.9);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.14em}.eyebrow.small{font-size:10px;padding:7px 10px}.eyebrow.orange{border-color:rgba(198,132,72,.22);background:rgba(198,132,72,.08);color:rgba(255,215,180,.92)}.eyebrow.green{border-color:rgba(86,243,181,.22);background:rgba(86,243,181,.07);color:rgba(180,255,224,.92)}.workspace-label{display:inline-flex;margin-left:8px;color:var(--muted-2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.topbar h1{margin:10px 0 6px;font-size:clamp(40px,4.2vw,72px);line-height:.88;letter-spacing:-.07em}.topbar p{margin:0;color:var(--muted);line-height:1.55;max-width:760px}.topbar-actions{display:grid;gap:12px;justify-items:end}.top-status{color:var(--muted-2);font-weight:850}.primary-action,.continue-tool-action,.identity-start{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border-radius:15px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));color:#fff;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.primary-action:hover,.continue-tool-action:hover,.identity-start:hover{transform:translateY(-2px);border-color:var(--line-strong);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.026))}
.reader-identity-card,.continue-training-section,.analytics-card,.sessions-card,.tool-hero,.tool-level-card,.intelligence-card,.locked-preview-card,.tool-card,.account-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),var(--shadow);position:relative;overflow:hidden}.reader-identity-card{padding:24px}.reader-identity-card:before,.tool-hero:before,.tool-level-card:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at 12% 6%,rgba(198,132,72,.12),transparent 34%),radial-gradient(circle at 86% 10%,rgba(85,215,255,.10),transparent 36%)}.identity-top{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(260px,340px);gap:24px;align-items:center}.identity-badge{width:134px}.bronze-badge{width:134px;height:134px;filter:drop-shadow(0 30px 38px rgba(0,0,0,.34))}.identity-main h2{margin:12px 0 8px;font-size:clamp(44px,5vw,82px);line-height:.88;letter-spacing:-.075em}.identity-main p{max-width:680px;color:var(--muted);line-height:1.55}.xp-card{display:flex;align-items:center;gap:14px;margin-top:18px;padding:12px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.025);max-width:720px}.level-mini{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:rgba(198,132,72,.08);border:1px solid rgba(198,132,72,.18)}.level-mini strong{font-size:28px;line-height:1}.level-mini span{font-size:10px;color:var(--muted-2);font-weight:950}.xp-main{flex:1}.xp-copy{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.xp-copy strong{color:#fff}.progress-track{height:9px;margin-top:10px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.progress-track span{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--copper),var(--cyan));transition:width .45s var(--ease)}.daily-panel{padding:20px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.daily-panel span,.daily-panel p{color:var(--muted-2)}.daily-panel strong{display:block;margin:10px 0 8px;font-size:30px;line-height:1;letter-spacing:-.04em}.identity-metrics{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.identity-metrics article{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.024)}.metric-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line);font-weight:950}.metric-icon.cyan{color:var(--cyan);background:rgba(85,215,255,.06)}.metric-icon.gold{color:var(--copper);background:rgba(198,132,72,.07)}.metric-icon.green{color:var(--green);background:rgba(86,243,181,.06)}.metric-icon.purple{color:var(--violet);background:rgba(143,108,255,.06)}.identity-metrics span:not(.metric-icon){color:var(--muted-2);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.identity-metrics strong{display:block;margin:6px 0 4px;font-size:24px}.identity-metrics small{color:var(--muted-2)}

/* Initial workspace hydration: prevents Overview flash before dashboard.js activates saved workspace. */
html.dashboard-preboot[data-initial-workspace="overview"] [data-workspace]:not([data-workspace="overview"]),
html.dashboard-preboot[data-initial-workspace="speed"] [data-workspace]:not([data-workspace="speed"]),
html.dashboard-preboot[data-initial-workspace="peripheral"] [data-workspace]:not([data-workspace="peripheral"]),
html.dashboard-preboot[data-initial-workspace="account"] [data-workspace]:not([data-workspace="account"]),
html.dashboard-preboot[data-initial-workspace="recall"] [data-workspace]:not([data-workspace="recall"]),
html.dashboard-preboot[data-initial-workspace="focus"] [data-workspace]:not([data-workspace="focus"]),
html.dashboard-preboot[data-initial-workspace="memory"] [data-workspace]:not([data-workspace="memory"]){display:none!important}
html.dashboard-preboot[data-initial-workspace="overview"] [data-workspace="overview"],
html.dashboard-preboot[data-initial-workspace="speed"] [data-workspace="speed"],
html.dashboard-preboot[data-initial-workspace="peripheral"] [data-workspace="peripheral"],
html.dashboard-preboot[data-initial-workspace="account"] [data-workspace="account"],
html.dashboard-preboot[data-initial-workspace="recall"] [data-workspace="recall"],
html.dashboard-preboot[data-initial-workspace="focus"] [data-workspace="focus"],
html.dashboard-preboot[data-initial-workspace="memory"] [data-workspace="memory"]{display:grid!important}
html.dashboard-preboot [data-workspace].is-active:not([data-workspace="overview"]){display:none!important}
html.dashboard-preboot[data-initial-workspace="speed"] .nav-item.active:not([data-workspace-link="speed"]),
html.dashboard-preboot[data-initial-workspace="peripheral"] .nav-item.active:not([data-workspace-link="peripheral"]),
html.dashboard-preboot[data-initial-workspace="account"] .nav-item.active:not([data-workspace-link="account"]),
html.dashboard-preboot[data-initial-workspace="recall"] .nav-item.active:not([data-workspace-link="recall"]),
html.dashboard-preboot[data-initial-workspace="focus"] .nav-item.active:not([data-workspace-link="focus"]),
html.dashboard-preboot[data-initial-workspace="memory"] .nav-item.active:not([data-workspace-link="memory"]){color:rgba(225,235,250,.7);background:transparent;border-color:transparent;transform:none}
html.dashboard-preboot[data-initial-workspace="overview"] .nav-item[data-workspace-link="overview"],
html.dashboard-preboot[data-initial-workspace="speed"] .nav-item[data-workspace-link="speed"],
html.dashboard-preboot[data-initial-workspace="peripheral"] .nav-item[data-workspace-link="peripheral"],
html.dashboard-preboot[data-initial-workspace="account"] .nav-item[data-workspace-link="account"],
html.dashboard-preboot[data-initial-workspace="recall"] .nav-item[data-workspace-link="recall"],
html.dashboard-preboot[data-initial-workspace="focus"] .nav-item[data-workspace-link="focus"],
html.dashboard-preboot[data-initial-workspace="memory"] .nav-item[data-workspace-link="memory"]{color:#fff;background:rgba(255,255,255,.046);border-color:var(--line);transform:translateX(2px)}
html:not(.dashboard-workspace-ready):not(.dashboard-preboot) [data-workspace]{display:none!important}.workspace-router{display:block}.tool-workspace{display:none;gap:18px}.tool-workspace.is-active{display:grid}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin:8px 0 0;font-size:34px;line-height:1;letter-spacing:-.045em}.section-heading>span{color:var(--muted-2);font-weight:850}.continue-training-section,.analytics-card,.sessions-card{padding:24px}.continue-training-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.continue-tool-card{position:relative;overflow:hidden;min-height:320px;padding:24px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.014));display:grid;grid-template-rows:auto 1fr auto;gap:20px;transition:transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease)}.continue-tool-card:hover{transform:translateY(-4px);border-color:var(--line-strong);background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.02))}.continue-tool-card--speed{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 80px rgba(198,132,72,.08)}.continue-tool-card--peripheral{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 80px rgba(86,243,181,.07)}.continue-tool-card--speed:after,.continue-tool-card--peripheral:after{content:"";position:absolute;inset:auto -16% -28% auto;width:360px;height:220px;border-radius:999px;filter:blur(38px);opacity:.5;pointer-events:none}.continue-tool-card--speed:after{background:rgba(198,132,72,.16)}.continue-tool-card--peripheral:after{background:rgba(86,243,181,.14)}.continue-tool-kicker{color:var(--muted-2);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.14em}.continue-tool-copy h3{margin:10px 0 8px;font-size:34px;line-height:.98;letter-spacing:-.05em}.continue-tool-copy p{max-width:580px;margin:0;color:var(--muted);line-height:1.65}.continue-tool-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-self:end}.continue-tool-metrics span{min-height:92px;padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.026)}.continue-tool-metrics strong{display:block;font-size:30px;letter-spacing:-.05em}.continue-tool-metrics small{display:block;margin-top:6px;color:var(--muted-2);font-weight:800}.continue-tool-action{justify-self:start;z-index:1}.stats-grid,.tool-analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-core-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card{min-height:160px;padding:20px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:.2s var(--ease);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.stat-card span{color:var(--muted-2);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.stat-card strong{display:block;margin-top:16px;font-size:38px;line-height:1;letter-spacing:-.06em}.stat-card small{display:block;margin-top:12px;color:var(--muted-2);line-height:1.45}.locked-free:after{content:"Pro insight";position:absolute;right:12px;top:12px;padding:6px 8px;border-radius:99px;background:rgba(198,132,72,.12);border:1px solid rgba(198,132,72,.24);color:rgba(255,210,154,.9);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.is-pro .locked-free:after{display:none}.is-free .locked-free strong,.is-free .locked-free small{filter:blur(1.8px);opacity:.7}.tool-level-card{padding:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr) auto;gap:22px;align-items:center;min-height:230px}.tool-level-card h2{margin:10px 0 8px;font-size:clamp(36px,3.65vw,58px);line-height:.92;letter-spacing:-.065em}.tool-level-card p{max-width:760px;margin:0;color:var(--muted);line-height:1.65}.tool-level-progress{display:flex;align-items:center;gap:14px;padding:14px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.026)}.tool-level-card--speed{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 110px rgba(198,132,72,.07)}.tool-level-card--peripheral{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 110px rgba(86,243,181,.07)}.tool-level-card--speed .level-mini{background:rgba(198,132,72,.08);border-color:rgba(198,132,72,.18)}.tool-level-card--peripheral .level-mini{background:rgba(86,243,181,.07);border-color:rgba(86,243,181,.18)}.progress-track--green span{background:linear-gradient(90deg,var(--green),var(--cyan))}.tool-hero{padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:210px}.tool-hero h2{margin:10px 0 8px;font-size:clamp(36px,3.65vw,58px);line-height:.92;letter-spacing:-.065em}.tool-hero p{max-width:760px;margin:0;color:var(--muted);line-height:1.65}.tool-hero--speed{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 110px rgba(198,132,72,.07)}.tool-hero--peripheral{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 110px rgba(86,243,181,.07)}.workspace-two-column{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px}.intelligence-card,.locked-preview-card{padding:24px}.intelligence-card h2,.locked-preview-card h2{margin:10px 0 8px;font-size:34px;line-height:1;letter-spacing:-.05em}.intelligence-card p,.locked-preview-card p{margin:0;color:var(--muted);line-height:1.65}.intelligence-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.intelligence-metrics article{padding:16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.intelligence-metrics span{display:block;color:var(--muted-2);font-size:12px;font-weight:900}.intelligence-metrics strong{display:block;margin-top:9px;font-size:22px;letter-spacing:-.04em}.locked-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.locked-preview-grid span{padding:16px;border-radius:18px;border:1px solid rgba(198,132,72,.18);background:rgba(198,132,72,.06);color:rgba(255,225,190,.84);font-weight:850}.locked-preview-card--green .locked-preview-grid span{border-color:rgba(86,243,181,.18);background:rgba(86,243,181,.05);color:rgba(190,255,230,.86)}.is-pro .locked-preview-card{display:none!important}.is-pro .locked-free strong,.is-pro .locked-free small{filter:none;opacity:1}.is-free .locked-preview-card{display:block}
.weekly-chart{min-height:170px;display:flex;align-items:end;gap:12px;padding-top:18px}.chart-day{flex:1;display:grid;gap:8px;text-align:center;color:var(--muted-2)}.chart-value{font-size:12px;font-weight:850}.chart-bar{width:100%;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,var(--cyan),rgba(85,215,255,.18));min-height:4px}.chart-day.is-peak .chart-bar{background:linear-gradient(180deg,var(--copper),rgba(198,132,72,.18))}.chart-label{font-size:12px;font-weight:800}.empty-state,.chart-empty{padding:18px;border-radius:18px;border:1px dashed var(--line);color:var(--muted-2);background:rgba(255,255,255,.018)}.sessions-list{display:grid;gap:10px}.session-row{display:grid;grid-template-columns:minmax(230px,1fr) repeat(4,auto);gap:10px;align-items:center;padding:14px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.02)}.session-row strong{display:block}.session-row span{color:var(--muted-2);font-size:13px}.session-pill{padding:8px 10px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.026);font-weight:850;color:rgba(255,255,255,.8)!important}.section-actions{display:flex;align-items:center;gap:8px}.mini-toggle{height:42px;padding:0 14px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);font-weight:850;cursor:pointer}.mini-toggle.active,.mini-toggle:hover{color:#fff;border-color:var(--line-strong);background:rgba(255,255,255,.055)}.dashboard-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-card,.account-card{padding:24px}.tool-card h2,.account-card h2{margin:10px 0 8px;font-size:32px;line-height:1;letter-spacing:-.05em}.tool-card p,.account-card p{color:var(--muted);line-height:1.6}.module-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.module-list span{padding:10px 12px;border-radius:99px;border:1px solid rgba(198,132,72,.18);background:rgba(198,132,72,.06);color:rgba(255,225,190,.84);font-weight:850}.account-card-head{display:flex;justify-content:space-between;align-items:center}.manage-link{color:var(--muted-2);font-weight:850}.account-profile{display:flex;align-items:center;gap:14px;margin-top:22px;padding:16px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.024)}.account-profile h2{margin:0}.account-status-pill{margin-left:auto;padding:8px 10px;border-radius:99px;border:1px solid rgba(86,243,181,.18);background:rgba(86,243,181,.06);color:rgba(175,255,222,.9);font-size:12px;font-weight:900}.account-actions{display:grid;gap:8px;margin-top:16px}.account-actions a{display:flex;justify-content:space-between;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:rgba(255,255,255,.78);font-weight:850}.account-actions a:hover{color:#fff;border-color:var(--line-strong)}
@media(max-width:1380px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.content-shell{width:min(100% - 32px,1180px)}.sidebar-scroll-area{height:auto}.identity-top{grid-template-columns:1fr}.identity-metrics,.stats-grid,.dashboard-core-stats,.tool-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-training-grid,.workspace-two-column,.dashboard-support-grid{grid-template-columns:1fr}.tool-level-card{grid-template-columns:1fr}.tool-level-progress{max-width:620px}.topbar{display:grid}.topbar-actions{justify-items:start}.session-row{grid-template-columns:1fr 1fr}}@media(max-width:720px){.content-shell{padding:18px 12px 48px;width:100%}.topbar h1{font-size:40px}.identity-main h2{font-size:42px}.continue-tool-metrics,.intelligence-metrics,.locked-preview-grid{grid-template-columns:1fr}.stats-grid,.dashboard-core-stats,.tool-analytics-grid,.identity-metrics{grid-template-columns:1fr}.continue-tool-copy h3{font-size:28px}.section-heading,.tool-hero{display:grid}.weekly-chart{gap:6px}.session-row{grid-template-columns:1fr}.sidebar{padding:12px}}


/* v31 dashboard hierarchy cleanup: overview keeps only continue/recent activity; weekly chart belongs to Speed Reader. */
.dashboard-core-stats {
  display: none !important;
}
.speed-weekly-card {
  order: 5;
}
.weekly-chart {
  height: 210px;
  min-height: 210px;
  align-items: stretch;
}
.chart-day {
  height: 100%;
  grid-template-rows: auto 1fr auto;
  align-items: end;
}
.chart-bar {
  align-self: end;
  display: block;
  min-height: 8px;
}

/* v34 overview intelligence pass */
.overview-intelligence-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:18px;
}
.overview-intelligence-card{
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),var(--shadow);
}
.overview-intelligence-card:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 0%,rgba(85,215,255,.09),transparent 34%),
    radial-gradient(circle at 92% 10%,rgba(198,132,72,.08),transparent 36%);
}
.overview-card-head,.momentum-summary{position:relative;z-index:1}
.overview-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.overview-signal{padding:8px 10px;border-radius:999px;border:1px solid rgba(85,215,255,.16);background:rgba(85,215,255,.055);color:rgba(195,242,255,.88);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.overview-intelligence-card h2{position:relative;z-index:1;margin:0 0 10px;font-size:clamp(34px,3.2vw,54px);line-height:.92;letter-spacing:-.062em}
.overview-intelligence-card p{position:relative;z-index:1;max-width:760px;margin:0;color:var(--muted);line-height:1.65}
.momentum-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.momentum-summary div{min-height:108px;padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.momentum-summary strong{display:block;font-size:38px;line-height:1;letter-spacing:-.065em}
.momentum-summary span{display:block;margin-top:9px;color:var(--muted-2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.training-timeline-card{padding:24px}
.training-timeline-list{gap:12px}
.training-timeline-list .session-row{grid-template-columns:minmax(260px,1fr) auto auto auto;align-items:center}
.training-timeline-list .session-row div:first-child strong{font-size:16px}
.training-timeline-list .session-row div:first-child span{display:block;margin-top:4px}
@media(max-width:1380px){.overview-intelligence-grid{grid-template-columns:1fr}}
@media(max-width:720px){.momentum-summary{grid-template-columns:1fr}.training-timeline-list .session-row{grid-template-columns:1fr}}



/* v35 Speed Reader workspace: fewer KPI squares, stronger reading intelligence surface */
.reading-intelligence-surface{
  position:relative;
  overflow:hidden;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at 12% 0%,rgba(198,132,72,.10),transparent 34%),
    radial-gradient(circle at 88% 12%,rgba(85,215,255,.075),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.036),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--shadow);
}
.reading-intelligence-surface:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.045) 18%,transparent 36%);
  opacity:.55;
}
.reading-intelligence-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
}
.reading-intelligence-head h2{
  margin:10px 0 8px;
  font-size:clamp(42px,4.4vw,72px);
  line-height:.88;
  letter-spacing:-.072em;
}
.reading-intelligence-head p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  line-height:1.65;
}
.reading-intelligence-signal{
  min-width:190px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(198,132,72,.18);
  background:rgba(198,132,72,.06);
  text-align:right;
}
.reading-intelligence-signal span{
  display:block;
  color:var(--muted-2);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.reading-intelligence-signal strong{
  display:block;
  margin-top:8px;
  font-size:24px;
  letter-spacing:-.05em;
}
.reading-intelligence-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);
  gap:18px;
  align-items:stretch;
}
.reading-chart-panel,.reading-core-panel article,.reading-insight-strip article,.advanced-reading-preview article{
  border:1px solid var(--line);
  background:rgba(255,255,255,.023);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.reading-chart-panel{
  min-height:300px;
  padding:20px;
  border-radius:26px;
  display:flex;
  align-items:stretch;
}
.reading-chart-panel .weekly-chart{
  width:100%;
  min-height:250px;
}
.reading-core-panel{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.reading-core-panel article{
  min-height:144px;
  padding:18px;
  border-radius:22px;
}
.reading-core-panel span,.reading-insight-strip span,.advanced-reading-preview span{
  color:var(--muted-2);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.reading-core-panel strong{
  display:block;
  margin-top:18px;
  font-size:38px;
  line-height:1;
  letter-spacing:-.06em;
}
.reading-core-panel small,.advanced-reading-preview small{
  display:block;
  margin-top:12px;
  color:var(--muted-2);
  line-height:1.45;
}
.reading-insight-strip{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.reading-insight-strip article{
  min-height:92px;
  padding:14px;
  border-radius:20px;
}
.reading-insight-strip strong{
  display:block;
  margin-top:14px;
  font-size:26px;
  line-height:1;
  letter-spacing:-.052em;
}
.advanced-reading-analytics{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
  gap:22px;
  align-items:start;
}
.advanced-reading-copy h2{
  margin:10px 0 8px;
  font-size:clamp(34px,3.2vw,54px);
  line-height:.92;
  letter-spacing:-.062em;
}
.advanced-reading-preview{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.advanced-reading-preview article{
  min-height:150px;
  padding:18px;
  border-radius:22px;
  position:relative;
  overflow:hidden;
}
.advanced-reading-preview strong{
  display:block;
  margin-top:18px;
  font-size:30px;
  line-height:1;
  letter-spacing:-.06em;
}
.advanced-reading-analytics .locked-preview-grid{
  grid-column:1 / -1;
}
.advanced-reading-detail-grid span{min-height:84px;line-height:1.35}.advanced-reading-detail-grid strong{display:block;margin-top:8px;color:#fff;font-size:18px;line-height:1.1;letter-spacing:-.02em;text-transform:none}.advanced-reading-detail-grid small{display:block;margin-top:7px;color:var(--muted-2);font-size:12px;font-weight:700;line-height:1.35;text-transform:none;letter-spacing:0}.is-free .advanced-reading-detail-grid strong,.is-free .advanced-reading-detail-grid small{filter:blur(1.8px);opacity:.64}
.is-free .advanced-reading-preview .locked-free strong,
.is-free .advanced-reading-preview .locked-free small{
  filter:blur(2.2px);
  opacity:.64;
}
.is-free .advanced-reading-preview .locked-free:after{
  content:"Pro insight";
  position:absolute;
  right:12px;
  top:12px;
  padding:6px 8px;
  border-radius:99px;
  background:rgba(198,132,72,.12);
  border:1px solid rgba(198,132,72,.24);
  color:rgba(255,210,154,.9);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.is-pro .advanced-reading-analytics{display:grid!important}
.is-pro .advanced-reading-preview .locked-free strong,
.is-pro .advanced-reading-preview .locked-free small{filter:none;opacity:1}
@media(max-width:1380px){
  .reading-intelligence-layout,.advanced-reading-analytics{grid-template-columns:1fr}
  .reading-insight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .reading-intelligence-head{display:grid}
  .reading-intelligence-signal{text-align:left;min-width:0}
  .reading-core-panel,.reading-insight-strip,.advanced-reading-preview{grid-template-columns:1fr}
}


/* v36 Peripheral workspace: visual awareness intelligence + Pro visual layer */
.visual-awareness-surface{
  position:relative;
  overflow:hidden;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at 13% 0%,rgba(86,243,181,.10),transparent 34%),
    radial-gradient(circle at 88% 14%,rgba(85,215,255,.07),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.036),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--shadow);
}
.visual-awareness-surface:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.04) 18%,transparent 36%);
  opacity:.5;
}
.visual-awareness-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
}
.visual-awareness-head h2{
  margin:10px 0 8px;
  font-size:clamp(42px,4.4vw,72px);
  line-height:.88;
  letter-spacing:-.072em;
}
.visual-awareness-head p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  line-height:1.65;
}
.visual-awareness-signal{
  min-width:190px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(86,243,181,.18);
  background:rgba(86,243,181,.055);
  text-align:right;
}
.visual-awareness-signal span{
  display:block;
  color:var(--muted-2);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.visual-awareness-signal strong{
  display:block;
  margin-top:8px;
  font-size:24px;
  letter-spacing:-.05em;
}
.visual-awareness-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);
  gap:18px;
  align-items:stretch;
}
.visual-field-panel,.visual-core-panel article,.visual-insight-strip article,.advanced-visual-preview article{
  border:1px solid var(--line);
  background:rgba(255,255,255,.023);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.visual-field-panel{
  min-height:340px;
  padding:20px;
  border-radius:26px;
  display:grid;
  grid-template-rows:minmax(220px,1fr) auto;
  gap:18px;
}
.visual-field-map{
  position:relative;
  min-height:250px;
  border-radius:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at center,rgba(86,243,181,.12),rgba(86,243,181,.035) 26%,transparent 52%),
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:auto,52px 52px,52px 52px;
  border:1px solid rgba(86,243,181,.10);
}
.visual-field-map:before,.visual-field-map:after{
  content:"";
  position:absolute;
  background:linear-gradient(180deg,transparent,rgba(86,243,181,.25),transparent);
  pointer-events:none;
}
.visual-field-map:before{left:50%;top:10%;bottom:10%;width:1px;transform:translateX(-50%)}
.visual-field-map:after{top:50%;left:10%;right:10%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(86,243,181,.22),transparent)}
.field-node{
  position:absolute;
  min-width:70px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(86,243,181,.16);
  background:rgba(86,243,181,.05);
  color:rgba(205,255,235,.82);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.field-node--center{left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;font-size:10px;background:radial-gradient(circle,rgba(86,243,181,.16),rgba(86,243,181,.04) 58%,transparent);box-shadow:0 0 50px rgba(86,243,181,.10)}
.field-node--top{left:50%;top:18%;transform:translate(-50%,-50%)}
.field-node--bottom{left:50%;top:82%;transform:translate(-50%,-50%)}
.field-node--left{left:18%;top:50%;transform:translate(-50%,-50%)}
.field-node--right{left:82%;top:50%;transform:translate(-50%,-50%)}
.visual-field-copy{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.018)}
.visual-field-copy span{display:block;color:var(--muted-2);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.visual-field-copy strong{display:block;margin-top:8px;font-size:30px;line-height:1;letter-spacing:-.06em}
.visual-field-copy small{max-width:330px;color:var(--muted-2);line-height:1.45;text-align:right}
.visual-core-panel{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.visual-core-panel article{
  min-height:144px;
  padding:18px;
  border-radius:22px;
}
.visual-core-panel span,.visual-insight-strip span,.advanced-visual-preview span{
  color:var(--muted-2);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.visual-core-panel strong{
  display:block;
  margin-top:18px;
  font-size:30px;
  line-height:1;
  letter-spacing:-.06em;
}
.visual-core-panel small,.advanced-visual-preview small{
  display:block;
  margin-top:12px;
  color:var(--muted-2);
  line-height:1.45;
}
.visual-insight-strip{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.visual-insight-strip article{
  min-height:92px;
  padding:14px;
  border-radius:20px;
}
.visual-insight-strip strong{
  display:block;
  margin-top:14px;
  font-size:26px;
  line-height:1;
  letter-spacing:-.052em;
}
.advanced-visual-analytics{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
  gap:22px;
  align-items:start;
}
.advanced-visual-copy h2{
  margin:10px 0 8px;
  font-size:clamp(34px,3.2vw,54px);
  line-height:.92;
  letter-spacing:-.062em;
}
.advanced-visual-preview{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.advanced-visual-preview article{
  min-height:150px;
  padding:18px;
  border-radius:22px;
  position:relative;
  overflow:hidden;
}
.advanced-visual-preview strong{
  display:block;
  margin-top:18px;
  font-size:30px;
  line-height:1;
  letter-spacing:-.06em;
}
.advanced-visual-analytics .locked-preview-grid{grid-column:1 / -1}
.is-free .advanced-visual-preview .locked-free strong,
.is-free .advanced-visual-preview .locked-free small{filter:blur(2.2px);opacity:.64}
.is-free .advanced-visual-preview .locked-free:after{
  content:"Pro insight";
  position:absolute;
  right:12px;
  top:12px;
  padding:6px 8px;
  border-radius:99px;
  background:rgba(86,243,181,.10);
  border:1px solid rgba(86,243,181,.22);
  color:rgba(195,255,225,.9);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.is-pro .advanced-visual-analytics{display:grid!important}
.is-pro .advanced-visual-preview .locked-free strong,
.is-pro .advanced-visual-preview .locked-free small{filter:none;opacity:1}
@media(max-width:1380px){
  .visual-awareness-layout,.advanced-visual-analytics{grid-template-columns:1fr}
  .visual-insight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .visual-awareness-head{display:grid}
  .visual-awareness-signal{text-align:left;min-width:0}
  .visual-core-panel,.visual-insight-strip,.advanced-visual-preview{grid-template-columns:1fr}
  .visual-field-copy{display:grid}.visual-field-copy small{text-align:left}
}

/* v37 Account workspace: minimal premium account surface */
.account-profile-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  min-height:220px;
  padding:30px;
  border-radius:30px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.014));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 100px rgba(85,215,255,.055);
}
.account-profile-main h2{
  margin:12px 0 10px;
  font-size:clamp(44px,4.6vw,74px);
  line-height:.88;
  letter-spacing:-.07em;
}
.account-profile-main p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  line-height:1.65;
}
.account-profile-meta{
  min-width:320px;
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px;
  border-radius:24px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.024);
}
.account-avatar--large{
  width:66px;
  height:66px;
  border-radius:22px;
  font-size:24px;
  background:linear-gradient(135deg,rgba(85,215,255,.13),rgba(198,132,72,.10));
}
.account-profile-meta strong{display:block;font-size:20px;letter-spacing:-.03em}
.account-profile-meta small{display:block;margin-top:7px;color:var(--muted-2);font-weight:800}
.account-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.account-card{
  min-height:260px;
  padding:24px;
  border-radius:28px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  display:grid;
  align-content:space-between;
  gap:20px;
}
.account-card h3{
  margin:12px 0 9px;
  font-size:32px;
  line-height:1;
  letter-spacing:-.05em;
}
.account-card p{margin:0;color:var(--muted);line-height:1.65;max-width:620px}
.account-card--membership{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 80px rgba(198,132,72,.06)}
.account-plan-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.024);
}
.account-plan-row span{color:var(--muted-2);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.12em}
.account-plan-row strong{font-size:24px;letter-spacing:-.04em}
.account-actions-stack{display:grid;gap:10px;align-self:end}
.account-link{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.024);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.account-link:hover{border-color:var(--line-strong);background:rgba(255,255,255,.044)}
.account-link--button{text-align:left;width:auto}
@media(max-width:980px){
  .account-profile-card,.account-grid{grid-template-columns:1fr}
  .account-profile-meta{min-width:0}
}

/* v5.0 Sidebar accordion + restrained account/logout polish */
.sidebar-logout-zone{
  border-color:rgba(255,255,255,.075);
  background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));
}
.sidebar-logout{
  color:rgba(255,135,150,.9);
  border-color:rgba(255,96,118,.24);
  background:transparent;
  transition:transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease),color .22s var(--ease),box-shadow .22s var(--ease);
}
.sidebar-logout:hover{
  color:rgba(255,226,230,.98);
  border-color:rgba(255,96,118,.42);
  background:rgba(255,96,118,.032);
  box-shadow:0 14px 36px rgba(255,50,82,.055);
  transform:translateY(-1px);
}
.nav-item[data-workspace-link="account"]{
  --account-nav-glow: rgba(122, 152, 255, .08);
}
.nav-item[data-workspace-link="account"].active{
  color:#fff;
  border-color: rgba(122, 152, 255, .20);
  background:
    radial-gradient(circle at 8% 20%, rgba(122, 152, 255, .13), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.054), rgba(255,255,255,.022));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 45px rgba(22, 34, 72, .16);
}
.nav-item[data-workspace-link="account"].active span{color:rgba(170,195,255,.95)}
.nav-item[data-workspace-link="account"]:hover{
  border-color: rgba(122, 152, 255, .18);
  background:
    radial-gradient(circle at 8% 20%, rgba(122, 152, 255, .10), transparent 46%),
    rgba(255,255,255,.042);
}
.account-profile-card--identity{
  border-color: rgba(122, 152, 255, .12);
  background:
    radial-gradient(circle at 8% 4%, rgba(122, 152, 255, .10), transparent 36%),
    radial-gradient(circle at 92% 6%, rgba(86, 243, 181, .055), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
}
.account-eyebrow{
  color: rgba(185, 202, 255, .92);
}
.account-grid--clean{
  grid-template-columns: 1.12fr .94fr .82fr;
}
.account-card--profile{
  border-color: rgba(122, 152, 255, .11);
  background:
    radial-gradient(circle at 0% 0%, rgba(122, 152, 255, .08), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012));
}
.account-card--membership{
  border-color: rgba(86, 243, 181, .13);
  background:
    radial-gradient(circle at 0% 0%, rgba(86, 243, 181, .075), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 0 70px rgba(86,243,181,.035), var(--shadow);
}
.account-card--security{
  border-color: rgba(255, 183, 92, .13);
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 183, 92, .075), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012));
}
.account-form-stack{display:grid;gap:12px;margin-top:18px}
.account-field{display:grid;gap:8px}
.account-field span{color:var(--muted-2);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.13em}
.account-field input{
  width:100%;
  box-sizing:border-box;
  height:48px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.024);
  color:#fff;
  padding:0 14px;
  outline:none;
  transition:border-color .22s var(--ease),background .22s var(--ease),box-shadow .22s var(--ease);
}
.account-field input:focus{
  border-color:rgba(122,152,255,.30);
  background:rgba(255,255,255,.04);
  box-shadow:0 0 0 4px rgba(122,152,255,.07);
}
.account-helper{color:var(--muted-2);line-height:1.45}
.account-link--primary{
  color:rgba(225,235,255,.96);
  border-color:rgba(122,152,255,.18);
  background:linear-gradient(180deg,rgba(122,152,255,.10),rgba(255,255,255,.025));
  cursor:pointer;
}
.account-link--primary:hover{border-color:rgba(122,152,255,.34);background:rgba(122,152,255,.10)}
.account-link--security{
  border-color:rgba(255,183,92,.18);
  background:rgba(255,183,92,.045);
  color:rgba(255,226,188,.90);
}
.account-link--security:hover{border-color:rgba(255,183,92,.34);background:rgba(255,183,92,.075);color:#fff}
.account-plan-list{display:grid;gap:10px;margin-top:16px}
.account-plan-list span{padding:14px;border-radius:17px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.account-plan-list strong{display:block;color:#fff;font-size:15px;letter-spacing:-.02em}
.account-plan-list small{display:block;margin-top:5px;color:var(--muted-2);line-height:1.35}
.account-billing-action{border-color:rgba(86,243,181,.16)!important;background:rgba(86,243,181,.045)!important;color:rgba(210,255,235,.94)!important}
.account-billing-action:hover{border-color:rgba(86,243,181,.32)!important;background:rgba(86,243,181,.075)!important}
@media (max-width: 1240px){.account-grid--clean{grid-template-columns:1fr}}

.account-helper.is-error{color:#fecaca;}
.account-link--button:disabled{opacity:.62;cursor:not-allowed;}

/* v1.3.35 Stripe billing CTA: secure hosted checkout surface */
.account-stripe-checkout{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(85,215,255,.15);
  background:
    radial-gradient(circle at 0% 0%,rgba(85,215,255,.08),transparent 46%),
    rgba(255,255,255,.024);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
.account-stripe-checkout strong{display:block;font-size:18px;letter-spacing:-.025em}
.account-stripe-checkout small{display:block;margin-top:7px;color:var(--muted);line-height:1.45;font-weight:750}
.account-billing-helper{display:block;margin-top:-8px;color:var(--muted-2)}
@media(max-width:760px){.account-stripe-checkout{grid-template-columns:1fr}.account-stripe-checkout .account-billing-action{justify-self:start}}


.account-subnav{
  display:flex;
  gap:12px;
  margin:0 0 20px;
  flex-wrap:wrap;
}

.account-subnav-pill{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(12,18,32,.82);
  color:rgba(220,230,255,.7);
  padding:12px 18px;
  border-radius:999px;
  font-weight:700;
  font-size:.82rem;
  letter-spacing:.04em;
  transition:.2s ease;
  cursor:pointer;
}

.account-subnav-pill.active{
  background:linear-gradient(180deg, rgba(25,35,58,.96), rgba(10,16,28,.96));
  border-color:rgba(90,170,255,.22);
  color:#fff;
  box-shadow:0 0 0 1px rgba(80,140,255,.06), 0 18px 50px rgba(0,0,0,.22);
}

.account-panel{
  display:none;
}

.account-panel.active{
  display:block;
}

.account-overview-grid,
.account-membership-grid,
.account-security-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
}

.account-card--overview,
.account-card--membership,
.account-card--security{
  min-height:auto;
}

.account-overview-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:8px 0 26px;
}

.account-overview-stat{
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(16,22,36,.92), rgba(8,12,22,.94));
  border-radius:20px;
  padding:18px;
}

.account-overview-stat span{
  display:block;
  color:rgba(220,230,255,.55);
  font-size:.74rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.account-overview-stat strong{
  font-size:1.4rem;
  color:#fff;
}

@media (max-width: 900px){
  .account-overview-stats{
    grid-template-columns:1fr;
  }

  .account-subnav{
    overflow:auto;
    padding-bottom:4px;
  }
}

/* AutoByte Dashboard v1.3.37
   Timeline colour stability
   History must use the exact same surface treatment as Compact.
   This prevents the long History view from changing the dashboard tone. */
body{
  background-attachment:fixed;
}
.training-timeline-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012)) !important;
  border-color:var(--line) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),var(--shadow) !important;
}
.training-timeline-list{
  background:transparent !important;
}
.training-timeline-list .session-row{
  background:rgba(255,255,255,.02) !important;
  border-color:var(--line) !important;
  box-shadow:none !important;
}
.training-timeline-list .session-row:hover{
  background:rgba(255,255,255,.026) !important;
  border-color:rgba(205,225,255,.14) !important;
}
.training-timeline-list .session-pill{
  background:rgba(255,255,255,.026) !important;
  border-color:var(--line) !important;
  color:rgba(255,255,255,.8) !important;
}
.training-timeline-card[data-activity-view="history"],
.training-timeline-card[data-activity-view="compact"]{
  background:
    linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012)) !important;
}
.training-timeline-card[data-activity-view="history"] .training-timeline-list .session-row,
.training-timeline-card[data-activity-view="compact"] .training-timeline-list .session-row{
  background:rgba(255,255,255,.02) !important;
}


.account-billing-action.is-loading{
  opacity:.72;
  pointer-events:none;
}

.account-helper.is-error{
  color:#ff9b9b;
}

/* Billing state helpers -------------------------------------------------- */
.account-billing-action.is-disabled{
  opacity:.78;
  cursor:default;
  pointer-events:auto;
}

.account-billing-helper.is-error{
  color:#ff9b9b;
}


/* --------------------------------------------------------------------------
   AutoByte 1.3.44 - Global dashboard typography density
   Goal: keep the premium dashboard language, reduce oversized card headings,
   and make title letter-spacing consistent with the landing hero.
   -------------------------------------------------------------------------- */
:where(
  .topbar h1,
  .identity-main h2,
  .section-heading h2,
  .continue-tool-copy h3,
  .overview-intelligence-card h2,
  .tool-level-card h2,
  .tool-hero h2,
  .reading-intelligence-head h2,
  .visual-awareness-head h2,
  .advanced-reading-copy h2,
  .advanced-visual-copy h2,
  .intelligence-card h2,
  .locked-preview-card h2,
  .tool-card h2,
  .account-card h2,
  .account-profile-main h2,
  .account-card h3,
  .account-overview-stat strong,
  .stat-card strong,
  .momentum-summary strong,
  .daily-panel strong,
  .identity-metrics strong,
  .intelligence-metrics strong,
  .visual-field-copy strong,
  .account-plan-row strong,
  .account-stripe-checkout strong
){letter-spacing:0!important}

.topbar{padding:20px 22px!important;border-radius:28px!important}
.topbar h1{font-size:clamp(34px,3.15vw,54px)!important;line-height:1!important;margin:9px 0 6px!important}
.topbar p{font-size:15px!important;line-height:1.5!important;max-width:720px!important}

.reader-identity-card{padding:22px!important}
.identity-top{grid-template-columns:auto minmax(0,1fr) minmax(245px,320px)!important;gap:20px!important}
.identity-badge,.bronze-badge{width:108px!important;height:108px!important}
.identity-main h2{font-size:clamp(36px,3.85vw,58px)!important;line-height:.98!important;margin:10px 0 8px!important}
.identity-main p{font-size:15px!important;line-height:1.5!important;max-width:620px!important}
.xp-card{margin-top:14px!important;padding:10px!important;border-radius:20px!important;max-width:650px!important}
.level-mini{width:58px!important;height:58px!important;border-radius:18px!important}
.level-mini strong{font-size:23px!important}
.daily-panel{padding:17px!important;border-radius:22px!important}
.daily-panel strong{font-size:24px!important;line-height:1.05!important}
.identity-metrics article{padding:14px!important;border-radius:18px!important}
.identity-metrics strong{font-size:20px!important;margin-top:5px!important}

.section-heading h2{font-size:28px!important;line-height:1.05!important}
.continue-training-section,.analytics-card,.sessions-card,.tool-card,.account-card{padding:22px!important}
.continue-tool-card{min-height:252px!important;padding:22px!important;border-radius:26px!important}
.continue-tool-copy h3{font-size:clamp(26px,2.25vw,34px)!important;line-height:1.05!important}
.tool-card h2,.account-card h2{font-size:28px!important;line-height:1.08!important}
.tool-card p,.account-card p{font-size:15px!important;line-height:1.55!important}

.tool-level-card,.tool-hero{padding:24px!important;min-height:190px!important}
.tool-level-card h2,.tool-hero h2{font-size:clamp(38px,3.65vw,58px)!important;line-height:1!important;margin:9px 0 7px!important}
.tool-level-card p,.tool-hero p{font-size:15px!important;line-height:1.55!important;max-width:710px!important}
.tool-level-progress{padding:12px!important;border-radius:22px!important}

.reading-intelligence-head h2,.visual-awareness-head h2{font-size:clamp(34px,3.2vw,50px)!important;line-height:1.02!important}
.overview-intelligence-card h2{font-size:clamp(30px,2.75vw,44px)!important;line-height:1.04!important}
.advanced-reading-copy h2,.advanced-visual-copy h2{font-size:clamp(26px,2.1vw,36px)!important;line-height:1.08!important}
.intelligence-card h2,.locked-preview-card h2{font-size:28px!important;line-height:1.08!important}
.stat-card strong{font-size:30px!important;line-height:1.05!important}
.momentum-summary strong{font-size:30px!important;line-height:1.05!important}
.intelligence-metrics strong{font-size:20px!important}
.visual-field-copy strong{font-size:24px!important;line-height:1.05!important}

.account-profile-main h2{font-size:clamp(36px,3.3vw,52px)!important;line-height:1!important}
.account-plan-row strong{font-size:21px!important}
.account-stripe-checkout strong{font-size:17px!important}

@media(max-width:720px){
  .topbar h1{font-size:34px!important}
  .identity-main h2,.tool-level-card h2,.tool-hero h2{font-size:36px!important}
  .reading-intelligence-head h2,.visual-awareness-head h2{font-size:32px!important}
  .continue-tool-copy h3{font-size:26px!important}
}


/* v1.3.59 Logout confirmation modal */
.logout-modal[hidden]{display:none!important}
.logout-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}
.logout-modal__backdrop{position:absolute;inset:0;background:rgba(0,4,12,.68);backdrop-filter:blur(18px)}
.logout-modal__dialog{position:relative;width:min(520px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.10);border-radius:30px;background:linear-gradient(145deg,rgba(18,27,44,.96),rgba(7,12,22,.98));box-shadow:0 36px 120px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.05);padding:28px;overflow:hidden}
.logout-modal__dialog::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 15% 0%,rgba(85,215,255,.16),transparent 42%),radial-gradient(circle at 100% 0%,rgba(198,132,72,.10),transparent 34%);pointer-events:none}
.logout-modal__icon,.logout-modal__copy,.logout-modal__actions{position:relative}
.logout-modal__icon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;margin-bottom:18px;background:linear-gradient(135deg,rgba(198,132,72,.9),rgba(85,215,255,.78));box-shadow:0 18px 52px rgba(85,215,255,.12);font-weight:950;color:#fff}
.logout-modal__copy h2{margin:12px 0 10px;font-size:clamp(28px,3vw,36px);line-height:.98;letter-spacing:0;color:#fff}
.logout-modal__copy p{margin:0;color:rgba(219,230,249,.72);font-size:15px;line-height:1.6;max-width:38rem}
.logout-modal__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}
.logout-modal__button{height:46px;border-radius:16px;padding:0 18px;border:1px solid rgba(255,255,255,.10);font-weight:900;cursor:pointer;transition:transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}
.logout-modal__button:hover{transform:translateY(-1px)}
.logout-modal__button--ghost{background:rgba(255,255,255,.035);color:rgba(235,242,255,.86)}
.logout-modal__button--ghost:hover{border-color:rgba(85,215,255,.20);color:#fff}
.logout-modal__button--danger{background:linear-gradient(135deg,rgba(92,24,36,.90),rgba(36,15,24,.94));border-color:rgba(255,120,140,.24);color:#ffdce2}
.logout-modal__button--danger:hover{border-color:rgba(255,142,160,.42);color:#fff}
body.logout-modal-open{overflow:hidden}
@media (max-width:560px){.logout-modal__dialog{padding:22px;border-radius:24px}.logout-modal__actions{display:grid}.logout-modal__button{width:100%}}

/* Overview polish: keep the level headline premium without overpowering the card. */
.identity-main h2{font-size:clamp(34px,3.45vw,54px)!important;line-height:1!important;letter-spacing:-.055em!important}

/* AutoByte 1.3.86 - Speed Reader dashboard copy hierarchy polish */
.tool-level-card--speed h2{
  font-size:clamp(34px,3.05vw,48px)!important;
  line-height:1.02!important;
  letter-spacing:-.018em!important;
}
.tool-level-card--speed p{
  max-width:640px!important;
  font-size:15px!important;
  line-height:1.55!important;
}
.reading-intelligence-head h2{
  font-size:clamp(32px,2.65vw,44px)!important;
  line-height:1.04!important;
  letter-spacing:-.018em!important;
}
.reading-intelligence-head p{
  max-width:680px!important;
  font-size:15px!important;
  line-height:1.58!important;
}
.reading-core-panel article strong{
  font-size:clamp(30px,2.45vw,42px)!important;
  line-height:1.02!important;
}
.reading-insight-strip article strong{
  font-size:clamp(22px,1.9vw,30px)!important;
  line-height:1.05!important;
}
@media(max-width:720px){
  .tool-level-card--speed h2{font-size:32px!important}
  .reading-intelligence-head h2{font-size:30px!important}
}

/* 1.3.90 unified dashboard title scale */
.tool-level-card h2,.tool-hero h2{font-size:clamp(36px,3.65vw,58px);line-height:.92;letter-spacing:-.065em}.reading-intelligence-head h2,.visual-awareness-head h2{font-size:clamp(34px,3.45vw,56px);line-height:.95;letter-spacing:-.06em}.advanced-reading-copy h2,.advanced-visual-copy h2{font-size:clamp(26px,2.35vw,36px);line-height:1.05;letter-spacing:-.045em}

.hidden-metric{display:none!important}
.advanced-visual-detail-grid span{display:block;min-height:78px}
.advanced-visual-detail-grid strong{display:block;color:var(--text);font-size:18px;line-height:1.15;letter-spacing:-.035em}
.advanced-visual-detail-grid small{display:block;margin-top:7px;color:var(--muted-2);font-size:13px;line-height:1.35;font-weight:650;letter-spacing:0;text-transform:none}

/* AutoByte dashboard title scale consistency */
.tool-level-card--speed h2,
.tool-level-card--peripheral h2{
  font-size:clamp(34px,3.05vw,48px)!important;
  line-height:1.02!important;
  letter-spacing:-.018em!important;
}
.tool-level-card--speed p,
.tool-level-card--peripheral p{
  max-width:640px!important;
  font-size:15px!important;
  line-height:1.55!important;
}
.reading-intelligence-head h2,
.visual-awareness-head h2{
  font-size:clamp(32px,2.65vw,44px)!important;
  line-height:1.04!important;
  letter-spacing:-.018em!important;
}
.reading-intelligence-head p,
.visual-awareness-head p{
  max-width:680px!important;
  font-size:15px!important;
  line-height:1.58!important;
}
@media(max-width:720px){
  .tool-level-card--speed h2,
  .tool-level-card--peripheral h2{font-size:32px!important}
  .reading-intelligence-head h2,
  .visual-awareness-head h2{font-size:30px!important}
}


/* AutoByte timeline history consistency pass */
.continue-tool-card,.stat-card,.analytics-card,.sessions-card,.intelligence-card,.locked-preview-card,.overview-intelligence-card,.training-timeline-card,.tool-card,.account-card{
  transition:transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease),box-shadow .22s var(--ease),opacity .22s var(--ease);
}
.analytics-card:hover,.sessions-card:hover,.intelligence-card:hover,.locked-preview-card:hover,.overview-intelligence-card:hover,.training-timeline-card:hover,.tool-card:hover,.account-card:hover{
  border-color:var(--line-strong);
  background:linear-gradient(180deg,rgba(255,255,255,.044),rgba(255,255,255,.016));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 70px rgba(0,0,0,.28);
}
.stat-card:hover,.continue-tool-card:hover,.tool-card:hover,.account-actions a:hover,.mini-toggle:hover,.manage-link:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 52px rgba(0,0,0,.24);
}
.stat-card:focus-within,.continue-tool-card:focus-within,.analytics-card:focus-within,.sessions-card:focus-within,.intelligence-card:focus-within,.locked-preview-card:focus-within,.overview-intelligence-card:focus-within,.training-timeline-card:focus-within,.tool-card:focus-within,.account-card:focus-within{
  border-color:rgba(85,215,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 3px rgba(85,215,255,.08),0 22px 70px rgba(0,0,0,.28);
}
.empty-state,.chart-empty{
  border-color:rgba(255,255,255,.105);
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));
  color:rgba(199,211,229,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.is-free .locked-free{
  border-color:rgba(198,132,72,.24);
  background:linear-gradient(180deg,rgba(198,132,72,.075),rgba(255,255,255,.012));
}
.is-free .locked-free:after{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(198,132,72,.08);
}
.intelligence-metrics article,.identity-metrics article,.continue-tool-metrics span,.locked-preview-grid span,.session-row,.account-actions a{
  transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);
}
.intelligence-metrics article:hover,.identity-metrics article:hover,.continue-tool-metrics span:hover,.locked-preview-grid span:hover,.session-row:hover,.account-actions a:hover{
  border-color:var(--line-strong);
  background:rgba(255,255,255,.042);
}
.session-row:hover{transform:translateY(-1px)}
.stat-card span,.intelligence-metrics span,.identity-metrics span:not(.metric-icon){
  color:rgba(160,174,197,.86);
}
.chart-day{transition:opacity .2s var(--ease),transform .2s var(--ease)}
.chart-day:hover{opacity:1;transform:translateY(-2px)}
.chart-day:not(:hover){opacity:.92}


/* v1.5.7 overview hero status card: remove duplicate premium/action CTA, keep existing dark premium design. */
.topbar-status-card{
  min-width:320px;
  max-width:430px;
  justify-self:end;
  display:flex!important;
  align-items:center;
  gap:18px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.085);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 58px rgba(0,0,0,.20);
}
.sync-orb{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:1px solid rgba(85,215,255,.20);
  background:
    radial-gradient(circle at 50% 50%,rgba(85,215,255,.28),rgba(85,215,255,.08) 42%,rgba(85,215,255,.025) 70%,transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));
  box-shadow:0 0 32px rgba(85,215,255,.12),inset 0 1px 0 rgba(255,255,255,.08);
}
.sync-orb span{
  width:18px;
  height:18px;
  border-radius:999px;
  border:4px solid rgba(210,247,255,.9);
  box-shadow:0 0 22px rgba(85,215,255,.34);
  position:relative;
}
.sync-orb span:after{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius:inherit;
  border:1px dashed rgba(85,215,255,.35);
}
.sync-divider{
  width:1px;
  height:54px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.16),transparent);
}
.sync-copy{display:grid;gap:5px;min-width:0}
.sync-copy strong{font-size:18px;line-height:1.1;letter-spacing:-.02em;color:#fff}
.sync-copy span{font-size:15px;line-height:1.35;color:var(--muted)}
@media(max-width:1380px){.topbar-status-card{justify-self:start;min-width:min(100%,320px)}}
@media(max-width:720px){.topbar-status-card{min-width:0;width:100%;padding:14px 15px}.sync-orb{width:48px;height:48px;flex-basis:48px}.sync-divider{height:44px}.sync-copy strong{font-size:16px}.sync-copy span{font-size:14px}}


/* AutoByte 1.5.7 - My Account / admin commercial polish
   Keep account actions compact and glassy; dashboard remains the design reference. */
.account-card--overview,
.account-card--membership,
.account-card--security{
  border-color:rgba(154,183,230,.115);
  background:
    radial-gradient(circle at 0% 0%, rgba(86,217,255,.045), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(198,132,72,.035), transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012));
}
.account-form-stack{
  align-items:start;
}
.account-action-btn,
.account-stripe-checkout .account-billing-action{
  width:max-content;
  max-width:100%;
  min-height:46px;
  justify-content:center;
  gap:10px;
  padding:0 18px;
  border-radius:17px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065);
}
.account-action-btn:hover,
.account-stripe-checkout .account-billing-action:hover{
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 48px rgba(85,217,255,.07);
}
.account-link--primary.account-action-btn{
  border-color:rgba(86,217,255,.22);
  color:rgba(236,249,255,.98);
  background:
    radial-gradient(circle at 0% 0%,rgba(86,217,255,.13),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
}
.account-link--security.account-action-btn{
  border-color:rgba(198,132,72,.26);
  color:rgba(255,226,190,.94);
  background:
    radial-gradient(circle at 0% 0%,rgba(198,132,72,.12),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.016));
}
.account-link--security.account-action-btn:hover{
  border-color:rgba(198,132,72,.38);
  background:
    radial-gradient(circle at 0% 0%,rgba(198,132,72,.16),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.02));
}
.account-overview-stat{
  border-color:rgba(154,183,230,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.account-overview-stat:nth-child(1){
  background:radial-gradient(circle at 0 0,rgba(86,217,255,.075),transparent 44%),linear-gradient(180deg,rgba(16,22,36,.92),rgba(8,12,22,.94));
}
.account-overview-stat:nth-child(2){
  background:radial-gradient(circle at 0 0,rgba(198,132,72,.075),transparent 44%),linear-gradient(180deg,rgba(16,22,36,.92),rgba(8,12,22,.94));
}
.account-overview-stat:nth-child(3){
  background:radial-gradient(circle at 0 0,rgba(86,243,181,.07),transparent 44%),linear-gradient(180deg,rgba(16,22,36,.92),rgba(8,12,22,.94));
}
@media(max-width:760px){
  .account-action-btn,
  .account-stripe-checkout .account-billing-action{width:100%;}
}
/* --------------------------------------------------------------------------
   AutoByte 4.7 - Visual Tracker overview density + AI clarity
   One source of truth for Visual Tracker overview cards, density and AI recommendation clarity.
   Keep this block singular: do not re-add old visual tracker override blocks.
   -------------------------------------------------------------------------- */
:root{
  --visual-mint:#6ff7dc;
  --visual-cyan:#45e7e2;
  --visual-line:rgba(111,247,220,.18);
  --visual-line-strong:rgba(111,247,220,.30);
  --visual-soft:rgba(69,231,226,.075);
}
.continue-training-grid--four{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}
.continue-tool-card--visual-warmup,
.continue-tool-card--ai-coach{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 80px rgba(69,231,226,.052);
}
.continue-tool-card--visual-warmup:after,
.continue-tool-card--ai-coach:after{
  content:"";
  position:absolute;
  inset:auto -16% -28% auto;
  width:360px;
  height:220px;
  border-radius:999px;
  filter:blur(38px);
  opacity:.36;
  pointer-events:none;
  background:rgba(69,231,226,.105);
}
.continue-tool-card--ai-coach{
  border-color:rgba(85,215,255,.15);
}
.continue-tool-card--visual-warmup .continue-tool-kicker,
.continue-tool-card--ai-coach .continue-tool-kicker,
.tool-level-card--visual-warmup .eyebrow.small.green,
.visual-warmup-surface .eyebrow.small.green{
  color:var(--visual-mint);
  border-color:var(--visual-line);
}
.continue-tool-card--visual-warmup .continue-tool-metrics span,
.continue-tool-card--speed .continue-tool-metrics span,
.continue-tool-card--peripheral .continue-tool-metrics span{
  min-height:86px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.continue-tool-card--visual-warmup .continue-tool-metrics strong,
.continue-tool-card--speed .continue-tool-metrics strong,
.continue-tool-card--peripheral .continue-tool-metrics strong{
  font-size:28px;
  line-height:1.02;
  word-break:normal;
}
.continue-tool-card--visual-warmup .continue-tool-metrics small,
.continue-tool-card--speed .continue-tool-metrics small,
.continue-tool-card--peripheral .continue-tool-metrics small{
  min-height:0;
}
.continue-coach-signal{
  align-self:end;
  min-height:92px;
  padding:14px;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.026);
  position:relative;
  z-index:1;
}
.continue-coach-signal span{
  display:inline-flex;
  width:max-content;
  color:var(--visual-mint);
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.continue-coach-signal strong{
  display:block;
  margin-top:9px;
  font-size:28px;
  line-height:1.02;
  letter-spacing:-.05em;
}
.continue-coach-signal small{
  display:block;
  margin-top:8px;
  color:var(--muted-2);
  font-size:13px;
  line-height:1.4;
  font-weight:750;
}
.momentum-summary--domains div{
  min-height:108px;
}
.tool-level-card--visual-warmup{
  min-height:190px;
  padding:24px;
  grid-template-columns:minmax(0,1fr) minmax(360px,.72fr) auto;
  gap:22px;
  align-items:center;
  background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012));
  border-color:var(--line);
  border-radius:var(--radius);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 95px rgba(69,231,226,.045);
}
.tool-level-card--visual-warmup:before{
  background:radial-gradient(circle at 12% 6%,rgba(69,231,226,.085),transparent 34%),radial-gradient(circle at 86% 10%,rgba(111,247,220,.065),transparent 36%);
}
.tool-level-card--visual-warmup .eyebrow.small.green,
.visual-warmup-surface .eyebrow.small.green{
  padding:7px 10px;
  font-size:10px;
  line-height:1;
  letter-spacing:.14em;
  background:rgba(69,231,226,.055);
  color:var(--visual-mint);
}
.tool-level-card--visual-warmup h2{
  font-size:clamp(34px,3.05vw,48px);
  line-height:1.02;
  letter-spacing:-.018em;
  margin:9px 0 7px;
}
.tool-level-card--visual-warmup p{
  max-width:640px;
  font-size:15px;
  line-height:1.55;
  margin:0;
}
.tool-level-card--visual-warmup .visual-warmup-progress{
  min-height:auto;
  padding:12px;
  border-radius:22px;
  border-color:var(--line);
  background:rgba(255,255,255,.026);
}
.tool-level-card--visual-warmup .level-mini{
  width:70px;
  height:70px;
  border-radius:20px;
  background:rgba(69,231,226,.07);
  border-color:var(--visual-line);
}
.tool-level-card--visual-warmup .level-mini strong{
  font-size:28px;
}
.tool-level-card--visual-warmup .xp-copy{
  align-items:center;
}
.tool-level-card--visual-warmup .xp-copy strong,
.tool-level-card--visual-warmup .xp-copy span{
  font-size:16px;
  line-height:1.35;
}
.tool-level-card--visual-warmup .primary-action{
  height:48px;
  min-height:48px;
  padding:0 18px;
  border-radius:15px;
  align-self:center;
}
.tool-level-card--visual-warmup .progress-track--green span{
  background:linear-gradient(90deg,var(--visual-mint),var(--visual-cyan));
}
.visual-warmup-surface{
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 90px rgba(69,231,226,.035);
}
.visual-warmup-surface:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:radial-gradient(circle at 14% 8%,rgba(69,231,226,.062),transparent 34%),radial-gradient(circle at 88% 10%,rgba(111,247,220,.045),transparent 36%);
}
.visual-warmup-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:24px;
  margin-bottom:20px;
}
.visual-warmup-head h2{
  font-size:clamp(32px,2.75vw,46px);
  line-height:1.02;
  letter-spacing:-.035em;
  margin:9px 0 7px;
}
.visual-warmup-head p{
  max-width:700px;
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}
.visual-warmup-signal{
  min-width:0;
  min-height:132px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:left;
  padding:18px 20px;
  border:1px solid rgba(69,231,226,.20);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(69,231,226,.048),rgba(255,255,255,.014));
}
.visual-warmup-signal span{
  display:block;
  color:var(--visual-mint);
  font-size:11px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.visual-warmup-signal strong{
  display:block;
  margin-top:8px;
  font-size:38px;
  line-height:1;
  letter-spacing:-.055em;
}
.visual-warmup-signal small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}
.visual-warmup-strip{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:0;
}
.visual-warmup-strip article{
  min-height:96px;
  padding:15px 18px;
  border-radius:24px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012));
}
.visual-warmup-strip article span{
  display:block;
  color:var(--muted-2);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.visual-warmup-strip article strong{
  display:block;
  margin-top:12px;
  font-size:30px;
  line-height:1;
  letter-spacing:-.06em;
}
.visual-warmup-strip article small{
  display:block;
  margin-top:9px;
  color:var(--muted-2);
  font-size:12px;
  font-weight:750;
  line-height:1.35;
}
.visual-warmup-coach{
  position:relative;
  z-index:1;
  margin-top:14px;
  padding:16px 18px;
  border:1px solid rgba(69,231,226,.14);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(69,231,226,.035),rgba(255,255,255,.012));
}
.visual-warmup-coach span{
  display:block;
  color:var(--muted-2);
  font-size:11px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.visual-warmup-coach strong{
  display:block;
  margin-top:7px;
  font-size:20px;
  line-height:1.15;
  letter-spacing:-.025em;
}
.visual-warmup-coach p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

.continue-tool-card--visual-warmup .continue-tool-metrics strong,
.continue-tool-card--speed .continue-tool-metrics strong,
.continue-tool-card--peripheral .continue-tool-metrics strong{
  white-space:nowrap;
}
.continue-tool-card--visual-warmup .continue-tool-metrics span,
.continue-tool-card--speed .continue-tool-metrics span,
.continue-tool-card--peripheral .continue-tool-metrics span{
  padding:14px 15px;
}
@media(max-width:1380px){
  .continue-training-grid--four{grid-template-columns:1fr;}
  .tool-level-card--visual-warmup{grid-template-columns:1fr;}
  .visual-warmup-head{grid-template-columns:1fr;}
  .visual-warmup-signal{max-width:360px;}
}
@media(max-width:900px){
  .visual-warmup-strip{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .tool-level-card--visual-warmup h2,
  .visual-warmup-head h2{font-size:32px;}
}


.overview-intelligence-grid--single{grid-template-columns:minmax(0,1fr);}
.overview-intelligence-grid--single .combined-momentum-card{min-height:260px;}


/* AutoByte 4.9 - brand mark refresh. New transparent A mark replaces legacy gradient letter tile. */

/* AutoByte v5.0 - Dashboard sidebar expandable navigation */
.sidebar-nav::-webkit-scrollbar{width:5px}
.sidebar-nav::-webkit-scrollbar-track{background:transparent}
.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(86,243,181,.26);border-radius:99px}
.nav-group-toggle{
  width:100%;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 12px;
  border:0;
  background:transparent;
  color:var(--muted-2);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.16em;
  cursor:pointer;
}
.nav-group-toggle strong{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
  color:rgba(225,235,250,.58);
  font-size:13px;
  line-height:1;
  transform:rotate(0deg);
  transition:transform .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease);
}
.nav-group-toggle:hover{color:rgba(225,235,250,.72)}
.nav-group-toggle:hover strong{color:#fff;border-color:var(--line-strong)}
.nav-group-panel{
  display:grid;
  gap:7px;
  overflow:hidden;
  max-height:340px;
  opacity:1;
  transform:translateY(0);
  transition:max-height .28s var(--ease),opacity .22s var(--ease),transform .22s var(--ease);
}
.nav-group--collapsed .nav-group-panel{
  max-height:0;
  opacity:0;
  pointer-events:none;
  transform:translateY(-4px);
}
.nav-group--collapsed .nav-group-toggle strong{transform:rotate(-90deg)}
.sidebar-bottom .sidebar-user{margin-bottom:12px}
.sidebar-logout span{display:inline-flex;align-items:center;margin-right:5px;color:inherit}
@media(max-height:860px) and (min-width:1381px){
  .sidebar{padding:14px}
  .sidebar-scroll-area{gap:14px}
  .sidebar-brand{height:52px}
  .nav-item{height:40px;border-radius:14px}
  .nav-group-panel{gap:5px}
  .sidebar-bottom{padding:10px}
  .sidebar-user{margin-bottom:8px}
  .sidebar-logout{height:38px}
}
@media(max-width:1380px){
  .sidebar-nav{overflow:visible}
}


/* AutoByte v5.2 - sidebar, visual stabilization and overview alignment */
.sidebar-scroll-area{
  gap:16px;
}
.sidebar-nav{
  gap:15px;
}
.nav-group-toggle{
  width:100%;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 12px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--muted-2);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.16em;
  cursor:pointer;
  outline:none;
  transition:color .2s var(--ease);
}
.nav-group-toggle strong{
  width:auto;
  height:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:rgba(202,215,235,.48);
  font-size:13px;
  line-height:1;
  font-weight:900;
  transform:rotate(0deg);
  transition:transform .22s var(--ease),color .22s var(--ease),opacity .22s var(--ease);
}
.nav-group-toggle:hover{
  color:rgba(225,235,250,.72);
}
.nav-group-toggle:hover strong{
  color:rgba(118,255,220,.86);
}
.nav-group-toggle:focus-visible{
  color:#fff;
}
.nav-group--collapsed .nav-group-toggle strong{
  transform:rotate(-90deg);
  color:rgba(202,215,235,.38);
}
.nav-group-panel{
  display:grid;
  gap:7px;
  overflow:hidden;
  max-height:340px;
  opacity:1;
  transform:translateY(0);
  padding-top:0;
  transition:max-height .28s var(--ease),opacity .22s var(--ease),transform .22s var(--ease);
}
.nav-group--collapsed .nav-group-panel{
  max-height:0;
  opacity:0;
  pointer-events:none;
  transform:translateY(-4px);
}
.sidebar-bottom{
  padding:10px;
}
.sidebar-user{
  margin-bottom:8px;
}
.sidebar-logout{
  height:38px;
  color:rgba(255,135,150,.9);
  border-color:rgba(255,96,118,.24);
  background:transparent;
}
.sidebar-logout:hover{
  color:rgba(255,226,230,.98);
  border-color:rgba(255,96,118,.42);
  background:rgba(255,96,118,.032);
}
.sidebar-logout span{
  display:inline-flex;
  align-items:center;
  margin-right:5px;
  color:inherit;
}
.continue-training-grid--four{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}
.continue-tool-card{
  min-height:248px!important;
  padding:22px!important;
  grid-template-rows:auto auto auto;
  gap:18px;
}
.continue-tool-metrics{
  align-self:start;
}
.continue-tool-card--visual-warmup .continue-tool-metrics span,
.continue-tool-card--speed .continue-tool-metrics span,
.continue-tool-card--peripheral .continue-tool-metrics span{
  min-height:78px!important;
  padding:13px 14px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.continue-tool-card--visual-warmup .continue-tool-metrics strong,
.continue-tool-card--speed .continue-tool-metrics strong,
.continue-tool-card--peripheral .continue-tool-metrics strong{
  font-size:26px!important;
  line-height:1.02!important;
  letter-spacing:-.045em;
}
.continue-tool-card--visual-warmup .continue-tool-metrics small,
.continue-tool-card--speed .continue-tool-metrics small,
.continue-tool-card--peripheral .continue-tool-metrics small{
  margin-top:5px!important;
  min-height:0!important;
}
.continue-coach-signal{
  min-height:78px;
  padding:13px 14px;
}
.continue-coach-signal strong{
  font-size:26px;
}
.overview-intelligence-grid--single .combined-momentum-card{
  min-height:236px;
}
.momentum-summary--domains div{
  min-height:92px;
  padding:14px;
}
.momentum-summary--domains strong{
  font-size:28px;
}
.visual-warmup-surface{
  gap:18px;
}
.visual-warmup-readiness{
  min-height:150px;
}
.visual-warmup-metrics article{
  min-height:128px;
}
.visual-warmup-coach{
  min-height:104px;
}
@media(max-height:860px) and (min-width:1381px){
  .sidebar{padding:14px}
  .sidebar-scroll-area{gap:13px}
  .sidebar-brand{height:52px}
  .nav-group-toggle{height:26px}
  .nav-item{height:40px;border-radius:14px}
  .nav-group-panel{gap:5px}
  .sidebar-bottom{padding:9px}
  .sidebar-logout{height:36px}
}
@media(max-width:1380px){
  .sidebar-nav{overflow:visible}
  .continue-training-grid--four{grid-template-columns:1fr}
}

/* =========================================================
   AutoByte Dashboard v6.2 - AI Coach hero alignment repair
   Purpose: stable two-column coach hero, matched pill spacing,
   compact XP row and non-overlapping right panel.
   ========================================================= */
.reader-identity-card--ai-coach{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(343px,440px);
  grid-template-rows:auto auto auto;
  column-gap:44px;
  row-gap:20px;
  padding:42px 46px 38px;
  border-radius:30px;
}
.identity-top--ai-coach{
  display:contents;
}
.identity-main--coach{
  grid-column:1;
  grid-row:1;
  min-width:0;
  max-width:820px;
  padding-top:6px;
}
.identity-main--coach .eyebrow.small{
  min-height:32px;
  padding:8px 12px;
  font-size:11px;
  line-height:1;
}
.identity-main--coach h2{
  max-width:820px;
  margin:22px 0 22px;
  font-size:48px!important;
  line-height:.98!important;
  letter-spacing:-.067em!important;
}
.identity-main--coach p{
  max-width:760px;
  margin:0 0 24px;
  color:var(--muted);
  font-size:18px;
  line-height:1.6;
}
.identity-main--coach .identity-start{
  width:min(100%,430px);
  min-width:0;
  height:56px;
  justify-content:space-between;
  padding:0 28px;
  border-radius:18px;
}
.daily-panel--coach{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  justify-self:end;
  display:flex!important;
  flex-direction:column;
  gap:22px;
  width:100%;
  max-width:440px;
  min-width:343px;
  min-height:331px;
  padding:28px 32px!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  overflow:hidden;
}
.daily-level-row{
  display:grid;
  grid-template-columns:116px minmax(170px,1fr);
  gap:22px;
  align-items:center;
  min-width:0;
}
.daily-panel--coach .identity-badge,
.daily-panel--coach .bronze-badge{
  width:116px!important;
  height:116px!important;
}
.daily-level-copy{
  min-width:170px;
}
.daily-level-copy span,
.daily-panel--coach>span{
  display:block;
  color:var(--muted-2);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.daily-level-copy strong{
  display:block;
  margin:8px 0 4px;
  color:#fff;
  font-size:28px;
  line-height:1;
  white-space:nowrap;
}
.daily-level-copy small{
  display:block;
  color:#fff;
  font-size:24px;
  font-weight:900;
  line-height:1.1;
  white-space:nowrap;
}
.daily-level-copy em{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-size:18px;
  font-style:normal;
  white-space:nowrap;
}
.daily-divider{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
}
.daily-panel--coach strong#todayTraining{
  margin:4px 0 0;
  font-size:34px;
  line-height:1.1;
}
.daily-panel--coach p{
  max-width:320px;
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.55;
}
.xp-card--hero{
  grid-column:1;
  grid-row:2;
  width:min(100%,820px);
  max-width:820px;
  margin:0;
  padding:12px;
  border-radius:24px;
}
.xp-card--hero .level-mini{
  width:74px;
  height:74px;
}
.xp-card--hero .xp-copy{
  align-items:center;
  font-size:18px;
}
.reader-identity-card--ai-coach .identity-metrics{
  grid-column:1 / -1;
  grid-row:3;
  margin-top:8px;
}
.continue-training-grid--three{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.continue-training-grid--three .continue-tool-card{
  min-height:420px;
}
.continue-training-grid--three .continue-tool-metrics span{
  min-height:112px;
}
@media(max-width:1380px){
  .reader-identity-card--ai-coach{
    grid-template-columns:1fr;
    row-gap:24px;
  }
  .identity-top--ai-coach{display:contents}
  .identity-main--coach{grid-column:1;grid-row:1;max-width:none}
  .daily-panel--coach{
    grid-column:1;
    grid-row:2;
    max-width:none;
    min-width:0;
    min-height:auto;
    justify-self:stretch;
    align-self:stretch;
  }
  .xp-card--hero{grid-column:1;grid-row:3;width:100%;max-width:none}
  .reader-identity-card--ai-coach .identity-metrics{grid-column:1;grid-row:4}
  .continue-training-grid--three{grid-template-columns:1fr}
}
@media(max-width:720px){
  .reader-identity-card--ai-coach{padding:26px 20px}
  .identity-main--coach h2{font-size:42px!important;max-width:100%}
  .identity-main--coach .identity-start{min-width:0;width:100%}
  .daily-level-row{grid-template-columns:86px minmax(0,1fr);gap:16px}
  .daily-panel--coach .identity-badge,
  .daily-panel--coach .bronze-badge{width:86px!important;height:86px!important}
  .daily-level-copy{min-width:0}
  .daily-level-copy small{white-space:normal}
  .daily-level-copy em{white-space:normal}
}


/* =========================================================
   AutoByte v6.5 - Continue Training header alignment only
   Base: v6.2 AI hero repair. Do not alter AI Coach hero.
   Purpose: left pill, centered title, no Primary tools label.
   ========================================================= */
.continue-training-section .dashboard-flow-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:18px!important;
  width:100%!important;
  margin-bottom:16px!important;
  text-align:initial!important;
}
.continue-training-section .dashboard-flow-heading>div{
  display:contents!important;
}
.continue-training-section .dashboard-flow-heading .eyebrow.small{
  grid-column:1!important;
  justify-self:start!important;
  margin:0!important;
}
.continue-training-section .dashboard-flow-heading h2{
  grid-column:2!important;
  justify-self:center!important;
  margin:0!important;
  text-align:center!important;
}
.continue-training-section .dashboard-flow-heading>span{
  display:none!important;
}
.continue-training-section .continue-training-grid--three{
  margin-top:0!important;
}
@media(max-width:720px){
  .continue-training-section .dashboard-flow-heading{
    grid-template-columns:1fr!important;
    row-gap:10px!important;
    text-align:left!important;
  }
  .continue-training-section .dashboard-flow-heading>div{
    display:block!important;
  }
  .continue-training-section .dashboard-flow-heading .eyebrow.small,
  .continue-training-section .dashboard-flow-heading h2{
    grid-column:1!important;
    justify-self:start!important;
    text-align:left!important;
  }
}

/* =========================================================
   AutoByte v6.11 - AI Coach prestige level panel
   Purpose: remove duplicate long XP row and move progression into
   the right coach panel with a winged level badge.
   ========================================================= */
.reader-identity-card--ai-coach{
  grid-template-columns:minmax(0,1fr) minmax(390px,520px)!important;
  column-gap:44px!important;
}
.identity-main--coach h2{
  font-size:48px!important;
  line-height:.98!important;
  letter-spacing:0!important;
}
.daily-panel--coach{
  max-width:520px!important;
  min-width:390px!important;
  min-height:0!important;
  padding:28px 32px 30px!important;
  gap:22px!important;
}
.daily-level-row--prestige{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:center!important;
}
.daily-panel--coach .identity-badge--winged,
.daily-panel--coach .winged-level-badge{
  width:230px!important;
  height:138px!important;
}
.winged-level-badge{
  display:block;
  overflow:visible;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.42)) drop-shadow(0 0 24px rgba(216,155,78,.16));
}
.daily-level-copy--prestige{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.daily-level-copy--prestige span:first-child{
  color:#f7fbff!important;
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  text-shadow:0 0 20px rgba(85,215,255,.18);
}
.daily-level-copy--prestige small{
  margin-top:18px!important;
  color:#f6f8ff!important;
  font-size:34px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
.daily-level-progress-track{
  width:100%;
  max-width:236px;
  height:10px;
  margin-top:18px;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.daily-level-progress-track span{
  display:block;
  width:0%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--copper),var(--cyan));
  transition:width .45s var(--ease);
}
.daily-level-copy--prestige em{
  margin-top:12px!important;
  color:var(--muted)!important;
  font-size:16px!important;
  line-height:1.3!important;
  white-space:normal!important;
}
.xp-card--hero{
  display:none!important;
}
.reader-identity-card--ai-coach .identity-metrics{
  grid-column:1 / -1!important;
  grid-row:2!important;
  margin-top:10px!important;
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:1380px){
  .reader-identity-card--ai-coach{
    grid-template-columns:1fr!important;
  }
  .daily-panel--coach{
    max-width:none!important;
    min-width:0!important;
  }
  .reader-identity-card--ai-coach .identity-metrics{
    grid-row:3!important;
  }
}
@media(max-width:720px){
  .daily-level-row--prestige{
    grid-template-columns:1fr!important;
    justify-items:start!important;
  }
  .daily-panel--coach .identity-badge--winged,
  .daily-panel--coach .winged-level-badge{
    width:210px!important;
    height:126px!important;
  }
  .daily-level-copy--prestige small{
    font-size:28px!important;
  }
}

/* =========================================================
   AutoByte v6.12 - AI Coach prestige panel grid lock
   Purpose: keep the level/recommendation panel in the first hero row
   so it can never overlap the metric cards below.
   ========================================================= */
.reader-identity-card--ai-coach{
  grid-template-rows:auto auto!important;
  row-gap:28px!important;
}
.reader-identity-card--ai-coach .identity-top--ai-coach{
  display:contents!important;
}
.reader-identity-card--ai-coach .identity-main--coach{
  grid-column:1!important;
  grid-row:1!important;
}
.reader-identity-card--ai-coach .daily-panel--coach{
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:end!important;
}
.reader-identity-card--ai-coach .identity-metrics{
  grid-column:1 / -1!important;
  grid-row:2!important;
  margin-top:0!important;
  position:relative!important;
  z-index:1!important;
}
.daily-panel--coach{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:1380px){
  .reader-identity-card--ai-coach{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
  }
  .reader-identity-card--ai-coach .daily-panel--coach{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:stretch!important;
    align-self:start!important;
  }
  .reader-identity-card--ai-coach .identity-metrics{
    grid-column:1!important;
    grid-row:3!important;
  }
}

/* =========================================================
   AutoByte v6.13 - AI Coach prestige panel compression
   Purpose: reduce dead air in the coach hero, keep the winged
   level panel fully inside the hero row, and pull the metric cards
   closer without changing the approved structure.
   ========================================================= */
.reader-identity-card--ai-coach{
  row-gap:18px!important;
  padding-bottom:30px!important;
}
.reader-identity-card--ai-coach .identity-metrics{
  margin-top:0!important;
}
.identity-main--coach p{
  margin-bottom:22px!important;
}
.identity-main--coach .identity-start{
  height:54px!important;
}
.daily-panel--coach{
  padding:22px 30px 24px!important;
  gap:15px!important;
}
.daily-level-row--prestige{
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:center!important;
}
.daily-panel--coach .identity-badge--winged,
.daily-panel--coach .winged-level-badge{
  width:220px!important;
  height:132px!important;
}
.daily-level-copy--prestige span:first-child{
  font-size:17px!important;
}
.daily-level-copy--prestige small{
  margin-top:14px!important;
  font-size:32px!important;
}
.daily-level-progress-track{
  height:9px!important;
  margin-top:14px!important;
  max-width:224px!important;
}
.daily-level-copy--prestige em{
  margin-top:10px!important;
  font-size:15px!important;
}
.daily-divider{
  margin:0!important;
}
.daily-panel--coach>span{
  margin-top:0!important;
}
.daily-panel--coach strong#todayTraining{
  margin:0!important;
  font-size:30px!important;
  line-height:1.05!important;
}
.daily-panel--coach p{
  max-width:360px!important;
  font-size:16px!important;
  line-height:1.45!important;
}
@media(max-width:720px){
  .daily-panel--coach{
    padding:22px 24px!important;
  }
  .daily-panel--coach .identity-badge--winged,
  .daily-panel--coach .winged-level-badge{
    width:200px!important;
    height:120px!important;
  }
  .daily-level-copy--prestige small{
    font-size:28px!important;
  }
}

/* =========================================================
   AutoByte v6.14 - Continue Training visual style restore
   Purpose: keep the approved v6.13 AI Coach hero, but restore the
   tool-color system and compact metric typography that regressed in
   Continue Training.
   ========================================================= */
:root{
  --tool-visual:var(--visual-mint,#6ff7dc);
  --tool-visual-2:var(--visual-cyan,#45e7e2);
  --tool-speed:#f0b35f;
  --tool-speed-2:var(--copper,#c68448);
  --tool-peripheral:var(--green,#56f3b5);
  --tool-peripheral-2:#42d9ff;
}
.continue-training-section .dashboard-flow-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:18px!important;
  width:100%!important;
  margin-bottom:16px!important;
  text-align:initial!important;
}
.continue-training-section .dashboard-flow-heading>div{display:contents!important;}
.continue-training-section .dashboard-flow-heading .eyebrow.small{
  grid-column:1!important;
  justify-self:start!important;
  margin:0!important;
}
.continue-training-section .dashboard-flow-heading h2{
  grid-column:2!important;
  justify-self:center!important;
  text-align:center!important;
  margin:0!important;
  letter-spacing:0!important;
}
.continue-training-section .dashboard-flow-heading>span{display:none!important;}
.continue-training-section .continue-training-grid--three{
  margin-top:0!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
}
.continue-tool-copy h3{letter-spacing:0!important;}
.continue-tool-card--visual-warmup .continue-tool-kicker{color:var(--tool-visual)!important;}
.continue-tool-card--speed .continue-tool-kicker{color:var(--tool-speed)!important;}
.continue-tool-card--peripheral .continue-tool-kicker{color:var(--tool-peripheral)!important;}
.continue-tool-card--visual-warmup{
  border-color:rgba(111,247,220,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 78px rgba(69,231,226,.07)!important;
}
.continue-tool-card--speed{
  border-color:rgba(240,179,95,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 78px rgba(198,132,72,.08)!important;
}
.continue-tool-card--peripheral{
  border-color:rgba(86,243,181,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 78px rgba(86,243,181,.08)!important;
}
.continue-tool-card--visual-warmup:after{background:rgba(69,231,226,.12)!important;}
.continue-tool-card--speed:after{background:rgba(198,132,72,.16)!important;}
.continue-tool-card--peripheral:after{background:rgba(86,243,181,.13)!important;}
.continue-training-grid--three .continue-tool-metrics{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
}
.continue-training-grid--three .continue-tool-metrics span{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  min-height:88px!important;
  padding:14px 10px 13px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.continue-tool-card--visual-warmup .continue-tool-metrics span{
  border-color:rgba(111,247,220,.16)!important;
  background:linear-gradient(180deg,rgba(111,247,220,.055),rgba(255,255,255,.015))!important;
}
.continue-tool-card--speed .continue-tool-metrics span{
  border-color:rgba(240,179,95,.15)!important;
  background:linear-gradient(180deg,rgba(198,132,72,.055),rgba(255,255,255,.015))!important;
}
.continue-tool-card--peripheral .continue-tool-metrics span{
  border-color:rgba(86,243,181,.15)!important;
  background:linear-gradient(180deg,rgba(86,243,181,.05),rgba(255,255,255,.015))!important;
}
.continue-training-grid--three .continue-tool-metrics strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:20px!important;
  line-height:1.02!important;
  letter-spacing:0!important;
}
.continue-tool-card--visual-warmup .continue-tool-metrics strong{color:var(--tool-visual)!important;}
.continue-tool-card--speed .continue-tool-metrics strong{color:#ffd08f!important;}
.continue-tool-card--peripheral .continue-tool-metrics strong{color:var(--tool-peripheral)!important;}
.continue-training-grid--three .continue-tool-metrics small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:7px!important;
  overflow:visible!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  font-size:11px!important;
  line-height:1.18!important;
  letter-spacing:0!important;
}
.continue-tool-card--visual-warmup .continue-tool-action{
  color:#fff!important;
  border-color:rgba(111,247,220,.34)!important;
  background:linear-gradient(180deg,rgba(111,247,220,.13),rgba(69,231,226,.055))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 28px rgba(69,231,226,.10)!important;
}
.continue-tool-card--speed .continue-tool-action{
  color:#fff!important;
  border-color:rgba(240,179,95,.34)!important;
  background:linear-gradient(180deg,rgba(198,132,72,.14),rgba(198,132,72,.05))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 28px rgba(198,132,72,.10)!important;
}
.continue-tool-card--peripheral .continue-tool-action{
  color:#fff!important;
  border-color:rgba(86,243,181,.32)!important;
  background:linear-gradient(180deg,rgba(86,243,181,.12),rgba(66,217,255,.045))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 28px rgba(86,243,181,.09)!important;
}
.continue-tool-card--visual-warmup .continue-tool-action span{color:var(--tool-visual)!important;}
.continue-tool-card--speed .continue-tool-action span{color:var(--tool-speed)!important;}
.continue-tool-card--peripheral .continue-tool-action span{color:var(--tool-peripheral)!important;}
.continue-tool-card--visual-warmup .continue-tool-action:hover,
.continue-tool-card--speed .continue-tool-action:hover,
.continue-tool-card--peripheral .continue-tool-action:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
}
@media(max-width:1480px) and (min-width:721px){
  .continue-training-grid--three .continue-tool-metrics{gap:10px!important;}
  .continue-training-grid--three .continue-tool-metrics span{padding-inline:9px!important;}
  .continue-training-grid--three .continue-tool-metrics strong{font-size:18px!important;}
  .continue-training-grid--three .continue-tool-metrics small{font-size:10.5px!important;}
}
@media(max-width:1240px) and (min-width:721px){
  .continue-training-section .continue-training-grid--three{grid-template-columns:1fr!important;}
  .continue-training-grid--three .continue-tool-metrics strong{font-size:22px!important;}
  .continue-training-grid--three .continue-tool-metrics small{font-size:12px!important;}
}
@media(max-width:720px){
  .continue-training-section .dashboard-flow-heading{
    grid-template-columns:1fr!important;
    row-gap:10px!important;
    justify-items:center!important;
    text-align:center!important;
  }
  .continue-training-section .dashboard-flow-heading .eyebrow.small,
  .continue-training-section .dashboard-flow-heading h2{
    grid-column:1!important;
    justify-self:center!important;
  }
  .continue-training-section .continue-training-grid--three{grid-template-columns:1fr!important;}
}

/* v6.20 Visual Tracker intelligence expansion */
.visual-readiness-intelligence{
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 90px rgba(69,231,226,.032);
}
.visual-readiness-intelligence:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:radial-gradient(circle at 14% 8%,rgba(69,231,226,.055),transparent 34%),radial-gradient(circle at 88% 12%,rgba(111,247,220,.04),transparent 36%);
}
.visual-readiness-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:24px;
  align-items:start;
  margin-bottom:20px;
}
.visual-readiness-head h2{
  margin:9px 0 7px;
  max-width:740px;
  font-size:clamp(30px,2.55vw,42px);
  line-height:1.03;
  letter-spacing:0;
}
.visual-readiness-head p{
  max-width:780px;
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.58;
}
.visual-readiness-window{
  min-height:122px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px 20px;
  border:1px solid rgba(69,231,226,.19);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(69,231,226,.045),rgba(255,255,255,.012));
}
.visual-readiness-window span,
.visual-readiness-grid article span,
.visual-readiness-coach-grid article span{
  display:block;
  color:var(--muted-2);
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.visual-readiness-window strong{
  display:block;
  margin-top:9px;
  font-size:30px;
  line-height:1;
  letter-spacing:-.04em;
}
.visual-readiness-window small,
.visual-readiness-grid article small,
.visual-readiness-coach-grid article small{
  display:block;
  margin-top:10px;
  color:var(--muted-2);
  font-size:13px;
  font-weight:750;
  line-height:1.38;
}
.visual-readiness-grid,
.visual-readiness-coach-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.visual-readiness-coach-grid{
  margin-top:14px;
}
.visual-readiness-grid article,
.visual-readiness-coach-grid article{
  min-height:126px;
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012));
}
.visual-readiness-grid article strong,
.visual-readiness-coach-grid article strong{
  display:block;
  margin-top:14px;
  font-size:30px;
  line-height:1;
  letter-spacing:0;
}
.visual-readiness-coach-grid article{
  border-color:rgba(69,231,226,.15);
  background:linear-gradient(180deg,rgba(69,231,226,.028),rgba(255,255,255,.012));
}
@media(max-width:1100px){
  .visual-readiness-head{grid-template-columns:1fr;}
  .visual-readiness-window{max-width:360px;}
  .visual-readiness-grid,.visual-readiness-coach-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:720px){
  .visual-readiness-grid,.visual-readiness-coach-grid{grid-template-columns:1fr;}
}

/* v6.21.1 Visual Tracker AI Coach hierarchy lock */
.visual-ai-coach{
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid rgba(69,231,226,.16);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(69,231,226,.032),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 90px rgba(69,231,226,.028);
}
.visual-ai-coach:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:radial-gradient(circle at 12% 10%,rgba(69,231,226,.06),transparent 34%),radial-gradient(circle at 84% 18%,rgba(111,247,220,.038),transparent 36%);
}
.visual-ai-coach-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:24px;
  align-items:start;
  margin-bottom:18px;
}
.visual-ai-coach-head h2{
  margin:9px 0 7px;
  max-width:760px;
  font-size:clamp(30px,2.45vw,40px);
  line-height:1.04;
  letter-spacing:0;
}
.visual-ai-coach-head p{
  max-width:780px;
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.58;
}
.visual-ai-coach-grid article.visual-ai-coach-confidence{
  border-color:rgba(69,231,226,.22);
  background:linear-gradient(180deg,rgba(69,231,226,.045),rgba(255,255,255,.012));
}
.visual-ai-coach-grid article span{
  display:block;
  color:var(--muted-2);
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.visual-ai-coach-grid article small{
  display:block;
  margin-top:10px;
  color:var(--muted-2);
  font-size:13px;
  font-weight:750;
  line-height:1.38;
}
.visual-ai-coach-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.visual-ai-coach-grid article{
  min-height:132px;
  padding:18px 20px;
  border:1px solid rgba(69,231,226,.15);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(69,231,226,.028),rgba(255,255,255,.012));
}
.visual-ai-coach-grid article strong{
  display:block;
  margin-top:14px;
  font-size:28px;
  line-height:1.05;
  letter-spacing:0;
}
@media(max-width:1250px){
  .visual-ai-coach-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:1100px){
  .visual-ai-coach-head{grid-template-columns:1fr;}
  .visual-ai-coach-grid{grid-template-columns:1fr;}
}