:root{--blue:#0969d7;--blue-deep:#0858bc;--sky:#eaf4ff;--nav:#f1f7fd;--bg:#f7f9fd;--white:#fff;--ink:#18283d;--muted:#79889c;--border:#e5ebf2;--green:#24aa82;--red:#ea6554;--orange:#f2a33d;--shadow:0 12px 35px #17385b0b}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:14px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #88bfff;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}svg{vertical-align:middle} .icon{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto} .muted{color:var(--muted)} .small{font-size:12px}.tiny{font-size:11px}.screen{display:grid;grid-template-rows:66px minmax(0,1fr);min-height:100vh} .top{background:linear-gradient(100deg,#0757b7,#0876e2);display:flex;align-items:center;gap:24px;color:#fff;padding:0 26px;box-shadow:0 4px 15px #093f8624;position:sticky;top:0;z-index:15} .brand{display:flex;align-items:center;gap:11px;min-width:245px} .mark{border-radius:12px;width:39px;height:39px;background:white;color:#0871db;display:grid;place-items:center;box-shadow:0 3px 9px #03356e33;font-weight:900;font-size:20px;letter-spacing:-2px}.brandname{font-weight:790;font-size:18px;line-height:1.03;letter-spacing:-.6px}.brandsub{font-size:10px;color:#c1ddff;letter-spacing:1.6px;text-transform:uppercase;margin-top:4px}.search-top{flex:1;max-width:600px;display:flex;align-items:center;gap:10px;border:1px solid #a5d0ff47;background:#ffffff21;border-radius:11px;padding:0 14px;color:#c6e2ff}.search-top input{width:100%;border:0;background:transparent;color:#fff;padding:11px 0;outline:none}.search-top input::placeholder{color:#d0e7ff}.top-end{margin-left:auto;display:flex;align-items:center;gap:12px}.top-ghost{color:#e9f6ff;border:0;background:transparent;border-radius:9px;padding:8px}.top-ghost:hover{background:#ffffff25}.avatar{height:34px;width:34px;border-radius:50%;background:#c8edff;color:#0959b1;display:grid;place-items:center;font-weight:800;border:2px solid #ffffffa0}.layout{display:grid;grid-template-columns:256px minmax(500px,1fr) 328px;min-height:calc(100vh - 66px)}.left{background:var(--nav);border-right:1px solid #dfebf7;padding:23px 14px;min-height:100%;}.section-label{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:800;color:#91a4bc;padding:0 15px;margin:20px 0 9px;display:flex;align-items:center;justify-content:space-between}.section-label button{border:0;background:transparent;color:#6d99c3;font-size:19px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 13px;width:100%;border:0;border-radius:9px;color:#4e6682;background:transparent;text-align:left;font-weight:590;margin-bottom:3px}.nav-item:hover{background:#e0eefa}.nav-item.active{background:#dcebff;color:#0766c8;font-weight:760}.nav-item .n{margin-left:auto;color:#86a0bc;font-size:11px}.nav-item.active .n{color:#1778d7}.left .icon{width:16px;height:16px}.brandbullet{width:10px;height:10px;display:inline-block;border-radius:4px;flex:0 0 10px}.sidebar-bottom{margin:24px 12px 0;background:#e2f0ff;border:1px solid #c8e3ff;border-radius:13px;padding:15px}.sidebar-bottom strong{display:block;font-size:12px;color:#1b558d}.sidebar-bottom p{color:#6284a7;font-size:11px;margin:5px 0 10px}.sidebar-bottom button{border:0;background:white;color:#0965c6;font-size:11px;font-weight:750;padding:8px 9px;border-radius:7px;width:100%}.main{background:#fff;min-width:0;padding:28px 33px 40px}.eyebrow{font-size:11px;color:#7f93aa;font-weight:800;text-transform:uppercase;letter-spacing:1.35px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.page-head h1{font-size:28px;letter-spacing:-1.05px;line-height:1.1;margin:6px 0}.page-head p{color:#8393a7;font-size:12px;margin:6px 0 0}.btn{border:1px solid var(--border);border-radius:9px;padding:9px 13px;background:white;color:#43607c;font-weight:680;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn:hover{border-color:#bdd5ef;background:#f4f9ff}.btn.primary{background:#096edb;color:white;border-color:#096edb;box-shadow:0 5px 13px #096edb1a}.btn.primary:hover{background:#005fc8}.btn.soft{border-color:#d2e6ff;background:#edf6ff;color:#0870d7}.btn.danger{color:#dc4d4d;border-color:#f4d8d6}.btn.sm{padding:7px 10px;font-size:12px}.btn.icon-only{padding:8px}.chip{font-size:11px;font-weight:750;border-radius:6px;padding:4px 7px;background:#f1f5f9;color:#7891a9;display:inline-flex;align-items:center;gap:4px}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:100px;font-size:11px;background:#f1f6fc;color:#5f748e}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:26px 0 14px}.seg{display:inline-flex;gap:2px;border:1px solid #e8edf3;border-radius:9px;padding:3px;background:#f8fafc}.seg button{padding:7px 13px;background:transparent;border:0;border-radius:7px;color:#8491a2;font-size:12px;font-weight:700}.seg button.active{background:white;color:#1471d3;box-shadow:0 2px 8px #142f4d12}.grow{flex:1}.quick-add{border:1.5px solid #bddcfb;background:#f5faff;border-radius:12px;margin:19px 0 21px;padding:11px 12px;display:flex;gap:11px;align-items:center;flex-wrap:wrap}.quick-plus{height:30px;width:30px;background:#1177de;display:grid;place-items:center;color:#fff;border-radius:9px;font-size:23px;font-weight:350;flex:0 0 auto}.quick-add input[type=text]{background:transparent;border:0;outline:none;flex:1;min-width:170px;color:#23415e}.quick-add input::placeholder{color:#8aa4c0}.quick-options{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.quick-options select,.quick-options input[type=date]{border:1px solid #ddeaf5;border-radius:7px;background:#fff;color:#627d9a;font-size:11px;padding:7px;max-width:139px}.table-top{display:flex;align-items:center;justify-content:space-between;margin:12px 0 7px}.table-top h2{font-size:15px;letter-spacing:-.35px;margin:0}.task-list{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:white}.task{display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf0f4;min-height:62px;padding:12px 15px;cursor:pointer;position:relative}.task:last-child{border-bottom:0}.task:hover{background:#f7fbff}.task.selected{background:#edf7ff}.task .pri{position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:4px}.pri.p1{background:#ed6660}.pri.p2{background:#f2b052}.pri.p3{background:#5ba5e7}.check{height:19px;width:19px;border-radius:5px;border:1.8px solid #ced9e7;background:white;display:grid;place-items:center;color:white;flex:0 0 auto;cursor:pointer}.check.done{background:#20ac80;border-color:#20ac80}.task-info{min-width:0;flex:1}.task-name{font-size:13px;font-weight:675;line-height:1.45}.task.complete .task-name{text-decoration:line-through;color:#a4aeb8}.task-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px}.task-meta .brandtag{font-size:10px;font-weight:680;background:#f3f6fb;border:1px solid #ecf0f5;border-radius:5px;padding:2px 6px;color:#5b718c}.task-meta .duedate{font-size:10px;color:#8b9aae}.task-meta .duedate.late{color:#e25d59}.task-meta .tag{font-size:10px;color:#398cc4;background:#eaf5ff;padding:2px 5px;border-radius:4px}.assignee{height:27px;width:27px;display:grid;place-items:center;background:#e8f1fb;border:2px solid white;border-radius:50%;color:#5079ab;font-size:10px;font-weight:800;flex:0 0 auto}.task-count{font-size:11px;color:#8b9bab}.empty{padding:52px 25px;text-align:center;color:#8b9baf}.empty svg{width:38px;height:38px;color:#bad1e9;margin-bottom:10px}.empty strong{display:block;font-size:14px;color:#526e8c}.right{background:#fafcff;border-left:1px solid var(--border);padding:28px 22px 35px;min-width:0}.right h3{font-size:16px;letter-spacing:-.3px;margin:5px 0 4px}.right-section{margin-bottom:25px}.right-card{background:white;border:1px solid #e8edf5;border-radius:12px;padding:14px;margin:13px 0 0}.right-stat{display:flex;align-items:center;gap:12px}.statnum{font-size:28px;font-weight:800;letter-spacing:-1.3px;color:#2078d9}.mini-bar{height:6px;background:#edf3f9;border-radius:10px;overflow:hidden;margin-top:13px}.mini-bar>div{height:100%;background:#23b58f;border-radius:10px}.upcoming{border-bottom:1px solid #edf1f7;padding:12px 0;display:flex;gap:10px;align-items:center}.upcoming:last-child{border-bottom:0}.calendar-dot{height:9px;width:9px;border-radius:3px;flex:0 0 auto}.detail-form label,.modal label{font-size:11px;text-transform:uppercase;letter-spacing:.65px;font-weight:790;color:#8b9bb0;display:block;margin:15px 0 6px}.field{width:100%;border:1px solid #e1e7ef;border-radius:8px;background:#fff;padding:10px;color:#364d68;outline:none}.field:focus{border-color:#6badf5;box-shadow:0 0 0 3px #e3f1ff}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-title{font-size:18px;font-weight:780;letter-spacing:-.5px}.subtask-row{display:flex;align-items:center;gap:7px;font-size:12px;padding:6px 0;color:#60758c}.subtask-row input{accent-color:var(--blue)}.subtask-add{display:flex;gap:5px;margin-top:6px}.subtask-add input{min-width:0;flex:1}.right-footer{display:flex;gap:8px;margin-top:17px;flex-wrap:wrap}.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:23px 0}.number-card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:15px}.number-card strong{font-size:24px;letter-spacing:-1px;display:block}.number-card small{color:#8293a8;font-weight:620}.home-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:20px}.panel{background:#fff;border:1px solid var(--border);border-radius:13px;padding:18px}.panel h3{font-size:14px;margin:0 0 14px}.brand-sum{display:flex;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid #eef1f5}.brand-sum:last-child{border-bottom:0}.brand-sum .big-dot{height:34px;width:34px;border-radius:10px;display:grid;place-items:center;color:white;font-weight:760}.brand-sum strong{display:block;font-size:12px}.brand-sum p{color:#99a5b5;font-size:11px;margin:2px 0 0}.brand-sum b{margin-left:auto;font-size:17px}.calhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 15px}.calhead h2{font-size:17px;letter-spacing:-.4px;margin:0}.weekgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #e7edf5;border-left:1px solid #e7edf5;border-radius:12px;overflow:hidden}.weekday{font-size:10px;font-weight:800;color:#8998aa;padding:10px 3px;text-align:center;background:#f8fbff;border-right:1px solid #e7edf5;border-bottom:1px solid #e7edf5}.day{height:108px;border-right:1px solid #e7edf5;border-bottom:1px solid #e7edf5;padding:8px 8px 5px;background:#fff;cursor:pointer;overflow:hidden}.day:hover{background:#f2f8ff}.day.off{background:#fbfcfe;color:#b8c2cb}.day.today{background:#f1f8ff}.daynum{font-size:11px;font-weight:730;display:inline-grid;place-items:center;height:22px;min-width:22px;border-radius:50%}.today .daynum{background:#1479e4;color:white}.event-line{display:block;margin-top:4px;font-size:10px;padding:3px 5px;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.permissions{width:100%;border-collapse:collapse;margin:18px 0;table-layout:fixed}.permissions th{font-size:11px;color:#8295ac;font-weight:800;text-align:left;border-bottom:1px solid #e8eef6;padding:13px 10px}.permissions td{padding:13px 10px;border-bottom:1px solid #e8eef6;font-size:12px}.permissions th:first-child{width:34%}.permissions select{border:1px solid #e4ecf4;border-radius:7px;padding:7px 4px;color:#49617b;background:#fff;max-width:100%;font-size:11px}.member{display:flex;align-items:center;gap:10px}.member .assignee{width:34px;height:34px;font-size:11px}.smallnote{border:1px solid #d5e7fa;border-radius:9px;background:#f2f8ff;padding:12px 15px;color:#597b9b;font-size:12px;margin-top:12px}.contact-grid,.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}.contact-card,.project-card{border:1px solid var(--border);background:white;border-radius:12px;padding:16px}.contact-card strong,.project-card strong{font-size:13px;display:block;margin-bottom:3px}.contact-card small,.project-card small{font-size:11px;color:#8998a8}.contact-card a{color:#1681da;text-decoration:none;font-size:11px}.project-card .progress{height:6px;background:#e8edf2;border-radius:10px;margin-top:15px}.project-card .progress div{height:100%;background:#288ce8;border-radius:10px}.modal-backdrop{position:fixed;inset:0;background:#0c274760;backdrop-filter:blur(3px);z-index:40;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:17px;width:min(490px,95vw);max-height:90vh;overflow:auto;padding:26px;box-shadow:0 20px 70px #0822445c}.modal h2{font-size:22px;letter-spacing:-.7px;margin:0 0 3px}.modal p{font-size:12px;color:#7f91a7;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:60;background:#173654;color:white;border-radius:9px;padding:12px 17px;box-shadow:0 12px 22px #0015272d;font-size:12px;display:none}.demo-flag{display:inline-block;font-size:10px;letter-spacing:.5px;background:#e8f6ff;color:#1178c1;border:1px solid #cee9fb;border-radius:5px;padding:3px 6px;font-weight:790}.hide{display:none!important}
@media(max-width:1250px){.layout{grid-template-columns:220px minmax(460px,1fr) 285px}.main{padding:27px 24px}.right{padding:27px 15px}.brand{min-width:200px}}@media(max-width:1050px){.layout{grid-template-columns:210px minmax(0,1fr)}.right{display:none}.main{padding:24px}.brand{min-width:195px}.top{gap:12px}}@media(max-width:740px){.screen{grid-template-rows:60px minmax(0,1fr)}.top{padding:0 13px}.brand{min-width:0}.brandname{font-size:15px}.brandsub{font-size:8px}.mark{width:33px;height:33px}.search-top{display:none}.top-end{gap:1px}.layout{display:block;min-height:calc(100vh - 60px)}.left{position:relative;min-height:0;padding:10px 9px;display:flex;gap:5px;overflow:auto;border-right:0;border-bottom:1px solid #dde9f5;scrollbar-width:none}.left .section-label,.left .sidebar-bottom,.left .side-brands,.left .side-smarts,.left .nav-item.onlydesktop{display:none}.left .nav-item{width:auto;white-space:nowrap;padding:9px 12px;font-size:11px;margin:0}.left .nav-item .n{display:none}.left .nav-item .icon{width:14px}.main{padding:20px 13px 50px}.page-head h1{font-size:23px}.page-head .btn{padding:9px 8px}.quick-add{padding:10px}.quick-options{width:100%}.quick-options select,.quick-options input[type=date]{flex:1;min-width:75px;max-width:none}.task{padding:11px 9px;gap:9px}.task-meta .tag{display:none}.cards3{gap:8px}.number-card{padding:11px}.number-card strong{font-size:21px}.home-grid{grid-template-columns:1fr}.day{height:75px;padding:5px 3px}.event-line{font-size:8px}.contact-grid,.project-grid{grid-template-columns:1fr}.permissions{font-size:10px}.permissions th,.permissions td{padding:8px 3px}.permissions th:first-child{width:28%}.permissions select{padding:6px 2px;font-size:10px}.member{gap:4px}.member .assignee{display:none}}

/* PHASE ONE — REMINDERS AND TIMERS */
.phase-ribbon{display:inline-flex;gap:7px;align-items:center;background:#e4f7ee;color:#11845f;border-radius:100px;font-size:11px;font-weight:750;padding:6px 10px}
.phase-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:16px;margin:20px 0}
.phase-card{border:1px solid var(--border);border-radius:15px;padding:23px;background:white;box-shadow:var(--shadow)}
.phase-card h3{font-size:17px;letter-spacing:-.35px;margin:0 0 7px}
.phase-card h4{font-size:12px;margin:19px 0 10px;color:#516d89}
.phase-card p{color:#7c90a7;font-size:12px;line-height:1.6;margin:0}
.phase-selector{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 0}
.phase-selector label{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:11px;color:#7f91a8;flex:1;min-width:125px}
.phase-selector select{border:1px solid #dce8f4;padding:10px;border-radius:9px;background:white;color:#254361;width:100%}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #edf2f7}
.setting-row:last-child{border:0}.setting-row b{display:block;font-size:12px}.setting-row small{display:block;font-size:11px;color:#8b9cb1;margin-top:3px}
.toggle{appearance:none;width:38px;height:23px;border:0;border-radius:30px;background:#d1dce8;cursor:pointer;position:relative;flex:0 0 auto;transition:background .2s}
.toggle:checked{background:#1477d8}.toggle:after{content:'';position:absolute;width:17px;height:17px;background:white;border-radius:50%;left:3px;top:3px;transition:transform .2s;box-shadow:0 1px 3px #1234}
.toggle:checked:after{transform:translateX(15px)}.toggle:disabled{opacity:.4;cursor:not-allowed}
.notice-list{margin-top:12px;max-height:380px;overflow-y:auto}
.notice-item{display:flex;align-items:flex-start;gap:11px;padding:15px 0;border-bottom:1px solid #edf1f7}
.notice-item:last-child{border:0}.notice-icon{width:34px;height:34px;display:grid;place-items:center;background:#edf6ff;color:#096edb;border-radius:10px;flex:0 0 auto}.notice-icon svg{width:17px}.notice-item b{display:block;font-size:12px}.notice-item p{margin:4px 0;font-size:11px}.notice-time{font-size:10px;color:#a2aec0}
.notice-muted{background:#fff7ea;border:1px solid #ffe4b5;padding:10px 13px;border-radius:9px;color:#9b7038;font-size:11px;margin:14px 0}
.timer-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 8px 0}.timer-clock{font-size:clamp(55px,7vw,84px);font-weight:830;letter-spacing:-5px;color:#153e6c;line-height:1.15;font-variant-numeric:tabular-nums;margin:15px 0 4px}.timer-caption{font-size:12px;color:#8ca2b7}
.timer-orb{background:radial-gradient(circle at 50% 47%,white 59%,transparent 60%),conic-gradient(#1573d4 var(--timer-progress,0%),#e6f1fd 0);width:235px;height:235px;border-radius:50%;display:grid;place-items:center;margin:15px auto 12px;box-shadow:0 5px 25px #0d72ca0c}
.timer-orb .timer-clock{font-size:56px;margin:0;letter-spacing:-3px}.timer-orb .timer-caption{font-size:10px}
.timer-controls{display:flex;gap:9px;justify-content:center;align-items:center;flex-wrap:wrap;margin:20px 0 0}
.timer-mode{display:flex;background:#f1f6fc;border-radius:10px;padding:4px;gap:4px;margin:0 auto 10px;max-width:355px}
.timer-mode button{flex:1;border:0;padding:9px 7px;background:transparent;border-radius:7px;color:#7c8fa6;font-weight:750;font-size:11px}
.timer-mode button.active{background:#fff;color:#096edb;box-shadow:0 2px 9px #1b5f9d13}
.timeline{display:grid;gap:9px;margin-top:14px}
.timeline-row{display:flex;gap:10px;justify-content:space-between;align-items:center;background:#f7faff;border:1px solid #eaf0f7;border-radius:9px;padding:11px}
.timeline-row strong{font-size:12px}.timeline-row span{font-size:11px;color:#7a91ad}
.micro{font-size:10px;color:#8b9eb3;line-height:1.55}
.select-compact{padding:9px 10px;border:1px solid #dee9f5;background:white;border-radius:8px;width:100%;color:#446581;font-size:12px}
.timer-summary{border-radius:14px;background:linear-gradient(135deg,#e9f3ff,#f6faff);padding:16px;border:1px solid #dcecff;margin-top:15px}
.timer-metric{font-size:30px;font-weight:850;letter-spacing:-1.2px;color:#1967bf}
.right .micro{margin-top:10px}
@media(max-width:1050px){.phase-grid{grid-template-columns:1fr}.timer-orb{width:212px;height:212px}}
@media(max-width:680px){.phase-card{padding:16px}.timer-orb{width:195px;height:195px}.timer-orb .timer-clock{font-size:47px}}

/* PHASE ONE — PER-ACCOUNT DAY/NIGHT APPEARANCE */
.theme-switch{display:inline-flex;gap:8px;align-items:center;border:1px solid #bcdfff7a;background:#ffffff1a;color:#f2f8ff;border-radius:10px;padding:7px 12px;font-weight:750;font-size:12px;min-height:36px}
.theme-switch:hover{background:#ffffff30}
.theme-symbol{font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:20px}
.appearance-choice{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0}
.appearance-choice button{flex:1;min-width:120px;padding:17px 14px;border:1.5px solid var(--border);border-radius:12px;background:var(--white);color:var(--ink);font-weight:750;text-align:left;display:flex;align-items:center;gap:9px}
.appearance-choice button.active{border-color:#2483e9;box-shadow:0 0 0 3px #2e89e51d}
.appearance-choice button .theme-symbol{width:29px;height:29px;background:var(--sky);border-radius:9px;color:var(--blue)}
.appearance-demo{border:1px solid var(--border);background:var(--white);padding:17px;border-radius:12px;display:flex;gap:15px;align-items:center;margin-top:18px}
.appearance-demo .sample-mock{width:100px;height:67px;border:1px solid var(--border);display:grid;grid-template-columns:28px 1fr;overflow:hidden;border-radius:7px;flex:0 0 auto;background:var(--bg)}
.appearance-demo .sample-sidebar{background:var(--nav);border-right:1px solid var(--border)}
.appearance-demo .sample-content{padding:10px 7px}
.appearance-demo .sample-line{height:6px;background:var(--border);border-radius:4px;margin-bottom:7px}
.appearance-demo .sample-line.blue{background:#2386ea;width:75%}
.appearance-note{margin-top:18px;color:var(--muted);font-size:12px}
@media(max-width:740px){.theme-switch{padding:7px 9px}.theme-switch .theme-label{display:none}.top-end .demo-flag{display:none}}
/* Only dark-mode colors are overridden; light mode uses the existing palette. */
html[data-theme="dark"]{color-scheme:dark;--blue:#55a6ff;--blue-deep:#2684e8;--sky:#1b395d;--nav:#101b2c;--bg:#0b1422;--white:#172439;--ink:#e8f0fb;--muted:#a5b6cc;--border:#2e4057;--shadow:0 12px 35px #0003}
html[data-theme="dark"],html[data-theme="dark"] body{color:var(--ink);background:var(--bg)}
html[data-theme="dark"] .top{background:linear-gradient(100deg,#07366e,#0752a2);box-shadow:0 4px 18px #020b1866}
html[data-theme="dark"] .left{background:var(--nav);border-color:var(--border)}
html[data-theme="dark"] .main{background:#111d2e}
html[data-theme="dark"] .right{background:#0e1929;border-color:var(--border)}
html[data-theme="dark"] .nav-item{color:#b9cbe2}
html[data-theme="dark"] .nav-item:hover{background:#1c3652}
html[data-theme="dark"] .nav-item.active{background:#193d66;color:#86c7ff}
html[data-theme="dark"] .nav-item .n{color:#9cb6d3}
html[data-theme="dark"] .section-label,html[data-theme="dark"] .eyebrow{color:#a0b4cf}
html[data-theme="dark"] .sidebar-bottom{background:#172f4a;border-color:#284e74}
html[data-theme="dark"] .sidebar-bottom strong{color:#b8ddff}
html[data-theme="dark"] .sidebar-bottom p{color:#a2c0dc}
html[data-theme="dark"] .sidebar-bottom button{background:#244f7b;color:#e0f2ff}
html[data-theme="dark"] .page-head p,html[data-theme="dark"] .phase-card p,html[data-theme="dark"] .number-card small,html[data-theme="dark"] .small,html[data-theme="dark"] .micro{color:#a6b9d2}
html[data-theme="dark"] .btn,html[data-theme="dark"] .number-card,html[data-theme="dark"] .panel,html[data-theme="dark"] .contact-card,html[data-theme="dark"] .project-card,html[data-theme="dark"] .right-card,html[data-theme="dark"] .phase-card{background:var(--white);color:var(--ink);border-color:var(--border)}
html[data-theme="dark"] .btn:hover{background:#263a55;border-color:#436588}
html[data-theme="dark"] .btn.primary{background:#1675d8;border-color:#1675d8;color:#fff}
html[data-theme="dark"] .btn.primary:hover{background:#2588ee}
html[data-theme="dark"] .btn.soft{background:#183d67;border-color:#255886;color:#9dd4ff}
html[data-theme="dark"] .btn.danger{color:#ffa6a0;border-color:#80515b}
html[data-theme="dark"] .seg,html[data-theme="dark"] .timer-mode{background:#15263e;border-color:var(--border)}
html[data-theme="dark"] .seg button,html[data-theme="dark"] .timer-mode button{color:#a5b6ca}
html[data-theme="dark"] .seg button.active,html[data-theme="dark"] .timer-mode button.active{background:#284360;color:#a8d5ff}
html[data-theme="dark"] .quick-add{background:#162e48;border-color:#2d608b}
html[data-theme="dark"] .quick-add input[type=text]{color:#e8f1fb}
html[data-theme="dark"] .quick-add input::placeholder{color:#a3b7d1}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{color-scheme:dark}
html[data-theme="dark"] .field,html[data-theme="dark"] .select-compact,html[data-theme="dark"] .phase-selector select,html[data-theme="dark"] .quick-options select,html[data-theme="dark"] .quick-options input[type=date],html[data-theme="dark"] .permissions select{background:#111f34;color:#e2edf9;border-color:#3d5069}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#8cabc6}
html[data-theme="dark"] .task-list{background:var(--white);border-color:var(--border)}
html[data-theme="dark"] .task{border-color:#2a3e57}
html[data-theme="dark"] .task:hover{background:#1c334d}
html[data-theme="dark"] .task.selected{background:#1c3c5d}
html[data-theme="dark"] .task .task-name{color:#e3edf7}
html[data-theme="dark"] .task.complete .task-name{color:#899db2}
html[data-theme="dark"] .task-meta .brandtag,html[data-theme="dark"] .chip,html[data-theme="dark"] .pill{background:#253751;color:#b9cce4;border-color:#314863}
html[data-theme="dark"] .task-meta .tag{background:#1b456c;color:#9ccfff}
html[data-theme="dark"] .task-meta .duedate{color:#a1b5ce}
html[data-theme="dark"] .task-meta .duedate.late{color:#ffa49d}
html[data-theme="dark"] .check{background:#0c1928;border-color:#7890ad}
html[data-theme="dark"] .check.done{background:#20ac80;border-color:#20ac80}
html[data-theme="dark"] .assignee{background:#284866;color:#c5e4ff;border-color:#15253a}
html[data-theme="dark"] .empty{color:#a8bad0}
html[data-theme="dark"] .empty strong{color:#daeaff}
html[data-theme="dark"] .upcoming,html[data-theme="dark"] .brand-sum,html[data-theme="dark"] .setting-row,html[data-theme="dark"] .notice-item,html[data-theme="dark"] .permissions th,html[data-theme="dark"] .permissions td{border-color:#2c3c50}
html[data-theme="dark"] .right-stat .statnum,html[data-theme="dark"] .statnum,html[data-theme="dark"] .timer-metric{color:#89c4ff}
html[data-theme="dark"] .mini-bar,html[data-theme="dark"] .project-card .progress{background:#30425a}
html[data-theme="dark"] .smallnote{background:#172e47;border-color:#365777;color:#c3dbf2}
html[data-theme="dark"] .weekgrid,html[data-theme="dark"] .weekday,html[data-theme="dark"] .day{border-color:#34475e}
html[data-theme="dark"] .weekday{background:#20314a;color:#b0c4db}
html[data-theme="dark"] .day{background:#16263c;color:#dbe9f8}
html[data-theme="dark"] .day.off{background:#101d2e;color:#7a8ba4}
html[data-theme="dark"] .day.today{background:#193b60}
html[data-theme="dark"] .day:hover{background:#254765}
html[data-theme="dark"] .event-line{filter:brightness(1.35)}
html[data-theme="dark"] .modal{background:#16263c;color:#e4effa;border:1px solid #415c79}
html[data-theme="dark"] .modal p{color:#b0c4dc}
html[data-theme="dark"] .phase-card h4{color:#c6d8ec}
html[data-theme="dark"] .phase-selector label,html[data-theme="dark"] .setting-row small{color:#b3c4db}
html[data-theme="dark"] .toggle{background:#64748b}
html[data-theme="dark"] .toggle:checked{background:#2186f7}
html[data-theme="dark"] .notice-icon{background:#234b75;color:#b4dcff}
html[data-theme="dark"] .notice-muted{background:#40311b;border-color:#795a2c;color:#ffe0a7}
html[data-theme="dark"] .timer-clock{color:#d2eaff}
html[data-theme="dark"] .timer-caption{color:#b5cde6}
html[data-theme="dark"] .timer-orb{background:radial-gradient(circle at 50% 47%,#172439 59%,transparent 60%),conic-gradient(#48a1ff var(--timer-progress,0%),#2c4460 0);box-shadow:0 5px 25px #0003}
html[data-theme="dark"] .timeline-row{background:#172a42;border-color:#34485f}
html[data-theme="dark"] .timeline-row span{color:#aec5e1}
html[data-theme="dark"] .timer-summary{background:linear-gradient(135deg,#1b3551,#182942);border-color:#345675}
html[data-theme="dark"] .toast{background:#264c73;color:white}
html[data-theme="dark"] .appearance-choice button.active{border-color:#83beff;box-shadow:0 0 0 3px #468af235}
html[data-theme="dark"] .appearance-demo{background:#1a2a42}
html[data-theme="dark"] .theme-switch{border-color:#89baff73;background:#164c84}
@media(max-width:740px){html[data-theme="dark"] .left{border-bottom-color:#314968}}