/* The original stylesheets remain untouched; V2 is enabled only when selected. */
:root{--score-overall:#3154d5;--score-varc:#007b68;--score-dilr:#c13d18;--score-qa:#7133c4}
:root[data-design="classic"]{--score-overall:#d6fc54;--score-varc:#63dacc;--score-dilr:#ff9772;--score-qa:#b9a3ff;--faint:#79836e;--blue:var(--lime);--yellow:var(--lime)}
html:not([data-design="classic"]) [data-design-only="classic"],html[data-design="classic"] [data-design-only="v2"]{display:none!important}
.design-switch{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:44px;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font:500 .875rem/1.4 var(--body);white-space:nowrap;cursor:pointer;touch-action:manipulation}
.design-switch:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.design-switch-track{width:34px;height:20px;padding:3px;background:#3154d5;border-radius:20px;display:inline-flex;align-items:center}
.design-switch-track::after{content:'';display:block;width:14px;height:14px;border-radius:50%;background:#fff;transform:translateX(14px);transition:transform .15s}
.design-switch[aria-checked="true"] .design-v2,.design-switch[aria-checked="false"] .design-classic{color:var(--text);font-weight:700}
html[data-design="classic"] .design-switch{border-radius:0}
html[data-design="classic"] .design-switch-track{background:var(--lime)}
html[data-design="classic"] .design-switch-track::after{background:var(--bg);transform:translateX(0)}
.atlasbar{flex-wrap:wrap;gap:18px}
.atlasbar .atlas-nav{margin-left:auto}
.classic-header.masthead{height:auto;min-height:88px;display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line)}
.classic-header .global-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-left:auto}
.classic-header .global-nav a{padding:10px 14px;text-decoration:none;font:400 .875rem/1.5 var(--body);color:var(--muted);border:1px solid transparent}
.classic-header .global-nav a[aria-current="page"]{color:var(--lime);border-color:var(--line);background:var(--surface)}
.classic-header .global-nav a:hover{color:var(--text)}
.skip-link{position:absolute;left:16px;top:-80px;z-index:100;background:var(--lime);color:var(--bg);padding:12px 18px}
.skip-link:focus{top:12px}
/* The new planner uses the original dark palette and condensed type in Classic. */
html[data-design="classic"] .planning-page .intro{margin:28px 0 24px}
html[data-design="classic"] .planning-page h2{font:600 1.9rem/1.2 var(--display);letter-spacing:0}
html[data-design="classic"] .planning-page h3{font-family:var(--display)}
html[data-design="classic"] .planning-page :is(.account-bar,.progress-card,.task-card,.activity-panel,.plan-empty,.plan-method,.plan-tabs button,.qa-caption,.finish-note,.next-up,.plan-edition){border-radius:0;box-shadow:none;background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-design="classic"] .planning-page :is(.account-bar,.plan-method,.qa-caption){background:var(--raised)}
html[data-design="classic"] .planning-page :is(.account-bar .signout,.task-date,.completion-stamp,.plan-empty p,.qa-caption,.finish-note p,.task-history,.plan-method>p){color:var(--muted)}
html[data-design="classic"] .planning-page :is(.account-bar .signin,.task-type.mock){background:var(--lime);color:var(--bg);border-radius:0}
html[data-design="classic"] .planning-page .account-mark::before{color:#63dacc;border-color:#44766a}
html[data-design="classic"] .planning-page :is(.progress-card.primary,.next-up){background:var(--lime);border-color:var(--lime);color:var(--bg)}
html[data-design="classic"] .planning-page :is(.progress-card.primary .card-label,.progress-card.primary p,.progress-card.primary .big-number small,.next-up .eyebrow,.next-up h2,.next-up p){color:#303920}
html[data-design="classic"] .planning-page .next-up button{color:var(--bg);border-color:#576724;border-radius:0}
html[data-design="classic"] .planning-page .next-up .next-countdown{border-color:#9eb93d}
html[data-design="classic"] .planning-page :is(.task-card.is-overdue,.progress-card.overdue.has-overdue,.planner-error){background:#322119;border-color:#775039;color:#ffae87}
html[data-design="classic"] .planning-page :is(.task-card.is-overdue .task-date strong,.progress-card.overdue.has-overdue .big-number,.status-tag.overdue){color:#ffae87}
html[data-design="classic"] .planning-page .task-card.is-done{background:#182720;border-color:#345944}
html[data-design="classic"] .planning-page :is(.status-tag.completed,.activity-list .activity-action){color:#82ddb0}
html[data-design="classic"] .planning-page :is(.status-tag.late,.activity-list .activity-action.reopened){color:#f2c684}
html[data-design="classic"] .planning-page .status-tag{color:var(--muted)}
html[data-design="classic"] .planning-page :is(.status-tag.today,.log-icon,.more-activity summary,.allocation-number){color:var(--lime)}
html[data-design="classic"] .planning-page :is(.task-footer,.task-history){border-color:var(--line)}
html[data-design="classic"] .planning-page .task-history{background:transparent}
html[data-design="classic"] .planning-page .task-check{border-radius:0;background:var(--bg);border-color:var(--faint)}
html[data-design="classic"] .planning-page .task-check:checked{background:#63dacc;border-color:#63dacc}
html[data-design="classic"] .planning-page .task-check:checked::after{color:var(--bg)}
html[data-design="classic"] .planning-page .task-check:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
html[data-design="classic"] .planning-page :is(.task-type,.plan-tabs button span,.week-rail .this-week){background:var(--raised);border-color:var(--line);color:var(--muted);border-radius:0}
html[data-design="classic"] .planning-page .task-type.varc{color:#63dacc}
html[data-design="classic"] .planning-page .task-type.dilr{color:#ff9772}
html[data-design="classic"] .planning-page .task-type.qa{color:#b9a3ff}
html[data-design="classic"] .planning-page .task-type.mock{background:var(--lime);color:var(--bg)}
html[data-design="classic"] .planning-page .plan-tabs button[aria-pressed="true"]{background:var(--lime);color:var(--bg);border-color:var(--lime)}
html[data-design="classic"] .planning-page .plan-tabs button[aria-pressed="true"] span{background:#b6d747;color:var(--bg)}
html[data-design="classic"] .planning-page .mini-progress{background:var(--line);border-radius:0}
html[data-design="classic"] .planning-page .progress-card.primary .mini-progress{background:#a9c341}
html[data-design="classic"] .planning-page .plan-edition{background:transparent;color:var(--lime);border-color:var(--lime);transform:none}
html[data-design="classic"] .planning-page .finish-note :is(h3,.eyebrow){color:#ffb58a}
html[data-design="classic"] .planning-page :is(.progress-card .big-number,.allocation-number,.next-up .next-date,.task-date strong){letter-spacing:0}
@media(max-width:1320px){.atlasbar,.classic-header.masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px}.atlasbar .atlas-nav,.classic-header .global-nav{grid-column:1/-1;grid-row:2;margin:0}.atlasbar .design-switch,.classic-header .design-switch{grid-column:2;grid-row:1}.atlasbar .atlas-wordmark,.classic-header .brand{grid-column:1;grid-row:1}.atlasbar .atlas-nav a{flex:1;justify-content:center}}
@media(max-width:600px){.atlasbar,.classic-header.masthead{gap:16px 8px}.design-switch{gap:6px;padding:7px 8px;font-size:.8125rem}.atlasbar .atlas-wordmark{font-size:1.55rem}.atlas-wordmark .edition-stamp{display:none}.classic-header .brand{font-size:1.05rem;gap:6px}.classic-header .brand-mark{width:30px;height:32px;font-size:1.5rem}.classic-header .global-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.classic-header .global-nav a{padding:10px 5px;text-align:center;font-size:.875rem}.atlasbar .atlas-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.atlasbar .atlas-nav a{padding:11px 8px;gap:6px;font-size:.8125rem;min-width:0}.atlasbar .atlas-nav a>span{display:none}}
@media(max-width:360px){.atlasbar .atlas-wordmark{font-size:1.3rem}.design-switch{padding:7px 5px;gap:5px}.design-switch-track{width:30px}.design-switch-track::after{transform:translateX(10px)}}
@media(prefers-reduced-motion:reduce){.design-switch-track::after{transition:none}}