/* Six palettes, each with coordinated light and dark surfaces. */
html[data-theme][data-palette] .daily-hero,html[data-theme][data-palette] .dialogue-screen{background:radial-gradient(ellipse at 95% 5%,var(--hero-glow),transparent 60%),var(--hero-base)}
html[data-theme][data-palette] .daily-hero h2,html[data-theme][data-palette] .scene-title h2{color:#f7f8fa}
html[data-theme][data-palette] .daily-hero .eyebrow,html[data-theme][data-palette] .daily-hero .sub,html[data-theme][data-palette] .daily-hero .hero-meta{color:#d0d9df}
html[data-theme][data-palette] .hero-ring{background:conic-gradient(color-mix(in srgb,var(--accent) 45%,#fff) calc(var(--p)*1%),#ffffff17 0)}
html[data-theme][data-palette] .hero-ring-inner{background:linear-gradient(135deg,var(--hero-glow),var(--hero-base))}
html[data-theme][data-palette] .hero-ring span,html[data-theme][data-palette] .hero-ring strong small{color:#d0d9df}
html[data-theme][data-palette] .btn.primary,html[data-theme][data-palette] .btn.lime{background:var(--action);color:#fff}
html[data-theme][data-palette] .btn.primary:hover,html[data-theme][data-palette] .btn.lime:hover{background:color-mix(in srgb,var(--action) 87%,#fff);box-shadow:0 6px 20px color-mix(in srgb,var(--action) 22%,transparent)}
html[data-theme][data-palette] .daily-hero .btn.lime{background:#f5f5f7;color:var(--hero-base)}
html[data-theme][data-palette] .daily-hero .btn.lime:hover{background:#fff}
html[data-theme][data-palette] .spotlight{background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 10%,var(--white)),var(--white));border-color:var(--line)}
html[data-theme][data-palette] .nav-list{background:linear-gradient(140deg,var(--highlight),transparent),var(--glass);border-color:var(--line)}
html[data-theme][data-palette] .sidebar .brand-mark{background:linear-gradient(150deg,color-mix(in srgb,var(--action) 70%,#fff),var(--action));box-shadow:inset 0 1px #ffffff65,0 3px 10px var(--soft)}
html[data-theme][data-palette] .nav-indicator{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--white)),color-mix(in srgb,var(--accent) 5%,var(--white)));border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}
html[data-theme][data-palette] .nav-indicator::after{background:var(--accent);box-shadow:0 0 8px var(--soft)}
html[data-theme][data-palette] .day-circle.done,html[data-theme][data-palette] .nav-list .nav-link .badge{background:var(--action);color:#fff}
html[data-theme][data-palette] .bar span{background:linear-gradient(90deg,var(--action),var(--accent))}
html[data-theme][data-palette] .heat-cell.lv1{background:color-mix(in srgb,var(--accent) 25%,var(--surface-2))}
html[data-theme][data-palette] .heat-cell.lv2{background:color-mix(in srgb,var(--accent) 60%,var(--surface-2))}
html[data-theme][data-palette] .heat-cell.lv3{background:var(--accent)}
html[data-theme] .appearance-gallery{margin-bottom:28px;padding:32px}
html[data-theme] .appearance-gallery .eyebrow{margin-bottom:12px}
html[data-theme] .appearance-gallery h2{font-size:27px;letter-spacing:-1px}
html[data-theme] .appearance-gallery .section-head{align-items:start;gap:20px}
html[data-theme] .appearance-gallery .section-head p{font-size:13px;margin-top:10px;line-height:1.8}
html[data-theme] .appearance-controls{display:flex;gap:32px;flex-wrap:wrap;margin:26px 0}
html[data-theme] .appearance-controls>div{display:flex;align-items:center;gap:13px}
html[data-theme] .appearance-controls strong{font-size:12px;font-weight:500;color:var(--muted)}
html[data-theme] .mode-segment{display:flex;gap:3px;padding:4px;border:1px solid var(--line);background:var(--surface-2);border-radius:30px}
html[data-theme] .mode-segment button{display:flex;align-items:center;gap:6px;padding:8px 14px;border:0;border-radius:25px;background:transparent;color:var(--muted);font-size:12px;transition:background .25s,color .25s}
html[data-theme] .mode-segment button[aria-pressed="true"]{background:var(--white);color:var(--ink);box-shadow:0 2px 6px #0000000c}
html[data-theme] .mode-segment svg{width:15px;height:15px}
html[data-theme] .palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html[data-theme] .palette-option{padding:10px 10px 16px;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:23px;text-align:left;position:relative;transition:transform .35s var(--ease),border-color .25s,box-shadow .25s}
html[data-theme] .palette-option:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:0 10px 25px #00000009}
html[data-theme] .palette-option[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
html[data-theme] .palette-preview{display:flex;flex-direction:column;gap:11px;height:155px;overflow:hidden;padding:14px 20px;border-radius:15px;background:var(--preview-bg)}
html[data-theme] .mini-nav{display:flex;gap:9px;align-items:center;justify-content:center;border-radius:15px;background:var(--preview-white);height:21px;width:75%;margin:0 auto 1px;box-shadow:0 2px 5px #00000005}
html[data-theme] .mini-nav i{height:3px;width:13px;border-radius:3px;background:var(--preview-surface-2)}
html[data-theme] .mini-nav i:first-child{background:var(--preview-accent)}
html[data-theme] .mini-body{display:grid;grid-template-columns:1.6fr 1fr;gap:8px;flex:1}
html[data-theme] .mini-course{position:relative;background:linear-gradient(135deg,var(--preview-hero-glow),var(--preview-hero-base));border-radius:9px;padding:16px 10px}
html[data-theme] .mini-course i{display:block;width:46%;height:4px;background:#fff9;margin-bottom:6px;border-radius:4px}
html[data-theme] .mini-course i:nth-child(2){width:32%;height:2px;opacity:.6}
html[data-theme] .mini-course b{position:absolute;right:10px;top:21px;width:23px;height:23px;border:2px solid var(--preview-accent);border-right-color:#ffffff25;border-radius:50%}
html[data-theme] .mini-side{border-radius:9px;background:var(--preview-white);display:flex;flex-direction:column;gap:7px;padding:14px 9px}
html[data-theme] .mini-side i{height:3px;width:75%;border-radius:3px;background:var(--preview-surface-2)}
html[data-theme] .mini-side i:first-child{background:var(--preview-accent);width:45%}
html[data-theme] .mini-stats{display:flex;gap:8px;height:19px}
html[data-theme] .mini-stats i{border-radius:5px;background:var(--preview-white);flex:1}
html[data-theme] .palette-info{display:flex;align-items:center;justify-content:space-between;padding:14px 5px 8px;gap:5px}
html[data-theme] .palette-info strong{font-size:15px;color:var(--ink);font-weight:600;display:block}
html[data-theme] .palette-info small{font-size:10px;color:var(--muted);display:block;line-height:1.7;margin-top:5px}
html[data-theme] .palette-check{display:grid;place-items:center;background:var(--accent);color:var(--bg);width:23px;height:23px;border-radius:50%;flex-shrink:0;opacity:0;transform:scale(.7);transition:opacity .2s,transform .25s var(--ease)}
html[data-theme] .palette-check svg{width:15px;height:15px}
html[data-theme] .palette-option[aria-pressed="true"] .palette-check{opacity:1;transform:scale(1)}
html[data-theme] .palette-tag{display:inline-block;font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:15px;padding:3px 8px;margin-left:5px}
html[data-theme] .appearance-footnote{font-size:11px;color:var(--muted);margin-top:22px;line-height:1.8}
@media(min-width:701px){
 html[data-theme][data-layout="classic"] .shell{padding:0 0 0 218px}
 html[data-theme][data-layout="classic"] .sidebar{position:fixed;inset:0 auto 0 0;transform:none;width:218px;max-width:none;height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:27px 18px;gap:24px;background:var(--glass);border-right:1px solid var(--line);pointer-events:auto;backdrop-filter:blur(24px)}
 html[data-theme][data-layout="classic"] .sidebar .brand{display:flex;background:transparent;box-shadow:none;border:0;padding:0;justify-content:center}
 html[data-theme][data-layout="classic"] .brand-sub{display:block!important}
 html[data-theme][data-layout="classic"] .nav-label{display:block;margin:12px 12px -14px;font-size:10px;color:var(--muted)}
 html[data-theme][data-layout="classic"] .nav-list{width:100%;max-width:none;height:auto;display:flex;flex-direction:column;align-items:stretch;gap:7px;background:transparent;box-shadow:none;border:0;backdrop-filter:none;padding:0;border-radius:0}
 html[data-theme][data-layout="classic"] .nav-indicator{display:none}
 html[data-theme][data-layout="classic"] .nav-list .nav-link{flex-direction:row;justify-content:flex-start;border-radius:14px;padding:14px;gap:14px;min-height:60px}
 html[data-theme][data-layout="classic"] .nav-list .nav-link.active{background:var(--soft);color:var(--accent);box-shadow:inset 2px 0 var(--accent)}
 html[data-theme][data-layout="classic"] .nav-copy small{display:block;font-size:9px}
 html[data-theme][data-layout="classic"] .nav-copy>span{font-size:13px}
 html[data-theme][data-layout="classic"] .sidebar-bottom{display:block;margin-top:auto;padding-top:10px}
 html[data-theme][data-layout="classic"] .habit-note{display:none}
 html[data-theme][data-layout="classic"] .sidebar-bottom .nav-link{font-size:12px}
 html[data-theme][data-layout="classic"] .sidebar-bottom svg{display:block}
 html[data-theme][data-layout="classic"] .local-note{font-size:10px;color:var(--muted);padding:10px}
 html[data-theme][data-layout="classic"] .audio-dock,html[data-theme][data-layout="classic"] #toast{left:calc(50% + 109px)}
 html[data-theme][data-layout="classic"] .palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:701px) and (max-width:1150px){html[data-theme][data-layout="classic"] .dashboard-grid{grid-template-columns:1fr}html[data-theme][data-layout="classic"] .aside-column{display:grid;grid-template-columns:1fr}html[data-theme][data-layout="classic"] .appearance-controls{gap:18px}html[data-theme][data-layout="classic"] .appearance-gallery>.section-head{flex-direction:column}}
@media(max-width:800px){html[data-theme] .palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme] .appearance-gallery>.section-head{flex-direction:column}html[data-theme] .appearance-controls{gap:16px}}
@media(max-width:700px){html[data-theme] .appearance-gallery{padding:24px 18px}html[data-theme] .appearance-gallery h2{font-size:24px}html[data-theme] .appearance-gallery .section-head p{font-size:12px}html[data-theme] .palette-grid{gap:12px}html[data-theme] .palette-preview{height:120px;padding:12px 9px;gap:8px}html[data-theme] .palette-option{padding:7px 7px 12px;border-radius:18px}html[data-theme] .palette-info{padding:12px 3px 8px}html[data-theme] .palette-info strong{font-size:13px}html[data-theme] .palette-info small{font-size:10px}html[data-theme] .palette-check{width:18px;height:18px}html[data-theme] .palette-check svg{width:12px;height:12px}html[data-theme] .mini-course{padding:12px 8px}html[data-theme] .mini-course b{width:17px;height:17px;right:6px;top:20px}html[data-theme] .mini-nav{gap:6px;width:90%}html[data-theme] .mini-side{padding:12px 6px}html[data-theme] .appearance-controls>div{gap:10px;flex-wrap:wrap}html[data-theme] .mode-segment button{font-size:11px;padding:8px 12px}}
html[data-theme="light"][data-palette="graphite"]{--bg:#f5f5f7;--white:#ffffff;--ink:#1d1d1f;--muted:#6e6e73;--surface-2:#f0f0f3;--accent:#0071e3;--action:#0071e3;--hero-base:#12151f;--hero-glow:#2b3e78;--line:#0000000d;--green:var(--accent);--soft:color-mix(in srgb,var(--accent) 10%,transparent);--blue:var(--soft);--glass:color-mix(in srgb,var(--white) 86%,transparent);--highlight:color-mix(in srgb,var(--ink) 4%,transparent)}
html[data-theme="light"] .palette-option[data-palette="graphite"]{--preview-bg:#f5f5f7;--preview-white:#ffffff;--preview-ink:#1d1d1f;--preview-muted:#6e6e73;--preview-surface-2:#f0f0f3;--preview-accent:#0071e3;--preview-action:#0071e3;--preview-hero-base:#12151f;--preview-hero-glow:#2b3e78}
html[data-theme="dark"][data-palette="graphite"]{--bg:#101012;--white:#1c1c1f;--ink:#f5f5f7;--muted:#a1a1a9;--surface-2:#252529;--accent:#64b5ff;--action:#0071e3;--hero-base:#12151f;--hero-glow:#2b3e78;--line:#ffffff14;--green:var(--accent);--soft:color-mix(in srgb,var(--accent) 10%,transparent);--blue:var(--soft);--glass:color-mix(in srgb,var(--white) 86%,transparent);--highlight:color-mix(in srgb,var(--ink) 4%,transparent)}
html[data-theme="dark"] .palette-option[data-palette="graphite"]{--preview-bg:#101012;--preview-white:#1c1c1f;--preview-ink:#f5f5f7;--preview-muted:#a1a1a9;--preview-surface-2:#252529;--preview-accent:#64b5ff;--preview-action:#0071e3;--preview-hero-base:#12151f;--preview-hero-glow:#2b3e78}
html[data-theme="light"][data-palette="sage"]{--bg:#f5f7f2;--white:#ffffff;--ink:#273b30;--muted:#617566;--surface-2:#edf2e8;--accent:#376d4d;--action:#39714f;--hero-base:#19382d;--hero-glow:#4c7859;--line:#0000000d;--green:var(--accent);--soft:color-mix(in srgb,var(--accent) 10%,transparent);--blue:var(--soft);--glass:color-mix(in srgb,var(--white) 86%,transparent);--highlight:color-mix(in srgb,var(--ink) 4%,transparent)}
html[data-theme="light"] .palette-option[data-palette="sage"]{--preview-bg:#f5f7f2;--preview-white:#ffffff;--preview-ink:#273b30;--preview-muted:#617566;--preview-surface-2:#edf2e8;--preview-accent:#376d4d;--preview-action:#39714f;--preview-hero-base:#19382d;--preview-hero-glow:#4c7859}
html[data-theme="dark"][data-palette="sage"]{--bg:#141d18;--white:#1d2922;--ink:#ecf3e9;--muted:#a0b4a3;--surface-2:#29392e;--accent:#b2d898;--action:#567d46;--hero-base:#19382d;--hero-glow:#4c7859;--line:#ffffff14;--green:var(--accent);--soft:color-mix(in srgb,var(--accent) 10%,transparent);--blue:var(--soft);--glass:color-mix(in srgb,var(--white) 86%,transparent);--highlight:color-mix(in srgb,var(--ink) 4%,transparent)}
html[data-theme="dark"] .palette-option[data-palette="sage"]{--preview-bg:#141d18;--preview-white:#1d2922;--preview-ink:#ecf3e9;--preview-muted:#a0b4a3;--preview-surface-2:#29392e;--preview-accent:#b2d898;--preview-action:#567d46;--preview-hero-base:#19382d;--preview-hero-glow:#4c7859}
html[data-theme="light"][data-palette="midnight"]{--bg:#f2f6fa;--white:#ffffff;--ink:#233846;--muted:#657c89;--surface-2:#e9f0f3;--accent:#486c32;--action:#496b33;--hero-base:#162632;--hero-glow:#3e6167;--line:#0000000d;--green:var(--accent);--soft:color-mix(in srgb,var(--accent) 10%,transparent);--blue:var(--soft);--glass:color-mix(in srgb,var(--white) 86%,transparent);--highlight:color-mix(in srgb,var(--ink) 4%,transparent)}
html[data-theme="light"] .palette-option[data-palette="midnight"]{--preview-bg:#f2f6fa;--preview-white:#ffffff;--preview-ink:#233846;--preview-muted:#657c89;--preview-surface-2:#e9f0f3;--preview-accent:#486c32;--preview-action:#496b33;--preview-hero-base:#162632;--preview-hero-glow:#3e6167}
html[data-theme="dark"][data-palette="midnight"]{--bg:#0c1119;--white:#141c28;--ink:#edf3f6;--muted:#94a3b5;--surface-2:#202d38;--accent:#c7f597;--action:#546e37;--hero-base:#162632;--hero-glow:#3e6167;--line:#ffffff14;--green:var(--accent);--soft:color-mix(in srgb,var(--accent) 10%,transparent);--blue:var(--soft);--glass:color-mix(in srgb,var(--white) 86%,transparent);--highlight:color-mix(in srgb,var(--ink) 4%,transparent)}
html[data-theme="dark"] .palette-option[data-palette="midnight"]{--preview-bg:#0c1119;--preview-white:#141c28;--preview-ink:#edf3f6;--preview-muted:#94a3b5;--preview-surface-2:#202d38;--preview-accent:#c7f597;--preview-action:#546e37;--preview-hero-base:#162632;--preview-hero-glow:#3e6167}
html[data-theme="light"][data-palette="ocean"]{--bg:#eff7f7;--white:#ffffff;--ink:#163b42;--muted:#5d7c80;--surface-2:#e4f0f1;--accent:#007881;--action:#007881;--hero-base:#102f3c;--hero-glow:#287b87;--line:#0000000d;--green:var(--accent);--soft:color-mix(in srgb,var(--accent) 10%,transparent);--blue:var(--soft);--glass:color-mix(in srgb,var(--white) 86%,transparent);--highlight:color-mix(in srgb,var(--ink) 4%,transparent)}
html[data-theme="light"] .palette-option[data-palette="ocean"]{--preview-bg:#eff7f7;--preview-white:#ffffff;--preview-ink:#163b42;--preview-muted:#5d7c80;--preview-surface-2:#e4f0f1;--preview-accent:#007881;--preview-action:#007881;--preview-hero-base:#102f3c;--preview-hero-glow:#287b87}
html[data-theme="dark"][data-palette="ocean"]{--bg:#0d1c23;--white:#142a32;--ink:#e8f7f8;--muted:#92b4be;--surface-2:#203942;--accent:#67d1d4;--action:#167c87;--hero-base:#102f3c;--hero-glow:#287b87;--line:#ffffff14;--green:var(--accent);--soft:color-mix(in srgb,var(--accent) 10%,transparent);--blue:var(--soft);--glass:color-mix(in srgb,var(--white) 86%,transparent);--highlight:color-mix(in srgb,var(--ink) 4%,transparent)}
html[data-theme="dark"] .palette-option[data-palette="ocean"]{--preview-bg:#0d1c23;--preview-white:#142a32;--preview-ink:#e8f7f8;--preview-muted:#92b4be;--preview-surface-2:#203942;--preview-accent:#67d1d4;--preview-action:#167c87;--preview-hero-base:#102f3c;--preview-hero-glow:#287b87}
html[data-theme="light"][data-palette="sand"]{--bg:#f8f4ed;--white:#fffdfa;--ink:#3d3028;--muted:#807162;--surface-2:#f0e8dc;--accent:#916035;--action:#916035;--hero-base:#32251e;--hero-glow:#866346;--line:#0000000d;--green:var(--accent);--soft:color-mix(in srgb,var(--accent) 10%,transparent);--blue:var(--soft);--glass:color-mix(in srgb,var(--white) 86%,transparent);--highlight:color-mix(in srgb,var(--ink) 4%,transparent)}
html[data-theme="light"] .palette-option[data-palette="sand"]{--preview-bg:#f8f4ed;--preview-white:#fffdfa;--preview-ink:#3d3028;--preview-muted:#807162;--preview-surface-2:#f0e8dc;--preview-accent:#916035;--preview-action:#916035;--preview-hero-base:#32251e;--preview-hero-glow:#866346}
html[data-theme="dark"][data-palette="sand"]{--bg:#211b17;--white:#2d2520;--ink:#f7eee3;--muted:#bfae9c;--surface-2:#3d3229;--accent:#dfb681;--action:#946638;--hero-base:#32251e;--hero-glow:#866346;--line:#ffffff14;--green:var(--accent);--soft:color-mix(in srgb,var(--accent) 10%,transparent);--blue:var(--soft);--glass:color-mix(in srgb,var(--white) 86%,transparent);--highlight:color-mix(in srgb,var(--ink) 4%,transparent)}
html[data-theme="dark"] .palette-option[data-palette="sand"]{--preview-bg:#211b17;--preview-white:#2d2520;--preview-ink:#f7eee3;--preview-muted:#bfae9c;--preview-surface-2:#3d3229;--preview-accent:#dfb681;--preview-action:#946638;--preview-hero-base:#32251e;--preview-hero-glow:#866346}
html[data-theme="light"][data-palette="lavender"]{--bg:#f7f4fb;--white:#ffffff;--ink:#352b45;--muted:#7b6d8c;--surface-2:#eee8f5;--accent:#7950ac;--action:#7950ac;--hero-base:#281f38;--hero-glow:#69518a;--line:#0000000d;--green:var(--accent);--soft:color-mix(in srgb,var(--accent) 10%,transparent);--blue:var(--soft);--glass:color-mix(in srgb,var(--white) 86%,transparent);--highlight:color-mix(in srgb,var(--ink) 4%,transparent)}
html[data-theme="light"] .palette-option[data-palette="lavender"]{--preview-bg:#f7f4fb;--preview-white:#ffffff;--preview-ink:#352b45;--preview-muted:#7b6d8c;--preview-surface-2:#eee8f5;--preview-accent:#7950ac;--preview-action:#7950ac;--preview-hero-base:#281f38;--preview-hero-glow:#69518a}
html[data-theme="dark"][data-palette="lavender"]{--bg:#1c1726;--white:#292133;--ink:#f2ebfa;--muted:#b6a6c7;--surface-2:#382e44;--accent:#c6a5ef;--action:#8052b0;--hero-base:#281f38;--hero-glow:#69518a;--line:#ffffff14;--green:var(--accent);--soft:color-mix(in srgb,var(--accent) 10%,transparent);--blue:var(--soft);--glass:color-mix(in srgb,var(--white) 86%,transparent);--highlight:color-mix(in srgb,var(--ink) 4%,transparent)}
html[data-theme="dark"] .palette-option[data-palette="lavender"]{--preview-bg:#1c1726;--preview-white:#292133;--preview-ink:#f2ebfa;--preview-muted:#b6a6c7;--preview-surface-2:#382e44;--preview-accent:#c6a5ef;--preview-action:#8052b0;--preview-hero-base:#281f38;--preview-hero-glow:#69518a}