/* Shared surfaces keep all ten themes readable across every record page. */
[data-theme]{--sidebar-bg:var(--surface);--hero-bg:var(--green);--hero-ink:#fff;--button-ink:#fff;--soft:var(--lime-soft);--accent:var(--green);--chart-text:var(--muted);--tooltip-bg:var(--surface);--tooltip-ink:var(--ink);color:var(--ink);background:var(--bg)}
[data-theme] body{background:var(--bg);color:var(--ink)}
[data-theme] .sidebar{background:var(--sidebar-bg);border-color:var(--line)}
[data-theme] .brand{color:var(--ink)}
[data-theme] .brand-mark{background:var(--green);color:var(--button-ink)}
[data-theme] .brand-dot{color:var(--accent)}
[data-theme] .sidebar-caption,[data-theme] .sidebar-credit,[data-theme] .eyebrow,[data-theme] #page-subtitle,[data-theme] #sync-status,[data-theme] .section-label,[data-theme] .muted,[data-theme] .inline-note,[data-theme] .stat-trend,[data-theme] .stat-unit,[data-theme] .record-meta,[data-theme] .record-note,[data-theme] .workspace-footer,[data-theme] th,[data-theme] .field{color:var(--muted)}
[data-theme] .nav-item{color:var(--muted)}
[data-theme] .nav-item:hover{background:var(--soft);color:var(--ink)}
[data-theme] .nav-item.active{background:var(--green);color:var(--button-ink);box-shadow:none}
[data-theme] .nav-item.active svg{color:inherit}
[data-theme] .sidebar-note{background:var(--soft);border-color:var(--line)}
[data-theme] .sidebar-note p,[data-theme] .profile-copy small,[data-theme] .identity-button>small{color:var(--muted)}
[data-theme] .pair-avatars span,[data-theme] .profile-avatar{background:var(--a);color:var(--ink);border-color:var(--soft)}
[data-theme] .pair-avatars span+span{background:var(--b)}
[data-theme] .identity-button,[data-theme] .workspace-toolbar,[data-theme] .workspace-footer{border-color:var(--line)}
[data-theme] .hero-banner,[data-theme] .hero-note{background:var(--hero-bg);color:var(--hero-ink);border-radius:var(--radius)}
[data-theme] .hero-banner h2,[data-theme] .hero-banner p,[data-theme] .hero-banner .eyebrow,[data-theme] .hero-note p{color:var(--hero-ink)}
[data-theme] .hero-banner p{opacity:.88}
[data-theme] .hero-art-label strong{color:var(--hero-ink)}
[data-theme] .hero-art-label span{color:var(--hero-ink);opacity:.8}
[data-theme] .hero-pill{color:var(--hero-ink);border-color:currentColor;background:transparent}
[data-theme] .hero-ring{border-color:var(--hero-ink);opacity:.45}
[data-theme] .stat-card,[data-theme] .panel,[data-theme] .library-item{background:var(--surface);border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
[data-theme] .stat-card.lime{background:var(--soft)}
[data-theme] .stat-label,[data-theme] .stat-value,[data-theme] .record-title,[data-theme] .training-numbers strong,[data-theme] .food-calories,[data-theme] .panel h3,[data-theme] td{color:var(--ink)}
[data-theme] .stat-icon,[data-theme] .stat-card:nth-child(n) .stat-icon{background:var(--soft);color:var(--accent)}
[data-theme] .date-picker,[data-theme] .tabs,[data-theme] .view-toggle{background:var(--surface);border-color:var(--line)}
[data-theme] .person-switch{background:var(--soft)}
[data-theme] .person-switch button,[data-theme] .tab-button,[data-theme] .view-toggle button{color:var(--muted)}
[data-theme] .person-switch button.active,[data-theme] .tab-button.active,[data-theme] .view-toggle button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
[data-theme] .summary-strip,[data-theme] .connection-banner,[data-theme] .photo-upload,[data-theme] .recognition-row{background:var(--soft);border-color:var(--line);color:var(--ink)}
[data-theme] .summary-strip strong,[data-theme] .summary-strip .muted,[data-theme] .connection-banner p,[data-theme] .connection-banner p strong,[data-theme] .connection-banner a{color:var(--ink)}
[data-theme] .nutrient:nth-child(n){background:var(--surface);border-color:var(--line);border-radius:var(--radius)}
[data-theme] .progress-track{background:var(--soft)}
[data-theme] .progress-fill{background:var(--chart-a,var(--green))}
[data-theme] .nutrient:nth-child(2) .progress-fill{background:var(--chart-b,var(--accent))}
[data-theme] .nutrient:nth-child(3) .progress-fill{background:var(--chart-c,var(--green))}
[data-theme] .badge-a{background:var(--a);color:var(--ink)}
[data-theme] .badge-b{background:var(--b);color:var(--ink)}
[data-theme] .food-thumb{background:var(--soft);color:var(--accent)}
[data-theme] .record-row,[data-theme] td,[data-theme] th{border-color:var(--line)}
[data-theme] thead{background:var(--soft)}
[data-theme] .btn-primary{background:var(--green);color:var(--button-ink);border-color:var(--green)}
[data-theme] .btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}
[data-theme] .btn-secondary:hover:not(:disabled),[data-theme] .btn-icon:hover:not(:disabled){background:var(--soft);color:var(--ink)}
[data-theme] .hero-banner .btn-primary{background:var(--lime);color:var(--green-deep);border-color:var(--lime)}
[data-theme] .hero-banner .btn-secondary{background:transparent;color:var(--hero-ink);border-color:currentColor}
[data-theme] .field input,[data-theme] .field select,[data-theme] .field textarea,[data-theme] .date-picker input,[data-theme] .panel-header select{background:var(--surface);color:var(--ink);border-color:var(--line)}
[data-theme] dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius)}
[data-theme] .dialog-head,[data-theme] .dialog-footer{border-color:var(--line)}
[data-theme] .identity-options button{background:var(--a);border-color:var(--line);color:var(--ink)}
[data-theme] .identity-options button:nth-child(2){background:var(--b)}
[data-theme] .identity-options strong,[data-theme] .identity-options small{color:var(--ink)}
[data-theme] .recognition-help,[data-theme] .recognition-disclaimer,[data-theme] .identity-footnote{color:var(--muted)}
[data-theme] .mobile-nav{background:var(--surface);border-color:var(--line)}
[data-theme] .mobile-nav button{color:var(--muted)}
[data-theme] .mobile-nav button.active{background:var(--soft);color:var(--ink)}
[data-theme] :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
[data-theme="neon"] input,[data-theme="blueprint"] input,[data-theme="aurora"] input{color-scheme:dark}
.template-link{font-size:11px;text-decoration:underline;text-underline-offset:4px}
[data-template-preview] .connection-banner{display:none}


