/* Appearance controls are shared by both color schemes. */
.appearance-panel{margin-bottom:25px}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0;padding:0;margin:0;min-width:0}
.theme-option{position:relative;display:flex;flex-direction:row;align-items:center;gap:13px;padding:19px 16px;border:1px solid var(--line);border-radius:11px;cursor:pointer;background:var(--paper);color:var(--ink)}
.theme-option input{width:16px;height:16px;margin:0;accent-color:var(--green);flex-shrink:0}
.theme-option:has(input:checked){border-color:#688d70;background:#edf4ed;box-shadow:0 0 0 1px #688d70}
.theme-option:focus-within{outline:3px solid #74a78e;outline-offset:3px}
.theme-symbol{font-size:27px;line-height:1;color:#68846b;flex-shrink:0}
.theme-option strong{display:block;font-size:13px}.theme-option small{display:block;font-size:11px;margin-top:2px;color:#74816f}
.appearance-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;--bg:#141b18;--paper:#1d2721;--ink:#e3ebe4;--muted:#a6b6a9;--line:#344238;--green:#9bc7a8;--green-light:#2b4033;--shadow:0 3px 16px #0003}
[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
[data-theme="dark"] .sidebar,[data-theme="dark"] .panel,[data-theme="dark"] .stat-card,[data-theme="dark"] .project-card,[data-theme="dark"] .resource-card,[data-theme="dark"] .auth-card,[data-theme="dark"] .search-projects .project-label{background:var(--paper);border-color:var(--line)}
[data-theme="dark"] .topbar{background:#18211c;border-color:var(--line)}
[data-theme="dark"] .brand-mark{background:#95c4a2;color:#14241a}
[data-theme="dark"] .brand-dot,[data-theme="dark"] .workspace-label,[data-theme="dark"] .nav-caption,[data-theme="dark"] .breadcrumb>span:first-of-type,[data-theme="dark"] .top-date,[data-theme="dark"] .eyebrow{color:#a2b49f}
[data-theme="dark"] .nav-item{color:#b7c4b8}
[data-theme="dark"] .nav-item:hover,[data-theme="dark"] .icon-button:hover{background:#2b3c30;color:#daebdc}
[data-theme="dark"] .nav-item.active{background:#304536;color:#bce1c4}
[data-theme="dark"] .nav-count{background:#2c3a30;color:#c4d5c5}
[data-theme="dark"] .active .nav-count{background:#415a45}
[data-theme="dark"] .sidebar-tip{background:#222f25;border-color:#344236}
[data-theme="dark"] .sidebar-tip p,[data-theme="dark"] .tip-star{color:#b0bd9d}
[data-theme="dark"] .avatar{background:#443e2c;color:#e3cc9d}
[data-theme="dark"] .primary,[data-theme="dark"] .dark,[data-theme="dark"] .capture-panel .button{background:#9bc7a8;color:#15271a}
[data-theme="dark"] .primary:hover,[data-theme="dark"] .dark:hover,[data-theme="dark"] .capture-panel .button:hover{background:#b1dbbc}
[data-theme="dark"] .secondary{background:#243229;border-color:#455746;color:#d3e3d1}
[data-theme="dark"] .secondary:hover{background:#304334}
[data-theme="dark"] .quick-add kbd{background:#23432d15;border-color:#315e4155;color:#284333}
[data-theme="dark"] .global-search,[data-theme="dark"] .filter-search{background:#202c24;border-color:var(--line);color:#b1c0ab}
[data-theme="dark"] .global-search input{color:var(--ink)}
[data-theme="dark"] .global-search kbd{background:#29382d;color:#b1c0ab;border-color:#4b5c4b}
[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select{background:#17231c;border-color:#455746;color:#e0ebdc}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#92a38c;opacity:1}
[data-theme="dark"] label{color:#bacbb2}
[data-theme="dark"] label small,[data-theme="dark"] .field-help{color:#a8b99f}
[data-theme="dark"] .theme-option{background:#202e25;color:var(--ink)}
[data-theme="dark"] .theme-option:has(input:checked){background:#304735;border-color:#9bc7a8;box-shadow:0 0 0 1px #9bc7a8}
[data-theme="dark"] .theme-symbol,[data-theme="dark"] .theme-option small{color:#bed1b5}
[data-theme="dark"] .page-heading p:last-child,[data-theme="dark"] .stat-top,[data-theme="dark"] .stat-value small,[data-theme="dark"] .section-description,[data-theme="dark"] .task-meta,[data-theme="dark"] .task-details>summary{color:#a8b8a0}
[data-theme="dark"] .greeting-dot{color:#a2ceab}
[data-theme="dark"] .peach{background:#413727;color:#e5bc88}
[data-theme="dark"] .sage{background:#2e402b;color:#b6d5a1}
[data-theme="dark"] .lavender{background:#373043;color:#c7b3e1}
[data-theme="dark"] .focus-panel{background:linear-gradient(115deg,#243326,#202c23);border-color:#40553b}
[data-theme="dark"] .focus-count{border-color:#526849;color:#c2d4b2}
[data-theme="dark"] .focus-empty{border-color:#526346;color:#bfd0ab}
[data-theme="dark"] .focus-empty>span{background:#34452e}
[data-theme="dark"] .focus-empty strong,[data-theme="dark"] .focus-empty p{color:#bbcaad}
[data-theme="dark"] .capture-panel{background:#2d3b29;border-color:#43523c}
[data-theme="dark"] .capture-panel h2,[data-theme="dark"] .capture-panel .eyebrow{color:#d4e1c4}
[data-theme="dark"] .capture-panel input,[data-theme="dark"] .capture-panel textarea{background:#202c1e;border-color:#526247}
[data-theme="dark"] .text-button{color:#b1d6a5}
[data-theme="dark"] .danger{color:#efaaa0}
[data-theme="dark"] .icon-button{color:#b0c0a8}
[data-theme="dark"] .task-row,[data-theme="dark"] .recent-note,[data-theme="dark"] .item-actions,[data-theme="dark"] .page-footer{border-color:var(--line)}
[data-theme="dark"] .task-check,[data-theme="dark"] .mini-check{border-color:#849679;color:#c3ddaF}
[data-theme="dark"] .task-check:hover{background:#405335;border-color:#b2cd9e}
[data-theme="dark"] .is-done .task-check{background:#9bc7a8;border-color:#9bc7a8;color:#15271a}
[data-theme="dark"] .task-title:hover{color:#bbdea9}
[data-theme="dark"] .is-done .task-title,[data-theme="dark"] .checked{color:#a2b397}
[data-theme="dark"] .date-label,[data-theme="dark"] .tag,[data-theme="dark"] .count-pill{background:#2c3c2b;border-color:#42523c;color:#c1d0b3}
[data-theme="dark"] .date-label.overdue{background:#47332b;color:#f3c1a7}
[data-theme="dark"] .focus-button.selected{color:#e2d793}
[data-theme="dark"] .focus-button.selected svg{fill:#5a5530}
[data-theme="dark"] .priority-high{color:#e3bb8b}
[data-theme="dark"] .project-label,[data-theme="dark"] .green{color:#acd197}
[data-theme="dark"] .blue{color:#a0c5df}
[data-theme="dark"] .purple{color:#cdb0e1}
[data-theme="dark"] .orange{color:#e3b585}
[data-theme="dark"] .rose{color:#e3adbf}
[data-theme="dark"] .detail-body p,[data-theme="dark"] .recent-note small,[data-theme="dark"] .empty-state p{color:#b1bea6}
[data-theme="dark"] .empty-symbol,[data-theme="dark"] .project-icon{background:#2e3f2a;color:#bed5a6}
[data-theme="dark"] .note-card{background:#292e22;border-color:#424936}
[data-theme="dark"] .card-kicker{color:#c5c29d}
[data-theme="dark"] .note-excerpt,[data-theme="dark"] .note-full>div{color:#c1c9b1}
[data-theme="dark"] .note-full summary{color:#c4d4a6}
[data-theme="dark"] .note-mini-icon{background:#393d29;border-color:#4c5038;color:#d7d2a0}
[data-theme="dark"] .snippet-body{color:#b8c7ab}
[data-theme="dark"] .resource-url{color:#b6d6a6}
[data-theme="dark"] .project-progress,[data-theme="dark"] th,[data-theme="dark"] td small{color:#b2c2a5}
[data-theme="dark"] .project-progress progress::-webkit-progress-bar{background:#394831}
[data-theme="dark"] .project-progress progress::-webkit-progress-value{background:#a5c591}
[data-theme="dark"] .notice{background:#2a402a;border-color:#4d6847;color:#d0e7bb}
[data-theme="dark"] .notice.error{background:#452f28;border-color:#855a45;color:#f1c6ac}
[data-theme="dark"] .toast{background:#c1deaf;color:#22341b}
[data-theme="dark"] dialog{background:var(--paper);border-color:#4d6245;color:var(--ink);box-shadow:0 25px 90px #0007}
[data-theme="dark"] dialog::backdrop{background:#060e0b99}
[data-theme="dark"] .dialog-footer{background:#202d22}
[data-theme="dark"] .auth-page{background:radial-gradient(ellipse at 15% 15%,#2c402b,transparent 60%),#141b18}
[data-theme="dark"] .auth-card>p,[data-theme="dark"] .auth-card .auth-foot,[data-theme="dark"] .auth-card code{color:#b6c7a9}
[data-theme="dark"] .page-footer{color:#96a88b}
@media(max-width:980px){.theme-option{gap:9px;padding:15px 12px}.theme-symbol{font-size:23px}}
@media(max-width:720px){.theme-options{grid-template-columns:1fr}.appearance-footer{align-items:flex-start;flex-direction:column}.appearance-footer .button{align-self:flex-end}}