/* Same information architecture; five coherent material / color / type systems. */
.design-choices {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.design-choice {position:relative;text-align:left;padding:9px;border:1px solid var(--glass-line);border-radius:14px;background:var(--glass-inset);min-width:0;color:var(--text)}
.design-choice>span:last-of-type {display:block;font-size:14px;font-weight:600;margin:9px 2px 2px}
.design-choice[aria-pressed="true"] {border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.theme-check {display:none;position:absolute;right:10px;bottom:10px;font-size:12px;color:var(--accent-text)}
.design-choice[aria-pressed="true"] .theme-check {display:block}
.design-sample {position:relative;display:block;height:86px;overflow:hidden;border-radius:8px;background:var(--sample-canvas);--sample-card:#fff;--sample-nav:#f7f9ff88;--sample-hero:linear-gradient(140deg,#fafbfe,#deeaff);--sample-ink:#476ce9;--sample-canvas:#e8edf5}
.design-sample i {position:absolute;display:block;border:1px solid #8993a320;border-radius:4px}
.sample-sidebar {inset:5px auto 5px 5px;width:20%;background:var(--sample-nav)}
.sample-sidebar::before {content:'';position:absolute;left:3px;right:3px;top:16px;height:6px;border-radius:2px;background:var(--sample-ink);opacity:.7;box-shadow:0 12px 0 #8993a31f,0 24px 0 #8993a31f}
.sample-topbar {left:30%;right:5px;top:5px;height:10px;background:var(--sample-nav)}
.sample-hero {left:30%;right:5px;top:20px;height:31px;background:var(--sample-hero)}
.sample-card {top:57px;bottom:6px;width:29%;background:var(--sample-card)}
.sample-card.one {left:30%}.sample-card.two {right:5px}
.design-sample.night {--sample-canvas:#11151d;--sample-card:#242b38;--sample-nav:#26324666;--sample-ink:#8dc2ff;--sample-hero:linear-gradient(120deg,#252d3f,#324564)}
.design-sample.graphite {--sample-canvas:#161819;--sample-card:#242728;--sample-nav:#33373988;--sample-ink:#dededb;--sample-hero:linear-gradient(145deg,#484c4e,#181a1c)}
.design-sample.graphite i {border-radius:2px;border-color:#a9adaf24}
.design-sample.paper {--sample-canvas:#efeae0;--sample-card:#fffdf8;--sample-nav:#fffdf8aa;--sample-ink:#8c6846;--sample-hero:linear-gradient(145deg,#fbf6ed,#e3d4bd)}
.design-sample.aurora {--sample-canvas:#0c1b21;--sample-card:#162a30;--sample-nav:#183b4288;--sample-ink:#95e4d0;--sample-hero:radial-gradient(ellipse at 85% 30%,#426077,#132b32 70%)}
.hero-effect-settings>summary {cursor:pointer;font-size:14px;font-weight:600;min-height:44px;display:flex;align-items:center;gap:10px}
.hero-effect-settings>summary::before {content:'›';font-size:20px;color:var(--muted)}
.hero-effect-settings[open]>summary::before {transform:rotate(90deg)}
.hero-effect-settings>summary::-webkit-details-marker {display:none}
.hero-effect-settings .theme-choices {margin-top:12px}

/* Graphite: precise neutral surfaces, hairlines, restrained machined chrome. */
html[data-design="graphite"][data-theme="dark"] {--surface:#232627;--surface-alt:#2b2e30;--surface-hover:#333738;--text:#f1f2ee;--muted:#b1b6b5;--subtle:#949c9a;--line:#3d4343;--accent:#d5dfdc;--accent-soft:#353e3c;--accent-text:#dce6e2;--glass-sheet:rgba(30,34,35,.70);--glass-chrome:rgba(35,40,40,.50);--glass-control:rgba(218,230,227,.08);--glass-inset:rgba(218,230,227,.025);--glass-rim:rgba(222,231,227,.28);--glass-line:rgba(223,232,229,.18);--glass-shadow:rgba(0,0,0,.28);--chrome-shadow:0 8px 26px #0003}
html[data-design="graphite"][data-theme="light"] {--surface:#fafbf9;--surface-alt:#ecefec;--surface-hover:#e8ede9;--text:#242b28;--muted:#5d6963;--subtle:#68756d;--line:#d2d9d3;--accent:#354b40;--accent-soft:#e1e9e3;--accent-text:#304e3f;--glass-sheet:rgba(239,244,238,.62);--glass-chrome:rgba(242,248,241,.42);--glass-control:rgba(248,253,246,.25);--glass-rim:rgba(255,255,255,.65)}
html[data-design="graphite"][data-theme="dark"][data-background="silver"] {--bg:#181b1c;--bg-tint:#2a2f31}
html[data-design="graphite"][data-theme="light"][data-background="silver"] {--bg:#e9eee8;--bg-tint:#d7dfd7}
html[data-design="graphite"] :is(.auto-card,.project-card,.resource-row,.task-day,.quick-notes-list,.idea-search,.empty-state,.run-sheet,.script-note,.learning-list>article,.task-calendar) {border-radius:12px;box-shadow:none}
html[data-design="graphite"] :is(.topbar,.side-drawer) {border-radius:18px;box-shadow:0 8px 24px #00000012,inset 0 1px 0 var(--glass-rim)}
html[data-design="graphite"] dialog {border-radius:22px}
html[data-design="graphite"] :is(.new-button,.date-button,.manual-form>button[type="submit"],.filter-strip button,.side-nav button) {border-radius:8px}
html[data-design="graphite"] .os-hero {border-radius:18px;background:radial-gradient(ellipse at 85% 0%,var(--surface-hover),transparent 70%),linear-gradient(155deg,var(--surface),var(--bg));border-color:var(--line)}
html[data-design="graphite"] .os-hero h1 {letter-spacing:-.055em;font-weight:600}
html[data-design="graphite"] .radar-summary b {font-weight:550;font-variant-numeric:tabular-nums}
html[data-design="graphite"] .side-nav button.active {box-shadow:inset 2px 0 0 var(--accent)}

/* Paper: warm editorial calm, porcelain content, subtle sepia ink and soft depth. */
html[data-design="paper"][data-theme="light"] {--surface:#fffdf8;--surface-alt:#f6f1e7;--surface-hover:#f0e8db;--text:#332d27;--muted:#776955;--subtle:#887a67;--line:#e5dccc;--accent:#896342;--accent-soft:#f0e5d5;--accent-text:#795237;--danger:#ae4751;--danger-soft:#f8e5e2;--success:#497362;--glass-sheet:rgba(252,244,228,.67);--glass-chrome:rgba(255,250,238,.45);--glass-control:rgba(255,253,246,.30);--glass-inset:rgba(245,235,215,.10);--glass-rim:rgba(255,253,244,.85);--glass-line:rgba(106,82,49,.16);--glass-shadow:rgba(84,61,32,.12)}
html[data-design="paper"][data-theme="dark"] {--surface:#29251f;--surface-alt:#342d24;--surface-hover:#403629;--text:#f4ebdd;--muted:#d1bfa5;--subtle:#b8a88e;--line:#4a4033;--accent:#dfbb8c;--accent-soft:#453728;--accent-text:#e9cba3;--glass-sheet:rgba(37,29,23,.72);--glass-chrome:rgba(42,33,25,.45);--glass-rim:rgba(246,225,190,.28);--glass-line:rgba(246,225,190,.16);--glass-control:rgba(251,227,188,.07)}
html[data-design="paper"][data-theme="light"][data-background="silver"] {--bg:#f3eee4;--bg-tint:#e7dcc8}
html[data-design="paper"][data-theme="dark"][data-background="silver"] {--bg:#211c17;--bg-tint:#3a3025}
html[data-design="paper"] :is(.auto-card,.project-card,.resource-row,.task-day,.quick-notes-list,.empty-state,.run-sheet,.task-calendar) {border-color:var(--line);box-shadow:0 3px 14px rgba(84,61,32,.045);border-radius:20px}
html[data-design="paper"]:not([data-font="rounded"]):not([data-font="serif"]) :is(.page-title h1,.os-hero h1) {font-family:"New York","Songti SC",Georgia,serif;letter-spacing:-.045em;font-weight:550}
html[data-design="paper"] .os-hero {background:radial-gradient(ellipse at 100% 0%,var(--accent-soft),transparent 62%),linear-gradient(130deg,var(--surface),var(--bg));border-color:var(--line)}
html[data-design="paper"] .side-nav button.active {background:var(--accent-soft);color:var(--accent-text)}
html[data-design="paper"] .quick-note-composer {background:var(--surface);border-color:var(--line);box-shadow:0 4px 18px rgba(84,61,32,.035)}
html[data-design="paper"] .filter-strip button.active {box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--accent) 30%,transparent)}
html[data-design="paper"] dialog {box-shadow:0 28px 70px rgba(62,42,19,.18),inset 0 1px 0 var(--glass-rim)}

/* Aurora: nocturnal jade / indigo canvas, luminous chrome, grounded readable cards. */
html[data-design="aurora"][data-theme="dark"] {--surface:#172b32;--surface-alt:#1c343b;--surface-hover:#24434b;--text:#ecf8f5;--muted:#b1c9c9;--subtle:#8faeaf;--line:#36505a;--accent:#8ee0ce;--accent-soft:#25433f;--accent-text:#a5ebdc;--danger:#f798a8;--success:#90dfbe;--glass-sheet:rgba(17,36,44,.70);--glass-chrome:rgba(22,47,55,.35);--glass-control:rgba(174,235,230,.07);--glass-inset:rgba(149,224,209,.025);--glass-rim:rgba(185,234,232,.34);--glass-line:rgba(168,224,219,.18);--glass-shadow:rgba(3,16,23,.33)}
html[data-design="aurora"][data-theme="light"] {--surface:#f8fdfd;--surface-alt:#edf7f6;--surface-hover:#e2f1f0;--text:#19353c;--muted:#526e76;--subtle:#638189;--line:#cce0e3;--accent:#247d76;--accent-soft:#dff2ed;--accent-text:#1c6d67;--glass-sheet:rgba(232,248,249,.60);--glass-chrome:rgba(221,246,247,.35);--glass-control:rgba(247,254,253,.22);--glass-rim:rgba(237,255,254,.88);--glass-line:rgba(39,111,111,.18)}
html[data-design="aurora"][data-theme="dark"][data-background="silver"] {--bg:#0d1b24;--bg-tint:#123b43}
html[data-design="aurora"][data-theme="light"][data-background="silver"] {--bg:#e9f4f6;--bg-tint:#cce9e8}
html[data-design="aurora"] body {background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 45%),radial-gradient(ellipse at 0% 65%,color-mix(in srgb,#777ca7 14%,transparent),transparent 55%),linear-gradient(140deg,var(--bg-tint),var(--bg) 58%);background-attachment:fixed}
html[data-design="aurora"] :is(.auto-card,.project-card,.resource-row,.task-day,.quick-notes-list,.empty-state,.run-sheet,.task-calendar) {border-color:var(--line);box-shadow:0 5px 20px rgba(4,29,39,.07)}
html[data-design="aurora"] :is(.topbar,.side-drawer,.bottom-nav.liquid-dock) {box-shadow:0 10px 32px rgba(0,22,35,.16),inset 0 1px 0 var(--glass-rim);border-color:var(--glass-rim)}
html[data-design="aurora"] .os-hero {background:radial-gradient(ellipse at 85% -10%,color-mix(in srgb,#909ecb 28%,transparent),transparent 60%),radial-gradient(ellipse at 10% 120%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 55%),linear-gradient(125deg,var(--surface),var(--bg));border-color:var(--glass-rim)}
html[data-design="aurora"] .side-nav button.active {box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent) 18%,transparent);background:linear-gradient(135deg,var(--accent-soft),var(--surface-alt))}
html[data-design="aurora"] .brand-mark {background:linear-gradient(145deg,var(--surface),var(--accent-soft));border-color:var(--glass-rim)}
html[data-design] :is(.new-button,.date-button,.manual-form>button[type="submit"],.solid-button,.restore-confirm) {color:var(--on-accent,#fff)}
html[data-design] :is(.round-action,.manual-form .form-submit,.calendar-view-switch button[aria-pressed="true"],.calendar-day.is-selected .calendar-day-number,.week-day-select.is-selected b) {color:var(--on-accent,#fff)}
@media(max-width:560px) {.design-choices {grid-template-columns:repeat(3,minmax(0,1fr))}.design-sample {height:78px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
 html[data-design] :is(dialog,.topbar,.side-drawer,.bottom-nav.liquid-dock) {background:var(--surface)!important;border-color:var(--line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}