:root{color-scheme:dark;--bg:#111214;--sidebar:#101113;--panel:#1a1b1e;--soft:#232428;--raised:#27282c;--stroke:#2c2e33;--ink:#e7e8ea;--muted:#a1a3a9;--quiet:#797c83;--accent:#e8e8eb;--radius:17px;--shadow:0 16px 42px #0004;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #d8d8dd;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;font-weight:500}h1{font-size:clamp(27px,3.5vw,39px);line-height:1.16}h2{font-size:21px}h3{font-size:15px}a{color:inherit}small{color:var(--quiet)}.muted{color:var(--muted)}.tiny{font-size:11px}.boot{height:100vh;display:flex;justify-content:center;align-items:center;gap:15px;color:var(--muted)}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid #36373b;border-top-color:#c9c9d0;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.shell{min-height:100vh;display:flex}.sidebar{width:250px;min-width:250px;background:linear-gradient(150deg,#181719,#101113 80%);border-right:1px solid var(--stroke);padding:28px 17px 18px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:7px 9px 43px;text-decoration:none}.brand img{width:39px;height:39px;object-fit:contain}.brand strong{font-size:16px;font-weight:600;letter-spacing:-.6px;display:block}.brand small{font-size:9px;letter-spacing:1.8px;display:block;margin-top:2px}.nav-label{font-weight:700;color:#676970;font-size:10px;letter-spacing:1.9px;padding:0 13px;margin:8px 0 13px}.nav{display:grid;gap:4px}.nav button,.account{width:100%;border:1px solid transparent;background:transparent;color:#9b9da3;text-align:left;display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:10px;font-size:12.5px;font-weight:500}.nav button.active{background:var(--raised);border-color:#35373b;color:var(--ink)}.nav button:hover,.account:hover{background:#222327}.nav svg,.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.45;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.nav .count{margin-left:auto;font-size:10px;color:#bbb;background:#34363a;padding:2px 7px;border-radius:7px}.rule{height:1px;background:var(--stroke);margin:25px 11px}.family-link{display:flex;align-items:center;justify-content:space-between;color:#a8a9af;border:0;background:none;padding:10px 14px;text-align:left;width:100%;font-size:12px;border-radius:10px}.family-link:hover{background:#242429}.sidebar-end{margin-top:auto;padding:25px 10px 8px;font-size:11px;color:var(--quiet)}.sidebar-end p{font-size:12px;font-style:italic;line-height:1.8;margin-top:17px}.workspace{flex:1;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--stroke);background:#151619;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(20px,3.4vw,62px)}.breadcrumbs{font-size:12px;color:var(--quiet)}.breadcrumbs strong{color:#d0d0d5;font-weight:550}.top-actions{display:flex;align-items:center;gap:12px}.searchbox{width:clamp(160px,25vw,310px);background:#202124;border:1px solid var(--stroke);border-radius:11px;height:38px;display:flex;gap:8px;align-items:center;padding:0 12px}.searchbox input{border:0;background:none;color:var(--ink);min-width:0;width:100%;outline:none;font-size:12px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#36363d;color:white;font-size:14px;font-weight:600}.icon-btn{border:1px solid #36373b;background:#212226;color:var(--ink);width:38px;height:38px;border-radius:11px;display:inline-grid;place-items:center}.icon-btn:hover{background:#303136}.icon-btn .icon{width:19px;height:19px}.main{max-width:1420px;margin:auto;padding:35px clamp(20px,3.4vw,62px) 120px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:29px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#8d8f96;font-weight:650;margin-bottom:12px}.headline-sub{font-size:13px;color:var(--muted);margin:12px 0 0}.primary,.secondary,.danger,.ghost{border-radius:11px;padding:11px 17px;font-size:12.5px;font-weight:600;border:1px solid #ffffff16;transition:.15s}.primary{background:linear-gradient(160deg,#efedf2,#dcd9e2);color:#232128;border-color:#ffffff60}.primary:hover{filter:brightness(1.08)}.secondary{background:#2a2b30;color:#dcdde0}.secondary:hover{background:#36383e}.danger{background:#422832;color:#f3bdc7;border-color:#5c3b45}.ghost{background:transparent;color:#b5b5bb;border-color:#36373c}.actions-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{padding:20px 22px;border:1px solid #ffffff10;background:linear-gradient(135deg,#ffffff05,transparent),var(--panel);border-radius:var(--radius)}.stat span{font-size:11px;color:var(--muted)}.stat strong{font-size:34px;font-weight:350;display:block;letter-spacing:-1.3px;margin:7px 0 0}.stat strong.red{color:#f3adba}.stat strong.green{color:#a4e5c0}.stat strong.blue{color:#aacdff}.hero{border-radius:20px;background:linear-gradient(115deg,#28282f 0%,#202126 65%,#39333e 100%);padding:28px 30px;margin:24px 0;min-height:150px;display:flex;justify-content:space-between;align-items:center;border:1px solid #ffffff12;position:relative;overflow:hidden}.hero:after{content:'D & C';font-size:90px;font-weight:200;color:#ffffff0b;position:absolute;right:20px;top:3px;white-space:nowrap;pointer-events:none}.hero h2{margin:5px 0 8px;font-size:25px}.hero p{font-size:12px;color:#b6b5bd;margin:0;max-width:460px}.card{border:1px solid #ffffff11;border-radius:var(--radius);background:var(--panel);padding:20px 22px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:34px 0 15px;gap:10px}.section-head h2{margin:0}.link{border:none;background:none;color:#c8c7d0;font-size:12px}.link:hover{text-decoration:underline}.task-list{display:grid;gap:9px}.task{border:1px solid #ffffff11;border-radius:13px;background:#1b1c20;padding:15px 17px;display:flex;align-items:center;gap:14px;min-width:0}.task:hover{background:#222328;border-color:#44444c}.check{border:1.5px solid #777986;border-radius:50%;height:21px;width:21px;flex:0 0 21px;background:transparent;color:#17181b;display:grid;place-items:center;padding:0}.check.done{border-color:#a7e5c0;background:#a7e5c0}.task-details{flex:1;min-width:0;cursor:pointer}.task-name{font-weight:550;font-size:13px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task.done .task-name{text-decoration:line-through;color:#8c8e94}.meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:#90939c;font-size:11px}.tag{font-size:10px;padding:4px 8px;border-radius:18px;border:1px solid #41434a;color:#b6b7be;background:#27282d;white-space:nowrap}.tag.high,.tag.urgent,.tag.overdue{color:#ffb1bd;background:#43242f;border-color:#70404e}.tag.normal,.tag.todo{color:#accfff;background:#243951;border-color:#385777}.tag.done{color:#9ae9bc;background:#203f31;border-color:#315e47}.tag.doing,.tag.upcoming{color:#ffd589;background:#483923;border-color:#70532c}.tag.low,.tag.family{color:#dcc0ff;background:#352847;border-color:#59416f}.empty{border:1px dashed #35363b;border-radius:14px;padding:45px 20px;text-align:center;color:#92949b;font-size:13px}.empty .icon{width:34px;height:34px;margin-bottom:12px}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters input,.filters select{width:auto;min-width:140px;max-width:100%}.field,select,input:not([type="checkbox"]),textarea{border:1px solid #3a3b42;background:#232429;color:#e8e8ed;border-radius:10px;padding:11px 12px;outline:none;min-height:43px}input:focus,textarea:focus,select:focus{border-color:#8d8d9d;box-shadow:0 0 0 3px #ffffff0a}input[type=checkbox]{accent-color:#b2b2be;width:16px;height:16px}textarea{width:100%;min-height:88px;resize:vertical}label.form-field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b8b9c0;margin-bottom:15px}label.form-field input,label.form-field select{width:100%}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:13px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kanban{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:15px;align-items:start;overflow-x:auto}.kanban-column{border:1px solid #35363a;border-radius:15px;background:#16171a;padding:14px;min-height:230px}.kanban-column h3{padding:7px 5px 14px;color:#d8d8de}.kanban-column .task{padding:13px;align-items:flex-start}.kanban-column .task .meta{margin-top:6px}.table-head{font-size:12px;color:var(--muted);margin-bottom:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-day{min-height:116px;border:1px solid var(--stroke);border-radius:11px;background:var(--panel);padding:10px;overflow:hidden}.calendar-day.today{border-color:#a1a1ad}.calendar-day.muted-day{opacity:.38}.calendar-day strong{display:block;font-size:12px;margin-bottom:7px}.calendar-day button{display:block;border:0;border-radius:5px;background:#303137;text-align:left;width:100%;font-size:10px;color:#dcdce0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:5px;margin-top:5px}.calendar-dow{text-align:center;color:#858792;font-size:11px;padding:5px}.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.person{display:flex;align-items:center;gap:10px;border-radius:14px;border:1px solid #36373b;padding:13px;background:#202126}.person .avatar{flex-shrink:0}.person small{display:block}.family-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.family-tile{min-height:130px;border:1px solid #393943;border-radius:17px;background:linear-gradient(125deg,#25242c,#191a1d);padding:23px;cursor:pointer;text-align:left;color:var(--ink)}.family-tile strong{font-size:17px}.family-tile small{display:block;margin-top:9px}.divider{height:1px;background:var(--stroke);margin:21px 0}.modal-back{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#050506bd;backdrop-filter:blur(7px);z-index:20}.modal{background:#1b1c20;border:1px solid #3b3d44;box-shadow:0 30px 85px #000a;border-radius:21px;padding:28px;width:min(600px,100%);max-height:min(90vh,840px);overflow:auto}.modal.wide{width:min(800px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-head h2{margin:0}.modal .foot{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;margin-top:22px}.form-help{color:#9a9ca5;font-size:11px;margin:-5px 0 14px}.weekdays{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.weekday{display:flex;align-items:center;gap:5px;background:#27282e;padding:7px 10px;border-radius:8px;font-size:11px}.history{border-left:1px solid #494a51;margin-left:6px;padding-left:17px;font-size:12px;color:var(--muted)}.history p{margin:10px 0}.notice{border:1px solid #383941;background:#222328;border-radius:12px;padding:14px;margin-bottom:9px;cursor:pointer}.notice.unread{border-left:3px solid #c7c5d0}.notice strong{display:block;font-size:12px}.notice p{font-size:11px;color:#a6a6af;margin:5px 0}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:linear-gradient(145deg,#25242c,#111214);display:grid;place-items:center;padding:40px;position:relative;overflow:hidden}.login-art:after{content:'DA DA  &  CYAN';font-size:clamp(54px,8vw,130px);font-weight:250;line-height:1.1;letter-spacing:-.1em;color:#ffffff07;position:absolute;transform:rotate(-14deg);white-space:nowrap}.login-art img{width:min(280px,60%);position:relative;z-index:2}.login-art p{position:absolute;bottom:40px;color:#aaa9b3;font-size:12px}.login-form-area{display:grid;place-items:center;padding:28px}.login-form{width:min(380px,100%)}.login-form h1{font-size:31px;margin-bottom:9px}.login-form p{font-size:12px;color:var(--muted);margin-bottom:28px}.login-form button.primary{width:100%}.login-form .link{margin-top:17px}.checkline{display:flex;align-items:center;gap:9px;font-size:12px;color:#a8a9b0;margin:12px 0}.mobile-nav{display:none}.mobile-brand{display:none}.alert{padding:12px 14px;border-radius:10px;background:#442b32;border:1px solid #70424d;color:#ffbec8;font-size:12px;margin-bottom:14px}.hint{border:1px solid #414149;border-radius:12px;background:#26272d;color:#c0c0ca;font-size:12px;padding:12px;margin:12px 0}.segmented{display:inline-flex;border:1px solid var(--stroke);padding:4px;background:#1b1c20;border-radius:11px}.segmented button{background:transparent;border:0;border-radius:8px;color:#a9a9b2;padding:7px 13px;font-size:12px}.segmented button.active{background:#3b3b42;color:white}.note-text{font-size:11px;line-height:1.65;color:var(--muted)}#toast{position:fixed;right:20px;bottom:25px;z-index:40;pointer-events:none;background:#e3e1e7;color:#292931;border-radius:12px;font-size:12px;box-shadow:0 14px 30px #0006;padding:12px 18px;opacity:0;transform:translateY(10px);transition:.25s}#toast.show{opacity:1;transform:none}
@media(max-width:1080px){.sidebar{width:210px;min-width:210px}.stats{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 23px}.main{padding:27px 23px 110px}.calendar-day{min-height:100px;padding:6px}}@media(max-width:760px){.sidebar{display:none}.topbar{height:67px;padding:0 18px}.breadcrumbs{display:none}.mobile-brand{display:flex;font-size:14px;font-weight:600;gap:7px;align-items:center}.mobile-brand img{width:29px;height:29px}.searchbox{width:clamp(110px,30vw,210px)}.main{padding:24px 15px 105px}.page-head{gap:8px}.page-head h1{font-size:26px}.stats{gap:9px}.stat{padding:15px}.stat strong{font-size:26px}.hero{padding:24px 18px}.hero:after{font-size:58px;right:-35px;top:35px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;height:calc(64px + env(safe-area-inset-bottom));padding:7px 6px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:#151619eb;backdrop-filter:blur(15px);border-top:1px solid var(--stroke)}.mobile-nav button{display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;border:0;background:transparent;border-radius:9px;color:#9b9ea6;font-size:10px}.mobile-nav button.active{color:white;background:#2b2c32}.mobile-nav .icon{width:20px;height:20px}.mobile-nav .add-tab{background:#e8e8eb;color:#26252c}.task{padding:13px 11px;gap:10px}.task .meta{gap:5px}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-form-area{min-height:100vh}.calendar-grid{gap:3px}.calendar-day{min-height:77px;padding:3px;border-radius:7px}.calendar-day button{font-size:8px;padding:4px 2px}.calendar-day strong{font-size:10px}.kanban{grid-template-columns:repeat(3,minmax(260px,1fr))}.modal{padding:19px;border-radius:16px;max-height:93vh}.grid2,.grid3{grid-template-columns:1fr}}@media(max-width:380px){.searchbox{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.actions-row{gap:5px}.primary,.secondary{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important}}

/* v0.2 — Wheneri-inspired information hierarchy, styled with existing Home Inventory tokens. */
.today-scope-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:27px 0 12px}
.today-scope-header .eyebrow{margin-bottom:3px}
.today-scope-header h2{margin:0;font-size:21px;letter-spacing:-.5px;font-weight:650}
.scope-tabs{display:inline-flex;gap:3px;background:var(--panel);border:1px solid var(--stroke);border-radius:13px;padding:4px;max-width:100%;overflow:auto}
.scope-tabs button{border:0;border-radius:9px;padding:9px 14px;background:none;color:var(--muted);font-size:12px;white-space:nowrap}
.scope-tabs button.active{background:var(--raised);color:var(--ink);box-shadow:0 2px 10px #0002}
.section-small{font-size:16px!important;letter-spacing:-.25px}
.count-number{display:inline-block;margin-left:5px;border-radius:9px;background:var(--soft);color:var(--muted);padding:1px 8px;font-size:12px;vertical-align:middle}
.section-note{font-size:12px!important;color:var(--muted);margin:3px 0 0}
.routine-section,.starter-section{margin:28px 0 25px}
.pulse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pulse-card{text-align:left;display:flex;flex-direction:column;gap:11px;min-width:0;background:var(--panel);color:var(--ink);border:1px solid var(--stroke);border-radius:var(--radius);padding:17px 18px;transition:border-color .18s,transform .18s}
.pulse-card:hover,.starter-card:hover,.routine-card:hover{border-color:#4b4d52;transform:translateY(-1px)}
.pulse-top,.pulse-metrics{display:flex;justify-content:space-between;gap:10px;align-items:center}
.pulse-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#303239;color:#d7dbe5;font-size:22px}
.pulse-count{font-size:11px;color:var(--quiet)}
.pulse-card>strong{font-size:15px;font-weight:600;line-height:1.4}
.pulse-metrics{color:var(--muted);border-top:1px solid var(--stroke);padding-top:12px;font-size:12px;flex-wrap:wrap}
.pulse-metrics b{font-size:18px;font-weight:650;color:var(--ink)}
.pulse-metrics .warn{color:#ee948d}
.meta .count-down{background:#262d2d;color:#a5c9c2;border:1px solid #37565055}
.starter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.starter-card{background:var(--panel);color:var(--ink);border:1px solid var(--stroke);border-radius:15px;min-width:0;text-align:left;padding:17px 13px;display:flex;align-items:flex-start;gap:7px;flex-direction:column}
.starter-card>span{font-size:24px;margin-bottom:5px}.starter-card strong{font-size:13px;line-height:1.5}.starter-card small{font-size:10px;color:var(--quiet)}
.repeat-intro{border:1px solid var(--stroke);background:var(--panel);border-radius:var(--radius);padding:19px 22px;margin:0 0 18px;display:flex;justify-content:space-between;align-items:center;gap:22px}
.repeat-intro strong{font-size:15px}.repeat-intro p{margin:6px 0 0;font-size:13px;color:var(--muted);max-width:600px;line-height:1.6}
.repeat-list{display:grid;gap:12px}
.routine-card{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);padding:20px 21px;display:flex;gap:18px;justify-content:space-between;transition:border-color .18s,transform .18s}
.routine-main{display:flex;gap:15px;min-width:0;flex:1}
.routine-mark{flex:0 0 41px;height:41px;border-radius:13px;background:var(--soft);color:#b2b5be;display:grid;place-items:center;font-size:24px}
.routine-body{min-width:0;flex:1}
.routine-body .task-name{font-size:16px;margin:0 0 7px}
.routine-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.routine-facts>div{padding-right:12px;border-right:1px solid var(--stroke);display:flex;flex-direction:column;gap:3px}
.routine-facts>div:last-child{border-right:0}
.routine-facts small{color:var(--quiet);font-size:10px;letter-spacing:.8px}
.routine-facts strong{font-size:13px;font-weight:600;color:var(--ink)}
.routine-actions{display:flex;flex-direction:column;gap:8px;justify-content:center;flex:0 0 auto}
.routine-actions .secondary{font-size:12px}
.preview-entry{color:#dde4ee;text-decoration:none;border:1px solid #545965;background:var(--soft);display:block;text-align:center;border-radius:11px;padding:12px;margin-top:18px;font-size:13px;font-weight:600}
.preview-entry:hover{border-color:#b0b5c0}.preview-hint{font-size:11px!important;color:var(--quiet);text-align:center;margin:8px 0 0!important}
@media(max-width:960px){.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-card{flex-direction:column}.routine-actions{flex-direction:row;justify-content:flex-end;flex-wrap:wrap}}
@media(max-width:760px){.today-scope-header{align-items:stretch}.today-scope-header h2{font-size:19px}.scope-tabs{width:100%;justify-content:space-between}.scope-tabs button{flex:1}.pulse-grid{grid-template-columns:1fr}.pulse-card{padding:16px}.routine-card{padding:16px}.routine-main{gap:11px}.routine-facts{gap:8px}.routine-facts strong{font-size:12px}.routine-facts small{font-size:9px}.repeat-intro{flex-direction:column;align-items:flex-start;padding:18px}.repeat-intro .secondary{width:100%}}
@media(max-width:390px){.starter-grid{gap:8px}.starter-card{padding:12px 10px}.routine-facts{grid-template-columns:1fr;gap:6px}.routine-facts>div{flex-direction:row;align-items:baseline;justify-content:space-between;border-right:0;border-bottom:1px solid var(--stroke);padding-bottom:4px}.routine-facts>div:last-child{border-bottom:0}}
@media(max-width:480px){.topbar .searchbox{display:none}.page-head{flex-direction:column;align-items:flex-start}.page-head .actions-row{margin-top:9px}.page-head .actions-row .primary{min-height:42px}.today-scope-header{margin-top:24px}}
/* DaDa & Cyan Family · UI v0.3 · Tokens shared by all screens */
:root[data-theme="B"]{--bg:#1a1a1c;--sidebar:#080809;--panel:#232326;--soft:#29292d;--raised:#303034;--stroke:#38383d;--ink:#f1f1f2;--muted:#aaa9b0;--quiet:#828189;--accent:#f2f1f4;--accent-contrast:#141416;--radius:13px;--shadow:0 14px 32px #0002}

body{background:var(--bg)}
.shell{background:var(--bg)}
.sidebar{width:234px;min-width:234px;background:var(--sidebar)!important;padding:15px 11px 14px;overflow-y:auto;transition:width .18s ease,min-width .18s ease;border-color:var(--stroke)}
.sidebar .brandline{display:flex;align-items:center;gap:2px;padding:3px 2px 12px;min-height:59px}
.sidebar .brand{flex:1;min-width:0;padding:5px 4px;gap:9px}
.sidebar .brand img{width:34px;height:34px;flex:none}
.sidebar .brand strong{font-size:13px;white-space:nowrap;letter-spacing:-.4px}
.sidebar .brand small{font-size:8px;letter-spacing:1.25px;white-space:nowrap}
.sidebar .side-toggle{width:30px;height:32px;display:grid;place-items:center;color:var(--quiet);background:transparent;border:1px solid transparent;border-radius:8px;flex:none}
.sidebar .side-toggle:hover{border-color:var(--stroke);background:var(--raised);color:var(--ink)}
.sidebar .nav-label{color:var(--quiet);font-size:9px;font-weight:600;letter-spacing:1.4px;padding:0 12px;margin:15px 0 8px}
.sidebar .nav{gap:2px}
.sidebar .nav button,.sidebar .account,.sidebar .family-link{font-size:12px;padding:9px 11px;border-radius:9px;min-height:38px;gap:12px;text-align:left;white-space:nowrap;overflow:hidden;display:flex;align-items:center;color:var(--muted);width:100%}
.sidebar .family-link{background:transparent;border:1px solid transparent}
.sidebar .family-link svg{flex:none}
.sidebar .nav button.active{background:var(--raised);border:1px solid var(--stroke);box-shadow:inset 0 1px #ffffff08;color:var(--ink)}
.sidebar .nav button:hover,.sidebar .family-link:hover{background:var(--soft)}
.sidebar .nav button svg,.sidebar .family-link svg{width:19px;height:19px}
.sidebar .sidebar-end{margin-top:auto}
.sidebar .sidebar-end .sidebar-caption{font-size:10px;line-height:1.7;color:var(--quiet);margin:12px 11px}
.sidebar .account{border:1px solid transparent;background:transparent}
.sidebar-collapsed .sidebar{width:65px;min-width:65px;padding-inline:8px}
.sidebar-collapsed .brandline{flex-direction:column;gap:5px}
.sidebar-collapsed .brand{flex:0 0 auto;padding:0}
.sidebar-collapsed .brand img{width:35px;height:35px}
.sidebar-collapsed .brand-title,.sidebar-collapsed .sidebar .nav-text,.sidebar-collapsed .sidebar .nav-label,.sidebar-collapsed .sidebar .sidebar-caption,.sidebar-collapsed .sidebar .count{display:none}
.sidebar-collapsed .side-toggle{margin-top:3px}
.sidebar-collapsed .sidebar .nav button,.sidebar-collapsed .sidebar .family-link,.sidebar-collapsed .sidebar .account{justify-content:center;padding-inline:6px}
.sidebar-collapsed .sidebar .rule{margin:13px 0}
.workspace{min-width:0;background:var(--bg)}
.topbar{height:62px;border-bottom:1px solid var(--stroke);padding-inline:27px;background:var(--bg)}
.topbar .breadcrumbs{font-size:11px;color:var(--quiet);display:flex;align-items:center;gap:9px}
.breadcrumbs strong{color:var(--ink);font-weight:600}
.breadcrumbs .bread-sep{color:var(--quiet)}
.topbar .icon-btn{border-radius:10px}
.topbar .mobile-menu-button{display:none}
.main{padding:27px clamp(16px,3vw,38px) 80px;max-width:1600px;width:100%;margin-inline:auto}


:root[data-theme="B"] .primary{background:#e7e7e8;color:#151515}
:root[data-theme="B"] .primary:hover{background:#fff}
.card,.stat,.task,.notice,.repeat-intro,.routine-card{border-color:var(--stroke)}
.task{padding:10px 12px;min-height:54px}
.task-name{font-size:12.5px}
.task .meta{font-size:10px}
.tag.pending,.review-pending{background:#48381b;color:#f0c47b;border:1px solid #816837}
.tag.rejected{background:#492c33;color:#f9a8b6}
/* Home overview */
.home-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}
.home-title .eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--quiet)}
.home-title h1{font-size:clamp(25px,2.7vw,37px);font-weight:600;letter-spacing:-1.25px;margin:7px 0 5px}
.home-title h1 .home-muted{font-weight:400;color:var(--quiet);font-size:.63em;letter-spacing:-.4px}
.home-title p{font-size:11px;color:var(--muted);margin:0}
.home-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}
.home-stat{display:flex;align-items:flex-start;flex-direction:column;gap:8px;border:1px solid var(--stroke);border-radius:12px;background:var(--panel);color:var(--ink);padding:15px 16px 12px;min-width:0;min-height:92px;text-align:left;transition:background .18s,border-color .18s}
.home-stat:hover{background:var(--soft);border-color:var(--quiet)}
.home-stat-heading{display:flex;align-items:center;gap:10px;width:100%;min-width:0;font-size:11px;color:var(--muted);font-weight:550;white-space:nowrap}
.home-stat-heading svg{width:25px;height:25px;flex:none}
.home-stat-heading span{overflow:hidden;text-overflow:ellipsis}
.home-stat strong{font-size:23px;font-weight:620;letter-spacing:-1px;line-height:1.15;font-variant-numeric:tabular-nums}
.home-stat-tasks .icon{color:#ae8aff}.home-stat-family .icon{color:#83baf2}.home-stat-upcoming .icon{color:#e2c080}.home-stat-overdue .icon{color:#ed939e}
.home-main-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:14px;align-items:start}
.home-right-col{display:grid;gap:14px}
.home-card{background:var(--panel);border:1px solid var(--stroke);border-radius:13px;padding:17px;min-width:0}
.widget-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:26px;margin-bottom:16px}
.widget-head h2,.widget-head h3{margin:0;font-size:14px;font-weight:610;letter-spacing:-.3px;display:flex;align-items:center;gap:9px}
.widget-head h2 svg{width:19px;height:19px;color:var(--muted)}
.widget-tools{display:flex;gap:6px;align-items:center}
.mini-icon{border:1px solid var(--stroke);background:var(--soft);color:var(--ink);min-width:30px;height:30px;border-radius:8px;font-size:17px;display:grid;place-items:center;padding:0 8px}
.mini-icon:hover{background:var(--raised)}
.mini-icon:nth-child(2){font-size:10px}
.home-cal-grid,.detail-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.home-weekday{text-align:center;color:var(--quiet);font-size:10px;font-weight:500;padding:4px 0 11px}
.home-day{border:1px solid transparent;color:var(--ink);background:var(--soft);border-radius:8px;min-height:65px;padding:7px 4px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;font-size:12px;position:relative}
.home-day:hover{border-color:var(--quiet)}
.home-day.out-of-month{opacity:.35}
.home-day.today-marker{border-color:#af87e8;background:var(--raised)}
.home-day.day-selected{outline:2px solid var(--accent);outline-offset:-2px}
.day-dots{display:flex;gap:3px;align-items:center;justify-content:center;min-height:6px}
.day-dots i,.legend-dot{display:inline-block;width:6px;height:6px;background:#b293ff;border-radius:50%;flex:none}
.day-dots i.family,.legend-dot.family{background:#7eb7ef}
.day-dots i.completed,.legend-dot.completed{background:#86c9a6}
.calendar-legend{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:15px}
.calendar-legend span,.detail-calendar-legend span{display:flex;align-items:center;gap:5px}
.home-task-row{display:flex;align-items:center;gap:10px;min-height:49px;padding:8px 0;border-bottom:1px solid var(--stroke)}
.home-task-row:last-child{border-bottom:0}
.home-task-row .check{flex:none;width:21px;height:21px;min-width:21px}
.home-task-link{text-align:left;display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;border:none;background:transparent;padding:1px;color:var(--ink)}
.home-task-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:550}
.home-task-title.complete{text-decoration:line-through;color:var(--quiet)}
.home-task-link small{font-size:10px;color:var(--quiet)}
.home-task-scope{color:#8dbaf1}.home-task-scope svg{width:17px;height:17px}
.text-link{border:none;background:transparent;color:var(--muted);font-size:11px}
.home-add{padding:11px 0 1px;display:flex;align-items:center;gap:6px;color:var(--muted);background:transparent;border:0;font-size:11px}
.home-add svg{width:15px;height:15px}
.home-empty{padding:25px 10px;color:var(--quiet);font-size:12px;text-align:center}
.widget-note{font-size:11px;color:var(--quiet)}
.home-quick-notes textarea{width:100%;background:var(--soft);border:1px solid var(--stroke);border-radius:10px;padding:13px;color:var(--ink);min-height:113px;resize:vertical;font-size:12px;line-height:1.6}
.home-quick-notes textarea:focus{outline:1px solid var(--accent)}
.quick-note-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}
.quick-note-footer span{font-size:10px;color:var(--quiet)}
.quick-note-footer .secondary{padding:7px 11px;font-size:11px}
.review-card .review-count{font-weight:600;font-size:14px;color:#eac082}
.review-card .home-task-row{gap:7px}
.mini-action{font-size:10px;border-radius:7px;border:1px solid var(--stroke);padding:7px;background:var(--soft)}
.mini-action.approve{color:#9bdcbb}.mini-action.reject{color:#f0a4aa}
/* Floating create-task dialog */
.quick-task-form .form-field{font-size:11px;margin-bottom:10px}
.quick-task-form input,.quick-task-form select{font-size:12px}
.quick-task-form input[hidden],.quick-task-form .quick-expand[hidden],.quick-task-form .field-hint[hidden]{display:none!important}
.config-line{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--stroke)}
.config-line small,.field-hint{font-size:10px;color:var(--muted)}
.field-hint{margin:10px 0}
.switchline{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:12px;font-weight:560;cursor:pointer}
.switchline input{accent-color:var(--accent)}
.quick-expand{padding:15px;background:var(--soft);border:1px solid var(--stroke);border-radius:10px;margin:10px 0}
.repeat-pills,.weekday-pills{display:grid;gap:5px}.repeat-pills{grid-template-columns:repeat(4,1fr)}.weekday-pills{grid-template-columns:repeat(7,1fr)}
.repeat-pills input,.weekday-pills input{position:absolute;opacity:0;pointer-events:none}
.repeat-pills label span,.weekday-pills label span{display:grid;place-items:center;border:1px solid var(--stroke);background:var(--panel);border-radius:8px;padding:9px 2px;color:var(--muted);font-size:11px;cursor:pointer}
.repeat-pills input:checked+span,.weekday-pills input:checked+span{background:var(--raised);border-color:var(--accent);color:var(--ink)}
.weekday-pills input:focus-visible+span,.repeat-pills input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.quick-project-create{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:3px 0 14px}
.quick-project-create [name="newProjectName"]{flex:1;min-width:170px}
/* Task detail side panel and history calendar */
.detail-backdrop{position:fixed;inset:0;background:#0009;z-index:26}
.detail-panel{position:fixed;right:0;top:0;bottom:0;width:min(460px,100vw);background:var(--panel);border-left:1px solid var(--stroke);box-shadow:-18px 0 48px #0004;overflow-y:auto;z-index:27;padding:19px 23px 35px;scrollbar-width:thin}
.detail-panel .modal-head{position:sticky;top:-19px;background:var(--panel);z-index:2;padding:12px 0;margin-bottom:17px;border-bottom:1px solid var(--stroke)}
.detail-panel .modal-head h2{font-size:13px;color:var(--muted);font-weight:600}
.detail-panel .actions-row{flex-wrap:wrap;gap:6px}
.detail-panel .actions-row button{font-size:11px;padding:8px 10px}
.detail-panel .divider{margin:17px 0}
.detail-panel h3{font-size:13px;margin:10px 0}
.detail-summary{text-align:center;background:var(--soft);border-radius:16px;padding:18px 12px;display:flex;flex-direction:column;gap:4px;margin:14px 0}
.detail-summary strong{font-size:31px;color:var(--ink);font-weight:620;letter-spacing:-1px}
.detail-summary span{font-size:12px;color:var(--muted)}
.detail-summary small{font-size:11px;color:var(--quiet)}
.detail-calendar-head{margin-top:12px;margin-bottom:12px}
.detail-cal-grid{gap:3px}
.detail-day{position:relative;display:grid;place-items:center;border:1px solid transparent;background:transparent;color:var(--ink);border-radius:50%;height:43px;width:min(43px,100%);justify-self:center;font-size:12px}
.detail-day.outside{opacity:.28}.detail-day:hover,.detail-day.selected{background:var(--raised);border-color:var(--muted)}
.detail-day.is-today{color:#eb7587}
.detail-day.logged{background:#424147;color:#fff}

.detail-day.last-log{background:#c9a9ff;color:#21152e}
:root[data-theme="B"] .detail-day.last-log{background:#dfc06b;color:#1f1c18}
.detail-day.scheduled:not(.logged){border:1px dashed var(--muted)}
.detail-day sup{position:absolute;bottom:1px;right:0;font-size:8px;color:var(--accent)}
.detail-calendar-legend{display:flex;gap:16px;font-size:10px;color:var(--muted);margin:13px 0;flex-wrap:wrap}
.legend-outline{height:9px;width:9px;border:1px dashed var(--muted);display:inline-block;border-radius:50%}
.today-legend{color:#eb7587}
.log-actions{border:1px solid var(--stroke);border-radius:10px;padding:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
.log-actions>strong{font-size:12px;flex:1;min-width:80px}
.log-actions .secondary,.log-actions .danger{font-size:11px;padding:7px}
.log-record{display:flex;gap:6px}
.toast-undo{border:0;background:transparent;color:#6642c7;font-size:12px;font-weight:700;text-decoration:underline;margin-left:9px;pointer-events:auto}
.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
.theme-choice{border:1px solid var(--stroke);background:var(--soft);border-radius:12px;padding:13px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;color:var(--ink)}
.theme-choice.selected{outline:1px solid var(--accent)}
.theme-choice strong{font-size:12px}.theme-choice small{font-size:10px}
.theme-swatches{display:flex;gap:4px;margin-bottom:6px}.theme-swatches i{width:26px;height:22px;border-radius:5px;border:1px solid #555}
.theme-swatches.a i:nth-child(1){background:#08070d}.theme-swatches.a i:nth-child(2){background:#24212b}.theme-swatches.a i:nth-child(3){background:#a882ff}
.theme-swatches.b i:nth-child(1){background:#080809}.theme-swatches.b i:nth-child(2){background:#242424}.theme-swatches.b i:nth-child(3){background:#eee}
.mobile-side-backdrop{display:none}
@media(max-width:1040px){.sidebar{width:210px;min-width:210px}.home-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(235px,1fr)}.home-stat{padding:12px 10px}.home-stat-heading{gap:6px;font-size:10px}.home-stat-heading svg{width:22px;height:22px}.home-day{min-height:54px}}
@media(max-width:760px){
 .sidebar,.sidebar-collapsed .sidebar{display:flex;position:fixed;z-index:31;left:0;top:0;bottom:0;width:235px;min-width:235px;transform:translateX(-105%);transition:transform .2s;box-shadow:10px 0 30px #0006}
 .mobile-menu-open .sidebar{transform:translateX(0)}
 .mobile-side-backdrop{display:none;position:fixed;inset:0;background:#0009;z-index:30}
 .mobile-menu-open .mobile-side-backdrop{display:block}
 .sidebar-collapsed .brandline{flex-direction:row}.sidebar-collapsed .brand-title,.sidebar-collapsed .sidebar .nav-text,.sidebar-collapsed .sidebar .nav-label,.sidebar-collapsed .sidebar .sidebar-caption{display:block}
 .sidebar-collapsed .sidebar .nav button,.sidebar-collapsed .sidebar .family-link{justify-content:flex-start;padding-inline:11px}
 .topbar .mobile-menu-button{display:grid}.topbar .breadcrumbs{display:flex}.topbar .breadcrumbs>span:first-child{display:none}
 .topbar{height:61px;padding-inline:14px}.topbar .searchbox{display:none}
 .main{padding:20px 13px 106px}
 .home-title{align-items:flex-start}.home-title h1{font-size:27px}.home-title .primary{padding:10px;font-size:11px;white-space:nowrap}
 .home-stat-row{display:flex;overflow-x:auto;gap:7px;padding:1px 0 9px;scrollbar-width:thin}
 .home-stat{flex:0 0 132px;min-height:85px;padding:12px 10px;gap:9px}
 .home-stat-heading{gap:7px;font-size:10px}.home-stat strong{font-size:22px}
 .home-main-grid{grid-template-columns:1fr;gap:12px}.home-right-col{gap:12px}
 .home-card{padding:13px}.home-day{min-height:52px}.widget-head h2{font-size:13px}
 .detail-panel{width:100vw;padding:17px 17px 98px}.detail-day{height:41px}
 .mobile-nav{background:var(--sidebar);border-color:var(--stroke)}
 .mobile-nav button.active{background:var(--raised);color:var(--ink)}
 .mobile-nav .add-tab{background:var(--accent);color:var(--accent-contrast)}
}
@media(max-width:390px){.home-stat{flex-basis:125px}.home-day{min-height:44px}.home-title .eyebrow{font-size:8px}.home-title h1{font-size:23px}.home-title .primary{font-size:10px}.detail-day{height:36px}.home-cal-grid,.detail-cal-grid{gap:2px}}


/* DaDa & Cyan Family — Ember Depth + Compact v0.3.2 */
/* Theme B: sidebar darkest; workspace fades dark -> graphite diagonally. */
:root[data-theme="B"] {
  --bg:#111113;
  --sidebar:#050506;
  --panel:#1b1b1e;
  --soft:#252528;
  --raised:#2c2c30;
  --stroke:#343439;
  --shadow:0 7px 14px -9px rgba(0,0,0,.9);
}
:root[data-theme="B"] body,
:root[data-theme="B"] .shell {
  background:#101012;
}
:root[data-theme="B"] .workspace {
  background:linear-gradient(135deg,#0f0f11 0%,#151518 53%,#1d1d21 100%);
  background-attachment:fixed;
}
:root[data-theme="B"] .sidebar {
  background:linear-gradient(180deg,#050506,#080809 100%)!important;
  border-right-color:#2a2a2e;
}
:root[data-theme="B"] .topbar {
  background:linear-gradient(105deg,#101012 0%,#19191c 100%);
  border-bottom-color:#303035;
}
/* Flat framed cards: right nearly black, left graphite, shadow straight down. */
:root[data-theme="B"] :is(.home-stat,.home-card,.stat,.card,.task,.pulse-card,
 .starter-card,.routine-card,.repeat-intro,.family-tile,.person,.kanban-column,
 .calendar-day,.notice,.hero,.detail-summary) {
  background:linear-gradient(270deg,#141416 0%,#202023 100%);
  border-color:#343438;
  box-shadow:0 7px 13px -9px rgba(0,0,0,.90);
}
:root[data-theme="B"] :is(.home-stat:hover,.task:hover,.starter-card:hover,.routine-card:hover,.pulse-card:hover) {
  background:linear-gradient(270deg,#1c1c20 0%,#29292d 100%);
  border-color:#49494f;
}
:root[data-theme="B"] .sidebar .nav button.active {
  background:linear-gradient(90deg,#222225 0%,#303034 100%);
  border-color:#404046;
}
:root[data-theme="B"] .primary[data-action="new-task"] {
  background:linear-gradient(100deg,#101012,#313136);
  border:1px solid #47474c;
  color:#f4f4f5;
  box-shadow:0 5px 10px -8px #000;
}
:root[data-theme="B"] .primary[data-action="new-task"]:hover {
  background:linear-gradient(100deg,#18181a,#3a3a3e);
  filter:none;
}
:root[data-theme="B"] .mobile-nav .add-tab {
  background:linear-gradient(105deg,#141416,#353539);
  border:1px solid #505057;
  color:#f2f2f4;
  box-shadow:0 4px 9px -7px #000;
}
/* Compact typography and density shared by Theme A and Theme B. */
.main {padding-top:22px}
.main .page-head {margin-bottom:17px;gap:12px;align-items:center}
.main .page-head h1 {font-size:clamp(23px,2.2vw,28px);line-height:1.18;font-weight:600;letter-spacing:-.9px;margin:0}
.main .page-head .eyebrow {font-size:9px;letter-spacing:1.45px;margin-bottom:6px}
.main .page-head .headline-sub {font-size:11px;line-height:1.45;margin:6px 0 0}
.main .page-head .actions-row {gap:7px}
.main .page-head .actions-row button {min-height:32px;padding:7px 11px;font-size:11px;border-radius:8px;white-space:nowrap}
.main .page-head .actions-row button .icon,
.main .home-title .primary .icon {width:15px;height:15px;vertical-align:middle}
.main .home-title .primary {font-size:11px;padding:8px 12px;border-radius:8px}
.main .stats {gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
.main .stat {min-width:0;min-height:79px;padding:12px 14px;border-radius:11px}
.main .stat span {font-size:10px;line-height:1.35;display:block}
.main .stat strong {font-size:23px;font-weight:610;line-height:1.15;letter-spacing:-.7px;margin:8px 0 0}
.main .section-head {margin:22px 0 10px}
.main .section-head h2,.main .section-small {font-size:14px!important;letter-spacing:-.25px}
.main .today-scope-header {margin:21px 0 10px;gap:10px}
.main .today-scope-header h2 {font-size:15px;letter-spacing:-.3px}
.main .today-scope-header .eyebrow {font-size:9px}
.main .scope-tabs {padding:3px;border-radius:10px}
.main .scope-tabs button {padding:7px 11px;font-size:11px;border-radius:7px}
.main .card {padding:14px 15px;border-radius:12px}
.main .task-list {gap:6px}
.main .task {padding:8px 11px;min-height:46px;gap:10px;border-radius:10px}
.main .task-name {font-size:12px;margin-bottom:3px}
.main .task .meta {font-size:10px;gap:5px}
.main .tag {font-size:9px;padding:2px 7px;line-height:1.4}
.main .task .check {height:19px;width:19px;flex-basis:19px}
.main .hero {min-height:108px;padding:16px 20px;margin:14px 0;border-radius:13px}
.main .hero h2 {font-size:17px;margin:4px 0 6px}
.main .hero p {font-size:11px}
.main .hero::after {font-size:64px;top:0}
.main .pulse-grid {gap:9px}
.main .pulse-card {padding:12px 13px;gap:8px;border-radius:11px}
.main .pulse-symbol {width:28px;height:28px;font-size:18px;border-radius:8px}
.main .pulse-card>strong {font-size:13px;line-height:1.35}
.main .pulse-metrics {padding-top:8px;font-size:11px;gap:7px}
.main .pulse-metrics b {font-size:15px}
.main .starter-grid {gap:9px}
.main .starter-card {padding:11px 12px;border-radius:11px;gap:5px}
.main .starter-card>span {font-size:20px;margin-bottom:1px}
.main .starter-card strong {font-size:12px}
.main .repeat-intro {padding:13px 15px;gap:12px;margin-bottom:13px;border-radius:11px}
.main .repeat-intro strong {font-size:13px}
.main .repeat-intro p {font-size:11px;margin-top:4px;line-height:1.45}
.main .repeat-list {gap:8px}
.main .routine-card {padding:12px 14px;gap:11px;border-radius:11px}
.main .routine-main {gap:10px}
.main .routine-mark {flex-basis:32px;height:32px;font-size:19px;border-radius:9px}
.main .routine-body .task-name {font-size:13px;margin-bottom:4px}
.main .routine-facts {gap:9px;margin-top:10px}
.main .routine-facts small {font-size:9px;letter-spacing:.25px}
.main .routine-facts strong {font-size:11px}
.main .routine-actions {gap:6px}
.main .routine-actions button {font-size:11px;padding:7px 10px;border-radius:8px}
.main .calendar-grid {gap:5px}
.main .calendar-day {min-height:88px;padding:7px;border-radius:9px}
.main .calendar-day button {font-size:9px;padding:4px;margin-top:4px}
.main .family-grid {gap:10px}
.main .family-tile {min-height:95px;padding:12px 14px}
.main .people {gap:9px}
.main .person {padding:10px 11px;border-radius:10px}
.main .kanban {gap:10px}
.main .kanban-column {min-height:175px;padding:10px;border-radius:11px}
.main .kanban-column h3 {padding:4px 5px 10px;font-size:13px}
.main .kanban-column .task {padding:9px}
.main .filters {gap:7px;margin-bottom:13px}
.main .filters input,.main .filters select {min-height:35px;padding:7px 10px;font-size:11px}
.main .empty {padding:28px 15px;font-size:12px}
/* Do not shrink the floating form fields below comfortable touch sizes. */
@media(max-width:760px) {
  .main {padding-top:17px}
  .main .page-head {flex-direction:row;flex-wrap:wrap;align-items:flex-start;margin-bottom:13px}
  .main .page-head h1 {font-size:22px}
  .main .page-head .actions-row {margin-top:3px}
  .main .stats {gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
  .main .stat {padding:9px 8px;min-height:74px}
  .main .stat span {font-size:9px;line-height:1.2}
  .main .stat strong {font-size:19px;margin-top:7px}
  .main .task {min-height:47px}
  .main .routine-card {padding:12px;gap:9px}
  .main .repeat-intro {align-items:stretch}
  .main .calendar-day {min-height:64px;padding:5px}
  .main .starter-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:390px){
  .main .stat{padding:8px 6px}
  .main .stat strong{font-size:18px}
  .main .stat span{font-size:8.5px}
}


/* DaDa & Cyan Family — Ember Depth + Badges v0.3.3 */
/* Stronger diagonal depth for Ember: sidebar remains darker than everything. */
:root[data-theme="B"] {
  --bg:#0e0e10;
  --sidebar:#030304;
  --panel:#131316;
  --soft:#1a1a1d;
  --raised:#262629;
  --stroke:#343439;
}
:root[data-theme="B"] :is(body,.shell) {background:#08080a}
:root[data-theme="B"] .workspace {
  background:linear-gradient(135deg,#0a0a0c 0%,#17171a 49%,#29292d 100%);
  background-attachment:fixed;
}
:root[data-theme="B"] .sidebar {
  background:linear-gradient(180deg,#020203 0%,#050506 100%)!important;
  border-right:1px solid #303036;
}
:root[data-theme="B"] .topbar {
  background:linear-gradient(115deg,#08080a 0%,#1d1d20 100%);
  border-bottom:1px solid #343438;
}
/* Cards appear darker than the workspace, with a clean, straight downward shadow. */
:root[data-theme="B"] :is(.home-stat,.home-card,.stat,.card,.task,.pulse-card,
 .starter-card,.routine-card,.repeat-intro,.family-tile,.person,.kanban-column,
 .calendar-day,.notice,.hero,.detail-summary) {
  background:linear-gradient(270deg,#08080a 0%,#17171a 100%);
  border-color:#39393e;
  box-shadow:0 10px 15px -10px rgba(0,0,0,.98),0 2px 5px rgba(0,0,0,.22);
}
:root[data-theme="B"] :is(.home-stat:hover,.task:hover,.pulse-card:hover,.starter-card:hover,.routine-card:hover) {
  background:linear-gradient(270deg,#0e0e10 0%,#202023 100%);
  border-color:#505057;
  box-shadow:0 12px 18px -10px rgba(0,0,0,.95);
}
/* The selected navigation item rises above its nearly-black sidebar.
   The frame itself is a black -> graphite gradient, rather than a purple glow. */
:root[data-theme="B"] .sidebar .nav button.active {
  position:relative;
  color:#f3f3f5;
  border:1px solid transparent;
  background:linear-gradient(110deg,#18181b,#323237) padding-box,
             linear-gradient(125deg,#0b0b0d,#67676d 53%,#28282d) border-box;
  box-shadow:0 5px 8px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12);
  transform:translateY(-1px);
}

/* Create-task/create-project dialogs now use the workspace's directional gradient.
   Nested controls are toned down so the modal reads as one surface. */
:root[data-theme="B"] .modal {
  background:linear-gradient(135deg,#0b0b0d 0%,#19191c 55%,#252529 100%);
  border:1px solid #48484e;
  box-shadow:0 22px 65px rgba(0,0,0,.78),0 5px 16px rgba(0,0,0,.42);
}
:root[data-theme="B"] .modal :is(.quick-expand,.theme-choice) {
  background:linear-gradient(270deg,#101012,#202023);
  border-color:#38383f;
}
:root[data-theme="B"] .modal :is(input:not([type="checkbox"]),select,textarea) {
  background:linear-gradient(105deg,#111113,#1d1d21);
  border-color:#43434a;
}
:root[data-theme="B"] .modal .primary,
:root[data-theme="B"] .primary[data-action="new-task"] {
  background:linear-gradient(105deg,#0f0f11,#38383d);
  color:#f6f6f7;
  border:1px solid #53535a;
  box-shadow:0 5px 10px -7px rgba(0,0,0,.86);
}
:root[data-theme="B"] .modal .primary:hover {
  background:linear-gradient(105deg,#171719,#434349);
  filter:none;
}


/* Text-only status/date/priority tags: no filled badge and no frame. */
.main .tag,.detail-panel .tag,.modal .tag {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0;
  padding:0!important;
  font-weight:580;
  line-height:1.5;
}
:is(.main,.detail-panel) .tag.date-tag {color:#7abdf7!important}
:is(.main,.detail-panel) .tag.date-tag .text-overdue {color:#f19aa4!important}
:is(.main,.detail-panel) .tag.count-down {color:#e7c476!important}
:is(.main,.detail-panel) .tag.count-down.is-overdue {color:#f19aa4!important}
:is(.main,.detail-panel) .tag.high,
:is(.main,.detail-panel) .tag.urgent,
:is(.main,.detail-panel) .tag.overdue,
:is(.main,.detail-panel) .tag.rejected {color:#f19aa4!important}
:is(.main,.detail-panel) .tag.low,
:is(.main,.detail-panel) .tag.done {color:#8bceaa!important}
:is(.main,.detail-panel) .tag.doing,
:is(.main,.detail-panel) .tag.pending {color:#ebc77e!important}
:is(.main,.detail-panel) .tag.normal,
:is(.main,.detail-panel) .tag.todo {color:#b6b4bf!important}
/* Scope identity: tiny illuminated dot separate from a neutral outlined label. */
.task-scope {display:inline-flex;align-items:center;gap:7px;vertical-align:middle;white-space:nowrap}
.scope-dot {display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:50%}
.scope-dot-personal {background:#b38bff;box-shadow:0 0 0 2px rgba(179,139,255,.13),0 0 8px 2px rgba(157,103,248,.50)}
.scope-dot-family {background:#7dbaff;box-shadow:0 0 0 2px rgba(125,186,255,.13),0 0 8px 2px rgba(98,166,255,.50)}
.scope-label {
  display:inline-block;color:var(--muted);font-weight:500;font-size:10px;
  padding:2px 7px;border-radius:6px;
  border:1px solid rgba(157,157,166,.29);
  background:rgba(255,255,255,.025);
}
.home-task-meta {display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.home-task-meta .task-scope {gap:6px}
.home-task-meta .scope-label {font-size:9px;padding:1px 6px}
.home-task-meta .scope-dot {width:6px;height:6px;flex-basis:6px}
/* In recurring cards the date-relative text follows the same yellow convention. */
.routine-facts>div:nth-child(2)>strong,
.pulse-metrics>span:last-child:not(.warn) {color:#e7c476}
@media(max-width:760px) {
  :root[data-theme="B"] .modal {background:linear-gradient(135deg,#0b0b0d,#202024)}
  .task-scope{gap:5px}
}


/* DaDa & Cyan Family — v0.3.4: information-first, borderless task rows */
:root[data-theme="B"] {--ink:#dedee1;--muted:#aaa9ae}

:root[data-theme] .main :is(h1,h2,h3,.task-name,.home-task-title,.home-stat strong) {color:var(--ink)}
:root[data-theme] .breadcrumbs strong {color:var(--ink)}
:root[data-theme] .task-scope .scope-label,
:root[data-theme] .home-task-meta .scope-label {
  background:transparent;border:0;border-radius:0;box-shadow:none;
  padding:0;color:var(--muted);font-weight:500;
}
/* Consistent neon-soft dots in calendars, task scopes, and legend. */
.legend-dot,.day-dots i,.scope-dot {width:7px;height:7px;min-width:7px;border-radius:50%;display:inline-block;flex:none}
.legend-dot.personal,.day-dots i.personal,.scope-dot-personal {background:#b38bff;box-shadow:0 0 0 2px #b38bff1d,0 0 8px 2px #9d67f87d}
.legend-dot.family,.day-dots i.family,.scope-dot-family {background:#7dbaff;box-shadow:0 0 0 2px #7dbaff1d,0 0 8px 2px #62a6ff7d}
.legend-dot.completed,.day-dots i.completed {background:#81d3a4;box-shadow:0 0 0 2px #81d3a41d,0 0 8px 2px #55c98a75}
/* Home: dominant calendar, slim right column, expanded vertical day cells. */
.main .home-main-grid {grid-template-columns:minmax(0,1fr) minmax(234px,26%);gap:12px;align-items:start}
.main .home-right-col {gap:10px;min-width:0}
.main .home-right-col .home-card {padding:11px 12px}
.main .home-right-col .widget-head {margin-bottom:7px;gap:7px}
.main .home-right-col .widget-head h2{font-size:12px}
.main .home-right-col .home-task-row{min-height:39px;padding:6px 0;gap:8px}
.main .home-right-col .home-task-title{font-size:11px}
.main .home-right-col .home-task-link small{font-size:9px}
.main .home-right-col .home-quick-notes textarea{min-height:68px;max-height:150px;padding:9px;font-size:11px;line-height:1.45}
.main .home-right-col .quick-note-footer {margin-top:5px}
.main .home-right-col .home-add {padding-top:5px}
.home-calendar-scroll,.calendar-scroll {overflow-x:auto;max-width:100%;scrollbar-width:thin;overscroll-behavior-x:contain}
.main .home-calendar .home-cal-grid {gap:3px}
.main .home-calendar .home-day {min-height:122px;padding:5px 5px 7px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;background:rgba(255,255,255,.018)}
.main .home-calendar .home-day.today-marker {background:rgba(125,115,145,.1)}
.home-day-number {align-self:flex-start;background:transparent;border:0;color:var(--ink);padding:0 4px;border-radius:5px;font-size:11px;font-weight:600;min-height:22px;text-align:left}
.home-day.today-marker .home-day-number {color:#e79ca7}
.home-day-events {display:flex;flex-direction:column;align-items:stretch;min-width:0;flex:1}
.calendar-entry {display:flex!important;flex-direction:row;align-items:flex-start;gap:5px;min-width:0;width:100%;text-align:left;color:var(--ink);background:transparent!important;border:0!important;border-bottom:1px solid rgba(135,134,145,.21)!important;border-radius:0!important;box-shadow:none!important;padding:5px 1px!important;margin:0!important;font-size:10px;line-height:1.3;white-space:normal!important}
.calendar-entry:hover {background:rgba(255,255,255,.035)!important}
.calendar-entry:last-child {border-bottom:0!important}
.calendar-entry .legend-dot{margin-top:3px;width:6px;height:6px;min-width:6px}
.calendar-entry-label{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.calendar-entry-label em {font-style:normal;font-weight:650;color:#82baf5;white-space:nowrap}
.time-separator {color:var(--quiet);padding:0 2px}
.calendar-more {border:0;background:transparent;color:var(--muted);font-size:9px;padding:3px 0;text-align:left}
.main .calendar-day {min-height:130px;padding:7px}
.main .calendar-day button.calendar-entry {font-size:10px;padding:5px 1px!important}
.main .calendar-day .calendar-entry-label {-webkit-line-clamp:2}
/* Lists: one section frame, thin separators between tasks, no nested mini cards. */
:root[data-theme] .main .task-list{display:block;gap:0}
:root[data-theme] .main .task {min-height:48px;padding:9px 7px;border:0!important;border-bottom:1px solid var(--stroke)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
:root[data-theme] .main .task:last-child {border-bottom:0!important}
:root[data-theme] .main .task:hover {background:rgba(255,255,255,.035)!important}
.main .task .icon-btn {border:0;background:transparent;box-shadow:none;width:27px;height:29px}
.main .task .meta{gap:6px}
.main .task .meta>*+*::before {content:'|';color:#77727e;margin-right:6px;font-weight:400}
.main .today-group,.main .routine-section {padding:10px 15px 13px;border:1px solid var(--stroke);border-radius:12px;background:var(--panel);box-shadow:0 7px 14px -11px rgba(0,0,0,.9);margin:14px 0}
.main .today-group>.section-head,.main .routine-section>.section-head {margin:0 0 6px}
.main .routine-section .pulse-grid{gap:0;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
:root[data-theme] .main .routine-section .pulse-card {border:0;border-right:1px solid var(--stroke);border-radius:0;background:transparent;box-shadow:none;padding:9px 12px}
:root[data-theme] .main .routine-section .pulse-card:last-child{border-right:0}
.main .filters-panel {border:1px solid var(--stroke);border-radius:11px;background:var(--panel);padding:10px}
.main .filters-panel .segmented{border-color:var(--stroke)}
/* Family members: compact horizontal row, aligned from left and horizontally scrollable. */
.main .people {display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:2px 0 9px}
.main .people .person {flex:0 0 auto;width:auto;min-width:170px;max-width:260px;padding:7px 9px;gap:7px;align-items:center}
.main .people .person .avatar{width:28px;height:28px;font-size:11px}
.main .people .person strong{font-size:11px;white-space:nowrap}
.main .people .person small{font-size:9px}
.main .people .person .link{font-size:10px;padding:3px}
/* Search: only outer search field has a frame. */
:root[data-theme] .topbar .searchbox input,
:root[data-theme] .topbar .searchbox input:focus {border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;min-height:0;height:auto;padding:0;border-radius:0}
@media(max-width:1100px){
 .main .home-main-grid{grid-template-columns:minmax(0,1fr) minmax(218px,30%)}
 .main .home-calendar .home-cal-grid {min-width:600px}
}
@media(max-width:900px){
 .main .home-main-grid {grid-template-columns:minmax(0,1fr)}
 .main .home-right-col {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .main .home-right-col .review-card{grid-column:1/-1}
 .main .calendar-grid {min-width:670px}
}
@media(max-width:760px){
 .main .home-right-col {grid-template-columns:1fr}
 .main .home-calendar .home-cal-grid {min-width:625px}
 .main .home-calendar .home-day {min-height:112px}
 .main .calendar-day {min-height:115px}
 .main .routine-section .pulse-grid {grid-template-columns:1fr}
 :root[data-theme] .main .routine-section .pulse-card {border-right:0;border-bottom:1px solid var(--stroke)}
 :root[data-theme] .main .routine-section .pulse-card:last-child{border-bottom:0}
 .main .today-group {padding:10px 11px}
}


/* DC Family v0.3.5 — Home 4-column alignment */
/* Match the calendar / right rail boundaries to the four statistic cards. */
.main .home-main-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px; /* exactly the same gap as .home-stat-row */
  align-items: start;
}
.main .home-main-grid > .home-calendar {
  grid-column: 1 / span 3;
  min-width: 0;
}
.main .home-main-grid > .home-right-col {
  grid-column: 4 / span 1;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
  align-content: start;
}
/* Keep the right rail airy enough to read, but much shorter than before. */
.main .home-right-col > .home-card {min-width: 0; padding: 9px 10px;}
.main .home-right-col .widget-head {gap: 5px; min-height: 23px; margin-bottom: 5px;}
.main .home-right-col .widget-head h2,
.main .home-right-col .widget-head h3 {font-size: 11px; line-height: 1.3;}
.main .home-right-col .text-link {font-size: 9px; white-space: nowrap;}
.main .home-right-col .home-today-list {max-height: 234px; overflow-y: auto; scrollbar-width: thin;}
.main .home-right-col .home-task-row {min-height: 34px; padding: 4px 0; gap: 6px;}
.main .home-right-col .home-task-row .check {width: 19px; min-width: 19px; height: 19px;}
.main .home-right-col .home-task-link {gap: 1px;}
.main .home-right-col .home-task-title {font-size: 10.5px; line-height: 1.4;}
.main .home-right-col .home-task-link small {font-size: 9px; line-height: 1.25;}
.main .home-right-col .home-add {padding: 5px 0 1px; font-size: 10px;}
.main .home-right-col .home-quick-notes textarea {
  min-height: 60px;
  max-height: 112px;
  padding: 8px;
  font-size: 10.5px;
  line-height: 1.4;
}
.main .home-right-col .quick-note-footer {margin-top: 6px; gap: 5px;}
.main .home-right-col .quick-note-footer span {font-size: 9px;}
.main .home-right-col .quick-note-footer .secondary {padding: 6px 8px; font-size: 10px;}
/* When there is not enough space for a useful fourth column, stack sections. */
@media (max-width: 1100px) {
  .main .home-main-grid {grid-template-columns: minmax(0, 1fr);}
  .main .home-main-grid > .home-calendar,
  .main .home-main-grid > .home-right-col {grid-column: 1 / -1;}
  .main .home-main-grid > .home-right-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .main .home-right-col > .review-card {grid-column: 1 / -1;}
}
@media (max-width: 760px) {
  .main .home-main-grid > .home-right-col {grid-template-columns: minmax(0, 1fr);}
}

/* v0.3.6 · Administrator-controlled semantic colors and priorities */
:root {--dc-personal:#A882FF;--dc-family:#77B7FF;--dc-completed:#83D5A9;--dc-pending:#E8BF68;--dc-overdue:#EE8796}
.legend-dot.personal,.day-dots i.personal,.scope-dot-personal{background:var(--dc-personal)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--dc-personal) 13%,transparent),0 0 9px 2px color-mix(in srgb,var(--dc-personal) 60%,transparent)!important}
.legend-dot.family,.day-dots i.family,.scope-dot-family{background:var(--dc-family)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--dc-family) 13%,transparent),0 0 9px 2px color-mix(in srgb,var(--dc-family) 60%,transparent)!important}
.legend-dot.completed,.day-dots i.completed{background:var(--dc-completed)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--dc-completed) 13%,transparent),0 0 9px 2px color-mix(in srgb,var(--dc-completed) 60%,transparent)!important}
:root[data-theme] .main .tag.pending,:root[data-theme] .detail-panel .tag.pending{color:var(--dc-pending)!important}
:root[data-theme] .main .tag.overdue,:root[data-theme] .main .tag.rejected,:root[data-theme] .detail-panel .tag.overdue{color:var(--dc-overdue)!important}
:root[data-theme] .main .tag.done,:root[data-theme] .detail-panel .tag.done{color:var(--dc-completed)!important}
:root[data-theme] .main .tag.custom-priority,:root[data-theme] .detail-panel .tag.custom-priority{color:inherit;background:transparent!important;border:0!important}
.admin-appearance{max-width:760px;margin:16px 0}.admin-priority-list,.admin-palette-grid{display:grid;gap:3px}.admin-line,.admin-color-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--stroke);padding:10px 5px;background:transparent;color:var(--ink);text-align:left}.admin-color-row{border-top:0;border-left:0;border-right:0;width:100%;font-size:12px}.admin-line .grow,.admin-color-row .grow{flex:1}.admin-color-row small{font-size:10px}.admin-line .tag{padding:0;font-size:13px}.glow-sample{display:inline-block;width:11px;height:11px;min-width:11px;border-radius:50%;background:var(--sample-color);box-shadow:0 0 11px 3px color-mix(in srgb,var(--sample-color) 64%,transparent),0 0 0 2px color-mix(in srgb,var(--sample-color) 18%,transparent)}
.color-picker{display:grid;gap:13px}.color-plane{--cp-hue:#A882FF;height:190px;position:relative;border:1px solid var(--stroke);border-radius:12px;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--cp-hue)}.color-cursor{position:absolute;width:16px;height:16px;border:2px solid white;box-shadow:0 1px 4px #000b;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.color-picker #cp-hue{width:100%;height:17px;accent-color:var(--accent);appearance:none;border-radius:20px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.color-picker #cp-hue::-webkit-slider-thumb{appearance:none;width:13px;height:22px;border:2px solid #fafafa;border-radius:5px;background:#252527;box-shadow:0 0 3px #000}.color-preview-row{display:flex;align-items:end;gap:12px}.color-preview{display:block;width:56px;height:47px;border-radius:9px;border:1px solid #7774;flex:none}.color-preview-row .form-field{flex:1;min-width:0}.rgb-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.color-sample{border:1px solid var(--stroke);border-radius:10px;padding:12px;display:flex;align-items:center;gap:15px;font-size:12px}.recent-swatches{display:flex;gap:7px;flex-wrap:wrap}.recent-color{width:29px;height:29px;border-radius:8px;border:1px solid #8888}.recent-color:hover{outline:2px solid var(--accent)}

/* v0.3.7 — Detail panel Compact and admin-only desktop mobile tester */
.detail-panel{width:min(435px,100vw);padding:12px 17px 26px}
.detail-panel .modal-head{top:-12px;margin-bottom:11px;padding:9px 0 12px}
.detail-panel .modal-head h2{font-size:12px}
.detail-panel .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:7px}
.detail-panel .detail-title{font-size:19px!important;line-height:1.2;font-weight:620;letter-spacing:-.5px;margin:0 0 6px!important;overflow-wrap:anywhere}
.detail-panel .detail-description{font-size:12px;line-height:1.45;color:var(--muted);margin:0 0 9px;overflow-wrap:anywhere}
.detail-panel .meta{display:flex;align-items:center;gap:5px 9px;flex-wrap:wrap;margin-bottom:10px!important;font-size:10px}
.detail-panel .tag{padding:0;background:transparent!important;border:0!important;border-radius:0;white-space:nowrap}
.detail-panel .tag.pending,.detail-panel .review-pending{color:var(--dc-pending,#e8bf68)!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;line-height:1.4;max-width:100%;white-space:nowrap}
.detail-panel .actions-row{gap:5px;margin:4px 0}
.detail-panel .actions-row button{font-size:10px;line-height:1.25;padding:6px 8px;min-height:29px}
.detail-panel .divider{margin:11px 0}
.detail-panel h3{font-size:12px;margin:6px 0}
.detail-panel .detail-summary{border-radius:12px;padding:11px 10px;gap:2px;margin:9px 0}
.detail-panel .detail-summary strong{font-size:22px;line-height:1.15;letter-spacing:-.6px}
.detail-panel .detail-summary span{font-size:11px}
.detail-panel .detail-summary small{font-size:10px}
.detail-panel .detail-calendar-head{margin:8px 0 7px;min-height:25px}
.detail-panel .detail-calendar-head h3{font-size:12px}
.detail-panel .detail-cal-grid{gap:1px 3px}
.detail-panel .detail-day{width:32px;max-width:100%;height:32px;font-size:11px;min-height:0;padding:0}
.detail-panel .home-weekday{font-size:10px;padding:6px 0}
.detail-panel .detail-calendar-legend{margin:8px 0;gap:11px;font-size:10px}
.detail-panel .log-actions{padding:8px;margin:8px 0}
.mobile-preview-launch{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted);background:var(--panel);border:1px solid var(--stroke);border-radius:8px;padding:7px 10px;font-size:11px;cursor:pointer}
.mobile-preview-launch .icon{width:15px;height:15px}
.mobile-preview-launch:hover{color:var(--ink);border-color:var(--muted)}
.mobile-preview-setting{max-width:760px;margin:15px 0}
.mobile-preview-setting .secondary{display:inline-flex;gap:8px;align-items:center}
.mobile-preview-setting .icon{width:16px;height:16px}
.mobile-preview-root{position:fixed;z-index:70;inset:0;display:flex;justify-content:flex-end;align-items:stretch;color:#ddd;font-family:Inter,system-ui,sans-serif}
.mobile-preview-scrim{position:absolute;inset:0;background:#000b;border:0;cursor:pointer}
.mobile-preview-dock{position:relative;display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#101014,#1d1d21);border-left:1px solid #39373d;width:min(560px,100%);padding:15px 12px 18px;box-shadow:-10px 0 45px #0007;min-width:0;overflow-y:auto}
.mobile-preview-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;font-size:12px}
.mobile-preview-sizes{display:flex;gap:3px}
.mobile-preview-sizes button,.mobile-preview-close{background:#252529;border:1px solid #45454b;color:#c5c5cd;border-radius:7px;padding:7px 9px;font-size:11px;cursor:pointer}
.mobile-preview-sizes button.selected{background:#37313d;border-color:#9876cc;color:#fff}
.mobile-preview-close{font-size:21px;line-height:1;padding:4px 11px}
.mobile-preview-note{font-size:10px;color:#b0abb7;margin:9px 0 12px;width:100%}
.mobile-preview-device{box-sizing:border-box;max-width:100%;border:7px solid #070708;border-radius:25px;padding:0;overflow:hidden;box-shadow:0 0 0 1px #55535c,0 15px 30px #0008;background:#111;min-height:620px;flex-shrink:0}
.mobile-preview-device iframe{display:block;border:0;background:#111;height:min(780px,calc(100vh - 175px));min-height:540px;border-radius:17px}
@media(max-width:760px){.mobile-preview-launch{display:none}.detail-panel{width:100vw;padding:11px 13px 75px}.detail-panel .detail-title{font-size:18px!important}.detail-panel .detail-day{height:31px;width:31px}.mobile-preview-root{display:none}}
@media(max-width:360px){.detail-panel .detail-day{width:28px;height:28px}}

.preview-account-switch{display:inline-flex;align-items:center;font-size:11px;color:var(--muted);border:1px solid var(--stroke);border-radius:8px;padding:7px 9px;text-decoration:none;white-space:nowrap;background:var(--panel)}.preview-account-switch:hover{color:var(--ink)}
@media(max-width:760px){.preview-account-switch{display:none}}

/* v0.3.8: Multi-day activities shown as continuous ranges without making cards bulky. */
.calendar-entry.calendar-span{background:linear-gradient(90deg,#6a57912b,#7257a11e)!important;border:0;border-bottom:2px solid #a88bdb88!important;border-radius:0!important;padding:3px 5px!important;margin-top:3px!important;}
.calendar-entry.calendar-span.span-start{border-radius:6px 0 0 6px!important;border-left:3px solid #a98aee!important;}
.calendar-entry.calendar-span.span-end{border-radius:0 6px 6px 0!important;border-right:3px solid #a98aee!important;}
.calendar-entry.calendar-span .legend-dot{box-shadow:0 0 7px currentColor;}
.duration-tag{color:#d3b9f7!important;border:0!important;background:transparent!important;padding:0!important;}
.quick-duration-toggle{margin:5px 0 8px!important;}
#quick-duration{padding:10px 12px;margin-bottom:8px;}
#quick-duration .form-field{margin:0 0 4px;}
.task-progress{height:5px;background:#353138;border-radius:8px;overflow:hidden;margin:7px 0 13px;}
.task-progress span{height:100%;display:block;background:linear-gradient(90deg,#7b6eb2,#b19ae9);transition:width .2s;}

/* v0.3.9 - fluid phone dashboard, tap-to-open calendar days and accessible template picker */
.quick-templates{margin:-2px 0 11px;min-width:0}
.quick-templates>span{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}
.quick-template-list{display:flex;flex-wrap:wrap;gap:6px;max-height:118px;overflow:auto;align-content:start}
.quick-template-chip{border:1px solid var(--stroke);background:linear-gradient(100deg,#28272c,#171719);border-radius:8px;padding:6px 8px;color:var(--ink);font-size:10px;line-height:1.35;text-align:left;cursor:pointer}
.quick-template-chip:hover,.quick-template-chip:focus-visible{outline:1px solid var(--accent);background:var(--raised)}
.quick-description{border-top:1px solid var(--stroke);padding:7px 0 2px;margin-bottom:9px}.quick-description summary{cursor:pointer;font-size:11px;color:var(--muted);padding:4px 0}.quick-description .form-field{margin-top:9px}.quick-description textarea{min-height:58px;font-size:12px}
.mobile-preview-dock{width:min(1050px,100%)}.mobile-preview-device{min-height:0}.mobile-preview-device iframe{min-height:0;max-height:none}.mobile-preview-select-label{display:flex;gap:7px;align-items:center;font-size:11px}.mobile-preview-select{max-width:280px;font-size:11px;min-height:34px;padding:5px 8px}.mobile-preview-note{max-width:820px;text-align:center}
.home-day-dots,.calendar-compact-dots{display:none}
.calendar-pick-day{display:block!important;width:auto!important;border:0!important;background:transparent!important;margin:0 0 5px!important;padding:0!important;color:inherit!important;font-size:12px!important;font-weight:600!important;min-height:24px!important}
.calendar-pick-day[aria-pressed="true"]{color:#f08d9b!important;text-decoration:underline;text-underline-offset:3px}
.calendar-selected-agenda{display:none}
@media(min-width:761px) and (max-width:950px){
 .sidebar{display:none!important}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;height:64px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#121215ef;border-top:1px solid var(--stroke)}
 .mobile-nav button{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px}
 .mobile-nav .icon{width:19px;height:19px}.mobile-nav .add-tab{background:var(--raised)}.mobile-brand{display:flex;align-items:center;gap:6px}.mobile-brand img{width:24px;height:24px}
 .main{padding:16px 17px 94px}.topbar{padding:0 18px}.breadcrumbs{display:none}
 .home-main-grid{grid-template-columns:minmax(0,1fr)!important}.home-right-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
}
@media(max-width:760px){
 .main .home-stat-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important;max-width:100%!important;min-width:0!important}
 .main .home-stat-row .home-stat{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;min-height:69px!important;padding:7px 5px!important;overflow:hidden!important;gap:8px!important}
 .main .home-stat-heading{display:flex!important;align-items:flex-start!important;gap:4px!important;line-height:1.1!important;min-width:0!important}
 .main .home-stat-heading svg,.main .home-stat-heading .icon{width:16px!important;height:16px!important;min-width:16px!important}
 .main .home-stat-heading span{min-width:0!important;font-size:clamp(8px,2.1vw,10px)!important;white-space:normal!important;overflow-wrap:normal!important}
 .main .home-stat strong{font-size:clamp(18px,4.8vw,23px)!important;line-height:1.1!important;margin-top:1px!important}
 .main .home-main-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;min-width:0}
 .main .home-calendar{min-width:0;width:100%!important}
 .main .home-calendar-scroll{overflow:hidden!important}
 .main .home-calendar .home-cal-grid{min-width:0!important;width:100%!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important}
 .main .home-calendar .home-day{min-width:0!important;min-height:52px!important;padding:3px 1px!important;border-radius:4px;align-items:center!important}
 .main .home-calendar .home-day-number{width:100%;height:25px!important;min-height:25px;flex:0 0 auto;padding:0!important;margin:0!important;font-size:11px!important;text-align:center}
 .main .home-calendar .home-day-events{display:none!important}
 .main .home-calendar .home-day-dots{display:flex!important;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;min-height:12px;max-width:100%;overflow:hidden}
 .main .home-calendar .home-day-dots .legend-dot,.calendar-compact-dots .legend-dot{width:5px!important;height:5px!important;min-width:5px!important;box-shadow:0 0 5px 2px color-mix(in srgb,currentColor 50%,transparent)!important}
 .main .home-calendar .home-day-dots b,.calendar-compact-dots b{font-size:8px;color:var(--muted);font-weight:400}
 .main .home-calendar .home-weekday{font-size:9px!important;padding:4px 0!important}
 .main .home-right-col{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 .calendar-scroll{overflow:hidden!important}
 .calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;min-width:0!important;gap:2px!important}
 .calendar-day{min-width:0!important;min-height:57px!important;padding:4px 1px!important;display:flex;align-items:center;flex-direction:column;border-radius:5px!important}
 .calendar-day-tasks{display:none!important}
 .calendar-day .calendar-pick-day{width:100%!important;min-height:26px!important;font-size:11px!important;text-align:center!important}
 .calendar-compact-dots{display:flex!important;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap;max-width:100%;margin:1px auto}
 .calendar-selected-agenda{display:block!important;border:1px solid var(--stroke);background:var(--panel);border-radius:12px;padding:12px;margin-top:12px}
 .calendar-selected-agenda .widget-head{display:flex;align-items:center;justify-content:space-between;gap:5px}.calendar-selected-agenda h2{font-size:13px}.calendar-selected-agenda .widget-note{font-size:10px}
 .calendar-agenda-list{display:flex;flex-direction:column;gap:0}.calendar-agenda-task{display:flex;align-items:center;gap:9px;padding:10px 3px;background:transparent;border:0;border-bottom:1px solid var(--stroke);color:var(--ink);width:100%;text-align:left;font-size:12px}.calendar-agenda-task:last-child{border-bottom:0}.calendar-agenda-task .legend-dot{min-width:8px}.calendar-agenda-task em{font-style:normal;color:#9cbff7}
}
@media(max-width:390px){.main{padding-left:10px!important;padding-right:10px!important}.main .home-stat-row{gap:4px!important}.main .home-stat-row .home-stat{padding:7px 4px!important}}

/* v0.4.0 smooth-frame hotfix | Ember graphite continuous gradient */
/* One inherited, continuously running angle keeps all frames phase-aligned even when a task row re-renders. */
@property --ember-frame-angle {syntax:"<angle>";inherits:true;initial-value:0deg}
:root[data-theme="B"] {--accent:#dedee1;--accent-contrast:#131316;animation:emberGraphiteFrame 3.6s linear infinite}
:root[data-theme="B"] .home-day.today-marker,
:root[data-theme="B"] .main .home-calendar .home-day.today-marker {
 background:linear-gradient(135deg,#131316,#252528)!important;
 border-color:#5f6067!important;
}
:root[data-theme="B"] .home-day.day-selected {outline:none!important;border-color:#a5a6ad!important}
:root[data-theme="B"] .main .calendar-day.day-selected {border-color:#97989d!important;background:linear-gradient(115deg,#141417,#25262a)!important;opacity:1}
:root[data-theme="B"] .calendar-pick-day[aria-pressed="true"]{color:#ededf0!important;text-decoration:none!important}
:root[data-theme="B"] .calendar-day.today .calendar-pick-day{color:#e98f9a!important}
/* Animated one-pixel graphite border, visible on hover / keyboard focus / selected. */
:root[data-theme="B"] :is(.home-day,.calendar-day,.home-stat,.sidebar .nav button,.primary,.secondary,.calendar-month-task){position:relative;isolation:isolate}
:root[data-theme="B"] :is(.home-day,.calendar-day,.home-stat,.sidebar .nav button,.primary,.secondary)::after{
 content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;
 /* A full circular gradient with matching start/end colors; no visible seam after 360deg. */
 background:conic-gradient(from var(--ember-frame-angle),#101114 0deg,#45464b 52deg,#b0b1b6 88deg,#53555b 130deg,#17181c 190deg,#101114 280deg,#101114 360deg);
 opacity:0;transition:opacity .22s ease;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;
}
:root[data-theme="B"] :is(.home-day,.calendar-day,.home-stat,.sidebar .nav button,.primary,.secondary):is(:hover,:focus-visible,.day-selected,.today-marker,.active)::after,
:root[data-theme="B"] :is(.home-day,.calendar-day):focus-within::after{
 opacity:1
}
@keyframes emberGraphiteFrame {from{--ember-frame-angle:0deg}to{--ember-frame-angle:360deg}}
:root[data-theme="B"] .home-day[data-home-day],:root[data-theme="B"] .calendar-day[data-calendar-day]{cursor:pointer}
:root[data-theme="B"] .home-day:focus-visible,:root[data-theme="B"] .calendar-day:focus-visible{outline:2px solid #b4b5ba;outline-offset:3px}
:root[data-theme="B"] .home-day:not(.out-of-month):hover,:root[data-theme="B"] .calendar-day:not(.muted-day):hover{background-color:rgba(150,151,157,.09)!important}
/* Month view: dots and weekday/date only, with actionable list of every month's task below. */
:root[data-theme="B"] .calendar-grid-month .calendar-month-cell{min-height:70px!important;padding:8px!important;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
:root[data-theme="B"] .calendar-grid-month .calendar-compact-dots{display:flex!important;gap:5px;align-items:center;flex-wrap:wrap}
:root[data-theme="B"] .calendar-grid-month .calendar-compact-dots .legend-dot{width:7px!important;height:7px!important;min-width:7px!important}
:root[data-theme="B"] .calendar-selected-agenda{display:block!important;border:1px solid var(--stroke);background:linear-gradient(110deg,#111114,#1d1e22);border-radius:12px;padding:13px;margin-top:12px}
:root[data-theme="B"] .calendar-month-agenda{border:1px solid var(--stroke);background:linear-gradient(125deg,#111114,#1c1d20);border-radius:12px;padding:14px;margin-top:12px}
:root[data-theme="B"] .calendar-month-agenda .widget-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
:root[data-theme="B"] .calendar-month-agenda .widget-head h2{font-size:14px;margin:0}
:root[data-theme="B"] .calendar-month-date{font-size:10px;color:#91bff0;min-width:90px;font-variant-numeric:tabular-nums}
:root[data-theme="B"] :is(.calendar-agenda-task,.calendar-pick-day,.home-day-number){cursor:pointer}
:root[data-theme="B"] .calendar-agenda-task:hover{background:rgba(255,255,255,.045)}
/* Extended week planner: time visible, no forced horizontal scrolling on small phones. */
@media(max-width:760px){
 :root[data-theme="B"] .calendar-grid-month .calendar-month-cell{min-height:51px!important;padding:4px 1px!important;align-items:center!important;gap:2px}
 :root[data-theme="B"] .calendar-grid-month .calendar-compact-dots{gap:2px}
 :root[data-theme="B"] .calendar-month-date{min-width:75px;font-size:9px}
 :root[data-theme="B"] .calendar-selected-agenda{scroll-margin-top:16px}
 :root[data-theme="B"] .home-today{scroll-margin-top:16px}
}
@media(prefers-reduced-motion:reduce){
 :root[data-theme="B"]{animation:none!important;--ember-frame-angle:0deg}
 :root[data-theme="B"] :is(.home-day,.calendar-day,.home-stat,.sidebar .nav button,.primary,.secondary)::after{transition:none!important}
}


/* v0.4.2 - Ember calendar agenda desktop/Fold normalization */
/* The agenda row styling in v0.4.0 lived only under @media(max-width:760px).
   Desktop and unfolded foldables therefore rendered native grey buttons. */
:root[data-theme="B"] .calendar-agenda-list {
  display:flex;
  flex-direction:column;
  gap:0;
  min-width:0;
}
:root[data-theme="B"] .calendar-agenda-list .calendar-agenda-task {
  -webkit-appearance:none;
  appearance:none;
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  min-width:0;
  margin:0;
  padding:10px 4px;
  border:0!important;
  border-bottom:1px solid #35363b!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--ink)!important;
  font:450 12px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:normal;
  text-decoration:none;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
  cursor:pointer;
}
:root[data-theme="B"] .calendar-agenda-list .calendar-agenda-task:last-child {
  border-bottom:0!important;
}
:root[data-theme="B"] .calendar-agenda-list .calendar-agenda-task:hover {
  background:rgba(150,151,157,.055)!important;
}
:root[data-theme="B"] .calendar-agenda-list .calendar-agenda-task:focus-visible {
  outline:1px solid #92939b;
  outline-offset:-2px;
  border-radius:4px!important;
}
:root[data-theme="B"] .calendar-agenda-task .legend-dot {
  flex:0 0 8px;
  width:8px;
  height:8px;
}
:root[data-theme="B"] .calendar-agenda-task > span:last-child {
  flex:1;
  min-width:0;
}
:root[data-theme="B"] .calendar-month-date {
  flex:0 0 auto;
  color:#8ab7e6;
  font-size:10px;
  font-weight:450;
}
:root[data-theme="B"] .calendar-agenda-task em {
  color:#8ab7e6;
  font-style:normal;
}
/* Slightly dimmer off-white; retain vivid status/glow dots and blue dates. */
:root[data-theme="B"] { --ink:#d4d5d9; }
:root[data-theme="B"] .main .calendar-day .calendar-pick-day,
:root[data-theme="B"] .main .home-day-number {
  color:#c4c6cb!important;
}
:root[data-theme="B"] .main .calendar-day .calendar-pick-day[aria-pressed="true"] {
  color:#dedfe2!important;
}
:root[data-theme="B"] .main .calendar-day.today .calendar-pick-day,
:root[data-theme="B"] .main .calendar-day.today .calendar-pick-day[aria-pressed="true"],
:root[data-theme="B"] .main .home-day.today-marker .home-day-number {
  color:#e18e9a!important;
}

/* 0.4.3: Compact, actionable in-app reminders; Ember only. */
.dc-notice{display:block;cursor:default;margin-bottom:9px;padding:13px 15px;}
.dc-notice-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dc-notice-head small{color:var(--text-muted,#a2a2a7);font-size:11px}
.dc-notice-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px}
.dc-notice-actions button{min-height:35px;font-size:12px;padding:7px 11px}

/* v0.4.3 family photo and sequential task steps */
.dc-family-photo{background:linear-gradient(115deg,#151518,#29292d);border:1px solid #37373a;border-radius:9px;padding:10px 12px}
.dc-family-photo input{font-size:12px;min-width:0;width:100%;margin-top:5px}
.dc-family-photo small{font-size:11px;color:#aeb0b6;display:block;margin-top:5px}
.dc-photo-thumb{width:94px;padding:4px;display:inline-flex;flex-direction:column;gap:4px;background:#171719;border:1px solid #39393d;border-radius:9px;cursor:zoom-in;color:#b7bac1;align-items:center;font:11px Inter,system-ui}
.dc-photo-thumb img{width:80px;height:80px;object-fit:cover;border-radius:6px}
.dc-photo-viewer{position:fixed;z-index:100000;inset:0;display:flex;align-items:center;justify-content:center;padding:15px}
.dc-photo-scrim{position:absolute;inset:0;background:rgba(0,0,0,.87);border:0}
.dc-photo-stage{position:relative;max-width:95vw;max-height:93vh;display:flex;flex-direction:column;gap:10px}
.dc-photo-stage img{max-width:95vw;max-height:85vh;object-fit:contain;border-radius:10px;box-shadow:0 8px 30px #000}
.dc-photo-close{align-self:flex-end;position:relative;border:1px solid #4a4a50;background:#222225;color:#dedee0;border-radius:7px;padding:7px 12px;cursor:pointer}
.dc-steps-hint{font-size:11px;color:#a6a8b1;margin:4px 0 9px}

/* v0.4.4 Account/PWA: strong, readable unread notification count. */
.sidebar .nav .dc-unread-count{display:inline-flex!important;align-items:center;justify-content:center;min-width:22px;height:21px;padding:0 6px;margin-left:auto;background:linear-gradient(130deg,#8b1827,#e14f63);color:#fff0f0!important;border:1px solid #f27882a8;border-radius:999px;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums;box-shadow:0 0 8px #ec425681,0 0 18px #e92e4242;line-height:1;}
.sidebar-collapsed .sidebar .nav .dc-unread-count{position:absolute;right:2px;top:1px;min-width:16px;height:16px;font-size:9px;padding:0 3px;display:inline-flex!important;}
.sidebar .nav button:has(.dc-unread-count){position:relative;overflow:visible;}
.dc-top-bell{position:relative;overflow:visible;}
.dc-top-count{position:absolute;right:-5px;top:-7px;border-radius:12px;background:#bb3048;color:white;box-shadow:0 0 10px #fa456baa;min-width:17px;height:17px;padding:2px 3px;font-size:9px;line-height:13px;text-align:center;font-weight:750;}
.account-security{max-width:760px;margin-top:14px;}
.account-security h3{margin:0;font-size:14px;}
.account-notice{background:#302827;border:1px solid #665044;border-radius:10px;padding:11px;color:#dec8a5;font-size:12px;line-height:1.6;}
.account-session-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--stroke);}
.account-session-row strong{font-size:12px;display:block;color:#e4e2e5;}
.account-session-row small{font-size:11px;color:#9998a0;display:block;margin-top:4px;}
.login-form .link{display:block;text-align:center;margin:12px auto 0;}

/* v0.4.5: Only luminous digits, no pill, background, border or outline. */
.sidebar .nav .dc-unread-count{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0!important;height:auto!important;padding:0!important;margin-left:auto!important;font-family:Inter,system-ui,sans-serif;font-size:21px!important;font-weight:700!important;line-height:1!important;color:#ff566b!important;text-shadow:0 0 5px rgba(255,45,76,.95),0 0 12px rgba(255,30,55,.72),0 0 22px rgba(255,27,55,.35);}
.sidebar-collapsed .sidebar .nav .dc-unread-count{right:-3px!important;top:-4px!important;font-size:15px!important;}
.dc-top-count{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0!important;height:auto!important;padding:0!important;right:0!important;top:0!important;transform:translate(50%,-50%)!important;white-space:nowrap!important;pointer-events:none!important;z-index:2;font-size:21px!important;font-weight:900!important;line-height:1!important;letter-spacing:-.55px!important;color:#ff2c50!important;-webkit-text-stroke:.35px #ff627b;text-shadow:0 0 2px rgba(255,242,245,.95),0 0 6px rgba(255,62,100,1),0 0 13px rgba(255,25,76,.98),0 0 23px rgba(255,8,62,.84),0 0 36px rgba(255,0,56,.54)!important;}

/* DC_BELL_BADGE_V045 — compact corner badge */
/* Chỉ áp dụng nút chuông góc trên; số ở sidebar không bị ảnh hưởng. */
.topbar .dc-top-bell {
  position: relative !important;
  overflow: visible !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  flex: 0 0 38px !important;
  padding: 0 !important;
  border-radius: 11px !important;
  border: 1px solid #39393f !important;
  background: linear-gradient(145deg, #28282d 0%, #1c1c20 100%) !important;
  color: #d2d2d7 !important;
  box-shadow: 0 3px 9px rgba(0,0,0,.18) !important;
}
.topbar .dc-top-bell:hover {
  border-color: #5a5a60 !important;
  background: linear-gradient(145deg, #313137, #202024) !important;
}
.topbar .dc-top-bell .dc-top-count {
  position: absolute !important;
  top: -6px !important;
  right: -6px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 19px !important;
  height: 19px !important;
  padding: 0 4px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,192,199,.5) !important;
  background: linear-gradient(150deg, #e25b6b 0%, #b82e44 100%) !important;
  color: #fff !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  box-shadow: 0 0 7px rgba(236,56,82,.6), 0 2px 5px rgba(0,0,0,.5) !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

/* DC Family v0.4.6: Quick Notes as compact private list */
.dc-notes-list{margin-top:12px;border-top:1px solid var(--stroke);max-height:320px;overflow:auto;overscroll-behavior:contain}
.dc-note-entry{padding:10px 0;border-bottom:1px solid var(--stroke)}
.dc-note-entry:last-child{border-bottom:0}
.dc-note-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font:inherit;font-size:12px;line-height:1.5;margin:0 0 6px}
.dc-note-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:24px}
.dc-note-tools time{font-size:10px;color:var(--quiet);margin-right:auto}
.dc-note-button{border:0!important;background:none!important;box-shadow:none!important;padding:4px 3px!important;border-radius:5px;color:var(--muted);font-family:Inter,system-ui,sans-serif;font-size:11px;cursor:pointer}
.dc-note-button:hover,.dc-note-button:focus-visible{color:var(--ink);text-decoration:underline}
.dc-note-button.danger-text:hover{color:#ee8796}
.dc-notes-empty{color:var(--quiet);font-size:11px;line-height:1.5;margin:10px 0 0}
.dc-note-editor{width:100%;min-height:66px;resize:vertical;margin:0 0 6px;background:var(--soft);color:var(--ink);border:1px solid var(--stroke);border-radius:8px;padding:8px;font:inherit;font-size:12px;line-height:1.5}
.home-quick-notes .quick-note-footer .secondary{display:inline-flex;align-items:center;gap:4px}
.home-quick-notes .quick-note-footer .secondary .icon{width:13px;height:13px}

/* DaDa & Cyan Family Notes v0.4.7 — Ember Compact */
.notes-layout{display:grid;grid-template-columns:minmax(260px,35%) minmax(0,1fr);gap:13px;min-height:480px;align-items:stretch}
.notes-list-col,.notes-editor-col{min-width:0;border:1px solid var(--stroke);border-radius:12px;background:linear-gradient(100deg,#111113,#1c1c20);box-shadow:0 9px 18px #0005;overflow:hidden}
.notes-list-controls{padding:13px;border-bottom:1px solid var(--stroke)}
.notes-search{display:flex;gap:8px;align-items:center;border:1px solid var(--stroke);border-radius:8px;padding:7px 10px;background:#161619}.notes-search svg{width:17px;flex:none}.notes-search input{border:0!important;background:transparent!important;box-shadow:none!important;outline:none;color:var(--ink);min-width:0;flex:1;width:100%;padding:2px 0}
.notes-filter-row{display:flex;align-items:center;gap:8px;margin-top:9px}.notes-filter-row select{min-width:0;flex:1;height:34px}.notes-filter-row button{padding:6px 10px;white-space:nowrap}
.notes-list{max-height:67vh;overflow-y:auto}.notes-entry{display:flex;align-items:stretch;width:100%;text-align:left;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #38383a;padding:11px 12px;gap:12px;cursor:pointer;min-height:75px;transition:background .2s ease}.notes-entry:hover,.notes-entry.selected{background:#29292d}.notes-glow-bar{display:block;width:3px;flex:none;border-radius:8px;background:var(--note-glow);box-shadow:0 0 5px var(--note-glow),0 0 12px var(--note-glow);margin:2px 0}.notes-entry-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.notes-entry-title{font-size:13px;font-weight:600;color:#d5d5d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-entry-excerpt{font-size:11px;line-height:1.4;color:#a3a3aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-entry-meta{font-size:10px;color:#82838b}.notes-empty{padding:22px;color:var(--muted);font-size:12px}.notes-trash-row{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--stroke);padding-right:5px}.notes-trash-row .notes-entry{flex-basis:100%;border-bottom:0}.notes-trash-row button:not(.notes-entry){margin:0 0 8px 9px;font-size:11px}
.notes-editor-col{position:relative}.notes-editor-head{padding:11px 13px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--stroke);min-height:49px}.notes-editor-head button{font-size:11px;padding:6px 8px}.notes-save-status{font-size:11px;color:#aaaab1}.notes-back{display:none}.notes-editor-scroller{padding:13px;max-height:75vh;overflow:auto}.notes-editor-scroller>.form-field>input{font-size:18px;font-weight:600;letter-spacing:-.2px}.notes-editor-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.notes-editor-scroller .form-field{min-width:0}.notes-editor-scroller .form-field input,.notes-editor-scroller select{max-width:100%;width:100%}.notes-editor-body{border:1px solid var(--stroke);border-radius:10px;background:#131316;margin-top:12px;overflow:hidden}.notes-editor-toolbar{display:flex;align-items:center;gap:5px;padding:8px;border-bottom:1px solid var(--stroke)}.notes-editor-toolbar button{background:#252528;color:#d2d2d6;padding:5px 10px;border:1px solid #38383d;border-radius:6px;font-size:12px;min-height:28px}.notes-editor-toolbar button:hover{border-color:#888}.notes-editor-toolbar small{color:#929299;margin-left:auto;font-size:10px}.notes-editor-body textarea{display:block;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:12px!important;font-size:13px;line-height:1.65;min-height:165px;width:100%;resize:vertical;color:#d4d4d9;outline:none}.note-markdown-preview{border-top:1px dashed var(--stroke);padding:9px 12px;min-height:70px;line-height:1.6;color:#c6c7cc;font-size:12px;overflow-wrap:anywhere}.note-markdown-preview p{margin:4px 0}.note-markdown-preview h2,.note-markdown-preview h3,.note-markdown-preview h4{margin:6px 0;font-size:15px}.note-markdown-preview a{color:#90bcef}.notes-attachments{border-top:1px solid var(--stroke);margin-top:14px;padding-top:12px}.notes-attachments .widget-head{margin-bottom:9px}.notes-upload{display:inline-flex;padding:7px 10px;border:1px solid var(--stroke);border-radius:8px;font-size:11px;color:#ddd;cursor:pointer}.notes-attachments-grid{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.notes-attachment{display:flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--stroke);border-radius:9px;max-width:100%}.notes-attachment img{height:65px;width:85px;object-fit:cover;border-radius:6px}.notes-attachment button{background:transparent;border:0;color:var(--ink);padding:3px}.notes-attachment a{color:#bfc0c8;font-size:11px;text-decoration:none}.notes-muted{font-size:11px;color:#8f8f98}.notes-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;font-size:10px;color:#9898a0}.notes-versions{margin-top:12px;padding:10px;border:1px solid var(--stroke);display:flex;flex-wrap:wrap;gap:8px;font-size:11px}.notes-editor-placeholder{display:grid;place-items:center;padding:35px;color:var(--quiet);font-size:13px;min-height:240px;text-align:center}.notes-lightbox{position:fixed;z-index:3000;inset:0;background:#000d;display:flex;justify-content:center;align-items:center;padding:30px}.notes-lightbox img{max-width:95vw;max-height:88vh;object-fit:contain}.notes-lightbox button{position:absolute;top:14px;right:22px;font-size:30px;background:#333;color:#fff;border-radius:30px;width:44px;height:44px}
.home-quick-notes .dc-note-entry{position:relative;padding-left:13px}.home-quick-notes .dc-note-entry::before{content:"";position:absolute;left:2px;top:10px;bottom:10px;width:3px;border-radius:5px;background:var(--dc-personal,#a882ff);box-shadow:0 0 6px var(--dc-personal,#a882ff),0 0 11px var(--dc-personal,#a882ff)}
@media(max-width:850px){.notes-layout{grid-template-columns:1fr}.notes-list{max-height:320px}.notes-editor-scroller{max-height:none}.notes-editor-col{min-height:200px}}
@media(max-width:600px){.notes-layout{display:block}.notes-list-col{display:block}.notes-editor-col{display:none}.notes-layout.notes-with-detail .notes-list-col{display:none}.notes-layout.notes-with-detail .notes-editor-col{display:block}.notes-back{display:inline-flex!important}.notes-editor-meta{grid-template-columns:minmax(0,1fr)}.notes-editor-scroller{padding:11px}.notes-editor-head{padding:8px;gap:5px}.notes-editor-head button{padding:5px 7px}.notes-list{max-height:none}.notes-entry{min-height:67px}}

/* DaDa & Cyan Family Notes v0.4.8: compact, one live editor, admin priority colors */
.notes-layout{grid-template-columns:minmax(245px,31%) minmax(0,1fr);gap:10px;min-height:530px}
.notes-list-controls{padding:9px 10px}
.notes-search{height:31px;min-height:31px;padding:2px 9px;border-radius:8px;gap:7px}
.notes-search svg{width:14px;height:14px}
.notes-search input{height:26px!important;min-height:26px!important;font-size:11px!important;padding:0!important}
.notes-filter-row{gap:5px;margin-top:7px;min-height:30px}
.notes-filter-tabs{display:flex;align-items:center;gap:3px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;border:1px solid #37373d;background:linear-gradient(130deg,#17171a,#252529);border-radius:9px;padding:3px}
.notes-filter-tabs::-webkit-scrollbar{display:none}
.notes-filter-button{border:1px solid transparent;border-radius:6px;background:transparent;white-space:nowrap;color:#a6a6ae;font-size:10px;font-weight:550;padding:5px 7px;min-height:25px;transition:background .2s,border-color .2s,box-shadow .2s,transform .16s}
.notes-filter-button:hover{color:#eeeef0;background:#333339}
.notes-filter-button:active,.notes-trash-button:active{transform:scale(.93)}
.notes-filter-button.active{background:linear-gradient(145deg,#424249,#29292f);border-color:#606068;color:#f3f3f4;box-shadow:inset 0 1px 1px #ffffff16,0 3px 8px #0007}
.notes-trash-button{height:30px;min-width:30px;border:1px solid #3c3c44;border-radius:8px;background:linear-gradient(135deg,#29292e,#1a1a1d);font-size:18px;color:#aaaab2;transition:all .16s}
.notes-trash-button:hover{color:#fff;border-color:#696970;box-shadow:0 2px 12px #0008}
.notes-entry{padding:9px 10px;min-height:64px;gap:10px}.notes-glow-bar{width:3px}
.notes-editor-head{padding:7px 10px;min-height:37px}.notes-editor-head button{padding:4px 8px;font-size:10px}
.notes-editor-scroller{padding:10px;max-height:78vh;overflow-y:auto}
.notes-editor-meta{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.notes-editor-scroller .form-field{font-size:10px;gap:4px;margin-bottom:7px}
.notes-editor-scroller .form-field input,.notes-editor-scroller .form-field select{min-height:30px;height:31px;padding:5px 9px;font-size:11px;border-radius:7px}
.notes-priority-control,.notes-visibility-control{display:flex;align-items:center;gap:8px;min-width:0}
.notes-priority-glow{width:3px;height:25px;border-radius:5px;flex:none;background:var(--note-glow);box-shadow:0 0 6px var(--note-glow),0 0 11px var(--note-glow)}
.notes-visibility-control .legend-dot{flex:none;display:block;width:8px;height:8px;box-shadow:0 0 5px currentColor,0 0 12px currentColor}
.notes-more-settings{margin:0 0 8px;border-bottom:1px solid #34343a}
.notes-more-settings summary{cursor:pointer;padding:6px 2px 8px;color:#b5b5be;font-size:11px;list-style:none}
.notes-more-settings summary::-webkit-details-marker{display:none}
.notes-more-settings summary:before{content:'▸';margin-right:5px;color:#888}
.notes-more-settings[open] summary:before{content:'▾'}
.notes-more-settings summary span{font-size:10px;color:#73737d;margin-left:6px}
.notes-more-settings[open] .form-field{margin-top:6px}
.notes-editor-body{margin-top:6px;min-height:340px;display:flex;flex-direction:column}
.notes-editor-toolbar{padding:5px 7px;gap:3px;flex-wrap:wrap}
.notes-editor-toolbar button{min-height:25px;padding:4px 7px;font-size:11px;border-radius:6px;transition:background .16s,transform .12s,box-shadow .16s}
.notes-editor-toolbar button:active{transform:scale(.92);background:#55555f;box-shadow:0 0 8px #ffffff15}
.notes-toolbar-separator{height:19px;border-left:1px solid #49494d;margin:0 4px}
#note-body{outline:none;border:0;flex:1;min-height:310px;overflow-y:auto;overflow-wrap:anywhere;padding:15px 14px 22px;color:#d9d9df;line-height:1.65;font-size:13px;white-space:pre-wrap}
#note-body:empty:before{content:attr(data-placeholder);color:#777781;pointer-events:none}
#note-body>*:first-child{font-weight:650;font-size:19px;letter-spacing:-.3px;color:#ededf0;line-height:1.4}
#note-body p{margin:0 0 6px;min-height:1.2em}
#note-body h1{font-size:22px;font-weight:700;line-height:1.4;margin:7px 0 10px}
#note-body h2{font-size:18px;font-weight:650;line-height:1.4;margin:8px 0 8px}
#note-body h3{font-size:15px;font-weight:650;line-height:1.4;margin:7px 0 6px}
#note-body ul,#note-body ol{padding-left:22px;margin:7px 0}
#note-body a{color:#9bc3f4;text-decoration:underline}
#note-body u{text-decoration:underline;text-underline-offset:3px}
#note-body[contenteditable="false"]{cursor:default}
.notes-attachments{margin-top:10px;padding-top:9px}.notes-attachments .widget-head{margin-bottom:5px}
.notes-editor-footer{padding-top:9px}
@media(max-width:850px){.notes-layout{grid-template-columns:1fr}.notes-editor-scroller{max-height:none}#note-body{min-height:380px}}
@media(max-width:600px){.notes-layout{display:block}.notes-editor-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-editor-scroller{padding:8px}.notes-editor-toolbar button{padding:4px 6px}.notes-editor-body{min-height:420px}#note-body{min-height:370px;padding:12px 11px}.notes-filter-button{padding:5px 8px}.notes-search{height:30px}.notes-editor-col{min-height:75vh}}

/* Priority-color glow also follows a quick note on Home. */
.home-quick-notes .dc-note-entry::before{background:var(--note-glow,#e0c779);box-shadow:0 0 6px var(--note-glow,#e0c779),0 0 11px var(--note-glow,#e0c779)}
#note-body > h1:first-child{font-size:23px}#note-body > h2:first-child{font-size:19px}#note-body > h3:first-child{font-size:16px}


/* DaDa & Cyan Family Notes v0.4.9: aligned trash, flexible editor and shared task/notes metadata */
.notes-trash-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 30px;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;line-height:1!important;box-sizing:border-box;vertical-align:middle;}
.notes-trash-button .icon{display:block;width:16px;height:16px;flex:0 0 16px;stroke-width:1.65;}
.notes-trash-button:focus-visible,.notes-history-button:focus-visible{outline:2px solid #8b8b98;outline-offset:2px;}
.notes-entry-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;line-height:1.5;min-height:15px;}
.notes-entry-meta .task-scope{gap:5px;color:#a9a9b1;}
.notes-entry-meta .scope-dot{display:inline-block;width:7px;height:7px;min-width:7px;flex:0 0 7px;}
.notes-entry-meta .notes-meta-separator{color:#6b6b73;}
.notes-entry-meta .tag.custom-priority{font-size:10px;padding:0!important;line-height:1.5;color:var(--priority-color,#e0c779)!important;background:transparent!important;border:0!important;box-shadow:none!important;}
:root[data-theme] .main .tag.custom-priority,:root[data-theme] .detail-panel .tag.custom-priority{color:var(--priority-color,#e0c779)!important;background:transparent!important;border:0!important;}
.home-task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:10px;}
.home-task-meta .notes-meta-separator{color:#76717b;}
.home-task-meta .tag.custom-priority{padding:0!important;font-size:10px;}
.notes-editor-head{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:nowrap;}
.notes-editor-head .notes-save-status{min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:0 1 auto;}
.notes-editor-head .grow{flex:1 1 auto;min-width:0;}
.notes-editor-head .notes-history-button{flex:0 0 auto;font-size:10px;white-space:nowrap;padding:4px 9px;}
@media(min-width:851px){
 .notes-layout{height:clamp(620px,calc(100dvh - 186px),1250px);min-height:620px;}
 .notes-list-col,.notes-editor-col{min-height:0;}
 .notes-list-col{display:flex;flex-direction:column;}
 .notes-list{flex:1;max-height:none;min-height:0;}
 .notes-editor-col{display:flex;flex-direction:column;}
 .notes-editor-scroller{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;padding-bottom:10px;}
 .notes-editor-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:360px;margin-top:5px;}
 #note-body{flex:1 1 auto;min-height:300px;max-height:none;overflow:auto;}
 .notes-attachments{flex:0 0 auto;margin-top:9px;padding-top:7px;}
 .notes-versions{flex:0 0 auto;}
}
@media(min-width:851px) and (min-height:900px){
 .notes-layout{height:calc(100dvh - 166px);}
}
@media(max-width:850px){
 .notes-editor-scroller{display:flex;flex-direction:column;}
 .notes-editor-body{flex:1 1 auto;min-height:480px;}
 #note-body{min-height:425px;}
}
@media(max-width:600px){
 .notes-editor-head{gap:4px;padding:7px 8px;}
 .notes-editor-head .notes-history-button{padding:4px 6px;font-size:10px;}
 .notes-editor-scroller{min-height:calc(100dvh - 220px);}
 .notes-editor-body{min-height:430px;}
 #note-body{min-height:380px;}
 .notes-entry-meta{gap:4px 6px;}
 .notes-entry-meta .tag.custom-priority{font-size:9px;}
}

/* DaDa & Cyan Family · Settings v0.5.0: full-width balanced grid & editable tag palette */
.settings-main{max-width:1780px!important;padding-left:clamp(16px,2.6vw,44px)!important;padding-right:clamp(16px,2.6vw,44px)!important}
.settings-layout{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:17px;align-items:start;width:100%}
.settings-column{display:flex;flex-direction:column;gap:17px;min-width:0}
.settings-layout .settings-card{max-width:none!important;margin:0!important;min-width:0;padding:19px 21px}
.settings-layout .settings-card h2{font-size:15px;line-height:1.3;margin:0 0 9px}
.settings-layout .settings-card h3{font-size:12px;line-height:1.3;margin:0 0 10px}
.settings-layout .settings-card .note-text{line-height:1.5;margin:0 0 12px}
.settings-card-heading{display:flex;gap:10px;align-items:start;justify-content:space-between}
.settings-card-heading h2{margin-bottom:5px!important}
.settings-admin-label,.settings-help-chip{font-size:9px;letter-spacing:.8px;color:#9e9da6;background:#29292d;border:1px solid #45454c;border-radius:6px;padding:5px 7px;white-space:nowrap}
.settings-palette-head{margin:13px 0 8px!important;align-items:center}
.settings-palette-head h3{margin:0!important}
.settings-small-button{font-size:10px!important;min-height:28px;padding:5px 9px!important}
.settings-small-button svg{width:12px;height:12px;vertical-align:middle}
.settings-priority-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.settings-priority-tile,.settings-color-tile{cursor:pointer;display:flex;align-items:center;gap:10px;min-width:0;text-align:left;border:1px solid #3c3c42;color:#d8d8df;background:linear-gradient(125deg,#1c1c20,#29292d);border-radius:10px;transition:background .17s,box-shadow .18s,border-color .18s,transform .14s}
.settings-priority-tile:hover,.settings-color-tile:hover{border-color:#676770;background:linear-gradient(125deg,#27272c,#36363a);box-shadow:0 4px 16px #0005}
.settings-priority-tile:active,.settings-color-tile:active{transform:scale(.975);border-color:#8e8e98;box-shadow:inset 0 2px 7px #0007}
.settings-priority-tile:focus-visible,.settings-color-tile:focus-visible{outline:2px solid #a7a7b0;outline-offset:2px}
.settings-priority-tile{padding:10px 9px;min-height:42px}
.settings-priority-bar{height:21px;width:3px;flex:none;border-radius:3px;background:var(--tile-color);box-shadow:0 0 7px var(--tile-color),0 0 12px var(--tile-color)}
.settings-priority-name{flex:1;min-width:0;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-priority-tile small{font-size:9px;color:#9898a2}
.settings-priority-tile .icon,.settings-color-tile .icon{width:12px;height:12px;color:#888892}
.settings-palette-group{margin-top:16px;padding-top:13px;border-top:1px solid #36363c}
.settings-palette-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px}
.settings-palette-title h3{margin:0!important;white-space:nowrap}
.settings-palette-title>span{font-size:10px;color:#888892;text-align:right}
.settings-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.settings-color-tile{padding:9px 10px;min-height:46px}
.settings-color-icon.is-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--tile-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--tile-color) 15%,transparent),0 0 9px 2px color-mix(in srgb,var(--tile-color) 60%,transparent)}
.settings-color-icon.is-line{width:3px;height:26px;flex:0 0 3px;border-radius:4px;background:var(--tile-color);box-shadow:0 0 8px var(--tile-color)}
.settings-color-text{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}
.settings-color-text strong{font-size:11px;font-weight:600;color:#d4d4d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-color-text small{font-size:9px;color:#888891}
.settings-palette-note{margin:13px 0 0!important}
.settings-layout .settings-notice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px;margin-bottom:12px}
.settings-layout .settings-notice-grid .checkline{min-width:0}
.settings-layout .grid2{gap:10px}
.settings-layout label.form-field{margin-bottom:9px}
.settings-layout .form-field input{min-width:0}
.settings-layout .divider{margin:15px 0}
@media(max-width:1140px){.settings-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.settings-color-grid{grid-template-columns:1fr}.settings-priority-grid{grid-template-columns:1fr}}
@media(max-width:850px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-main{padding-left:16px!important;padding-right:16px!important}.settings-priority-grid,.settings-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.settings-layout .settings-card{padding:15px 14px}.settings-layout .settings-notice-grid{grid-template-columns:1fr}.settings-priority-grid,.settings-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-palette-title>span{display:none}.settings-color-tile{padding:8px 6px;gap:6px}.settings-color-text strong{font-size:10px}.settings-priority-tile small{display:none}}
:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.todo{color:var(--dc-todo,#B6B4BF)!important}
:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.doing{color:var(--dc-doing,#EBC77E)!important}
:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.pending{color:var(--dc-pending,#E8BF68)!important}
:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.rejected{color:var(--dc-rejected,#F19AA4)!important}
:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.done{color:var(--dc-completed,#83D5A9)!important}
:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.skipped{color:var(--dc-skipped,#969BA5)!important}
:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.cancelled{color:var(--dc-cancelled,#9A929E)!important}
:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.overdue{color:var(--dc-overdue,#EE8796)!important}
:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.upcoming{color:var(--dc-upcoming,#E7C476)!important}
:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.date-tag{color:var(--dc-date,#7ABDF7)!important}
:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.count-down{color:var(--dc-countdown,#E7C476)!important}
:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.duration-tag{color:var(--dc-multiday,#B8B1DD)!important}
:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.date-tag .text-overdue,:root[data-theme="B"] :is(.main,.detail-panel,.modal) .tag.count-down.is-overdue{color:var(--dc-overdue,#EE8796)!important}
:root[data-theme="B"] .review-pending{color:var(--dc-pending,#E8BF68)!important}
:root[data-theme="B"] .notes-entry-meta .tag.custom-priority{color:var(--priority-color,#E0C779)!important}
:root{--dc-todo:#B6B4BF;--dc-doing:#EBC77E;--dc-rejected:#F19AA4;--dc-skipped:#969BA5;--dc-cancelled:#9A929E;--dc-upcoming:#E7C476;--dc-date:#7ABDF7;--dc-countdown:#E7C476;--dc-multiday:#B8B1DD;}