/* Five visual themes. Legacy "modern"/"classic" remain unchanged. */
:root[data-design^="theme-"]{color:var(--ink);background:var(--page);color-scheme:light;-webkit-tap-highlight-color:transparent}
:root[data-design="theme-cosmos"]{color-scheme:dark}
:root[data-design^="theme-"] body{color:var(--ink);background-color:var(--page);background-image:var(--art),radial-gradient(ellipse at 7% 11%,var(--wash),transparent 62%);background-size:440px auto,100% 880px;background-position:left top,center top;background-repeat:no-repeat,no-repeat}
:root[data-design^="theme-"] .wrap{max-width:650px;padding:28px 18px max(55px,env(safe-area-inset-bottom))}
:root[data-design^="theme-"] .top{isolation:isolate;position:relative;gap:10px;padding:21px 18px;border-radius:23px;background:var(--top);border:1px solid var(--line);box-shadow:0 11px 34px var(--shadow);overflow:visible}
:root[data-design^="theme-"] .brand{font-size:29px;font-weight:850;line-height:1.25;color:var(--topink);letter-spacing:-.9px}
:root[data-design^="theme-"] .sub{font-size:12px;color:var(--topmuted);margin-top:7px}
:root[data-design^="theme-"] .tag{background:var(--soft);color:var(--softink);border:1px solid var(--line);padding:8px 11px;box-shadow:none}
:root[data-design^="theme-"] .card{background:var(--surface);border:1px solid var(--line);border-radius:23px;box-shadow:0 13px 33px var(--shadow);padding:19px;margin-top:16px}
:root[data-design^="theme-"] .progressrow{font-size:13px;color:var(--ink)}
:root[data-design^="theme-"] .progress{background:var(--soft);height:9px}
:root[data-design^="theme-"] .fill{background:var(--bar);border-radius:99px;transition:width .25s ease}
:root[data-design^="theme-"] .day{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:0 12px;overflow:hidden;margin-top:14px}
:root[data-design^="theme-"] .dayhead{font-size:13px;color:var(--ink);border-bottom:1px solid var(--line);padding:12px 1px 10px}
:root[data-design^="theme-"] .date{color:var(--muted)}
:root[data-design^="theme-"] .day.is-today{margin-inline:0;padding:0 12px;background:var(--today);border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-wash)}
:root[data-design^="theme-"] .today-tag{background:var(--soft);color:var(--softink);border:1px solid var(--line)}
:root[data-design^="theme-"] .task{gap:9px;padding:6px 0;font-size:14px}
:root[data-design^="theme-"] .course-row+.course-row{border-color:var(--line)}
:root[data-design^="theme-"] .course-toggle{gap:8px;min-height:51px;line-height:1.5}
:root[data-design^="theme-"] .course-toggle>span{flex:1;min-width:0;overflow-wrap:anywhere}
:root[data-design^="theme-"] .course-toggle .time{flex:none;margin-inline-start:auto;margin-right:0;white-space:nowrap;color:var(--muted);font-size:10px;background:var(--soft);border-radius:6px;padding:3px 5px}
:root[data-design^="theme-"] .task.done span{color:var(--muted)}
:root[data-design^="theme-"] .task>input,:root[data-design^="theme-"] .subtask input{accent-color:var(--accent)}
:root[data-design^="theme-"] .details-body{background:var(--soft);border:1px solid var(--line);border-radius:13px;padding:12px}
:root[data-design^="theme-"] .course-note,:root[data-design^="theme-"] .new-task{color:var(--ink);background:var(--surface);border:1px solid var(--line)}
:root[data-design^="theme-"] .note-label,:root[data-design^="theme-"] .save-status{color:var(--muted)}
:root[data-design^="theme-"] .week-step,:root[data-design^="theme-"] .history-back{background:var(--soft);color:var(--softink);border:1px solid var(--line);border-radius:12px}
:root[data-design^="theme-"] .week-current{background:var(--accent);color:var(--on);border:1px solid var(--accent);border-radius:12px;box-shadow:0 5px 13px var(--shadow)}
:root[data-design^="theme-"] .week-dates{color:inherit}
:root[data-design^="theme-"] .history-cta,:root[data-design^="theme-"] .historyitem{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:12px;margin-top:6px}
:root[data-design^="theme-"] .history-cta-symbol,:root[data-design^="theme-"] .pill{background:var(--surface);color:var(--softink)}
:root[data-design^="theme-"] .history-cta-arrow,:root[data-design^="theme-"] .history-top h2{color:var(--ink)}
:root[data-design^="theme-"] .historyitem.selected-week{background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent)}
:root[data-design^="theme-"] .historyitem.current-calendar-week{background:var(--today);border:2px solid var(--accent);border-inline-start:5px solid var(--accent);color:var(--ink);font-weight:800}
:root[data-design^="theme-"] .historyitem.current-calendar-week.selected-week{box-shadow:inset 0 0 0 1px var(--accent)}
:root[data-design^="theme-"] .historyitem.current-calendar-week:hover{background:var(--today)}
:root[data-design^="theme-"] .historyitem.current-calendar-week .pill{background:var(--accent);color:var(--on)}
:root[data-design^="theme-"] .menu-button{color:var(--topink);background:var(--surface);border:1px solid var(--line)}
:root[data-design^="theme-"] .menu-button[aria-expanded="true"]{background:var(--soft);color:var(--softink)}
:root[data-design^="theme-"] .top-menu{color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:0 19px 35px var(--shadow)}
:root[data-design^="theme-"] .menu-caption{color:var(--muted)}
:root[data-design^="theme-"] .menu-caption.menu-divider{border-color:var(--line)}
:root[data-design^="theme-"] .menu-link{color:var(--ink)}
:root[data-design^="theme-"] .menu-link:hover,:root[data-design^="theme-"] .menu-link:focus-visible,:root[data-design^="theme-"] .menu-link[aria-current="page"]{color:var(--softink);background:var(--soft)}
:root[data-design^="theme-"] .menu-icon{background:var(--soft);color:var(--softink)}
:root[data-design^="theme-"] .menu-link:nth-of-type(2) .menu-icon,:root[data-design^="theme-"] .menu-link:nth-of-type(3) .menu-icon{background:var(--soft);color:var(--softink)}
:root[data-design^="theme-"] .settings-title,:root[data-design^="theme-"] .settings-eyebrow{color:var(--ink)}
:root[data-design^="theme-"] .settings-icon{background:var(--soft);color:var(--softink)}
:root[data-design^="theme-"] .back-link,:root[data-design^="theme-"] .notice,:root[data-design^="theme-"] .muted,:root[data-design^="theme-"] .foot{color:var(--muted)}
:root[data-design^="theme-"] .action{background:var(--soft);color:var(--softink);border:1px solid var(--line);min-height:44px}
:root[data-design^="theme-"] .primary-action,:root[data-design^="theme-"] .add-task .action{background:var(--accent);border-color:var(--accent);color:var(--on)}
:root[data-design^="theme-"] .course-editor,:root[data-design^="theme-"] .course-actions,:root[data-design^="theme-"] .time-wheels{background:var(--soft);border-color:var(--line);color:var(--ink)}
:root[data-design^="theme-"] .course-editor label,:root[data-design^="theme-"] .wheel-headings{color:var(--muted)}
:root[data-design^="theme-"] .course-editor input,:root[data-design^="theme-"] .course-editor select,:root[data-design^="theme-"] .course-editor .time-value{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-design^="theme-"] .app-dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-design^="theme-"] .app-dialog p{color:var(--muted)}
:root[data-design^="theme-"] .wheel-option[aria-selected="true"]{color:var(--accent)}
:root[data-design^="theme-"] .global-message:not(:empty){background:var(--surface);border-color:var(--line);color:var(--ink)}
:root[data-design^="theme-"] .today-gap{color:var(--softink)}
:root[data-design^="theme-"] .today-gap::before,:root[data-design^="theme-"] .today-gap::after{background:var(--line)}
:root[data-design^="theme-"] .today-gap-title{background:var(--soft);border-color:var(--line)}
:root[data-design^="theme-"] .today-gap-note{color:var(--muted)}
:root[data-design^="theme-"] .detail-dot{background:var(--accent)}
:root[data-design^="theme-"] .undo-bar{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-design^="theme-"] :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
:root[data-design="theme-cosmos"] .top{background:radial-gradient(circle at 0% 20%,#3e3b76 0,transparent 56%),var(--top);box-shadow:0 13px 38px #0306119c}
:root[data-design="theme-cosmos"] .card{box-shadow:0 15px 30px #03061180}
:root[data-design="theme-cosmos"] .day{background:#202b4b}
:root[data-design="theme-cosmos"] .week-current{box-shadow:0 0 18px #8de6dc30}
:root[data-design="theme-pop"] .top,:root[data-design="theme-pop"] .card{border:2px solid var(--line);box-shadow:6px 6px 0 var(--line);border-radius:16px}
:root[data-design="theme-pop"] .top{transform:rotate(-.25deg)}
:root[data-design="theme-pop"] .card{background:var(--surface);margin-bottom:19px}
:root[data-design="theme-pop"] .tag{background:#ffe361;color:#30224f;border:2px solid var(--line)}
:root[data-design="theme-pop"] .day{border:2px solid var(--line);box-shadow:3px 3px 0 #4c2c7830}
:root[data-design="theme-pop"] .week-current{box-shadow:3px 3px 0 var(--line)}
:root[data-design="theme-notebook"] .card{border-radius:7px}
:root[data-design="theme-notebook"] .day{background-color:var(--surface);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#b9dbea42 31px,#b9dbea42 32px);border-radius:9px}
:root[data-design="theme-notebook"] .top{border-radius:8px;border-inline-start:6px solid #efb5a0}
:root[data-design="theme-notebook"] .today-tag{background:#ffefd1;color:#765229}
:root[data-design="theme-cosmos"]{--page:#0d1226;--surface:#1c2542;--ink:#f6f8ff;--line:#3d4a6e;--muted:#bac7e4;--accent:#8de6dc;--on:#0d2838;--soft:#283e5a;--softink:#d3fff7;--top:#141d3d;--topink:#fafbff;--topmuted:#bdccfa;--today:#253653;--shadow:#02061180;--bar:#bba1ff;--wash:#202c52;--art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22450%22%20height%3D%22360%22%20viewBox%3D%220%200%20450%20360%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23a6ccff%22%20stroke-opacity%3D%22.31%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M80%2057L160%2092%20218%2038%20298%20116%20382%2070M126%20228l70-42%2074%2052%2088-79%22%2F%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2257%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2292%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22218%22%20cy%3D%2238%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%22298%22%20cy%3D%22116%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22382%22%20cy%3D%2270%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%22196%22%20cy%3D%22186%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22270%22%20cy%3D%22238%22%20r%3D%226%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2390eadb%22%20opacity%3D%22.53%22%3E%3Ccircle%20cx%3D%2269%22%20cy%3D%22146%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22399%22%20cy%3D%22245%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22298%22%20cy%3D%22320%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22300%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M353%20282l4%2012%2012%204-12%204-4%2012-4-12-12-4%2012-4z%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22364%22%20cy%3D%2225%22%20r%3D%2237%22%20fill%3D%22none%22%20stroke%3D%22%23cdb8fd%22%20stroke-opacity%3D%22.22%22%20stroke-width%3D%2210%22%2F%3E%3C%2Fsvg%3E");--focus-wash:#02061180}
.theme-choice[data-design-choice="theme-cosmos"]{--preview-page:#0d1226;--preview-card:#1c2542;--preview-ink:#f6f8ff;--preview-accent:#8de6dc;--preview-soft:#283e5a;--preview-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22450%22%20height%3D%22360%22%20viewBox%3D%220%200%20450%20360%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23a6ccff%22%20stroke-opacity%3D%22.31%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M80%2057L160%2092%20218%2038%20298%20116%20382%2070M126%20228l70-42%2074%2052%2088-79%22%2F%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2257%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2292%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22218%22%20cy%3D%2238%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%22298%22%20cy%3D%22116%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22382%22%20cy%3D%2270%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%22196%22%20cy%3D%22186%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22270%22%20cy%3D%22238%22%20r%3D%226%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2390eadb%22%20opacity%3D%22.53%22%3E%3Ccircle%20cx%3D%2269%22%20cy%3D%22146%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22399%22%20cy%3D%22245%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22298%22%20cy%3D%22320%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22300%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M353%20282l4%2012%2012%204-12%204-4%2012-4-12-12-4%2012-4z%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22364%22%20cy%3D%2225%22%20r%3D%2237%22%20fill%3D%22none%22%20stroke%3D%22%23cdb8fd%22%20stroke-opacity%3D%22.22%22%20stroke-width%3D%2210%22%2F%3E%3C%2Fsvg%3E")}
:root[data-design="theme-pop"]{--page:#ffeaf1;--surface:#fffdfa;--ink:#2d2352;--line:#4c2c78;--muted:#63517a;--accent:#6b39d3;--on:#ffffff;--soft:#ffe361;--softink:#30224f;--top:#fa7280;--topink:#2d214b;--topmuted:#4e3159;--today:#fff4ad;--shadow:#53358130;--bar:#ee617f;--wash:#fbc1d9;--art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22440%22%20height%3D%22430%22%20viewBox%3D%220%200%20440%20430%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%236b39d3%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%2213%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M80%2028q87-51%20110%2023t99%209%22%2F%3E%3Cpath%20d%3D%22M270%20288q-88-49-117%2038t-106%2046%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23fdbf2f%22%20fill-opacity%3D%22.52%22%3E%3Cpath%20d%3D%22M322%2080l18%2045%2049-4-35%2036%2019%2044-47-20-33%2035%205-49-47-19%2047-15z%22%2F%3E%3Ccircle%20cx%3D%22104%22%20cy%3D%22162%22%20r%3D%2233%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23f36d85%22%20stroke-opacity%3D%22.51%22%20stroke-width%3D%2210%22%3E%3Cpath%20d%3D%22M401%20312l-45%2045m9-48%2034%2047%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23764bde%22%20fill-opacity%3D%22.3%22%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%22300%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%22393%22%20cy%3D%2237%22%20r%3D%2214%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--focus-wash:#53358130}
.theme-choice[data-design-choice="theme-pop"]{--preview-page:#ffeaf1;--preview-card:#fffdfa;--preview-ink:#2d2352;--preview-accent:#6b39d3;--preview-soft:#ffe361;--preview-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22440%22%20height%3D%22430%22%20viewBox%3D%220%200%20440%20430%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%236b39d3%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%2213%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M80%2028q87-51%20110%2023t99%209%22%2F%3E%3Cpath%20d%3D%22M270%20288q-88-49-117%2038t-106%2046%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23fdbf2f%22%20fill-opacity%3D%22.52%22%3E%3Cpath%20d%3D%22M322%2080l18%2045%2049-4-35%2036%2019%2044-47-20-33%2035%205-49-47-19%2047-15z%22%2F%3E%3Ccircle%20cx%3D%22104%22%20cy%3D%22162%22%20r%3D%2233%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%23f36d85%22%20stroke-opacity%3D%22.51%22%20stroke-width%3D%2210%22%3E%3Cpath%20d%3D%22M401%20312l-45%2045m9-48%2034%2047%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23764bde%22%20fill-opacity%3D%22.3%22%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%22300%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%22393%22%20cy%3D%2237%22%20r%3D%2214%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
:root[data-design="theme-notebook"]{--page:#eaf4f8;--surface:#fffdf8;--ink:#263b51;--line:#b8ccd9;--muted:#526c7b;--accent:#2667b6;--on:#ffffff;--soft:#dceffe;--softink:#20578e;--top:#deedf6;--topink:#264963;--topmuted:#52738a;--today:#fff7d7;--shadow:#3969831b;--bar:#efb05e;--wash:#ceeaf6;--art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22410%22%20height%3D%22520%22%20viewBox%3D%220%200%20410%20520%22%3E%3Cg%20stroke%3D%22%2379a6bf%22%20stroke-opacity%3D%22.31%22%20stroke-width%3D%222%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0%2051h410M0%2099h410M0%20147h410M0%20195h410M0%20243h410M0%20291h410M0%20339h410M0%20387h410M0%20435h410M0%20483h410%22%2F%3E%3Cpath%20d%3D%22M93%200v520%22%20stroke%3D%22%23e2a3a5%22%20stroke-width%3D%223%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%232c79ac%22%20stroke-opacity%3D%22.38%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M279%2076q56-46%2091%2011t-40%2064M291%20349l37%2048%2047-63M25%20231l38-18%2012%2049z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23f2bd67%22%20fill-opacity%3D%22.4%22%3E%3Ccircle%20cx%3D%22339%22%20cy%3D%22234%22%20r%3D%2224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--focus-wash:#3969831b}
.theme-choice[data-design-choice="theme-notebook"]{--preview-page:#eaf4f8;--preview-card:#fffdf8;--preview-ink:#263b51;--preview-accent:#2667b6;--preview-soft:#dceffe;--preview-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22410%22%20height%3D%22520%22%20viewBox%3D%220%200%20410%20520%22%3E%3Cg%20stroke%3D%22%2379a6bf%22%20stroke-opacity%3D%22.31%22%20stroke-width%3D%222%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0%2051h410M0%2099h410M0%20147h410M0%20195h410M0%20243h410M0%20291h410M0%20339h410M0%20387h410M0%20435h410M0%20483h410%22%2F%3E%3Cpath%20d%3D%22M93%200v520%22%20stroke%3D%22%23e2a3a5%22%20stroke-width%3D%223%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%232c79ac%22%20stroke-opacity%3D%22.38%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M279%2076q56-46%2091%2011t-40%2064M291%20349l37%2048%2047-63M25%20231l38-18%2012%2049z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23f2bd67%22%20fill-opacity%3D%22.4%22%3E%3Ccircle%20cx%3D%22339%22%20cy%3D%22234%22%20r%3D%2224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

/* The selector belongs to the settings screen and works in all themes. */
.theme-lede{max-width:52ch}
.theme-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:17px}
.theme-choice{position:relative;display:flex;flex-direction:column;gap:9px;padding:8px 8px 12px;min-width:0;text-align:start;cursor:pointer;border:2px solid #d9dfea;border-radius:16px;background:#fff;color:#273452;font:inherit;transition:border-color .15s,box-shadow .15s,transform .15s;touch-action:manipulation}
.theme-choice:active{transform:scale(.98)}
.theme-choice[aria-pressed="true"]{border-color:#315ecc;box-shadow:0 0 0 3px #315ecc20}
.theme-art{position:relative;display:block;width:100%;height:105px;overflow:hidden;border-radius:9px;background:var(--preview-page);background-image:var(--preview-art);background-position:left top;background-size:145px auto;background-repeat:no-repeat}
.theme-art::before{content:"";position:absolute;inset:12px auto auto 10px;width:57%;height:14px;border-radius:5px;background:var(--preview-accent);opacity:.86}
.theme-art::after{content:"";position:absolute;inset:36px 10px auto 10px;height:54px;border-radius:7px;background:var(--preview-card);box-shadow:0 3px 13px #00000017}
.theme-art .sample-dots{position:absolute;top:49px;inset-inline-end:20px;z-index:1;display:flex;gap:5px}
.theme-art .sample-dots i{display:block;width:12px;height:12px;background:var(--preview-accent);border-radius:3px}
.theme-art .sample-lines{position:absolute;top:69px;inset-inline-end:20px;z-index:1;display:block;width:66%;height:5px;border-radius:5px;background:var(--preview-soft);box-shadow:0 11px 0 var(--preview-soft)}
.theme-choice-copy{display:flex;flex-direction:column;gap:4px;padding:0 4px;min-height:53px}
.theme-choice-copy strong{font-size:15px;font-weight:800}
.theme-choice-copy small{font-size:11px;color:#65738d;line-height:1.5}
.theme-check{position:absolute;inset:14px auto auto 14px;z-index:2;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#315ecc;color:white;opacity:0;transform:scale(.7);transition:opacity .14s,transform .14s;font-size:15px;font-weight:900}
.theme-choice[aria-pressed="true"] .theme-check{opacity:1;transform:scale(1)}
.theme-legacy{margin-top:22px;padding-top:18px;border-top:1px solid #dee4ed;display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.theme-legacy>span{width:100%;font-size:13px;font-weight:700}
.theme-legacy button{font:inherit;font-size:12px;cursor:pointer;background:transparent;border:1px solid #cbd6e4;border-radius:99px;color:inherit;min-height:44px;padding:8px 13px}
.theme-legacy button[aria-pressed="true"]{background:#315ecc;color:white;border-color:#315ecc}
.theme-legacy button:hover{border-color:#315ecc}
:root[data-design^="theme-"] .theme-choice{background:var(--surface);border-color:var(--line);color:var(--ink)}
:root[data-design^="theme-"] .theme-choice-copy small{color:var(--muted)}
:root[data-design^="theme-"] .theme-choice[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-wash)}
:root[data-design^="theme-"] .theme-check{background:var(--accent);color:var(--on)}
:root[data-design^="theme-"] .theme-legacy{border-color:var(--line)}
:root[data-design^="theme-"] .theme-legacy button{color:var(--ink);border-color:var(--line)}
:root[data-design^="theme-"] .theme-legacy button[aria-pressed="true"]{background:var(--accent);color:var(--on);border-color:var(--accent)}
:root[data-design^="theme-"] .theme-legacy button:hover{border-color:var(--accent)}
:root[data-design^="theme-"] .theme-lede{color:var(--muted)}
.design-footer-link{display:inline-block;margin-top:10px;padding:8px;color:inherit;min-height:40px}
@media(max-width:390px){.theme-gallery{gap:9px}.theme-choice{padding:6px 6px 10px}.theme-art{height:92px}.theme-choice-copy strong{font-size:14px}:root[data-design^="theme-"] .wrap{padding-inline:12px}:root[data-design^="theme-"] .top{padding:19px 13px}:root[data-design^="theme-"] .brand{font-size:25px}:root[data-design^="theme-"] .card{padding:14px}}
@media(prefers-reduced-motion:reduce){.theme-choice,.theme-choice:active,.theme-check,:root[data-design^="theme-"] .fill{transition:none;transform:none}}


/* VOLT — graphic, high-contrast cobalt, citrus-lime and tangerine. 
   Layered collage rather than the organic art removed with Garden. */
:root[data-design="theme-voltage"] .top{
  background:radial-gradient(circle at 15% 5%,#304a99,transparent 57%),var(--top);
  border:3px solid #0f225c;border-radius:13px;box-shadow:6px 6px 0 #0f225c;
}
:root[data-design="theme-voltage"] .brand{font-weight:900;letter-spacing:-1px}
:root[data-design="theme-voltage"] .tag{background:#ddfa57;color:#112456;border:2px solid #0f225c}
:root[data-design="theme-voltage"] .card{
  border:2px solid #17285d;border-radius:15px;box-shadow:5px 6px 0 #13245c;
}
:root[data-design="theme-voltage"] .day{
  background:#fffaf0;border:2px solid #1b3069;border-inline-start:6px solid #ff744b;
  border-radius:10px;margin-top:15px;
}
:root[data-design="theme-voltage"] .day:nth-child(3n+2){border-inline-start-color:#3253dc}
:root[data-design="theme-voltage"] .day:nth-child(3n+3){border-inline-start-color:#a7c32f}
:root[data-design="theme-voltage"] .day.is-today{background:#f2ffc7;border:2px solid #1b3069;border-inline-start:6px solid #df642e;box-shadow:3px 4px 0 #14235433}
:root[data-design="theme-voltage"] .today-tag{background:#dffc58;color:#15265b;border-color:#8d9e24}
:root[data-design="theme-voltage"] .week-current{background:#dffc58;color:#15265b;border:2px solid #15265b;box-shadow:3px 3px 0 #15265b}
:root[data-design="theme-voltage"] .week-step{border:2px solid #15265b}
:root[data-design="theme-voltage"] .week-dates{color:#15265b}
:root[data-design="theme-voltage"] .historyitem.current-calendar-week .pill{background:#15265b;color:#fff}
:root[data-design="theme-voltage"] .progress{background:#ecedbf}
:root[data-design="theme-voltage"] .fill{background:#ff744b}
:root[data-design="theme-voltage"] .course-toggle .time{background:#e7ecff;color:#273c86}
:root[data-design="theme-voltage"] .theme-check{background:#dffc58;color:#15265b}
:root[data-design="theme-voltage"] .history-cta{border-width:2px}
:root[data-design="theme-voltage"] .settings-title{color:#15265b}
:root[data-design="theme-voltage"] .menu-button{background:#f2ffc7;color:#15265b;border:2px solid #15265b}
:root[data-design="theme-voltage"] .menu-button[aria-expanded="true"]{background:#dffc58;color:#15265b}
:root[data-design="theme-voltage"] .primary-action{background:#2341d2;border-color:#2341d2;color:#fff}
:root[data-design="theme-voltage"] .historyitem.current-calendar-week{background:#e9f89b;border:2px solid #15265b;border-inline-start:5px solid #ff744b}
:root[data-design="theme-voltage"] .historyitem.current-calendar-week.selected-week{box-shadow:inset 0 0 0 1px #15265b}
:root[data-design="theme-voltage"] body{background-size:530px auto,100% 880px}
.theme-choice[data-design-choice="theme-voltage"]{--preview-accent:#dffc58;--preview-soft:#ff744b}
:root[data-design="theme-voltage"]{
 --page:#2748d8;--surface:#fffaf0;--ink:#172753;--line:#17285d;--muted:#57647b;
 --accent:#2341d2;--on:#ffffff;--soft:#e1fb61;--softink:#182a5b;
 --top:#15265b;--topink:#fffef3;--topmuted:#d6dfff;--today:#f2ffc7;
 --shadow:#10246245;--bar:#ff744b;--wash:#3058ef;--art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22530%22%20height%3D%22590%22%20viewBox%3D%220%200%20530%20590%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%2312245e%22%20stroke-width%3D%224%22%3E%0A%3Ccircle%20cx%3D%22417%22%20cy%3D%22135%22%20r%3D%22107%22%20stroke%3D%22%23E3FC58%22%20stroke-width%3D%2213%22%2F%3E%0A%3Ccircle%20cx%3D%22417%22%20cy%3D%22135%22%20r%3D%2274%22%20stroke%3D%22%23FFF9EE%22%20stroke-opacity%3D%22.75%22%20stroke-width%3D%223%22%2F%3E%0A%3Cpath%20d%3D%22M323%2039L490%20226M299%20135h230%22%20stroke%3D%22%23FF744B%22%20stroke-width%3D%227%22%20stroke-opacity%3D%22.8%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M79%2073L178%2027%20154%20124%20226%20109%2085%20262%20119%20157%2057%20165Z%22%20fill%3D%22%23DEFC52%22%20stroke%3D%22%23142759%22%20stroke-width%3D%225%22%2F%3E%0A%3Ccircle%20cx%3D%22448%22%20cy%3D%22450%22%20r%3D%2293%22%20fill%3D%22%23FF7C4A%22%20stroke%3D%22%23152657%22%20stroke-width%3D%225%22%2F%3E%0A%3Cpath%20d%3D%22M355%20450h186M448%20356v187%22%20stroke%3D%22%231D326C%22%20stroke-width%3D%227%22%20stroke-opacity%3D%22.75%22%2F%3E%0A%3Cg%20fill%3D%22%23DDFC55%22%20stroke%3D%22%2312245e%22%20stroke-width%3D%224%22%3E%0A%3Cpath%20d%3D%22M121%20395l22-59%2023%2059%2062%202-48%2038%2017%2061-54-34-52%2036%2015-63-48-38z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20stroke%3D%22%23C9D6FF%22%20stroke-opacity%3D%22.58%22%20stroke-width%3D%223%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M240%20330h91m-46-45v90M234%20530l44-44m-44%200%2044%2044M264%2099l27-27m-27%200%2027%2027%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22%23FFF9EE%22%20opacity%3D%22.8%22%3E%0A%3Ccircle%20cx%3D%2230%22%20cy%3D%22332%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22284%22%20cy%3D%22213%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%22519%22%20r%3D%226%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");--focus-wash:#10246230;
}
.theme-choice[data-design-choice="theme-voltage"]{
 --preview-page:#2748d8;--preview-card:#fffaf0;--preview-ink:#172753;
 --preview-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22530%22%20height%3D%22590%22%20viewBox%3D%220%200%20530%20590%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%2312245e%22%20stroke-width%3D%224%22%3E%0A%3Ccircle%20cx%3D%22417%22%20cy%3D%22135%22%20r%3D%22107%22%20stroke%3D%22%23E3FC58%22%20stroke-width%3D%2213%22%2F%3E%0A%3Ccircle%20cx%3D%22417%22%20cy%3D%22135%22%20r%3D%2274%22%20stroke%3D%22%23FFF9EE%22%20stroke-opacity%3D%22.75%22%20stroke-width%3D%223%22%2F%3E%0A%3Cpath%20d%3D%22M323%2039L490%20226M299%20135h230%22%20stroke%3D%22%23FF744B%22%20stroke-width%3D%227%22%20stroke-opacity%3D%22.8%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M79%2073L178%2027%20154%20124%20226%20109%2085%20262%20119%20157%2057%20165Z%22%20fill%3D%22%23DEFC52%22%20stroke%3D%22%23142759%22%20stroke-width%3D%225%22%2F%3E%0A%3Ccircle%20cx%3D%22448%22%20cy%3D%22450%22%20r%3D%2293%22%20fill%3D%22%23FF7C4A%22%20stroke%3D%22%23152657%22%20stroke-width%3D%225%22%2F%3E%0A%3Cpath%20d%3D%22M355%20450h186M448%20356v187%22%20stroke%3D%22%231D326C%22%20stroke-width%3D%227%22%20stroke-opacity%3D%22.75%22%2F%3E%0A%3Cg%20fill%3D%22%23DDFC55%22%20stroke%3D%22%2312245e%22%20stroke-width%3D%224%22%3E%0A%3Cpath%20d%3D%22M121%20395l22-59%2023%2059%2062%202-48%2038%2017%2061-54-34-52%2036%2015-63-48-38z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20stroke%3D%22%23C9D6FF%22%20stroke-opacity%3D%22.58%22%20stroke-width%3D%223%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M240%20330h91m-46-45v90M234%20530l44-44m-44%200%2044%2044M264%2099l27-27m-27%200%2027%2027%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22%23FFF9EE%22%20opacity%3D%22.8%22%3E%0A%3Ccircle%20cx%3D%2230%22%20cy%3D%22332%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22284%22%20cy%3D%22213%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%22519%22%20r%3D%226%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}


/* Invariant navigation symbols: semantic colors never inherit the active theme. */
:root .top-menu .menu-link[data-page-link="home"] .menu-icon{background:#edf2ff;color:#4863bb}
:root .top-menu .menu-link[data-page-link="appearance"] .menu-icon{background:#eee6fc;color:#7455b5}
:root .top-menu .menu-link[data-page-link="courses"] .menu-icon{background:#fff0d0;color:#8b6019}
:root .top-menu .menu-link[data-page-link="notifications"] .menu-icon{background:#dff6ed;color:#277d67}
:root .top-menu .menu-link[data-page-link="backup"] .menu-icon{background:#e0f1ff;color:#2b6da5}
/* Course deletion / other destructive actions always have the same coral tone.
   Solid backgrounds ensure the same appearance even on the dark Cosmos theme. */
:root .action.remove-course,:root .action.soft-danger,
:root[data-design="modern"] .action.remove-course,:root[data-design="modern"] .action.soft-danger,
:root[data-design^="theme-"] .action.remove-course,:root[data-design^="theme-"] .action.soft-danger{
 background:#fff1ef;border-color:#efcbc6;color:#9d3931;
}
:root .action.remove-course:hover,:root .action.soft-danger:hover,
:root[data-design="modern"] .action.remove-course:hover,:root[data-design="modern"] .action.soft-danger:hover,
:root[data-design^="theme-"] .action.remove-course:hover,:root[data-design^="theme-"] .action.soft-danger:hover{
 background:#ffe0dc;border-color:#e6b0a9;color:#892b24;
}


/* GOLDEN HOUR — upbeat illustrated travel-poster / surf-print aesthetic. */
:root[data-design="theme-golden"]{
 --page:#fc7953;--surface:#fff8e8;--ink:#243d3e;--line:#246067;--muted:#53696a;
 --accent:#12656a;--on:#ffffff;--soft:#ffdc73;--softink:#294748;
 --top:#15565d;--topink:#fff9e9;--topmuted:#d3f0e8;--today:#fff0ab;
 --shadow:#632e2740;--bar:#f45a34;--wash:#ffb175;--art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22520%22%20height%3D%22660%22%20viewBox%3D%220%200%20520%20660%22%3E%0A%3Cdefs%3E%0A%20%3CclipPath%20id%3D%22sun%22%3E%3Ccircle%20cx%3D%22370%22%20cy%3D%22146%22%20r%3D%22116%22%2F%3E%3C%2FclipPath%3E%0A%20%3Cpattern%20id%3D%22dots%22%20width%3D%2224%22%20height%3D%2224%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22%23FEE7A6%22%20fill-opacity%3D%22.48%22%2F%3E%3C%2Fpattern%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20d%3D%22M28%2012H491v116H28z%22%20fill%3D%22url(%23dots)%22%2F%3E%0A%3Cg%20clip-path%3D%22url(%23sun)%22%3E%0A%20%3Ccircle%20cx%3D%22370%22%20cy%3D%22146%22%20r%3D%22116%22%20fill%3D%22%23FFD25A%22%2F%3E%0A%20%3Cpath%20d%3D%22M250%20109H490M250%20130H490M250%20154H490M250%20181H490M250%20211H490%22%20stroke%3D%22%23FC7953%22%20stroke-width%3D%229%22%20stroke-opacity%3D%22.68%22%2F%3E%0A%20%3Cpath%20d%3D%22M220%20244L323%20167l48%2032%2081-79%2085%2095V288H220Z%22%20fill%3D%22%230E7471%22%20fill-opacity%3D%22.93%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20cx%3D%22370%22%20cy%3D%22146%22%20r%3D%22120%22%20fill%3D%22none%22%20stroke%3D%22%23114A51%22%20stroke-width%3D%225%22%2F%3E%0A%3Cpath%20d%3D%22M-22%20395C78%20314%20160%20447%20267%20372S440%20287%20554%20346%22%20fill%3D%22none%22%20stroke%3D%22%23FFD15B%22%20stroke-width%3D%2224%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M-20%20468C110%20375%20171%20510%20272%20443S443%20357%20552%20412%22%20fill%3D%22none%22%20stroke%3D%22%2315575C%22%20stroke-width%3D%2213%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M-30%20544C96%20454%20152%20592%20270%20512S445%20439%20541%20479%22%20fill%3D%22none%22%20stroke%3D%22%23FEE9B3%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cg%20stroke%3D%22%23184E53%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M79%20139l11-9%2011%209%2011-9%2011%209M145%20178l9-8%209%208%209-8%209%208%22%20fill%3D%22none%22%2F%3E%0A%3Cpath%20d%3D%22M92%20250l25-27-1%2029%2025-12%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22%23FFD15B%22%3E%3Cpath%20d%3D%22M119%20584l13-27%2013%2027%2028%2012-28%209-13%2028-13-28-29-9z%22%2F%3E%3Ccircle%20cx%3D%22472%22%20cy%3D%22585%22%20r%3D%2211%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E");
 --focus-wash:#3b74623b;
}
.theme-choice[data-design-choice="theme-golden"]{
 --preview-page:#fc7953;--preview-card:#fff8e8;--preview-ink:#243d3e;
 --preview-accent:#12656a;--preview-soft:#ffdc73;--preview-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22520%22%20height%3D%22660%22%20viewBox%3D%220%200%20520%20660%22%3E%0A%3Cdefs%3E%0A%20%3CclipPath%20id%3D%22sun%22%3E%3Ccircle%20cx%3D%22370%22%20cy%3D%22146%22%20r%3D%22116%22%2F%3E%3C%2FclipPath%3E%0A%20%3Cpattern%20id%3D%22dots%22%20width%3D%2224%22%20height%3D%2224%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22%23FEE7A6%22%20fill-opacity%3D%22.48%22%2F%3E%3C%2Fpattern%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20d%3D%22M28%2012H491v116H28z%22%20fill%3D%22url(%23dots)%22%2F%3E%0A%3Cg%20clip-path%3D%22url(%23sun)%22%3E%0A%20%3Ccircle%20cx%3D%22370%22%20cy%3D%22146%22%20r%3D%22116%22%20fill%3D%22%23FFD25A%22%2F%3E%0A%20%3Cpath%20d%3D%22M250%20109H490M250%20130H490M250%20154H490M250%20181H490M250%20211H490%22%20stroke%3D%22%23FC7953%22%20stroke-width%3D%229%22%20stroke-opacity%3D%22.68%22%2F%3E%0A%20%3Cpath%20d%3D%22M220%20244L323%20167l48%2032%2081-79%2085%2095V288H220Z%22%20fill%3D%22%230E7471%22%20fill-opacity%3D%22.93%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20cx%3D%22370%22%20cy%3D%22146%22%20r%3D%22120%22%20fill%3D%22none%22%20stroke%3D%22%23114A51%22%20stroke-width%3D%225%22%2F%3E%0A%3Cpath%20d%3D%22M-22%20395C78%20314%20160%20447%20267%20372S440%20287%20554%20346%22%20fill%3D%22none%22%20stroke%3D%22%23FFD15B%22%20stroke-width%3D%2224%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M-20%20468C110%20375%20171%20510%20272%20443S443%20357%20552%20412%22%20fill%3D%22none%22%20stroke%3D%22%2315575C%22%20stroke-width%3D%2213%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M-30%20544C96%20454%20152%20592%20270%20512S445%20439%20541%20479%22%20fill%3D%22none%22%20stroke%3D%22%23FEE9B3%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cg%20stroke%3D%22%23184E53%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M79%20139l11-9%2011%209%2011-9%2011%209M145%20178l9-8%209%208%209-8%209%208%22%20fill%3D%22none%22%2F%3E%0A%3Cpath%20d%3D%22M92%20250l25-27-1%2029%2025-12%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22%23FFD15B%22%3E%3Cpath%20d%3D%22M119%20584l13-27%2013%2027%2028%2012-28%209-13%2028-13-28-29-9z%22%2F%3E%3Ccircle%20cx%3D%22472%22%20cy%3D%22585%22%20r%3D%2211%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
:root[data-design="theme-golden"] body{background-size:520px auto,100% 900px;background-position:left -30px top -6px,center top}
:root[data-design="theme-golden"] .top{
 padding:24px 19px;border:3px solid #123f45;border-radius:22px 22px 36px 16px;
 background:linear-gradient(137deg,#207c78,#11515b 75%);
 box-shadow:0 7px 0 #ffcc53,0 18px 32px #45252930;
}
:root[data-design="theme-golden"] .brand{font-size:31px;font-weight:900;letter-spacing:-1.15px;color:#fff6dd}
:root[data-design="theme-golden"] .tag{background:#ffd363;color:#19474c;border:2px solid #17494a;font-weight:850}
:root[data-design="theme-golden"] .card{
 background:#fff8e8;border:2px solid #13545c;border-radius:22px 12px 22px 12px;
 box-shadow:0 8px 0 #fbc754,0 18px 30px #632e2736;
}
:root[data-design="theme-golden"] .day{
 background:#fffdf2;border:2px solid #2b6f70;border-inline-start:7px solid #e97845;
 border-radius:18px 7px 18px 7px;
}
:root[data-design="theme-golden"] .day.is-today{background:#fff1b9;border-color:#176069;box-shadow:3px 4px 0 #fbd46b}
:root[data-design="theme-golden"] .today-tag{background:#f8bc51;color:#234748;border-color:#cb942e}
:root[data-design="theme-golden"] .week-current{
 background:#ffd363;border:2px solid #184c53;color:#19454a;
 box-shadow:0 4px 0 #24656b;border-radius:24px;
}
:root[data-design="theme-golden"] .week-dates{color:#19454a}
:root[data-design="theme-golden"] .week-step{border:2px solid #24656b;border-radius:19px;background:#ffebad;color:#174f55}
:root[data-design="theme-golden"] .progress{background:#f0dbaa}
:root[data-design="theme-golden"] .fill{background:linear-gradient(90deg,#ef6a35,#ffc54b)}
:root[data-design="theme-golden"] .historyitem.current-calendar-week{background:#ffedaa;border:2px solid #176069;border-inline-start:5px solid #f16936}
:root[data-design="theme-golden"] .historyitem.current-calendar-week .pill{background:#12656a;color:#fff}
:root[data-design="theme-golden"] .primary-action{background:#12656a;color:#fff;border-color:#12656a}
:root[data-design="theme-golden"] .menu-button{background:#ffdb72;color:#134e54;border:2px solid #13505a}
:root[data-design="theme-golden"] .menu-button[aria-expanded="true"]{background:#fff5c5;color:#134e54}
:root[data-design="theme-golden"] .task>input,:root[data-design="theme-golden"] .subtask input{accent-color:#14777a}


/* Task deletion uses the app's accessible dialog instead of window.confirm().
   Container, labels, preview and cancel action inherit the active visual theme.
   Actual destructive confirmation intentionally keeps its clear red semantic color. */
:root{
 --task-dialog-surface:#ffffff;--task-dialog-text:#283750;--task-dialog-subtle:#586984;
 --task-dialog-soft:#f4f0f8;--task-dialog-border:#d9d5e1;--task-dialog-accent:#79549a;--task-dialog-accent-text:#ffffff;
}
:root[data-design="modern"]{
 --task-dialog-surface:#ffffff;--task-dialog-text:#20345d;--task-dialog-subtle:#586984;
 --task-dialog-soft:#eaf0fc;--task-dialog-border:#bdcdec;--task-dialog-accent:#315ecc;--task-dialog-accent-text:#ffffff;
}
:root[data-design^="theme-"]{
 --task-dialog-surface:var(--surface);--task-dialog-text:var(--ink);--task-dialog-subtle:var(--muted);
 --task-dialog-soft:var(--soft);--task-dialog-border:var(--line);
 --task-dialog-accent:var(--accent);--task-dialog-accent-text:var(--on);
}
:root .app-dialog.task-delete-dialog{
 width:min(400px,calc(100vw - 32px));max-height:min(85dvh,640px);padding:23px;
 background:var(--task-dialog-surface);color:var(--task-dialog-text);
 border:2px solid var(--task-dialog-border);border-radius:22px;
 box-shadow:0 24px 76px #071d305c;
}
:root .app-dialog.task-delete-dialog::backdrop{background:#1115289c;backdrop-filter:blur(5px)}
:root .task-delete-dialog .task-delete-symbol{
 display:grid;place-items:center;width:46px;height:46px;margin-bottom:14px;
 border-radius:15px;color:#9d3931;background:#fff1ef;border:1px solid #efcbc6;
 font-size:30px;font-weight:550;line-height:1;
}
:root .task-delete-dialog h2{color:var(--task-dialog-text);font-size:22px;margin:0 0 11px;font-weight:820}
:root .task-delete-dialog p.task-delete-description,
:root[data-design^="theme-"] .task-delete-dialog p.task-delete-description{
 margin:0 0 12px;color:var(--task-dialog-subtle);font-size:14px;line-height:1.7;
}
:root .task-delete-dialog .task-delete-preview{
 padding:13px 14px;border:1px solid var(--task-dialog-border);border-inline-start:4px solid var(--task-dialog-accent);
 border-radius:12px;background:var(--task-dialog-soft);color:var(--task-dialog-text);
 font-size:14px;font-weight:750;line-height:1.6;overflow-wrap:anywhere;
}
:root .task-delete-dialog p.task-delete-hint,
:root[data-design^="theme-"] .task-delete-dialog p.task-delete-hint{
 color:var(--task-dialog-subtle);font-size:12px;line-height:1.6;margin:13px 0 0;
}
:root .task-delete-dialog .dialog-actions{margin-top:20px;display:flex;gap:10px}
:root .task-delete-dialog .action.task-delete-cancel{
 color:var(--task-dialog-text);background:var(--task-dialog-soft);
 border:1px solid var(--task-dialog-border);font-weight:760;
}
:root .task-delete-dialog .action.task-delete-cancel:hover{filter:brightness(.95)}
:root .task-delete-dialog .action.task-delete-confirm{
 color:#ffffff;background:#a63640;border:1px solid #a63640;font-weight:800;
}
:root .task-delete-dialog .action.task-delete-confirm:hover{background:#882631;border-color:#882631}
:root[data-design="theme-cosmos"] .app-dialog.task-delete-dialog{box-shadow:0 24px 80px #01050ee3}
:root[data-design="theme-voltage"] .app-dialog.task-delete-dialog{
 border:3px solid #15265b;box-shadow:6px 7px 0 #15265b,0 25px 60px #10246250;border-radius:14px;
}
:root[data-design="theme-pop"] .app-dialog.task-delete-dialog{
 border:3px solid #4c2c78;box-shadow:6px 7px 0 #4c2c78;border-radius:15px;
}
:root[data-design="theme-golden"] .app-dialog.task-delete-dialog{
 border:3px solid #12656a;border-radius:21px 11px 21px 11px;
 box-shadow:0 7px 0 #ffd363,0 25px 60px #6433235c;
}
:root[data-design="theme-notebook"] .app-dialog.task-delete-dialog{border-radius:8px}
@media(max-width:360px){
 :root .app-dialog.task-delete-dialog{padding:17px}
 :root .task-delete-dialog .dialog-actions{gap:7px}
 :root .task-delete-dialog .action{padding:9px 7px;font-size:12px}
}

/* PULSE: the original modern design is now a full-size theme-gallery choice.
   Its existing styling and localStorage key ("modern") stay exactly unchanged. */
.theme-choice[data-design-choice="modern"]{
 --preview-page:#192f58;
 --preview-card:#ffffff;
 --preview-ink:#202c49;
 --preview-accent:#315ecc;
 --preview-soft:#e3ebff;
 --preview-art:radial-gradient(circle at 86% 22%,#f8d56e 0 13%,transparent 14%),
               radial-gradient(circle at 15% 92%,#ed8b77 0 18%,transparent 19%);
}
.theme-choice[data-design-choice="modern"] .theme-art{background-size:100% 100%}