/* 01 森野日记：植物绿、叶形欢迎区、柔和的观察卡。 */
:root[data-theme="forest"] {
  --bg:#f2f5ec; --surface:#ffffff; --ink:#173a2c; --muted:#566858;
  --green:#275d43; --green-deep:#173e2c; --lime:#dfeda5; --lime-soft:#e8efdc;
  --line:#d8e1d0; --a:#2d694c; --b:#96613e; --radius:22px;
  --shadow:0 8px 28px #25402b08; --sidebar-bg:#fafbf4; --soft:#e8efdc;
  --hero-bg:#214a37; --hero-ink:#fafff2; --accent:#507744;
  --chart-a:#427451; --chart-b:#ab724b; --chart-c:#81914a; --chart-grid:#dce4d4;
}
[data-theme="forest"] .sidebar { background:var(--sidebar-bg); padding-top:38px; }
[data-theme="forest"] .brand-mark { border-radius:19px 19px 19px 5px; }
[data-theme="forest"] .desktop-nav { gap:10px; }
[data-theme="forest"] .desktop-nav .nav-item { border-radius:18px 18px 18px 5px; }
[data-theme="forest"] .desktop-nav .nav-item.active { box-shadow:0 6px 14px #275d431c; }
[data-theme="forest"] .workspace-header h1 { font-weight:600; letter-spacing:-1px; }
[data-theme="forest"] .hero-banner { border-radius:38px 38px 38px 10px; min-height:205px; padding:30px 34px; background:var(--hero-bg); }
[data-theme="forest"] .hero-copy { max-width:70%; }
[data-theme="forest"] .hero-banner h2 { font-size:30px; line-height:1.4; font-weight:550; }
[data-theme="forest"] .hero-art { width:205px; height:165px; margin:0; }
[data-theme="forest"] .hero-art:before { width:155px; height:155px; border:1px solid #dfeda573; border-radius:50%; transform:none; }
[data-theme="forest"] .hero-art:after { width:188px; height:188px; border:1px dashed #dfeda540; border-radius:50%; transform:rotate(-22deg); }
[data-theme="forest"] .hero-ring { width:124px; height:124px; background:#dfeda515; border-color:#dfeda52c; }
[data-theme="forest"] .hero-art-label strong { font-size:49px; font-weight:450; }
[data-theme="forest"] .hero-art .hero-pill { bottom:3px; background:#2b5740; border-color:#b3c792; color:#f2f8e7; }
[data-theme="forest"] .stats-grid { gap:18px; }
[data-theme="forest"] .stat-card { border-radius:22px 22px 22px 7px; min-height:145px; padding:23px; box-shadow:var(--shadow); }
[data-theme="forest"] .stat-card.lime { background:#e7efd6; border-color:#cfddba; }
[data-theme="forest"] .stat-value { font-size:34px; font-weight:550; letter-spacing:-1.3px; }
[data-theme="forest"] .stat-icon { border-radius:50%; }
[data-theme="forest"] .panel { box-shadow:var(--shadow); padding:25px; }
[data-theme="forest"] .panel-header { border-bottom:1px solid var(--line); padding-bottom:14px; margin-bottom:20px; }
[data-theme="forest"] .chart-wrap { height:244px; }
[data-theme="forest"] .sidebar-note { border-radius:25px 25px 25px 7px; background:#eaf0dd; border-color:var(--line); }
[data-theme="forest"] .person-switch { border-radius:20px; background:#e4ecdb; }
[data-theme="forest"] .person-switch button { border-radius:16px; }
[data-theme="forest"] .date-picker { border-radius:18px; }
[data-theme="forest"] .btn-primary { border-radius:18px; }
[data-theme="forest"] .summary-strip { border-radius:20px 20px 20px 7px; }
[data-theme="forest"] .tabs,[data-theme="forest"] .view-toggle { border-radius:16px; }
[data-theme="forest"] .tab-button,[data-theme="forest"] .view-toggle button { border-radius:12px; }
[data-theme="forest"] .library-item { border-radius:20px 20px 20px 7px; }
@media (max-width:740px) {
  [data-theme="forest"] .sidebar { padding:16px 20px; background:var(--sidebar-bg); }
  [data-theme="forest"] .workspace { padding:25px 20px 22px; }
  [data-theme="forest"] .hero-banner { padding:23px; min-height:184px; border-radius:28px 28px 28px 7px; gap:14px; }
  [data-theme="forest"] .hero-copy { max-width:calc(100% - 90px); }
  [data-theme="forest"] .hero-banner h2 { font-size:22px; }
  [data-theme="forest"] .hero-art { width:76px; min-width:76px; height:132px; }
  [data-theme="forest"] .hero-art:before { width:99px; height:99px; }
  [data-theme="forest"] .hero-art:after { width:122px; height:122px; }
  [data-theme="forest"] .hero-ring { width:75px; height:75px; }
  [data-theme="forest"] .hero-art-label strong { font-size:30px; }
  [data-theme="forest"] .hero-art .hero-pill { bottom:1px; font-size:6px; }
  [data-theme="forest"] .stats-grid { gap:12px; }
  [data-theme="forest"] .stat-card { padding:18px; min-height:134px; }
  [data-theme="forest"] .stat-value { font-size:30px; }
  [data-theme="forest"] .panel { padding:20px; }
  [data-theme="forest"] .mobile-nav { background:#fbfcf5; border-color:var(--line); }
  [data-theme="forest"] .mobile-nav button { border-radius:17px 17px 17px 5px; }
}
@media (max-width:380px) {
  [data-theme="forest"] .hero-banner { padding:18px; gap:8px; }
  [data-theme="forest"] .hero-copy { max-width:calc(100% - 65px); }
  [data-theme="forest"] .hero-art { width:57px; min-width:57px; }
  [data-theme="forest"] .hero-banner h2 { font-size:19px; }
}

/* 02 极简白：无阴影、细线、直角分区与单色数字。 */
:root[data-theme="minimal"] {
  --bg:#f7f8fa; --surface:#ffffff; --ink:#20242a; --muted:#5d626b;
  --green:#252a31; --green-deep:#11151b; --lime:#ffffff; --lime-soft:#edf0f3;
  --line:#d9dde3; --a:#303c4c; --b:#737b86; --radius:8px; --shadow:none;
  --sidebar-bg:#ffffff; --soft:#eff1f4; --hero-bg:#ffffff; --hero-ink:#20242a; --accent:#353e4b;
  --chart-a:#253849; --chart-b:#76889a; --chart-c:#4b6e64; --chart-grid:#e4e7eb;
}
[data-theme="minimal"] .sidebar { background:var(--sidebar-bg); border-right:1px solid var(--line); }
[data-theme="minimal"] .brand-mark { border-radius:7px; transform:none; background:#272e37; }
[data-theme="minimal"] .brand strong { font-weight:650; letter-spacing:-1px; }
[data-theme="minimal"] .desktop-nav { gap:3px; }
[data-theme="minimal"] .desktop-nav .nav-item { border-radius:0; border-left:2px solid transparent; background:transparent; padding-left:13px; }
[data-theme="minimal"] .desktop-nav .nav-item.active { color:var(--ink); background:#eff1f4; border-left-color:#252a31; box-shadow:none; }
[data-theme="minimal"] .desktop-nav .nav-item.active svg { color:#252a31; }
[data-theme="minimal"] .workspace-header h1 { letter-spacing:-1.2px; font-size:32px; font-weight:550; }
[data-theme="minimal"] .eyebrow { letter-spacing:2px; }
[data-theme="minimal"] .hero-banner { background:var(--hero-bg); color:var(--hero-ink); border:1px solid var(--line); border-radius:8px; padding:28px 32px; min-height:192px; }
[data-theme="minimal"] .hero-banner h2 { font-size:28px; font-weight:500; letter-spacing:-1px; }
[data-theme="minimal"] .hero-banner h2>span { color:#4d6071; }
[data-theme="minimal"] .hero-banner p,[data-theme="minimal"] .hero-banner .eyebrow { color:#5d626b; }
[data-theme="minimal"] .hero-art { width:192px; height:132px; margin:0; border-left:1px solid var(--line); }
[data-theme="minimal"] .hero-art:before,[data-theme="minimal"] .hero-art:after,[data-theme="minimal"] .hero-ring { display:none; }
[data-theme="minimal"] .hero-art-label strong { font-size:64px; font-weight:300; letter-spacing:-4px; color:#252a31; }
[data-theme="minimal"] .hero-art-label span { color:#5d626b; letter-spacing:2px; }
[data-theme="minimal"] .hero-art .hero-pill { background:#ffffff; color:#5d626b; border:0; border-radius:0; bottom:-2px; }
[data-theme="minimal"] .hero-banner .btn-primary { color:#fff; background:#252a31; border-color:#252a31; }
[data-theme="minimal"] .hero-banner .btn-secondary { color:#303944; border-color:#bdc5ce; }
[data-theme="minimal"] .stats-grid { gap:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
[data-theme="minimal"] .stat-card { border:0; border-right:1px solid var(--line); border-radius:0; box-shadow:none; padding:22px; min-height:148px; }
[data-theme="minimal"] .stat-card:last-child { border-right:0; }
[data-theme="minimal"] .stat-card.lime { background:#ffffff; }
[data-theme="minimal"] .stat-value { font-size:34px; font-weight:450; color:#20242a; letter-spacing:-1.8px; }
[data-theme="minimal"] .stat-card .stat-icon { background:transparent; border:1px solid #d9dde3; color:#536173; border-radius:6px; }
[data-theme="minimal"] .panel { box-shadow:none; padding:25px; }
[data-theme="minimal"] .panel-header { border-bottom:1px solid var(--line); padding-bottom:15px; }
[data-theme="minimal"] .panel-header h2 { font-weight:550; }
[data-theme="minimal"] .sidebar-note { border-radius:6px; background:#fafbfc; border-color:var(--line); }
[data-theme="minimal"] .person-switch { border:1px solid var(--line); background:transparent; border-radius:6px; }
[data-theme="minimal"] .person-switch button { border-radius:3px; }
[data-theme="minimal"] .person-switch button.active { background:#edf0f3; box-shadow:none; }
[data-theme="minimal"] .date-picker,[data-theme="minimal"] .btn { border-radius:5px; }
[data-theme="minimal"] .summary-strip { background:#ffffff; border-radius:6px; color:#5d626b; }
[data-theme="minimal"] .summary-strip strong { color:#252a31; }
[data-theme="minimal"] .tabs,[data-theme="minimal"] .view-toggle { background:transparent; border:1px solid var(--line); border-radius:5px; }
[data-theme="minimal"] .tab-button.active,[data-theme="minimal"] .view-toggle button.active { background:#edf0f3; box-shadow:none; }
[data-theme="minimal"] .library-item { border-radius:6px; }
@media (max-width:740px) {
  [data-theme="minimal"] .sidebar { padding:15px 20px; }
  [data-theme="minimal"] .workspace { padding:25px 20px 20px; }
  [data-theme="minimal"] .workspace-header h1 { font-size:30px; }
  [data-theme="minimal"] .hero-banner { padding:22px; min-height:174px; gap:16px; }
  [data-theme="minimal"] .hero-copy { max-width:calc(100% - 87px); }
  [data-theme="minimal"] .hero-banner h2 { font-size:21px; }
  [data-theme="minimal"] .hero-art { width:71px; min-width:71px; height:126px; }
  [data-theme="minimal"] .hero-art-label strong { font-size:42px; letter-spacing:-2px; }
  [data-theme="minimal"] .hero-art-label span { font-size:6px; letter-spacing:.1px; }
  [data-theme="minimal"] .hero-art .hero-pill { font-size:6px; padding:3px; }
  [data-theme="minimal"] .stat-card { padding:19px; min-height:132px; }
  [data-theme="minimal"] .stat-card:nth-child(2) { border-right:0; }
  [data-theme="minimal"] .stat-card:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  [data-theme="minimal"] .stat-value { font-size:29px; }
  [data-theme="minimal"] .panel { padding:20px; }
  [data-theme="minimal"] .mobile-nav { background:#ffffff; border-color:var(--line); }
  [data-theme="minimal"] .mobile-nav button { border-radius:0; border-top:2px solid transparent; }
  [data-theme="minimal"] .mobile-nav button.active { color:#20242a; background:#f2f4f6; border-top-color:#252a31; }
}

/* 05 奶油双人：烘焙纸色、胶囊导航、圆润数据与双人徽章。 */
:root[data-theme="cream"] {
  --bg:#fcf4e9; --surface:#fffefa; --ink:#573c30; --muted:#786052;
  --green:#78503a; --green-deep:#533725; --lime:#f8dfaa; --lime-soft:#f6e6cd;
  --line:#e8d7c2; --a:#8b5840; --b:#975955; --radius:27px;
  --shadow:0 7px 0 #e8d7c247; --sidebar-bg:#fff9ee; --soft:#f6e9d6;
  --hero-bg:#f0ddbc; --hero-ink:#513826; --accent:#986342;
  --chart-a:#a16943; --chart-b:#b76870; --chart-c:#68816b; --chart-grid:#eadfce;
}
[data-theme="cream"] .sidebar { background:var(--sidebar-bg); }
[data-theme="cream"] .brand-mark { border-radius:50%; background:#78503a; }
[data-theme="cream"] .desktop-nav { gap:10px; }
[data-theme="cream"] .desktop-nav .nav-item { border-radius:30px; }
[data-theme="cream"] .desktop-nav .nav-item.active { background:#78503a; box-shadow:0 4px 0 #e4c9ad; }
[data-theme="cream"] .workspace-header h1 { font-family:"STKaiti","KaiTi",serif; font-weight:650; font-size:36px; letter-spacing:0; }
[data-theme="cream"] .hero-banner { color:var(--hero-ink); background:var(--hero-bg); min-height:210px; padding:32px; border-radius:35px; border:1px solid #e7cfaa; overflow:hidden; }
[data-theme="cream"] .hero-banner h2 { font-family:"STKaiti","KaiTi",serif; font-size:32px; font-weight:650; letter-spacing:0; }
[data-theme="cream"] .hero-banner h2>span { color:#8a4b3a; }
[data-theme="cream"] .hero-banner p,[data-theme="cream"] .hero-banner .eyebrow { color:#735b43; }
[data-theme="cream"] .hero-copy { max-width:68%; }
[data-theme="cream"] .hero-art { width:180px; height:150px; margin:0; }
[data-theme="cream"] .hero-art:before { width:149px; height:149px; border:0; background:#fff4db; border-radius:50%; transform:none; }
[data-theme="cream"] .hero-art:after { width:149px; height:149px; border:0; background:#dda5a32a; border-radius:50%; transform:translate(29px,16px); }
[data-theme="cream"] .hero-ring { display:none; }
[data-theme="cream"] .hero-art-label strong { color:#74462f; font-family:Georgia,"Times New Roman",serif; font-size:52px; letter-spacing:-2px; }
[data-theme="cream"] .hero-art-label span { color:#75523c; letter-spacing:1px; }
[data-theme="cream"] .hero-art .hero-pill { background:#fff8eb; border-color:#cbb18a; color:#67432c; bottom:-1px; }
[data-theme="cream"] .hero-banner .btn-primary { background:#78503a; border-color:#78503a; color:#fff9ed; }
[data-theme="cream"] .hero-banner .btn-secondary { border-color:#a68666; color:#68462e; }
[data-theme="cream"] .stats-grid { gap:18px; }
[data-theme="cream"] .stat-card { border-radius:26px; padding:22px; min-height:146px; box-shadow:var(--shadow); }
[data-theme="cream"] .stat-card.lime { background:#f9e9cf; border-color:#e7cfaa; }
[data-theme="cream"] .stat-card:nth-child(2) { background:#fcf0e8; }
[data-theme="cream"] .stat-card:nth-child(3) { background:#f6eeec; }
[data-theme="cream"] .stat-card:nth-child(4) { background:#f0f2e5; }
[data-theme="cream"] .stat-value { color:#62432d; font-family:Georgia,"Times New Roman",serif; font-size:36px; font-weight:550; }
[data-theme="cream"] .stat-card .stat-icon { border-radius:50%; background:#e9d4b6; color:#795332; }
[data-theme="cream"] .panel { border-radius:27px; padding:26px; box-shadow:var(--shadow); }
[data-theme="cream"] .panel-header h2 { font-family:"STKaiti","KaiTi",serif; font-size:19px; }
[data-theme="cream"] .sidebar-note { border-radius:26px; background:#f8e9d1; border-color:var(--line); }
[data-theme="cream"] .person-switch { border-radius:30px; padding:5px; background:#f0e0c8; }
[data-theme="cream"] .person-switch button { border-radius:26px; }
[data-theme="cream"] .person-switch button.active { background:#fffaf1; box-shadow:0 2px 0 #d8c4a6; }
[data-theme="cream"] .date-picker,[data-theme="cream"] .btn { border-radius:25px; }
[data-theme="cream"] .summary-strip { border-radius:22px; background:#f5e6cd; }
[data-theme="cream"] .tabs,[data-theme="cream"] .view-toggle { border-radius:25px; background:#f2e3cc; }
[data-theme="cream"] .tab-button,[data-theme="cream"] .view-toggle button { border-radius:22px; }
[data-theme="cream"] .library-item { border-radius:22px; background:#fffaf1; }
@media (max-width:740px) {
  [data-theme="cream"] .sidebar { padding:16px 20px; }
  [data-theme="cream"] .workspace { padding:26px 20px 22px; }
  [data-theme="cream"] .workspace-header h1 { font-size:33px; }
  [data-theme="cream"] .hero-banner { padding:22px; min-height:188px; border-radius:28px; gap:12px; }
  [data-theme="cream"] .hero-copy { max-width:calc(100% - 84px); }
  [data-theme="cream"] .hero-banner h2 { font-size:23px; }
  [data-theme="cream"] .hero-art { width:72px; min-width:72px; height:130px; }
  [data-theme="cream"] .hero-art:before,[data-theme="cream"] .hero-art:after { width:95px; height:95px; }
  [data-theme="cream"] .hero-art:after { transform:translate(12px,13px); }
  [data-theme="cream"] .hero-art-label strong { font-size:34px; }
  [data-theme="cream"] .hero-art-label span { font-size:6px; letter-spacing:.1px; }
  [data-theme="cream"] .hero-art .hero-pill { bottom:0; font-size:6px; }
  [data-theme="cream"] .stats-grid { gap:13px; }
  [data-theme="cream"] .stat-card { padding:18px; min-height:132px; border-radius:22px; }
  [data-theme="cream"] .stat-value { font-size:31px; }
  [data-theme="cream"] .panel { padding:20px; border-radius:24px; }
  [data-theme="cream"] .mobile-nav { background:#fff9ee; border-color:var(--line); }
  [data-theme="cream"] .mobile-nav button { border-radius:24px; }
  [data-theme="cream"] .mobile-nav button.active { background:#ecd8b9; color:#5b3b27; }
}

/* 09 水墨留白：纸白、墨色细线、朱砂印记与书页式卡片。 */
:root[data-theme="ink"] {
  --bg:#f7f6f2; --surface:#fffefa; --ink:#292b2a; --muted:#65655f;
  --green:#353b38; --green-deep:#202522; --lime:#eee9da; --lime-soft:#e9e8e0;
  --line:#d9d8cf; --a:#3d5550; --b:#994b43; --radius:2px; --shadow:none;
  --sidebar-bg:#eeeee7; --soft:#edede5; --hero-bg:#eae9e1; --hero-ink:#303730; --accent:#9b483e;
  --chart-a:#3c5550; --chart-b:#9c5448; --chart-c:#8a8059; --chart-grid:#dddcd4;
}
[data-theme="ink"] .sidebar { background:var(--sidebar-bg); border-right:1px solid #cecec3; }
[data-theme="ink"] .brand-mark { border-radius:2px; background:#984a3d; transform:none; }
[data-theme="ink"] .brand strong { font-family:"STSong","Songti SC","SimSun",serif; letter-spacing:2px; }
[data-theme="ink"] .brand-dot { color:#994b43; }
[data-theme="ink"] .desktop-nav { gap:7px; }
[data-theme="ink"] .desktop-nav .nav-item { border-radius:0; border-bottom:1px solid transparent; }
[data-theme="ink"] .desktop-nav .nav-item.active { background:transparent; color:#292b2a; border-bottom-color:#3c4840; box-shadow:none; }
[data-theme="ink"] .desktop-nav .nav-item.active svg { color:#994b43; }
[data-theme="ink"] .workspace-header h1 { font-family:"STSong","Songti SC","SimSun",serif; font-size:35px; font-weight:550; letter-spacing:3px; }
[data-theme="ink"] .workspace-toolbar { border-color:#bdbeb3; margin-top:32px; }
[data-theme="ink"] .hero-banner { background:var(--hero-bg); color:var(--hero-ink); min-height:219px; border-radius:2px; padding:32px 34px; border-top:2px solid #3c4840; border-bottom:1px solid #cacdc1; }
[data-theme="ink"] .hero-banner h2 { font-family:"STSong","Songti SC","SimSun",serif; font-size:30px; font-weight:550; letter-spacing:2px; line-height:1.6; }
[data-theme="ink"] .hero-banner h2>span { color:#985041; }
[data-theme="ink"] .hero-banner p,[data-theme="ink"] .hero-banner .eyebrow { color:#5f635a; }
[data-theme="ink"] .hero-copy { max-width:72%; }
[data-theme="ink"] .hero-art { width:155px; height:154px; margin:0; }
[data-theme="ink"] .hero-art:before { width:127px; height:127px; border:1px solid #778375; border-radius:50%; transform:rotate(-28deg) scaleY(.9); }
[data-theme="ink"] .hero-art:after { width:116px; height:134px; border:1px solid #7783756b; border-radius:50%; transform:rotate(15deg); }
[data-theme="ink"] .hero-ring { display:none; }
[data-theme="ink"] .hero-art-label strong { color:#394b40; font-family:"STSong","Songti SC","SimSun",serif; font-size:45px; font-weight:500; letter-spacing:0; }
[data-theme="ink"] .hero-art-label span { color:#596451; letter-spacing:2px; }
[data-theme="ink"] .hero-art .hero-pill { background:#9b483e; color:#fffaf2; border:0; border-radius:1px; padding:6px 9px; bottom:-7px; }
[data-theme="ink"] .hero-art .hero-pill:before { background:#f1d8bc; }
[data-theme="ink"] .hero-banner .btn-primary { background:#353b38; border-color:#353b38; color:#fffefa; }
[data-theme="ink"] .hero-banner .btn-secondary { color:#404b41; border-color:#798371; }
[data-theme="ink"] .stats-grid { gap:18px; }
[data-theme="ink"] .stat-card { border:0; border-top:1px solid #959f8f; border-bottom:1px solid #d9d8cf; border-radius:0; background:transparent; padding:20px 8px; min-height:143px; }
[data-theme="ink"] .stat-card.lime { background:transparent; border-color:#959f8f; }
[data-theme="ink"] .stat-value { font-family:Georgia,"Times New Roman",serif; font-size:37px; font-weight:400; letter-spacing:-1px; color:#303a33; }
[data-theme="ink"] .stat-card .stat-icon { background:transparent; border:1px solid #bfc4b7; color:#53634f; border-radius:1px; }
[data-theme="ink"] .panel { padding:27px; box-shadow:none; border-radius:2px; }
[data-theme="ink"] .panel-header { padding-bottom:15px; border-bottom:1px solid #d9d8cf; }
[data-theme="ink"] .panel-header h2 { font-family:"STSong","Songti SC","SimSun",serif; font-size:18px; letter-spacing:1px; }
[data-theme="ink"] .sidebar-note { border:0; border-top:1px solid #bfc4b7; border-bottom:1px solid #bfc4b7; background:transparent; border-radius:0; }
[data-theme="ink"] .person-switch { border:1px solid #c5c8be; background:transparent; border-radius:2px; }
[data-theme="ink"] .person-switch button { border-radius:1px; }
[data-theme="ink"] .person-switch button.active { background:#e3e7db; box-shadow:none; }
[data-theme="ink"] .date-picker,[data-theme="ink"] .btn { border-radius:2px; }
[data-theme="ink"] .summary-strip { border-radius:1px; border-left:3px solid #7f8d73; }
[data-theme="ink"] .tabs,[data-theme="ink"] .view-toggle { border-radius:1px; background:#e7e8df; }
[data-theme="ink"] .tab-button,[data-theme="ink"] .view-toggle button { border-radius:1px; }
[data-theme="ink"] .library-item { border-radius:2px; }
@media (max-width:740px) {
  [data-theme="ink"] .sidebar { padding:17px 20px; }
  [data-theme="ink"] .workspace { padding:28px 20px 22px; }
  [data-theme="ink"] .workspace-header h1 { font-size:31px; letter-spacing:2px; }
  [data-theme="ink"] .hero-banner { padding:24px 22px; min-height:196px; gap:12px; }
  [data-theme="ink"] .hero-copy { max-width:calc(100% - 80px); }
  [data-theme="ink"] .hero-banner h2 { font-size:22px; letter-spacing:1px; }
  [data-theme="ink"] .hero-art { width:68px; min-width:68px; height:127px; }
  [data-theme="ink"] .hero-art:before { width:88px; height:88px; }
  [data-theme="ink"] .hero-art:after { width:81px; height:96px; }
  [data-theme="ink"] .hero-art-label strong { font-size:29px; }
  [data-theme="ink"] .hero-art-label span { font-size:6px; letter-spacing:.3px; }
  [data-theme="ink"] .hero-art .hero-pill { font-size:6px; bottom:1px; }
  [data-theme="ink"] .stats-grid { gap:12px; }
  [data-theme="ink"] .stat-card { padding:17px 8px; min-height:129px; }
  [data-theme="ink"] .stat-value { font-size:31px; }
  [data-theme="ink"] .panel { padding:21px; }
  [data-theme="ink"] .mobile-nav { background:#f7f6ef; border-color:#bfc4b7; }
  [data-theme="ink"] .mobile-nav button { border-radius:1px; }
  [data-theme="ink"] .mobile-nav button.active { background:#e5e8db; color:#344437; box-shadow:inset 0 2px #6a785d; }
}


/* 03 · 夜跑霓虹 — angular cards, fluorescent track lines, compact type. */
:root[data-theme="neon"] {
  --bg:#090d13;--surface:#141b25;--ink:#eef4f7;--muted:#a4b3c3;--secondary:#a4b3c3;
  --green:#c7ff47;--green-deep:#a6dd27;--lime:#c7ff47;--lime-soft:#243323;--line:#334251;--a:#253823;--b:#342b45;
  --radius:7px;--shadow:0 8px 25px #00000038;--sidebar-bg:#0f151e;--hero-bg:#151f22;--hero-ink:#eef4f7;--button-ink:#15220e;--accent:#c7ff47;--soft:#1c2832;
  --chart-a:#c7ff47;--chart-b:#9e95ff;--chart-c:#49d3e8;--chart-grid:#334251;
  font-family:"Arial", "Microsoft YaHei", sans-serif;
}
:root[data-theme="neon"] .workspace {background-image:radial-gradient(ellipse at 90% 0,#a4ff0010,transparent 45%);}
:root[data-theme="neon"] .brand-mark {transform:rotate(0);border-radius:7px;background:var(--accent);color:#10180c;box-shadow:0 0 24px #c7ff4720;}
:root[data-theme="neon"] .brand strong {font-weight:850;letter-spacing:-1px;}
:root[data-theme="neon"] .brand-dot {color:var(--accent);}
:root[data-theme="neon"] .header-copy h1 {font-weight:850;letter-spacing:-1.5px;}
:root[data-theme="neon"] .eyebrow {color:#c0cddb;letter-spacing:2px;}
:root[data-theme="neon"] .nav-item {border-radius:4px;border:1px solid transparent;min-height:49px;}
:root[data-theme="neon"] .nav-item.active {background:#c7ff4711;color:var(--accent);border-color:#c7ff4759;box-shadow:inset 3px 0 var(--accent);}
:root[data-theme="neon"] .nav-item.active svg {color:var(--accent);}
:root[data-theme="neon"] .nav-item:hover {background:#1d2a35;color:var(--ink);}
:root[data-theme="neon"] .hero-banner {min-height:208px;border:1px solid #c7ff4755;border-radius:7px;background:linear-gradient(112deg,#1a2429 0 69%,#263d21 69% 70%,#0e171c 70%);padding:30px;}
:root[data-theme="neon"] .hero-banner:after {content:"";position:absolute;width:260px;height:260px;right:-125px;top:-90px;border:24px solid #c7ff4712;border-radius:50%;pointer-events:none;}
:root[data-theme="neon"] .hero-banner h2 {font-size:30px;font-weight:850;line-height:1.35;letter-spacing:-1px;}
:root[data-theme="neon"] .hero-banner h2>span {color:var(--accent);}
:root[data-theme="neon"] .hero-banner p,:root[data-theme="neon"] .hero-banner .eyebrow {color:#c0cfbd;}
:root[data-theme="neon"] .hero-art {height:150px;width:185px;min-width:100px;}
:root[data-theme="neon"] .hero-art:before {width:145px;height:145px;border:1px solid #c7ff4770;border-radius:7px;transform:rotate(-12deg);background:#c7ff4707;}
:root[data-theme="neon"] .hero-art:after {width:126px;height:126px;border:1px solid #c7ff4730;border-radius:7px;transform:rotate(12deg);}
:root[data-theme="neon"] .hero-art-label strong {color:var(--accent);font-weight:850;font-size:48px;letter-spacing:-2px;text-shadow:0 0 25px #c7ff4738;}
:root[data-theme="neon"] .hero-art-label span {color:#c3d3bb;letter-spacing:1px;}
:root[data-theme="neon"] .hero-art .hero-pill {background:#17241c;color:#d8ecce;border-color:#668b51;}
:root[data-theme="neon"] .stat-card {border-radius:7px;border-top:2px solid #45693c;background:linear-gradient(140deg,#1c2730,#121a23);box-shadow:var(--shadow);}
:root[data-theme="neon"] .stat-card.lime {background:#25351f;border-color:#8bc53b;}
:root[data-theme="neon"] .stat-value {font-family:"Arial",sans-serif;font-size:34px;font-weight:850;letter-spacing:-1px;}
:root[data-theme="neon"] .stat-icon,:root[data-theme="neon"] .stat-card.lime .stat-icon {background:#c7ff4714;color:var(--accent);border-radius:4px;}
:root[data-theme="neon"] .panel {border-radius:7px;border-top:2px solid #405164;}
:root[data-theme="neon"] .panel-header h2 {font-weight:800;}
:root[data-theme="neon"] .person-switch {border-radius:5px;padding:4px;background:#1c2630;border:1px solid var(--line);}
:root[data-theme="neon"] .person-switch button {border-radius:2px;}
:root[data-theme="neon"] .person-switch button.active {background:var(--accent);color:#15220e;box-shadow:none;}
:root[data-theme="neon"] .btn-primary,:root[data-theme="neon"] .hero-banner .btn-primary {background:var(--accent);color:#15220e;border-color:var(--accent);font-weight:800;border-radius:5px;}
:root[data-theme="neon"] .btn-primary:hover:not(:disabled) {background:#dcff8b;}
:root[data-theme="neon"] .summary-strip {border:1px solid #526b37;border-left:4px solid var(--accent);border-radius:4px;background:#1c2b20;}
:root[data-theme="neon"] .summary-strip strong {color:#dcffb5;}
:root[data-theme="neon"] .mobile-nav {background:#0f151ef5;border-top:1px solid #526b37;}
:root[data-theme="neon"] .mobile-nav button {border-radius:4px;color:#b5c4d3;}
:root[data-theme="neon"] .mobile-nav button.active {color:var(--accent);background:#c7ff4715;}
@media(max-width:740px) {
  :root[data-theme="neon"] .hero-banner {min-height:196px;padding:22px 18px;gap:10px;background:linear-gradient(112deg,#1a2429 0 78%,#263d21 78% 79%,#0e171c 79%);}
  :root[data-theme="neon"] .hero-banner h2 {font-size:23px;}
  :root[data-theme="neon"] .hero-art {width:83px;min-width:83px;height:130px;}
  :root[data-theme="neon"] .hero-art:before {width:87px;height:87px;}
  :root[data-theme="neon"] .hero-art:after {width:73px;height:73px;}
  :root[data-theme="neon"] .hero-art-label strong {font-size:29px;}
  :root[data-theme="neon"] .stat-value {font-size:29px;}
}

/* 04 · 活力橘 — team colors, cut diagonals, bold score cards. */
:root[data-theme="energy"] {
  --bg:#f4f5fa;--surface:#ffffff;--ink:#16264d;--muted:#59667e;--secondary:#59667e;
  --green:#db4d20;--green-deep:#b43714;--lime:#ffe071;--lime-soft:#fff2ce;--line:#d4dbea;--a:#ffe3d2;--b:#e4e9ff;
  --radius:12px;--shadow:4px 5px 0 #18285212;--sidebar-bg:#15254a;--hero-bg:#ed5c2a;--hero-ink:#ffffff;--button-ink:#ffffff;--accent:#db4d20;--soft:#eaf0fa;
  --chart-a:#e75b2d;--chart-b:#375db8;--chart-c:#b07609;--chart-grid:#d8dfeb;
  font-family:"Segoe UI", "Microsoft YaHei", sans-serif;
}
:root[data-theme="energy"] .sidebar {color:#f4f6ff;border-right:0;}
:root[data-theme="energy"] .sidebar .brand strong,:root[data-theme="energy"] .sidebar .brand small,:root[data-theme="energy"] .sidebar .profile-copy strong {color:#f4f6ff;}
:root[data-theme="energy"] .sidebar-caption,:root[data-theme="energy"] .sidebar-credit,:root[data-theme="energy"] .sidebar .profile-copy small {color:#bdc9e2;}
:root[data-theme="energy"] .brand-mark {background:#ff7440;color:#17274a;transform:rotate(-9deg);border-radius:10px;}
:root[data-theme="energy"] .brand strong {font-weight:850;letter-spacing:-1px;}
:root[data-theme="energy"] .brand-dot {color:#ff9a5c;}
:root[data-theme="energy"] .header-copy h1 {font-weight:850;letter-spacing:-1px;}
:root[data-theme="energy"] .header-copy .eyebrow {color:#3c5798;}
:root[data-theme="energy"] .nav-item {border-radius:5px;color:#c8d4ed;}
:root[data-theme="energy"] .nav-item.active {background:#fa7440;color:#18254a;box-shadow:5px 5px 0 #08163080;font-weight:800;}
:root[data-theme="energy"] .nav-item.active svg {color:#17264a;}
:root[data-theme="energy"] .nav-item:hover {background:#30446e;color:white;}
:root[data-theme="energy"] .sidebar-note {background:#21375e;border-color:#3e5681;transform:rotate(-2deg);}
:root[data-theme="energy"] .sidebar-note strong {color:#ffd49b;}
:root[data-theme="energy"] .sidebar-note p {color:#c5d0e6;}
:root[data-theme="energy"] .hero-banner {min-height:213px;border-radius:3px 28px 3px 28px;padding:30px;background:linear-gradient(112deg,#e65a29 0 64%,#192b54 64%);box-shadow:5px 6px 0 #15274a;}
:root[data-theme="energy"] .hero-banner:after {content:"";position:absolute;right:14px;top:-70px;height:390px;width:5px;background:#ffffff16;transform:rotate(22deg);box-shadow:-27px 0 #ffffff16,-54px 0 #ffffff16,-81px 0 #ffffff16;pointer-events:none;}
:root[data-theme="energy"] .hero-banner h2 {font-size:31px;font-weight:850;line-height:1.3;letter-spacing:-1px;}
:root[data-theme="energy"] .hero-banner p,:root[data-theme="energy"] .hero-banner .eyebrow {color:#fff8ea;}
:root[data-theme="energy"] .hero-copy {max-width:62%;}
:root[data-theme="energy"] .hero-art {width:190px;height:160px;min-width:120px;}
:root[data-theme="energy"] .hero-art:before {width:143px;height:143px;border:13px solid #ff9b4b;border-radius:50%;transform:rotate(0);}
:root[data-theme="energy"] .hero-art:after {width:124px;height:124px;border:1px dashed #ffe1af;border-radius:50%;transform:rotate(0);}
:root[data-theme="energy"] .hero-art-label strong {font-size:45px;font-weight:850;color:#ffdd78;letter-spacing:-1px;}
:root[data-theme="energy"] .hero-art-label span {color:#f7dfb9;font-weight:700;}
:root[data-theme="energy"] .hero-art .hero-pill {background:#192b54;border-color:#fda05f;color:#ffdbab;}
:root[data-theme="energy"] .hero-banner .btn-primary {background:#172b55;border-color:#172b55;color:white;}
:root[data-theme="energy"] .hero-banner .btn-primary:hover:not(:disabled) {background:#2c4578;}
:root[data-theme="energy"] .hero-banner .btn-secondary {color:white;border-color:#fff6;}
:root[data-theme="energy"] .stat-card {border-radius:5px 17px 5px 5px;border:1px solid #cbd5e5;border-left:4px solid #3555a0;box-shadow:var(--shadow);}
:root[data-theme="energy"] .stat-card.lime {background:#fff0db;border-color:#e8c099;border-left:4px solid #e96931;}
:root[data-theme="energy"] .stat-value {font-weight:850;font-size:33px;letter-spacing:-1.5px;}
:root[data-theme="energy"] .stat-icon {border-radius:50%;background:#e8edfc;color:#3c5697;}
:root[data-theme="energy"] .stat-card.lime .stat-icon {background:#ffd9b6;color:#99360f;}
:root[data-theme="energy"] .panel {border-radius:8px;box-shadow:3px 4px 0 #1828520d;}
:root[data-theme="energy"] .panel-header {border-bottom:2px solid #e7eafa;padding-bottom:14px;}
:root[data-theme="energy"] .panel-header h2 {font-weight:800;}
:root[data-theme="energy"] .person-switch {background:#dfe6f6;border-radius:6px;}
:root[data-theme="energy"] .person-switch button.active {background:#203960;color:white;border-radius:4px;box-shadow:none;}
:root[data-theme="energy"] .btn-primary {border-radius:5px;box-shadow:3px 3px 0 #a4381528;font-weight:750;}
:root[data-theme="energy"] .summary-strip {background:#e8eefc;border-color:#bac9e7;border-radius:5px;border-left:4px solid #335eb1;}
:root[data-theme="energy"] .summary-strip strong {color:#294e91;}
:root[data-theme="energy"] .mobile-nav {background:#15254af8;border-top:3px solid #ff7a43;}
:root[data-theme="energy"] .mobile-nav button {color:#d8e1f5;border-radius:5px;}
:root[data-theme="energy"] .mobile-nav button.active {background:#ff8854;color:#17254a;}
@media(max-width:740px) {
  :root[data-theme="energy"] .sidebar {background:#15254a;color:white;}
  :root[data-theme="energy"] .hero-banner {padding:22px 18px;min-height:207px;background:linear-gradient(112deg,#e65a29 0 69%,#192b54 69%);gap:10px;}
  :root[data-theme="energy"] .hero-copy {max-width:none;}
  :root[data-theme="energy"] .hero-banner h2 {font-size:23px;}
  :root[data-theme="energy"] .hero-art {width:91px;min-width:91px;height:135px;}
  :root[data-theme="energy"] .hero-art:before {width:92px;height:92px;border-width:7px;}
  :root[data-theme="energy"] .hero-art:after {width:80px;height:80px;}
  :root[data-theme="energy"] .hero-art-label strong {font-size:28px;}
  :root[data-theme="energy"] .stat-value {font-size:28px;}
}

/* 06 · 蓝图实验室 — measured grid, square controls, drafting marks. */
:root[data-theme="blueprint"] {
  --bg:#0b2344;--surface:#102c51;--ink:#e7f2ff;--muted:#acc5e3;--secondary:#acc5e3;
  --green:#77d7ff;--green-deep:#46b9ea;--lime:#9be5ff;--lime-soft:#183e66;--line:#396086;--a:#194b63;--b:#374366;
  --radius:2px;--shadow:none;--sidebar-bg:#09203c;--hero-bg:#123c67;--hero-ink:#e7f2ff;--button-ink:#092541;--accent:#77d7ff;--soft:#183959;
  --chart-a:#77d7ff;--chart-b:#b6b5ff;--chart-c:#f6d18d;--chart-grid:#396086;
  font-family:"Consolas", "SFMono-Regular", "Microsoft YaHei", monospace;
}
:root[data-theme="blueprint"] .workspace {background-image:linear-gradient(#8acbff08 1px,transparent 1px),linear-gradient(90deg,#8acbff08 1px,transparent 1px);background-size:24px 24px;}
:root[data-theme="blueprint"] .brand-mark {background:transparent;color:var(--accent);border:1px solid #6db7e4;border-radius:0;transform:rotate(0);}
:root[data-theme="blueprint"] .brand strong {font-size:24px;font-weight:600;letter-spacing:1px;}
:root[data-theme="blueprint"] .brand-dot {color:var(--accent);}
:root[data-theme="blueprint"] .header-copy h1 {font-weight:600;letter-spacing:2px;}
:root[data-theme="blueprint"] .eyebrow {color:#a9cae9;letter-spacing:1.5px;}
:root[data-theme="blueprint"] .nav-item {border-radius:0;border-bottom:1px solid #1e4264;padding-left:12px;color:#b8d0e8;}
:root[data-theme="blueprint"] .nav-item.active {background:#174063;color:#b9ebff;box-shadow:inset 3px 0 #77d7ff;border-color:#77d7ff;}
:root[data-theme="blueprint"] .nav-item.active svg {color:#b9ebff;}
:root[data-theme="blueprint"] .nav-item:hover {background:#193c60;color:white;}
:root[data-theme="blueprint"] .sidebar-note {border:1px dashed #537a9f;border-radius:0;background:#0c2948;}
:root[data-theme="blueprint"] .sidebar-note strong {color:#c8e9ff;}
:root[data-theme="blueprint"] .sidebar-note p {color:#acc5e3;}
:root[data-theme="blueprint"] .hero-banner {min-height:213px;padding:30px;border:1px solid #6fa6cd;border-radius:2px;background-color:#11365c;background-image:linear-gradient(#7bbdff10 1px,transparent 1px),linear-gradient(90deg,#7bbdff10 1px,transparent 1px);background-size:20px 20px;}
:root[data-theme="blueprint"] .hero-banner:after {content:"";position:absolute;inset:9px;border:1px dashed #74abd044;pointer-events:none;}
:root[data-theme="blueprint"] .hero-banner h2 {font-weight:600;font-size:27px;letter-spacing:1px;line-height:1.45;}
:root[data-theme="blueprint"] .hero-banner p,:root[data-theme="blueprint"] .hero-banner .eyebrow {color:#bfdaf2;}
:root[data-theme="blueprint"] .hero-art {width:200px;height:162px;min-width:120px;}
:root[data-theme="blueprint"] .hero-art:before {width:150px;height:150px;transform:none;border:1px solid #76b0d8;border-radius:0;background:linear-gradient(transparent 49.5%,#b8e6ff35 49.5% 50.5%,transparent 50.5%),linear-gradient(90deg,transparent 49.5%,#b8e6ff35 49.5% 50.5%,transparent 50.5%);}
:root[data-theme="blueprint"] .hero-art:after {width:132px;height:132px;transform:none;border:1px dashed #84bad655;border-radius:50%;}
:root[data-theme="blueprint"] .hero-art-label {background:#11365c;padding:4px 8px;}
:root[data-theme="blueprint"] .hero-art-label strong {font-weight:500;font-size:43px;letter-spacing:-2px;color:#b6e8ff;}
:root[data-theme="blueprint"] .hero-art-label span {color:#b1d4ec;letter-spacing:1px;}
:root[data-theme="blueprint"] .hero-art .hero-pill {border-radius:0;background:#11365c;border-color:#75afce;color:#cae6f7;}
:root[data-theme="blueprint"] .hero-banner .btn-primary,:root[data-theme="blueprint"] .btn-primary {background:#96ddfa;color:#092541;border-color:#96ddfa;border-radius:1px;font-weight:700;}
:root[data-theme="blueprint"] .btn-primary:hover:not(:disabled) {background:#c5efff;}
:root[data-theme="blueprint"] .hero-banner .btn-secondary {color:#c9e6ff;border-color:#75afce;border-radius:1px;}
:root[data-theme="blueprint"] .stat-card {border-radius:0;border:1px solid #4c7195;border-top:3px solid #7fb7d8;box-shadow:none;background:#102c51;}
:root[data-theme="blueprint"] .stat-card.lime {background:#154469;border-color:#65b1d7;}
:root[data-theme="blueprint"] .stat-value {font-family:"Consolas", "SFMono-Regular",monospace;font-weight:500;font-size:32px;letter-spacing:-1px;}
:root[data-theme="blueprint"] .stat-icon,:root[data-theme="blueprint"] .stat-card.lime .stat-icon {background:transparent;border:1px solid #658aab;color:#b0d8f2;border-radius:0;}
:root[data-theme="blueprint"] .panel {border-radius:0;border-color:#466b90;box-shadow:none;background:#102c51f2;}
:root[data-theme="blueprint"] .panel-header {border-bottom:1px solid #426887;padding-bottom:14px;}
:root[data-theme="blueprint"] .panel-header h2 {font-weight:600;letter-spacing:1px;}
:root[data-theme="blueprint"] .date-picker {border-radius:0;border-color:#53779a;}
:root[data-theme="blueprint"] .person-switch {background:#0a2543;border:1px solid #527899;border-radius:0;padding:3px;}
:root[data-theme="blueprint"] .person-switch button {border-radius:0;}
:root[data-theme="blueprint"] .person-switch button.active {background:#245274;color:#edf8ff;box-shadow:none;}
:root[data-theme="blueprint"] .summary-strip {border-radius:0;background:#133756;border:1px dashed #6a9ab9;}
:root[data-theme="blueprint"] .summary-strip strong {color:#c2eaff;}
:root[data-theme="blueprint"] .mobile-nav {background:#08203bf5;border-top:2px solid #77a9cc;}
:root[data-theme="blueprint"] .mobile-nav button {border-radius:0;color:#b4cce2;}
:root[data-theme="blueprint"] .mobile-nav button.active {background:#205173;color:#d0f1ff;box-shadow:inset 0 2px #8ddcff;}
@media(max-width:740px) {
  :root[data-theme="blueprint"] .hero-banner {padding:22px 18px;min-height:197px;gap:10px;}
  :root[data-theme="blueprint"] .hero-banner h2 {font-size:22px;letter-spacing:0;}
  :root[data-theme="blueprint"] .hero-art {width:86px;min-width:86px;height:127px;}
  :root[data-theme="blueprint"] .hero-art:before {width:91px;height:108px;}
  :root[data-theme="blueprint"] .hero-art:after {width:80px;height:80px;}
  :root[data-theme="blueprint"] .hero-art-label strong {font-size:28px;}
  :root[data-theme="blueprint"] .stat-value {font-size:28px;}
}


/* 07 · Swiss — editorial grid, typographic hierarchy, red and black. */
:root[data-theme="swiss"] {
  --bg:#f7f6f2;--surface:#fff;--ink:#141414;--muted:#626262;--green:#d82229;--green-deep:#ae151c;
  --lime:#fff;--lime-soft:#fff0ee;--line:#ccc9c3;--a:#ffe0dc;--b:#e3e3e3;--radius:0px;--shadow:none;
  --sidebar-bg:#fff;--hero-bg:#d82229;--hero-ink:#fff;--accent:#d82229;--soft:#f0efea;--button-ink:#fff;
  --chart-a:#d82229;--chart-b:#232323;--chart-c:#787878;--chart-grid:#e1ded7;
}
[data-theme="swiss"] .sidebar{border-right:2px solid #141414;padding-top:32px}
[data-theme="swiss"] .brand-mark{border-radius:0;transform:none;background:#141414;color:#fff}
[data-theme="swiss"] .brand strong{font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:900;letter-spacing:-1px}
[data-theme="swiss"] .brand small{letter-spacing:1px}
[data-theme="swiss"] .desktop-nav{gap:0;border-top:2px solid #141414}
[data-theme="swiss"] .nav-item{border-radius:0;border-bottom:1px solid var(--line);padding:0 10px;min-height:54px}
[data-theme="swiss"] .nav-item.active{background:#141414;color:#fff;box-shadow:none}
[data-theme="swiss"] .nav-item.active svg{color:#fff}
[data-theme="swiss"] .sidebar-note{border-radius:0;background:var(--soft);border:0;border-top:4px solid var(--accent)}
[data-theme="swiss"] .workspace-header{align-items:flex-end;border-top:7px solid #141414;padding-top:23px}
[data-theme="swiss"] .workspace-header h1{font-size:clamp(30px,4vw,48px);font-weight:900;letter-spacing:-1.8px;line-height:1.15}
[data-theme="swiss"] .header-copy>.eyebrow{letter-spacing:2.6px;font-weight:700;color:var(--accent)}
[data-theme="swiss"] .workspace-toolbar{margin-top:25px;border-bottom:2px solid #141414}
[data-theme="swiss"] .hero-banner{border-radius:0;padding:0;min-height:210px;gap:0;align-items:stretch;border:0}
[data-theme="swiss"] .hero-copy{padding:28px 30px;max-width:72%;flex:1}
[data-theme="swiss"] .hero-banner h2{font-size:clamp(24px,2.8vw,37px);font-weight:900;line-height:1.4;letter-spacing:-1px}
[data-theme="swiss"] .hero-banner h2>span{color:#fff;border-bottom:2px solid currentColor}
[data-theme="swiss"] .hero-banner :is(p,.eyebrow){color:#fff}
[data-theme="swiss"] .hero-art{background:#141414;align-self:stretch;width:205px;height:auto;min-height:210px;margin:0}
[data-theme="swiss"] .hero-art:before{border-radius:0;transform:rotate(-15deg);width:112px;height:112px;border-color:#fff6}
[data-theme="swiss"] .hero-art:after{border-radius:0;transform:rotate(15deg);width:132px;height:132px;border-color:#fff6}
[data-theme="swiss"] .hero-ring{border-radius:0;background:transparent;border-color:#ffffff44}
[data-theme="swiss"] .hero-art-label strong{font-size:52px;font-weight:900;color:#fff}
[data-theme="swiss"] .hero-art-label span{color:#ddd}
[data-theme="swiss"] .hero-art .hero-pill{background:#141414;border-radius:0;color:#fff;bottom:20px}
[data-theme="swiss"] .hero-banner .btn-primary{background:#fff;color:#141414;border-color:#fff;border-radius:0}
[data-theme="swiss"] .hero-banner .btn-secondary{border-color:#fff;color:#fff;border-radius:0}
[data-theme="swiss"] .stats-grid{gap:0;border:1px solid #141414}
[data-theme="swiss"] .stat-card{border:0;border-right:1px solid #141414;border-radius:0;padding:22px;min-height:157px}
[data-theme="swiss"] .stat-card:last-child{border-right:0}
[data-theme="swiss"] .stat-icon{border-radius:0;background:var(--soft);color:var(--accent)}
[data-theme="swiss"] .stat-value{font-size:39px;font-weight:900;letter-spacing:-2px}
[data-theme="swiss"] .panel{border:0;border-top:3px solid #141414;border-radius:0;box-shadow:none;padding:24px}
[data-theme="swiss"] .panel-header h2{font-size:19px;font-weight:800}
[data-theme="swiss"] :is(.person-switch,.person-switch button,.date-picker,.summary-strip,.tabs,.btn){border-radius:0}
[data-theme="swiss"] .person-switch{border:1px solid #141414;padding:0;gap:0}
[data-theme="swiss"] .person-switch button{min-height:38px}
[data-theme="swiss"] .person-switch button.active{background:#141414;color:#fff;box-shadow:none}
[data-theme="swiss"] .summary-strip{background:var(--soft);border-left:4px solid var(--accent)}
[data-theme="swiss"] .mobile-nav{border-top:2px solid #141414;border-radius:0;background:#fff}
[data-theme="swiss"] .mobile-nav button{border-radius:0}
[data-theme="swiss"] .mobile-nav button.active{background:#141414;color:#fff}
@media(max-width:740px){
  [data-theme="swiss"] .sidebar{border-right:0;border-bottom:2px solid #141414;padding-top:16px}
  [data-theme="swiss"] .workspace-header{padding-top:17px;border-top-width:5px;align-items:stretch}
  [data-theme="swiss"] .hero-copy{padding:22px 19px;max-width:100%}
  [data-theme="swiss"] .hero-banner{min-height:180px}
  [data-theme="swiss"] .hero-art{width:105px;min-width:105px;min-height:180px}
  [data-theme="swiss"] .hero-art-label strong{font-size:30px}
  [data-theme="swiss"] .stat-card{padding:16px;min-height:133px;border-bottom:1px solid #141414}
  [data-theme="swiss"] .stat-card:nth-child(2){border-right:0}
  [data-theme="swiss"] .stat-card:nth-child(n+3){border-bottom:0}
  [data-theme="swiss"] .stat-value{font-size:34px}
}
@media(max-width:420px){[data-theme="swiss"] .hero-art{display:none}}

/* 08 · Brutal — acid colour, solid outlines, offset shadows. */
:root[data-theme="brutal"] {
  --bg:#f0edff;--surface:#fff;--ink:#17131f;--muted:#5f556c;--green:#4f2c83;--green-deep:#371a63;
  --lime:#ddff46;--lime-soft:#edffc0;--line:#21172e;--a:#ddff46;--b:#e1ccff;--radius:4px;--shadow:5px 5px 0 #21172e;
  --sidebar-bg:#382056;--hero-bg:#ddff46;--hero-ink:#17131f;--accent:#4f2c83;--soft:#e8e1fa;--button-ink:#fff;
  --chart-a:#4f2c83;--chart-b:#668323;--chart-c:#db5d82;--chart-grid:#d8d0e3;
}
[data-theme="brutal"] .sidebar{background:var(--sidebar-bg);color:#fff;border-right:3px solid #21172e}
[data-theme="brutal"] .sidebar :is(.sidebar-caption,.sidebar-credit,.brand small,.profile-copy small){color:#e1d4f4}
[data-theme="brutal"] .brand-mark{background:var(--lime);color:#17131f;border:2px solid #21172e;border-radius:3px;transform:rotate(-7deg)}
[data-theme="brutal"] .brand-dot{color:var(--lime)}
[data-theme="brutal"] .nav-item{color:#fff;border-radius:3px;border:2px solid transparent;font-weight:750;min-height:52px}
[data-theme="brutal"] .nav-item:hover{color:#fff;background:#503371}
[data-theme="brutal"] .nav-item.active{background:var(--lime);color:#17131f;border-color:#21172e;box-shadow:4px 4px 0 #21172e}
[data-theme="brutal"] .nav-item.active svg{color:#17131f}
[data-theme="brutal"] .sidebar-note{background:#e1ccff;border:3px solid #21172e;border-radius:3px;color:#17131f;box-shadow:5px 5px 0 #21172e}
[data-theme="brutal"] .sidebar-note p{color:#4f3b68}
[data-theme="brutal"] .identity-button{border-color:#a28cbf;color:#fff}
[data-theme="brutal"] .workspace-header h1{font-size:clamp(31px,4vw,44px);font-weight:900;letter-spacing:-1px}
[data-theme="brutal"] .header-copy>.eyebrow{display:inline-block;padding:4px 9px;background:#e1ccff;color:#382056;border:2px solid #21172e;letter-spacing:1px;transform:rotate(-2deg)}
[data-theme="brutal"] .workspace-toolbar{border-bottom:3px solid #21172e;padding-bottom:21px}
[data-theme="brutal"] .hero-banner{border:3px solid #21172e;border-radius:4px;box-shadow:7px 7px 0 #21172e;min-height:208px;padding:27px 29px;margin-bottom:30px}
[data-theme="brutal"] .hero-banner h2{font-weight:900;font-size:clamp(25px,3vw,36px);letter-spacing:-1px;line-height:1.4}
[data-theme="brutal"] .hero-banner h2>span{color:#4f2c83}
[data-theme="brutal"] .hero-banner :is(p,.eyebrow){color:#3d4521}
[data-theme="brutal"] .hero-art{width:190px;height:160px;min-width:190px;background:#e1ccff;border:3px solid #21172e;box-shadow:5px 5px 0 #21172e;transform:rotate(6deg);margin-right:10px}
[data-theme="brutal"] .hero-art:before{width:110px;height:110px;border:3px solid #21172e;border-radius:0;transform:rotate(-9deg)}
[data-theme="brutal"] .hero-art:after{display:none}
[data-theme="brutal"] .hero-ring{display:none}
[data-theme="brutal"] .hero-art-label strong{color:#17131f;font-size:49px;font-weight:900}
[data-theme="brutal"] .hero-art-label span{color:#382056;font-weight:800}
[data-theme="brutal"] .hero-art .hero-pill{background:#21172e;color:#ddff46;border-radius:0;bottom:8px}
[data-theme="brutal"] .hero-banner .btn-primary{background:#21172e;color:var(--lime);border-color:#21172e}
[data-theme="brutal"] .hero-banner .btn-primary:hover{background:#3b294e}
[data-theme="brutal"] .hero-banner .btn-secondary{background:#fff;color:#17131f;border-color:#21172e}
[data-theme="brutal"] :is(.stat-card,.panel){border:3px solid #21172e;border-radius:4px;box-shadow:5px 5px 0 #21172e}
[data-theme="brutal"] .stats-grid{gap:19px;margin-bottom:29px}
[data-theme="brutal"] .stat-card{padding:19px;min-height:147px}
[data-theme="brutal"] .stat-card:nth-child(2){background:#fff5c9}
[data-theme="brutal"] .stat-card:nth-child(3){background:#eadcff}
[data-theme="brutal"] .stat-card:nth-child(4){background:#e7ffc9}
[data-theme="brutal"] .stat-value{font-weight:900;font-size:35px;letter-spacing:-1.5px}
[data-theme="brutal"] .stat-icon{border:2px solid #21172e;border-radius:3px;background:#fff!important;color:#4f2c83!important}
[data-theme="brutal"] .panel-header{padding-bottom:13px;border-bottom:2px solid #21172e}
[data-theme="brutal"] .panel-header h2{font-size:18px;font-weight:900}
[data-theme="brutal"] :is(.btn,.date-picker,.person-switch,.summary-strip,.tabs){border:2px solid #21172e;border-radius:3px}
[data-theme="brutal"] .btn{box-shadow:3px 3px 0 #21172e;font-weight:750}
[data-theme="brutal"] .btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 #21172e}
[data-theme="brutal"] .person-switch button{border-radius:2px;font-weight:750}
[data-theme="brutal"] .person-switch button.active{background:#21172e;color:#fff}
[data-theme="brutal"] .summary-strip{background:var(--lime-soft);box-shadow:3px 3px 0 #21172e}
[data-theme="brutal"] .mobile-nav{background:#fff;border-top:3px solid #21172e;border-radius:0}
[data-theme="brutal"] .mobile-nav button{border-radius:3px;font-weight:750}
[data-theme="brutal"] .mobile-nav button.active{background:var(--lime);color:#17131f;box-shadow:inset 0 0 0 2px #21172e}
@media(max-width:740px){
  [data-theme="brutal"] .sidebar{border-right:0;border-bottom:3px solid #21172e}
  [data-theme="brutal"] .hero-banner{padding:20px 18px;min-height:190px;gap:14px;box-shadow:5px 5px 0 #21172e}
  [data-theme="brutal"] .hero-art{width:92px;min-width:92px;height:125px;margin-right:2px}
  [data-theme="brutal"] .hero-art-label strong{font-size:32px}
  [data-theme="brutal"] .hero-art:before{width:65px;height:80px}
  [data-theme="brutal"] .stats-grid{gap:15px}
  [data-theme="brutal"] .stat-card{padding:14px}
  [data-theme="brutal"] .stat-value{font-size:30px}
}
@media(max-width:420px){[data-theme="brutal"] .hero-art{display:none}}

/* 10 · Aurora — luminous glass surfaces and a centred ambient hero. */
:root[data-theme="aurora"] {
  --bg:#090e22;--surface:#171e3b;--ink:#f2f5ff;--muted:#b0bcda;--green:#5269e0;--green-deep:#4057c5;
  --lime:#b3f1ff;--lime-soft:#203754;--line:#3b496c;--a:#244b62;--b:#4c365e;--radius:22px;--shadow:0 14px 35px #0003;
  --sidebar-bg:#101730;--hero-bg:linear-gradient(120deg,#203b69,#3c3270 56%,#274768);--hero-ink:#f3f8ff;--accent:#b3f1ff;--soft:#202b48;--button-ink:#fff;
  --chart-a:#8de3ff;--chart-b:#c9a6ff;--chart-c:#78e3bf;--chart-grid:#39445f;
}
[data-theme="aurora"] body{background:radial-gradient(ellipse at 88% 0,#28377066,transparent 48%),radial-gradient(ellipse at 55% 65%,#3f266c44,transparent 52%),var(--bg)}
[data-theme="aurora"] .sidebar{background:#101730ed;border-right:1px solid #49577c70;backdrop-filter:blur(20px)}
[data-theme="aurora"] .brand-mark{background:linear-gradient(135deg,#274763,#47366c);color:var(--lime);border:1px solid #97dfff66;box-shadow:0 0 24px #7be5ff15}
[data-theme="aurora"] .brand-dot{color:#8ae1f8}
[data-theme="aurora"] .sidebar :is(.sidebar-caption,.sidebar-credit,.brand small,.profile-copy small){color:#b0bcda}
[data-theme="aurora"] .nav-item{color:#bcc8e4;border:1px solid transparent;min-height:51px;border-radius:13px}
[data-theme="aurora"] .nav-item:hover{background:#263453;color:#fff}
[data-theme="aurora"] .nav-item.active{background:linear-gradient(110deg,#29445e,#393d6c);color:#fff;border-color:#85cde455;box-shadow:0 5px 20px #0002}
[data-theme="aurora"] .nav-item.active svg{color:#a8edff}
[data-theme="aurora"] .sidebar-note{background:linear-gradient(145deg,#243a51aa,#3e2a57aa);border:1px solid #7486b04d;border-radius:20px}
[data-theme="aurora"] .sidebar-note p{color:#c2cce2}
[data-theme="aurora"] .identity-button{background:#1e2946;border-color:#485779;color:#f2f5ff}
[data-theme="aurora"] .workspace-header h1{font-size:clamp(30px,3.5vw,42px);font-weight:650;letter-spacing:-1px}
[data-theme="aurora"] .header-copy>.eyebrow{color:#a7cbf4;letter-spacing:3px}
[data-theme="aurora"] .workspace-toolbar{border-bottom-color:#5b6b914d}
[data-theme="aurora"] .hero-banner{min-height:240px;justify-content:center;text-align:center;padding:31px 38px;border:1px solid #9cc4ef4d;border-radius:28px;box-shadow:0 12px 45px #04091355,inset 0 1px 0 #e2f6ff22}
[data-theme="aurora"] .hero-copy{max-width:100%;position:relative}
[data-theme="aurora"] .hero-banner h2{font-size:clamp(28px,3.1vw,40px);font-weight:650;line-height:1.45;letter-spacing:-1.3px}
[data-theme="aurora"] .hero-banner h2>span{color:#b3f1ff}
[data-theme="aurora"] .hero-banner :is(p,.eyebrow){color:#d5e2f8}
[data-theme="aurora"] .hero-banner .quick-actions{justify-content:center}
[data-theme="aurora"] .hero-art{position:absolute;right:-10px;top:10px;width:240px;height:215px;margin:0;opacity:.27;pointer-events:none;transform:rotate(8deg)}
[data-theme="aurora"] .hero-art:before{border-color:#a4efffaa;width:185px;height:185px;box-shadow:0 0 45px #81e3ff44}
[data-theme="aurora"] .hero-art:after{border-color:#deb0ff99;width:225px;height:225px}
[data-theme="aurora"] .hero-ring{background:radial-gradient(circle,#b6e5ff44,transparent 70%);border-color:#e1c0ff66}
[data-theme="aurora"] .hero-art-label strong{color:#e3f7ff;font-size:65px;font-weight:300}
[data-theme="aurora"] .hero-art-label span{color:#e3f7ff}
[data-theme="aurora"] .hero-art .hero-pill{display:none}
[data-theme="aurora"] .hero-banner .btn-primary{background:#b3f1ff;color:#142744;border-color:#b3f1ff;box-shadow:0 4px 22px #9fe9ff22}
[data-theme="aurora"] .hero-banner .btn-primary:hover{background:#d3f8ff}
[data-theme="aurora"] .hero-banner .btn-secondary{background:#ffffff0d;border-color:#adc2e977;color:#f2f5ff}
[data-theme="aurora"] .stats-grid{gap:18px}
[data-theme="aurora"] .stat-card{background:linear-gradient(145deg,#26324a99,#191f3aaa);border:1px solid #52617e88;border-radius:20px;backdrop-filter:blur(14px);padding:23px;box-shadow:0 8px 24px #0002}
[data-theme="aurora"] .stat-value{font-size:35px;font-weight:550;letter-spacing:-1.4px;color:#f5f8ff}
[data-theme="aurora"] .stat-icon{background:#294358!important;color:#abedff!important;border-radius:50%;width:34px;height:34px;box-shadow:0 0 18px #93dfff10}
[data-theme="aurora"] .stat-card:nth-child(3) .stat-icon{background:#44335c!important;color:#e0bfff!important}
[data-theme="aurora"] .panel{background:linear-gradient(160deg,#242d4799,#151c34dd);border:1px solid #52617e77;backdrop-filter:blur(14px);box-shadow:0 12px 32px #0002;padding:25px}
[data-theme="aurora"] .panel-header h2{font-size:17px;font-weight:650}
[data-theme="aurora"] .panel-header{padding-bottom:12px;border-bottom:1px solid #4c5b773d}
[data-theme="aurora"] .person-switch{background:#19243f;border:1px solid #445574;border-radius:25px;padding:5px}
[data-theme="aurora"] .person-switch button{border-radius:20px;min-height:34px;color:#c0cde5}
[data-theme="aurora"] .person-switch button.active{background:#364868;color:#fff;box-shadow:0 1px 9px #050a1922}
[data-theme="aurora"] :is(.btn,.date-picker,.tabs){border-radius:14px}
[data-theme="aurora"] .date-picker{background:#1e2844;border-color:#485979}
[data-theme="aurora"] .summary-strip{background:linear-gradient(100deg,#243e53aa,#38325a99);border-color:#526486;border-radius:17px;color:#cfdef2}
[data-theme="aurora"] .summary-strip strong{color:#b3f1ff}
[data-theme="aurora"] .mobile-nav{background:#131c35f2;border-top:1px solid #6c80a866;backdrop-filter:blur(20px)}
[data-theme="aurora"] .mobile-nav button{color:#b9c6e1;border-radius:14px}
[data-theme="aurora"] .mobile-nav button.active{background:#304663;color:#b3f1ff}
@media(max-width:740px){
  [data-theme="aurora"] .sidebar{border-right:0;border-bottom:1px solid #49577c70}
  [data-theme="aurora"] .hero-banner{padding:27px 20px;min-height:233px;border-radius:23px}
  [data-theme="aurora"] .hero-art{right:-55px;top:11px;width:190px;min-width:190px;height:200px;opacity:.18}
  [data-theme="aurora"] .hero-copy{max-width:100%}
  [data-theme="aurora"] .stats-grid{gap:13px}
  [data-theme="aurora"] .stat-card{padding:17px}
  [data-theme="aurora"] .stat-value{font-size:30px}
  [data-theme="aurora"] .panel{padding:20px}
}


/* Visual QA: readable controls on dark surfaces and high-contrast club navigation. */
:root[data-theme] .sync-line .btn-icon,:root[data-theme] .date-picker .btn-icon{color:var(--ink)}
:root[data-theme] .hero-pill{font-size:11px;line-height:1.6}
:root[data-theme] .sidebar-note .note-line{opacity:.35}
:root[data-theme="energy"] .sidebar .identity-button>small{color:#bdc9e2}
:root[data-theme="brutal"] .sidebar .brand,:root[data-theme="brutal"] .sidebar .brand strong{color:#fff}
:root[data-theme="brutal"] .sidebar .nav-item{color:#f7f2ff}
:root[data-theme="brutal"] .sidebar .nav-item.active{background:#ddff46;color:#17131f}
:root[data-theme="brutal"] .sidebar .nav-item.active svg{color:#17131f}
:root[data-theme="brutal"] .sidebar .identity-button>small,:root[data-theme="brutal"] .sidebar .profile-copy small,:root[data-theme="brutal"] .sidebar-caption,:root[data-theme="brutal"] .sidebar-credit{color:#e6d9fa}
:root[data-theme="brutal"] .sidebar .identity-button>span:not(.person-badge){color:#f7f2ff}
@media(max-width:740px){
  :root[data-theme="minimal"] .hero-art-label strong,:root[data-theme="cream"] .hero-art-label strong,:root[data-theme="ink"] .hero-art-label strong{font-size:26px;white-space:nowrap;line-height:1.15}
}