.theme-switcher{display:grid;gap:7px;margin:0 6px 16px;padding:10px 9px 9px;border:1px solid #e1e3da;border-radius:8px;background:rgba(255,255,255,.34)}.theme-caption{color:#969e95;font-size:8px;font-weight:700;letter-spacing:1px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:4px}.theme-options button{height:27px;border:1px solid transparent;border-radius:5px;color:#7b867d;background:transparent;font-size:10px}.theme-options button[aria-pressed="true"]{border-color:#d7e1d8;color:#456c55;background:#f8faf6;font-weight:700}.task-card.timer-expired .task-title{color:#c62828!important}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e7e7e7;--muted:#a1a1a1;--line:#3a3a3a;--paper:#222;--canvas:#171717;--green:#858585;--green-dark:#696969;--green-pale:#303030;--shadow:0 18px 50px rgba(0,0,0,.38)}
:root[data-theme="dark"] body{color:var(--ink);background:#171717}
:root[data-theme="dark"] .sidebar{background:#1d1d1d;border-color:#333}
:root[data-theme="dark"] .brand,:root[data-theme="dark"] .profile-copy strong,:root[data-theme="dark"] .task-title,:root[data-theme="dark"] .view-heading h1,:root[data-theme="dark"] .modal-header h2{color:#e4e4e4}
:root[data-theme="dark"] .profile-chip:hover,:root[data-theme="dark"] .nav-item:hover,:root[data-theme="dark"] .icon-button:hover{background:#2a2a2a;color:#eee}
:root[data-theme="dark"] .search-trigger,:root[data-theme="dark"] .search-box,:root[data-theme="dark"] .quick-add{border-color:#3a3a3a;color:#aaa;background:#222}
:root[data-theme="dark"] .search-box input,:root[data-theme="dark"] .quick-add input{color:#e7e7e7}
:root[data-theme="dark"] .search-box input::placeholder,:root[data-theme="dark"] .quick-add input::placeholder{color:#888}
:root[data-theme="dark"] .theme-switcher{border-color:#3a3a3a;background:#222}
:root[data-theme="dark"] .theme-options button{color:#aaa}
:root[data-theme="dark"] .theme-options button[aria-pressed="true"]{border-color:#555;color:#f0f0f0;background:#3a3a3a}
:root[data-theme="dark"] .nav-item{color:#aaa}
:root[data-theme="dark"] .nav-item.active{color:#f0f0f0;background:#383838}
:root[data-theme="dark"] .nav-item.active .nav-count{color:#c8c8c8}
:root[data-theme="dark"] .sidebar-note{color:#aaa;background:#292929}
:root[data-theme="dark"] .sidebar-note strong{color:#e0e0e0}
:root[data-theme="dark"] .avatar{color:#fff}
:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .main-footer{border-color:#333}
:root[data-theme="dark"] .breadcrumbs,:root[data-theme="dark"] .view-heading p,:root[data-theme="dark"] .date-stamp,:root[data-theme="dark"] .main-footer{color:#999}
:root[data-theme="dark"] .breadcrumbs strong,:root[data-theme="dark"] .date-stamp-day{color:#d0d0d0}
:root[data-theme="dark"] .quick-add{box-shadow:0 3px 9px rgba(0,0,0,.12)}
:root[data-theme="dark"] .quick-plus{border-color:#888;color:#ccc}
:root[data-theme="dark"] .task-card,:root[data-theme="dark"] .task-card:first-child{border-color:#333}
:root[data-theme="dark"] .task-card:hover{background:rgba(255,255,255,.035)}
:root[data-theme="dark"] .task-card.is-done .task-title{color:#838383}
:root[data-theme="dark"] .task-notes-preview,:root[data-theme="dark"] .task-meta,:root[data-theme="dark"] .sort-label{color:#9b9b9b}
:root[data-theme="dark"] .list-total{color:#a6a6a6;background:#2a2a2a}
:root[data-theme="dark"] .search-box button,:root[data-theme="dark"] .task-action,:root[data-theme="dark"] .timer-control{color:#a4a4a4}
:root[data-theme="dark"] .task-action:hover,:root[data-theme="dark"] .timer-control:hover{color:#e0e0e0;background:#2d2d2d}
:root[data-theme="dark"] .empty-state h2{color:#e0e0e0}
:root[data-theme="dark"] .empty-state p,:root[data-theme="dark"] .completed-toggle{color:#9e9e9e}
:root[data-theme="dark"] .empty-card{border-color:#444;background:#252525;box-shadow:0 7px 14px #0003}
:root[data-theme="dark"] .empty-card i{background:#454545}
:root[data-theme="dark"] .modal{border-color:#404040;color:#e7e7e7;background:#222}
:root[data-theme="dark"] .text-field{border-color:#444;color:#e7e7e7;background:#191919}
:root[data-theme="dark"] .text-field::placeholder{color:#808080}
:root[data-theme="dark"] .text-field:focus{border-color:#888;box-shadow:0 0 0 3px #ffffff12}
:root[data-theme="dark"] .field-label{color:#bbb}
:root[data-theme="dark"] .cancel-button,:root[data-theme="dark"] .delete-button{border-color:#444;color:#ccc;background:#222}
:root[data-theme="dark"] .cancel-button:hover{background:#303030}
:root[data-theme="dark"] .notification-control{border-color:#444;color:#ccc;background:#222}
:root[data-theme="dark"] .export-button{border-color:#444;color:#ccc;background:#222}
:root[data-theme="dark"] .export-button:hover{border-color:#666;background:#303030}
:root[data-theme="dark"] .notification-control.is-enabled{border-color:#666;color:#e0e0e0;background:#303030}
:root[data-theme="dark"] .notification-control.is-blocked{border-color:#75473c;color:#f0aa95;background:#392b27}
:root[data-theme="dark"] .task-timer{border-color:#444;color:#c5c5c5;background:#282828}
:root[data-theme="dark"] .task-timer.is-paused{border-color:#555;color:#c7c7c7;background:#303030}
:root[data-theme="dark"] .task-timer.is-warning{border-color:#815348;color:#ffb4a3;background:#3c2b28}
:root[data-theme="dark"] .task-timer.is-expired{border-color:#8e4141;color:#ff8888;background:#402626}
:root[data-theme="dark"] .task-card.timer-expired .task-title{color:#ff7777!important}
@media(max-width:680px){.theme-switcher{display:flex;grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;margin:8px 0 0;padding:5px 8px}.theme-caption{font-size:8px}.theme-options{width:190px}.profile-copy{display:grid}.profile-copy small{display:none}.view-heading h1{font-size:24px}}
:root[data-theme="ocean"]{--ink:#24384b;--muted:#74899c;--line:#dce7ef;--paper:#fcfeff;--canvas:#eff6fa;--green:#397fa3;--green-dark:#265d7a;--green-pale:#dceef6;--shadow:0 18px 50px rgba(32,75,100,.11);--sidebar-color:#e5f0f5;--sidebar-border:#d2e2eb;--sidebar-hover:#dceaf1;--sidebar-note-color:#d7e8f0;--sidebar-note-ink:#4a7187}
:root[data-theme="forest"]{--ink:#293b30;--muted:#7b8d7f;--line:#e0e9df;--paper:#fdfffc;--canvas:#f0f6ef;--green:#54865a;--green-dark:#396443;--green-pale:#deeddf;--shadow:0 18px 50px rgba(48,81,52,.1);--sidebar-color:#e7f0e5;--sidebar-border:#d8e5d5;--sidebar-hover:#dce9d9;--sidebar-note-color:#dbe9d8;--sidebar-note-ink:#557658}
:root[data-theme="lavender"]{--ink:#3b3449;--muted:#89819b;--line:#e8e2ef;--paper:#fffefe;--canvas:#f6f2fa;--green:#8870ae;--green-dark:#655181;--green-pale:#ebe2f4;--shadow:0 18px 50px rgba(72,55,99,.1);--sidebar-color:#eee8f4;--sidebar-border:#e0d7ea;--sidebar-hover:#e7def0;--sidebar-note-color:#e6ddf0;--sidebar-note-ink:#75628f}
:root[data-theme="sunset"]{--ink:#49372f;--muted:#9a8173;--line:#efe1d8;--paper:#fffdfa;--canvas:#fbf2eb;--green:#c16d4c;--green-dark:#934c35;--green-pale:#f5e0d4;--shadow:0 18px 50px rgba(112,65,43,.1);--sidebar-color:#f4e5da;--sidebar-border:#ead6c9;--sidebar-hover:#f0dbcd;--sidebar-note-color:#f0dfd2;--sidebar-note-ink:#98634c}
:root[data-theme="ocean"] .sidebar,:root[data-theme="forest"] .sidebar,:root[data-theme="lavender"] .sidebar,:root[data-theme="sunset"] .sidebar{background:var(--sidebar-color);border-color:var(--sidebar-border)}
:root[data-theme="ocean"] .profile-chip:hover,:root[data-theme="forest"] .profile-chip:hover,:root[data-theme="lavender"] .profile-chip:hover,:root[data-theme="sunset"] .profile-chip:hover,:root[data-theme="ocean"] .icon-button:hover,:root[data-theme="forest"] .icon-button:hover,:root[data-theme="lavender"] .icon-button:hover,:root[data-theme="sunset"] .icon-button:hover{background:var(--sidebar-hover)}
:root[data-theme="ocean"] .search-trigger,:root[data-theme="forest"] .search-trigger,:root[data-theme="lavender"] .search-trigger,:root[data-theme="sunset"] .search-trigger{border-color:var(--line);color:var(--muted)}
:root[data-theme="ocean"] .nav-item,:root[data-theme="forest"] .nav-item,:root[data-theme="lavender"] .nav-item,:root[data-theme="sunset"] .nav-item{color:var(--muted)}
:root[data-theme="ocean"] .nav-item.active,:root[data-theme="forest"] .nav-item.active,:root[data-theme="lavender"] .nav-item.active,:root[data-theme="sunset"] .nav-item.active{color:var(--green-dark);background:var(--green-pale)}
:root[data-theme="ocean"] .nav-item.active .nav-count,:root[data-theme="forest"] .nav-item.active .nav-count,:root[data-theme="lavender"] .nav-item.active .nav-count,:root[data-theme="sunset"] .nav-item.active .nav-count{color:var(--green)}
:root[data-theme="ocean"] .sidebar-note,:root[data-theme="forest"] .sidebar-note,:root[data-theme="lavender"] .sidebar-note,:root[data-theme="sunset"] .sidebar-note{color:var(--sidebar-note-ink);background:var(--sidebar-note-color)}
:root[data-theme="ocean"] .sidebar-note strong,:root[data-theme="forest"] .sidebar-note strong,:root[data-theme="lavender"] .sidebar-note strong,:root[data-theme="sunset"] .sidebar-note strong{color:var(--green-dark)}
:root[data-theme="ocean"] .theme-options button[aria-pressed="true"],:root[data-theme="forest"] .theme-options button[aria-pressed="true"],:root[data-theme="lavender"] .theme-options button[aria-pressed="true"],:root[data-theme="sunset"] .theme-options button[aria-pressed="true"]{border-color:var(--green);color:var(--green-dark);background:var(--green-pale)}