.theme-toggle{border:1px solid #31516d;background:#142a40;color:#c8ddf0;border-radius:7px;padding:8px 11px;white-space:nowrap;font-size:12px;font-weight:600;transition:background .18s,border-color .18s}
.theme-toggle:hover{background:#1b3852;border-color:#4a7191}
.state-shell{position:relative}
.state-shell>.theme-toggle{position:absolute;right:30px;top:29px}
:root[data-theme=light]{color-scheme:light;color:#19334c;background:#f6f8fb;--surface:#fff;--soft:#f0f4f8;--border:#e3e9ef;--muted:#596b80}
:root[data-theme=light] body{background:#f6f8fb;color:#19334c}
:root[data-theme=light] p{color:#596b80}
:root[data-theme=light] .workspace-rail{background:#fff;border-color:#e3e9ef}
:root[data-theme=light] .rail-brand{color:#102b47}
:root[data-theme=light] .rail-label,:root[data-theme=light] .rail-bottom{color:#667b90}
:root[data-theme=light] .rail-bottom{border-color:#e3e9ef}
:root[data-theme=light] .rail-link{color:#52677b}
:root[data-theme=light] .rail-link:hover,:root[data-theme=light] .rail-link.active{background:#e9f4fe;color:#087ed8}
:root[data-theme=light] .topbar{background:#fff;border-color:#e3e9ef}
:root[data-theme=light] .brand{color:#102b47}
:root[data-theme=light] .brand span{color:#7a8fa2}
:root[data-theme=light] .top-right{color:#596b80}
:root[data-theme=light] .avatar{background:#e9f4fe;color:#087ed8;border-color:#d3e9fa}
:root[data-theme=light] .link-button{color:#496883}
:root[data-theme=light] .link-button:hover{color:#087ed8}
:root[data-theme=light] .theme-toggle{background:#f0f4f8;color:#2b4963;border-color:#d8e3ed}
:root[data-theme=light] .theme-toggle:hover{background:#e9f4fe;border-color:#9bcaf0}
:root[data-theme=light] .eyebrow{color:#2876b2}
:root[data-theme=light] .hero p{color:#596b80}
:root[data-theme=light] .button{background:#fff;color:#274864;border-color:#d5e1eb}
:root[data-theme=light] .button:hover{background:#e9f4fe;color:#16466d}
:root[data-theme=light] .button.primary{background:#087ed8;color:#fff;border-color:#087ed8}
:root[data-theme=light] .button.primary:hover{background:#076dbb;color:#fff}
:root[data-theme=light] .button.danger{color:#ba515b}
:root[data-theme=light] .progress-panel{background:linear-gradient(110deg,#fff,#eaf5ff);border-color:#d4e5f2;color:#19334c}
:root[data-theme=light] .progress-panel .eyebrow{color:#2876b2}
:root[data-theme=light] .progress-panel p{color:#596b80}
:root[data-theme=light] .track{background:#dcecf8}
:root[data-theme=light] .section-heading p{color:#687d90}
:root[data-theme=light] .task{background:#fff;border-color:#e0e9f0}
:root[data-theme=light] .task:hover{border-color:#9bcaf0}
:root[data-theme=light] .task-description{color:#677c8f}
:root[data-theme=light] .mini-track{background:#dcecf8}
:root[data-theme=light] .mini-percent{color:#087ed8}
:root[data-theme=light] .chevron,:root[data-theme=light] .icon-button{color:#71879b}
:root[data-theme=light] .icon-button:hover{background:#e9f4fe;color:#087ed8}
:root[data-theme=light] .task-body{background:#f9fbfd;border-color:#e3e9ef}
:root[data-theme=light] .subtask+.subtask{border-color:#e8eef3}
:root[data-theme=light] .subtask-label{color:#19334c}
:root[data-theme=light] .done-text{color:#8b9cac}
:root[data-theme=light] .check{border-color:#93abc0}
:root[data-theme=light] .empty{background:#fff;border-color:#c7dae8}
:root[data-theme=light] .footer{border-color:#e3e9ef;color:#8598a9}
:root[data-theme=light] .state-card{background:#fff;border-color:#e0e9f0;box-shadow:0 18px 55px #16345314}
:root[data-theme=light] .state-card p{color:#596b80}
:root[data-theme=light] .state-symbol{background:#e9f4fe;color:#087ed8}
:root[data-theme=light] .spinner{border-color:#dcecf8;border-top-color:#1a95f8}
:root[data-theme=light] dialog{background:#fff;color:#19334c;border-color:#d5e1eb}
:root[data-theme=light] dialog::backdrop{background:#102b4780}
:root[data-theme=light] .dialog-inner p{color:#596b80}
:root[data-theme=light] label.field{color:#38536b}
:root[data-theme=light] input[type=text],:root[data-theme=light] input[type=email],:root[data-theme=light] textarea{background:#fff;border-color:#c9d8e4;color:#19334c}
:root[data-theme=light] .invite-row{background:#f0f4f8}
@media(max-width:720px){.state-shell>.theme-toggle{right:18px;top:21px}.top-right{gap:5px}.theme-toggle{padding:7px 8px}.topbar .brand{font-size:11px;letter-spacing:.07em}}