/* Each design owns its palette and geometry; the data and controls stay shared. */
:root {
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --design-radius:14px;
  --design-control-radius:9px;
  --design-border:1px;
  --design-shadow:none;
  --design-heading:var(--sans);
  --design-heading-weight:700;
  --design-heading-spacing:-2px;
  --design-sidebar:240px;
  --design-primary-ink:var(--on-dark);
  --design-primary-muted:var(--on-dark);
  --design-primary-bg:var(--accent);
  --design-primary-line:var(--accent-line);
  --design-progress-track:var(--design-primary-line);
  --design-body-ink:var(--ink);
  --design-body-muted:var(--muted);
  --design-build-ink:var(--ink);
  --design-build-muted:var(--muted);
  --design-review-bg:var(--surface);
  --design-review-ink:var(--ink);
  --design-review-muted:var(--muted);
  --design-today:var(--accent-soft);
}

:root[data-theme="neo"] {
  --bg:#fffdf4; --surface:#ffffff; --ink:#171717; --muted:#56534e;
  --line:#171717; --neutral-soft:#f3f0e7;
  --accent:#ffe342; --accent-ink:#171717; --accent-hover:#f5ce14;
  --accent-soft:#fff3a4; --accent-line:#171717; --input-hover:#fff9d6;
  --disabled:#99958b; --success:#22613c; --success-soft:#d4f5c8;
  --warning:#775000; --warning-soft:#fff0b6; --error:#a52d32;
  --sidebar:#fffdf4; --sidebar-field:#ffffff; --sidebar-line:#171717;
  --sidebar-hover:#eee6ff; --sidebar-muted:#55514d; --on-dark:#171717;
  --saved:#22613c; --lavender:#c7adff; --lavender-ink:#34214e;
  --apricot:#ffa8bc; --apricot-ink:#63152d; --sky:#96d9ff; --sky-ink:#123f58;
  --shadow:#17171730; --backdrop:#17171780;
  --design-radius:0px; --design-control-radius:0px; --design-border:2px;
  --design-shadow:5px 5px 0 #171717;
  --design-heading:"Arial Black",var(--sans); --design-heading-weight:900;
  --design-heading-spacing:-2.5px; --design-primary-muted:#373216;
  --design-review-bg:var(--sky); --design-review-muted:#244d64;
  --design-sidebar:246px;
  --design-progress-track:#c4ac2c;
}
:root[data-theme="bento"] {
  --bg:#f1f2f8; --surface:#ffffff; --ink:#26243b; --muted:#66657d;
  --line:#dfe1ed; --neutral-soft:#eaebf5;
  --accent:#6450db; --accent-ink:#5740c6; --accent-hover:#503ac1;
  --accent-soft:#eae4ff; --accent-line:#bcaef3; --input-hover:#f1edff;
  --disabled:#9c9bad; --success:#417126; --success-soft:#e3f4d2;
  --warning:#8a5420; --warning-soft:#ffedcf; --error:#ad3353;
  --sidebar:#ffffff; --sidebar-field:#f5f5fa; --sidebar-line:#e1e2ed;
  --sidebar-hover:#f0edff; --sidebar-muted:#717088; --on-dark:#ffffff;
  --saved:#638a3d; --lavender:#c4b5ff; --lavender-ink:#493382;
  --apricot:#ffbc7d; --apricot-ink:#74431d; --sky:#acd2ff; --sky-ink:#234a77;
  --shadow:#46466b15; --backdrop:#25213f70;
  --design-radius:25px; --design-control-radius:13px; --design-border:0px;
  --design-shadow:0 5px 22px #34345505;
  --design-heading-weight:750; --design-primary-bg:#e5f58b;
  --design-primary-ink:#293611; --design-primary-muted:#4f5b30;
  --design-primary-line:#b3cb65; --design-review-bg:#acd2ff;
  --design-body-ink:#35245d; --design-body-muted:#564079;
  --design-build-ink:#58331a; --design-build-muted:#774e2d;
  --design-review-muted:#3f608b;
}
:root[data-theme="dopamine"] {
  color-scheme:dark;
  --bg:#111014; --surface:#1e1c24; --ink:#f7f5fb; --muted:#aaa5ba;
  --line:#35313f; --neutral-soft:#27232f;
  --accent:#b7ef42; --accent-ink:#c2f65e; --accent-hover:#ccff68;
  --accent-soft:#2f3c21; --accent-line:#566e35; --input-hover:#30283f;
  --disabled:#70697d; --success:#b7eb7b; --success-soft:#293a24;
  --warning:#ffd28b; --warning-soft:#3c3022; --error:#ff99a6;
  --sidebar:#17151c; --sidebar-field:#24212d; --sidebar-line:#342e40;
  --sidebar-hover:#2d253c; --sidebar-muted:#a9a0b8; --on-dark:#1c2411;
  --saved:#b7ef42; --lavender:#b294f2; --lavender-ink:#35214f;
  --apricot:#f5a1c6; --apricot-ink:#6a2546; --sky:#8dc9f0; --sky-ink:#254b65;
  --shadow:#00000050; --backdrop:#08060db3;
  --design-radius:22px; --design-control-radius:12px; --design-border:1px;
  --design-heading-weight:850; --design-heading-spacing:-2.7px;
  --design-primary-bg:#ad83ed; --design-primary-ink:#251638;
  --design-primary-muted:#44305d; --design-primary-line:#8961c7;
  --design-body-ink:#302144; --design-body-muted:#513969;
  --design-build-ink:#4c203a; --design-build-muted:#723c58;
  --design-review-bg:#d3f991; --design-review-ink:#273c14; --design-review-muted:#4e652b;
}
:root[data-theme="linear"] {
  color-scheme:dark;
  --bg:#101114; --surface:#17181c; --ink:#e8e9ef; --muted:#9a9ca9;
  --line:#2b2d35; --neutral-soft:#202128;
  --accent:#7975e8; --accent-ink:#b0adff; --accent-hover:#8d89f6;
  --accent-soft:#29273f; --accent-line:#45416a; --input-hover:#22232c;
  --disabled:#60636f; --success:#9ac9aa; --success-soft:#20312a;
  --warning:#dfbe86; --warning-soft:#352e23; --error:#f099a0;
  --sidebar:#151619; --sidebar-field:#1c1d22; --sidebar-line:#292b32;
  --sidebar-hover:#23242c; --sidebar-muted:#9a9ca9; --on-dark:#ffffff;
  --saved:#8abb9b; --lavender:#191a20; --lavender-ink:#a5a2c7;
  --apricot:#191a20; --apricot-ink:#b3a58e; --sky:#191a20; --sky-ink:#929fb8;
  --shadow:#00000028; --backdrop:#06070bb3;
  --design-radius:8px; --design-control-radius:5px; --design-sidebar:218px;
  --design-heading-weight:550; --design-heading-spacing:-1.2px;
  --design-primary-bg:#1d1c2a; --design-primary-ink:#eeedff;
  --design-primary-muted:#a6a2c7; --design-primary-line:#46416c;
  --design-review-bg:#191a20;
}
:root[data-theme="swiss"] {
  --bg:#f5f5f1; --surface:#fdfdfa; --ink:#151515; --muted:#60605b;
  --line:#b8b8b0; --neutral-soft:#eaeae4;
  --accent:#df3928; --accent-ink:#c42d1e; --accent-hover:#c42d1e;
  --accent-soft:#fae5df; --accent-line:#deafa5; --input-hover:#f3eee8;
  --disabled:#999992; --success:#345e43; --success-soft:#e1eadc;
  --warning:#805622; --warning-soft:#f6eacb; --error:#bd3022;
  --sidebar:#eaeae3; --sidebar-field:#f5f5ef; --sidebar-line:#b8b8b0;
  --sidebar-hover:#ddddd4; --sidebar-muted:#66665d; --on-dark:#ffffff;
  --saved:#456b43; --lavender:#e7e7df; --lavender-ink:#4f4f47;
  --apricot:#e7e7df; --apricot-ink:#4f4f47; --sky:#e7e7df; --sky-ink:#4f4f47;
  --shadow:#00000000; --backdrop:#15151580;
  --design-radius:0px; --design-control-radius:0px; --design-sidebar:224px;
  --design-heading:"Helvetica Neue",Arial,sans-serif; --design-heading-weight:750;
  --design-heading-spacing:-3.4px; --design-review-bg:#e7e7df;
}
:root[data-theme="glass"] {
  color-scheme:dark;
  --bg:#101b34; --surface:#19273ee8; --ink:#f2f6ff; --muted:#b0bfd8;
  --line:#b2cce433; --neutral-soft:#a4bff014;
  --accent:#a4dafa; --accent-ink:#b9e5ff; --accent-hover:#c4eaff;
  --accent-soft:#8bbaf528; --accent-line:#93c7ef66; --input-hover:#90b6ef20;
  --disabled:#7487a4; --success:#9be0c5; --success-soft:#426c5940;
  --warning:#f5d8a1; --warning-soft:#77603b40; --error:#ffb4be;
  --sidebar:#14213bcf; --sidebar-field:#acccff10; --sidebar-line:#a9c6e42b;
  --sidebar-hover:#adceff1c; --sidebar-muted:#b6c7e1; --on-dark:#112338;
  --saved:#a2e9d1; --lavender:#b2a0f82b; --lavender-ink:#c9baff;
  --apricot:#efaad91f; --apricot-ink:#e8b7db; --sky:#8acdf529; --sky-ink:#b2e0ff;
  --shadow:#030b2338; --backdrop:#07132a99;
  --design-radius:22px; --design-control-radius:12px;
  --design-shadow:0 12px 40px #030b2326,inset 0 1px #ffffff18;
  --design-heading-weight:500; --design-heading-spacing:-2px;
  --design-primary-bg:linear-gradient(135deg,#779ddb55,#a694e555);
  --design-primary-ink:#ffffff; --design-primary-muted:#dce6ff;
  --design-primary-line:#c0d0ff66; --design-review-bg:#8acdf51c;
}
:root[data-theme="rpg"] {
  color-scheme:dark;
  --bg:#151a24; --surface:#202633; --ink:#eee7d5; --muted:#b3ad9e;
  --line:#655536; --neutral-soft:#282e39;
  --accent:#d7b46c; --accent-ink:#e7c98c; --accent-hover:#e7c98c;
  --accent-soft:#493e28; --accent-line:#927745; --input-hover:#303541;
  --disabled:#7d7b75; --success:#b1d29b; --success-soft:#303f2c;
  --warning:#e8c589; --warning-soft:#443822; --error:#e9a09b;
  --sidebar:#111722; --sidebar-field:#202633; --sidebar-line:#53462f;
  --sidebar-hover:#2a2b2b; --sidebar-muted:#b3ad9e; --on-dark:#231e15;
  --saved:#b1d29b; --lavender:#282b40; --lavender-ink:#c2b5eb;
  --apricot:#352d26; --apricot-ink:#e3bb8e; --sky:#21383d; --sky-ink:#98cdcb;
  --shadow:#00000055; --backdrop:#080c16b3;
  --design-radius:4px; --design-control-radius:3px;
  --design-shadow:inset 0 0 0 3px #202633,inset 0 0 0 4px #65553640,0 6px 20px #00000022;
  --design-heading:Georgia,"Times New Roman",serif; --design-heading-weight:400;
  --design-heading-spacing:-1.4px; --design-primary-bg:#3b3325;
  --design-primary-ink:#f6dfaa; --design-primary-muted:#d4bd8b;
  --design-primary-line:#a98b52; --design-review-bg:#213338;
}
:root[data-theme="cyber"] {
  color-scheme:dark;
  --bg:#080f15; --surface:#0e1b25; --ink:#d6f4f5; --muted:#89aab8;
  --line:#2d5362; --neutral-soft:#122630;
  --accent:#cafa43; --accent-ink:#cafa43; --accent-hover:#e1ff8a;
  --accent-soft:#29361c; --accent-line:#698337; --input-hover:#183342;
  --disabled:#577584; --success:#78e9bd; --success-soft:#123a2e;
  --warning:#f6d573; --warning-soft:#3d3420; --error:#ff8db3;
  --sidebar:#09141d; --sidebar-field:#102631; --sidebar-line:#2d5362;
  --sidebar-hover:#123342; --sidebar-muted:#86a9b9; --on-dark:#142000;
  --saved:#67edce; --lavender:#182a3e; --lavender-ink:#7edbff;
  --apricot:#33203a; --apricot-ink:#f39bdc; --sky:#18352c; --sky-ink:#bcf088;
  --shadow:#00d9ff14; --backdrop:#01070dbd;
  --design-radius:0px; --design-control-radius:0px;
  --design-heading:var(--mono); --design-heading-weight:800;
  --design-heading-spacing:-2px; --design-primary-bg:#152e39;
  --design-primary-ink:#cafa43; --design-primary-muted:#a2c0c8;
  --design-primary-line:#538994; --design-review-bg:#18352c;
  --design-sidebar:246px;
}

/* Shared themed controls cover tables, dialogs, archives and every other view. */
:root:not([data-theme="planner"],[data-theme="classic"]) { font-family:var(--sans); }
:root[data-theme="cyber"] { font-family:var(--mono); }
:root:not([data-theme="planner"],[data-theme="classic"]) body { background:var(--bg); }
:root:not([data-theme="planner"],[data-theme="classic"]) h1 {
  font-family:var(--design-heading); font-weight:var(--design-heading-weight);
  letter-spacing:var(--design-heading-spacing); font-size:clamp(40px,4.2vw,66px); line-height:1.08;
}
:root:not([data-theme="planner"],[data-theme="classic"]) .heading-dot { color:var(--accent-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) :is(button,a,input,textarea,select):focus-visible { outline-color:var(--accent-ink); }
:root:is([data-theme="dopamine"],[data-theme="linear"],[data-theme="glass"],[data-theme="rpg"],[data-theme="cyber"]) select { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aebbd0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
:root:not([data-theme="planner"],[data-theme="classic"]) .page-heading>div { min-width:0; }
:root:not([data-theme="planner"],[data-theme="classic"]) .page-heading p { font-size:14px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .eyebrow { color:var(--muted); font-size:10px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .sidebar { width:var(--design-sidebar); background:var(--sidebar); border-color:var(--sidebar-line); color:var(--ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) main { margin-left:var(--design-sidebar); }
:root:not([data-theme="planner"],[data-theme="classic"]) .brand { font-family:var(--sans); font-weight:800; }
:root:not([data-theme="planner"],[data-theme="classic"]) .brand-mark { border-radius:var(--design-control-radius); transform:none; color:var(--on-dark); }
:root:not([data-theme="planner"],[data-theme="classic"]) .brand-mark .ui-icon { transform:none; }
:root:not([data-theme="planner"],[data-theme="classic"]) .brand-light { color:var(--muted); }
:root:not([data-theme="planner"],[data-theme="classic"]) .brand-dot { color:var(--accent-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .sidebar select { color:var(--ink); background-color:var(--sidebar-field); border-radius:var(--design-control-radius); border-color:var(--sidebar-line); }
:root:not([data-theme="planner"],[data-theme="classic"]) .sidebar-bottom p { color:var(--accent-ink); font-family:var(--design-heading); font-style:normal; font-size:25px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .small-line { background:var(--accent); }
:root:not([data-theme="planner"],[data-theme="classic"]) .nav { color:var(--sidebar-muted); border-radius:var(--design-control-radius); font-size:13px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .nav.active { color:var(--accent-ink); background:var(--accent-soft); }
:root:not([data-theme="planner"],[data-theme="classic"]) .nav.active::after { background:var(--accent-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .nav:hover:not(.active) { background:var(--sidebar-hover); color:var(--ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .nav-count { background:var(--accent); color:var(--on-dark); }
:root:not([data-theme="planner"],[data-theme="classic"]) .season-progress-track i { background:var(--sidebar-line); }
:root:not([data-theme="planner"],[data-theme="classic"]) .season-progress-track .passed { background:var(--muted); }
:root:not([data-theme="planner"],[data-theme="classic"]) .season-progress-track .present { background:var(--accent); }
:root:not([data-theme="planner"],[data-theme="classic"]) .topbar-label { color:var(--ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .topbar-divider { color:var(--muted); }
:root:not([data-theme="planner"],[data-theme="classic"]) #save-status { font-size:11px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .button,
:root:not([data-theme="planner"],[data-theme="classic"]) .icon-button { border-radius:var(--design-control-radius); background:var(--surface); border-color:var(--line); font-size:12px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .button.primary { background:var(--accent); color:var(--on-dark); border-color:var(--accent); box-shadow:none; }
:root:not([data-theme="planner"],[data-theme="classic"]) .button.primary:hover { background:var(--accent-hover); }
:root:not([data-theme="planner"],[data-theme="classic"]) .button:not(.primary):hover,
:root:not([data-theme="planner"],[data-theme="classic"]) .icon-button:hover { background:var(--neutral-soft); }
:root:not([data-theme="planner"],[data-theme="classic"]) .pill { border-radius:var(--design-control-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) .pill.current { background:var(--success-soft); color:var(--success); }
:root:not([data-theme="planner"],[data-theme="classic"]) .jump-label input { background:var(--surface); border-radius:var(--design-control-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) .summary-card { background:var(--surface); border:var(--design-border) solid var(--line); border-radius:var(--design-radius); box-shadow:var(--design-shadow); min-width:0; }
:root:not([data-theme="planner"],[data-theme="classic"]) .summary-card>span { color:var(--muted); font-size:12px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .summary-number { font-family:var(--sans); font-size:39px; font-weight:650; }
:root:not([data-theme="planner"],[data-theme="classic"]) .summary-icon { border-color:currentColor; color:var(--muted); opacity:.7; }
:root:not([data-theme="planner"],[data-theme="classic"]) .summary-card p { font-size:11px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .summary-card.accent-card { background:var(--design-primary-bg); color:var(--design-primary-ink); border-color:var(--design-primary-line); }
:root:not([data-theme="planner"],[data-theme="classic"]) .accent-card>span,
:root:not([data-theme="planner"],[data-theme="classic"]) .accent-card p,
:root:not([data-theme="planner"],[data-theme="classic"]) .accent-card .summary-number small,
:root:not([data-theme="planner"],[data-theme="classic"]) .accent-card .score-help { color:var(--design-primary-muted); }
:root:not([data-theme="planner"],[data-theme="classic"]) .accent-card .summary-icon { color:var(--design-primary-ink); border-color:var(--design-primary-line); }
:root:not([data-theme="planner"],[data-theme="classic"]) .accent-card .progress-track { background:var(--design-progress-track); height:5px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .accent-card .progress-track i { background:var(--design-primary-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .body-card { background:var(--lavender); color:var(--design-body-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .body-card>span,
:root:not([data-theme="planner"],[data-theme="classic"]) .body-card p { color:var(--design-body-muted); }
:root:not([data-theme="planner"],[data-theme="classic"]) .body-card .summary-icon { color:var(--lavender-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .build-card { background:var(--apricot); color:var(--design-build-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .build-card>span,
:root:not([data-theme="planner"],[data-theme="classic"]) .build-card p,
:root:not([data-theme="planner"],[data-theme="classic"]) .build-card .summary-number small { color:var(--design-build-muted); }
:root:not([data-theme="planner"],[data-theme="classic"]) .build-card .summary-icon { color:var(--apricot-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .review-summary { background:var(--design-review-bg); color:var(--design-review-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .review-summary>span,
:root:not([data-theme="planner"],[data-theme="classic"]) .review-summary p { color:var(--design-review-muted); }
:root:not([data-theme="planner"],[data-theme="classic"]) .review-summary .summary-icon { color:var(--design-review-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .review-number { font-family:var(--design-heading); font-size:29px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .tracker-section,
:root:not([data-theme="planner"],[data-theme="classic"]) .panel,
:root:not([data-theme="planner"],[data-theme="classic"]) .season-map,
:root:not([data-theme="planner"],[data-theme="classic"]) .history-list { background:var(--surface); border:var(--design-border) solid var(--line); border-radius:var(--design-radius); box-shadow:var(--design-shadow); }
:root:not([data-theme="planner"],[data-theme="classic"]) .tracker-section .eyebrow { color:var(--muted); }
:root:not([data-theme="planner"],[data-theme="classic"]) .tracker-section>.section-heading { padding-top:22px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .filter-tabs { background:var(--neutral-soft); border-radius:var(--design-control-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) .filter { border-radius:var(--design-control-radius); font-size:12px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .filter.selected { background:var(--surface); color:var(--accent-ink); box-shadow:none; }
:root:not([data-theme="planner"],[data-theme="classic"]) .tracker-guide { font-size:11px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .tracker-guide summary .ui-icon { color:var(--muted); }
:root:not([data-theme="planner"],[data-theme="classic"]) .tracker-scroll { background:var(--surface); border-color:var(--line); }
:root:not([data-theme="planner"],[data-theme="classic"]) .tracker thead { background:var(--neutral-soft); }
:root:not([data-theme="planner"],[data-theme="classic"]) .tracker .day-header { font-size:17px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .day-header.today { background:var(--design-today); box-shadow:inset 0 3px var(--accent); color:var(--accent-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .day-header.today span { color:var(--accent-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .today-cell { background:var(--design-today); }
:root:not([data-theme="planner"],[data-theme="classic"]) .tracker tbody tr:not(.area-row) { border-color:var(--neutral-soft); }
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-name { font-size:13px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .tracker tbody th>small { color:var(--muted); }
:root:not([data-theme="planner"],[data-theme="classic"]) .area-row { background:var(--neutral-soft); border-color:var(--line); }
:root:not([data-theme="planner"],[data-theme="classic"]) .area-heading { font-size:12px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .area-heading small { color:var(--muted); }
:root:not([data-theme="planner"],[data-theme="classic"]) .area-icon { border-radius:var(--design-control-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) .area-icon.career { background:var(--accent-soft); color:var(--accent-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .area-icon.body { background:var(--lavender); color:var(--lavender-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .area-icon.build { background:var(--apricot); color:var(--apricot-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .area-icon.life { background:var(--sky); color:var(--sky-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-input { background:var(--neutral-soft); border-color:var(--line); border-radius:var(--design-control-radius); color:var(--ink); font-size:13px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-input:hover:not(:disabled) { background:var(--input-hover); border-color:var(--accent-line); }
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-input:focus { background:var(--surface); outline-color:var(--accent); }
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-input:disabled { background:var(--bg); border-color:transparent; color:var(--disabled); }
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-total { border-radius:var(--design-control-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-total.target,
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-input.target { background:var(--accent-soft); color:var(--accent-ink); border-color:var(--accent-line); }
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-input.floor,
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-input.in-range { background:var(--success-soft); color:var(--success); border-color:var(--success); }
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-input.progress,
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-input.below-range,
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-input.above-range { background:var(--warning-soft); color:var(--warning); }
:root:not([data-theme="planner"],[data-theme="classic"]) .legend-dot.accent-dot { background:var(--accent); }
:root:not([data-theme="planner"],[data-theme="classic"]) .system-week-label,
:root:not([data-theme="planner"],[data-theme="classic"]) footer { color:var(--muted); }
:root:not([data-theme="planner"],[data-theme="classic"]) .note-card,
:root:not([data-theme="planner"],[data-theme="classic"]) .empty-note { background:var(--surface); border-color:var(--line); border-radius:var(--design-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) .empty-note-action:hover { background:var(--input-hover); border-color:var(--accent-line); }
:root:not([data-theme="planner"],[data-theme="classic"]) .empty-note-icon { border-color:var(--line); color:var(--accent-ink); border-radius:var(--design-control-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) .empty-note-arrow { color:var(--accent-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .review-banner,
:root:not([data-theme="planner"],[data-theme="classic"]) .review-intro,
:root:not([data-theme="planner"],[data-theme="classic"]) .progress-reminder,
:root:not([data-theme="planner"],[data-theme="classic"]) .rest-questions,
:root:not([data-theme="planner"],[data-theme="classic"]) .storage-notice { background:var(--accent-soft); border-color:var(--accent-line); border-radius:var(--design-control-radius); color:var(--ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .review-banner-icon { background:var(--surface); color:var(--accent-ink); border-color:var(--line); }
:root:not([data-theme="planner"],[data-theme="classic"]) .review-card { border-radius:var(--design-radius); background:var(--surface); border-color:var(--line); }
:root:not([data-theme="planner"],[data-theme="classic"]) .review-card:hover { background:var(--input-hover); border-color:var(--accent-line); }
:root:not([data-theme="planner"],[data-theme="classic"]) .review-type { background:var(--neutral-soft); color:var(--accent-ink); border-radius:var(--design-control-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) .review-type.monthly { background:var(--lavender); color:var(--lavender-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .review-type.money { background:var(--apricot); color:var(--apricot-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .review-intro h2,
:root:not([data-theme="planner"],[data-theme="classic"]) .material-card h2,
:root:not([data-theme="planner"],[data-theme="classic"]) .principle-card h2,
:root:not([data-theme="planner"],[data-theme="classic"]) .month-column h3,
:root:not([data-theme="planner"],[data-theme="classic"]) .welcome-panel h2 { font-family:var(--design-heading); font-weight:var(--design-heading-weight); }
:root:not([data-theme="planner"],[data-theme="classic"]) .material-card:hover { background:var(--input-hover); }
:root:not([data-theme="planner"],[data-theme="classic"]) .material-meta .pill { background:var(--accent-soft); color:var(--accent-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .material-card:nth-child(3n+2) .material-meta .pill { background:var(--lavender); color:var(--lavender-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .material-card:nth-child(3n+3) .material-meta .pill { background:var(--apricot); color:var(--apricot-ink); }
:root:not([data-theme="planner"],[data-theme="classic"]) .principle-index { color:var(--accent-ink); font-family:var(--design-heading); }
:root:not([data-theme="planner"],[data-theme="classic"]) .dayoff-panel,
:root:not([data-theme="planner"],[data-theme="classic"]) .stop-panel { background:var(--neutral-soft); }
:root:not([data-theme="planner"],[data-theme="classic"]) .week-tile { border-radius:var(--design-control-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) .material-filters>input,
:root:not([data-theme="planner"],[data-theme="classic"]) .material-filters>select,
:root:not([data-theme="planner"],[data-theme="classic"]) form input:not([type="checkbox"]),
:root:not([data-theme="planner"],[data-theme="classic"]) form textarea,
:root:not([data-theme="planner"],[data-theme="classic"]) form select,
:root:not([data-theme="planner"],[data-theme="classic"]) #snapshot-choice { background-color:var(--neutral-soft); border-color:var(--line); border-radius:var(--design-control-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) .metric-edit-row,
:root:not([data-theme="planner"],[data-theme="classic"]) .reminder-edit-row,
:root:not([data-theme="planner"],[data-theme="classic"]) .version-diff { border-radius:var(--design-control-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) .welcome-panel>.form-hint { border-color:var(--line); }
:root:not([data-theme="planner"],[data-theme="classic"]) dialog { background:var(--surface); border:var(--design-border) solid var(--line); border-radius:var(--design-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) dialog h2 { font-family:var(--design-heading); font-weight:var(--design-heading-weight); font-size:30px; }
:root:not([data-theme="planner"],[data-theme="classic"]) .dialog-close { background:var(--neutral-soft); border-radius:var(--design-control-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) #toast,
:root:not([data-theme="planner"],[data-theme="classic"]) #metric-tooltip { background:var(--accent); color:var(--on-dark); border-radius:var(--design-control-radius); }
:root:not([data-theme="planner"],[data-theme="classic"]) #toast { left:calc(50% + var(--design-sidebar) / 2); }

/* Geometry, hierarchy and typography make these more than palette swaps. */
:root[data-theme="neo"] .page-heading h1 { text-transform:uppercase; }
:root[data-theme="neo"] .sidebar { border-right:2px solid var(--ink); }
:root[data-theme="neo"] .nav.active { outline:2px solid var(--ink); box-shadow:3px 3px 0 var(--ink); background:var(--accent); }
:root[data-theme="neo"] .button { border:2px solid var(--ink); box-shadow:3px 3px 0 var(--ink); font-weight:750; }
:root[data-theme="neo"] .button.primary { border-color:var(--ink); box-shadow:3px 3px 0 var(--ink); }
:root[data-theme="neo"] .button:active { box-shadow:1px 1px 0 var(--ink); transform:translate(2px,2px); }
:root[data-theme="neo"] .summary-grid { gap:19px; }
:root[data-theme="neo"] .summary-card { border-color:var(--ink); }
:root[data-theme="neo"] .summary-number { font-weight:850; font-size:44px; }
:root[data-theme="neo"] .summary-icon { border:2px solid currentColor; opacity:1; }
:root[data-theme="neo"] .tracker .area-row { border-top:2px solid var(--ink); border-bottom:1px solid var(--ink); }
:root[data-theme="neo"] .tracker th { font-weight:650; }
:root[data-theme="neo"] .day-header.today { background:var(--accent); }
:root[data-theme="neo"] .filter.selected { background:var(--accent); outline:1px solid var(--ink); }

:root[data-theme="bento"] .summary-grid { grid-template-columns:1.15fr 1fr 1fr; gap:15px; }
:root[data-theme="bento"] .summary-grid>.accent-card { grid-row:span 2; display:flex; flex-direction:column; justify-content:center; min-height:268px; }
:root[data-theme="bento"] .summary-grid>.summary-card:last-child { grid-column:span 2; }
:root[data-theme="bento"] .summary-card { min-height:126px; padding:22px 25px; }
:root[data-theme="bento"] .summary-number { margin:9px 0; font-size:38px; }
:root[data-theme="bento"] .accent-card .summary-number { font-size:69px; letter-spacing:-4px; margin:12px 0; }
:root[data-theme="bento"] .accent-card .summary-number small { font-size:25px; }
:root[data-theme="bento"] .summary-grid>.summary-card:last-child .summary-number { margin:7px 0; }
:root[data-theme="bento"] .nav.active { background:#eae4ff; }
:root[data-theme="bento"] .brand-mark { border-radius:50%; }
:root[data-theme="bento"] .tracker-section>.section-heading { padding-top:27px; }
:root[data-theme="bento"] .material-card:nth-child(2n) { background:#f0ecff; }

:root[data-theme="dopamine"] .page-heading h1 { font-weight:850; }
:root[data-theme="dopamine"] .heading-dot { color:#b7ef42; }
:root[data-theme="dopamine"] .summary-card { border:0; min-height:174px; }
:root[data-theme="dopamine"] .summary-number { font-size:45px; font-weight:750; }
:root[data-theme="dopamine"] .summary-icon { border:0; font-size:27px; opacity:1; }
:root[data-theme="dopamine"] .accent-card .summary-icon { transform:rotate(-15deg); }
:root[data-theme="dopamine"] .brand-mark { background:#ad83ed; color:#20152d; border-radius:50%; }
:root[data-theme="dopamine"] .nav.active { background:#b7ef42; color:#1c2411; }
:root[data-theme="dopamine"] .nav.active::after { background:#1c2411; }
:root[data-theme="dopamine"] .review-banner { border-left:4px solid #b7ef42; }
:root[data-theme="dopamine"] .progress-track { border-radius:20px; }

:root[data-theme="linear"] .brand { font-weight:600; font-size:25px; }
:root[data-theme="linear"] .brand-mark { width:29px; height:29px; background:#35334d; color:#c8c4ff; }
:root[data-theme="linear"] .page-heading { margin-top:29px; margin-bottom:27px; }
:root[data-theme="linear"] h1 { font-size:37px; letter-spacing:-1px; }
:root[data-theme="linear"] .eyebrow { font-size:9px; letter-spacing:1.2px; }
:root[data-theme="linear"] .sidebar-bottom p { font-size:19px; font-weight:500; }
:root[data-theme="linear"] .summary-card { min-height:143px; padding:19px; }
:root[data-theme="linear"] .summary-number { font-size:32px; font-weight:500; }
:root[data-theme="linear"] .summary-icon { border:0; font-size:19px; }
:root[data-theme="linear"] .nav.active::after { display:none; }
:root[data-theme="linear"] .tracker-section>.section-heading { padding-top:19px; }
:root[data-theme="linear"] .tracker-section h2 { font-size:16px; }
:root[data-theme="linear"] .tracker .area-row td { padding-top:7px; padding-bottom:7px; }
:root[data-theme="linear"] .tracker tbody th { padding-top:10px; padding-bottom:10px; }
:root[data-theme="linear"] .tracker tbody td { padding-top:7px; padding-bottom:7px; }
:root[data-theme="linear"] .summary-grid { gap:10px; }
:root[data-theme="linear"] .metric-input { border-color:transparent; background:#1e2027; }

:root[data-theme="swiss"] .page-heading { border-top:7px solid var(--ink); padding-top:24px; align-items:flex-start; }
:root[data-theme="swiss"] .page-heading h1 { max-width:900px; font-size:clamp(46px,5.4vw,82px); line-height:1; }
:root[data-theme="swiss"] .brand-mark { background:var(--accent); }
:root[data-theme="swiss"] .brand { letter-spacing:-2px; }
:root[data-theme="swiss"] .eyebrow { letter-spacing:2px; text-transform:uppercase; }
:root[data-theme="swiss"] .nav.active { background:var(--ink); color:#ffffff; }
:root[data-theme="swiss"] .nav.active::after { background:var(--accent); border-radius:0; width:8px; height:8px; }
:root[data-theme="swiss"] .summary-grid { gap:0; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
:root[data-theme="swiss"] .summary-card { border:0; border-right:1px solid var(--line); background:transparent; padding:23px; }
:root[data-theme="swiss"] .summary-card.accent-card { background:var(--accent); }
:root[data-theme="swiss"] .summary-card:last-child { border-right:0; }
:root[data-theme="swiss"] .summary-number { font-size:47px; font-weight:650; letter-spacing:-2px; }
:root[data-theme="swiss"] .summary-icon { display:none; }
:root[data-theme="swiss"] .tracker-section { border:0; border-top:3px solid var(--ink); }
:root[data-theme="swiss"] .tracker-section>.section-heading { padding-left:0; padding-right:0; }
:root[data-theme="swiss"] .tracker-guide { margin-left:0; }
:root[data-theme="swiss"] .tracker thead { background:var(--ink); color:#ffffff; }
:root[data-theme="swiss"] .tracker thead th,
:root[data-theme="swiss"] .tracker thead .day-header span { color:#ffffff; }
:root[data-theme="swiss"] .day-header.today { background:var(--accent); box-shadow:none; color:#ffffff; }
:root[data-theme="swiss"] .tracker .area-row { background:var(--neutral-soft); border-top:1px solid var(--ink); }
:root[data-theme="swiss"] .area-icon { background:transparent; color:var(--ink); }
:root[data-theme="swiss"] .month-column h3 { font-size:19px; font-weight:650; }

:root[data-theme="glass"] body { background:radial-gradient(ellipse at 85% 8%,#4b4c795e,transparent 45%),radial-gradient(ellipse at 25% 65%,#14757b45,transparent 42%),linear-gradient(135deg,#111b34,#172c46); background-attachment:fixed; }
:root[data-theme="glass"] .sidebar { backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
:root[data-theme="glass"] :is(.summary-card,.tracker-section,.panel,.review-card,.note-card) { backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
:root[data-theme="glass"] dialog { background:#1a2a43; }
:root[data-theme="glass"] .brand-mark { background:#bbdafa2b; color:#d6edff; box-shadow:inset 0 0 0 1px #bbdafa50; }
:root[data-theme="glass"] .summary-icon { border-color:#d4e5ff55; color:#d5eaff; }
:root[data-theme="glass"] .summary-card { border-color:#c2d6ff33; }
:root[data-theme="glass"] .tracker-scroll { background:transparent; }
:root[data-theme="glass"] .tracker thead { background:#b1d1ff0c; }
:root[data-theme="glass"] .tracker .area-row { background:#b1d1ff0c; }
:root[data-theme="glass"] .tracker tbody tr:not(.area-row) { border-color:#a2c2e812; }
:root[data-theme="glass"] .review-banner { background:#abd6ff13; }
:root[data-theme="glass"] .button.primary { box-shadow:0 3px 18px #87c8f326; }

:root[data-theme="rpg"] .page-heading { border-bottom:1px solid var(--line); padding-bottom:27px; }
:root[data-theme="rpg"] .page-heading h1 { font-size:clamp(43px,4.8vw,69px); }
:root[data-theme="rpg"] .eyebrow { color:#d2b77b; letter-spacing:2.4px; font-family:var(--mono); font-size:9px; }
:root[data-theme="rpg"] .brand { font-family:Georgia,serif; font-weight:400; letter-spacing:-1px; }
:root[data-theme="rpg"] .brand-mark { color:#e9c987; background:#3e3523; border:1px solid #a98b52; transform:rotate(45deg); border-radius:2px; }
:root[data-theme="rpg"] .brand-mark .ui-icon { transform:rotate(-45deg); }
:root[data-theme="rpg"] .summary-card { padding:25px; }
:root[data-theme="rpg"] .summary-number { font-family:Georgia,serif; font-size:42px; font-weight:400; }
:root[data-theme="rpg"] .summary-icon { border-radius:0; transform:rotate(45deg); width:25px; height:25px; }
:root[data-theme="rpg"] .summary-icon .ui-icon { transform:rotate(-45deg); }
:root[data-theme="rpg"] .review-intro h2,
:root[data-theme="rpg"] .principle-card h2 { font-size:27px; }
:root[data-theme="rpg"] .nav.active { border-left:2px solid var(--accent); background:linear-gradient(90deg,#d7b46c22,transparent); }
:root[data-theme="rpg"] .tracker-section>.section-heading { border-bottom:1px solid #65553650; padding-bottom:18px; }
:root[data-theme="rpg"] .area-heading { text-transform:uppercase; letter-spacing:1px; }
:root[data-theme="rpg"] .progress-track { border-radius:0; height:7px; }
:root[data-theme="rpg"] .accent-card .progress-track i { background:linear-gradient(90deg,#8c733d,#f5d997); }

:root[data-theme="cyber"] body { background-image:linear-gradient(#5fd8ec06 1px,transparent 1px),linear-gradient(90deg,#5fd8ec06 1px,transparent 1px); background-size:32px 32px; }
:root[data-theme="cyber"] .brand { font-family:var(--mono); text-transform:uppercase; font-size:26px; }
:root[data-theme="cyber"] .brand-mark { background:#cafa43; color:#142000; }
:root[data-theme="cyber"] .page-heading h1 { text-transform:uppercase; font-size:clamp(37px,3.7vw,57px); }
:root[data-theme="cyber"] .topbar { border-bottom-color:#315b6a; text-transform:uppercase; letter-spacing:.5px; }
:root[data-theme="cyber"] .eyebrow { font-family:var(--mono); color:#6fd8ee; letter-spacing:2px; font-size:9px; }
:root[data-theme="cyber"] .page-heading { border-left:3px solid #cafa43; padding-left:19px; }
:root[data-theme="cyber"] .summary-card { position:relative; border-color:#315b6a; border-top:2px solid #6fd8ee; }
:root[data-theme="cyber"] .summary-card::after { content:""; position:absolute; top:-2px; right:-1px; width:13px; height:13px; background:linear-gradient(45deg,transparent 46%,#6fd8ee 48%,#6fd8ee 52%,var(--bg) 54%); }
:root[data-theme="cyber"] .summary-number { font-family:var(--mono); font-size:38px; letter-spacing:-2px; }
:root[data-theme="cyber"] .summary-icon { border:0; color:#6fd8ee; opacity:1; }
:root[data-theme="cyber"] .accent-card .summary-icon { color:#cafa43; }
:root[data-theme="cyber"] .nav.active { border-left:3px solid #cafa43; background:#19312a; }
:root[data-theme="cyber"] .tracker-section { border-color:#315b6a; box-shadow:0 0 22px #04bde508; }
:root[data-theme="cyber"] .area-heading { font-family:var(--mono); text-transform:uppercase; letter-spacing:1px; }
:root[data-theme="cyber"] .area-heading small { font-family:var(--sans); text-transform:none; letter-spacing:0; }
:root[data-theme="cyber"] .progress-track { border-radius:0; }
:root[data-theme="cyber"] .accent-card .progress-track i { background:repeating-linear-gradient(90deg,#cafa43 0,#cafa43 9px,transparent 9px,transparent 12px); }
:root[data-theme="cyber"] .metric-input:focus { box-shadow:0 0 10px #6fd8ee22; }

/* The chooser's previews keep their own palette even when another design is active. */
.appearance-panel { margin-bottom:24px; }
.appearance-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:24px; }
.appearance-heading h2 { margin:0; font-size:24px; }
.appearance-heading p { color:var(--muted); margin-top:8px; font-size:13px; }
.appearance-heading .eyebrow { margin-bottom:7px; }
.appearance-heading>.pill { white-space:normal; text-align:center; }
.appearance-options { border:0; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; min-width:0; }
.appearance-option { display:flex; flex-direction:column; position:relative; min-width:0; cursor:pointer; border:1px solid var(--line); border-radius:12px; padding:10px 10px 15px; background:var(--surface); color:var(--ink); }
.appearance-option:hover { border-color:var(--accent-ink); }
.appearance-option:has(input:checked) { border:2px solid var(--accent-ink); padding:9px 9px 14px; }
.appearance-option:has(input:focus-visible) { outline:3px solid var(--accent-ink); outline-offset:4px; }
.design-caption { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:13px 4px 0; }
.design-caption strong { font-family:var(--sans); font-size:14px; font-weight:650; }
.design-check { display:flex; justify-content:center; align-items:center; width:18px; height:18px; background:var(--accent); color:var(--on-dark); border-radius:50%; font-size:11px; visibility:hidden; flex-shrink:0; }
.appearance-option:has(input:checked) .design-check { visibility:visible; }
.design-label { display:block; font-size:11px; color:var(--muted); margin:4px 4px 0; }
.design-description { display:block; font-size:11px; line-height:1.65; color:var(--muted); margin:9px 4px 0; }
.appearance-note { color:var(--muted); font-size:12px; margin-top:22px; }
.design-preview {
  --pv-bg:#f9f8f4; --pv-panel:#fff; --pv-side:#eeefe5; --pv-ink:#29372e;
  --pv-accent:#315c45; --pv-card1:#e5eddf; --pv-card2:#f0edf7; --pv-card3:#faf0e4;
  display:flex; gap:0; height:142px; overflow:hidden; border-radius:7px;
  background:var(--pv-bg); color:var(--pv-ink); border:1px solid #0000000c;
  font-family:var(--sans); line-height:1; text-align:left;
}
.preview-sidebar { display:flex; flex-direction:column; gap:7px; padding:17px 8px; width:20%; background:var(--pv-side); }
.preview-sidebar i { display:block; width:90%; height:4px; background:var(--pv-ink); opacity:.2; border-radius:2px; }
.preview-sidebar i:first-child { background:var(--pv-accent); width:12px; height:12px; opacity:1; margin-bottom:8px; }
.preview-sidebar i:nth-child(2) { opacity:.75; }
.preview-main { padding:13px 11px; min-width:0; flex:1; }
.preview-title { display:flex; justify-content:space-between; align-items:center; font-family:Georgia,serif; font-size:24px; letter-spacing:-1px; margin-bottom:10px; }
.preview-title>span { font:9px var(--mono); color:var(--pv-ink); opacity:.45; letter-spacing:0; }
.preview-cards { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:5px; }
.preview-cards>i { display:flex; align-items:center; padding:7px; height:35px; background:var(--pv-card1); color:var(--pv-ink); border-radius:5px; font-size:14px; font-style:normal; font-weight:600; }
.preview-cards>i>span { font-size:8px; opacity:.65; margin-top:4px; }
.preview-cards>i:nth-child(2) { background:var(--pv-card2); }
.preview-cards>i:nth-child(3) { background:var(--pv-card3); }
.preview-table { display:flex; flex-direction:column; background:var(--pv-panel); margin-top:8px; padding:5px 6px; gap:5px; }
.preview-table i { height:2px; background:var(--pv-ink); opacity:.12; }
.design-preview--neo { --pv-bg:#fffdf4; --pv-side:#ffe342; --pv-ink:#171717; --pv-accent:#171717; --pv-card1:#ffe342; --pv-card2:#c7adff; --pv-card3:#ffa8bc; border:2px solid #171717; border-radius:0; }
.design-preview--neo .preview-title { font-family:var(--sans); font-weight:900; }
.design-preview--neo .preview-cards>i { border:1px solid #171717; box-shadow:2px 2px #171717; border-radius:0; }
.design-preview--neo .preview-table { border:1px solid #171717; }
.design-preview--bento { --pv-bg:#f1f2f8; --pv-side:#fff; --pv-ink:#26243b; --pv-accent:#6450db; --pv-card1:#e5f58b; --pv-card2:#c4b5ff; --pv-card3:#ffbc7d; }
.design-preview--bento .preview-title { font-family:var(--sans); font-weight:800; }
.design-preview--bento .preview-cards { grid-template-columns:1fr 1fr; }
.design-preview--bento .preview-cards>i:first-child { grid-row:span 2; height:auto; border-radius:10px; font-size:26px; }
.design-preview--bento .preview-cards>i:not(:first-child) { height:20px; border-radius:8px; }
.design-preview--bento .preview-table { border-radius:7px; margin-top:5px; padding-top:3px; padding-bottom:3px; }
.design-preview--dopamine { --pv-bg:#111014; --pv-side:#1e1c24; --pv-panel:#24212b; --pv-ink:#f7f5fb; --pv-accent:#b7ef42; --pv-card1:#ad83ed; --pv-card2:#b7ef42; --pv-card3:#f5a1c6; }
.design-preview--dopamine .preview-title { font-family:var(--sans); font-weight:850; }
.design-preview--dopamine .preview-cards>i { border-radius:9px; color:#23162e; }
.design-preview--linear { --pv-bg:#101114; --pv-side:#17181c; --pv-panel:#17181c; --pv-ink:#e8e9ef; --pv-accent:#7975e8; --pv-card1:#242333; --pv-card2:#202128; --pv-card3:#202128; }
.design-preview--linear .preview-title { font:500 20px var(--sans); }
.design-preview--linear .preview-cards>i { border-radius:3px; border:1px solid #3c3c4d; }
.design-preview--swiss { --pv-bg:#f5f5f1; --pv-side:#dfdfd7; --pv-panel:#fdfdfa; --pv-ink:#151515; --pv-accent:#df3928; --pv-card1:#df3928; --pv-card2:#e7e7df; --pv-card3:#e7e7df; border-radius:0; }
.design-preview--swiss .preview-title { font-family:Arial,sans-serif; font-weight:900; border-top:4px solid #151515; padding-top:5px; }
.design-preview--swiss .preview-cards { gap:0; }
.design-preview--swiss .preview-cards>i { border-radius:0; }
.design-preview--swiss .preview-cards>i:first-child { color:white; }
.design-preview--glass { --pv-bg:#1c3453; --pv-side:#ffffff0d; --pv-panel:#ffffff13; --pv-ink:#edf6ff; --pv-accent:#9ad5fa; --pv-card1:#c5c1ff44; --pv-card2:#a3c8ff28; --pv-card3:#c5b0ff33; background:radial-gradient(at 80% 15%,#856db26b,transparent 60%),linear-gradient(120deg,#193d52,#222b54); }
.design-preview--glass .preview-title { font-family:var(--sans); font-weight:400; }
.design-preview--glass .preview-cards>i { border:1px solid #ffffff30; box-shadow:0 3px 12px #07132920; border-radius:8px; }
.design-preview--rpg { --pv-bg:#151a24; --pv-side:#111722; --pv-panel:#202633; --pv-ink:#eee7d5; --pv-accent:#d7b46c; --pv-card1:#493e28; --pv-card2:#282b40; --pv-card3:#21383d; }
.design-preview--rpg .preview-title { font-family:Georgia,serif; color:#e7c98c; }
.design-preview--rpg .preview-cards>i { border:1px solid #8f7748; border-radius:1px; }
.design-preview--rpg .preview-sidebar i:first-child { transform:rotate(45deg); width:10px; height:10px; }
.design-preview--cyber { --pv-bg:#080f15; --pv-side:#10232e; --pv-panel:#10232e; --pv-ink:#cafa43; --pv-accent:#cafa43; --pv-card1:#16303b; --pv-card2:#17273b; --pv-card3:#33203a; border-radius:0; border:1px solid #4b9bac; }
.design-preview--cyber .preview-title { font-family:var(--mono); font-weight:800; }
.design-preview--cyber .preview-cards>i { border-radius:0; border-top:2px solid #6fd8ee; }
.design-preview--cyber .preview-table i { background:#6fd8ee; opacity:.45; }

@media (min-width:1500px) { .appearance-options { gap:19px; } .design-preview { height:164px; } }
@media (max-width:1200px) and (min-width:801px) {
  :root:not([data-theme="planner"],[data-theme="classic"]) { --design-sidebar:210px; }
  .appearance-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
  :root[data-theme="bento"] .summary-card { padding:19px 17px; }
  :root[data-theme="bento"] .accent-card .summary-number { font-size:54px; }
  :root[data-theme="dopamine"] .summary-number { font-size:36px; }
  :root[data-theme="swiss"] .summary-card { padding:19px 15px; }
}
@media (max-width:800px) {
  :root:not([data-theme="planner"],[data-theme="classic"]) .sidebar { width:100%; border-right:0; }
  :root:not([data-theme="planner"],[data-theme="classic"]) main { margin-left:0; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .sidebar nav .nav { font-size:11px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) #toast { left:50%; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .page-heading h1 { font-size:46px; }
  :root[data-theme="linear"] .page-heading h1 { font-size:35px; }
  :root[data-theme="bento"] .summary-grid { grid-template-columns:1.1fr 1fr 1fr; }
  :root[data-theme="swiss"] .page-heading h1 { font-size:56px; }
  :root[data-theme="cyber"] .page-heading h1 { font-size:40px; }
  .appearance-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:650px) {
  :root:not([data-theme="planner"],[data-theme="classic"]) .summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  :root:not([data-theme="planner"],[data-theme="classic"]) .summary-card { padding:19px 15px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .summary-card>span { font-size:11px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .summary-number { font-size:34px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .review-number { font-size:26px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .summary-icon { width:25px; height:25px; font-size:15px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .summary-card p { font-size:10px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .tracker .day-header { font-size:17px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .tracker tbody th .metric-name { font-size:12px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .tracker-section .eyebrow { font-size:8px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .tracker-guide { font-size:10px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .filter { font-size:11px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .mobile-day-switch button { background:var(--surface); border-color:var(--line); border-radius:var(--design-control-radius); }
  :root:not([data-theme="planner"],[data-theme="classic"]) .mobile-day-switch button.selected { background:var(--accent); color:var(--on-dark); }
  :root:not([data-theme="planner"],[data-theme="classic"]) .mobile-day-switch button.selected span { color:var(--on-dark); }
  :root[data-theme="bento"] .summary-grid>.accent-card { grid-row:auto; min-height:166px; }
  :root[data-theme="bento"] .summary-grid>.summary-card:last-child { grid-column:auto; }
  :root[data-theme="bento"] .accent-card .summary-number { font-size:44px; letter-spacing:-2px; }
  :root[data-theme="bento"] .accent-card .summary-number small { font-size:18px; }
  :root[data-theme="swiss"] .summary-card:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  :root[data-theme="swiss"] .summary-card:nth-child(2n) { border-right:0; }
  :root[data-theme="rpg"] .summary-icon { width:20px; height:20px; }
  :root[data-theme="cyber"] .summary-number { font-size:31px; }
  .appearance-heading { align-items:flex-start; }
  .appearance-heading h2 { font-size:22px; }
  .appearance-heading p { font-size:12px; }
  .appearance-options { gap:12px; }
  .appearance-option { padding:8px 8px 13px; }
  .appearance-option:has(input:checked) { padding:7px 7px 12px; }
  .design-preview { height:112px; }
  .preview-main { padding:10px 7px; }
  .preview-title { font-size:20px; margin-bottom:7px; }
  .preview-cards { gap:3px; }
  .preview-cards>i { padding:5px; height:27px; font-size:11px; }
  .preview-sidebar { padding:13px 5px; }
  .preview-table { margin-top:6px; padding:4px; gap:4px; }
  .design-caption { margin-left:2px; margin-right:2px; }
  .design-caption strong { font-size:12px; }
  .design-label { font-size:10px; margin-left:2px; margin-right:2px; }
  .design-description { font-size:10px; margin-left:2px; margin-right:2px; }
}
@media (max-width:480px) {
  :root:not([data-theme="planner"],[data-theme="classic"]) .page-heading h1 { font-size:38px; letter-spacing:-1.6px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .page-heading p { font-size:12px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .eyebrow { font-size:8px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .sidebar nav .nav { font-size:10px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .summary-grid { gap:11px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .summary-card { padding:17px 13px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .summary-card>span { font-size:10px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .summary-number { font-size:31px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .review-number { font-size:25px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .summary-card p { font-size:9px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .summary-number small { font-size:15px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .tracker-section .eyebrow { font-size:7px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .tracker-section .filter { font-size:10px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .tracker-guide { font-size:9px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .area-heading { font-size:11px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .area-heading small { font-size:8px; }
  :root[data-theme="neo"] .summary-grid { gap:13px; }
  :root[data-theme="bento"] .accent-card .summary-number { font-size:40px; }
  :root[data-theme="linear"] .page-heading h1 { font-size:32px; }
  :root[data-theme="swiss"] .page-heading h1 { font-size:43px; }
  :root[data-theme="cyber"] .page-heading { padding-left:12px; }
  :root[data-theme="cyber"] .page-heading h1 { font-size:32px; }
  :root[data-theme="cyber"] .summary-number { font-size:27px; }
  :root[data-theme="cyber"] .review-number { font-size:22px; }
  .appearance-panel { padding:18px 13px; }
  .appearance-options { gap:10px; }
  .design-description { font-size:10px; }
  .design-caption strong { font-size:11px; }
  .design-check { width:15px; height:15px; font-size:9px; }
}
@media (max-width:360px) {
  .appearance-options { grid-template-columns:1fr; }
  .design-preview { height:142px; }
  .design-caption strong { font-size:14px; }
  .design-description { font-size:11px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .page-heading h1 { font-size:33px; }
  :root[data-theme="cyber"] .page-heading h1 { font-size:28px; }
  :root:not([data-theme="planner"],[data-theme="classic"]) .summary-icon { display:none; }
}
@media (prefers-reduced-transparency:reduce) {
  :root[data-theme="glass"] { --surface:#19273e; --sidebar:#14213b; }
  :root[data-theme="glass"] :is(.sidebar,.summary-card,.tracker-section,.panel,.review-card,.note-card) { backdrop-filter:none; -webkit-backdrop-filter:none; }
}

.design-preview--classic { --pv-bg:#faf8f6; --pv-side:#303039; --pv-ink:#33313a; --pv-accent:#975947; --pv-card1:#f2dccf; --pv-card2:#ffffff; --pv-card3:#ffffff; }
.design-preview--classic .preview-sidebar i { background:#c0b8c1; opacity:.7; }
.design-preview--classic .preview-sidebar i:first-child { background:#f2dccf; opacity:1; }
.design-preview--classic .preview-title { font-family:var(--sans); font-weight:650; }

/* Original graphite/peach styling from d5c9b70, isolated to the classic design. */
:root[data-theme="classic"]{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-synthesis:none;
  color-scheme:light;
  --bg:#faf8f6;
  --surface:#ffffff;
  --ink:#33313a;
  --muted:#655f6b;
  --line:#e5dfe0;
  --neutral-soft:#f2eeec;
  --accent:#975947;
  --accent-ink:#834c3c;
  --accent-hover:#804a3a;
  --accent-soft:#f2dccf;
  --accent-line:#d9b7a8;
  --input-hover:#fffaf7;
  --disabled:#a39ca5;
  --success-soft:#ece9ed;
  --success:#625966;
  --warning-soft:#f6ebd9;
  --warning:#805a28;
  --error:#a5483b;
  --sidebar:#303039;
  --sidebar-field:#3d3b45;
  --sidebar-line:#595460;
  --sidebar-hover:#45414b;
  --on-dark:#f2edf0;
  --sidebar-muted:#c0b8c1;
  --peach:#f2dccf;
  --accent-badge:#975947;
  --progress-track:#dfc4b8;
  --saved:#975947;
  --shadow:#30303928;
  --backdrop:#30303970;
  --button-shadow:#0000000a;
  color:var(--ink);
  background:var(--bg);
}
:root[data-theme="classic"] *{box-sizing:border-box}
:root[data-theme="classic"] body{margin:0;font-size:15px;line-height:1.5}
:root[data-theme="classic"] button,:root[data-theme="classic"] input,:root[data-theme="classic"] textarea,:root[data-theme="classic"] select{font:inherit}
:root[data-theme="classic"] button,:root[data-theme="classic"] a,:root[data-theme="classic"] input,:root[data-theme="classic"] select,:root[data-theme="classic"] textarea{-webkit-tap-highlight-color:transparent}
:root[data-theme="classic"] button{cursor:pointer;color:inherit}
:root[data-theme="classic"] button:disabled{cursor:default;opacity:.35}
:root[data-theme="classic"] button:focus-visible,:root[data-theme="classic"] a:focus-visible,:root[data-theme="classic"] input:focus-visible,:root[data-theme="classic"] textarea:focus-visible,:root[data-theme="classic"] select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
:root[data-theme="classic"] a{color:inherit;text-decoration:none}
:root[data-theme="classic"] h1,:root[data-theme="classic"] h2,:root[data-theme="classic"] h3,:root[data-theme="classic"] p{margin:0}
:root[data-theme="classic"] h1{font-size:42px;line-height:1.2;letter-spacing:-1.6px;font-weight:650}
:root[data-theme="classic"] h2{font-size:19px;letter-spacing:-.45px;font-weight:600}
:root[data-theme="classic"] h3{font-weight:600;font-size:15px}
:root[data-theme="classic"] p{line-height:1.65}
:root[data-theme="classic"] small{font-size:12px}
:root[data-theme="classic"] input,:root[data-theme="classic"] textarea,:root[data-theme="classic"] select{color:var(--ink)}
:root[data-theme="classic"] input[type=number]{appearance:textfield;-moz-appearance:textfield}
:root[data-theme="classic"] input::-webkit-inner-spin-button,:root[data-theme="classic"] input::-webkit-outer-spin-button{appearance:none;margin:0}
:root[data-theme="classic"] .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root[data-theme="classic"] .sidebar{position:fixed;inset:0 auto 0 0;width:226px;background:var(--sidebar);color:var(--on-dark);padding:34px 23px;display:flex;flex-direction:column;z-index:5}
:root[data-theme="classic"] .brand{font-size:29px;font-weight:650;letter-spacing:-1px;display:flex;align-items:center;margin-bottom:42px}
:root[data-theme="classic"] .brand-mark{font-size:26px;line-height:33px;display:inline-block;border:1px solid var(--sidebar-line);border-radius:9px;width:34px;text-align:center;margin-right:12px;color:var(--peach)}
:root[data-theme="classic"] .brand-light{color:var(--sidebar-muted);font-weight:300}
:root[data-theme="classic"] .brand-dot{color:var(--peach)}
:root[data-theme="classic"] .season-label{color:var(--sidebar-muted);font-size:10px;letter-spacing:1.7px;margin-bottom:10px}
:root[data-theme="classic"] .sidebar select{width:100%;background:var(--sidebar-field);color:var(--on-dark);border:1px solid var(--sidebar-line);padding:9px 8px;border-radius:6px;font-size:12px;text-overflow:ellipsis;margin-bottom:33px}
:root[data-theme="classic"] .sidebar nav{display:flex;flex-direction:column;gap:7px}
:root[data-theme="classic"] .nav{border:0;background:none;color:var(--sidebar-muted);text-align:left;display:flex;align-items:center;gap:11px;border-radius:7px;padding:12px 10px;font-size:14px;white-space:nowrap}
:root[data-theme="classic"] .nav>span:first-child{font-size:20px;width:22px;line-height:1;text-align:center}
:root[data-theme="classic"] .nav.active{background:var(--accent-soft);color:var(--ink)}
:root[data-theme="classic"] .nav:hover:not(.active){background:var(--sidebar-hover);color:var(--on-dark)}
:root[data-theme="classic"] .nav-count{margin-left:auto;background:var(--accent-badge);color:var(--surface);border-radius:4px;padding:0 4px;font-size:11px}
:root[data-theme="classic"] .nav-count:empty{display:none}
:root[data-theme="classic"] .sidebar-bottom{margin-top:auto;padding-top:40px}
:root[data-theme="classic"] .small-line{width:29px;height:2px;background:var(--peach);margin-bottom:17px}
:root[data-theme="classic"] .sidebar-bottom p{font-size:21px;letter-spacing:-.6px;margin-bottom:7px}
:root[data-theme="classic"] .sidebar-bottom>span{color:var(--sidebar-muted);font-size:12px;line-height:1.8;display:block}
:root[data-theme="classic"] .storage{font-size:10px;color:var(--sidebar-muted);margin-top:28px;display:flex;align-items:center;gap:7px}
:root[data-theme="classic"] .saved-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--saved)}
:root[data-theme="classic"] main{margin-left:226px;padding:0 40px;max-width:1750px}
:root[data-theme="classic"] .topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
:root[data-theme="classic"] #save-status{display:flex;align-items:center;gap:6px;font-size:12px}
:root[data-theme="classic"] .saving-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:classic-pulse 1s infinite}
@keyframes classic-pulse{50%{opacity:.4}}
:root[data-theme="classic"] #content{min-height:calc(100vh - 150px);padding-bottom:35px}
:root[data-theme="classic"] .page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px 0 30px}
:root[data-theme="classic"] .eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--muted);margin-bottom:11px}
:root[data-theme="classic"] .heading-dot{color:var(--accent-ink)}
:root[data-theme="classic"] .page-heading p{color:var(--muted);font-size:14px;margin-top:10px}
:root[data-theme="classic"] .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--surface);border:1px solid var(--line);padding:10px 16px;border-radius:7px;font-size:13px;font-weight:500;white-space:nowrap;min-height:42px}
:root[data-theme="classic"] .button:hover{background:var(--neutral-soft)}
:root[data-theme="classic"] .button.primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}
:root[data-theme="classic"] .button.primary:hover{background:var(--accent-hover)}
:root[data-theme="classic"] .text-button{background:none;border:0;font-size:12px;color:var(--muted);padding:5px 0;text-decoration:underline;text-underline-offset:4px}
:root[data-theme="classic"] .icon-button{border:1px solid var(--line);border-radius:6px;background:var(--surface);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:17px}
:root[data-theme="classic"] .icon-button:hover{background:var(--neutral-soft)}
:root[data-theme="classic"] .week-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}
:root[data-theme="classic"] .week-switch{display:flex;align-items:center;gap:14px}
:root[data-theme="classic"] .week-switch>div{display:flex;flex-direction:column}
:root[data-theme="classic"] .week-switch strong{font-size:17px;font-weight:550;letter-spacing:-.3px}
:root[data-theme="classic"] .week-switch>div>span{font-size:11px;color:var(--muted)}
:root[data-theme="classic"] .pill{display:inline-block;font-size:11px;padding:4px 9px;border-radius:5px;background:var(--neutral-soft);color:var(--muted);white-space:nowrap}
:root[data-theme="classic"] .pill.current{background:var(--success-soft);color:var(--success)}
:root[data-theme="classic"] .pill.good{background:var(--success-soft);color:var(--success)}
:root[data-theme="classic"] .pill.warm{background:var(--warning-soft);color:var(--warning)}
:root[data-theme="classic"] .jump-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
:root[data-theme="classic"] .jump-label input{background:transparent;border:1px solid var(--line);border-radius:5px;padding:5px 8px;font-size:12px;width:138px}
:root[data-theme="classic"] .summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
:root[data-theme="classic"] .summary-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:19px 19px 16px;position:relative;min-height:137px}
:root[data-theme="classic"] .summary-card>span{font-size:12px;color:var(--muted)}
:root[data-theme="classic"] .summary-card.accent-card{background:var(--accent-soft);border-color:var(--accent-soft)}
:root[data-theme="classic"] .summary-number{font-size:33px;line-height:1.3;letter-spacing:-1px;margin:12px 0 7px;font-weight:550;position:relative}
:root[data-theme="classic"] .summary-number small{font-size:18px;color:var(--muted);font-weight:400;letter-spacing:-.5px}
:root[data-theme="classic"] .summary-icon{position:absolute;right:0;top:7px;font-size:22px;line-height:1;color:var(--muted);font-weight:400}
:root[data-theme="classic"] .accent-card .summary-icon{color:var(--accent-ink)}
:root[data-theme="classic"] .summary-card p{font-size:11px;color:var(--muted)}
:root[data-theme="classic"] .review-number{font-size:26px;padding-top:6px;padding-bottom:3px}
:root[data-theme="classic"] .review-number .summary-icon{font-size:23px}
:root[data-theme="classic"] .progress-track{height:3px;background:var(--accent-line);border-radius:2px;margin:10px 0}
:root[data-theme="classic"] .progress-track i{height:100%;background:var(--accent);display:block;border-radius:2px}
:root[data-theme="classic"] .review-banner{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:15px 19px;border-radius:8px;border:1px solid var(--progress-track);background:var(--neutral-soft);margin-bottom:30px}
:root[data-theme="classic"] .review-banner-icon{border:1px solid var(--line);border-radius:50%;font-size:21px;width:36px;height:36px;text-align:center;line-height:33px;flex-shrink:0;color:var(--muted)}
:root[data-theme="classic"] .review-banner strong{font-size:13px;font-weight:550;display:block}
:root[data-theme="classic"] .review-banner small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
:root[data-theme="classic"] .banner-arrow{margin-left:auto;font-size:22px;font-weight:300}
:root[data-theme="classic"] .section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:22px 0 13px}
:root[data-theme="classic"] .filter-tabs{display:flex;gap:4px;background:var(--neutral-soft);border-radius:7px;padding:4px}
:root[data-theme="classic"] .filter{border:0;border-radius:5px;padding:5px 12px;background:none;color:var(--muted);font-size:12px}
:root[data-theme="classic"] .filter.selected{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px var(--button-shadow)}
:root[data-theme="classic"] .tracker-hint{font-size:12px;color:var(--muted);margin-bottom:14px}
:root[data-theme="classic"] .tracker-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
:root[data-theme="classic"] .tracker{width:100%;border-collapse:collapse;min-width:880px;table-layout:fixed}
:root[data-theme="classic"] .tracker thead{background:var(--neutral-soft)}
:root[data-theme="classic"] .tracker th{font-weight:500;text-align:left}
:root[data-theme="classic"] .tracker thead th:first-child{width:225px;padding-left:20px;color:var(--muted);font-size:12px}
:root[data-theme="classic"] .day-header{text-align:center!important;padding:12px 2px;font-size:16px;line-height:1.4}
:root[data-theme="classic"] .day-header span{display:block;font-size:10px;font-weight:500;letter-spacing:.6px;color:var(--muted)}
:root[data-theme="classic"] .day-header.today{color:var(--accent-ink);background:var(--accent-soft)}
:root[data-theme="classic"] .day-header.today span{color:var(--accent-ink)}
:root[data-theme="classic"] .total-head{width:115px;font-size:11px;color:var(--muted);text-align:center!important}
:root[data-theme="classic"] .target-head{width:130px;font-size:11px;color:var(--muted)}
:root[data-theme="classic"] .tracker tbody tr:not(.area-row){border-top:1px solid var(--neutral-soft)}
:root[data-theme="classic"] .tracker tbody th{padding:12px 10px 12px 20px}
:root[data-theme="classic"] .metric-name{font-size:13px;display:block;line-height:1.4}
:root[data-theme="classic"] .tracker th>small{font-size:10px;color:var(--muted);display:block;margin-top:2px}
:root[data-theme="classic"] .area-row{background:var(--neutral-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
:root[data-theme="classic"] .area-row td{padding:11px 20px;font-size:13px;font-weight:550}
:root[data-theme="classic"] .area-row small{font-weight:400;margin-left:12px;color:var(--muted);font-size:11px}
:root[data-theme="classic"] .area-icon{display:inline-block;width:24px;height:24px;font-size:17px;border-radius:5px;text-align:center;vertical-align:middle;margin-right:9px;line-height:24px;background:var(--accent-soft);color:var(--accent-ink)}
:root[data-theme="classic"] .area-icon.body{background:var(--success-soft);color:var(--success)}
:root[data-theme="classic"] .area-icon.build{background:var(--warning-soft);color:var(--warning)}
:root[data-theme="classic"] .area-icon.life{background:var(--neutral-soft);color:var(--warning)}
:root[data-theme="classic"] .tracker tbody td{padding:8px 2px;text-align:center}
:root[data-theme="classic"] .metric-input{width:100%;max-width:65px;height:32px;text-align:center;padding:4px 2px;background:transparent;border:1px solid transparent;border-radius:5px;font-size:13px;color:var(--ink);transition:background .12s}
:root[data-theme="classic"] .metric-input::placeholder{color:var(--disabled)}
:root[data-theme="classic"] .metric-input:hover:not(:disabled){background:var(--neutral-soft);border-color:var(--line)}
:root[data-theme="classic"] .metric-input:focus{background:var(--accent-soft);outline:2px solid var(--accent-line);outline-offset:0}
:root[data-theme="classic"] .metric-input:disabled{color:var(--disabled);background:var(--bg)}
:root[data-theme="classic"] .today-cell{background:var(--bg)}
:root[data-theme="classic"] .metric-total{display:inline-flex;gap:5px;align-items:center;justify-content:center;min-width:50px;padding:3px 8px;border-radius:5px;font-size:13px;font-weight:500}
:root[data-theme="classic"] .metric-total.floor{background:var(--success-soft);color:var(--success)}
:root[data-theme="classic"] .metric-total.target{background:var(--accent-soft);color:var(--accent-ink)}
:root[data-theme="classic"] .metric-total.empty{color:var(--disabled)}
:root[data-theme="classic"] .metric-total.attention{background:var(--warning-soft);color:var(--warning)}
:root[data-theme="classic"] .metric-total.partial{color:var(--warning)}
:root[data-theme="classic"] .metric-total>span{font-size:11px}
:root[data-theme="classic"] .coverage{display:block;font-size:9px;color:var(--muted);line-height:1.2}
:root[data-theme="classic"] .metric-target{text-align:left!important;color:var(--muted);font-size:12px}
:root[data-theme="classic"] .metric-target span{color:var(--muted)}
:root[data-theme="classic"] .week-bottom{display:flex;justify-content:space-between;gap:12px;padding:14px 2px;font-size:10px;color:var(--muted)}
:root[data-theme="classic"] .legend-dot{display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;margin:0 4px 1px 0}
:root[data-theme="classic"] .legend-dot.accent-dot{background:var(--accent);margin-left:15px}
:root[data-theme="classic"] .muted{color:var(--muted);font-size:12px}
:root[data-theme="classic"] .empty-note{border:1px dashed var(--line);border-radius:8px;padding:22px;color:var(--muted);font-size:13px}
:root[data-theme="classic"] .notes-section{margin-top:12px}
:root[data-theme="classic"] .note-card{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:16px;text-align:left;background:var(--surface);margin-bottom:9px}
:root[data-theme="classic"] .note-card>span{font-size:11px;color:var(--muted)}
:root[data-theme="classic"] .note-card p{white-space:pre-wrap;font-size:13px;margin:7px 0;color:var(--ink)}
:root[data-theme="classic"] .note-card small{color:var(--accent-ink)}
:root[data-theme="classic"] .panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}
:root[data-theme="classic"] .panel>h2{margin-bottom:12px}
:root[data-theme="classic"] .panel>p{font-size:14px;color:var(--muted);margin-bottom:14px}
:root[data-theme="classic"] .panel .section-heading{margin-top:0}
:root[data-theme="classic"] .panel svg{display:block;width:100%}
:root[data-theme="classic"] .season-map{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:auto}
:root[data-theme="classic"] .month-column{padding:20px 16px;border-right:1px solid var(--neutral-soft);min-width:135px}
:root[data-theme="classic"] .month-column:last-child{border:0}
:root[data-theme="classic"] .month-column h3{text-transform:capitalize}
:root[data-theme="classic"] .month-column>small{display:block;color:var(--muted);font-size:10px;margin:4px 0 17px;min-height:15px}
:root[data-theme="classic"] .week-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
:root[data-theme="classic"] .week-tile{border:0;border-radius:6px;background:var(--neutral-soft);padding:9px 5px;text-align:left;min-height:49px;color:var(--muted)}
:root[data-theme="classic"] .week-tile>span{font-size:15px;display:block;line-height:1.3}
:root[data-theme="classic"] .week-tile small{font-size:10px;display:block}
:root[data-theme="classic"] .week-tile.future{background:var(--bg);color:var(--disabled)}
:root[data-theme="classic"] .week-tile.started{background:var(--accent-soft);color:var(--accent-ink)}
:root[data-theme="classic"] .week-tile.complete{background:var(--success-soft);color:var(--success)}
:root[data-theme="classic"] .week-tile:hover{outline:2px solid var(--accent-line)}
:root[data-theme="classic"] .charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}
:root[data-theme="classic"] .chart-empty{height:180px;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--muted);font-size:13px}
:root[data-theme="classic"] .history-list{border:1px solid var(--line);border-radius:9px;overflow:hidden}
:root[data-theme="classic"] .history-row{width:100%;display:flex;align-items:center;gap:16px;text-align:left;border:0;border-bottom:1px solid var(--line);background:var(--surface);padding:17px 20px}
:root[data-theme="classic"] .history-row:last-child{border-bottom:0}
:root[data-theme="classic"] .history-row>span:first-child{flex:1;min-width:0}
:root[data-theme="classic"] .history-row strong{font-size:14px;font-weight:500}
:root[data-theme="classic"] .history-row small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
:root[data-theme="classic"] .history-row:hover{background:var(--neutral-soft)}
:root[data-theme="classic"] .review-intro{display:flex;gap:20px;align-items:center;margin-bottom:30px;background:var(--neutral-soft)}
:root[data-theme="classic"] .review-intro p{font-size:13px;color:var(--muted);margin-top:7px}
:root[data-theme="classic"] .review-intro-icon{font-size:38px;color:var(--muted)}
:root[data-theme="classic"] .review-list{display:flex;flex-direction:column;gap:11px}
:root[data-theme="classic"] .review-card{display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:20px;text-align:left}
:root[data-theme="classic"] .review-type{width:43px;height:43px;background:var(--neutral-soft);color:var(--muted);text-align:center;border-radius:10px;font-size:26px;line-height:43px;flex-shrink:0}
:root[data-theme="classic"] .review-type.monthly{background:var(--accent-soft);color:var(--accent-ink)}
:root[data-theme="classic"] .review-type.money{background:var(--warning-soft);color:var(--warning)}
:root[data-theme="classic"] .review-card-body{flex:1}
:root[data-theme="classic"] .review-card-body strong{font-size:16px;font-weight:500;display:block}
:root[data-theme="classic"] .review-card-body small{color:var(--muted);font-size:12px;display:block;margin-top:2px}
:root[data-theme="classic"] .review-card-body p{font-size:12px;color:var(--muted);margin-top:7px}
:root[data-theme="classic"] .review-card .banner-arrow{margin-left:0}
:root[data-theme="classic"] .settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
:root[data-theme="classic"] .settings-grid label,:root[data-theme="classic"] .date-pair label,:root[data-theme="classic"] .finance-inputs label{font-size:12px}
:root[data-theme="classic"] .actions{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}
:root[data-theme="classic"] .form-hint{color:var(--muted);font-size:12px;line-height:1.7;margin:12px 0}
:root[data-theme="classic"] .calendar-link{display:inline-block;margin-top:14px}
:root[data-theme="classic"] .document-panel{margin-top:23px}
:root[data-theme="classic"] .document-panel pre{font-family:inherit;font-size:14px;line-height:1.8;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;max-height:600px;overflow:auto;background:var(--bg);padding:20px;border-radius:8px;margin-top:15px}
:root[data-theme="classic"] footer{display:flex;justify-content:space-between;gap:15px;padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
:root[data-theme="classic"] footer>span:first-child{font-size:9px;letter-spacing:1.6px}
:root[data-theme="classic"] .loading{padding:80px 0;text-align:center;color:var(--muted)}
:root[data-theme="classic"] .error-panel{margin-top:45px}
:root[data-theme="classic"] .error{color:var(--error)}
:root[data-theme="classic"] dialog{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:30px;max-width:640px;width:calc(100% - 32px);max-height:90vh;box-shadow:0 20px 80px var(--shadow);color:var(--ink)}
:root[data-theme="classic"] dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(3px)}
:root[data-theme="classic"] dialog h2{font-size:26px;margin-bottom:20px;padding-right:30px}
:root[data-theme="classic"] dialog .eyebrow{padding-right:25px}
:root[data-theme="classic"] dialog>div{position:relative}
:root[data-theme="classic"] .dialog-close{position:absolute;right:-10px;top:-10px;font-size:24px;background:none;border:0}
:root[data-theme="classic"] .dialog-close:hover{background:var(--neutral-soft)}
:root[data-theme="classic"] form label{display:block;color:var(--muted);font-size:13px;margin:15px 0}
:root[data-theme="classic"] form input:not([type=checkbox]),:root[data-theme="classic"] form textarea{display:block;width:100%;border:1px solid var(--line);border-radius:6px;padding:10px 12px;margin-top:6px;background:var(--bg);font-size:14px}
:root[data-theme="classic"] form textarea{resize:vertical;line-height:1.7}
:root[data-theme="classic"] form input[type=file]{font-size:12px}
:root[data-theme="classic"] .checkbox-label{display:flex;align-items:center;gap:10px}
:root[data-theme="classic"] .checkbox-label input{accent-color:var(--muted);width:17px;height:17px}
:root[data-theme="classic"] .date-pair,:root[data-theme="classic"] .finance-inputs{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}
:root[data-theme="classic"] .finance-result{display:flex;flex-wrap:wrap;gap:10px;background:var(--neutral-soft);padding:15px;font-size:12px;color:var(--muted);border-radius:7px}
:root[data-theme="classic"] .metric-editor{margin:15px 0;font-size:13px;color:var(--muted)}
:root[data-theme="classic"] .metric-editor summary{cursor:pointer}
:root[data-theme="classic"] .metric-editor textarea{font-family:monospace;font-size:12px}
:root[data-theme="classic"] .error-panel h1{font-size:27px}
:root[data-theme="classic"] .error-panel p{margin:15px 0}
:root[data-theme="classic"] #toast{position:fixed;bottom:25px;left:calc(50% + 113px);transform:translate(-50%,15px);max-width:calc(100% - 50px);padding:13px 20px;border-radius:8px;background:var(--sidebar);color:var(--on-dark);font-size:13px;box-shadow:0 8px 30px var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20}
:root[data-theme="classic"] #toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){:root[data-theme="classic"] main{padding:0 60px}
:root[data-theme="classic"] .tracker thead th:first-child{width:260px}
:root[data-theme="classic"] .summary-card{padding:23px}
:root[data-theme="classic"] .metric-input{max-width:80px}}
@media(max-width:1150px){:root[data-theme="classic"] .sidebar{width:195px;padding:30px 15px}
:root[data-theme="classic"] .nav{font-size:12px;padding:12px 7px;gap:7px}
:root[data-theme="classic"] main{margin-left:195px;padding:0 24px}
:root[data-theme="classic"] .summary-grid{gap:10px}
:root[data-theme="classic"] .summary-card{padding:16px 13px}
:root[data-theme="classic"] .summary-card>span{font-size:11px}
:root[data-theme="classic"] .summary-number{font-size:28px}
:root[data-theme="classic"] .summary-icon{display:none}
:root[data-theme="classic"] .review-number{font-size:22px}
:root[data-theme="classic"] .summary-card p{font-size:10px}
:root[data-theme="classic"] .season-map{grid-template-columns:repeat(3,minmax(0,1fr))}
:root[data-theme="classic"] .month-column:nth-child(3n){border-right:0}
:root[data-theme="classic"] .month-column:nth-child(-n+3){border-bottom:1px solid var(--line)}
:root[data-theme="classic"] #toast{left:calc(50% + 97px)}}
@media(max-width:800px){:root[data-theme="classic"] .sidebar{position:static;width:100%;padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
:root[data-theme="classic"] .brand{margin:0;font-size:26px}
:root[data-theme="classic"] .brand-mark{font-size:21px;width:29px;line-height:29px}
:root[data-theme="classic"] .season-label,:root[data-theme="classic"] .sidebar-bottom{display:none}
:root[data-theme="classic"] .sidebar select{margin:0;align-self:center;font-size:11px}
:root[data-theme="classic"] .sidebar nav{grid-column:1/-1;flex-direction:row;justify-content:space-between;gap:3px;overflow:auto}
:root[data-theme="classic"] .nav{padding:9px 10px;font-size:12px;gap:6px}
:root[data-theme="classic"] .nav>span:first-child{font-size:17px;width:17px}
:root[data-theme="classic"] main{margin:0;padding:0 22px}
:root[data-theme="classic"] .topbar{height:56px}
:root[data-theme="classic"] .page-heading{margin:26px 0;gap:15px}
:root[data-theme="classic"] h1{font-size:35px}
:root[data-theme="classic"] .eyebrow{font-size:9px;letter-spacing:1.3px}
:root[data-theme="classic"] .page-heading p{font-size:12px}
:root[data-theme="classic"] .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
:root[data-theme="classic"] .summary-card{min-height:125px;padding:18px}
:root[data-theme="classic"] .summary-number{font-size:32px}
:root[data-theme="classic"] .summary-card>span{font-size:12px}
:root[data-theme="classic"] .summary-card p{font-size:11px}
:root[data-theme="classic"] .summary-icon{display:block}
:root[data-theme="classic"] .review-number{font-size:26px}
:root[data-theme="classic"] .week-toolbar{flex-wrap:wrap}
:root[data-theme="classic"] .jump-label{display:none}
:root[data-theme="classic"] .charts-grid,:root[data-theme="classic"] .settings-grid{grid-template-columns:1fr}
:root[data-theme="classic"] .season-map{grid-template-columns:repeat(3,minmax(0,1fr))}
:root[data-theme="classic"] .section-heading{flex-wrap:wrap;gap:12px}
:root[data-theme="classic"] .review-card{padding:16px;gap:12px;flex-wrap:wrap}
:root[data-theme="classic"] .review-card-body{min-width:65%}
:root[data-theme="classic"] .review-card .pill{margin-left:55px}
:root[data-theme="classic"] .review-banner{padding:13px}
:root[data-theme="classic"] .week-bottom{flex-direction:column;gap:5px}
:root[data-theme="classic"] .tracker{min-width:840px}
:root[data-theme="classic"] .tracker thead th:first-child{width:210px}
:root[data-theme="classic"] .tracker tbody th{padding-left:15px}
:root[data-theme="classic"] .total-head{width:100px}
:root[data-theme="classic"] .target-head{width:120px}
:root[data-theme="classic"] #toast{left:50%}
:root[data-theme="classic"] footer{font-size:9px}
:root[data-theme="classic"] dialog{padding:25px}
:root[data-theme="classic"] .history-row{padding:14px 15px;gap:10px}
:root[data-theme="classic"] .history-row strong{font-size:13px}}
@media(max-width:480px){:root[data-theme="classic"] .sidebar{padding:14px 16px;gap:12px}
:root[data-theme="classic"] .nav{font-size:10px;padding:9px 7px;gap:4px}
:root[data-theme="classic"] .nav>span:first-child{font-size:15px;width:14px}
:root[data-theme="classic"] main{padding:0 16px}
:root[data-theme="classic"] .page-heading{align-items:flex-start;flex-direction:column}
:root[data-theme="classic"] .page-heading>.button{padding:8px 12px;min-height:35px}
:root[data-theme="classic"] .page-heading h1{font-size:32px}
:root[data-theme="classic"] .page-heading p{font-size:12px}
:root[data-theme="classic"] .week-switch{gap:10px}
:root[data-theme="classic"] .week-switch strong{font-size:14px}
:root[data-theme="classic"] .summary-card{padding:15px 12px}
:root[data-theme="classic"] .summary-card>span{font-size:11px}
:root[data-theme="classic"] .summary-number{font-size:29px}
:root[data-theme="classic"] .summary-icon{font-size:18px}
:root[data-theme="classic"] .summary-card p{font-size:10px}
:root[data-theme="classic"] .review-number{font-size:23px}
:root[data-theme="classic"] .filter{padding:5px 10px;font-size:11px}
:root[data-theme="classic"] .filter-tabs{width:100%;justify-content:space-around}
:root[data-theme="classic"] .month-column{padding:15px 10px;min-width:100px}
:root[data-theme="classic"] .month-column>small{font-size:9px}
:root[data-theme="classic"] .season-map{grid-template-columns:repeat(2,minmax(0,1fr))}
:root[data-theme="classic"] .month-column:nth-child(3n){border-right:1px solid var(--neutral-soft)}
:root[data-theme="classic"] .month-column:nth-child(2n){border-right:0}
:root[data-theme="classic"] .month-column:nth-child(-n+4){border-bottom:1px solid var(--line)}
:root[data-theme="classic"] .review-intro{padding:20px;gap:12px}
:root[data-theme="classic"] .review-intro-icon{display:none}
:root[data-theme="classic"] .review-intro h2{font-size:17px}
:root[data-theme="classic"] .review-intro p{font-size:12px}
:root[data-theme="classic"] .panel{padding:20px}
:root[data-theme="classic"] .date-pair,:root[data-theme="classic"] .finance-inputs{grid-template-columns:1fr}
:root[data-theme="classic"] .date-pair{gap:0}
:root[data-theme="classic"] .history-row{flex-wrap:wrap}
:root[data-theme="classic"] .history-row .pill{font-size:10px}
:root[data-theme="classic"] .history-row>span:first-child{flex-basis:60%}
:root[data-theme="classic"] .history-row small{font-size:10px}
:root[data-theme="classic"] footer>span:last-child{max-width:170px;text-align:right}}
:root[data-theme="classic"] .metric-settings{margin-top:20px}
:root[data-theme="classic"] .metric-settings .section-heading{margin-bottom:8px}
:root[data-theme="classic"] .metric-edit-row{border:1px solid var(--line);border-radius:7px;padding:14px;margin:14px 0;background:var(--bg)}
:root[data-theme="classic"] .metric-edit-top{display:flex;align-items:center;gap:15px}
:root[data-theme="classic"] .metric-edit-top label{flex:1;margin:0}
:root[data-theme="classic"] .metric-edit-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
:root[data-theme="classic"] .metric-edit-fields select{display:block;width:100%;margin-top:6px;padding:10px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:13px}
:root[data-theme="classic"] .metric-edit-fields label{margin:12px 0 0;font-size:12px}
:root[data-theme="classic"] .metric-edit-row .form-hint{margin-bottom:0}
:root[data-theme="classic"] .add-metric{margin:5px 0 20px}
@media(max-width:480px){:root[data-theme="classic"] .metric-edit-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){:root[data-theme="classic"] *{animation:none!important;transition:none!important}}
:root[data-theme="classic"] .nav-short,:root[data-theme="classic"] .mobile-day-switch,:root[data-theme="classic"] .tracker th>small.mobile-goal{display:none}
:root[data-theme="classic"] .area-row td{text-align:left!important}
:root[data-theme="classic"] .review-metric-label{border:0;background:none;padding:0;color:var(--muted);text-align:left;font-size:13px}
@media(max-width:650px){:root[data-theme="classic"] .nav-long{display:none}
:root[data-theme="classic"] .nav-short{display:inline}
:root[data-theme="classic"] .sidebar .nav{font-size:12px}
:root[data-theme="classic"] .mobile-day-switch{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:12px 0}
:root[data-theme="classic"] .mobile-day-switch button{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:6px 2px;color:var(--muted);font-size:15px}
:root[data-theme="classic"] .mobile-day-switch button span{display:block;font-size:10px;color:var(--muted)}
:root[data-theme="classic"] .mobile-day-switch button.selected{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}
:root[data-theme="classic"] .mobile-day-switch button.selected span{color:var(--accent-ink)}
:root[data-theme="classic"] .tracker{min-width:0}
:root[data-theme="classic"] .tracker-scroll{overflow:visible}
:root[data-theme="classic"] .tracker .day-col:not(.mobile-selected),:root[data-theme="classic"] .tracker .target-head,:root[data-theme="classic"] .tracker .metric-target{display:none}
:root[data-theme="classic"] .tracker thead th:first-child{width:53%;padding-left:13px}
:root[data-theme="classic"] .tracker .day-header{width:21%}
:root[data-theme="classic"] .tracker .total-head{width:26%;font-size:10px}
:root[data-theme="classic"] .tracker tbody th{padding:12px 8px 12px 13px}
:root[data-theme="classic"] .tracker tbody th .metric-name{font-size:13px}
:root[data-theme="classic"] .tracker tbody th>small{font-size:10px}
:root[data-theme="classic"] .tracker th>small.mobile-goal{display:block;color:var(--muted);font-size:10px}
:root[data-theme="classic"] .tracker .area-row td{padding:10px 13px}
:root[data-theme="classic"] .area-row small{font-size:10px;margin-left:9px}
:root[data-theme="classic"] .metric-input{background:var(--neutral-soft);border-color:var(--line);width:90%;min-height:36px;font-size:14px}
:root[data-theme="classic"] .tracker .day-header span{font-size:10px}
:root[data-theme="classic"] .summary-grid{margin-bottom:20px}
:root[data-theme="classic"] .review-banner{margin-bottom:24px}}
:root[data-theme="classic"] .ui-icon,:root[data-theme="classic"] .panel svg.ui-icon{display:block;width:1em;height:1em;flex-shrink:0}
:root[data-theme="classic"] .nav{gap:9px;padding-left:8px;padding-right:8px;font-size:13px;min-height:46px}
:root[data-theme="classic"] .nav>span:first-child{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;line-height:1}
:root[data-theme="classic"] .nav-long{min-width:0;white-space:normal;line-height:1.4}
:root[data-theme="classic"] select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23655f6b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:15px 15px;padding-right:38px}
:root[data-theme="classic"] .sidebar select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0b8c1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:15px 15px;padding-right:38px}
:root[data-theme="classic"] .metric-edit-fields select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23655f6b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:15px 15px;padding-right:38px}
:root[data-theme="classic"] #goals-form>.button[type=submit],:root[data-theme="classic"] #challenge-form>.button[type=submit]{display:flex;margin-top:18px}
:root[data-theme="classic"] #add-metric{display:inline-flex;margin-bottom:0}
:root[data-theme="classic"] .review-banner-icon,:root[data-theme="classic"] .review-type,:root[data-theme="classic"] .review-intro-icon,:root[data-theme="classic"] .summary-icon,:root[data-theme="classic"] .area-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
:root[data-theme="classic"] .review-banner-icon .ui-icon{width:20px;height:20px}
:root[data-theme="classic"] .review-type .ui-icon{width:23px;height:23px}
:root[data-theme="classic"] .review-intro-icon{flex-shrink:0}
:root[data-theme="classic"] .review-intro-icon .ui-icon{width:38px;height:38px}
:root[data-theme="classic"] .area-heading{display:flex;align-items:center;gap:9px}
:root[data-theme="classic"] .area-heading .area-icon{margin:0;flex:0 0 24px}
:root[data-theme="classic"] .area-heading small{margin:0 0 0 3px}
:root[data-theme="classic"] .area-icon .ui-icon{width:16px;height:16px}
:root[data-theme="classic"] .metric-info{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:0;background:none;color:var(--muted);padding:2px;margin-left:2px;width:18px;height:18px;cursor:help;border-radius:50%}
:root[data-theme="classic"] .metric-info .ui-icon{width:14px;height:14px}
:root[data-theme="classic"] .metric-info:hover,:root[data-theme="classic"] .metric-info:focus-visible{color:var(--accent-ink);background:var(--accent-soft)}
:root[data-theme="classic"] #metric-tooltip{position:fixed;width:max-content;max-width:min(320px,calc(100vw - 24px));padding:12px 15px;background:var(--sidebar);color:var(--on-dark);border:1px solid var(--sidebar-line);border-radius:8px;font-size:13px;line-height:1.6;box-shadow:0 8px 25px var(--shadow);z-index:30}
:root[data-theme="classic"] .principles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:root[data-theme="classic"] .principle-card{position:relative;padding:24px}
:root[data-theme="classic"] .principle-index{display:block;font-size:11px;letter-spacing:1px;color:var(--accent-ink);margin-bottom:10px}
:root[data-theme="classic"] .principle-card h2{font-size:18px;line-height:1.4}
:root[data-theme="classic"] .principle-prose{font-size:14px;color:var(--muted);line-height:1.7}
:root[data-theme="classic"] .principle-prose p{margin:10px 0}
:root[data-theme="classic"] .principle-prose ul{margin:10px 0;padding-left:20px}
:root[data-theme="classic"] .principle-prose li{margin:5px 0}
:root[data-theme="classic"] .principle-prose h3{margin:18px 0 9px;color:var(--ink);font-size:15px}
:root[data-theme="classic"] .principle-prose blockquote{margin:12px 0;padding:9px 14px;border-left:3px solid var(--accent-line);background:var(--bg);color:var(--accent-ink);border-radius:0 4px 4px 0}
:root[data-theme="classic"] .principle-prose strong{font-weight:550;color:var(--ink)}
:root[data-theme="classic"] .stop-panel,:root[data-theme="classic"] .dayoff-panel,:root[data-theme="classic"] .project-principles{margin-top:22px}
:root[data-theme="classic"] .stop-panel{background:var(--bg)}
:root[data-theme="classic"] .stop-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;padding:0;margin:18px 0 0}
:root[data-theme="classic"] .stop-list li{font-size:14px;color:var(--muted);display:flex;gap:10px;align-items:flex-start}
:root[data-theme="classic"] .stop-list li::before{content:'—';color:var(--accent-ink);flex-shrink:0}
:root[data-theme="classic"] .principles-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}
:root[data-theme="classic"] .dayoff-panel{background:var(--neutral-soft)}
:root[data-theme="classic"] .dayoff-panel>.principle-prose{max-width:750px}
@media(max-width:800px){:root[data-theme="classic"] .sidebar nav{justify-content:flex-start}
:root[data-theme="classic"] .sidebar nav .nav{flex-shrink:0;min-height:38px}
:root[data-theme="classic"] .nav-long{display:none}
:root[data-theme="classic"] .nav-short{display:inline}
:root[data-theme="classic"] .nav>span:first-child{width:18px;height:18px;flex-basis:18px}
:root[data-theme="classic"] .nav{gap:6px;padding:9px 10px}
:root[data-theme="classic"] .principles-grid,:root[data-theme="classic"] .principles-columns,:root[data-theme="classic"] .stop-list{grid-template-columns:1fr}}
@media(max-width:480px){:root[data-theme="classic"] .sidebar .nav{font-size:11px;padding:8px}
:root[data-theme="classic"] .sidebar nav{gap:4px}
:root[data-theme="classic"] .nav>span:first-child{width:16px;height:16px;flex-basis:16px}
:root[data-theme="classic"] .area-heading{gap:8px}
:root[data-theme="classic"] .area-heading small{margin-left:0;font-size:10px}
:root[data-theme="classic"] .principle-card{padding:20px}
:root[data-theme="classic"] .review-intro-icon{display:none}}
@media(max-width:650px){:root[data-theme="classic"] .sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:4px}
:root[data-theme="classic"] .sidebar nav .nav{flex-direction:column;justify-content:center;gap:5px;padding:9px 2px;font-size:10px;min-width:0}
:root[data-theme="classic"] .nav-count{position:absolute;top:2px;right:5px;margin-left:0}
:root[data-theme="classic"] .nav{position:relative}}
:root[data-theme="classic"] .tracker .area-row td{padding:11px 20px}
@media(max-width:650px){:root[data-theme="classic"] .tracker .area-row td{padding:10px 13px}}
:root[data-theme="classic"] .metric-checkbox{width:18px;height:18px;margin:5px;accent-color:var(--accent);cursor:pointer;vertical-align:middle}
:root[data-theme="classic"] .metric-checkbox:disabled{cursor:default;opacity:.3}
:root[data-theme="classic"] .score-help{font-size:11px;color:var(--accent-ink);text-decoration:none}
:root[data-theme="classic"] .score-help:hover{text-decoration:underline}
:root[data-theme="classic"] .score-breakdown{margin:18px 0}
:root[data-theme="classic"] .score-breakdown>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}
:root[data-theme="classic"] .score-breakdown strong{font-size:14px;font-weight:500}
:root[data-theme="classic"] .score-breakdown small{display:block;font-size:12px;color:var(--muted)}
:root[data-theme="classic"] .score-check{font-size:18px;width:22px;color:var(--disabled)}
:root[data-theme="classic"] .score-check.done{color:var(--success)}
:root[data-theme="classic"] .review-type.final{background:var(--accent-soft);color:var(--accent-ink)}
:root[data-theme="classic"] .final-review-card{background:var(--bg);border-color:var(--line)}
:root[data-theme="classic"] .closing-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-radius:8px;background:var(--accent-soft);padding:15px}
:root[data-theme="classic"] .closing-facts>span{font-size:11px;color:var(--accent-ink)}
:root[data-theme="classic"] .closing-facts strong{font-size:21px;color:var(--accent-ink);display:block;font-weight:500;margin-top:4px}
:root[data-theme="classic"] .material-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}
:root[data-theme="classic"] .material-filters .filter-tabs{flex-wrap:wrap}
:root[data-theme="classic"] .material-filters>input,:root[data-theme="classic"] .material-filters>select{border:1px solid var(--line);background-color:var(--surface);border-radius:7px;padding:10px 12px;font-size:13px;min-width:0}
:root[data-theme="classic"] .material-filters>input{flex:1;min-width:200px}
:root[data-theme="classic"] .material-filters>select{padding-right:38px;max-width:200px}
:root[data-theme="classic"] .materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:root[data-theme="classic"] .materials-grid>.empty-note{grid-column:1/-1}
:root[data-theme="classic"] .material-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;width:100%;gap:12px}
:root[data-theme="classic"] .material-card:hover{border-color:var(--accent-line);background:var(--input-hover)}
:root[data-theme="classic"] .material-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}
:root[data-theme="classic"] .material-card h2{margin:0;font-size:19px;overflow-wrap:anywhere}
:root[data-theme="classic"] .material-card p{color:var(--muted);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:0}
:root[data-theme="classic"] .material-card>small{margin-top:auto;padding-top:6px;display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}
:root[data-theme="classic"] .material-card>small>span{color:var(--accent-ink);white-space:nowrap}
:root[data-theme="classic"] .material-prose{overflow-wrap:anywhere;max-height:55vh;overflow:auto}
:root[data-theme="classic"] #material-form select{display:block;width:100%;border:1px solid var(--line);border-radius:6px;background-color:var(--bg);margin-top:6px;padding:10px 38px 10px 12px;font-size:14px}
@media(max-width:800px){:root[data-theme="classic"] .materials-grid{grid-template-columns:1fr}}
@media(max-width:650px){:root[data-theme="classic"] .sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}
:root[data-theme="classic"] .sidebar nav .nav{flex-direction:row;justify-content:flex-start;padding:9px 8px;font-size:11px;gap:6px}
:root[data-theme="classic"] .nav-count{position:static;margin-left:auto}
:root[data-theme="classic"] .material-filters>.filter-tabs{width:100%;justify-content:space-between}
:root[data-theme="classic"] .material-filters>input{min-width:0;width:100%;flex-basis:100%}
:root[data-theme="classic"] .material-filters>select{max-width:none;width:100%}
:root[data-theme="classic"] .closing-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
:root[data-theme="classic"] .metric-checkbox{width:20px;height:20px}}
:root[data-theme="classic"] .storage i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--peach)}
:root[data-theme="classic"] .backup-panel{margin-top:20px}
:root[data-theme="classic"] .backup-panel form{max-width:850px}
:root[data-theme="classic"] .backup-folder-row{display:flex;align-items:center;gap:12px;margin-top:6px}
:root[data-theme="classic"] .backup-folder-row input{flex:1;min-width:0;margin-top:0!important}
:root[data-theme="classic"] .backup-time{max-width:200px}
:root[data-theme="classic"] .backup-status{border-top:1px solid var(--line);padding-top:17px;color:var(--muted);font-size:12px;line-height:1.7}
:root[data-theme="classic"] .backup-status p{margin:5px 0}
:root[data-theme="classic"] .backup-status strong{color:var(--ink);font-weight:500}
:root[data-theme="classic"] .backup-file{overflow-wrap:anywhere}
:root[data-theme="classic"] .backup-panel .actions{gap:12px}
:root[data-theme="classic"] .backup-panel .checkbox-label{display:flex}
@media(max-width:600px){:root[data-theme="classic"] .backup-folder-row{flex-wrap:wrap}
:root[data-theme="classic"] .backup-folder-row input{flex-basis:100%}
:root[data-theme="classic"] .backup-panel{padding:20px}}
:root[data-theme="classic"] .system-week-label{font-size:12px;color:var(--muted);margin:0 0 16px;overflow-wrap:anywhere}
:root[data-theme="classic"] .system-history{margin-top:20px}
:root[data-theme="classic"] .system-history details{border-top:1px solid var(--line);padding:14px 0}
:root[data-theme="classic"] .system-history summary,:root[data-theme="classic"] .system-archive summary{cursor:pointer;font-size:14px;color:var(--ink)}
:root[data-theme="classic"] .system-history summary small{display:block;color:var(--muted);margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}
:root[data-theme="classic"] .system-history li{font-size:13px;margin:7px 0;overflow-wrap:anywhere}
:root[data-theme="classic"] .system-archive{margin-top:20px}
:root[data-theme="classic"] .archive-row p{font-size:13px;color:var(--muted);line-height:1.7}
:root[data-theme="classic"] .progress-reminder{background:var(--accent-soft);margin-bottom:16px}
:root[data-theme="classic"] .progress-reminder strong{font-weight:550;white-space:pre-wrap;overflow-wrap:anywhere}
:root[data-theme="classic"] .progress-reminder p{font-size:13px;color:var(--muted);margin:10px 0}
:root[data-theme="classic"] .progress-reminder .actions{flex-wrap:wrap}
:root[data-theme="classic"] .reminder-edit-row{border:1px solid var(--line);border-radius:8px;padding:16px;margin:12px 0}
:root[data-theme="classic"] .rest-questions{background:var(--neutral-soft);border-radius:8px;padding:12px 16px;margin-bottom:16px}
:root[data-theme="classic"] .rest-questions p{font-size:13px;line-height:1.6;margin-bottom:0}
:root[data-theme="classic"] #system-form h3{margin:26px 0 12px}
:root[data-theme="classic"] #system-form select{width:100%;margin-top:6px;padding:10px 38px 10px 12px;border:1px solid var(--line);border-radius:6px;background-color:var(--bg)}
:root[data-theme="classic"] #system-form>.button[type=submit]{margin-top:22px}
:root[data-theme="classic"] .reminder-edit-row .section-heading{margin-bottom:8px}
:root[data-theme="classic"] .reminder-edit-row .checkbox-label{margin:0}
:root[data-theme="classic"] .system-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
:root[data-theme="classic"] .system-settings-grid .panel{min-width:0}
:root[data-theme="classic"] .system-settings-grid h2{font-size:19px;line-height:1.4}
:root[data-theme="classic"] .system-settings-grid .panel>p{font-size:13px}
:root[data-theme="classic"] .system-warning{border:1px solid var(--accent-line);border-radius:8px;background:var(--warning-soft);padding:14px 16px;margin:16px 0;font-size:13px;line-height:1.6}
:root[data-theme="classic"] .system-warning ul{padding-left:20px;margin:8px 0}
:root[data-theme="classic"] .system-warning p{margin:8px 0 0}
:root[data-theme="classic"] .rule-problem[hidden]{display:none}
@media(max-width:1150px){:root[data-theme="classic"] .system-settings-grid{grid-template-columns:1fr}}
:root[data-theme="classic"] .version-section{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
:root[data-theme="classic"] .version-section h3{font-size:14px;color:var(--ink);margin:0 0 8px}
:root[data-theme="classic"] .version-reminder{padding:8px 0}
:root[data-theme="classic"] .version-reminder p{font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
:root[data-theme="classic"] .version-reminder strong{font-weight:550}
:root[data-theme="classic"] .version-content{margin:14px 0 0 18px;padding:4px 18px 14px;border-left:2px solid var(--accent-line);border-radius:0 8px 8px 0;background:var(--bg)}
:root[data-theme="classic"] .version-content>.form-hint{margin-top:10px}
:root[data-theme="classic"] .system-history details[open]{padding-bottom:18px}
@media(max-width:650px){:root[data-theme="classic"] .version-content{margin-left:8px;padding-right:12px;padding-left:12px}}
:root[data-theme="classic"] .version-diff{padding:14px 16px;margin-top:14px;border:1px solid var(--accent-line);border-radius:8px;background:var(--surface)}
:root[data-theme="classic"] .version-diff h3{font-size:14px;margin:0 0 8px}
:root[data-theme="classic"] .version-diff h4{font-size:13px;margin:16px 0 8px}
:root[data-theme="classic"] .version-diff p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
:root[data-theme="classic"] .version-diff ul{padding-left:20px;margin:8px 0}
:root[data-theme="classic"] .version-diff li{line-height:1.6;white-space:pre-wrap}
:root[data-theme="classic"] .version-field-changes{margin:4px 0 12px!important}
:root[data-theme="classic"] .version-diff strong{font-weight:550}
:root[data-theme="classic"] .diff-before{color:var(--muted)}
@media(max-width:650px){:root[data-theme="classic"] .version-diff{padding:12px}
:root[data-theme="classic"] .version-diff ul{padding-left:16px}}
:root[data-theme="classic"] .metric-input.in-range{background:var(--success-soft);color:var(--success);border-color:var(--success)}
:root[data-theme="classic"] .metric-input.below-range,:root[data-theme="classic"] .metric-input.above-range{background:var(--warning-soft);color:var(--warning);border-color:var(--line)}
:root[data-theme="classic"] .range-coverage{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:5px;white-space:normal}
:root[data-theme="classic"] .range-editor{margin-top:10px}
:root[data-theme="classic"] .tracker td:has(.range-coverage){min-width:100px}
:root[data-theme="classic"] .metric-input.floor{background:var(--success-soft);color:var(--success);border-color:var(--success)}
:root[data-theme="classic"] .metric-input.target{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}
:root[data-theme="classic"] .metric-input.progress{background:var(--warning-soft);color:var(--warning);border-color:var(--line)}
:root[data-theme="classic"] .storage-notice{padding:12px 16px;margin:14px 0;border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:8px;font-size:12px;line-height:1.7}
:root[data-theme="classic"] .storage-notice[hidden]{display:none}
:root[data-theme="classic"] .welcome-panel{max-width:760px;margin:30px 0 80px}
:root[data-theme="classic"] .backup-panel select{max-width:100%;width:100%;margin-top:8px}
:root[data-theme="classic"] #save-status{flex-wrap:wrap;justify-content:flex-end;gap:4px}

/* Adapt the original design to controls introduced after that version. */
:root[data-theme="classic"] h1,
:root[data-theme="classic"] .review-number,
:root[data-theme="classic"] .sidebar-bottom p,
:root[data-theme="classic"] .principle-index,
:root[data-theme="classic"] .principle-card h2,
:root[data-theme="classic"] .review-intro h2,
:root[data-theme="classic"] .material-card h2,
:root[data-theme="classic"] .month-column h3,
:root[data-theme="classic"] .welcome-panel h2,
:root[data-theme="classic"] dialog h2 { font-family:var(--sans); font-style:normal; }
:root[data-theme="classic"] .principle-card h2,
:root[data-theme="classic"] .review-intro h2,
:root[data-theme="classic"] .material-card h2,
:root[data-theme="classic"] .month-column h3,
:root[data-theme="classic"] .welcome-panel h2,
:root[data-theme="classic"] dialog h2 { font-weight:600; }
:root[data-theme="classic"] .review-intro h2 { font-size:19px; }
:root[data-theme="classic"] .welcome-panel h2 { font-size:19px; }
:root[data-theme="classic"] .month-column h3 { font-size:15px; }
:root[data-theme="classic"] .principle-index { font-size:11px; letter-spacing:1px; }
:root[data-theme="classic"] .sidebar { border-right:0; }
:root[data-theme="classic"] .brand { margin-left:0; gap:0; }
:root[data-theme="classic"] .brand-mark { display:inline-flex; align-items:center; justify-content:center; height:34px; transform:none; background:transparent; }
:root[data-theme="classic"] .brand-mark .ui-icon { width:24px; height:24px; transform:none; }
:root[data-theme="classic"] .sidebar-bottom p { color:var(--on-dark); }
:root[data-theme="classic"] .button.primary,
:root[data-theme="classic"] .summary-card,
:root[data-theme="classic"] .day-header.today { box-shadow:none; }
:root[data-theme="classic"] .document-panel>.pill { white-space:normal; overflow-wrap:anywhere; }
:root[data-theme="classic"] .nav.active::after,
:root[data-theme="classic"] #season-progress,
:root[data-theme="classic"] .topbar-label,
:root[data-theme="classic"] .topbar-divider { display:none; }
:root[data-theme="classic"] .topbar-context { gap:0; }
:root[data-theme="classic"] .summary-card.accent-card { color:var(--ink); }
:root[data-theme="classic"] :is(.body-card,.build-card,.review-summary) { background:var(--surface); border-color:var(--line); color:var(--ink); }
:root[data-theme="classic"] .summary-icon { width:auto; height:auto; border:0; border-radius:0; opacity:1; }
:root[data-theme="classic"] .accent-card .progress-track { background:var(--accent-line); }
:root[data-theme="classic"] .accent-card .progress-track i { background:var(--accent); }
:root[data-theme="classic"] .review-number { font-weight:550; }
:root[data-theme="classic"] .tracker-section { background:transparent; border:0; border-radius:0; box-shadow:none; overflow:visible; }
:root[data-theme="classic"] .tracker-section>.section-heading { padding:0; margin:22px 0 13px; }
:root[data-theme="classic"] .tracker-section>.section-heading .eyebrow { display:none; }
:root[data-theme="classic"] .tracker-guide { margin:0 0 14px; font-size:12px; }
:root[data-theme="classic"] .empty-note-action { background:transparent; }
:root[data-theme="classic"] :is(.empty-note-icon,.empty-note-arrow) { color:var(--accent-ink); border-color:var(--line); }
:root[data-theme="classic"] .welcome-panel>.form-hint { border-color:var(--line); }
:root[data-theme="classic"] :is(#toast,#metric-tooltip) { background:var(--sidebar); color:var(--on-dark); }
@media(max-width:800px) {
  :root[data-theme="classic"] .brand-mark { height:29px; }
  :root[data-theme="classic"] .brand-mark .ui-icon { width:21px; height:21px; }
}