*{box-sizing:border-box} :root{--navy:#102441;--purple:#6528c9;--muted:#667085;--border:#ebe7e1;--shadow:0 10px 28px rgba(42,32,72,.06);--bg:#fbf7f2} body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% 0,#fff,#fbf7f2 62%);color:var(--navy)} button,input,textarea{font:inherit}.app-shell{min-height:100vh}.page-wrap{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:30px 0 34px}.top-header{display:grid;grid-template-columns:1.4fr .95fr 80px;align-items:center;gap:24px}.brand-row{display:flex;align-items:center;gap:11px}.brand-name{font-size:50px;font-weight:800;letter-spacing:-2px}.brand-brain{font-size:44px;filter:hue-rotate(245deg)}.brand-block p{margin:8px 0 0;color:#40506a;font-size:18px}.encouragement-card{border:1px solid var(--border);background:rgba(255,255,255,.86);border-radius:20px;box-shadow:var(--shadow);padding:18px;display:flex;gap:14px;align-items:center;cursor:pointer;text-align:left}.encouragement-card>span:nth-child(2){flex:1}.encouragement-card strong{display:block;font-size:16px}.encouragement-card small{display:block;color:var(--muted);margin-top:5px;font-size:14px}.star-wrap{font-size:34px;color:#ffc432}.buddy{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;font-size:38px;background:#f3edff}.welcome-row{margin-top:42px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.welcome-row h1{margin:0;font-size:34px;letter-spacing:-.8px}.welcome-row p{margin:10px 0 0;color:var(--muted);font-size:19px}.what-now{border:1px solid #cfbfff;background:#f7f2ff;color:#4f1cb2;border-radius:16px;padding:15px 21px;font-size:18px;cursor:pointer}.suggestion-banner{margin:18px 0 -4px;border:1px solid #dacdff;background:#f8f4ff;color:#4f1cb2;border-radius:16px;padding:12px 14px;display:flex;gap:10px;align-items:center}.suggestion-banner span:nth-child(2){flex:1}.suggestion-banner button{border:0;background:transparent;font-size:24px;color:inherit;cursor:pointer}.hidden{display:none!important}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.left-column,.right-column{display:flex;flex-direction:column;gap:18px}.card{background:rgba(255,255,255,.92);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.now-card{position:relative;padding:24px 22px 20px}.now-badge{position:absolute;top:18px;left:20px;padding:6px 15px;border-radius:8px;background:linear-gradient(135deg,#7337dc,#5221b8);color:white;font-weight:800;font-size:14px}.now-content{display:grid;grid-template-columns:82px 1fr auto;gap:16px;align-items:center;margin-top:34px}.task-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:30px}.task-icon.purple{background:#eee4ff;color:#6930cb}.task-icon.mint{background:#e6f7ee;color:#278d60}.task-icon.gold{background:#fff4d8;color:#b87c0d}.task-icon.blue{background:#e8f3ff;color:#3479ad}.task-icon.coral{background:#ffefe8;color:#c95e40}.task-icon.rose{background:#ffe8f0;color:#bb5279}.task-icon.peach{background:#fff0e3;color:#c8753f}.task-icon.gray{background:#eff1f3;color:#707985}.now-copy h2{margin:0;font-size:25px;color:#111827}.now-copy p{margin:6px 0 12px;color:var(--muted);font-size:16px}.now-copy strong{color:#5823c5;font-size:17px}.progress-group{display:flex;align-items:center;gap:12px}.minutes{text-align:right;color:#5723c8}.minutes strong,.minutes span{display:block}.minutes span{font-size:12px;margin-top:4px}.progress-ring{--progress:0%;--ring:#6e39d7;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring) var(--progress),#ececed 0);position:relative}.progress-ring:after{content:"";position:absolute;inset:7px;background:white;border-radius:50%}.progress-ring span{position:relative;z-index:1;font-weight:700}.progress-ring.mint{--ring:#45ad78}.progress-ring.gold{--ring:#d69b29}.progress-ring.blue{--ring:#4d91c8}.progress-ring.coral{--ring:#dc7152}.progress-ring.rose{--ring:#d86d96}.progress-ring.peach{--ring:#d88750}.progress-ring.gray{--ring:#818894}.now-actions{display:grid;grid-template-columns:minmax(160px,1.5fr) repeat(3,minmax(90px,1fr));gap:8px;margin-top:18px}.focus-button,.now-action{border-radius:14px;padding:13px 10px;font-weight:800;font-size:13px;display:flex;justify-content:center;align-items:center;gap:7px;cursor:pointer}.focus-button{border:0;background:linear-gradient(90deg,#6030c8,#7226dc);color:white;box-shadow:0 8px 20px rgba(100,43,209,.18)}.now-action{border:1px solid #ddd7e9;background:white;color:#4f5868}.now-action.complete{color:#217a53;background:#f0fbf5;border-color:#cfe9db}.now-action.skip{color:#7a5a23;background:#fffaf0;border-color:#eadcb9}.now-action.move{color:#5b26c6;background:#faf7ff;border-color:#ded0f5}.now-empty{min-height:145px;margin-top:28px;display:flex;align-items:center;gap:16px;color:#6e7684}.now-empty h2{margin:0 0 7px;color:#18202e;font-size:22px}.now-empty p{margin:0 0 7px}.now-empty strong{color:#5b26c6}.section-title{display:flex;align-items:center;gap:9px}.section-title h3{font-size:16px;margin:0}.section-title.split{justify-content:space-between}.section-title.split>span{display:flex;align-items:center;gap:9px}.section-title button{border:0;background:transparent;color:#5b26c6;cursor:pointer}.up-next-card .section-title{padding-bottom:12px;border-bottom:1px solid #ece6df}.up-next-item+.round-icon{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;font-size:21px}.round-icon.purple{background:#eee5ff}.round-icon.mint{background:#e7f7ef}.round-icon.gold{background:#fff5df}.round-icon.blue{background:#e9f4ff}.round-icon.coral{background:#fff0e9}.round-icon.rose{background:#ffeaf2}.round-icon.peach{background:#fff1e5}.round-icon.gray{background:#f0f1f3}.tasks-card{overflow:hidden}.tasks-card>.section-title{padding:20px 20px 12px}.task-row{width:100%;border:0;border-top:1px solid #eee9e4;background:transparent;padding:13px 20px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;text-align:left;cursor:pointer}.task-row:hover{background:#fbf9ff}.checkbox{width:21px;height:21px;border:1.8px solid #9aa3af;border-radius:50%;display:grid;place-items:center;color:white}.task-row.done .checkbox{background:#6930ce;border-color:#6930ce}.task-row.done .task-title{text-decoration:line-through;color:#8a91a0}.task-meta{padding:5px 11px;border-radius:999px;font-size:12px;white-space:nowrap}.task-meta.low{background:#def5e9;color:#208158}.task-meta.medium{background:#fff3d7;color:#c57610}.task-meta.high{background:#ffe1e7;color:#c83954}.task-meta.reminder{color:#f24d3d}.task-meta.neutral{color:#727b8c}.add-task-inline{border:0;border-top:1px solid #eee9e4;background:transparent;width:100%;color:#5b26c6;padding:15px 20px;text-align:left;cursor:pointer}.insight-card{padding:18px}.insight-inner{margin-top:14px;background:#f6fff9;border:1px solid #d8efdf;border-radius:16px;padding:12px;display:grid;grid-template-columns:auto 1fr 145px;gap:12px;align-items:center}.insight-icon{width:44px;height:44px;border-radius:12px;background:#dcf6df;color:#56b94e;display:grid;place-items:center}.insight-copy strong,.insight-copy span{display:block}.insight-copy span{color:#566076;font-size:13px;line-height:1.45}.mini-chart{height:58px;display:flex;align-items:flex-end;justify-content:center;gap:8px;position:relative}.bar{width:7px;border-radius:4px 4px 0 0;background:#29ae65}.b1{height:15px}.b2{height:28px}.b3{height:37px}.b4{height:23px}.b5{height:49px}.mini-chart em{position:absolute;right:0;top:-4px;font-style:normal;background:#28ae63;color:white;padding:4px 8px;border-radius:8px;font-size:12px}.insight-foot{margin:9px 0 0;color:#586379;font-size:12px}.brain-dump-card{padding:21px}.section-title.purple{color:#5b26c6}.brain-input-wrap{margin-top:14px;position:relative}.brain-input-wrap textarea{width:100%;height:112px;resize:none;border:1px solid #d8d5d2;border-radius:17px;padding:20px 62px 20px 22px;color:#172033;background:white;font-size:16px}.mic-button{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:49px;height:49px;border:0;border-radius:50%;background:linear-gradient(145deg,#7b31dc,#5521bd);color:white;cursor:pointer}.quick-types{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.quick-types button{border:1px solid #ece8e3;background:white;border-radius:13px;padding:12px 5px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer}.green{color:#23a66a}.orange{color:#f17931}.blue{color:#3d8ce2}.gold-text{color:#e7a815}.plan-card{padding:20px}.plan-legend{display:flex;flex-wrap:wrap;gap:8px 13px;margin:14px 0;font-size:11px;color:#687184}.plan-legend span{display:flex;align-items:center;gap:5px}.swatch{width:9px;height:9px;border-radius:50%}.swatch.purple{background:#8951dc}.swatch.mint{background:#49b983}.swatch.gold{background:#e3aa36}.swatch.blue{background:#529edc}.swatch.coral{background:#eb7854}.swatch.rose{background:#df7099}.swatch.peach{background:#df8950}.timeline{display:flex;flex-direction:column;gap:8px}.plan-row{display:grid;grid-template-columns:78px 1fr;gap:10px;align-items:center}.time-label{font-size:13px;color:#697386;text-align:right}.plan-block{position:relative;border:0;border-radius:13px;padding:12px 13px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.plan-block:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.plan-block.purple{background:#eee4ff}.plan-block.mint{background:#e8f7ef}.plan-block.gold{background:#fff3d9}.plan-block.blue{background:#e7f2fb}.plan-block.coral{background:#ffede6}.plan-block.rose{background:#ffe8f0}.plan-block.peach{background:#fff0e3}.plan-block.gray{background:#eff0f1}.plan-block.purple:before{background:#8951dc}.plan-block.mint:before{background:#49b983}.plan-block.gold:before{background:#e3aa36}.plan-block.blue:before{background:#529edc}.plan-block.coral:before{background:#eb7854}.plan-block.rose:before{background:#df7099}.plan-block.peach:before{background:#df8950}.plan-block.gray:before{background:#9299a3}.plan-block strong,.plan-block span{display:block}.plan-block strong{color:#172033;font-size:14px}.plan-block span{color:#566076;font-size:12px;margin-top:4px}.plan-actions{font-size:15px!important;margin:0!important}.plan-block.is-current{outline:2px solid rgba(93,43,195,.45);outline-offset:2px}.plan-block.is-complete{opacity:.62;filter:saturate(.7)}.plan-block.is-complete strong{text-decoration:line-through}.plan-block.is-skipped{opacity:.52;filter:saturate(.45)}.live-pill,.status-pill{display:inline-flex!important;margin-left:7px!important;padding:3px 7px!important;border-radius:999px;font-size:9px!important;font-style:normal;letter-spacing:.05em}.live-pill{background:#5f2bc8;color:white!important}.status-pill.complete{background:#daf3e5;color:#217a53!important}.status-pill.skipped{background:#eee9df;color:#796d5f!important}.adjust-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #eee9e4;margin-top:16px;padding-top:14px;color:#4e5666;font-size:13px}.adjust-row button{border:1px solid #cfbfff;background:#faf7ff;color:#5b26c6;border-radius:11px;padding:9px 11px;cursor:pointer}.bottom-nav{background:white;border:1px solid #ede8e2;border-radius:29px;box-shadow:0 12px 30px rgba(37,29,58,.09);padding:8px 22px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.bottom-nav button{border:0;background:transparent;color:#384254;display:flex;flex-direction:column;gap:4px;align-items:center;cursor:pointer}.bottom-nav button span{font-size:24px}.bottom-nav button.active{color:#5b26c6}.bottom-nav .nav-plus{width:58px;height:58px;border-radius:50%;background:#5d29ca;color:white;font-size:34px;justify-self:center;display:grid;place-items:center;transform:translateY(-10px)}footer{text-align:center;color:#5c27c8;margin-top:16px;font-size:14px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#172033;color:white;padding:12px 18px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.18);z-index:80}.modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:rgba(20,16,30,.42);backdrop-filter:blur(3px)}.modal-panel,.focus-panel{position:relative;width:min(610px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 24px 70px rgba(22,15,40,.22);padding:24px}.modal-panel.small{width:min(480px,100%)}.modal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:3px 0 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;color:#6a32ce}.icon-btn{border:0;background:#f3f0f6;width:34px;height:34px;border-radius:50%;font-size:23px;cursor:pointer}.modal-panel label{display:block;font-weight:700;font-size:13px;color:#3c4657;margin-top:14px}.modal-panel input[type=text],.modal-panel input:not([type]) ,.modal-panel input[type=time]{width:100%;margin-top:7px;border:1px solid #dcd7d1;border-radius:12px;padding:12px;color:#172033}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-label{display:block;font-size:13px;font-weight:700;margin:18px 0 8px}.category-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px}.category-option{border:1px solid #e3ded8;background:white;border-radius:13px;padding:10px;text-align:left;cursor:pointer}.category-option.selected{outline:2px solid #7a45da;background:#faf7ff}.category-option strong,.category-option small{display:block}.category-option small{color:#758093;margin-top:3px}.category-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.toggle-row{display:flex!important;align-items:center;gap:9px}.toggle-row input{width:auto!important;margin:0!important}.modal-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;margin-top:22px}.primary-btn,.secondary-btn,.danger-btn{border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer}.primary-btn{border:0;background:#6228ca;color:white}.secondary-btn{border:1px solid #ded8e6;background:white;color:#4c5564}.danger-btn{border:1px solid #f0c6c6;background:#fff4f4;color:#b83d3d}.quick-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-add-grid button{border:1px solid #e3ded8;background:#faf9fb;border-radius:16px;padding:23px 14px;color:#5421b6;font-weight:800;cursor:pointer}.focus-panel{width:min(500px,100%);text-align:center;background:#151126;color:white}.focus-exit{position:absolute;left:20px;top:20px;border:0;background:transparent;color:#c7bfdd;cursor:pointer}.focus-panel .eyebrow{color:#a888ff}.focus-panel h2{margin:42px 0 12px}.focus-ring{width:220px;height:220px;border-radius:50%;border:13px solid #6d3cda;margin:24px auto;display:grid;place-items:center;align-content:center;box-shadow:inset 0 0 0 7px #2a2242}.focus-ring span{font-size:43px;font-weight:800}.focus-ring small{color:#b7accd;margin-top:6px}.focus-panel p{color:#c9c1d6}.focus-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.focus-panel .secondary-btn{background:#262039;border-color:#44395f;color:white}.focus-panel .primary-btn{background:#7343e3}@media(max-width:850px){.top-header{grid-template-columns:1fr auto}.encouragement-card{display:none}.dashboard-grid{grid-template-columns:1fr}.welcome-row{align-items:flex-start;flex-direction:column}.what-now{width:100%;justify-content:center}.right-column{order:-1}.brain-dump-card{order:1}.plan-card{order:2}.now-card{order:1}.tasks-card{order:3}.insight-card{order:4}}@media(max-width:620px){.page-wrap{width:min(100% - 20px,1180px);padding-top:18px}.brand-name{font-size:38px}.brand-brain{font-size:34px}.brand-block p{font-size:15px}.buddy{width:54px;height:54px;font-size:29px}.welcome-row{margin-top:30px}.welcome-row h1{font-size:28px}.now-content{grid-template-columns:62px 1fr}.task-icon{width:56px;height:56px;font-size:23px}.progress-group{grid-column:1/-1;justify-content:flex-end;margin-top:-5px}.now-actions{grid-template-columns:1fr 1fr}.focus-button{grid-column:1/-1}.quick-types{grid-template-columns:repeat(2,1fr)}.plan-row{grid-template-columns:58px 1fr}.time-label{font-size:11px}.plan-legend{display:none}.insight-inner{grid-template-columns:auto 1fr}.mini-chart{display:none}.bottom-nav{padding:8px 5px}.bottom-nav small{font-size:10px}.category-picker{grid-template-columns:1fr}.modal-panel{padding:20px}.time-grid{grid-template-columns:1fr}.modal-actions{grid-template-columns:1fr 1fr}.modal-actions>span{display:none}.modal-actions .danger-btn{grid-column:1/-1}.focus-ring{width:190px;height:190px}}

.modal-subcopy{margin:7px 0 0;color:#6b7483;line-height:1.45;font-size:14px;max-width:560px}
.adjust-panel{width:min(720px,100%)}
.adjust-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 17px}
.adjust-summary>div{border:1px solid #e8e2ee;background:#faf8fd;border-radius:14px;padding:13px 14px}
.adjust-summary strong,.adjust-summary span{display:block}
.adjust-summary strong{font-size:24px;color:#5724c5}
.adjust-summary span{margin-top:3px;color:#6c7483;font-size:12px}
.adjust-preview-list{display:flex;flex-direction:column;gap:9px}
.adjust-preview-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;border:1px solid #e9e4df;background:#fff;border-radius:15px;padding:12px}
.adjust-preview-item.fixed{background:#f8fbff;border-color:#dbe8f3}
.adjust-preview-item.manual{background:#fffaf2;border-color:#eadfca}
.adjust-preview-copy{min-width:0}
.adjust-preview-head{display:flex;gap:10px;align-items:center;justify-content:space-between}
.adjust-preview-head strong{color:#172033}
.adjust-preview-head em{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 7px;background:#eee7ff;color:#5c28c8;white-space:nowrap}
.adjust-preview-item.fixed .adjust-preview-head em{background:#e5f1fb;color:#3d729a}
.adjust-preview-item.manual .adjust-preview-head em{background:#fff0d9;color:#9a671f}
.adjust-preview-copy>span,.adjust-preview-copy>small{display:block;color:#6e7787;margin-top:4px;font-size:12px;line-height:1.4}
.time-change{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:13px;flex-wrap:wrap}
.time-change del{color:#9a6970}
.time-change b{color:#8b8293}
.time-change ins{text-decoration:none;font-weight:800;color:#5724c5}
.adjust-note{margin-top:16px;border-radius:14px;background:#f4fbf7;border:1px solid #d9eee1;padding:12px 14px}
.adjust-note strong,.adjust-note span{display:block}
.adjust-note strong{color:#256f50;font-size:13px}
.adjust-note span{color:#66746d;font-size:12px;margin-top:4px}
.adjust-actions{margin-top:18px}
.primary-btn:disabled{opacity:.45;cursor:not-allowed}
.adjust-empty{min-height:100px;border:1px dashed #ded8e7;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:12px;color:#667085;padding:16px;text-align:left}
.adjust-empty strong,.adjust-empty span{display:block}
.adjust-empty strong{color:#263247}
.adjust-empty span{font-size:12px;margin-top:4px}
.adjust-check{width:38px;height:38px;border-radius:50%;background:#e4f7eb;color:#26815a;display:grid!important;place-items:center;font-weight:900;font-size:18px}
@media(max-width:620px){
  .adjust-summary{grid-template-columns:1fr}
  .adjust-preview-head{align-items:flex-start}
  .time-change{gap:5px}
}

/* Task scheduling */
.task-row{grid-template-columns:28px minmax(0,1fr) auto}
.task-check{border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer}
.task-side{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.schedule-task-btn{border:1px solid #ded4ef;background:#faf7ff;color:#5b26c6;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}
.schedule-task-btn.scheduled{background:#ede6ff;border-color:#cfbdf1}
.status-pill.linked{background:#e9e3ff;color:#5b27c5!important;text-decoration:none!important}
.modal-panel select{width:100%;margin-top:7px;border:1px solid #dcd7d1;border-radius:12px;padding:12px;color:#172033;background:white}
@media(max-width:620px){
  .task-row{grid-template-columns:25px minmax(0,1fr);gap:10px}
  .task-side{grid-column:2;justify-content:flex-start;flex-wrap:wrap}
  .task-meta{padding-left:0}
}

/* Smart Brain Dump */
.smart-capture-btn{width:100%;margin-top:14px;border:1px solid #d7c9f6;background:linear-gradient(90deg,#faf7ff,#f4efff);color:#5520bd;border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;text-align:left}
.smart-capture-btn>span:first-child{font-size:20px}
.smart-capture-btn strong,.smart-capture-btn small{display:block}
.smart-capture-btn strong{font-size:14px}
.smart-capture-btn small{margin-top:2px;color:#75648f;font-size:11px;font-weight:500}
.brain-receipt{margin-top:10px;border:1px solid #ddd3f3;background:#fbf8ff;border-radius:14px;padding:10px 11px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.brain-receipt-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}
.brain-receipt-icon.purple{background:#eee5ff}.brain-receipt-icon.mint{background:#e7f7ef}.brain-receipt-icon.gold{background:#fff5df}.brain-receipt-icon.blue{background:#e9f4ff}.brain-receipt-icon.coral{background:#fff0e9}.brain-receipt-icon.rose{background:#ffeaf2}.brain-receipt-icon.peach{background:#fff1e5}
.brain-receipt strong,.brain-receipt span{display:block}
.brain-receipt strong{font-size:12px;color:#273044}
.brain-receipt span{font-size:11px;color:#6e7480;margin-top:3px}
.brain-receipt-check{width:23px;height:23px;border-radius:50%;background:#def4e7;color:#247a53;display:grid!important;place-items:center;font-weight:900;margin-top:0!important}

/* Date-aware scheduling */
.time-grid.three{grid-template-columns:1.1fr 1fr 1fr}
.task-meta.date{background:#eaf2ff;color:#3f6f9f}
@media(max-width:620px){
  .time-grid.three{grid-template-columns:1fr}
}

/* Overwhelm Organizer */
.brain-input-wrap textarea{height:154px;line-height:1.5}
.organizer-panel{width:min(820px,100%)}
.organizer-summary{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 16px}
.organizer-summary span{background:#f4f0fb;color:#5c4d74;border:1px solid #e3dced;border-radius:999px;padding:7px 11px;font-size:12px}
.organizer-summary b{color:#5724c5;font-size:14px}
.organizer-list{display:flex;flex-direction:column;gap:9px;max-height:52vh;overflow:auto;padding-right:3px}
.organizer-item{display:grid;grid-template-columns:auto minmax(0,1fr) 150px auto;align-items:center;gap:10px;border:1px solid #e9e4df;border-radius:15px;padding:11px;background:#fff}
.organizer-type-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-weight:900}
.organizer-type-icon.task{background:#e9f7ef;color:#247853}
.organizer-type-icon.appointment{background:#eaf3ff;color:#3b739e}
.organizer-type-icon.note{background:#f2ecff;color:#6330c7}
.organizer-main{min-width:0}
.organizer-title-input{width:100%;border:0;background:transparent;padding:0;color:#172033;font-weight:800;outline:none}
.organizer-main>span{display:block;color:#727b8b;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.organizer-type-select{border:1px solid #ded8e5;background:#faf9fb;border-radius:10px;padding:8px;color:#4e5665;font-size:12px}
.organizer-remove{border:0;background:#f3f0f2;color:#7b7480;width:29px;height:29px;border-radius:50%;cursor:pointer;font-size:18px}
.organizer-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #eee9e4;padding-top:15px;margin-top:16px}
.organizer-foot>span{font-size:12px;color:#707989}
.organizer-foot>div{display:flex;gap:8px;flex:0 0 auto}
.notes-panel{width:min(650px,100%)}
.notes-list{display:flex;flex-direction:column;gap:9px;max-height:60vh;overflow:auto}
.note-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:1px solid #e8e2ed;background:#fbf9fe;border-radius:14px;padding:13px}
.note-item strong,.note-item span{display:block}
.note-item strong{color:#273044;font-size:14px;line-height:1.45}
.note-item span{color:#7b8290;font-size:11px;margin-top:6px}
.note-item button{border:0;background:transparent;color:#8e8593;font-size:20px;cursor:pointer}
.notes-empty{min-height:150px;border:1px dashed #ddd6e6;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:12px;color:#716b79;padding:20px}
.notes-empty>span{font-size:28px;color:#6931cf}
.notes-empty strong{display:block;color:#30394a}
.notes-empty p{margin:5px 0 0;font-size:12px;line-height:1.45}
@media(max-width:620px){
  .organizer-item{grid-template-columns:auto minmax(0,1fr) auto}
  .organizer-type-select{grid-column:2/4;width:100%}
  .organizer-foot{align-items:stretch;flex-direction:column}
  .organizer-foot>div{display:grid;grid-template-columns:1fr 1fr}
}

/* AI categorizer v2 */
.smart-capture-btn:disabled{cursor:wait;opacity:.82}
.smart-capture-btn.loading{background:linear-gradient(90deg,#f7f1ff,#eee5ff)}
.thinking-dot{animation:adhbrainPulse 1s ease-in-out infinite}
@keyframes adhbrainPulse{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.18);opacity:1}}
.organizer-mode-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.organizer-mode-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#eee5ff;color:#5c26c6;font-size:11px;font-weight:800}
.organizer-mode-pill.local{background:#f0f1f3;color:#666f7d}
.organizer-mode-note{font-size:11px;color:#777f8d}
.organizer-label-row{display:grid;grid-template-columns:minmax(0,1fr) 135px 175px 30px;gap:9px;padding:0 11px 6px 60px;color:#8a8190;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.organizer-item.categorized{grid-template-columns:auto minmax(0,1fr) 135px 175px auto}
.organizer-category-select{border:1px solid #ded8e5;border-radius:10px;padding:8px;color:#3f4653;font-size:11px;font-weight:700;background:white}
.organizer-category-select.category-purple{background:#f5f0ff;border-color:#ddd0f4;color:#5e2abb}
.organizer-category-select.category-mint{background:#effaf4;border-color:#d6ecdf;color:#31785a}
.organizer-category-select.category-gold{background:#fff8e7;border-color:#efe0b7;color:#926917}
.organizer-category-select.category-blue{background:#f0f7ff;border-color:#d6e5f2;color:#39719c}
.organizer-category-select.category-coral{background:#fff3ee;border-color:#f1dcd4;color:#a85841}
.organizer-category-select.category-rose{background:#fff1f6;border-color:#efd8e1;color:#a34d70}
.organizer-category-select.category-peach{background:#fff5ec;border-color:#efdfd2;color:#a56538}
.organizer-reason{display:block;color:#84788e;font-size:10px;line-height:1.35;margin-top:5px}
@media(max-width:720px){
  .organizer-label-row{display:none}
  .organizer-item.categorized{grid-template-columns:auto minmax(0,1fr) auto}
  .organizer-type-select,.organizer-category-select{grid-column:2/4;width:100%}
}

/* Smarter What Should I Do Now */
.what-now-panel{width:min(720px,100%)}
.energy-check{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e8e2ee;background:#faf8fd;border-radius:15px;padding:12px 14px;margin-bottom:14px}
.energy-check>span{font-size:12px;font-weight:800;color:#4c5566}
.energy-options{display:flex;gap:7px}
.energy-options button{border:1px solid #ddd6e7;background:white;color:#606979;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;cursor:pointer}
.energy-options button.selected{background:#5f2ac7;color:white;border-color:#5f2ac7}
.what-now-primary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #dcd0f2;background:linear-gradient(135deg,#fbf9ff,#f5f0ff);border-radius:18px;padding:17px}
.what-now-choice-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:23px;font-weight:900}
.what-now-choice-icon.purple{background:#e9ddff;color:#5f27c2}.what-now-choice-icon.mint{background:#e1f6ea;color:#287b57}.what-now-choice-icon.rose{background:#ffe2ec;color:#a64068}.what-now-choice-icon.blue{background:#e4f1ff;color:#3c729b}.what-now-choice-icon.gold{background:#fff1c9;color:#9c711c}.what-now-choice-icon.coral{background:#ffebe3;color:#a8523b}.what-now-choice-icon.peach{background:#fff0e2;color:#a36538}.what-now-choice-icon.gray{background:#eff1f3;color:#68717d}
.what-now-choice-copy{min-width:0}
.what-now-pick-label{display:block;font-size:9px;font-weight:900;letter-spacing:.1em;color:#6b33cd;margin-bottom:4px}
.what-now-choice-copy h3{margin:0;color:#172033;font-size:20px}
.what-now-choice-copy p{margin:5px 0;color:#5e6879;font-size:12px}
.what-now-choice-copy small{display:block;color:#7c7488;line-height:1.45;font-size:11px}
.what-now-start{white-space:nowrap}
.what-now-alternatives{margin-top:16px}
.what-now-section-label{font-size:10px;font-weight:900;letter-spacing:.08em;color:#88808f;margin-bottom:7px}
.what-now-alt{width:100%;border:1px solid #e8e3de;background:white;border-radius:14px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}
.what-now-alt+.what-now-alt{margin-top:7px}
.what-now-alt>span:nth-child(2) strong,.what-now-alt>span:nth-child(2) small{display:block}
.what-now-alt strong{color:#263044;font-size:13px}
.what-now-alt small{color:#7a8290;margin-top:3px;font-size:10px}
.what-now-alt b{color:#8f8794}
.what-now-explain{display:flex;align-items:flex-start;gap:8px;margin-top:14px;border-top:1px solid #ede8e2;padding-top:12px;color:#746d7d}
.what-now-explain span{color:#6530ca}
.what-now-explain p{margin:0;font-size:11px;line-height:1.45}
@media(max-width:620px){
  .energy-check{align-items:flex-start;flex-direction:column}
  .energy-options{width:100%}
  .energy-options button{flex:1}
  .what-now-primary{grid-template-columns:auto 1fr}
  .what-now-start{grid-column:1/-1;width:100%}
}

/* Weekly / multi-day planner */
.week-modal{padding:0}
.week-shell{position:relative;width:min(1480px,100%);height:min(94vh,980px);background:#fbf8f4;border-radius:26px;box-shadow:0 30px 90px rgba(25,18,42,.24);padding:24px;display:flex;flex-direction:column;overflow:hidden}
.week-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.week-header h2{margin:4px 0 5px;font-size:25px}
.week-header p{margin:0;color:#6c7482;font-size:13px}
.week-header-actions{display:flex;align-items:center;gap:7px}
.week-header-actions .secondary-btn:first-child,.week-header-actions .secondary-btn:nth-child(3){width:39px;padding-left:0;padding-right:0;font-size:20px}
.week-summary{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:9px;margin-top:16px}
.week-summary>div{border:1px solid #e7e1db;background:white;border-radius:14px;padding:10px 12px}
.week-summary strong,.week-summary span{display:block}
.week-summary strong{font-size:17px;color:#39265f}
.week-summary span{font-size:10px;color:#7e8490;margin-top:2px}
.week-grid{display:grid;grid-template-columns:repeat(7,minmax(170px,1fr));gap:10px;overflow:auto;margin-top:16px;padding-bottom:8px;flex:1;align-items:start}
.week-day-card{min-height:430px;border:1px solid #e8e2dc;background:rgba(255,255,255,.92);border-radius:18px;padding:12px;display:flex;flex-direction:column}
.week-day-card.today{border-color:#cdb9f2;box-shadow:0 0 0 2px rgba(102,45,202,.08)}
.week-day-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid #eee8e2}
.week-day-head>div{display:flex;align-items:baseline;gap:6px}
.week-day-name{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#7c8492;font-weight:900}
.week-day-head strong{font-size:13px;color:#253046}
.week-load{font-size:9px;font-weight:900;border-radius:999px;padding:4px 7px}
.week-load.open{background:#f0f1f2;color:#6b7480}
.week-load.light{background:#eaf7ef;color:#34795b}
.week-load.balanced{background:#fff3d8;color:#996d17}
.week-load.full{background:#ffe8ec;color:#a24c60}
.week-day-items{display:flex;flex-direction:column;gap:7px;padding:10px 0;flex:1}
.week-block{width:100%;border:0;border-radius:12px;padding:9px;text-align:left;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:start;cursor:pointer}
.week-block.purple{background:#efe7ff}.week-block.mint{background:#e8f7ef}.week-block.gold{background:#fff4dc}.week-block.blue{background:#e9f4ff}.week-block.coral{background:#ffefe8}.week-block.rose{background:#ffeaf2}.week-block.peach{background:#fff1e5}.week-block.gray{background:#f0f1f3}
.week-block.done{opacity:.58}.week-block.done strong{text-decoration:line-through}
.week-block.skipped{opacity:.43}
.week-block-time{font-size:10px;font-weight:900;color:#536074;padding-top:2px;white-space:nowrap}
.week-block-copy{min-width:0}
.week-block-copy strong,.week-block-copy small{display:block}
.week-block-copy strong{font-size:11px;color:#263044;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.week-block-copy small{font-size:9px;color:#727b89;margin-top:3px;line-height:1.3}
.week-reminder{font-size:10px}
.week-empty{min-height:70px;border:1px dashed #e0dad4;border-radius:12px;display:grid;place-items:center;color:#959aa3;font-size:10px}
.week-due-wrap{border-top:1px dashed #ded8d2;padding-top:8px;margin-top:3px}
.week-mini-label{display:block;font-size:8px;letter-spacing:.08em;font-weight:900;color:#9b7d40;margin-bottom:5px}
.week-due-task{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:start;background:#fffaf0;border:1px solid #eadfc8;border-radius:10px;padding:8px;margin-top:5px}
.week-due-task>span{color:#b78328;font-size:11px}
.week-due-task strong,.week-due-task small{display:block}
.week-due-task strong{font-size:10px;color:#3c414c}
.week-due-task small{font-size:9px;color:#88806f;margin-top:2px}
.week-due-task button{grid-column:2;border:0;background:transparent;color:#6a31c8;padding:0;font-size:9px;font-weight:900;text-align:left;cursor:pointer}
.week-add-day{border:1px dashed #d8cfde;background:#fbf9fd;color:#6630c6;border-radius:11px;padding:8px;font-size:10px;font-weight:800;cursor:pointer}
.week-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e9e2dc;padding-top:12px;margin-top:6px}
.week-footer>span{font-size:11px;color:#706878}
@media(max-width:1050px){
  .week-grid{grid-template-columns:repeat(7,minmax(190px,1fr))}
}
@media(max-width:700px){
  .week-shell{height:100vh;border-radius:0;padding:16px}
  .week-header{align-items:flex-start;flex-direction:column}
  .week-header-actions{width:100%}
  .week-header-actions .secondary-btn:nth-child(2){flex:1}
  .week-summary{grid-template-columns:repeat(3,1fr);width:100%}
  .week-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .week-day-card{min-width:84vw;scroll-snap-align:center;min-height:440px}
  .week-footer{align-items:stretch;flex-direction:column}
  .week-footer .primary-btn{width:100%}
}

/* Smart Week Planning */
.week-footer-actions{display:flex;gap:8px;align-items:center}
.smart-week-btn{color:#5d28c3;background:#faf7ff;border-color:#d8c9ee}
.smart-week-panel{width:min(920px,100%)}
.smart-week-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}
.smart-week-summary>div{border:1px solid #e8e2ed;background:#faf8fd;border-radius:13px;padding:10px 12px}
.smart-week-summary strong,.smart-week-summary span{display:block}
.smart-week-summary strong{font-size:20px;color:#5724c5}
.smart-week-summary span{font-size:10px;color:#7b8290;margin-top:2px}
.smart-week-list{display:flex;flex-direction:column;gap:9px;max-height:52vh;overflow:auto;padding-right:3px}
.smart-week-item{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(300px,1.2fr);gap:12px;align-items:center;border:1px solid #e8e2dc;background:white;border-radius:15px;padding:12px}
.smart-week-item.selected{border-color:#d3c2ee;background:#fcfaff}
.smart-week-item.no-fit{grid-template-columns:auto minmax(0,1fr) auto;background:#fffaf2;border-color:#eadfc8}
.smart-week-check-wrap{display:block;cursor:pointer}
.smart-week-check-wrap input{position:absolute;opacity:0;pointer-events:none}
.smart-week-check{width:31px;height:31px;border:1px solid #d5ccdf;border-radius:10px;background:#f7f4fa;color:#9b91a5;display:grid;place-items:center;font-weight:900}
.smart-week-check-wrap input:checked+.smart-week-check{background:#642bc9;color:white;border-color:#642bc9}
.smart-week-check.disabled{background:#fff1dd;color:#a86f25;border-color:#ead6b7}
.smart-week-copy{min-width:0}
.smart-week-copy strong,.smart-week-copy span,.smart-week-copy small{display:block}
.smart-week-copy strong{font-size:13px;color:#273044}
.smart-week-copy span{font-size:10px;color:#747d8b;margin-top:3px}
.smart-week-copy small{font-size:10px;color:#6d5a80;margin-top:6px;line-height:1.35}
.smart-week-fields{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px}
.smart-week-fields label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#8a8290;font-weight:900}
.smart-week-fields input{width:100%;margin-top:4px;border:1px solid #ddd6e4;border-radius:9px;padding:7px;background:white;color:#3e4654;font-size:11px}
.smart-week-no-fit-label{font-size:10px;color:#9b6e2d;font-weight:800;white-space:nowrap}
.smart-week-note{display:flex;gap:9px;align-items:flex-start;border-top:1px solid #eee8e2;margin-top:14px;padding-top:12px;color:#756c7e}
.smart-week-note>span{color:#6630c6}
.smart-week-note p{margin:0;font-size:11px;line-height:1.45}
.smart-week-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.smart-week-empty{min-height:130px;border:1px dashed #ddd6e5;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:12px;color:#747b87;padding:18px}
.smart-week-empty>span{width:38px;height:38px;border-radius:50%;background:#e3f5ea;color:#287b58;display:grid;place-items:center;font-weight:900}
.smart-week-empty strong{display:block;color:#30394a}
.smart-week-empty p{margin:4px 0 0;font-size:11px}
@media(max-width:760px){
  .week-footer-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .smart-week-item,.smart-week-item.no-fit{grid-template-columns:auto minmax(0,1fr)}
  .smart-week-fields{grid-column:2;grid-template-columns:1fr 1fr}
  .smart-week-fields label:first-child{grid-column:1/-1}
  .smart-week-no-fit-label{grid-column:2}
  .smart-week-actions{display:grid;grid-template-columns:1fr 1fr}
}

/* Calm week: deliberately one day at a time */
.calm-week-shell{position:relative;width:min(760px,calc(100% - 24px));max-height:92vh;overflow:auto;background:#fbf8f4;border-radius:26px;box-shadow:0 30px 90px rgba(25,18,42,.24);padding:22px}
.calm-week-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.calm-week-header h2{margin:4px 0 5px;font-size:24px}
.calm-week-header p{margin:0;color:#727986;font-size:12px}
.calm-week-nav{display:flex;gap:6px;align-items:center}
.calm-week-nav .secondary-btn:first-child,.calm-week-nav .secondary-btn:nth-child(3){width:37px;padding-left:0;padding-right:0;font-size:18px}
.calm-day-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:18px 0}
.calm-day-chip{position:relative;border:1px solid #e5dfd8;background:white;border-radius:14px;padding:9px 5px;color:#667080;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}
.calm-day-chip span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.calm-day-chip strong{font-size:15px;color:#334056}
.calm-day-chip i{position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:#7b46d2}
.calm-day-chip.today{border-color:#d7c7ee}
.calm-day-chip.selected{background:#5f2ac7;border-color:#5f2ac7;color:#e9ddff}
.calm-day-chip.selected strong{color:white}
.calm-day-chip.selected i{background:white}
.calm-day-card{border:1px solid #e7e1da;background:white;border-radius:20px;padding:16px}
.calm-day-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #eee8e2}
.calm-day-title span{display:block;font-size:9px;letter-spacing:.08em;font-weight:900;color:#7f6f90}
.calm-day-title h3{margin:3px 0 0;font-size:19px;color:#233047}
.calm-day-list{padding:12px 0}
.calm-section-label{font-size:9px;letter-spacing:.08em;font-weight:900;color:#8c8490;margin:4px 0 7px}
.calm-section-label.due-label{margin-top:14px;color:#9b762e}
.calm-plan-row{width:100%;border:0;border-radius:13px;padding:11px 12px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;cursor:pointer;margin-top:7px}
.calm-plan-row.purple{background:#efe7ff}.calm-plan-row.mint{background:#e8f7ef}.calm-plan-row.gold{background:#fff4dc}.calm-plan-row.blue{background:#e9f4ff}.calm-plan-row.coral{background:#ffefe8}.calm-plan-row.rose{background:#ffeaf2}.calm-plan-row.peach{background:#fff1e5}.calm-plan-row.gray{background:#f0f1f3}
.calm-plan-row.done{opacity:.55}.calm-plan-row.done strong{text-decoration:line-through}.calm-plan-row.skipped{opacity:.42}
.calm-plan-time{font-size:11px;font-weight:900;color:#596477}
.calm-plan-main strong,.calm-plan-main small{display:block}
.calm-plan-main strong{font-size:13px;color:#253046}
.calm-plan-main small{font-size:10px;color:#737c89;margin-top:3px}
.calm-plan-more{color:#837b8a}
.calm-due-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #eadfc8;background:#fffaf1;border-radius:12px;padding:10px;margin-top:6px}
.calm-due-dot{color:#b7852e;font-size:18px;line-height:1}
.calm-due-row strong,.calm-due-row small{display:block}
.calm-due-row strong{font-size:12px;color:#343d4f}
.calm-due-row small{font-size:9px;color:#8b8376;margin-top:3px}
.calm-due-row button{border:0;background:transparent;color:#6530c7;font-size:10px;font-weight:900;cursor:pointer}
.calm-empty-day{min-height:150px;display:flex;align-items:center;justify-content:center;gap:12px;color:#7b8390;text-align:left}
.calm-empty-day>span{font-size:30px}
.calm-empty-day strong,.calm-empty-day small{display:block}
.calm-empty-day strong{color:#3e4858}
.calm-empty-day small{margin-top:3px;font-size:11px}
.calm-help-card{border-top:1px solid #eee8e2;margin-top:4px;padding-top:14px}
.calm-help-top{display:flex;align-items:center;gap:9px}
.calm-help-spark{width:31px;height:31px;border-radius:50%;background:#eee5ff;color:#612bc6;display:grid;place-items:center}
.calm-help-top strong,.calm-help-top small{display:block}
.calm-help-top strong{font-size:12px;color:#354055}
.calm-help-top small{font-size:10px;color:#7b8290;margin-top:2px}
.calm-help-button{width:100%;margin-top:10px;border:1px solid #d8caee;background:#faf7ff;color:#5d29c5;border-radius:12px;padding:10px;font-weight:800;font-size:11px;cursor:pointer}
.calm-help-result{margin-top:10px;border:1px solid #e2d8ef;background:#fcfaff;border-radius:14px;padding:11px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}
.calm-suggestion-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900}
.calm-suggestion-icon.purple{background:#eee5ff;color:#5e29c1}.calm-suggestion-icon.mint{background:#e4f6eb;color:#2f7b59}.calm-suggestion-icon.gold{background:#fff1cf;color:#946d1f}.calm-suggestion-icon.blue{background:#e8f3ff;color:#3c729c}.calm-suggestion-icon.coral{background:#ffebe4;color:#a65741}.calm-suggestion-icon.rose{background:#ffe6ef;color:#a24e70}.calm-suggestion-icon.peach{background:#fff0e3;color:#9d6238}
.calm-suggestion-copy strong,.calm-suggestion-copy span,.calm-suggestion-copy small{display:block}
.calm-suggestion-copy strong{font-size:12px;color:#2e384a}
.calm-suggestion-copy span{font-size:10px;color:#5f6877;margin-top:3px}
.calm-suggestion-copy small{font-size:10px;color:#796d84;margin-top:4px;line-height:1.35}
.calm-suggestion-actions{display:flex;gap:6px}
.calm-suggestion-actions button{padding:8px 10px;font-size:10px}
.calm-no-suggestion{display:flex;align-items:center;gap:9px}
.calm-no-suggestion>span{width:32px;height:32px;border-radius:50%;background:#e4f6eb;color:#2f7b59;display:grid;place-items:center;font-weight:900}
.calm-no-suggestion strong,.calm-no-suggestion small{display:block}
.calm-no-suggestion strong{font-size:12px;color:#344053}
.calm-no-suggestion small{font-size:10px;color:#7b8290;margin-top:2px}
@media(max-width:620px){
  .calm-week-shell{width:100%;height:100vh;max-height:none;border-radius:0;padding:14px}
  .calm-week-header{flex-direction:column}
  .calm-week-nav{width:100%}
  .calm-week-nav .secondary-btn:nth-child(2){flex:1}
  .calm-day-strip{gap:4px}
  .calm-day-chip{padding:8px 2px}
  .calm-plan-row{grid-template-columns:58px minmax(0,1fr) auto}
  .calm-help-result{grid-template-columns:auto 1fr}
  .calm-suggestion-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
}

/* ADHD-first Top 3 tasks */
.task-title-head{align-items:flex-start}
.task-title-head>div h3{margin:0}
.task-title-head>div small{display:block;margin-top:3px;color:#858b96;font-size:10px;font-weight:500;text-transform:none;letter-spacing:0}
.task-title-wrap{min-width:0}
.task-title-wrap .task-title{display:block}
.task-why{display:block;color:#78658d;font-size:10px;margin-top:4px}
.task-card-actions{display:grid;grid-template-columns:1fr auto;border-top:1px solid #eee9e4}
.task-card-actions .add-task-inline{border-top:0}
.see-all-tasks{border:0;background:transparent;color:#706d78;padding:15px 20px;cursor:pointer;font-size:11px;font-weight:800;white-space:nowrap}
.see-all-tasks:hover{color:#5b26c6;background:#fbf9ff}
.top-three-empty{min-height:104px;display:flex;align-items:center;justify-content:center;gap:11px;padding:20px;color:#7b8390}
.top-three-empty>span{width:38px;height:38px;border-radius:50%;background:#e7f6ec;color:#2e7c59;display:grid;place-items:center;font-weight:900}
.top-three-empty strong,.top-three-empty small{display:block}
.top-three-empty strong{font-size:13px;color:#394354}
.top-three-empty small{font-size:10px;margin-top:3px;line-height:1.4}
.all-tasks-panel{width:min(760px,100%)}
.all-tasks-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.all-tasks-summary>div{border:1px solid #e8e3de;background:#faf9fb;border-radius:13px;padding:10px 12px}
.all-tasks-summary strong,.all-tasks-summary span{display:block}
.all-tasks-summary strong{font-size:17px;color:#4f2b84}
.all-tasks-summary span{font-size:9px;color:#808792;margin-top:2px}
.all-tasks-list{max-height:52vh;overflow:auto;border:1px solid #eee8e2;border-radius:15px}
.all-task-group+.all-task-group{border-top:8px solid #f7f4f1}
.all-task-group-title{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;background:#faf8f6;border-bottom:1px solid #eee8e2}
.all-task-group-title span{font-size:9px;font-weight:900;letter-spacing:.07em;color:#77707c;text-transform:uppercase}
.all-task-group-title b{font-size:10px;color:#8d8492}
.all-tasks-list .task-row{padding:11px 13px}
.all-tasks-list .task-row:first-child{border-top:0}
.all-tasks-list .task-row.compact .task-meta{font-size:10px;padding:4px 8px}
.all-tasks-list .task-row.compact .schedule-task-btn{font-size:10px;padding:4px 8px}
.all-tasks-add{width:100%;margin-top:12px}
.all-tasks-empty{padding:38px;text-align:center;color:#838a95}
@media(max-width:620px){
  .task-card-actions{grid-template-columns:1fr}
  .see-all-tasks{border-top:1px solid #eee9e4;text-align:left}
  .all-tasks-summary{grid-template-columns:repeat(3,1fr)}
  .all-tasks-list .task-row{grid-template-columns:25px minmax(0,1fr)}
  .all-tasks-list .task-side{grid-column:2;justify-content:flex-start;flex-wrap:wrap}
}

/* Brain Dump manual shortcuts */
.quick-types-help{margin:8px 2px 0;text-align:center;color:#8a8291;font-size:10px;line-height:1.4}
.quick-types button{transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.quick-types button:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(42,30,58,.07);border-color:#d8cee5}
.quick-types button:active{transform:translateY(0)}

/* Brain Dump manual add buttons */
.manual-type-panel textarea{width:100%;min-height:150px;margin-top:7px;border:1px solid #dcd7d1;border-radius:12px;padding:12px;color:#172033;background:white;resize:vertical;font:inherit;line-height:1.45}
.manual-type-fields label:first-child{margin-top:0}
.manual-type-actions{margin-top:20px}
.quick-types button{cursor:pointer}

/* Progressive disclosure for manual entry */
.manual-details-toggle{width:100%;margin-top:12px;border:1px dashed #d8d0df;background:#fbf9fd;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5f2ac7;cursor:pointer;text-align:left}
.manual-details-toggle span{font-size:11px;font-weight:900}
.manual-details-toggle small{font-size:9px;color:#91899a;font-weight:600}
.manual-extra-fields{margin-top:2px;padding-top:2px}
.manual-extra-fields label{animation:manualDetailsIn .14s ease}
@keyframes manualDetailsIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
.manual-type-panel .modal-subcopy{max-width:360px}

/* Task importance + energy */
.task-choice-group{margin-top:14px}
.task-choice-label{display:block;font-size:11px;font-weight:800;color:#4a5363;margin-bottom:7px}
.task-choice-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.task-choice-chips button{border:1px solid #ddd6e4;background:#fff;color:#69717f;border-radius:11px;padding:9px 8px;font-size:10px;font-weight:800;cursor:pointer;line-height:1.2}
.task-choice-chips button:hover{border-color:#cab9e7;background:#fbf8ff}
.task-choice-chips button.selected{border-color:#6a32ce;background:#efe7ff;color:#5724bf;box-shadow:0 0 0 1px rgba(106,50,206,.08)}
.task-choice-chips.energy button[data-manual-energy="low"].selected,
.task-choice-chips.energy button[data-task-energy="low"].selected{background:#e8f7ef;border-color:#bfe4d0;color:#287b57}
.task-choice-chips.energy button[data-manual-energy="medium"].selected,
.task-choice-chips.energy button[data-task-energy="medium"].selected{background:#fff4dc;border-color:#ead59c;color:#916817}
.task-choice-chips.energy button[data-manual-energy="high"].selected,
.task-choice-chips.energy button[data-task-energy="high"].selected{background:#ffe8ed;border-color:#e8b9c4;color:#a4465d}
.task-modal-choice{margin-top:14px}
.task-meta.importance.high{background:#ffe3e9;color:#b43853}
.task-meta.importance.medium{background:#fff2d5;color:#a16c12}
.task-meta.importance.low{background:#e7f6ee;color:#287957}
.task-meta.energy-level.low{background:#e9f6ef;color:#36795d}
.task-meta.energy-level.medium{background:#f1edff;color:#6550a1}
.task-meta.energy-level.high{background:#ece4ff;color:#5b2db5}
.task-side{flex-wrap:wrap}
@media(max-width:620px){
  .task-choice-chips{grid-template-columns:1fr}
  .task-choice-chips button{text-align:left}
}

/* Overall current energy */
.overall-energy-card{margin:14px 0 18px;border:1px solid #e6dfeb;background:rgba(255,255,255,.86);border-radius:17px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 5px 18px rgba(44,34,57,.035)}
.overall-energy-copy{display:flex;align-items:center;gap:9px;min-width:0}
.overall-energy-icon{width:34px;height:34px;border-radius:11px;background:#f0e8ff;color:#6530c8;display:grid;place-items:center;font-size:15px}
.overall-energy-copy strong,.overall-energy-copy small{display:block}
.overall-energy-copy strong{font-size:12px;color:#323c4e}
.overall-energy-copy small{font-size:9px;color:#848b96;margin-top:2px}
.overall-energy-choices{display:flex;gap:6px;flex-shrink:0}
.overall-energy-choices button{border:1px solid #ded7e5;background:#fff;color:#707887;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:900;cursor:pointer}
.overall-energy-choices button[data-overall-energy="low"].selected{background:#e7f6ed;border-color:#bde1cc;color:#287956}
.overall-energy-choices button[data-overall-energy="medium"].selected{background:#fff3da;border-color:#e8d39e;color:#94691b}
.overall-energy-choices button[data-overall-energy="high"].selected{background:#eee5ff;border-color:#cfbbee;color:#5a2bb3}
#topThreeStatus{transition:opacity .15s ease}
@media(max-width:700px){
  .overall-energy-card{align-items:flex-start;flex-direction:column}
  .overall-energy-choices{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .overall-energy-choices button{width:100%}
}

/* Notes Hub — ADHD-first, capture before organization */
.notes-hub-panel{width:min(900px,100%);max-height:92vh}
.notes-hub-head{margin-bottom:14px}
.notes-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:8px;align-items:center}
.notes-search{margin:0!important;position:relative}
.notes-search>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:17px;color:#8a8292;z-index:1}
.notes-search input{width:100%;margin:0!important;padding:11px 12px 11px 37px!important;border:1px solid #ded9e1!important;border-radius:12px!important;background:#fbfafc!important}
.notes-filter-row{display:flex;gap:6px;margin:12px 0 8px}
.notes-filter-row button{border:1px solid #e1dbe5;background:white;border-radius:999px;padding:7px 12px;color:#77717d;font-size:10px;font-weight:900;cursor:pointer}
.notes-filter-row button.selected{background:#ede5ff;border-color:#cdbbee;color:#5b27c1}
.notes-hub-summary{display:flex;gap:14px;padding:0 2px 10px;color:#8a8291;font-size:10px}
.notes-hub-summary strong{color:#4c3b63}
.notes-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:54vh;overflow:auto;padding:1px}
.note-card{border:1px solid transparent;border-radius:15px;padding:13px;cursor:pointer;min-height:138px;display:flex;flex-direction:column;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.note-card.note-tone-coral{background:#ffefe8;border-color:#f1cfbf}
.note-card.note-tone-purple{background:#eee4ff;border-color:#d7c3f2}
.note-card.note-tone-mint{background:#e6f7ee;border-color:#c2e5d2}
.note-card.note-tone-peach{background:#fff0e3;border-color:#efd3bd}
.note-card.note-tone-blue{background:#e8f3ff;border-color:#c8dfef}
.note-card.note-tone-gold{background:#fff4d8;border-color:#eadba8}
.note-card.note-tone-rose{background:#ffe8f0;border-color:#efc4d4}
.note-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(45,33,58,.07);filter:saturate(1.03)}
.note-card.pinned{box-shadow:0 0 0 2px rgba(91,41,189,.14),0 5px 14px rgba(45,33,58,.05)}
.note-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.note-category{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.note-category.coral{background:#ffefe8;color:#c95e40}
.note-category.purple{background:#eee4ff;color:#6930cb}
.note-category.mint{background:#e6f7ee;color:#278d60}
.note-category.peach{background:#fff0e3;color:#c8753f}
.note-category.blue{background:#e8f3ff;color:#3479ad}
.note-category.gold{background:#fff4d8;color:#b87c0d}
.note-category.rose{background:#ffe8f0;color:#bb5279}
.note-pin-mini{border:0!important;background:transparent!important;color:#9b91a2!important;font-size:18px!important;padding:0!important;line-height:1;cursor:pointer}
.note-pin-mini.active{color:#6b32ca!important}
.note-card>strong{display:block;color:#273044;font-size:13px;margin-top:9px;line-height:1.3}
.note-card>p{margin:6px 0 0;color:#707887;font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.note-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}
.note-card-foot span{color:#9196a0;font-size:9px}
.note-card-foot em{font-style:normal;font-size:9px;color:#3f7c5d;max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notes-show-more{display:block;width:100%;margin-top:10px;border:1px solid #ded8e5;background:#faf8fc;color:#5d2bbd;border-radius:11px;padding:9px;font-size:10px;font-weight:900;cursor:pointer}
.notes-hub-empty{grid-column:1/-1}
.notes-ai-organize:disabled{opacity:.55;cursor:wait}

/* One-note focus mode */
.note-focus-panel{width:min(760px,100%);max-height:92vh}
.note-focus-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.note-back-btn{border:0;background:transparent;color:#6330c3;font-size:11px;font-weight:900;cursor:pointer;padding:6px 0}
.note-focus-heading{margin-bottom:10px}
.note-title-input{width:100%;border:0!important;border-bottom:1px solid #eee8e2!important;border-radius:0!important;margin:5px 0 0!important;padding:5px 0 10px!important;font-size:22px!important;font-weight:800;color:#273044!important;outline:none}
.note-focus-text{width:100%;min-height:230px;border:1px solid #e2dce4;border-radius:14px;padding:14px;resize:vertical;font:inherit;font-size:13px;line-height:1.6;color:#323b4c;background:#fff}
.note-focus-meta{display:grid;grid-template-columns:1fr 1.4fr;gap:9px}
.note-focus-meta label{font-size:10px!important;color:#79717e!important}
.note-focus-meta select{margin-top:6px!important;padding:9px!important;font-size:11px!important}
.note-focus-actions{display:grid;grid-template-columns:auto auto 1fr;gap:7px;margin-top:13px}
.note-focus-actions button{font-size:10px}
.note-focus-actions .active{background:#eee5ff;color:#5d2bc2;border-color:#cfbced}
.note-ai-btn{border:0;border-radius:12px;background:linear-gradient(90deg,#6c31cf,#5822bc);color:white;font-weight:900;padding:10px 12px;cursor:pointer}
.note-ai-btn:disabled{opacity:.65;cursor:wait}
.note-ai-result{margin-top:12px;border:1px solid #ddd2ef;background:#fbf8ff;border-radius:15px;padding:12px}
.note-ai-section+.note-ai-section{border-top:1px solid #e9e2f1;margin-top:11px;padding-top:10px}
.note-ai-label{display:block;font-size:8px;font-weight:900;letter-spacing:.08em;color:#6a36c8;margin-bottom:5px}
.note-ai-section p{margin:0;color:#4f5868;font-size:11px;line-height:1.5;white-space:pre-wrap}
.note-ai-small-btn{margin-top:7px;border:1px solid #d7c9eb;background:white;color:#5d2ac0;border-radius:9px;padding:6px 9px;font-size:9px;font-weight:900;cursor:pointer}
.note-action-list{display:flex;flex-direction:column;gap:6px}
.note-action-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;background:white;border:1px solid #e8e1ef;border-radius:9px;padding:7px 8px}
.note-action-list span{font-size:10px;color:#3f4858}
.note-action-list button{border:0;background:#eee6ff;color:#5c2abb;border-radius:8px;padding:5px 7px;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}
.note-action-list button:disabled{background:#e7f5ec;color:#2b7855}
.note-no-actions{color:#7d7484!important;font-style:italic}
.note-focus-footer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;margin-top:14px;border-top:1px solid #eee8e3;padding-top:12px}

@media(max-width:700px){
  .notes-toolbar{grid-template-columns:1fr 1fr}
  .notes-search{grid-column:1/-1}
  .notes-card-list{grid-template-columns:1fr}
  .note-focus-meta{grid-template-columns:1fr}
  .note-focus-actions{grid-template-columns:1fr 1fr}
  .note-ai-btn{grid-column:1/-1}
}

/* Organize notes while creating them */
.note-create-organize{margin-top:14px}
.note-create-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.note-create-categories button{border:1px solid transparent;border-radius:10px;padding:9px 9px;font-size:10px;font-weight:800;cursor:pointer;text-align:left;display:flex;align-items:center;gap:7px;opacity:.72;transition:opacity .12s ease,transform .12s ease,box-shadow .12s ease}
.note-create-categories button span{font-size:12px}
.note-create-categories button.coral{background:#ffefe8;color:#c95e40;border-color:#f1cfbf}
.note-create-categories button.purple{background:#eee4ff;color:#6930cb;border-color:#d7c3f2}
.note-create-categories button.mint{background:#e6f7ee;color:#278d60;border-color:#c2e5d2}
.note-create-categories button.peach{background:#fff0e3;color:#c8753f;border-color:#efd3bd}
.note-create-categories button.blue{background:#e8f3ff;color:#3479ad;border-color:#c8dfef}
.note-create-categories button.gold{background:#fff4d8;color:#b87c0d;border-color:#eadba8}
.note-create-categories button.rose{background:#ffe8f0;color:#bb5279;border-color:#efc4d4}
.note-create-categories button:hover{opacity:1;transform:translateY(-1px)}
.note-create-categories button.selected{opacity:1;box-shadow:0 0 0 2px currentColor inset,0 4px 12px rgba(40,30,55,.06)}
.note-create-hint{display:block;margin-top:7px;color:#94909a;font-size:9px}
@media(max-width:620px){
  .note-create-categories{grid-template-columns:repeat(2,1fr)}
}

/* Category badge sits on the full category-colored note */
.note-card .note-category{background:rgba(255,255,255,.62);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.72)}
.note-card .note-category.coral{color:#b95338}
.note-card .note-category.purple{color:#5d28bd}
.note-card .note-category.mint{color:#247d57}
.note-card .note-category.peach{color:#b66a36}
.note-card .note-category.blue{color:#3274a5}
.note-card .note-category.gold{color:#9f6c10}
.note-card .note-category.rose{color:#aa4c70}
.note-card>strong{color:#273044}
.note-card>p{color:#606978}
.note-card-foot span{color:#737b88}

/* Category-colored single-note focus view */
.note-focus-panel{
  transition:background .16s ease,border-color .16s ease;
  border:1px solid transparent;
}
.note-focus-panel.note-focus-tone-coral{background:#ffefe8;border-color:#f1cfbf}
.note-focus-panel.note-focus-tone-purple{background:#eee4ff;border-color:#d7c3f2}
.note-focus-panel.note-focus-tone-mint{background:#e6f7ee;border-color:#c2e5d2}
.note-focus-panel.note-focus-tone-peach{background:#fff0e3;border-color:#efd3bd}
.note-focus-panel.note-focus-tone-blue{background:#e8f3ff;border-color:#c8dfef}
.note-focus-panel.note-focus-tone-gold{background:#fff4d8;border-color:#eadba8}
.note-focus-panel.note-focus-tone-rose{background:#ffe8f0;border-color:#efc4d4}

.note-focus-panel .note-title-input{
  background:transparent!important;
  border-bottom-color:rgba(70,60,80,.12)!important;
}
.note-focus-panel .note-focus-text{
  background:rgba(255,255,255,.72);
  border-color:rgba(255,255,255,.82);
  box-shadow:0 2px 10px rgba(40,30,50,.025);
}
.note-focus-panel .note-focus-meta select{
  background:rgba(255,255,255,.72);
  border-color:rgba(255,255,255,.82);
}
.note-focus-panel .secondary-btn{
  background:rgba(255,255,255,.68);
}
.note-focus-panel .note-ai-result{
  background:rgba(255,255,255,.62);
  border-color:rgba(255,255,255,.78);
}
.note-focus-panel .note-action-list>div{
  background:rgba(255,255,255,.76);
}
.note-focus-panel .note-focus-footer{
  border-top-color:rgba(70,60,80,.10);
}
.note-focus-panel .icon-btn{
  background:rgba(255,255,255,.55);
}

/* Calm Today's Plan: Now -> Next -> Later */
.plan-heading-copy{display:inline-flex;flex-direction:column;gap:1px}
.plan-heading-copy small{font-size:9px;color:#8b8490;font-weight:600;text-transform:none;letter-spacing:0}
.calm-plan-overview{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.calm-plan-step{width:100%;border:0;background:transparent;padding:0;text-align:left}
.calm-plan-clickable,.calm-plan-later{cursor:pointer}
.calm-plan-label{display:block;font-size:8px;font-weight:900;letter-spacing:.09em;color:#8b8390;margin:0 0 4px 4px}
.calm-plan-step-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e8e2ea;background:#fbfafc;border-radius:13px;padding:10px 11px}
.calm-plan-clickable .calm-plan-step-main:hover,.calm-plan-later .calm-plan-step-main:hover{border-color:#d5c8e3;background:#fdfcff}
.calm-plan-step-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:12px;font-weight:900}
.calm-plan-step-icon.coral{background:#ffefe8;color:#c95e40}
.calm-plan-step-icon.purple{background:#eee4ff;color:#6930cb}
.calm-plan-step-icon.mint{background:#e6f7ee;color:#278d60}
.calm-plan-step-icon.peach{background:#fff0e3;color:#c8753f}
.calm-plan-step-icon.blue{background:#e8f3ff;color:#3479ad}
.calm-plan-step-icon.gold{background:#fff4d8;color:#b87c0d}
.calm-plan-step-icon.rose{background:#ffe8f0;color:#bb5279}
.calm-plan-step-icon.gray{background:#eff1f3;color:#7a818c}
.calm-plan-step-main strong,.calm-plan-step-main small{display:block}
.calm-plan-step-main strong{font-size:12px;color:#2c3445}
.calm-plan-step-main small{font-size:9px;color:#7c8490;margin-top:3px;line-height:1.35}
.calm-plan-chevron{color:#92899a;font-size:18px}
.calm-plan-empty-step .calm-plan-step-main{background:#fafafa;border-style:dashed}
.calm-plan-later .calm-plan-step-main{background:#f8f5fc}
.calm-plan-empty{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px dashed #ddd6e4;border-radius:14px;padding:13px}
.calm-plan-empty>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1edf5;color:#6b31c9}
.calm-plan-empty strong,.calm-plan-empty small{display:block}
.calm-plan-empty strong{font-size:12px;color:#30394a}
.calm-plan-empty small{font-size:9px;color:#7f8793;margin-top:3px}
.calm-plan-toggle{width:100%;margin-top:9px;border:1px solid #ded8e5;background:#faf8fc;color:#5f2bbf;border-radius:11px;padding:9px;font-size:10px;font-weight:900;cursor:pointer}
.calm-full-plan{margin-top:11px;padding-top:10px;border-top:1px solid #eee9ef}
.calm-plan-card .adjust-row{margin-top:12px}
@media(max-width:620px){
  .calm-plan-empty{grid-template-columns:auto 1fr}
  .calm-plan-empty .secondary-btn{grid-column:1/-1;width:100%}
}

/* Smart Time Blindness Insight */
.smart-time-insight .section-title>div{display:flex;flex-direction:column;gap:1px}
.smart-time-insight .section-title small{font-size:9px;color:#8a8490;font-weight:600;text-transform:none;letter-spacing:0}
.smart-insight-body{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #e6e0e8;border-radius:14px;padding:12px 13px;background:#fbfafc}
.smart-insight-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:15px;font-weight:900;background:#eee7f8;color:#6831c7}
.smart-insight-copy strong,.smart-insight-copy p,.smart-insight-copy small{display:block}
.smart-insight-copy strong{font-size:13px;color:#2a3344;line-height:1.3}
.smart-insight-copy p{margin:4px 0 0;font-size:11px;line-height:1.45;color:#626b7a}
.smart-insight-copy small{margin-top:5px;font-size:9px;line-height:1.4;color:#8b9099}
.smart-insight-body.more{background:#fff9f2;border-color:#efdfc9}
.smart-insight-body.more .smart-insight-icon{background:#fff0da;color:#9a671f}
.smart-insight-body.room{background:#f3fbf6;border-color:#d7eadf}
.smart-insight-body.room .smart-insight-icon{background:#e2f4e9;color:#2c7856}
.smart-insight-body.good{background:#f5f9ff;border-color:#dce6f1}
.smart-insight-body.good .smart-insight-icon{background:#e5f0fb;color:#3974a3}
.smart-insight-body.learning{background:#faf8fd;border-color:#e2daeb}
.smart-insight-action{border:0;border-radius:11px;padding:9px 11px;background:#6730ca;color:white;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}
.smart-insight-action:hover{filter:brightness(.97)}
@media(max-width:620px){
  .smart-insight-body{grid-template-columns:auto 1fr}
  .smart-insight-action{grid-column:1/-1;width:100%}
}

/* Calm, always-available app navigation */
.page-wrap{padding-bottom:128px}
.bottom-nav{
  position:fixed;
  left:50%;
  bottom:max(12px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  width:min(720px,calc(100% - 24px));
  z-index:60;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.bottom-nav button:not(.nav-plus){
  min-height:48px;
  border-radius:14px;
  transition:background .12s ease,color .12s ease,transform .12s ease;
}
.bottom-nav button:not(.nav-plus):hover{
  background:#faf7fd;
}
.bottom-nav button:not(.nav-plus).active{
  background:#f2ecff;
  color:#5b26c6;
}
.bottom-nav button:not(.nav-plus).active small{
  font-weight:900;
}
.bottom-nav button:not(.nav-plus) span{
  font-size:21px;
  line-height:1;
}
.bottom-nav button small{
  font-size:10px;
}
.bottom-nav .nav-plus{
  box-shadow:0 8px 20px rgba(93,41,202,.24);
}
@media(max-width:560px){
  .page-wrap{padding-bottom:116px}
  .bottom-nav{padding:7px 9px;border-radius:23px}
  .bottom-nav button:not(.nav-plus){min-height:44px}
  .bottom-nav .nav-plus{width:52px;height:52px;font-size:30px}
}

/* =========================================================
   ADHBrain Professional Visual Refresh
   Mature, calm, editorial — no playful/kids-app styling
   ========================================================= */

:root{
  --navy:#172033;
  --purple:#5d35b5;
  --purple-dark:#4b2b91;
  --muted:#697386;
  --border:#e6e4e8;
  --shadow:0 8px 28px rgba(20,24,35,.055);
  --bg:#f6f5f3;
  --surface:#ffffff;
  --surface-soft:#faf9f8;
}

html{scroll-behavior:smooth}

body{
  background:#f6f5f3;
  color:var(--navy);
  letter-spacing:-.005em;
}

.page-wrap{
  width:min(1160px,calc(100% - 36px));
  padding-top:34px;
  padding-bottom:126px;
}

.top-header{
  grid-template-columns:1.35fr .85fr auto;
  align-items:center;
  gap:24px;
  padding-bottom:18px;
  border-bottom:1px solid #ebe9ec;
}

.brand-row{gap:12px}
.brand-mark{
  width:42px;
  height:42px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#172033;
  color:#fff;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.03em;
}
.brand-name{
  font-size:38px;
  font-weight:780;
  letter-spacing:-1.7px;
  color:#172033;
}
.brand-block p{
  margin:6px 0 0 54px;
  color:#727b8c;
  font-size:13px;
}

.encouragement-card{
  border:1px solid #e7e3ea;
  background:#fff;
  border-radius:14px;
  box-shadow:none;
  padding:14px 15px;
}
.encouragement-card:hover{background:#fcfbfd}
.encouragement-card strong{font-size:13px}
.encouragement-card small{font-size:10px;margin-top:3px}
.star-wrap{
  width:32px;
  height:32px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#f2edf9;
  color:#5d35b5;
  font-size:15px;
}

.header-status{
  display:flex;
  align-items:center;
  gap:7px;
  color:#778091;
  font-size:11px;
}
.header-status>span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#6db18a;
}
.header-status small{font-size:11px}

.welcome-row{
  margin-top:34px;
  align-items:center;
}
.welcome-row h1{
  font-size:31px;
  font-weight:720;
  letter-spacing:-.9px;
  color:#1a2232;
}
.welcome-row p{
  margin-top:7px;
  color:#7c8492;
  font-size:14px;
}
.what-now{
  border:0;
  background:#5d35b5;
  color:#fff;
  border-radius:11px;
  padding:12px 17px;
  font-size:13px;
  font-weight:760;
  box-shadow:none;
}
.what-now:hover{background:#4f2e9b}

.overall-energy-card{
  margin:16px 0 20px;
  border:1px solid #e7e4e8;
  background:#fff;
  border-radius:14px;
  padding:11px 13px;
  box-shadow:none;
}
.overall-energy-icon{
  width:31px;
  height:31px;
  border-radius:8px;
  background:#f1edf8;
  color:#5d35b5;
  font-size:13px;
}
.overall-energy-copy strong{font-size:11px}
.overall-energy-copy small{font-size:9px}
.overall-energy-choices button{
  border:1px solid #e2dfe5;
  background:#fafafa;
  border-radius:9px;
  padding:7px 11px;
  font-size:9px;
}
.overall-energy-choices button[data-overall-energy="low"].selected{
  background:#edf7f1;border-color:#cfe4d8;color:#326f50
}
.overall-energy-choices button[data-overall-energy="medium"].selected{
  background:#faf4e8;border-color:#eadfc5;color:#826222
}
.overall-energy-choices button[data-overall-energy="high"].selected{
  background:#f1ecf8;border-color:#d9cdea;color:#5835a1
}

.dashboard-grid{gap:20px;margin-top:20px}
.left-column,.right-column{gap:18px}

.card{
  background:#fff;
  border:1px solid #e8e5e9;
  border-radius:17px;
  box-shadow:0 7px 24px rgba(29,31,40,.045);
}

.section-title{gap:8px;color:#3a4353}
.section-title h3{
  font-size:12px;
  font-weight:800;
  letter-spacing:.07em;
}
.section-title small{color:#8b919c;font-size:9px}

/* NOW: primary information, not decorative */
.now-card{
  padding:22px 21px 19px;
  background:#fff;
  overflow:hidden;
}
.now-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:#5d35b5;
}
.now-badge{
  top:18px;
  left:20px;
  background:#f0ebf8;
  color:#5d35b5;
  border-radius:7px;
  padding:5px 9px;
  font-size:9px;
  letter-spacing:.08em;
}
.now-content{
  grid-template-columns:64px 1fr auto;
  gap:14px;
  margin-top:34px;
}
.task-icon{
  width:56px;
  height:56px;
  border-radius:12px;
  font-size:21px;
}
.now-copy h2{
  font-size:21px;
  font-weight:730;
  color:#1e2635;
}
.now-copy p{
  margin:4px 0 8px;
  font-size:12px;
}
.now-copy strong{
  color:#5d35b5;
  font-size:13px;
}
.progress-ring{
  width:58px;
  height:58px;
}
.progress-ring:after{background:#fff}
.minutes strong{font-size:14px}
.minutes span{font-size:9px}

.now-actions{
  gap:7px;
  margin-top:16px;
}
.focus-button,.now-action{
  border-radius:10px;
  padding:10px 8px;
  font-size:9px;
  font-weight:800;
}
.focus-button{
  background:#5d35b5;
  box-shadow:none;
}
.focus-button:hover{background:#4d2c97}
.now-action{
  background:#fafafa;
  border-color:#e5e2e7;
}

/* Tasks */
.tasks-card>.section-title{padding:18px 19px 11px}
.task-row{
  border-top-color:#efedf0;
  padding:13px 19px;
}
.task-row:hover{background:#faf9fb}
.checkbox{
  width:19px;
  height:19px;
}
.task-meta{
  padding:4px 8px;
  border-radius:7px;
  font-size:9px;
}
.task-card-actions{
  background:#fbfafb;
  border-top:1px solid #efedf0;
}
.add-task-inline{
  border-top:0;
  font-size:10px;
  font-weight:760;
}
.see-all-tasks{
  font-size:10px;
}

/* Time blindness insight */
.insight-card{padding:17px}
.smart-time-insight:before{display:none}
.smart-insight-body{
  border-radius:12px;
  padding:12px;
}
.smart-insight-icon{
  width:34px;
  height:34px;
  border-radius:9px;
  font-size:13px;
}
.smart-insight-copy strong{font-size:11px}
.smart-insight-copy p{font-size:9.5px}
.smart-insight-copy small{font-size:8px}
.smart-insight-action{
  background:#5d35b5;
  border-radius:9px;
  box-shadow:none;
}

/* Brain Dump */
.brain-dump-card{padding:19px}
.brain-input-wrap{margin-top:12px}
.brain-input-wrap textarea{
  height:108px;
  border:1px solid #dfdce1;
  border-radius:12px;
  padding:16px 54px 16px 16px;
  background:#fbfbfb;
  font-size:13px;
}
.brain-input-wrap textarea:focus{
  outline:none;
  border-color:#a995cc;
  background:#fff;
  box-shadow:0 0 0 3px rgba(93,53,181,.07);
}
.mic-button{
  width:40px;
  height:40px;
  right:10px;
  background:#5d35b5;
  border-radius:10px;
}
.smart-capture-btn{
  border-radius:10px!important;
  box-shadow:none!important;
}
.quick-types{
  gap:8px;
  margin-top:14px;
}
.quick-types button{
  border-color:#e7e4e8;
  background:#fbfbfb;
  border-radius:10px;
  padding:10px 5px;
  gap:5px;
  font-size:10px;
}
.quick-types button:hover{background:#f6f4f8}
.quick-types-help{font-size:9px!important}

/* Plan */
.plan-card{padding:18px}
.plan-heading-copy small{font-size:8px}
.calm-plan-step-main{
  border-color:#e7e4e8;
  background:#fbfbfb;
  border-radius:11px;
  padding:9px 10px;
}
.calm-plan-step-icon{
  width:31px;
  height:31px;
  border-radius:9px;
  font-size:10px;
}
.calm-plan-step-main strong{font-size:11px}
.calm-plan-step-main small{font-size:8.5px}
.calm-plan-label{font-size:7.5px}
.calm-plan-toggle{
  border-radius:9px;
  border-color:#e3dfe7;
  background:#fafafa;
  color:#5d35b5;
}
.adjust-row{
  font-size:10px;
}
.adjust-row button{
  border-radius:9px;
  border-color:#ded7e8;
  background:#faf8fc;
}

/* Center Brain Dump button */






/* Navigation */
.bottom-nav{
  border:1px solid #e4e1e6;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(25,28,38,.09);
  padding:7px 14px;
  background:rgba(255,255,255,.96);
}
.bottom-nav button:not(.nav-plus){
  min-height:43px;
  border-radius:10px;
}
.bottom-nav button:not(.nav-plus):hover{background:#f7f6f8}
.bottom-nav button:not(.nav-plus).active{
  background:#f0edf5;
  color:#5d35b5;
}
.bottom-nav button:not(.nav-plus) span{font-size:18px}
.bottom-nav button small{font-size:9px}
.bottom-nav .nav-plus{
  width:48px;
  height:48px;
  border-radius:13px;
  background:#5d35b5;
  font-size:27px;
  transform:translateY(-7px);
  box-shadow:0 7px 18px rgba(93,53,181,.18);
}

/* Modals */
.modal-backdrop{
  background:rgba(16,20,29,.44);
  backdrop-filter:blur(5px);
}
.modal-panel,.focus-panel{
  border-radius:17px;
  box-shadow:0 22px 65px rgba(17,20,29,.22);
}
.modal-head h2{font-size:20px}
.eyebrow{
  font-size:9px;
  color:#5d35b5;
}
.icon-btn{
  width:31px;
  height:31px;
  border-radius:9px;
  font-size:20px;
}
.primary-btn,.secondary-btn,.danger-btn{
  border-radius:9px;
}
.primary-btn{background:#5d35b5}
.primary-btn:hover{background:#4d2c97}

/* Notes retain category color, but more editorial */
.note-card{
  border-radius:12px!important;
  box-shadow:none!important;
}
.note-focus-panel{
  border-radius:17px!important;
}
.note-title-input{
  font-size:20px!important;
}
.note-focus-text{
  border-radius:11px!important;
}

/* Footer */
footer{
  color:#9397a0;
  margin-top:18px;
  font-size:10px;
  letter-spacing:.03em;
}

/* Remove overtly playful visual treatments */
.brand-brain,.buddy{display:none!important}

@media(max-width:760px){
  .top-header{
    grid-template-columns:1fr auto;
    gap:14px;
  }
  .encouragement-card{
    grid-column:1/-1;
    order:3;
  }
  .brand-block p{margin-left:54px}
  .welcome-row{
    align-items:flex-start;
  }
  .welcome-row h1{font-size:27px}
}

@media(max-width:560px){
  .page-wrap{width:min(100% - 22px,1160px)}
  .brand-name{font-size:31px}
  .brand-mark{width:37px;height:37px;font-size:16px}
  .brand-block p{margin-left:49px;font-size:11px}
  .header-status small{display:none}
  .welcome-row{margin-top:26px}
  .what-now{width:100%;margin-top:12px}
  .welcome-row{flex-direction:column}
  .dashboard-grid{gap:14px}
  .left-column,.right-column{gap:14px}
  .card{border-radius:14px}
  
}

/* Softer professional canvas */
body{
  background:
    radial-gradient(circle at 14% 8%, rgba(93,53,181,.055), transparent 31%),
    radial-gradient(circle at 88% 18%, rgba(92,126,150,.045), transparent 28%),
    linear-gradient(180deg,#f3f1ee 0%,#f6f4f1 48%,#f1efec 100%);
  background-attachment:fixed;
}

.app-shell{
  min-height:100vh;
}

.page-wrap{
  position:relative;
}

.page-wrap:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.45),transparent 42%);
  z-index:-1;
}

.card,
.overall-energy-card,
.encouragement-card{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.bottom-nav{
  background:rgba(255,255,255,.90);
}

.brain-input-wrap textarea,
.quick-types button,
.calm-plan-step-main,
.task-card-actions{
  background:rgba(255,255,255,.72);
}

@media(max-width:700px){
  body{
    background:
      linear-gradient(180deg,#f3f1ee 0%,#f5f3f0 55%,#f0eeeb 100%);
  }
}

/* =========================================================
   Professional Dark Mode
   ========================================================= */

html[data-theme="dark"]{
  color-scheme:dark;
  --navy:#e8edf5;
  --purple:#a98ae8;
  --purple-dark:#8d6ed0;
  --muted:#9aa5b5;
  --border:#2b313b;
  --shadow:0 10px 30px rgba(0,0,0,.18);
  --bg:#11151d;
  --surface:#191e27;
  --surface-soft:#151a22;
}

html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 14% 8%,rgba(111,79,170,.15),transparent 31%),
    radial-gradient(circle at 88% 18%,rgba(65,90,110,.11),transparent 28%),
    linear-gradient(180deg,#11151d 0%,#141922 50%,#10141b 100%);
  color:#e7ebf2;
}

html[data-theme="dark"] .page-wrap:before{
  background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.025),transparent 42%);
}

html[data-theme="dark"] .top-header{
  border-bottom-color:#292f39;
}

html[data-theme="dark"] .brand-mark{
  background:#e5e8ee;
  color:#171b22;
}
html[data-theme="dark"] .brand-name{color:#eef1f5}
html[data-theme="dark"] .brand-block p,
html[data-theme="dark"] .welcome-row p,
html[data-theme="dark"] .header-status,
html[data-theme="dark"] footer{
  color:#929cab;
}
html[data-theme="dark"] .welcome-row h1{color:#eef1f5}

html[data-theme="dark"] .header-status>span{background:#75b78f}

html[data-theme="dark"] .card,
html[data-theme="dark"] .overall-energy-card,
html[data-theme="dark"] .encouragement-card{
  background:rgba(25,30,39,.92);
  border-color:#2c323d;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}
html[data-theme="dark"] .encouragement-card:hover{background:#1e242e}
html[data-theme="dark"] .encouragement-card strong{color:#e5eaf1}
html[data-theme="dark"] .encouragement-card small{color:#939dac}
html[data-theme="dark"] .star-wrap{
  background:#2b2540;
  color:#b89aef;
}

html[data-theme="dark"] .what-now,
html[data-theme="dark"] .focus-button,
html[data-theme="dark"] .primary-btn,
html[data-theme="dark"] .smart-insight-action{
  background:#7958c7;
  color:#fff;
}
html[data-theme="dark"] .what-now:hover,
html[data-theme="dark"] .focus-button:hover,
html[data-theme="dark"] .primary-btn:hover{
  background:#8968d6;
}

html[data-theme="dark"] .overall-energy-icon{
  background:#2a2440;
  color:#b89aef;
}
html[data-theme="dark"] .overall-energy-copy strong{color:#dde3eb}
html[data-theme="dark"] .overall-energy-copy small{color:#929dab}
html[data-theme="dark"] .overall-energy-choices button{
  border-color:#343a45;
  background:#1a2029;
  color:#9fa9b7;
}
html[data-theme="dark"] .overall-energy-choices button[data-overall-energy="low"].selected{
  background:#183027;border-color:#28513e;color:#86d0a7
}
html[data-theme="dark"] .overall-energy-choices button[data-overall-energy="medium"].selected{
  background:#342b1c;border-color:#544529;color:#d7bd79
}
html[data-theme="dark"] .overall-energy-choices button[data-overall-energy="high"].selected{
  background:#2b2340;border-color:#4c3c6b;color:#c1a7ee
}

html[data-theme="dark"] .section-title{color:#cbd2dd}
html[data-theme="dark"] .section-title small{color:#86909f}

html[data-theme="dark"] .now-card{background:#191e27}
html[data-theme="dark"] .now-card:before{background:#8e6bd4}
html[data-theme="dark"] .now-badge{
  background:#2c2441;
  color:#bfa7ee;
}
html[data-theme="dark"] .now-copy h2,
html[data-theme="dark"] .now-empty h2{color:#edf0f5}
html[data-theme="dark"] .now-copy p,
html[data-theme="dark"] .now-empty{color:#98a2b1}
html[data-theme="dark"] .now-copy strong,
html[data-theme="dark"] .now-empty strong,
html[data-theme="dark"] .minutes{color:#b79bea}
html[data-theme="dark"] .progress-ring:after{background:#191e27}

html[data-theme="dark"] .now-action{
  border-color:#373e49;
  background:#1c222c;
  color:#b7c0cd;
}
html[data-theme="dark"] .now-action.complete{
  color:#87cba6;background:#182a22;border-color:#294939
}
html[data-theme="dark"] .now-action.skip{
  color:#d8ba77;background:#2b261b;border-color:#48402b
}
html[data-theme="dark"] .now-action.move{
  color:#bea7ed;background:#282139;border-color:#40345d
}

/* Category tones become deep tinted surfaces instead of bright pastels */
html[data-theme="dark"] .task-icon.purple,
html[data-theme="dark"] .round-icon.purple,
html[data-theme="dark"] .calm-plan-step-icon.purple{background:#30254a;color:#bea4ee}
html[data-theme="dark"] .task-icon.mint,
html[data-theme="dark"] .round-icon.mint,
html[data-theme="dark"] .calm-plan-step-icon.mint{background:#183226;color:#81cba2}
html[data-theme="dark"] .task-icon.gold,
html[data-theme="dark"] .round-icon.gold,
html[data-theme="dark"] .calm-plan-step-icon.gold{background:#352d1b;color:#d6bb72}
html[data-theme="dark"] .task-icon.blue,
html[data-theme="dark"] .round-icon.blue,
html[data-theme="dark"] .calm-plan-step-icon.blue{background:#1c2e3d;color:#83b5d8}
html[data-theme="dark"] .task-icon.coral,
html[data-theme="dark"] .round-icon.coral,
html[data-theme="dark"] .calm-plan-step-icon.coral{background:#3b2723;color:#dc9a88}
html[data-theme="dark"] .task-icon.rose,
html[data-theme="dark"] .round-icon.rose,
html[data-theme="dark"] .calm-plan-step-icon.rose{background:#3a2330;color:#dda0b9}
html[data-theme="dark"] .task-icon.peach,
html[data-theme="dark"] .round-icon.peach,
html[data-theme="dark"] .calm-plan-step-icon.peach{background:#382b22;color:#d7a27f}
html[data-theme="dark"] .task-icon.gray,
html[data-theme="dark"] .round-icon.gray,
html[data-theme="dark"] .calm-plan-step-icon.gray{background:#272d36;color:#a2aab7}

html[data-theme="dark"] .task-row{
  border-top-color:#2b313b;
  color:#dce2ea;
}
html[data-theme="dark"] .task-row:hover{background:#1d232d}
html[data-theme="dark"] .task-title{color:#dce2ea}
html[data-theme="dark"] .task-row.done .task-title{color:#747e8c}
html[data-theme="dark"] .checkbox{border-color:#687383}
html[data-theme="dark"] .task-card-actions{
  background:#171c24;
  border-top-color:#2b313b;
}
html[data-theme="dark"] .add-task-inline,
html[data-theme="dark"] .see-all-tasks{color:#b99fec}

html[data-theme="dark"] .task-meta.low{background:#183025;color:#83c9a0}
html[data-theme="dark"] .task-meta.medium{background:#352c1b;color:#d5b977}
html[data-theme="dark"] .task-meta.high{background:#3b2028;color:#df8ea0}
html[data-theme="dark"] .task-meta.neutral{color:#98a2b1}

/* Insight */
html[data-theme="dark"] .smart-insight-body{
  background:#171c24;
  border-color:#303641;
}
html[data-theme="dark"] .smart-insight-body.more{
  background:#29231a;border-color:#403626
}
html[data-theme="dark"] .smart-insight-body.room{
  background:#17251e;border-color:#294035
}
html[data-theme="dark"] .smart-insight-body.good{
  background:#18232d;border-color:#293b49
}
html[data-theme="dark"] .smart-insight-body.learning{
  background:#211c2d;border-color:#372d4c
}
html[data-theme="dark"] .smart-insight-copy strong{color:#e0e6ee}
html[data-theme="dark"] .smart-insight-copy p{color:#a1abb9}
html[data-theme="dark"] .smart-insight-copy small{color:#7f8998}

/* Brain Dump and inputs */
html[data-theme="dark"] .brain-input-wrap textarea,
html[data-theme="dark"] .modal-panel input,
html[data-theme="dark"] .modal-panel textarea,
html[data-theme="dark"] .modal-panel select,
html[data-theme="dark"] .note-focus-text,
html[data-theme="dark"] .notes-search input{
  background:#151a22!important;
  border-color:#343b46!important;
  color:#e1e6ed!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#6f7988}
html[data-theme="dark"] .brain-input-wrap textarea:focus{
  background:#171d26;
  border-color:#755bb0;
  box-shadow:0 0 0 3px rgba(121,88,199,.12);
}
html[data-theme="dark"] .mic-button{background:#7554c2}
html[data-theme="dark"] .quick-types button{
  background:#181e27;
  border-color:#303641;
  color:#b8c1cd;
}
html[data-theme="dark"] .quick-types button:hover{background:#1d242e}
html[data-theme="dark"] .quick-types-help{color:#7f8997}
html[data-theme="dark"] .smart-capture-btn{background:#201a2c!important;border-color:#392d4e!important;color:#cbb6f3!important}

/* Calm plan */
html[data-theme="dark"] .calm-plan-step-main{
  background:#171c24;
  border-color:#2f3540;
}
html[data-theme="dark"] .calm-plan-clickable .calm-plan-step-main:hover,
html[data-theme="dark"] .calm-plan-later .calm-plan-step-main:hover{
  background:rgba(29,35,45,.62);
  border-color:#454d5a;
}
html[data-theme="dark"] .calm-plan-empty-step .calm-plan-step-main{
  background:#151a21;
}
html[data-theme="dark"] .calm-plan-later .calm-plan-step-main{
  background:#1d1928;
}
html[data-theme="dark"] .calm-plan-step-main strong{color:#dce3ec}
html[data-theme="dark"] .calm-plan-step-main small,
html[data-theme="dark"] .calm-plan-label{color:#8993a2}
html[data-theme="dark"] .calm-plan-toggle{
  background:#181d25;
  border-color:#333944;
  color:#b99eea;
}
html[data-theme="dark"] .calm-full-plan{border-top-color:#2b313a}
html[data-theme="dark"] .adjust-row{
  border-top-color:#2c323c;
  color:#a0a9b6;
}
html[data-theme="dark"] .adjust-row button{
  background:#221c31;
  border-color:#3c3152;
  color:#bea5ed;
}

/* Full plan category blocks */
html[data-theme="dark"] .plan-block.purple{background:#30254a}
html[data-theme="dark"] .plan-block.mint{background:#183226}
html[data-theme="dark"] .plan-block.gold{background:#352d1b}
html[data-theme="dark"] .plan-block.blue{background:#1c2e3d}
html[data-theme="dark"] .plan-block.coral{background:#3b2723}
html[data-theme="dark"] .plan-block.rose{background:#3a2330}
html[data-theme="dark"] .plan-block.peach{background:#382b22}
html[data-theme="dark"] .plan-block.gray{background:#272d36}
html[data-theme="dark"] .plan-block strong{color:#e0e6ed}
html[data-theme="dark"] .plan-block span{color:#a1abb7}
html[data-theme="dark"] .time-label{color:#8993a0}

/* Center capture button */
html[data-theme="dark"] 
html[data-theme="dark"] 
html[data-theme="dark"] 

/* Bottom navigation */
html[data-theme="dark"] .bottom-nav{
  background:rgba(24,29,38,.96);
  border-color:#343a45;
  box-shadow:0 12px 32px rgba(0,0,0,.28);
}
html[data-theme="dark"] .bottom-nav button{color:#a7b0bd}
html[data-theme="dark"] .bottom-nav button:not(.nav-plus):hover{background:#202630}
html[data-theme="dark"] .bottom-nav button:not(.nav-plus).active{
  background:#2b2440;
  color:#bea4ee;
}
html[data-theme="dark"] .bottom-nav .nav-plus{
  background:#7a58c8;
  color:#fff;
}

/* Modals */
html[data-theme="dark"] .modal-backdrop{
  background:rgba(4,7,12,.67);
}
html[data-theme="dark"] .modal-panel{
  background:#191e27;
  color:#dde3eb;
  border:1px solid #303641;
}
html[data-theme="dark"] .modal-head h2,
html[data-theme="dark"] .modal-panel label,
html[data-theme="dark"] .field-label{color:#dce2ea}
html[data-theme="dark"] .modal-subcopy{color:#8d97a6}
html[data-theme="dark"] .eyebrow{color:#b79ceb}
html[data-theme="dark"] .icon-btn{
  background:#252b35;
  color:#c0c8d3;
}
html[data-theme="dark"] .secondary-btn{
  background:#1c222b;
  border-color:#373e49;
  color:#b8c1cd;
}
html[data-theme="dark"] .danger-btn{
  background:#301d21;
  border-color:#543039;
  color:#e593a2;
}
html[data-theme="dark"] .category-option{
  background:#181e27;
  border-color:#323843;
  color:#d6dce5;
}
html[data-theme="dark"] .category-option.selected{
  outline-color:#8b69d3;
  background:#272038;
}
html[data-theme="dark"] .category-option small{color:#8792a1}

/* Tasks/notes modal surfaces */
html[data-theme="dark"] .all-tasks-summary>div,
html[data-theme="dark"] .notes-hub-summary,
html[data-theme="dark"] .note-ai-result,
html[data-theme="dark"] .note-action-list>div{
  background:#181e27!important;
  border-color:#303641!important;
  color:#cbd3de;
}
html[data-theme="dark"] .notes-filter-row button{
  background:#191f28;
  border-color:#343a45;
  color:#9da7b5;
}
html[data-theme="dark"] .notes-filter-row button.selected{
  background:#2d2542;
  border-color:#4c3d6c;
  color:#c1a9ef;
}
html[data-theme="dark"] .note-card.note-tone-coral{background:#3b2723;border-color:#53372f}
html[data-theme="dark"] .note-card.note-tone-purple{background:#30254a;border-color:#48356e}
html[data-theme="dark"] .note-card.note-tone-mint{background:#183226;border-color:#274c39}
html[data-theme="dark"] .note-card.note-tone-peach{background:#382b22;border-color:#503b2e}
html[data-theme="dark"] .note-card.note-tone-blue{background:#1c2e3d;border-color:#2b455a}
html[data-theme="dark"] .note-card.note-tone-gold{background:#352d1b;border-color:#504329}
html[data-theme="dark"] .note-card.note-tone-rose{background:#3a2330;border-color:#513143}
html[data-theme="dark"] .note-card strong,
html[data-theme="dark"] .note-card p,
html[data-theme="dark"] .note-card span{color:#dce3eb}
html[data-theme="dark"] .note-card .note-category{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.09);
  color:#dbe2eb;
}

/* Category-colored note focus surfaces */
html[data-theme="dark"] .note-focus-panel.note-focus-tone-coral{background:#2f211f;border-color:#50352f}
html[data-theme="dark"] .note-focus-panel.note-focus-tone-purple{background:#29213b;border-color:#493765}
html[data-theme="dark"] .note-focus-panel.note-focus-tone-mint{background:#172a21;border-color:#294438}
html[data-theme="dark"] .note-focus-panel.note-focus-tone-peach{background:#2e251f;border-color:#4d3b30}
html[data-theme="dark"] .note-focus-panel.note-focus-tone-blue{background:#192934;border-color:#2d4657}
html[data-theme="dark"] .note-focus-panel.note-focus-tone-gold{background:#2c271c;border-color:#49402c}
html[data-theme="dark"] .note-focus-panel.note-focus-tone-rose{background:#2e2028;border-color:#4e3340}
html[data-theme="dark"] .note-focus-panel .note-title-input{
  color:#edf0f4!important;
  border-bottom-color:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] .note-focus-panel .secondary-btn{
  background:rgba(20,24,31,.58);
}
html[data-theme="dark"] .note-focus-panel .note-ai-result{
  background:rgba(17,21,28,.66)!important;
  border-color:rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] .note-focus-panel .note-focus-footer{
  border-top-color:rgba(255,255,255,.09);
}

/* Focus Mode remains intentionally darker, but aligns to theme */
html[data-theme="dark"] .focus-panel{
  background:#0d1117;
  border:1px solid #262c35;
}
html[data-theme="dark"] .focus-ring:after{background:#0d1117}

/* Toast */
html[data-theme="dark"] .toast{
  background:#e5e8ed;
  color:#151a22;
}

/* Scrollbars */
html[data-theme="dark"] *{
  scrollbar-color:#4a515e #171c24;
}

@media(max-width:700px){
  html[data-theme="dark"] body{
    background:linear-gradient(180deg,#11151d 0%,#151a22 55%,#0f131a 100%);
  }
}

/* =========================================================
   Uniform Site Theme
   Same professional visual system across every ADHBrain view
   ========================================================= */

/* Shared professional surfaces */
.modal-panel,
.calm-week-shell,
.focus-panel{
  border-radius:17px;
}

.quick-add-grid button,
.task-choice-chips button,
.energy-options button,
.notes-filter-row button,
.notes-show-more,
.manual-details-toggle,
.category-option,
.organizer-type-select,
.organizer-category-select,
.calm-day-chip,
.calm-help-button{
  border-radius:9px;
}

.all-tasks-summary>div,
.adjust-summary>div,
.adjust-preview-item,
.energy-check,
.what-now-primary,
.what-now-alt,
.what-now-explain,
.organizer-item,
.organizer-summary span,
.note-item,
.calm-day-card,
.calm-help-card,
.calm-due-row{
  border-radius:11px;
}

/* Make secondary views match the main adult interface in light mode */
.calm-week-shell{
  background:#f6f5f3;
  border:1px solid #e4e1e5;
  box-shadow:0 22px 65px rgba(17,20,29,.16);
}
.calm-day-chip{
  background:#fff;
  border-color:#e5e2e6;
}
.calm-day-chip.selected{
  background:#5d35b5;
  border-color:#5d35b5;
}
.calm-day-card{
  background:#fff;
  border-color:#e6e3e7;
}
.calm-help-card{
  background:#faf9fb;
  border-color:#e5e1e8;
}
.calm-help-button{
  background:#5d35b5;
  color:#fff;
  border:0;
}
.calm-plan-row,
.calm-due-row{
  box-shadow:none;
}

.all-tasks-summary>div,
.energy-check,
.adjust-summary>div{
  background:#faf9fa;
  border-color:#e7e4e8;
}
.all-tasks-list{
  border-color:#e8e5e9;
}
.all-task-group+.all-task-group{
  border-top-color:#f3f1ef;
}
.all-task-group-title{
  background:#faf9f8;
  border-bottom-color:#e8e5e9;
}

.manual-type-panel textarea,
.modal-panel input,
.modal-panel textarea,
.modal-panel select{
  background:#fff;
  border-color:#dedbe0;
}
.manual-details-toggle{
  background:#faf9fb;
  border-color:#dcd7e1;
}
.task-choice-chips button,
.energy-options button{
  background:#fff;
  border-color:#dfdbe2;
}
.task-choice-chips button.selected,
.energy-options button.selected{
  background:#f0ebf8;
  color:#54319e;
  border-color:#bba8db;
  box-shadow:none;
}

.what-now-primary{
  background:#faf8fc;
  border-color:#ded6e9;
}
.what-now-alt{
  background:#fff;
  border-color:#e7e4e8;
}
.what-now-explain{
  background:#f8f7f9;
  border-color:#e6e3e7;
}
.energy-check{
  background:#faf9fb;
}

.organizer-summary span,
.organizer-item,
.note-item{
  background:#fff;
  border-color:#e7e4e8;
}
.organizer-mode-pill{
  border-radius:8px;
  background:#f0ebf8;
  color:#5936a0;
}
.organizer-type-icon{
  border-radius:9px;
}
.organizer-type-select,
.organizer-category-select{
  background:#fafafa;
  border-color:#dedbe0;
}
.organizer-foot{
  border-top-color:#e8e5e9;
}

.adjust-preview-item{
  background:#fff;
  border-color:#e7e4e8;
}
.adjust-preview-item.fixed{background:#f7fafc}
.adjust-preview-item.manual{background:#fcfaf6}
.adjust-note{
  border-radius:11px;
}

.quick-add-grid button{
  background:#faf9fb;
  border-color:#e4e1e5;
  color:#5934a4;
}

.notes-filter-row button{
  border-radius:8px;
}
.notes-show-more{
  border-radius:9px;
}
.note-ai-btn{
  border-radius:9px;
  background:#5d35b5;
}

/* Direct device/screen dark mode.
   This mirrors the JS data-theme behavior and guarantees all views switch. */
@media (prefers-color-scheme: dark){

  html{
    color-scheme:dark;
    --navy:#e8edf5;
    --purple:#a98ae8;
    --purple-dark:#8d6ed0;
    --muted:#9aa5b5;
    --border:#2b313b;
    --shadow:0 10px 30px rgba(0,0,0,.18);
    --bg:#11151d;
    --surface:#191e27;
    --surface-soft:#151a22;
  }

  body{
    background:
      radial-gradient(circle at 14% 8%,rgba(111,79,170,.15),transparent 31%),
      radial-gradient(circle at 88% 18%,rgba(65,90,110,.11),transparent 28%),
      linear-gradient(180deg,#11151d 0%,#141922 50%,#10141b 100%)!important;
    color:#e7ebf2;
  }

  .page-wrap:before{
    background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.025),transparent 42%)!important;
  }

  .top-header{border-bottom-color:#292f39}
  .brand-mark{background:#e5e8ee;color:#171b22}
  .brand-name,.welcome-row h1{color:#eef1f5}
  .brand-block p,.welcome-row p,.header-status,footer{color:#929cab}
  .header-status>span{background:#75b78f}

  .card,
  .overall-energy-card,
  .encouragement-card{
    background:rgba(25,30,39,.94)!important;
    border-color:#2c323d!important;
    color:#e2e7ee;
    box-shadow:0 10px 28px rgba(0,0,0,.12);
  }
  .encouragement-card:hover{background:#1e242e!important}
  .encouragement-card strong{color:#e5eaf1}
  .encouragement-card small{color:#939dac}
  .star-wrap{background:#2b2540;color:#b89aef}

  .what-now,
  .focus-button,
  .primary-btn,
  .smart-insight-action,
  .calm-help-button{
    background:#7958c7!important;
    color:#fff!important;
  }

  .overall-energy-icon{background:#2a2440;color:#b89aef}
  .overall-energy-copy strong{color:#dde3eb}
  .overall-energy-copy small{color:#929dab}
  .overall-energy-choices button{
    background:#1a2029;
    border-color:#343a45;
    color:#9fa9b7;
  }

  .section-title,
  .section-title h3{color:#cbd2dd}
  .section-title small{color:#86909f}

  .now-card{background:#191e27!important}
  .now-card:before{background:#8e6bd4}
  .now-badge{background:#2c2441;color:#bfa7ee}
  .now-copy h2,.now-empty h2{color:#edf0f5}
  .now-copy p,.now-empty{color:#98a2b1}
  .now-copy strong,.now-empty strong,.minutes{color:#b79bea}
  .progress-ring:after{background:#191e27}

  .now-action{
    background:#1c222c;
    border-color:#373e49;
    color:#b7c0cd;
  }
  .now-action.complete{background:#182a22;border-color:#294939;color:#87cba6}
  .now-action.skip{background:#2b261b;border-color:#48402b;color:#d8ba77}
  .now-action.move{background:#282139;border-color:#40345d;color:#bea7ed}

  .task-row{border-top-color:#2b313b;color:#dce2ea}
  .task-row:hover{background:#1d232d}
  .task-title{color:#dce2ea}
  .task-row.done .task-title{color:#747e8c}
  .checkbox{border-color:#687383}
  .task-card-actions{
    background:#171c24!important;
    border-top-color:#2b313b;
  }
  .add-task-inline,.see-all-tasks{color:#b99fec}

  .smart-insight-body{
    background:#171c24;
    border-color:#303641;
  }
  .smart-insight-body.more{background:#29231a;border-color:#403626}
  .smart-insight-body.room{background:#17251e;border-color:#294035}
  .smart-insight-body.good{background:#18232d;border-color:#293b49}
  .smart-insight-body.learning{background:#211c2d;border-color:#372d4c}
  .smart-insight-copy strong{color:#e0e6ee}
  .smart-insight-copy p{color:#a1abb9}
  .smart-insight-copy small{color:#7f8998}

  .brain-input-wrap textarea,
  .modal-panel input,
  .modal-panel textarea,
  .modal-panel select,
  .note-focus-text,
  .notes-search input{
    background:#151a22!important;
    border-color:#343b46!important;
    color:#e1e6ed!important;
  }
  input::placeholder,textarea::placeholder{color:#6f7988}
  .quick-types button{
    background:#181e27!important;
    border-color:#303641;
    color:#b8c1cd;
  }
  .quick-types button:hover{background:#1d242e!important}
  .quick-types-help{color:#7f8997}
  .smart-capture-btn{
    background:#201a2c!important;
    border-color:#392d4e!important;
    color:#cbb6f3!important;
  }

  .calm-plan-step-main{
    background:#171c24!important;
    border-color:#2f3540;
  }
  .calm-plan-clickable .calm-plan-step-main:hover,
  .calm-plan-later .calm-plan-step-main:hover{
    background:#1d232d!important;
    border-color:#454d5a;
  }
  .calm-plan-empty-step .calm-plan-step-main{background:#151a21!important}
  .calm-plan-later .calm-plan-step-main{background:#1d1928!important}
  .calm-plan-step-main strong{color:#dce3ec}
  .calm-plan-step-main small,.calm-plan-label{color:#8993a2}
  .calm-plan-toggle{
    background:#181d25;
    border-color:#333944;
    color:#b99eea;
  }
  .adjust-row{border-top-color:#2c323c;color:#a0a9b6}
  .adjust-row button{
    background:#221c31;
    border-color:#3c3152;
    color:#bea5ed;
  }

  /* Full Time Blocks / Plan screen */
  .calm-week-shell{
    background:#151a22!important;
    border-color:#303641;
    box-shadow:0 28px 80px rgba(0,0,0,.38);
  }
  .calm-week-header h2,.calm-day-title h3{color:#e7ecf3}
  .calm-week-header p{color:#8f99a8}
  .calm-day-strip{background:transparent}
  .calm-day-chip{
    background:#1b212a;
    border-color:#343b46;
    color:#9da7b5;
  }
  .calm-day-chip strong{color:#dce3ec}
  .calm-day-chip.today{border-color:#5d4b7f}
  .calm-day-chip.selected{
    background:#7958c7;
    border-color:#7958c7;
    color:#eee8ff;
  }
  .calm-day-chip.selected strong{color:#fff}
  .calm-day-card{
    background:#191e27;
    border-color:#303641;
  }
  .calm-day-title{border-bottom-color:#2e3540}
  .calm-day-title span,.calm-section-label{color:#8e98a6}
  .calm-section-label.due-label{color:#c4a466}

  .calm-plan-row.purple{background:#30254a}
  .calm-plan-row.mint{background:#183226}
  .calm-plan-row.gold{background:#352d1b}
  .calm-plan-row.blue{background:#1c2e3d}
  .calm-plan-row.coral{background:#3b2723}
  .calm-plan-row.rose{background:#3a2330}
  .calm-plan-row.peach{background:#382b22}
  .calm-plan-row.gray{background:#272d36}
  .calm-plan-time{color:#a6afbc}
  .calm-plan-main strong{color:#e1e6ed}
  .calm-plan-main small{color:#9ba5b2}
  .calm-plan-more{color:#9aa3af}
  .calm-due-row{
    background:#29251c;
    border-color:#443c29;
  }
  .calm-due-row strong{color:#e1d7ba}
  .calm-due-row small{color:#a99f85}
  .calm-help-card{
    background:#1b2029;
    border-color:#323844;
  }
  .calm-help-top strong{color:#dce2ea}
  .calm-help-top small{color:#8f99a8}

  /* All Tasks */
  .all-tasks-summary>div{
    background:#181e27!important;
    border-color:#303641!important;
  }
  .all-tasks-summary strong{color:#bca3eb}
  .all-tasks-summary span{color:#8d97a5}
  .all-tasks-list{
    background:#171c24;
    border-color:#303641;
  }
  .all-task-group+.all-task-group{border-top-color:#11161d}
  .all-task-group-title{
    background:#1d232c;
    border-bottom-color:#303641;
  }
  .all-task-group-title span{color:#a1aab7}
  .all-task-group-title b{color:#7f8997}

  /* Manual add / task forms */
  .manual-details-toggle{
    background:#1b2029;
    border-color:#3a414d;
    color:#bba3eb;
  }
  .manual-details-toggle small{color:#8993a1}
  .task-choice-label{color:#c4cbd5}
  .task-choice-chips button,
  .energy-options button{
    background:#1a2029;
    border-color:#363d48;
    color:#a9b2bf;
  }
  .task-choice-chips button:hover,
  .energy-options button:hover{
    background:#202731;
    border-color:#4b5360;
  }
  .task-choice-chips button.selected,
  .energy-options button.selected{
    background:#30264a;
    border-color:#5a477d;
    color:#c5acef;
    box-shadow:none;
  }

  /* What should I do now */
  .energy-check{
    background:#181e27!important;
    border-color:#303641!important;
  }
  .energy-check>span{color:#c8d0da}
  .what-now-primary{
    background:#201b2b!important;
    border-color:#3c3152!important;
  }
  .what-now-choice-copy h3{color:#e3e8ef}
  .what-now-choice-copy p{color:#a0aab8}
  .what-now-choice-copy small{color:#8993a1}
  .what-now-pick-label{color:#b89deb}
  .what-now-alt{
    background:#181e27!important;
    border-color:#303641!important;
    color:#d8dfe8;
  }
  .what-now-alt:hover{background:#1e252f!important}
  .what-now-section-label{color:#8e98a6}
  .what-now-explain{
    background:#171c24!important;
    border-color:#303641!important;
    color:#a3adba;
  }

  /* Brain Dump organizer */
  .organizer-mode-pill{
    background:#30264a;
    color:#c3aaf0;
  }
  .organizer-mode-pill.local{
    background:#252b34;
    color:#a7b0bc;
  }
  .organizer-mode-note,.organizer-label-row{color:#8993a1}
  .organizer-summary span{
    background:#1e242e!important;
    border-color:#343b46!important;
    color:#aeb7c4;
  }
  .organizer-summary b{color:#bca2ec}
  .organizer-item{
    background:#181e27!important;
    border-color:#303641!important;
  }
  .organizer-main>span,.organizer-reason{color:#8993a1}
  .organizer-title-input{
    color:#e2e7ee!important;
  }
  .organizer-type-select,
  .organizer-category-select{
    background:#151a22!important;
    border-color:#343b46!important;
    color:#d5dce5!important;
  }
  .organizer-remove{
    background:#252b35;
    color:#aab3bf;
  }
  .organizer-foot{border-top-color:#303641}
  .organizer-foot>span{color:#919ba9}

  /* Notes hub */
  .notes-filter-row button{
    background:#191f28;
    border-color:#343a45;
    color:#9da7b5;
  }
  .notes-filter-row button.selected{
    background:#2d2542;
    border-color:#4c3d6c;
    color:#c1a9ef;
  }
  .notes-hub-summary{color:#8e98a6}
  .notes-hub-summary strong{color:#c6b2eb}
  .notes-show-more{
    background:#1b2029;
    border-color:#343b46;
    color:#bca2ec;
  }

  .note-card.note-tone-coral{background:#3b2723;border-color:#53372f}
  .note-card.note-tone-purple{background:#30254a;border-color:#48356e}
  .note-card.note-tone-mint{background:#183226;border-color:#274c39}
  .note-card.note-tone-peach{background:#382b22;border-color:#503b2e}
  .note-card.note-tone-blue{background:#1c2e3d;border-color:#2b455a}
  .note-card.note-tone-gold{background:#352d1b;border-color:#504329}
  .note-card.note-tone-rose{background:#3a2330;border-color:#513143}
  .note-card strong,.note-card p,.note-card span{color:#dce3eb}
  .note-card .note-category{
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.09);
    color:#dbe2eb;
  }

  /* Note focus */
  .note-focus-panel.note-focus-tone-coral{background:#2f211f;border-color:#50352f}
  .note-focus-panel.note-focus-tone-purple{background:#29213b;border-color:#493765}
  .note-focus-panel.note-focus-tone-mint{background:#172a21;border-color:#294438}
  .note-focus-panel.note-focus-tone-peach{background:#2e251f;border-color:#4d3b30}
  .note-focus-panel.note-focus-tone-blue{background:#192934;border-color:#2d4657}
  .note-focus-panel.note-focus-tone-gold{background:#2c271c;border-color:#49402c}
  .note-focus-panel.note-focus-tone-rose{background:#2e2028;border-color:#4e3340}
  .note-title-input{color:#edf0f4!important}
  .note-back-btn{color:#bca1ed}
  .note-ai-btn{background:#7958c7}
  .note-ai-result,
  .note-action-list>div{
    background:rgba(17,21,28,.72)!important;
    border-color:rgba(255,255,255,.08)!important;
    color:#d7dee7;
  }
  .note-ai-section p,.note-action-list span{color:#a8b1bd}
  .note-ai-small-btn{
    background:#202630;
    border-color:#3a414c;
    color:#bca3eb;
  }

  /* Adjust My Day */
  .adjust-summary>div{
    background:#181e27!important;
    border-color:#303641!important;
  }
  .adjust-summary strong{color:#bca3eb}
  .adjust-summary span{color:#8f99a7}
  .adjust-preview-item{
    background:#181e27!important;
    border-color:#303641!important;
  }
  .adjust-preview-item.fixed{background:#17232c!important;border-color:#29404f!important}
  .adjust-preview-item.manual{background:#29241b!important;border-color:#443a29!important}
  .adjust-preview-head strong{color:#e0e6ed}
  .adjust-preview-copy>span,.adjust-preview-copy>small{color:#98a2af}
  .adjust-note{
    background:#17251f;
    border-color:#294137;
  }
  .adjust-note strong{color:#84caa3}
  .adjust-note span{color:#96aa9f}
  .adjust-empty{
    border-color:#343b46;
    color:#9ba5b3;
  }

  /* Quick add */
  .quick-add-grid button{
    background:#1b2029!important;
    border-color:#343b46!important;
    color:#bda4ed!important;
  }
  .quick-add-grid button:hover{background:#222934!important}

  /* Modal foundation everywhere */
  .modal-backdrop{background:rgba(4,7,12,.70)}
  .modal-panel,
  .calm-week-shell{
    color:#dde3eb;
  }
  .modal-panel{
    background:#191e27!important;
    border:1px solid #303641;
  }
  .modal-head h2,.modal-panel label,.field-label{color:#dce2ea}
  .modal-subcopy{color:#8d97a6}
  .eyebrow{color:#b79ceb}
  .icon-btn{background:#252b35;color:#c0c8d3}
  .secondary-btn{
    background:#1c222b!important;
    border-color:#373e49!important;
    color:#b8c1cd!important;
  }
  .danger-btn{
    background:#301d21!important;
    border-color:#543039!important;
    color:#e593a2!important;
  }
  .category-option{
    background:#181e27!important;
    border-color:#323843!important;
    color:#d6dce5!important;
  }
  .category-option.selected{
    outline-color:#8b69d3;
    background:#272038!important;
  }
  .category-option small{color:#8792a1}

  /* Navigation / capture / focus */
  
  
  .bottom-nav{
    background:rgba(24,29,38,.97)!important;
    border-color:#343a45!important;
  }
  .bottom-nav button{color:#a7b0bd}
  .bottom-nav button:not(.nav-plus).active{
    background:#2b2440!important;
    color:#bea4ee!important;
  }
  .bottom-nav .nav-plus{background:#7a58c8!important;color:#fff!important}
  .focus-panel{
    background:#0d1117;
    border:1px solid #262c35;
  }

  /* Category/icon dark tones throughout */
  .task-icon.purple,.round-icon.purple,.calm-plan-step-icon.purple{background:#30254a;color:#bea4ee}
  .task-icon.mint,.round-icon.mint,.calm-plan-step-icon.mint{background:#183226;color:#81cba2}
  .task-icon.gold,.round-icon.gold,.calm-plan-step-icon.gold{background:#352d1b;color:#d6bb72}
  .task-icon.blue,.round-icon.blue,.calm-plan-step-icon.blue{background:#1c2e3d;color:#83b5d8}
  .task-icon.coral,.round-icon.coral,.calm-plan-step-icon.coral{background:#3b2723;color:#dc9a88}
  .task-icon.rose,.round-icon.rose,.calm-plan-step-icon.rose{background:#3a2330;color:#dda0b9}
  .task-icon.peach,.round-icon.peach,.calm-plan-step-icon.peach{background:#382b22;color:#d7a27f}
  .task-icon.gray,.round-icon.gray,.calm-plan-step-icon.gray{background:#272d36;color:#a2aab7}

  .plan-block.purple{background:#30254a}
  .plan-block.mint{background:#183226}
  .plan-block.gold{background:#352d1b}
  .plan-block.blue{background:#1c2e3d}
  .plan-block.coral{background:#3b2723}
  .plan-block.rose{background:#3a2330}
  .plan-block.peach{background:#382b22}
  .plan-block.gray{background:#272d36}
  .plan-block strong{color:#e0e6ed}
  .plan-block span{color:#a1abb7}
  .time-label{color:#8993a0}
}


/* =========================================================
   Account, onboarding, Supabase sync + beta readiness
   ========================================================= */

.account-status{
  border:0;
  background:transparent;
  cursor:pointer;
  padding:7px 8px;
  border-radius:9px;
}
.account-status:hover{background:rgba(255,255,255,.55)}
#syncStatusDot,.account-sync-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#a7adb6;
  flex:0 0 auto;
}
#syncStatusDot[data-state="synced"],.account-sync-dot[data-state="synced"]{background:#66a982}
#syncStatusDot[data-state="saving"],.account-sync-dot[data-state="saving"],
#syncStatusDot[data-state="connecting"],.account-sync-dot[data-state="connecting"]{background:#b18b4b}
#syncStatusDot[data-state="offline"],.account-sync-dot[data-state="offline"]{background:#858d99}
#syncStatusDot[data-state="error"],.account-sync-dot[data-state="error"]{background:#bd6262}

/* Auth gate */
.auth-gate{
  position:fixed;
  inset:0;
  z-index:150;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 20% 10%,rgba(93,53,181,.09),transparent 34%),
    linear-gradient(180deg,#f3f1ee,#efedea);
}
.auth-shell{
  width:min(430px,100%);
  background:rgba(255,255,255,.93);
  border:1px solid #e1dee4;
  border-radius:18px;
  padding:26px;
  box-shadow:0 28px 80px rgba(23,26,34,.12);
  backdrop-filter:blur(14px);
}
.auth-brand{
  display:flex;
  align-items:center;
  gap:11px;
  padding-bottom:20px;
  margin-bottom:22px;
  border-bottom:1px solid #ece9ed;
}
.auth-brand .brand-mark{
  width:38px;
  height:38px;
  font-size:16px;
}
.auth-brand strong,.auth-brand small{display:block}
.auth-brand strong{font-size:17px;color:#1b2332}
.auth-brand small{font-size:9px;color:#838a96;margin-top:2px}
.auth-content h1{
  margin:5px 0 7px;
  font-size:28px;
  letter-spacing:-.7px;
  color:#1c2432;
}
.auth-content>p{
  margin:0;
  color:#717a89;
  font-size:12px;
  line-height:1.55;
}
.auth-mode-switch{
  margin:20px 0 14px;
  padding:4px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  border:1px solid #e4e0e5;
  border-radius:11px;
  background:#f7f6f5;
}
.auth-mode-switch button{
  border:0;
  background:transparent;
  border-radius:8px;
  padding:9px 10px;
  color:#727b89;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.auth-mode-switch button.selected{
  background:#fff;
  color:#4f2b96;
  box-shadow:0 2px 8px rgba(30,32,40,.06);
}
#authForm label{
  display:block;
  margin-top:12px;
  color:#414a59;
  font-size:10px;
  font-weight:800;
}
#authForm input{
  width:100%;
  margin-top:6px;
  border:1px solid #ddd9df;
  border-radius:10px;
  background:#fff;
  padding:11px 12px;
  color:#192130;
  outline:none;
}
#authForm input:focus{
  border-color:#a893cd;
  box-shadow:0 0 0 3px rgba(93,53,181,.07);
}
.auth-submit{
  width:100%;
  margin-top:17px;
}
.auth-message{
  margin-top:12px;
  border-radius:9px;
  padding:10px 11px;
  background:#f2eff8;
  color:#5c4091;
  font-size:10px;
  line-height:1.45;
}
.auth-message[data-type="error"]{background:#fbefef;color:#9b4747}
.auth-message[data-type="success"]{background:#edf7f1;color:#377052}
.auth-privacy{
  margin-top:13px!important;
  padding-top:12px;
  border-top:1px solid #ece9ed;
  font-size:9px!important;
  color:#9298a1!important;
}
.auth-loading{
  min-height:180px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:14px;
  color:#4b5565;
  font-size:11px;
}
.auth-spinner{
  width:28px;
  height:28px;
  border-radius:50%;
  border:3px solid #e2dceb;
  border-top-color:#5d35b5;
  animation:authSpin .7s linear infinite;
}
@keyframes authSpin{to{transform:rotate(360deg)}}

/* Onboarding */
.onboarding-modal{z-index:140}
.onboarding-panel{
  width:min(570px,100%);
  padding:28px;
}
.onboarding-progress{
  display:flex;
  gap:6px;
  margin-bottom:24px;
}
.onboarding-progress span{
  height:4px;
  flex:1;
  background:#e6e2e8;
  border-radius:999px;
}
.onboarding-progress span.active{background:#5d35b5}
.onboarding-panel h2{
  margin:5px 0 8px;
  font-size:26px;
  color:#1d2533;
}
.onboarding-panel #onboardingContent>p{
  margin:0;
  color:#707988;
  font-size:12px;
  line-height:1.55;
}
.onboarding-points{
  display:grid;
  gap:8px;
  margin:20px 0;
}
.onboarding-points>div{
  border:1px solid #e6e2e7;
  background:#faf9fa;
  border-radius:11px;
  padding:12px;
}
.onboarding-points strong,.onboarding-points small{display:block}
.onboarding-points strong{font-size:11px;color:#303948}
.onboarding-points small{font-size:9px;color:#838b97;margin-top:3px}
.onboarding-next{width:100%;margin-top:20px}
.onboarding-energy{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:22px 0 5px;
}
.onboarding-energy button{
  border:1px solid #e0dce3;
  background:#fafafa;
  border-radius:10px;
  padding:13px;
  color:#68717f;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.onboarding-energy button.selected{
  border-color:#b7a3d8;
  background:#f0ebf8;
  color:#54319e;
}
.onboarding-import{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:20px;
}
.onboarding-import button{
  min-height:72px;
  text-align:left;
}
.onboarding-import strong,.onboarding-import small{display:block}
.onboarding-import small{font-size:8px;margin-top:4px;opacity:.72}

/* Account */
.account-info{
  border:1px solid #e7e3e8;
  background:#faf9fa;
  border-radius:10px;
  padding:11px 12px;
}
.account-info span,.account-info strong{display:block}
.account-info span{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#9298a2}
.account-info strong{font-size:11px;color:#333c4b;margin-top:3px;overflow-wrap:anywhere}
.account-sync-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
  border:1px solid #e7e3e8;
  border-radius:10px;
  padding:11px 12px;
}
.account-sync-row strong,.account-sync-row small{display:block}
.account-sync-row strong{font-size:10px;color:#3b4452}
.account-sync-row small{font-size:8.5px;color:#838b97;margin-top:2px}
.beta-feedback{
  margin-top:19px;
  padding-top:3px;
}
.beta-feedback textarea{
  width:100%;
  min-height:92px;
  resize:vertical;
  border:1px solid #ddd9df;
  border-radius:10px;
  background:#fff;
  padding:11px;
  font:inherit;
  font-size:10px;
  color:#28313f;
}
.beta-feedback .secondary-btn{
  width:100%;
  margin-top:7px;
}
.account-actions{
  margin-top:18px;
  padding-top:13px;
  border-top:1px solid #ece8ed;
}
.account-actions .danger-btn{width:100%}

/* Dark mode for account/auth/onboarding */
@media(prefers-color-scheme:dark){
  .auth-gate{
    background:
      radial-gradient(circle at 20% 10%,rgba(121,88,199,.16),transparent 34%),
      linear-gradient(180deg,#11151d,#0f131a);
  }
  .auth-shell{
    background:rgba(25,30,39,.96);
    border-color:#313843;
    box-shadow:0 28px 80px rgba(0,0,0,.34);
  }
  .auth-brand{border-bottom-color:#303641}
  .auth-brand strong,.auth-content h1{color:#edf1f5}
  .auth-brand small,.auth-content>p{color:#929caa}
  .auth-mode-switch{
    background:#151a22;
    border-color:#343b46;
  }
  .auth-mode-switch button{color:#929dab}
  .auth-mode-switch button.selected{
    background:#252c36;
    color:#c2a9ed;
    box-shadow:none;
  }
  #authForm label{color:#cbd2db}
  #authForm input,
  .beta-feedback textarea{
    background:#151a22;
    border-color:#343b46;
    color:#e2e7ed;
  }
  .auth-privacy{border-top-color:#303641}
  .auth-message{background:#29213b;color:#c0a9e8}
  .auth-message[data-type="error"]{background:#321f24;color:#e0a0aa}
  .auth-message[data-type="success"]{background:#182a22;color:#8acaaa}
  .auth-spinner{border-color:#303641;border-top-color:#9a7bdc}
  .auth-loading{color:#adb6c2}

  .onboarding-panel h2{color:#e8edf3}
  .onboarding-panel #onboardingContent>p{color:#9ba5b3}
  .onboarding-progress span{background:#303641}
  .onboarding-progress span.active{background:#8e6bd4}
  .onboarding-points>div,
  .account-info{
    background:#171c24;
    border-color:#303641;
  }
  .onboarding-points strong,.account-info strong{color:#dde3eb}
  .onboarding-points small,.account-info span{color:#8e98a6}
  .onboarding-energy button{
    background:#181e27;
    border-color:#343b46;
    color:#9fa9b7;
  }
  .onboarding-energy button.selected{
    background:#30264a;
    border-color:#594578;
    color:#c4acee;
  }
  .account-sync-row{
    border-color:#303641;
    background:#171c24;
  }
  .account-sync-row strong{color:#d9e0e8}
  .account-sync-row small{color:#8e98a6}
  .account-actions{border-top-color:#303641}
  .account-status:hover{background:#1d232c}
}

/* =========================================================
   Beta auth hardening — recovery + password management
   ========================================================= */

.auth-forgot{
  display:block;
  width:100%;
  margin-top:9px;
  padding:6px;
  border:0;
  background:transparent;
  color:#6a4aa7;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}
.auth-forgot:hover{text-decoration:underline}
.auth-forgot:disabled{opacity:.55;cursor:wait}

.account-password-btn{
  width:100%;
  margin-top:10px;
}

.password-panel form label{
  display:block;
  font-size:10px;
  font-weight:800;
  color:#414a59;
  margin-top:12px;
}
.password-panel input{
  width:100%;
  margin-top:6px;
  border:1px solid #ddd9df;
  border-radius:10px;
  background:#fff;
  padding:11px 12px;
  color:#192130;
}
.password-panel input:focus{
  outline:none;
  border-color:#a893cd;
  box-shadow:0 0 0 3px rgba(93,53,181,.07);
}
.password-strength-copy{
  margin-top:11px;
  border:1px solid #e7e3e8;
  border-radius:10px;
  background:#faf9fa;
  padding:10px 11px;
}
.password-strength-copy span,
.password-strength-copy small{display:block}
.password-strength-copy span{
  color:#4c5564;
  font-size:9px;
  font-weight:800;
}
.password-strength-copy small{
  color:#878e99;
  margin-top:3px;
  font-size:8px;
  line-height:1.4;
}
.password-save{
  width:100%;
  margin-top:15px;
}

@media(prefers-color-scheme:dark){
  .auth-forgot{color:#bea4ee}
  .password-panel form label{color:#cbd2db}
  .password-panel input{
    background:#151a22;
    border-color:#343b46;
    color:#e2e7ed;
  }
  .password-strength-copy{
    background:#171c24;
    border-color:#303641;
  }
  .password-strength-copy span{color:#cbd3dc}
  .password-strength-copy small{color:#8993a1}
}

/* =========================================================
   Task Breakdown
   ========================================================= */

.task-breakdown-link{
  display:inline-flex;
  margin-top:5px;
  padding:0;
  border:0;
  background:transparent;
  color:#6a42ad;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}
.task-breakdown-link:hover{text-decoration:underline}

.task-next-step{
  width:min(100%,420px);
  margin-top:6px;
  border:1px solid #e5e0e8;
  background:#faf9fb;
  border-radius:9px;
  padding:7px 9px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  text-align:left;
  cursor:pointer;
}
.task-next-step>span{
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:900;
  color:#8c8298;
}
.task-next-step>strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  color:#4e5663;
}
.task-next-step>small{
  font-size:8px;
  color:#9298a2;
}
.task-next-step:hover{
  border-color:#d1c5df;
  background:#f7f4fa;
}
.task-next-step.complete-ready{
  background:#f3f8f5;
  border-color:#d7e8dd;
}
.task-next-step.complete-ready>span,
.task-next-step.complete-ready>strong{color:#47705a}

.task-breakdown-panel{
  width:min(650px,100%);
  max-height:92vh;
  overflow:auto;
}
.breakdown-task-head{
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid #e6e2e7;
  background:#faf9fa;
  border-radius:11px;
  padding:11px 12px;
  margin-bottom:13px;
}
.breakdown-task-icon{
  width:38px;
  height:38px;
  border-radius:10px;
  display:grid;
  place-items:center;
  font-size:15px;
  font-weight:900;
  flex:0 0 auto;
}
.breakdown-task-icon.purple{background:#eee4ff;color:#6531bc}
.breakdown-task-icon.mint{background:#e6f7ee;color:#327c5a}
.breakdown-task-icon.gold{background:#fff4d8;color:#946d1b}
.breakdown-task-icon.blue{background:#e8f3ff;color:#42749b}
.breakdown-task-icon.coral{background:#ffefe8;color:#a75a44}
.breakdown-task-icon.rose{background:#ffe8f0;color:#a14c6e}
.breakdown-task-icon.peach{background:#fff0e3;color:#a46639}
.breakdown-task-icon.gray{background:#eef0f2;color:#67717e}
.breakdown-task-head strong,
.breakdown-task-head small{display:block}
.breakdown-task-head strong{color:#303847;font-size:12px}
.breakdown-task-head small{color:#858c98;font-size:9px;margin-top:3px}

.breakdown-loading{
  min-height:86px;
  border:1px solid #e6e2e7;
  background:#faf9fb;
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  margin-bottom:10px;
}
.breakdown-loading strong,
.breakdown-loading small{display:block}
.breakdown-loading strong{font-size:10px;color:#4b5361}
.breakdown-loading small{font-size:8px;color:#89909a;margin-top:2px}
.breakdown-spinner{
  width:23px;
  height:23px;
  border-radius:50%;
  border:3px solid #e5deed;
  border-top-color:#6d48ae;
  animation:breakdownSpin .7s linear infinite;
}
@keyframes breakdownSpin{to{transform:rotate(360deg)}}

.breakdown-list{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.breakdown-step{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  border:1px solid #e7e3e8;
  background:#fff;
  border-radius:10px;
  padding:9px 10px;
}
.breakdown-step.done{
  background:#f6f8f6;
  border-color:#dfe8e2;
}
.breakdown-check{
  width:24px;
  height:24px;
  border-radius:50%;
  border:1.5px solid #9da5b0;
  background:transparent;
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:10px;
  font-weight:900;
}
.breakdown-step.done .breakdown-check{
  background:#5f3aa2;
  border-color:#5f3aa2;
}
.breakdown-step-copy{
  min-width:0;
  display:grid;
  grid-template-columns:19px minmax(0,1fr);
  gap:6px;
  align-items:center;
}
.breakdown-step-number{
  font-size:8px;
  color:#9aa0aa;
  font-weight:850;
}
.breakdown-step-copy input{
  width:100%;
  margin:0!important;
  padding:5px 3px!important;
  border:0!important;
  border-bottom:1px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#343c49!important;
  font-size:10px;
  box-shadow:none!important;
}
.breakdown-step-copy input:focus{
  border-bottom-color:#b9a8d2!important;
  outline:none;
}
.breakdown-step.done input{
  text-decoration:line-through;
  color:#858d98!important;
}
.breakdown-remove{
  width:25px;
  height:25px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#a1a6ae;
  font-size:18px;
  cursor:pointer;
}
.breakdown-remove:hover{
  background:#f2eff3;
  color:#7f7786;
}
.breakdown-empty{
  min-height:90px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  border:1px dashed #ded9e1;
  border-radius:11px;
  color:#777f8c;
}
.breakdown-empty strong,
.breakdown-empty small{display:block}
.breakdown-empty strong{font-size:10px}
.breakdown-empty small{font-size:8px;margin-top:3px}

.breakdown-add{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin-top:12px;
}
.breakdown-add input{
  margin:0!important;
  border-radius:9px!important;
}
.breakdown-actions{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:8px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid #ece8ed;
}
.breakdown-actions button{font-size:9px}

@media(max-width:620px){
  .task-next-step{
    grid-template-columns:auto 1fr;
  }
  .task-next-step>small{
    grid-column:2;
  }
  .breakdown-add{
    grid-template-columns:1fr;
  }
  .breakdown-actions{
    grid-template-columns:1fr;
  }
  .breakdown-actions>span{display:none}
  .breakdown-actions button{width:100%}
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .task-breakdown-link{color:#bea4ee}
  .task-next-step{
    background:#181e27;
    border-color:#303641;
  }
  .task-next-step:hover{
    background:#1e252f;
    border-color:#454c58;
  }
  .task-next-step>span{color:#8d97a5}
  .task-next-step>strong{color:#d2d9e2}
  .task-next-step>small{color:#7f8997}
  .task-next-step.complete-ready{
    background:#17251f;
    border-color:#294137;
  }
  .task-next-step.complete-ready>span,
  .task-next-step.complete-ready>strong{color:#8ac6a3}

  .breakdown-task-head{
    background:#171c24;
    border-color:#303641;
  }
  .breakdown-task-head strong{color:#dce2ea}
  .breakdown-task-head small{color:#8e98a6}

  .breakdown-task-icon.purple{background:#30254a;color:#bea4ee}
  .breakdown-task-icon.mint{background:#183226;color:#81cba2}
  .breakdown-task-icon.gold{background:#352d1b;color:#d6bb72}
  .breakdown-task-icon.blue{background:#1c2e3d;color:#83b5d8}
  .breakdown-task-icon.coral{background:#3b2723;color:#dc9a88}
  .breakdown-task-icon.rose{background:#3a2330;color:#dda0b9}
  .breakdown-task-icon.peach{background:#382b22;color:#d7a27f}
  .breakdown-task-icon.gray{background:#272d36;color:#a2aab7}

  .breakdown-loading{
    background:#171c24;
    border-color:#303641;
  }
  .breakdown-loading strong{color:#d2d9e1}
  .breakdown-loading small{color:#8993a1}
  .breakdown-spinner{border-color:#303641;border-top-color:#9b7bdc}

  .breakdown-step{
    background:#181e27;
    border-color:#303641;
  }
  .breakdown-step.done{
    background:#17231d;
    border-color:#294036;
  }
  .breakdown-check{border-color:#707a88}
  .breakdown-step.done .breakdown-check{
    background:#7958c7;
    border-color:#7958c7;
  }
  .breakdown-step-copy input{
    color:#dce3eb!important;
  }
  .breakdown-step.done input{color:#798391!important}
  .breakdown-step-number{color:#7f8997}
  .breakdown-remove{color:#7f8997}
  .breakdown-remove:hover{background:#252b35;color:#b2bbc7}
  .breakdown-empty{border-color:#343b46;color:#8e98a6}
  .breakdown-actions{border-top-color:#303641}
}

/* =========================================================
   Routines — one recurring step at a time
   ========================================================= */

.routine-card{
  padding:0;
  overflow:hidden;
}
.routine-card-head{
  padding:16px 18px 12px;
  margin:0;
  border-bottom:1px solid #ece8e5;
}
.routine-card-head>span{
  display:flex;
  align-items:center;
  gap:9px;
}
.routine-card-head>span>span:first-child{
  color:#5d35b5;
  font-size:15px;
}
.routine-card-head h3,
.routine-card-head small{display:block}
.routine-card-head small{
  margin-top:2px;
  color:#8a8f99;
  font-size:9px;
}
.routine-manage-link{
  border:0;
  background:transparent;
  color:#6b6571;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}
.routine-manage-link:hover{color:#5d35b5}

.routine-empty{
  min-height:94px;
  padding:15px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.routine-empty strong,
.routine-empty small{display:block}
.routine-empty strong{
  color:#35404f;
  font-size:11px;
}
.routine-empty small{
  max-width:310px;
  margin-top:3px;
  color:#858c97;
  font-size:9px;
  line-height:1.45;
}

.routine-current{
  width:100%;
  padding:15px 18px 11px;
  border:0;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.routine-current:hover{background:#fbfafc}
.routine-current-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.routine-current-top span,
.routine-current-top strong{
  display:block;
}
.routine-current-top span{
  color:#857d8d;
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.routine-current-top strong{
  color:#303947;
  margin-top:3px;
  font-size:12px;
}
.routine-current-top>small{
  color:#8f96a0;
  font-size:9px;
  font-weight:800;
}
.routine-next-step{
  margin-top:10px;
  border:1px solid #e5e0e7;
  background:#faf9fb;
  border-radius:10px;
  padding:10px 11px;
}
.routine-next-step span,
.routine-next-step strong{display:block}
.routine-next-step span{
  color:#90879a;
  font-size:7px;
  font-weight:900;
  letter-spacing:.07em;
}
.routine-next-step strong{
  margin-top:3px;
  color:#505865;
  font-size:10px;
}
.routine-done-next{
  width:calc(100% - 36px);
  margin:0 18px 15px;
  border:0;
  border-radius:9px;
  padding:9px 11px;
  background:#172033;
  color:white;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}
.routine-done-next:hover{opacity:.92}

.routine-calm-state{
  min-height:91px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px;
}
.routine-calm-state>span{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eff0f2;
  color:#6f7885;
  font-size:13px;
}
.routine-calm-state.success>span{
  background:#eaf5ee;
  color:#47775c;
}
.routine-calm-state strong,
.routine-calm-state small{display:block}
.routine-calm-state strong{
  color:#414a58;
  font-size:10px;
}
.routine-calm-state small{
  margin-top:2px;
  color:#8a919c;
  font-size:8px;
}

/* Focus view */
.routine-focus-panel{width:min(580px,100%)}
.routine-focus-next{
  min-height:210px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px solid #e5e1e6;
  background:#faf9fb;
  border-radius:14px;
  padding:26px;
}
.routine-focus-next>span{
  color:#8c8198;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
}
.routine-focus-next>strong{
  max-width:430px;
  margin:11px 0 22px;
  color:#27303e;
  font-size:22px;
  line-height:1.25;
  letter-spacing:-.35px;
}
.routine-focus-next .primary-btn{
  min-width:210px;
}
.routine-focus-complete{
  min-height:210px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  border:1px solid #dfe9e2;
  background:#f5faf7;
  border-radius:14px;
}
.routine-focus-complete.quiet{
  border-color:#e4e2e5;
  background:#faf9fa;
}
.routine-focus-complete>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e1f1e7;
  color:#4f7b60;
  font-size:16px;
}
.routine-focus-complete.quiet>span{
  background:#efeff1;
  color:#747c87;
}
.routine-focus-complete strong{
  margin-top:9px;
  color:#35404e;
  font-size:13px;
}
.routine-focus-complete small{
  max-width:330px;
  margin-top:4px;
  color:#858c97;
  font-size:9px;
  line-height:1.45;
}
.routine-see-all{
  display:block;
  margin:10px auto 0;
  border:0;
  background:transparent;
  color:#67508d;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}
.routine-all-steps{
  margin-top:10px;
  border:1px solid #e7e3e8;
  border-radius:11px;
  overflow:hidden;
}
.routine-focus-step{
  width:100%;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:9px;
  align-items:center;
  border:0;
  border-bottom:1px solid #ece9ed;
  background:white;
  padding:10px 11px;
  text-align:left;
  cursor:pointer;
  color:#4b5360;
  font-size:9px;
}
.routine-focus-step:last-child{border-bottom:0}
.routine-focus-step:hover{background:#faf9fb}
.routine-focus-step.done{
  color:#8c939d;
  text-decoration:line-through;
  background:#f7f8f7;
}
.routine-focus-check{
  width:22px;
  height:22px;
  border:1.5px solid #a3aab4;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:white;
  font-size:9px;
}
.routine-focus-step.done .routine-focus-check{
  background:#5d35b5;
  border-color:#5d35b5;
}
.routine-focus-step>span:last-child{
  display:flex;
  align-items:center;
  gap:8px;
}
.routine-focus-step small{
  color:#a0a5ad;
  font-size:7px;
  min-width:12px;
  text-decoration:none!important;
}
.routine-focus-foot{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:14px;
  padding-top:11px;
  border-top:1px solid #ece8ed;
}
.routine-quiet-btn{
  border:0;
  background:transparent;
  color:#818793;
  padding:5px;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}
.routine-quiet-btn:hover{color:#5d35b5}

/* Manage routines */
.routines-panel{width:min(650px,100%)}
.routines-list{
  display:flex;
  flex-direction:column;
  gap:7px;
  max-height:50vh;
  overflow:auto;
}
.routine-manage-row{
  width:100%;
  border:1px solid #e6e2e7;
  border-radius:10px;
  background:#fff;
  padding:11px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:left;
  cursor:pointer;
}
.routine-manage-row:hover{
  border-color:#d6ccdf;
  background:#faf9fb;
}
.routine-manage-row.paused{opacity:.62}
.routine-manage-row span,
.routine-manage-row strong,
.routine-manage-row small{display:block}
.routine-manage-row span{
  color:#8d8593;
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.routine-manage-row strong{
  color:#38414f;
  margin-top:3px;
  font-size:11px;
}
.routine-manage-row small{
  color:#8b929d;
  margin-top:3px;
  font-size:8px;
}
.routine-manage-row em{
  color:#867c90;
  font-size:8px;
  font-style:normal;
  white-space:nowrap;
}
.routines-add{width:100%;margin-top:12px}
.routines-empty{
  min-height:140px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  border:1px dashed #ddd8e0;
  border-radius:11px;
  padding:20px;
}
.routines-empty strong{
  color:#444d5b;
  font-size:11px;
}
.routines-empty small{
  max-width:340px;
  color:#858d98;
  margin-top:4px;
  font-size:8.5px;
  line-height:1.45;
}

/* Routine editor */
.routine-edit-panel{width:min(610px,100%)}
.routine-days-field{margin-top:14px}
.routine-day-chips{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:5px;
  margin-top:7px;
}
.routine-day-chips button{
  border:1px solid #ded9e0;
  border-radius:8px;
  background:#fafafa;
  color:#777f8b;
  padding:8px 3px;
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}
.routine-day-chips button.selected{
  background:#eee9f6;
  border-color:#cbbcdf;
  color:#5d35a0;
}
.routine-step-editor{margin-top:17px}
.routine-edit-step{
  display:grid;
  grid-template-columns:20px minmax(0,1fr) 28px;
  gap:7px;
  align-items:center;
  border:1px solid #e7e3e8;
  border-radius:9px;
  background:#fff;
  padding:7px 8px;
  margin-top:6px;
}
.routine-edit-step>span{
  color:#9aa0aa;
  font-size:8px;
  font-weight:850;
  text-align:center;
}
.routine-edit-step input{
  margin:0!important;
  padding:6px 4px!important;
  border:0!important;
  border-bottom:1px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.routine-edit-step input:focus{
  border-bottom-color:#bba8d6!important;
}
.routine-edit-step button{
  border:0;
  background:transparent;
  color:#9b9fa7;
  font-size:17px;
  cursor:pointer;
}
.routine-edit-empty{
  margin-top:7px;
  border:1px dashed #ddd8e0;
  border-radius:9px;
  padding:13px;
  text-align:center;
  color:#8b919b;
  font-size:8px;
}
.routine-step-add{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  margin-top:7px;
}
.routine-step-add input{margin:0!important}
.routine-editor-help{
  display:block;
  margin-top:5px;
  color:#9298a2;
  font-size:7.5px;
}
.routine-edit-actions{margin-top:17px}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .routine-card-head{border-bottom-color:#2d333d}
  .routine-card-head>span>span:first-child{color:#ad91e5}
  .routine-card-head small{color:#8893a1}
  .routine-manage-link{color:#9da6b2}
  .routine-manage-link:hover{color:#c1a8ee}

  .routine-empty strong,
  .routine-current-top strong,
  .routine-calm-state strong{color:#dce3eb}
  .routine-empty small,
  .routine-current-top span,
  .routine-current-top>small,
  .routine-calm-state small{color:#8993a1}
  .routine-current:hover{background:#1b212a}
  .routine-next-step{
    background:#171c24;
    border-color:#303641;
  }
  .routine-next-step span{color:#8d97a5}
  .routine-next-step strong{color:#d0d7df}
  .routine-done-next{
    background:#e2e7ee;
    color:#18202b;
  }
  .routine-calm-state>span{
    background:#272d36;
    color:#a2aab7;
  }
  .routine-calm-state.success>span{
    background:#183226;
    color:#81c6a0;
  }

  .routine-focus-next{
    background:#171c24;
    border-color:#303641;
  }
  .routine-focus-next>span{color:#8f99a7}
  .routine-focus-next>strong{color:#e7ebf1}
  .routine-focus-complete{
    background:#17231d;
    border-color:#294036;
  }
  .routine-focus-complete.quiet{
    background:#171c24;
    border-color:#303641;
  }
  .routine-focus-complete>span{
    background:#183226;
    color:#8bc8a5;
  }
  .routine-focus-complete.quiet>span{
    background:#272d36;
    color:#a2aab7;
  }
  .routine-focus-complete strong{color:#dce3eb}
  .routine-focus-complete small{color:#8993a1}
  .routine-see-all{color:#bea4ee}
  .routine-all-steps{border-color:#303641}
  .routine-focus-step{
    background:#181e27;
    border-bottom-color:#303641;
    color:#cfd6df;
  }
  .routine-focus-step:hover{background:#1e252f}
  .routine-focus-step.done{
    background:#17231d;
    color:#7f8997;
  }
  .routine-focus-check{border-color:#707a88}
  .routine-focus-step.done .routine-focus-check{
    background:#7958c7;
    border-color:#7958c7;
  }
  .routine-focus-foot{border-top-color:#303641}
  .routine-quiet-btn{color:#8f99a7}
  .routine-quiet-btn:hover{color:#bea4ee}

  .routine-manage-row{
    background:#181e27;
    border-color:#303641;
  }
  .routine-manage-row:hover{
    background:#1e252f;
    border-color:#454c58;
  }
  .routine-manage-row span,
  .routine-manage-row small,
  .routine-manage-row em{color:#8993a1}
  .routine-manage-row strong{color:#d9e0e8}
  .routines-empty{
    border-color:#343b46;
  }
  .routines-empty strong{color:#d6dde6}
  .routines-empty small{color:#8993a1}

  .routine-day-chips button{
    background:#181e27;
    border-color:#343b46;
    color:#929dab;
  }
  .routine-day-chips button.selected{
    background:#30254a;
    border-color:#594578;
    color:#c2aaed;
  }
  .routine-edit-step{
    background:#181e27;
    border-color:#303641;
  }
  .routine-edit-step>span,
  .routine-edit-step button{color:#7f8997}
  .routine-edit-empty{
    border-color:#343b46;
    color:#8993a1;
  }
  .routine-editor-help{color:#7f8997}
}

@media(max-width:620px){
  .routine-empty{
    align-items:flex-start;
    flex-direction:column;
  }
  .routine-empty .secondary-btn{width:100%}
  .routine-focus-next>strong{font-size:19px}
  .routine-day-chips{
    grid-template-columns:repeat(4,1fr);
  }
  .routine-step-add{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   Focus Mode — Come Back to This
   ========================================================= */

.focus-resume-note{
  width:min(430px,100%);
  margin:10px auto 0;
  border:1px solid #ded7e8;
  background:#f7f3fb;
  border-radius:10px;
  padding:9px 11px;
  text-align:left;
}
.focus-resume-note strong,
.focus-resume-note span{display:block}
.focus-resume-note strong{
  color:#57416f;
  font-size:9px;
}
.focus-resume-note span{
  margin-top:2px;
  color:#82768e;
  font-size:8px;
}

.focus-next-piece{
  width:min(430px,100%);
  margin:9px auto 0;
  border-left:3px solid #7953b5;
  background:#faf9fb;
  border-radius:0 9px 9px 0;
  padding:9px 11px;
  text-align:left;
}
.focus-next-piece span,
.focus-next-piece strong{display:block}
.focus-next-piece span{
  color:#91869c;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}
.focus-next-piece strong{
  margin-top:3px;
  color:#414956;
  font-size:10px;
}

.focus-come-back{
  width:100%;
  margin-top:9px;
  border:1px solid #ded9e2;
  border-radius:9px;
  background:transparent;
  color:#675775;
  padding:9px 12px;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}
.focus-come-back:hover{
  background:#f8f6f9;
  border-color:#ccc2d4;
}
.focus-save-hint{
  display:block;
  margin-top:6px;
  color:#9297a0;
  font-size:7.5px;
  text-align:center;
}
.now-saved-focus{
  display:block;
  margin-top:4px;
  color:#6e5687;
  font-size:8px;
  font-weight:800;
}

.task-resume-focus{
  margin-top:6px;
  width:min(100%,420px);
  border:1px solid #ddd5e7;
  background:#f8f5fb;
  border-radius:9px;
  padding:7px 9px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:9px;
  text-align:left;
  cursor:pointer;
}
.task-resume-focus span{
  color:#5e3c8e;
  font-size:9px;
  font-weight:850;
}
.task-resume-focus small{
  color:#8b8096;
  font-size:8px;
  white-space:nowrap;
}
.task-resume-focus:hover{
  background:#f3eef8;
  border-color:#cabade;
}

@media(prefers-color-scheme:dark){
  .focus-resume-note{
    background:#241c32;
    border-color:#403351;
  }
  .focus-resume-note strong{color:#ccb8e8}
  .focus-resume-note span{color:#9f91ad}

  .focus-next-piece{
    background:#171c24;
    border-left-color:#9b7bda;
  }
  .focus-next-piece span{color:#8f99a7}
  .focus-next-piece strong{color:#d7dee7}

  .focus-come-back{
    border-color:#343b46;
    color:#b7a6c9;
  }
  .focus-come-back:hover{
    background:#1e252f;
    border-color:#4b5360;
  }
  .focus-save-hint{color:#788290}
  .now-saved-focus{color:#bea4ee}

  .task-resume-focus{
    background:#211b2c;
    border-color:#40364d;
  }
  .task-resume-focus span{color:#bea4ee}
  .task-resume-focus small{color:#9589a1}
  .task-resume-focus:hover{
    background:#292135;
    border-color:#554661;
  }
}

/* =========================================================
   End-of-Day Reset
   ========================================================= */

.end-day-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
  padding:9px 3px 0;
  border-top:1px solid #eeeae6;
}
.end-day-row span{
  color:#89858d;
  font-size:8.5px;
}
.end-day-row button{
  border:0;
  background:transparent;
  color:#645677;
  font-size:8.5px;
  font-weight:850;
  cursor:pointer;
}
.end-day-row button:hover{
  color:#5d35b5;
  text-decoration:underline;
}

.end-day-panel{
  width:min(680px,100%);
}
.end-day-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-bottom:12px;
}
.end-day-summary>div{
  border:1px solid #e7e2e6;
  background:#faf9fa;
  border-radius:10px;
  padding:9px 10px;
}
.end-day-summary strong,
.end-day-summary span{
  display:block;
}
.end-day-summary strong{
  color:#514163;
  font-size:15px;
}
.end-day-summary span{
  margin-top:2px;
  color:#888d96;
  font-size:7.5px;
}

.end-day-message{
  margin-bottom:9px;
}
.end-day-carry-copy{
  padding:2px 2px 5px;
}
.end-day-carry-copy strong,
.end-day-carry-copy span{
  display:block;
}
.end-day-carry-copy strong{
  color:#3d4553;
  font-size:10px;
}
.end-day-carry-copy span{
  margin-top:3px;
  color:#858c97;
  font-size:8px;
  line-height:1.4;
}

.end-day-list{
  display:flex;
  flex-direction:column;
  gap:7px;
  max-height:43vh;
  overflow:auto;
}
.end-day-item{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  border:1px solid #e7e3e7;
  background:#fff;
  border-radius:10px;
  padding:9px 10px;
  cursor:pointer;
}
.end-day-item.selected{
  border-color:#d6cbe1;
  background:#fbf9fc;
}
.end-day-item>input{
  width:15px;
  height:15px;
  accent-color:#5d35b5;
  margin:0;
}
.end-day-item-icon{
  width:31px;
  height:31px;
  border-radius:8px;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:900;
}
.end-day-item-icon.purple{background:#eee4ff;color:#6531bc}
.end-day-item-icon.mint{background:#e6f7ee;color:#327c5a}
.end-day-item-icon.gold{background:#fff4d8;color:#946d1b}
.end-day-item-icon.blue{background:#e8f3ff;color:#42749b}
.end-day-item-icon.coral{background:#ffefe8;color:#a75a44}
.end-day-item-icon.rose{background:#ffe8f0;color:#a14c6e}
.end-day-item-icon.peach{background:#fff0e3;color:#a46639}
.end-day-item-icon.gray{background:#eef0f2;color:#67717e}

.end-day-item-copy{
  min-width:0;
}
.end-day-item-copy strong,
.end-day-item-copy small{
  display:block;
}
.end-day-item-copy strong{
  color:#3c4553;
  font-size:9.5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.end-day-item-copy small{
  margin-top:3px;
  color:#8a919c;
  font-size:7.5px;
}
.end-day-tomorrow{
  color:#776886;
  font-size:8px;
  font-weight:850;
  white-space:nowrap;
}

.end-day-note{
  margin-top:11px;
  border:1px solid #e8e3e8;
  background:#faf9fa;
  border-radius:9px;
  padding:9px 10px;
}
.end-day-note strong,
.end-day-note span{
  display:block;
}
.end-day-note strong{
  color:#565d68;
  font-size:8.5px;
}
.end-day-note span{
  margin-top:2px;
  color:#8a9099;
  font-size:7.5px;
  line-height:1.4;
}

.end-day-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid #ece8ec;
}

.end-day-clear{
  min-height:170px;
  border:1px solid #dfe9e2;
  background:#f6faf7;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  text-align:left;
  padding:22px;
}
.end-day-clear>span{
  width:38px;
  height:38px;
  border-radius:50%;
  background:#e4f2e9;
  color:#4c785e;
  display:grid;
  place-items:center;
  font-size:14px;
}
.end-day-clear strong,
.end-day-clear small{
  display:block;
}
.end-day-clear strong{
  color:#3f4a46;
  font-size:11px;
}
.end-day-clear small{
  margin-top:3px;
  color:#87908b;
  font-size:8px;
}

@media(prefers-color-scheme:dark){
  .end-day-row{
    border-top-color:#2d333d;
  }
  .end-day-row span{
    color:#858f9d;
  }
  .end-day-row button{
    color:#b7a5c8;
  }
  .end-day-row button:hover{
    color:#c7afef;
  }

  .end-day-summary>div{
    background:#171c24;
    border-color:#303641;
  }
  .end-day-summary strong{
    color:#ceb9e3;
  }
  .end-day-summary span{
    color:#8993a1;
  }
  .end-day-carry-copy strong{
    color:#d8dfe7;
  }
  .end-day-carry-copy span{
    color:#8993a1;
  }

  .end-day-item{
    background:#181e27;
    border-color:#303641;
  }
  .end-day-item.selected{
    background:rgba(37,29,48,.72);
    border-color:#4b3d5e;
  }
  .end-day-item-copy strong{
    color:#d9e0e8;
  }
  .end-day-item-copy small{
    color:#8993a1;
  }
  .end-day-tomorrow{
    color:#b5a4c5;
  }

  .end-day-item-icon.purple{background:#30254a;color:#bea4ee}
  .end-day-item-icon.mint{background:#183226;color:#81cba2}
  .end-day-item-icon.gold{background:#352d1b;color:#d6bb72}
  .end-day-item-icon.blue{background:#1c2e3d;color:#83b5d8}
  .end-day-item-icon.coral{background:#3b2723;color:#dc9a88}
  .end-day-item-icon.rose{background:#3a2330;color:#dda0b9}
  .end-day-item-icon.peach{background:#382b22;color:#d7a27f}
  .end-day-item-icon.gray{background:#272d36;color:#a2aab7}

  .end-day-note{
    background:#171c24;
    border-color:#303641;
  }
  .end-day-note strong{
    color:#cbd3dc;
  }
  .end-day-note span{
    color:#8993a1;
  }
  .end-day-actions{
    border-top-color:#303641;
  }

  .end-day-clear{
    background:#17231d;
    border-color:#294036;
  }
  .end-day-clear>span{
    background:#183226;
    color:#8bc8a5;
  }
  .end-day-clear strong{
    color:#d8e0dc;
  }
  .end-day-clear small{
    color:#88958e;
  }
}

@media(max-width:620px){
  .end-day-summary{
    grid-template-columns:repeat(3,1fr);
  }
  .end-day-item{
    grid-template-columns:auto auto minmax(0,1fr);
  }
  .end-day-tomorrow{
    grid-column:3;
  }
  .end-day-actions{
    flex-direction:column-reverse;
  }
  .end-day-actions button{
    width:100%;
  }
}

/* =========================================================
   Floating Focus Timer
   Focus no longer blocks the rest of ADHBrain.
   ========================================================= */

#focusModal.floating-focus-shell{
  position:fixed;
  inset:0;
  z-index:65;
  display:block;
  padding:0;
  pointer-events:none;
  background:transparent;
}

#focusModal.floating-focus-shell .modal-backdrop{
  display:none;
}

#focusModal .floating-focus-panel{
  position:fixed;
  top:max(16px,env(safe-area-inset-top));
  left:16px;
  right:auto;
  width:min(330px,calc(100vw - 32px));
  max-height:calc(100vh - 32px);
  overflow:auto;
  pointer-events:auto;
  border-radius:15px;
  padding:14px;
  background:rgba(21,25,35,.76);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
  color:white;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 16px 44px rgba(18,22,31,.20);
  text-align:left;
  overscroll-behavior:contain;
}

.floating-focus-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}

#focusModal .floating-focus-head .eyebrow{
  color:#ad91e5;
  font-size:8px;
  letter-spacing:.12em;
}

#focusModal .focus-exit{
  position:static;
  border:0;
  background:transparent;
  color:#9fa8b7;
  padding:3px 0 3px 8px;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}

#focusModal .focus-exit:hover{
  color:#d5dbe4;
}

.floating-focus-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}

.floating-focus-copy{
  min-width:0;
}

#focusModal .floating-focus-copy h2{
  margin:0;
  max-width:205px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f1f3f6;
  font-size:14px;
  line-height:1.2;
  letter-spacing:-.1px;
}

#focusModal .floating-focus-copy p{
  margin:4px 0 0;
  color:#9ea7b5;
  font-size:8px;
  line-height:1.35;
}

#focusModal .focus-ring{
  width:76px;
  height:76px;
  margin:0;
  border:5px solid #7650cb;
  box-shadow:inset 0 0 0 3px #2a3140;
  border-radius:50%;
  display:grid;
  place-items:center;
  align-content:center;
  flex:0 0 auto;
}

#focusModal .focus-ring span{
  color:#fff;
  font-size:18px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.3px;
}

#focusModal .focus-ring small{
  margin-top:3px;
  color:#9fa7b5;
  font-size:6px;
  line-height:1;
}

#focusModal .focus-resume-note,
#focusModal .focus-next-piece{
  width:100%;
  margin:9px 0 0;
  border-radius:8px;
  padding:7px 8px;
}

#focusModal .focus-resume-note{
  border-color:#3d334a;
  background:rgba(37,29,48,.72);
}

#focusModal .focus-resume-note strong{
  color:#cbb9e6;
  font-size:8px;
}

#focusModal .focus-resume-note span{
  color:#988ca3;
  font-size:7px;
}

#focusModal .focus-next-piece{
  border-left:2px solid #9470d6;
  background:rgba(28,33,43,.70);
}

#focusModal .focus-next-piece span{
  color:#8e98a6;
  font-size:6px;
}

#focusModal .focus-next-piece strong{
  color:#d4dae2;
  font-size:8px;
}

#focusModal .focus-controls{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:10px;
}

#focusModal .focus-controls button{
  border-radius:8px;
  padding:8px 9px;
  font-size:8px;
}

#focusModal .focus-controls .secondary-btn{
  background:rgba(34,41,54,.72);
  border-color:#394252;
  color:#d2d8e1;
}

#focusModal .focus-controls .primary-btn{
  background:#7650cb;
  color:#fff;
}

#focusModal .focus-come-back{
  width:100%;
  margin-top:7px;
  border:0;
  background:transparent;
  color:#a998bd;
  padding:5px 4px;
  font-size:7.5px;
  text-align:center;
}

#focusModal .focus-come-back:hover{
  background:rgba(29,35,45,.62);
  color:#c7b6d9;
}

#focusModal .focus-save-hint{
  display:block;
  margin-top:3px;
  color:#737e8d;
  font-size:6.5px;
  text-align:center;
}

/* Other true modals stay above the floating timer. */
.modal:not(#focusModal){
  z-index:70;
}

@media(max-width:620px){
  #focusModal .floating-focus-panel{
    top:max(10px,env(safe-area-inset-top));
    left:10px;
    right:auto;
    width:min(310px,calc(100vw - 20px));
    max-height:calc(100vh - 20px);
    padding:12px;
  }

  #focusModal .focus-ring{
    width:66px;
    height:66px;
    border-width:4px;
  }

  #focusModal .focus-ring span{
    font-size:16px;
  }

  #focusModal .floating-focus-copy h2{
    max-width:180px;
    font-size:13px;
  }
}

/* The floating dock uses its own deliberate dark surface in both themes. */
@media(prefers-color-scheme:dark){
  #focusModal .floating-focus-panel{
    background:rgba(12,17,24,.74);
    border-color:rgba(137,149,167,.20);
    box-shadow:0 16px 44px rgba(0,0,0,.30);
    -webkit-backdrop-filter:blur(16px) saturate(150%);
    backdrop-filter:blur(16px) saturate(150%);
  }
}


/* =========================================================
   Liquid Glass Visual Refresh
   Modern professional glass-like surface system
   ========================================================= */

:root{
  --glass-bg:rgba(255,255,255,.56);
  --glass-strong:rgba(255,255,255,.72);
  --glass-stroke:rgba(255,255,255,.48);
  --glass-shadow:0 22px 60px rgba(104,97,128,.16);
  --glass-shadow-soft:0 12px 28px rgba(84,88,112,.10);
  --glass-blur:blur(22px) saturate(150%);
  --glass-highlight:inset 0 1px 0 rgba(255,255,255,.68);
  --glass-purple:rgba(112,74,210,.14);
  --glass-blue:rgba(86,159,230,.10);
}

body{
  background:
    radial-gradient(1200px 620px at 8% 0%, rgba(164,133,255,.20), transparent 55%),
    radial-gradient(1000px 520px at 100% 0%, rgba(124,198,255,.18), transparent 50%),
    radial-gradient(900px 560px at 50% 100%, rgba(255,210,235,.16), transparent 52%),
    linear-gradient(180deg, #f7f8fc 0%, #eef2f8 100%);
  background-attachment:fixed;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.28), transparent 40%),
    radial-gradient(700px 360px at 20% 20%, rgba(255,255,255,.24), transparent 60%);
  opacity:.9;
}

.app-shell{
  position:relative;
  z-index:1;
}

.top-header,
.card,
.bottom-nav,
.modal-panel,
.focus-panel,
.auth-panel,
.account-panel,
.adjust-summary>div,
.adjust-preview-item,
.end-day-summary>div,
.end-day-item,
.end-day-note,
.routine-manage-row,
.routine-edit-step,
.breakdown-step,
.breakdown-task-head,
.breakdown-loading,
.note-card,
.note-item,
.all-task-row,
.auth-card{
  background:var(--glass-bg)!important;
  -webkit-backdrop-filter:var(--glass-blur);
  backdrop-filter:var(--glass-blur);
  border:1px solid rgba(255,255,255,.52)!important;
  box-shadow:var(--glass-shadow-soft), var(--glass-highlight);
}

.top-header{
  background:linear-gradient(180deg, rgba(255,255,255,.68), rgba(255,255,255,.48))!important;
  box-shadow:var(--glass-shadow), inset 0 1px 0 rgba(255,255,255,.78);
}

.card{
  border-radius:24px!important;
}

.top-header,
.bottom-nav,
.modal-panel,
.focus-panel{
  border-radius:24px!important;
}

.bottom-nav{
  background:rgba(255,255,255,.64)!important;
  box-shadow:0 18px 44px rgba(78,81,106,.16), inset 0 1px 0 rgba(255,255,255,.84)!important;
}

.modal{
  background:rgba(225,231,244,.24);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}

.modal-backdrop{
  background:rgba(228,233,244,.24)!important;
}

label input,
label textarea,
label select,
input,
textarea,
select{
  background:rgba(255,255,255,.52)!important;
  -webkit-backdrop-filter:blur(14px) saturate(145%);
  backdrop-filter:blur(14px) saturate(145%);
  border:1px solid rgba(255,255,255,.56)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72), 0 8px 20px rgba(113,118,145,.08)!important;
}

input::placeholder,
textarea::placeholder{
  color:#8892a1;
}

.primary-btn,
.secondary-btn,
.danger-btn,
.icon-btn,
.schedule-task-btn,
.focus-start,
.routine-done-next,
.breakdown-check,
.task-check,
button[id],
button{
  transition:background .22s ease, border-color .22s ease, transform .18s ease, box-shadow .22s ease, opacity .18s ease;
}

.primary-btn{
  background:linear-gradient(180deg, rgba(119,84,212,.92), rgba(96,58,189,.92))!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 14px 30px rgba(92,64,168,.20), inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.primary-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 32px rgba(92,64,168,.25), inset 0 1px 0 rgba(255,255,255,.25)!important;
}

.secondary-btn,
.danger-btn,
.icon-btn,
.schedule-task-btn{
  background:rgba(255,255,255,.46)!important;
  -webkit-backdrop-filter:blur(12px) saturate(140%);
  backdrop-filter:blur(12px) saturate(140%);
  border:1px solid rgba(255,255,255,.56)!important;
  box-shadow:0 10px 24px rgba(93,99,126,.08), inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.secondary-btn:hover,
.danger-btn:hover,
.icon-btn:hover,
.schedule-task-btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.62)!important;
}

.task-row,
.task-next-step,
.task-resume-focus,
.routine-current,
.routine-next-step,
.routine-focus-next,
.routine-focus-complete,
.routine-focus-step,
.breakdown-empty,
.routines-empty,
.end-day-clear,
.note-focus-card,
.note-create-card,
.note-empty,
.adjust-row,
.end-day-row{
  background:rgba(255,255,255,.42)!important;
  -webkit-backdrop-filter:blur(14px) saturate(145%);
  backdrop-filter:blur(14px) saturate(145%);
  border:1px solid rgba(255,255,255,.50)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68), 0 10px 22px rgba(96,99,126,.08)!important;
}

.task-row:hover,
.routine-current:hover,
.routine-focus-step:hover,
.end-day-item:hover,
.routine-manage-row:hover,
.breakdown-step:hover{
  background:rgba(255,255,255,.56)!important;
}

.now-card,
.tasks-card,
.routine-card,
.plan-card,
.notes-card,
.brain-card,
.time-card,
.account-card{
  background:linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,.44))!important;
}

.section-title,
.modal-head,
.card h2,
.card h3{
  letter-spacing:-.02em;
}

.greeting h1,
.card h2,
.modal-panel h2,
.focus-panel h2{
  letter-spacing:-.04em;
}

.bottom-nav .active,
.bottom-nav button[aria-current="page"],
.bottom-nav button.active{
  background:rgba(114,84,206,.16)!important;
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.54);
}

#focusModal .floating-focus-panel{
  background:rgba(19,23,33,.58)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 16px 44px rgba(18,22,31,.16), inset 0 1px 0 rgba(255,255,255,.08)!important;
  -webkit-backdrop-filter:blur(22px) saturate(155%)!important;
  backdrop-filter:blur(22px) saturate(155%)!important;
}

#focusModal .focus-controls .secondary-btn,
#focusModal .focus-controls .primary-btn{
  box-shadow:none!important;
}

@media(prefers-color-scheme:dark){
  :root{
    --glass-bg:rgba(20,25,35,.48);
    --glass-strong:rgba(22,28,39,.62);
    --glass-stroke:rgba(156,170,192,.18);
    --glass-shadow:0 22px 58px rgba(0,0,0,.28);
    --glass-shadow-soft:0 12px 28px rgba(0,0,0,.20);
    --glass-highlight:inset 0 1px 0 rgba(255,255,255,.06);
  }

  body{
    background:
      radial-gradient(1200px 620px at 10% 0%, rgba(111,86,189,.28), transparent 55%),
      radial-gradient(1000px 520px at 100% 0%, rgba(56,116,170,.24), transparent 50%),
      radial-gradient(900px 560px at 50% 100%, rgba(109,63,109,.18), transparent 52%),
      linear-gradient(180deg, #0f141b 0%, #171d26 100%);
    background-attachment:fixed;
  }

  body::before{
    background:
      linear-gradient(135deg, rgba(255,255,255,.04), transparent 42%),
      radial-gradient(700px 360px at 20% 20%, rgba(255,255,255,.03), transparent 60%);
  }

  .top-header,
  .card,
  .bottom-nav,
  .modal-panel,
  .focus-panel,
  .auth-panel,
  .account-panel,
  .adjust-summary>div,
  .adjust-preview-item,
  .end-day-summary>div,
  .end-day-item,
  .end-day-note,
  .routine-manage-row,
  .routine-edit-step,
  .breakdown-step,
  .breakdown-task-head,
  .breakdown-loading,
  .note-card,
  .note-item,
  .all-task-row,
  .auth-card{
    background:var(--glass-bg)!important;
    border:1px solid rgba(144,156,176,.18)!important;
    box-shadow:var(--glass-shadow-soft), var(--glass-highlight)!important;
  }

  .top-header{
    background:linear-gradient(180deg, rgba(23,28,39,.74), rgba(17,22,31,.48))!important;
  }

  .bottom-nav{
    background:rgba(16,21,30,.62)!important;
  }

  .modal{
    background:rgba(10,14,20,.22);
  }

  .modal-backdrop{
    background:rgba(10,14,20,.30)!important;
  }

  label input,
  label textarea,
  label select,
  input,
  textarea,
  select{
    background:rgba(22,28,39,.52)!important;
    border:1px solid rgba(144,156,176,.18)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 20px rgba(0,0,0,.18)!important;
  }

  input::placeholder,
  textarea::placeholder{
    color:#7f8a98;
  }

  .secondary-btn,
  .danger-btn,
  .icon-btn,
  .schedule-task-btn{
    background:rgba(26,32,43,.50)!important;
    border:1px solid rgba(144,156,176,.18)!important;
    color:#dbe2eb!important;
    box-shadow:0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  .secondary-btn:hover,
  .danger-btn:hover,
  .icon-btn:hover,
  .schedule-task-btn:hover{
    background:rgba(35,42,56,.62)!important;
  }

  .primary-btn{
    background:linear-gradient(180deg, rgba(132,103,219,.90), rgba(96,68,178,.90))!important;
  }

  .task-row,
  .task-next-step,
  .task-resume-focus,
  .routine-current,
  .routine-next-step,
  .routine-focus-next,
  .routine-focus-complete,
  .routine-focus-step,
  .breakdown-empty,
  .routines-empty,
  .end-day-clear,
  .note-focus-card,
  .note-create-card,
  .note-empty,
  .adjust-row,
  .end-day-row{
    background:rgba(23,28,39,.40)!important;
    border:1px solid rgba(144,156,176,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 22px rgba(0,0,0,.14)!important;
  }

  .task-row:hover,
  .routine-current:hover,
  .routine-focus-step:hover,
  .end-day-item:hover,
  .routine-manage-row:hover,
  .breakdown-step:hover{
    background:rgba(30,36,48,.56)!important;
  }

  .now-card,
  .tasks-card,
  .routine-card,
  .plan-card,
  .notes-card,
  .brain-card,
  .time-card,
  .account-card{
    background:linear-gradient(180deg, rgba(22,28,39,.58), rgba(18,23,32,.42))!important;
  }

  .bottom-nav .active,
  .bottom-nav button[aria-current="page"],
  .bottom-nav button.active{
    background:rgba(136,104,225,.16)!important;
  }

  #focusModal .floating-focus-panel{
    background:rgba(12,17,24,.54)!important;
    border:1px solid rgba(156,170,192,.20)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
}


/* =========================================================
   Floating Focus accessibility fix
   The timer must NEVER block or blur the website.
   ========================================================= */

#focusModal.floating-focus-shell{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}

#focusModal.floating-focus-shell::before,
#focusModal.floating-focus-shell::after{
  display:none!important;
  content:none!important;
}

#focusModal.floating-focus-shell .modal-backdrop{
  display:none!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}

#focusModal .floating-focus-panel{
  pointer-events:auto!important;
}

/* Only true modals blur the page. Focus is a floating utility, not a modal. */
.modal:not(#focusModal){
  background:rgba(225,231,244,.24);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}

@media(prefers-color-scheme:dark){
  #focusModal.floating-focus-shell{
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  .modal:not(#focusModal){
    background:rgba(10,14,20,.22);
  }
}


/* =========================================================
   I'm Overwhelmed — one-step rescue
   ========================================================= */

.welcome-actions{
  display:flex;
  align-items:center;
  gap:9px;
}

.overwhelm-button{
  border:1px solid rgba(255,255,255,.58);
  background:rgba(255,255,255,.48);
  -webkit-backdrop-filter:blur(16px) saturate(145%);
  backdrop-filter:blur(16px) saturate(145%);
  color:#655874;
  border-radius:14px;
  padding:14px 16px;
  font-size:12px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(90,94,120,.08), inset 0 1px 0 rgba(255,255,255,.70);
  cursor:pointer;
}
.overwhelm-button:hover{
  background:rgba(255,255,255,.64);
  color:#513f68;
  transform:translateY(-1px);
}

.overwhelm-panel{
  width:min(520px,100%)!important;
}

.overwhelm-step-card{
  position:relative;
  overflow:hidden;
  margin-top:5px;
  padding:22px 20px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(117,78,206,.10),rgba(255,255,255,.38) 55%,rgba(100,164,218,.08));
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
  box-shadow:0 16px 34px rgba(80,82,108,.10),inset 0 1px 0 rgba(255,255,255,.76);
}
.overwhelm-step-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:rgba(100,66,180,.68);
}
.overwhelm-step-card>span,
.overwhelm-step-card>strong,
.overwhelm-step-card>small{
  display:block;
}
.overwhelm-step-card>span{
  color:#756285;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.overwhelm-step-card>strong{
  margin-top:9px;
  color:#293243;
  font-size:20px;
  line-height:1.28;
  letter-spacing:-.025em;
}
.overwhelm-step-card>small{
  margin-top:11px;
  color:#858c98;
  font-size:9px;
  line-height:1.4;
}

.overwhelm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:16px;
}

.focus-overwhelm{
  width:100%;
  margin-top:7px;
  border:1px solid rgba(199,181,226,.18);
  background:rgba(190,164,224,.08);
  color:#bea9d2;
  border-radius:8px;
  padding:7px 9px;
  font-size:7.5px;
  font-weight:800;
  cursor:pointer;
}
.focus-overwhelm:hover{
  background:rgba(190,164,224,.14);
  color:#dac9e8;
}

@media(max-width:850px){
  .welcome-actions{
    width:100%;
  }
  .welcome-actions .what-now,
  .welcome-actions .overwhelm-button{
    flex:1;
  }
}

@media(max-width:620px){
  .welcome-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .overwhelm-button,
  .welcome-actions .what-now{
    width:100%;
    padding:12px 10px;
    font-size:11px;
  }
  .overwhelm-actions{
    grid-template-columns:1fr;
  }
  .overwhelm-actions .primary-btn{
    order:-1;
  }
  .overwhelm-step-card>strong{
    font-size:18px;
  }
}

@media(prefers-color-scheme:dark){
  .overwhelm-button{
    background:rgba(24,30,41,.48);
    border-color:rgba(145,156,176,.18);
    color:#c2b5cd;
    box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.04);
  }
  .overwhelm-button:hover{
    background:rgba(34,41,54,.60);
    color:#ddd1e6;
  }

  .overwhelm-step-card{
    border-color:rgba(145,156,176,.17);
    background:
      linear-gradient(135deg,rgba(108,78,177,.17),rgba(25,31,42,.44) 55%,rgba(62,114,154,.10));
    box-shadow:0 16px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);
  }
  .overwhelm-step-card>span{
    color:#ad97bc;
  }
  .overwhelm-step-card>strong{
    color:#e3e7ed;
  }
  .overwhelm-step-card>small{
    color:#8f99a7;
  }
}


/* =========================================================
   Nested modal layering
   A settings/editor dialog opened from Plan must sit above Plan.
   JavaScript assigns increasing z-index values as dialogs open.
   ========================================================= */

.modal:not(#focusModal){
  isolation:isolate;
}

#focusModal.floating-focus-shell{
  z-index:65!important;
}


/* Keyboard shortcut support
   Escape closes the topmost dismissible dialog.
   Existing close buttons remain for mouse/touch accessibility. */


/* Human-friendly Focus time
   Long sessions show 1h 30m instead of 90:00. */
#focusModal .focus-ring{
  gap:1px;
}

#focusModal .focus-ring span{
  font-size:16px;
  white-space:nowrap;
}

#focusModal .focus-ring .focus-clock-detail{
  margin-top:3px;
  color:#7f8998;
  font-size:6px;
  font-weight:700;
  letter-spacing:.03em;
}

#focusModal .focus-ring .focus-clock-detail + small{
  margin-top:1px;
}

@media(max-width:620px){
  #focusModal .focus-ring span{
    font-size:14px;
  }
}


/* =========================================================
   Readability Refresh
   Slightly larger type, especially on phones.
   ========================================================= */

:root{
  --readable-body:15px;
  --readable-small:12px;
  --readable-meta:11px;
  --readable-control:13px;
}

body{
  font-size:var(--readable-body);
  line-height:1.48;
}

/* General text */
small,
.card small,
.modal-panel small,
.focus-panel small,
.task-row small,
.plan-block small,
.note-card small,
.routine-card small,
.end-day-item small{
  font-size:var(--readable-small);
  line-height:1.42;
}

/* Labels / metadata that were previously very tiny */
.eyebrow,
.field-label,
.task-choice-label,
.calm-plan-label,
.what-now-section-label,
.organizer-label-row,
.focus-next-piece span,
.overwhelm-step-card>span,
.end-day-summary span,
.end-day-item-copy small,
.end-day-note span,
.focus-save-hint,
.floating-focus-head .eyebrow{
  font-size:var(--readable-meta)!important;
  line-height:1.35;
}

/* Common body copy */
.modal-subcopy,
.card p,
.now-copy p,
.insight-copy span,
.brain-dump-card textarea,
.note-body,
.note-focus-copy,
.routine-copy,
.task-title,
.plan-block strong,
.plan-block span{
  font-size:14px;
  line-height:1.5;
}

/* Buttons and interactive controls */
button,
.primary-btn,
.secondary-btn,
.danger-btn,
.what-now,
.overwhelm-button,
.focus-button,
.now-action,
.calm-help-button,
.add-task-inline,
.schedule-task-btn,
.focus-overwhelm,
.focus-come-back{
  font-size:var(--readable-control);
  line-height:1.25;
}

/* Forms */
input,
textarea,
select,
.modal-panel label{
  font-size:14px!important;
  line-height:1.4;
}

/* Dashboard headings */
.section-title h3{
  font-size:17px;
}
.welcome-row h1{
  font-size:36px;
}
.welcome-row p{
  font-size:18px;
}
.now-copy h2{
  font-size:24px;
}

/* Time / status text */
.time-label,
.task-meta,
.live-pill,
.status-pill,
.minutes span,
.plan-legend{
  font-size:11px!important;
}
.minutes strong{
  font-size:15px;
}
.now-saved-focus{
  font-size:12px!important;
}

/* Floating focus: still compact, but readable */
#focusModal .floating-focus-copy h2{
  font-size:15px;
}
#focusModal .floating-focus-copy p{
  font-size:11px;
}
#focusModal .focus-ring span{
  font-size:17px;
}
#focusModal .focus-ring .focus-clock-detail{
  font-size:9px;
}
#focusModal .focus-ring .focus-clock-detail + small{
  font-size:9px;
}
#focusModal .focus-exit{
  font-size:11px;
}
#focusModal .focus-controls button,
#focusModal .focus-overwhelm,
#focusModal .focus-come-back{
  font-size:11px;
}
#focusModal .focus-next-piece strong,
#focusModal .focus-resume-note strong{
  font-size:11px;
}
#focusModal .focus-resume-note span{
  font-size:10px;
}

/* Overwhelm rescue */
.overwhelm-step-card>strong{
  font-size:21px;
}
.overwhelm-step-card>small{
  font-size:12px;
}

/* End-of-day */
.end-day-summary strong{
  font-size:17px;
}
.end-day-item-copy strong{
  font-size:13px;
}
.end-day-tomorrow{
  font-size:11px;
}

/* Mobile gets a second bump instead of shrinking everything down */
@media(max-width:620px){
  :root{
    --readable-body:16px;
    --readable-small:13px;
    --readable-meta:11.5px;
    --readable-control:14px;
  }

  body{
    font-size:16px;
  }

  .page-wrap{
    width:min(100% - 16px,1180px);
  }

  .brand-name{
    font-size:36px;
  }

  .brand-block p{
    font-size:14px!important;
  }

  .welcome-row h1{
    font-size:30px;
    line-height:1.15;
  }

  .welcome-row p{
    font-size:16px;
  }

  .section-title h3{
    font-size:18px;
  }

  .now-copy h2{
    font-size:22px;
  }

  .now-copy p,
  .now-copy strong{
    font-size:15px;
  }

  .task-title,
  .plan-block strong{
    font-size:15px;
  }

  .plan-block span,
  .time-label,
  .task-meta{
    font-size:12px!important;
  }

  .modal-panel{
    padding:22px;
  }

  .modal-head h2{
    font-size:24px;
    line-height:1.2;
  }

  .modal-subcopy{
    font-size:14px;
  }

  input,
  textarea,
  select,
  .modal-panel label{
    font-size:16px!important; /* avoids tiny text / iOS zoom issues */
  }

  button,
  .primary-btn,
  .secondary-btn,
  .danger-btn,
  .what-now,
  .overwhelm-button{
    font-size:14px;
  }

  .bottom-nav small{
    font-size:11px!important;
  }

  .bottom-nav button:not(.nav-plus) span{
    font-size:22px;
  }

  /* Floating Focus stays compact enough not to cover the phone UI */
  #focusModal .floating-focus-panel{
    width:min(320px,calc(100vw - 20px));
  }

  #focusModal .floating-focus-copy h2{
    font-size:14px;
  }

  #focusModal .floating-focus-copy p{
    font-size:10px;
  }

  #focusModal .focus-controls button,
  #focusModal .focus-overwhelm,
  #focusModal .focus-come-back,
  #focusModal .focus-exit{
    font-size:10px;
  }

  #focusModal .focus-ring span{
    font-size:15px;
  }

  #focusModal .focus-ring .focus-clock-detail,
  #focusModal .focus-ring .focus-clock-detail + small{
    font-size:8px;
  }
}


/* =========================================================
   Transition Mode
   One calm bridge between finished work and what comes next.
   ========================================================= */

.transition-panel{
  width:min(540px,100%)!important;
}

.transition-next-card,
.transition-step-card{
  border:1px solid rgba(255,255,255,.56);
  background:rgba(255,255,255,.44);
  -webkit-backdrop-filter:blur(16px) saturate(145%);
  backdrop-filter:blur(16px) saturate(145%);
  box-shadow:0 12px 28px rgba(84,88,112,.09),inset 0 1px 0 rgba(255,255,255,.68);
  border-radius:17px;
  padding:16px 17px;
}

.transition-next-card>span,
.transition-next-card>strong,
.transition-next-card>small,
.transition-step-card>span,
.transition-step-card>strong{
  display:block;
}

.transition-next-card>span,
.transition-step-card>span{
  color:#756684;
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
}

.transition-next-card>strong{
  margin-top:6px;
  color:#2d3543;
  font-size:17px;
  line-height:1.3;
}

.transition-next-card>small{
  margin-top:5px;
  color:#7f8794;
  font-size:12px;
}

.transition-step-card{
  margin-top:10px;
  background:
    linear-gradient(135deg,rgba(116,82,204,.10),rgba(255,255,255,.42) 58%,rgba(91,160,214,.08));
}

.transition-step-card>strong{
  margin-top:9px;
  color:#293243;
  font-size:21px;
  line-height:1.28;
  letter-spacing:-.025em;
}

.transition-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:16px;
}

@media(max-width:620px){
  .transition-step-card>strong{
    font-size:19px;
  }

  .transition-actions{
    grid-template-columns:1fr;
  }

  .transition-actions .primary-btn{
    order:-1;
  }
}

@media(prefers-color-scheme:dark){
  .transition-next-card,
  .transition-step-card{
    border-color:rgba(145,156,176,.17);
    background:rgba(23,28,39,.44);
    box-shadow:0 12px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04);
  }

  .transition-step-card{
    background:
      linear-gradient(135deg,rgba(108,78,177,.17),rgba(25,31,42,.44) 58%,rgba(62,114,154,.10));
  }

  .transition-next-card>span,
  .transition-step-card>span{
    color:#ad9bbb;
  }

  .transition-next-card>strong,
  .transition-step-card>strong{
    color:#e3e7ed;
  }

  .transition-next-card>small{
    color:#9099a7;
  }
}


/* =========================================================
   Routines live inside Today’s Plan
   ========================================================= */

.plan-header-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.plan-routines-btn{
  padding:9px 11px!important;
  font-weight:800;
}

.status-pill.routine-linked{
  background:rgba(113,80,193,.12)!important;
  color:#684aac!important;
}

.routine-plan-time{
  margin-top:16px;
  padding:14px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:16px;
  background:rgba(255,255,255,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52);
}

.routine-plan-time>.field-label{
  margin-top:0;
}

.routine-plan-time>small{
  display:block;
  margin-top:9px;
  color:#7a8492;
}

.routine-now-content .now-saved-focus{
  max-width:460px;
}

@media(max-width:620px){
  .plan-header-actions{
    gap:6px;
  }

  .plan-header-actions button{
    padding:9px 10px!important;
    font-size:12px!important;
  }

  .routine-plan-time{
    padding:12px;
  }
}

@media(prefers-color-scheme:dark){
  .routine-plan-time{
    background:rgba(23,29,40,.34);
    border-color:rgba(145,156,176,.16);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  }

  .routine-plan-time>small{
    color:#929ba8;
  }

  .status-pill.routine-linked{
    background:rgba(132,101,205,.18)!important;
    color:#bda7e6!important;
  }
}


/* Routine plan overview visibility fix */
.calm-plan-label{
  white-space:nowrap;
}

.calm-plan-step:has(.calm-plan-label:first-child){
  min-width:0;
}


/* =========================================================
   Header account control
   The top-right control is Account, not a technical sync label.
   ========================================================= */

.account-status{
  gap:8px;
  min-height:38px;
  padding:8px 11px!important;
  border:1px solid rgba(255,255,255,.50)!important;
  background:rgba(255,255,255,.46)!important;
  color:#4f5968!important;
  -webkit-backdrop-filter:blur(14px) saturate(145%);
  backdrop-filter:blur(14px) saturate(145%);
  box-shadow:0 8px 20px rgba(83,88,110,.08),inset 0 1px 0 rgba(255,255,255,.68);
}

.account-status:hover{
  background:rgba(255,255,255,.62)!important;
}

.account-header-icon{
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center;
  border-radius:50%!important;
  background:rgba(104,72,181,.11)!important;
  color:#6748a9!important;
  font-size:11px!important;
  line-height:1!important;
}

.account-status #syncStatusLabel{
  font-size:12px!important;
  font-weight:800;
  color:inherit;
}

.account-status #syncStatusDot{
  width:6px!important;
  height:6px!important;
  margin-left:1px;
}

.account-status #syncStatusDot[data-state="synced"]{background:#7baa8c}
.account-status #syncStatusDot[data-state="saving"],
.account-status #syncStatusDot[data-state="connecting"]{background:#b3935b}
.account-status #syncStatusDot[data-state="offline"]{background:#9299a3}
.account-status #syncStatusDot[data-state="error"]{background:#ba6f6f}

@media(max-width:620px){
  .account-status{
    padding:8px 9px!important;
  }

  .account-status #syncStatusLabel{
    font-size:12px!important;
  }

  .account-header-icon{
    width:19px!important;
    height:19px!important;
  }
}

@media(prefers-color-scheme:dark){
  .account-status{
    background:rgba(22,28,38,.48)!important;
    border-color:rgba(145,156,176,.16)!important;
    color:#d5dbe4!important;
    box-shadow:0 8px 20px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.03);
  }

  .account-status:hover{
    background:rgba(31,38,50,.60)!important;
  }

  .account-header-icon{
    background:rgba(129,97,199,.17)!important;
    color:#c4adee!important;
  }
}


/* =========================================================
   Demo Mode
   Real product interaction before account creation.
   ========================================================= */

.auth-demo-choice{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(114,121,139,.14);
  display:grid;
  gap:9px;
  text-align:center;
}

.auth-demo-choice>span{
  color:#7a8391;
  font-size:12px;
}

.auth-demo-choice button{
  width:100%;
}

.auth-demo-back{
  width:100%;
  margin-top:13px;
  border:0;
  background:transparent;
  color:#6b4bb0;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.auth-demo-back:hover{
  text-decoration:underline;
}

.demo-banner{
  margin:14px 0 4px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:15px;
  background:rgba(255,255,255,.48);
  -webkit-backdrop-filter:blur(16px) saturate(145%);
  backdrop-filter:blur(16px) saturate(145%);
  box-shadow:0 10px 26px rgba(82,87,109,.08),inset 0 1px 0 rgba(255,255,255,.68);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.demo-banner>div{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.demo-banner>div>span:not(.demo-pill){
  display:grid;
  gap:2px;
}

.demo-banner strong{
  color:#313a49;
  font-size:13px;
}

.demo-banner small{
  color:#7c8592;
  font-size:11px;
}

.demo-pill{
  flex:0 0 auto;
  border-radius:999px;
  padding:5px 8px;
  background:rgba(106,74,187,.12);
  color:#6545a9;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}

.demo-banner button{
  flex:0 0 auto;
  font-size:12px!important;
  padding:9px 11px!important;
}

.account-status #syncStatusDot[data-state="demo"]{
  background:#8569c5;
}

@media(max-width:620px){
  .demo-banner{
    align-items:stretch;
    flex-direction:column;
    gap:9px;
  }

  .demo-banner button{
    width:100%;
  }

  .demo-banner strong{
    font-size:13px;
  }

  .demo-banner small{
    font-size:12px;
  }
}

@media(prefers-color-scheme:dark){
  .auth-demo-choice{
    border-top-color:rgba(152,163,180,.14);
  }

  .auth-demo-choice>span{
    color:#9ca5b2;
  }

  .auth-demo-back{
    color:#bea7eb;
  }

  .demo-banner{
    background:rgba(21,27,37,.48);
    border-color:rgba(145,156,176,.16);
    box-shadow:0 10px 26px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.03);
  }

  .demo-banner strong{
    color:#e1e6ed;
  }

  .demo-banner small{
    color:#9ca5b1;
  }

  .demo-pill{
    background:rgba(127,95,196,.18);
    color:#c5b0ec;
  }
}


/* Demo schedule showcase */
.demo-banner + .welcome-row{
  margin-top:24px;
}

@media(max-width:620px){
  .demo-banner + .welcome-row{
    margin-top:20px;
  }
}


/* =========================================================
   Guided account setup
   A small starting point instead of an empty workspace.
   ========================================================= */

.onboarding-panel{
  width:min(610px,100%);
}

.onboarding-progress{
  grid-template-columns:repeat(5,1fr)!important;
}

.onboarding-field,
.onboarding-time-grid,
.onboarding-routine-options{
  margin-top:18px;
}

.onboarding-field label,
.onboarding-time-grid label,
.onboarding-routine-options label{
  display:grid;
  gap:7px;
  color:#414a59;
  font-size:12px;
  font-weight:800;
}

.onboarding-field input,
.onboarding-time-grid input,
.onboarding-time-grid select,
.onboarding-routine-options input{
  width:100%;
}

.onboarding-time-grid,
.onboarding-routine-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.onboarding-time-grid label>small{
  display:inline;
  color:#8d95a1;
  font-size:10px;
  font-weight:600;
}

.onboarding-choice-row{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-top:12px;
}

.onboarding-choice-row button,
.onboarding-routine-presets button{
  border:1px solid rgba(116,121,136,.18);
  background:rgba(255,255,255,.48);
  color:#586170;
  border-radius:12px;
  padding:11px 12px;
  font-weight:800;
  cursor:pointer;
}

.onboarding-choice-row button.selected,
.onboarding-routine-presets button.selected{
  border-color:rgba(100,67,177,.34);
  background:rgba(103,70,183,.10);
  color:#6042a3;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}

.onboarding-choice-row.compact{
  margin-top:7px;
}

.onboarding-routine-presets{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:18px;
}

.onboarding-routine-presets button{
  text-align:left;
  display:grid;
  gap:4px;
}

.onboarding-routine-presets strong{
  font-size:13px;
}

.onboarding-routine-presets small{
  color:#858d99;
  font-size:11px;
  font-weight:600;
  line-height:1.4;
}

.onboarding-routine-presets button.selected small{
  color:#79669d;
}

.onboarding-starter-summary{
  display:grid;
  gap:9px;
  margin-top:18px;
}

.onboarding-starter-summary>div{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  border:1px solid rgba(118,123,139,.15);
  border-radius:13px;
  background:rgba(255,255,255,.42);
  padding:11px 12px;
}

.onboarding-starter-summary>div>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(102,70,180,.10);
  color:#6545aa;
  font-weight:900;
}

.onboarding-starter-summary strong,
.onboarding-starter-summary small{
  display:block;
}

.onboarding-starter-summary strong{
  color:#35404f;
  font-size:13px;
}

.onboarding-starter-summary small{
  margin-top:3px;
  color:#808995;
  font-size:11px;
}

.onboarding-final-actions{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:9px;
  margin-top:20px;
}

@media(max-width:620px){
  .onboarding-time-grid,
  .onboarding-routine-options,
  .onboarding-routine-presets{
    grid-template-columns:1fr;
  }

  .onboarding-field label,
  .onboarding-time-grid label,
  .onboarding-routine-options label{
    font-size:13px;
  }

  .onboarding-choice-row button,
  .onboarding-routine-presets button{
    font-size:14px;
  }

  .onboarding-routine-presets strong{
    font-size:14px;
  }

  .onboarding-routine-presets small,
  .onboarding-starter-summary small{
    font-size:12px;
  }
}

@media(prefers-color-scheme:dark){
  .onboarding-field label,
  .onboarding-time-grid label,
  .onboarding-routine-options label{
    color:#d4dae3;
  }

  .onboarding-choice-row button,
  .onboarding-routine-presets button,
  .onboarding-starter-summary>div{
    background:rgba(27,33,44,.44);
    border-color:rgba(149,159,176,.16);
    color:#aeb7c3;
  }

  .onboarding-choice-row button.selected,
  .onboarding-routine-presets button.selected{
    background:rgba(116,83,191,.18);
    border-color:rgba(143,111,213,.34);
    color:#cfbdf1;
  }

  .onboarding-routine-presets small,
  .onboarding-starter-summary small{
    color:#98a1ae;
  }

  .onboarding-routine-presets button.selected small{
    color:#b8a7d5;
  }

  .onboarding-starter-summary>div>span{
    background:rgba(124,92,196,.18);
    color:#c7b1ee;
  }

  .onboarding-starter-summary strong{
    color:#e0e5ec;
  }
}


/* =========================================================
   Hyperfocus Mode
   Optional immersive version of the existing Focus timer.
   The normal Focus timer remains floating and nonblocking.
   ========================================================= */

.focus-hyperfocus{
  width:100%;
  margin-top:8px;
  border:1px solid rgba(151,123,218,.22);
  background:rgba(114,78,196,.10);
  border-radius:10px;
  padding:9px 10px;
  color:#c9b9e6;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:8px;
  align-items:center;
  text-align:left;
  cursor:pointer;
}

.focus-hyperfocus>span:first-child{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(120,83,202,.17);
  font-size:12px;
  font-weight:900;
}

.focus-hyperfocus>span:last-child{
  min-width:0;
}

.focus-hyperfocus strong,
.focus-hyperfocus small{
  display:block;
}

.focus-hyperfocus strong{
  font-size:9px;
  color:#d7c8ee;
}

.focus-hyperfocus small{
  margin-top:2px;
  font-size:7px;
  line-height:1.3;
  color:#998daa;
}

.focus-hyperfocus:hover{
  background:rgba(119,82,201,.16);
}

body.hyper-focus-active{
  overflow:hidden!important;
}

/* Full-screen mode still uses the same timer/session state. */
#focusModal.hyper-focus-mode{
  z-index:65!important;
  pointer-events:auto!important;
  background:
    radial-gradient(900px 620px at 50% 28%,rgba(116,78,205,.18),transparent 62%),
    linear-gradient(180deg,#111620 0%,#0d1118 100%)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#focusModal.hyper-focus-mode .floating-focus-panel{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-height:none!important;
  overflow:auto!important;
  border:0!important;
  border-radius:0!important;
  padding:
    max(24px,env(safe-area-inset-top))
    max(24px,env(safe-area-inset-right))
    max(24px,env(safe-area-inset-bottom))
    max(24px,env(safe-area-inset-left))!important;
  background:
    radial-gradient(760px 460px at 50% 35%,rgba(114,75,205,.13),transparent 68%),
    rgba(13,17,24,.96)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  display:grid;
  grid-template-rows:auto 1fr auto auto auto;
  align-items:start;
  color:#fff;
}

#focusModal.hyper-focus-mode .floating-focus-head{
  width:min(920px,100%);
  margin:0 auto;
  padding:2px 0 18px;
}

#focusModal.hyper-focus-mode .floating-focus-head .eyebrow{
  color:#b69be8!important;
  font-size:11px!important;
  letter-spacing:.18em!important;
}

#focusModal.hyper-focus-mode .focus-exit{
  color:#aab2bf!important;
  font-size:12px!important;
  padding:8px 0 8px 14px!important;
}

#focusModal.hyper-focus-mode .floating-focus-main{
  width:min(920px,100%);
  margin:auto;
  min-height:min(62vh,680px);
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
  text-align:center;
}

#focusModal.hyper-focus-mode .floating-focus-copy{
  width:min(760px,100%);
  display:grid;
  justify-items:center;
}

#focusModal.hyper-focus-mode .floating-focus-copy h2{
  max-width:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  margin:0!important;
  color:#f4f5f8!important;
  font-size:clamp(30px,5vw,58px)!important;
  line-height:1.06!important;
  letter-spacing:-.04em!important;
}

#focusModal.hyper-focus-mode .floating-focus-copy p{
  max-width:620px;
  margin:12px auto 0!important;
  color:#aeb6c3!important;
  font-size:clamp(14px,1.6vw,18px)!important;
  line-height:1.5!important;
}

#focusModal.hyper-focus-mode .focus-ring{
  width:clamp(210px,30vw,310px)!important;
  height:clamp(210px,30vw,310px)!important;
  margin:0!important;
  border-width:8px!important;
  border-color:#805bd2!important;
  box-shadow:
    inset 0 0 0 5px rgba(46,54,70,.74),
    0 0 80px rgba(111,72,198,.15)!important;
}

#focusModal.hyper-focus-mode .focus-ring span{
  font-size:clamp(42px,6vw,72px)!important;
  letter-spacing:-.045em!important;
}

#focusModal.hyper-focus-mode .focus-ring .focus-clock-detail{
  margin-top:8px!important;
  color:#aeb7c5!important;
  font-size:clamp(13px,1.6vw,17px)!important;
}

#focusModal.hyper-focus-mode .focus-ring small:last-child{
  margin-top:6px!important;
  color:#778292!important;
  font-size:12px!important;
  text-transform:uppercase;
  letter-spacing:.12em;
}

#focusModal.hyper-focus-mode .focus-resume-note,
#focusModal.hyper-focus-mode .focus-next-piece{
  width:min(680px,100%)!important;
  margin:10px auto 0!important;
  border-radius:14px!important;
  padding:14px 16px!important;
  text-align:left;
}

#focusModal.hyper-focus-mode .focus-resume-note strong{
  font-size:12px!important;
}

#focusModal.hyper-focus-mode .focus-resume-note span{
  font-size:11px!important;
}

#focusModal.hyper-focus-mode .focus-next-piece span{
  font-size:10px!important;
  letter-spacing:.12em;
}

#focusModal.hyper-focus-mode .focus-next-piece strong{
  margin-top:5px;
  display:block;
  font-size:16px!important;
  line-height:1.4;
}

#focusModal.hyper-focus-mode .focus-controls{
  width:min(520px,100%);
  margin:22px auto 0!important;
  gap:10px!important;
}

#focusModal.hyper-focus-mode .focus-controls button{
  min-height:48px;
  border-radius:12px!important;
  padding:12px 16px!important;
  font-size:13px!important;
}

#focusModal.hyper-focus-mode .focus-hyperfocus{
  width:min(520px,100%);
  margin:10px auto 0!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  grid-template-columns:28px minmax(0,1fr);
}

#focusModal.hyper-focus-mode .focus-hyperfocus>span:first-child{
  width:28px;
  height:28px;
}

#focusModal.hyper-focus-mode .focus-hyperfocus strong{
  font-size:12px!important;
}

#focusModal.hyper-focus-mode .focus-hyperfocus small{
  font-size:10px!important;
}

#focusModal.hyper-focus-mode .focus-overwhelm,
#focusModal.hyper-focus-mode .focus-come-back,
#focusModal.hyper-focus-mode .focus-save-hint{
  width:min(520px,100%);
  margin-left:auto!important;
  margin-right:auto!important;
}

#focusModal.hyper-focus-mode .focus-overwhelm{
  margin-top:10px!important;
  min-height:42px;
  font-size:12px!important;
}

#focusModal.hyper-focus-mode .focus-come-back{
  margin-top:6px!important;
  font-size:11px!important;
}

#focusModal.hyper-focus-mode .focus-save-hint{
  margin-top:5px!important;
  color:#687381!important;
  font-size:10px!important;
  text-align:center;
}

@media(max-width:620px){
  #focusModal.hyper-focus-mode .floating-focus-panel{
    padding:
      max(18px,env(safe-area-inset-top))
      max(16px,env(safe-area-inset-right))
      max(18px,env(safe-area-inset-bottom))
      max(16px,env(safe-area-inset-left))!important;
  }

  #focusModal.hyper-focus-mode .floating-focus-main{
    min-height:56vh;
    gap:22px!important;
  }

  #focusModal.hyper-focus-mode .floating-focus-copy h2{
    font-size:clamp(27px,9vw,40px)!important;
  }

  #focusModal.hyper-focus-mode .floating-focus-copy p{
    font-size:14px!important;
  }

  #focusModal.hyper-focus-mode .focus-ring{
    width:min(58vw,230px)!important;
    height:min(58vw,230px)!important;
    border-width:7px!important;
  }

  #focusModal.hyper-focus-mode .focus-ring span{
    font-size:clamp(38px,12vw,52px)!important;
  }

  #focusModal.hyper-focus-mode .focus-controls{
    grid-template-columns:1fr 1fr;
  }
}


/* =========================================================
   Automatic appointment buffers
   Quietly protect transition/prep time before fixed commitments.
   ========================================================= */

.status-pill.buffer-linked{
  background:rgba(75,139,190,.13)!important;
  color:#4f86ad!important;
}

.buffer-now-content .now-saved-focus{
  max-width:480px;
}

.buffer-now-actions{
  grid-template-columns:1fr!important;
}

.buffer-now-actions .focus-button{
  width:100%;
}

.plan-block:has(.buffer-linked){
  border-style:dashed!important;
}

@media(prefers-color-scheme:dark){
  .status-pill.buffer-linked{
    background:rgba(88,151,199,.18)!important;
    color:#93c0df!important;
  }
}


/* =========================================================
   Adaptive Day — ADHBrain's signature recovery layer
   ========================================================= */

.adaptive-day-strip{
  margin:14px 0 12px;
  padding:12px 14px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  border:1px solid rgba(255,255,255,.52);
  border-radius:17px;
  background:rgba(255,255,255,.48);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  backdrop-filter:blur(18px) saturate(145%);
  box-shadow:0 10px 28px rgba(84,88,112,.08),inset 0 1px 0 rgba(255,255,255,.68);
}

.adaptive-day-mark{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(105,72,185,.10);
  color:#6847ad;
  font-size:18px;
  font-weight:900;
}

.adaptive-day-copy{
  min-width:0;
  display:grid;
  gap:2px;
}

.adaptive-day-copy>span{
  color:#7053aa;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
}

.adaptive-day-copy strong{
  color:#333d4c;
  font-size:13px;
  line-height:1.3;
}

.adaptive-day-copy small{
  color:#7d8794;
  font-size:11px;
  line-height:1.35;
}

.adaptive-day-strip[data-state="shifted"]{
  border-color:rgba(113,80,193,.24);
  background:linear-gradient(135deg,rgba(116,80,198,.09),rgba(255,255,255,.49));
}

.adaptive-day-strip[data-state="shifted"] .adaptive-day-mark{
  background:rgba(108,73,190,.16);
}

.adaptive-day-strip[data-state="attention"]{
  border-color:rgba(188,141,77,.22);
}

.adaptive-day-strip[data-state="protected"]{
  border-color:rgba(76,137,181,.20);
}

.adaptive-plan-row>span{
  display:grid;
  gap:2px;
}

.adaptive-plan-row>span b{
  color:#62439f;
  font-size:12px;
}

.adaptive-plan-row>span small{
  color:#89919c;
  font-size:10px;
}

.adaptive-plan-row button{
  white-space:nowrap;
}

@media(max-width:620px){
  .adaptive-day-strip{
    grid-template-columns:auto minmax(0,1fr);
    padding:12px;
  }

  .adaptive-day-strip>button{
    grid-column:1 / -1;
    width:100%;
  }

  .adaptive-day-copy strong{
    font-size:14px;
  }

  .adaptive-day-copy small{
    font-size:12px;
  }

  .adaptive-plan-row{
    align-items:flex-start!important;
  }

  .adaptive-plan-row>span{
    max-width:60%;
  }
}

@media(prefers-color-scheme:dark){
  .adaptive-day-strip{
    background:rgba(20,26,36,.48);
    border-color:rgba(146,157,176,.16);
    box-shadow:0 10px 28px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.03);
  }

  .adaptive-day-strip[data-state="shifted"]{
    background:linear-gradient(135deg,rgba(95,65,164,.17),rgba(20,26,36,.50));
    border-color:rgba(139,108,205,.24);
  }

  .adaptive-day-mark{
    background:rgba(118,84,194,.18);
    color:#c5afea;
  }

  .adaptive-day-copy>span,
  .adaptive-plan-row>span b{
    color:#bda7e5;
  }

  .adaptive-day-copy strong{
    color:#e1e6ed;
  }

  .adaptive-day-copy small,
  .adaptive-plan-row>span small{
    color:#9ba5b2;
  }
}


/* =========================================================
   Browser Notifications
   Per-device alerts without adding another dashboard.
   ========================================================= */

.account-notification-card{
  margin:12px 0;
  padding:12px;
  border:1px solid rgba(255,255,255,.50);
  border-radius:14px;
  background:rgba(255,255,255,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}

.account-notification-head{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  align-items:center;
}

.account-notification-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(103,72,181,.10);
  color:#6948aa;
  font-size:16px;
  font-weight:900;
}

.account-notification-head strong,
.account-notification-head small{
  display:block;
}

.account-notification-head strong{
  color:#384250;
  font-size:13px;
}

.account-notification-head small{
  margin-top:2px;
  color:#7e8793;
  font-size:10px;
  line-height:1.35;
}

.account-notification-card>p{
  margin:10px 0;
  color:#7d8692;
  font-size:10.5px;
  line-height:1.45;
}

.account-notification-card>button{
  width:100%;
}

@media(max-width:620px){
  .account-notification-head strong{
    font-size:14px;
  }

  .account-notification-head small,
  .account-notification-card>p{
    font-size:12px;
  }
}

@media(prefers-color-scheme:dark){
  .account-notification-card{
    background:rgba(22,28,38,.44);
    border-color:rgba(148,159,177,.16);
  }

  .account-notification-icon{
    background:rgba(119,87,192,.18);
    color:#c2ace9;
  }

  .account-notification-head strong{
    color:#e0e5eb;
  }

  .account-notification-head small,
  .account-notification-card>p{
    color:#9ca5b1;
  }
}


/* =========================================================
   Restart My Day
   A clean recovery path inside Adaptive Day.
   ========================================================= */

.adaptive-day-strip[data-state="restart"]{
  border-color:rgba(120,82,196,.30);
  background:linear-gradient(135deg,rgba(111,74,194,.13),rgba(255,255,255,.50));
}

.restart-day-entry{
  margin:12px 0 14px;
  padding:12px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  border:1px solid rgba(126,98,181,.15);
  border-radius:14px;
  background:rgba(113,80,187,.045);
}

.restart-day-entry.recommended{
  border-color:rgba(116,80,195,.28);
  background:linear-gradient(135deg,rgba(112,76,194,.11),rgba(255,255,255,.32));
}

.restart-day-entry-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(111,78,187,.11);
  color:#6e4aa9;
  font-size:17px;
  font-weight:900;
}

.restart-day-entry-copy{
  min-width:0;
  display:grid;
  gap:2px;
}

.restart-day-entry-copy>span{
  color:#7d659f;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}

.restart-day-entry-copy strong{
  color:#3f4651;
  font-size:12px;
  line-height:1.35;
}

.restart-day-entry-copy small{
  color:#808894;
  font-size:10px;
  line-height:1.4;
}

.restart-day-panel{
  width:min(720px,calc(100vw - 28px));
}

.restart-day-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:14px 0;
}

.restart-day-summary>div{
  padding:12px;
  border-radius:13px;
  background:rgba(255,255,255,.38);
  border:1px solid rgba(255,255,255,.48);
  text-align:center;
}

.restart-day-summary strong,
.restart-day-summary span{
  display:block;
}

.restart-day-summary strong{
  color:#4e4164;
  font-size:21px;
  line-height:1;
}

.restart-day-summary span{
  margin-top:5px;
  color:#818895;
  font-size:9.5px;
}

.restart-day-next{
  margin:8px 0 14px;
  padding:14px;
  border-radius:14px;
  border-left:3px solid #7550bc;
  background:rgba(111,75,191,.07);
}

.restart-day-next span,
.restart-day-next strong,
.restart-day-next small{
  display:block;
}

.restart-day-next span{
  color:#785ba4;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}

.restart-day-next strong{
  margin-top:5px;
  color:#3b424e;
  font-size:15px;
}

.restart-day-next small{
  margin-top:4px;
  color:#7e8793;
  font-size:10.5px;
  line-height:1.4;
}

.restart-preview-label{
  margin:0 0 7px;
  color:#8a739e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}

.restart-preview-list{
  display:grid;
  gap:7px;
}

.restart-preview-row{
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:10px 11px;
  border-radius:12px;
  background:rgba(255,255,255,.36);
  border:1px solid rgba(255,255,255,.48);
}

.restart-preview-time{
  color:#6e548f;
  font-size:11px;
  font-weight:850;
}

.restart-preview-main strong,
.restart-preview-main small{
  display:block;
}

.restart-preview-main strong{
  color:#3d4550;
  font-size:12px;
}

.restart-preview-main small{
  margin-top:2px;
  color:#858d98;
  font-size:9.5px;
}

.restart-deferred{
  margin-top:10px;
  padding:11px 12px;
  border-radius:12px;
  background:rgba(229,221,243,.28);
  border:1px dashed rgba(120,91,166,.18);
}

.restart-deferred span,
.restart-deferred strong,
.restart-deferred small{
  display:block;
}

.restart-deferred span{
  color:#816b9e;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.11em;
}

.restart-deferred strong{
  margin-top:4px;
  color:#4b515c;
  font-size:11.5px;
}

.restart-deferred small{
  margin-top:3px;
  color:#858d98;
  font-size:9.5px;
  line-height:1.4;
}

.restart-day-note{
  margin-top:14px;
  padding:11px 12px;
  border-radius:12px;
  background:rgba(245,247,250,.34);
  border:1px solid rgba(255,255,255,.48);
}

.restart-day-note strong,
.restart-day-note span{
  display:block;
}

.restart-day-note strong{
  color:#515966;
  font-size:10px;
}

.restart-day-note span{
  margin-top:3px;
  color:#858d99;
  font-size:9.5px;
  line-height:1.45;
}

.restart-day-actions{
  margin-top:14px;
}

.restart-empty{
  padding:14px;
  border-radius:12px;
  background:rgba(255,255,255,.32);
  text-align:center;
}

.restart-empty strong,
.restart-empty small{
  display:block;
}

.restart-empty strong{
  color:#4f5661;
  font-size:12px;
}

.restart-empty small{
  margin-top:3px;
  color:#858d98;
  font-size:10px;
}

@media(max-width:620px){
  .restart-day-entry{
    grid-template-columns:auto minmax(0,1fr);
  }

  .restart-day-entry>button{
    grid-column:1 / -1;
    width:100%;
  }

  .restart-day-entry-copy strong{
    font-size:13px;
  }

  .restart-day-entry-copy small{
    font-size:11px;
  }

  .restart-day-summary{
    grid-template-columns:repeat(3,1fr);
  }

  .restart-day-summary>div{
    padding:10px 6px;
  }

  .restart-day-summary strong{
    font-size:19px;
  }

  .restart-day-summary span{
    font-size:9px;
  }

  .restart-preview-row{
    grid-template-columns:68px minmax(0,1fr);
  }

  .restart-preview-main strong{
    font-size:13px;
  }

  .restart-preview-main small,
  .restart-deferred small,
  .restart-day-note span{
    font-size:11px;
  }

  .restart-day-actions{
    grid-template-columns:1fr!important;
  }

  .restart-day-actions span{
    display:none;
  }

  .restart-day-actions button{
    width:100%;
  }
}

@media(prefers-color-scheme:dark){
  .adaptive-day-strip[data-state="restart"]{
    background:linear-gradient(135deg,rgba(99,67,170,.20),rgba(20,26,36,.50));
    border-color:rgba(145,112,210,.28);
  }

  .restart-day-entry{
    background:rgba(85,61,128,.10);
    border-color:rgba(148,121,195,.13);
  }

  .restart-day-entry.recommended{
    background:linear-gradient(135deg,rgba(105,72,175,.18),rgba(21,27,37,.42));
    border-color:rgba(149,116,214,.24);
  }

  .restart-day-entry-icon{
    background:rgba(119,84,190,.18);
    color:#c6afe9;
  }

  .restart-day-entry-copy>span,
  .restart-preview-time,
  .restart-preview-label,
  .restart-day-next span,
  .restart-deferred span{
    color:#bba4d8;
  }

  .restart-day-entry-copy strong,
  .restart-day-next strong,
  .restart-preview-main strong,
  .restart-deferred strong,
  .restart-day-note strong,
  .restart-empty strong{
    color:#e0e5eb;
  }

  .restart-day-entry-copy small,
  .restart-day-next small,
  .restart-preview-main small,
  .restart-deferred small,
  .restart-day-note span,
  .restart-empty small{
    color:#99a3af;
  }

  .restart-day-summary>div,
  .restart-preview-row,
  .restart-day-note,
  .restart-empty{
    background:rgba(22,29,39,.42);
    border-color:rgba(146,157,176,.14);
  }

  .restart-day-summary strong{
    color:#d6c3ee;
  }

  .restart-day-summary span{
    color:#98a2ae;
  }

  .restart-day-next{
    background:rgba(105,72,176,.14);
    border-left-color:#9370d2;
  }

  .restart-deferred{
    background:rgba(73,54,99,.12);
    border-color:rgba(151,123,188,.18);
  }
}


/* =========================================================
   Account email verification
   ========================================================= */

.auth-verification{
  margin-top:18px;
  padding:18px;
  border:1px solid rgba(107,75,176,.18);
  border-radius:14px;
  background:rgba(111,78,184,.055);
  text-align:left;
}

.auth-verification-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  border-radius:13px;
  background:rgba(108,75,180,.12);
  color:#6644a8;
  font-size:18px;
}

.auth-verification h2{
  margin:5px 0 7px;
  color:#222b39;
  font-size:20px;
  letter-spacing:-.35px;
}

.auth-verification>p{
  margin:0;
  color:#737c89;
  font-size:11px;
  line-height:1.5;
}

.auth-verification>p strong{
  color:#4b3e60;
  overflow-wrap:anywhere;
}

.verification-code-label{
  display:grid;
  gap:7px;
  margin-top:18px;
  color:#414a59;
  font-size:10px;
  font-weight:850;
}

#verificationCode{
  width:100%;
  min-height:48px;
  border:1px solid #d9d4de;
  border-radius:11px;
  background:#fff;
  padding:10px 12px;
  color:#222a37;
  font:inherit;
  font-size:20px;
  font-weight:850;
  letter-spacing:.18em;
  text-align:center;
  outline:none;
}

#verificationCode:focus{
  border-color:#a68fce;
  box-shadow:0 0 0 3px rgba(94,55,177,.08);
}

.verification-help{
  display:block;
  margin-top:8px;
  color:#858d99;
  font-size:9.5px;
  line-height:1.45;
}

.verification-submit{
  width:100%;
  margin-top:14px;
}

.verification-secondary-actions{
  margin-top:10px;
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}

.verification-secondary-actions .auth-forgot{
  margin:0;
}

@media(max-width:620px){
  .auth-verification{
    padding:15px;
  }

  .auth-verification h2{
    font-size:22px;
  }

  .auth-verification>p,
  .verification-help{
    font-size:12px;
  }

  .verification-code-label{
    font-size:13px;
  }

  #verificationCode{
    min-height:52px;
    font-size:22px;
  }
}

@media(prefers-color-scheme:dark){
  .auth-verification{
    background:rgba(89,61,139,.13);
    border-color:rgba(145,116,202,.20);
  }

  .auth-verification-icon{
    background:rgba(124,88,199,.18);
    color:#c5afe9;
  }

  .auth-verification h2{
    color:#e2e7ed;
  }

  .auth-verification>p,
  .verification-help{
    color:#9da6b2;
  }

  .auth-verification>p strong{
    color:#d1c2e8;
  }

  .verification-code-label{
    color:#d5dce5;
  }

  #verificationCode{
    background:#171d27;
    border-color:#343d4b;
    color:#eef1f5;
  }
}


/* =========================================================
   v1.56.0 — Calm top header
   The first screen should orient the user, not compete for attention.
   ========================================================= */

.top-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 15px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.60)!important;
  background:rgba(255,255,255,.54)!important;
  box-shadow:
    0 12px 34px rgba(59,55,78,.07),
    inset 0 1px 0 rgba(255,255,255,.86)!important;
}

.brand-block{
  min-width:0;
}

.brand-row{
  gap:10px!important;
}

.brand-mark{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  background:#172033!important;
  color:#fff!important;
  font-size:16px!important;
  box-shadow:0 6px 14px rgba(23,32,51,.13);
}

.brand-name{
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-1.15px!important;
  font-weight:780!important;
}

.brand-block p{
  margin:5px 0 0 48px!important;
  font-size:12px!important;
  line-height:1.35!important;
  color:#7a8290!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* The old large encouragement card is now a quiet daily nudge. */
.encouragement-card{
  min-width:0!important;
  max-width:235px!important;
  padding:8px 11px!important;
  border-radius:13px!important;
  border:1px solid rgba(112,91,154,.12)!important;
  background:rgba(248,246,252,.64)!important;
  box-shadow:none!important;
  gap:9px!important;
}

.encouragement-card:hover{
  background:rgba(245,241,251,.92)!important;
  border-color:rgba(112,91,154,.20)!important;
}

.encouragement-card .star-wrap{
  flex:0 0 auto;
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  background:rgba(93,53,181,.10)!important;
  color:#5d35b5!important;
  font-size:12px!important;
}

.encouragement-card strong{
  font-size:11.5px!important;
  line-height:1.2!important;
  color:#303746!important;
  white-space:nowrap;
}

.encouragement-card small{
  font-size:9.5px!important;
  line-height:1.25!important;
  margin-top:2px!important;
  color:#858b97!important;
  white-space:nowrap;
}

/* Account now reads as a real utility control instead of a tiny status dot. */
.header-status.account-status{
  min-width:132px;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 8px!important;
  align-items:center!important;
  gap:9px!important;
  padding:7px 9px!important;
  border:1px solid rgba(92,98,116,.12)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.50)!important;
  color:#4f5969!important;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}

.header-status.account-status:hover{
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(93,53,181,.16)!important;
  transform:translateY(-1px);
}

.header-status.account-status .account-header-icon{
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:#f0ecf8!important;
  color:#5d35b5!important;
  font-size:12px!important;
  font-weight:800!important;
}

.account-status-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.header-status.account-status small{
  display:block!important;
  font-size:11px!important;
  line-height:1.15;
  font-weight:760;
  color:#343c4b;
}

.account-status-copy em{
  margin-top:2px;
  font-size:8.5px;
  line-height:1.15;
  font-style:normal;
  color:#8b919d;
  white-space:nowrap;
}

.header-status.account-status .account-header-sync-dot{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#6db18a!important;
  align-self:center;
}

/* Give the greeting a little breathing room below the calmer navigation. */
.welcome-row{
  margin-top:30px!important;
}

/* Dark theme */
html[data-theme="dark"] .top-header{
  background:rgba(20,25,35,.62)!important;
  border-color:rgba(143,153,171,.15)!important;
  box-shadow:
    0 14px 36px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}

html[data-theme="dark"] .brand-mark{
  background:#eef1f5!important;
  color:#171c25!important;
  box-shadow:none;
}

html[data-theme="dark"] .brand-name{
  color:#eef1f5!important;
}

html[data-theme="dark"] .brand-block p{
  color:#929cab!important;
}

html[data-theme="dark"] .encouragement-card{
  background:rgba(31,37,48,.62)!important;
  border-color:rgba(145,155,173,.12)!important;
}

html[data-theme="dark"] .encouragement-card:hover{
  background:rgba(36,43,55,.82)!important;
}

html[data-theme="dark"] .encouragement-card .star-wrap{
  background:rgba(151,122,223,.15)!important;
  color:#bca4f3!important;
}

html[data-theme="dark"] .encouragement-card strong{
  color:#e4e8ee!important;
}

html[data-theme="dark"] .encouragement-card small{
  color:#929baa!important;
}

html[data-theme="dark"] .header-status.account-status{
  background:rgba(26,32,43,.58)!important;
  border-color:rgba(145,155,173,.13)!important;
}

html[data-theme="dark"] .header-status.account-status:hover{
  background:rgba(32,39,51,.86)!important;
}

html[data-theme="dark"] .header-status.account-status .account-header-icon{
  background:rgba(151,122,223,.14)!important;
  color:#c1acf1!important;
}

html[data-theme="dark"] .header-status.account-status small{
  color:#e4e8ee!important;
}

html[data-theme="dark"] .account-status-copy em{
  color:#8f99a8!important;
}

/* Tablet: keep the brand + account dominant. */
@media(max-width:760px){
  .top-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:12px!important;
  }

  .encouragement-card{
    display:none!important;
  }

  .brand-block p{
    margin-left:46px!important;
  }

  .header-status.account-status{
    min-width:118px;
  }
}

/* Phone: compact enough to feel like an app header, but still readable. */
@media(max-width:560px){
  .top-header{
    padding:10px!important;
    border-radius:16px!important;
  }

  .brand-mark{
    width:35px!important;
    height:35px!important;
  }

  .brand-name{
    font-size:25px!important;
    letter-spacing:-.9px!important;
  }

  .brand-block p{
    margin:4px 0 0 45px!important;
    font-size:11px!important;
    max-width:210px;
  }

  .header-status.account-status{
    min-width:42px;
    width:42px;
    height:42px;
    grid-template-columns:1fr!important;
    place-items:center!important;
    padding:5px!important;
  }

  .header-status.account-status .account-header-icon{
    width:31px!important;
    height:31px!important;
  }

  .account-status-copy,
  .header-status.account-status .account-header-sync-dot{
    display:none!important;
  }

  .welcome-row{
    margin-top:24px!important;
  }
}


/* =========================================================
   v1.57.0 — Today greeting + decision-light actions
   One thing → one reason → one action.
   ========================================================= */

.welcome-row{
  margin-top:30px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(390px,520px)!important;
  align-items:end!important;
  gap:34px!important;
  padding:10px 2px 2px!important;
}

.welcome-copy{
  min-width:0;
}

.welcome-eyebrow{
  display:block;
  margin-bottom:9px;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.16em;
  color:#8a7da3;
}

.welcome-row h1{
  margin:0!important;
  font-size:38px!important;
  line-height:1.03!important;
  letter-spacing:-1.2px!important;
  color:#20293a!important;
  font-weight:760!important;
}

.welcome-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:9px;
  font-size:13px;
  line-height:1.4;
  color:#7b8390;
}

.welcome-row p{
  margin:0!important;
}

.welcome-meta-dot{
  color:#c2bccd;
}

.welcome-reassurance{
  color:#667083;
}

.welcome-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1.5fr) minmax(145px,.85fr)!important;
  gap:9px!important;
  align-items:stretch!important;
}

/* Primary decision-reducer. This should be the obvious first choice. */
.what-now{
  min-width:0;
  display:grid!important;
  grid-template-columns:31px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:9px!important;
  padding:11px 12px!important;
  border:1px solid rgba(93,53,181,.16)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(247,244,252,.98),rgba(241,236,250,.94))!important;
  color:#3f2c68!important;
  box-shadow:0 8px 24px rgba(82,57,128,.07)!important;
  text-align:left!important;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}

.what-now:hover{
  transform:translateY(-1px);
  border-color:rgba(93,53,181,.26)!important;
  box-shadow:0 10px 26px rgba(82,57,128,.10)!important;
}

.welcome-action-icon{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#5d35b5;
  color:#fff;
  font-size:11px;
}

.welcome-action-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.welcome-action-copy strong{
  font-size:12px;
  line-height:1.2;
  font-weight:780;
}

.welcome-action-copy small{
  margin-top:3px;
  font-size:9.5px;
  line-height:1.25;
  color:#817990;
  white-space:nowrap;
}

.welcome-action-arrow{
  color:#755ca4;
  font-size:14px;
}

/* Rescue is always visible, but deliberately secondary to "what now". */
.overwhelm-button{
  min-width:0;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 12px!important;
  border:1px solid rgba(119,124,138,.16)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.48)!important;
  color:#596171!important;
  box-shadow:none!important;
  text-align:left!important;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease;
}

.overwhelm-button:hover{
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(93,53,181,.17)!important;
}

.overwhelm-button .welcome-action-copy{
  align-items:center;
}

.overwhelm-button .welcome-action-copy strong{
  color:#596171;
}

.overwhelm-button .welcome-action-copy small{
  color:#9096a0;
}

/* Dark appearance */
html[data-theme="dark"] .welcome-eyebrow{
  color:#aa96cd;
}

html[data-theme="dark"] .welcome-row h1{
  color:#edf0f5!important;
}

html[data-theme="dark"] .welcome-meta{
  color:#929baa;
}

html[data-theme="dark"] .welcome-meta-dot{
  color:#566070;
}

html[data-theme="dark"] .welcome-reassurance{
  color:#9ca5b3;
}

html[data-theme="dark"] .what-now{
  background:linear-gradient(135deg,rgba(48,39,68,.88),rgba(38,32,55,.92))!important;
  border-color:rgba(177,149,235,.17)!important;
  color:#e8e0fa!important;
  box-shadow:0 9px 24px rgba(0,0,0,.13)!important;
}

html[data-theme="dark"] .what-now:hover{
  border-color:rgba(190,162,241,.28)!important;
}

html[data-theme="dark"] .welcome-action-icon{
  background:#a98adc;
  color:#1f182c;
}

html[data-theme="dark"] .what-now .welcome-action-copy small,
html[data-theme="dark"] .welcome-action-arrow{
  color:#b1a4c5;
}

html[data-theme="dark"] .overwhelm-button{
  background:rgba(27,33,44,.48)!important;
  border-color:rgba(145,155,173,.13)!important;
}

html[data-theme="dark"] .overwhelm-button:hover{
  background:rgba(34,41,53,.72)!important;
}

html[data-theme="dark"] .overwhelm-button .welcome-action-copy strong{
  color:#d7dce4;
}

html[data-theme="dark"] .overwhelm-button .welcome-action-copy small{
  color:#8f99a8;
}

/* Tablet: give the actions their own calm row. */
@media(max-width:900px){
  .welcome-row{
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:18px!important;
  }

  .welcome-actions{
    width:min(100%,560px);
  }
}

/* Mobile: one obvious action at a time instead of two cramped buttons. */
@media(max-width:560px){
  .welcome-row{
    margin-top:24px!important;
    gap:16px!important;
    padding-inline:1px!important;
  }

  .welcome-row h1{
    font-size:32px!important;
    letter-spacing:-1px!important;
  }

  .welcome-meta{
    gap:6px;
    font-size:12px;
  }

  .welcome-meta-dot{
    display:none;
  }

  .welcome-reassurance{
    flex-basis:100%;
  }

  .welcome-actions{
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%;
  }

  .what-now{
    min-height:58px;
    grid-template-columns:34px minmax(0,1fr) 20px!important;
    padding:11px 12px!important;
  }

  .welcome-action-icon{
    width:34px;
    height:34px;
  }

  .welcome-action-copy strong{
    font-size:14px;
  }

  .welcome-action-copy small{
    font-size:11px;
    white-space:normal;
  }

  .overwhelm-button{
    min-height:50px;
  }

  .overwhelm-button .welcome-action-copy{
    align-items:flex-start;
    width:100%;
  }
}


/* =========================================================
   v1.58.0 — Adaptive Day as the product's quiet intelligence
   Compact, stateful, and action-oriented without becoming a dashboard card.
   ========================================================= */

.adaptive-day-strip{
  position:relative;
  margin-top:18px!important;
  min-height:76px;
  display:grid!important;
  grid-template-columns:minmax(180px,.72fr) minmax(0,1.35fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:12px 13px!important;
  overflow:hidden;
  border:1px solid rgba(104,82,151,.13)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.46)!important;
  box-shadow:
    0 8px 28px rgba(50,45,67,.045),
    inset 0 1px 0 rgba(255,255,255,.70)!important;
}

.adaptive-day-strip::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#8b75b7;
  opacity:.62;
}

.adaptive-day-identity{
  min-width:0;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:10px;
}

.adaptive-day-mark{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:rgba(93,53,181,.09)!important;
  color:#6744a8!important;
  font-size:17px!important;
  font-weight:850!important;
}

.adaptive-day-identity>div:last-child{
  min-width:0;
  display:grid;
  gap:3px;
}

.adaptive-day-identity>div:last-child>span{
  color:#665182;
  font-size:9.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.13em;
}

.adaptive-day-identity>div:last-child>small{
  color:#9195a0;
  font-size:9.5px;
  line-height:1.3;
  white-space:nowrap;
}

.adaptive-day-copy{
  min-width:0;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  column-gap:9px!important;
  row-gap:2px!important;
  align-items:center!important;
}

.adaptive-day-state{
  grid-column:1;
  grid-row:1;
  width:max-content;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(93,53,181,.075);
  color:#6f58a0!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  white-space:nowrap;
}

.adaptive-day-copy strong{
  grid-column:2;
  grid-row:1;
  min-width:0;
  color:#343d4a!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:760!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.adaptive-day-copy small{
  grid-column:1 / -1;
  grid-row:2;
  min-width:0;
  color:#818995!important;
  font-size:10px!important;
  line-height:1.35!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.adaptive-day-action{
  min-width:128px;
  min-height:37px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:8px 11px!important;
  border-radius:11px!important;
  border:1px solid rgba(96,83,123,.13)!important;
  background:rgba(255,255,255,.56)!important;
  color:#5f5272!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:760!important;
  white-space:nowrap;
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}

.adaptive-day-action:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(93,53,181,.20)!important;
}

.adaptive-day-action-arrow{
  color:#8975aa;
  font-size:12px;
}

/* Calm/protected states stay understated. */
.adaptive-day-strip[data-state="calm"]::before{
  background:#87a89b;
}

.adaptive-day-strip[data-state="calm"] .adaptive-day-mark{
  background:rgba(91,133,115,.09)!important;
  color:#587e6c!important;
}

.adaptive-day-strip[data-state="calm"] .adaptive-day-state{
  background:rgba(91,133,115,.09);
  color:#5b7d6e!important;
}

.adaptive-day-strip[data-state="protected"]::before{
  background:#7196b1;
}

.adaptive-day-strip[data-state="protected"] .adaptive-day-mark{
  background:rgba(76,137,181,.09)!important;
  color:#577f9b!important;
}

.adaptive-day-strip[data-state="protected"] .adaptive-day-state{
  background:rgba(76,137,181,.085);
  color:#5a7f99!important;
}

/* A shifted day gets emphasis, but still not an alarm. */
.adaptive-day-strip[data-state="shifted"]{
  border-color:rgba(113,80,193,.18)!important;
  background:linear-gradient(135deg,rgba(116,80,198,.065),rgba(255,255,255,.48))!important;
}

.adaptive-day-strip[data-state="shifted"]::before{
  background:#7552bd;
  opacity:.86;
}

.adaptive-day-strip[data-state="shifted"] .adaptive-day-action{
  border-color:rgba(93,53,181,.18)!important;
  background:rgba(93,53,181,.085)!important;
  color:#5b3a98!important;
}

/* Attention is warm, not warning-red. */
.adaptive-day-strip[data-state="attention"]{
  border-color:rgba(180,139,79,.18)!important;
}

.adaptive-day-strip[data-state="attention"]::before{
  background:#b38a55;
}

.adaptive-day-strip[data-state="attention"] .adaptive-day-mark,
.adaptive-day-strip[data-state="attention"] .adaptive-day-state{
  background:rgba(180,139,79,.10)!important;
  color:#8a693e!important;
}

/* Restart is the strongest recovery state because it changes the strategy. */
.adaptive-day-strip[data-state="restart"]{
  border-color:rgba(112,76,194,.22)!important;
  background:linear-gradient(135deg,rgba(111,74,194,.085),rgba(255,255,255,.49))!important;
}

.adaptive-day-strip[data-state="restart"]::before{
  width:4px;
  background:#6942b3;
  opacity:.90;
}

.adaptive-day-strip[data-state="restart"] .adaptive-day-mark{
  background:rgba(111,78,187,.13)!important;
  color:#65429f!important;
}

.adaptive-day-strip[data-state="restart"] .adaptive-day-state{
  background:rgba(111,78,187,.11)!important;
  color:#65459a!important;
}

.adaptive-day-strip[data-state="restart"] .adaptive-day-action{
  border-color:#5d35b5!important;
  background:#5d35b5!important;
  color:#fff!important;
}

.adaptive-day-strip[data-state="restart"] .adaptive-day-action-arrow{
  color:#fff;
}

/* Dark appearance */
html[data-theme="dark"] .adaptive-day-strip{
  background:rgba(24,30,41,.48)!important;
  border-color:rgba(146,157,176,.13)!important;
  box-shadow:
    0 9px 26px rgba(0,0,0,.11),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}

html[data-theme="dark"] .adaptive-day-identity>div:last-child>span{
  color:#bba8da;
}

html[data-theme="dark"] .adaptive-day-identity>div:last-child>small{
  color:#868f9d;
}

html[data-theme="dark"] .adaptive-day-copy strong{
  color:#e0e5ec!important;
}

html[data-theme="dark"] .adaptive-day-copy small{
  color:#98a1ae!important;
}

html[data-theme="dark"] .adaptive-day-action{
  background:rgba(34,41,53,.62)!important;
  border-color:rgba(151,161,179,.13)!important;
  color:#cfd5de!important;
}

html[data-theme="dark"] .adaptive-day-action:hover{
  background:rgba(41,48,61,.82)!important;
}

html[data-theme="dark"] .adaptive-day-strip[data-state="shifted"]{
  background:linear-gradient(135deg,rgba(95,65,164,.14),rgba(24,30,41,.50))!important;
  border-color:rgba(139,108,205,.20)!important;
}

html[data-theme="dark"] .adaptive-day-strip[data-state="shifted"] .adaptive-day-action{
  background:rgba(126,91,197,.15)!important;
  color:#d0bdf0!important;
  border-color:rgba(159,128,220,.19)!important;
}

html[data-theme="dark"] .adaptive-day-strip[data-state="restart"]{
  background:linear-gradient(135deg,rgba(95,65,164,.17),rgba(24,30,41,.52))!important;
  border-color:rgba(150,117,218,.22)!important;
}

html[data-theme="dark"] .adaptive-day-strip[data-state="restart"] .adaptive-day-action{
  background:#9b7bd5!important;
  border-color:#9b7bd5!important;
  color:#1f1829!important;
}

html[data-theme="dark"] .adaptive-day-strip[data-state="restart"] .adaptive-day-action-arrow{
  color:#1f1829;
}

/* Tablet: identity stays visible; status/action become easier to scan. */
@media(max-width:900px){
  .adaptive-day-strip{
    grid-template-columns:minmax(165px,.8fr) minmax(0,1.25fr) auto!important;
    gap:13px!important;
  }

  .adaptive-day-identity>div:last-child>small{
    white-space:normal;
  }

  .adaptive-day-action{
    min-width:112px;
  }
}

/* Mobile: compact two-part status + one clear action. */
@media(max-width:620px){
  .adaptive-day-strip{
    min-height:0;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:8px 10px!important;
    padding:11px!important;
  }

  .adaptive-day-strip::before{
    width:3px;
  }

  .adaptive-day-identity{
    display:contents;
  }

  .adaptive-day-mark{
    grid-column:1;
    grid-row:1;
  }

  .adaptive-day-identity>div:last-child{
    grid-column:2;
    grid-row:1;
    align-self:center;
  }

  .adaptive-day-identity>div:last-child>span{
    font-size:9px;
  }

  .adaptive-day-identity>div:last-child>small{
    font-size:10px;
  }

  .adaptive-day-copy{
    grid-column:1 / -1;
    grid-row:2;
    grid-template-columns:auto minmax(0,1fr)!important;
    margin-top:2px;
  }

  .adaptive-day-copy strong{
    font-size:13px!important;
    white-space:normal;
  }

  .adaptive-day-copy small{
    font-size:11px!important;
    white-space:normal;
  }

  .adaptive-day-action{
    grid-column:1 / -1!important;
    grid-row:3;
    width:100%!important;
    min-height:42px;
    margin-top:2px;
    font-size:12px!important;
  }
}


/* =========================================================
   v1.59.0 — Current capacity
   Energy should feel like a quick reality check, not another setting.
   ========================================================= */

.overall-energy-card{
  margin:14px 0 20px!important;
  display:grid!important;
  grid-template-columns:minmax(250px,.95fr) minmax(430px,1.35fr)!important;
  align-items:center!important;
  gap:18px!important;
  padding:11px 12px!important;
  border:1px solid rgba(119,108,139,.13)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.40)!important;
  box-shadow:
    0 7px 22px rgba(49,44,62,.035),
    inset 0 1px 0 rgba(255,255,255,.64)!important;
}

.overall-energy-copy{
  min-width:0;
  display:grid!important;
  grid-template-columns:35px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
}

.overall-energy-icon{
  width:35px!important;
  height:35px!important;
  border-radius:11px!important;
  background:rgba(93,53,181,.085)!important;
  color:#6745a5!important;
  display:grid!important;
  place-items:center!important;
  font-size:14px!important;
}

.overall-energy-text{
  min-width:0;
}

.overall-energy-eyebrow{
  display:block;
  margin-bottom:3px;
  color:#807093;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}

.overall-energy-copy strong{
  display:block!important;
  color:#394150!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:760!important;
}

.overall-energy-copy small{
  display:block!important;
  margin-top:3px!important;
  color:#858c98!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}

.overall-energy-choices{
  width:100%;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  flex-shrink:1!important;
}

.overall-energy-choices button{
  min-width:0;
  min-height:46px;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px 9px!important;
  border:1px solid rgba(121,126,139,.13)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.50)!important;
  color:#606876!important;
  text-align:left!important;
  cursor:pointer;
  transition:
    transform .14s ease,
    border-color .14s ease,
    background .14s ease,
    box-shadow .14s ease;
}

.overall-energy-choices button:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.80)!important;
  border-color:rgba(93,53,181,.17)!important;
}

.energy-choice-mark{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(120,126,139,.075);
  color:#777f8d;
  font-size:11px;
  font-weight:900;
}

.overall-energy-choices button>span:last-child{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.overall-energy-choices button strong{
  color:#505866;
  font-size:10.5px;
  line-height:1.15;
  font-weight:800;
}

.overall-energy-choices button small{
  margin-top:2px;
  color:#9298a2;
  font-size:8.5px;
  line-height:1.2;
  white-space:nowrap;
}

/* Selection is clear but calm. No "good" or "bad" energy state. */
.overall-energy-choices button[data-overall-energy="low"].selected{
  background:rgba(86,139,112,.085)!important;
  border-color:rgba(72,133,102,.22)!important;
  color:#4e7c65!important;
  box-shadow:0 0 0 1px rgba(72,133,102,.035)!important;
}

.overall-energy-choices button[data-overall-energy="low"].selected .energy-choice-mark{
  background:rgba(72,133,102,.12);
  color:#4e7c65;
}

.overall-energy-choices button[data-overall-energy="medium"].selected{
  background:rgba(93,53,181,.075)!important;
  border-color:rgba(93,53,181,.21)!important;
  color:#62479b!important;
  box-shadow:0 0 0 1px rgba(93,53,181,.03)!important;
}

.overall-energy-choices button[data-overall-energy="medium"].selected .energy-choice-mark{
  background:rgba(93,53,181,.11);
  color:#62479b;
}

.overall-energy-choices button[data-overall-energy="high"].selected{
  background:rgba(173,123,70,.075)!important;
  border-color:rgba(168,117,61,.20)!important;
  color:#846037!important;
  box-shadow:0 0 0 1px rgba(168,117,61,.03)!important;
}

.overall-energy-choices button[data-overall-energy="high"].selected .energy-choice-mark{
  background:rgba(168,117,61,.11);
  color:#846037;
}

.overall-energy-choices button.selected strong{
  color:currentColor!important;
}

/* Dark appearance */
html[data-theme="dark"] .overall-energy-card{
  background:rgba(24,30,40,.42)!important;
  border-color:rgba(147,157,174,.12)!important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.09),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}

html[data-theme="dark"] .overall-energy-icon{
  background:rgba(151,122,223,.13)!important;
  color:#b79ee8!important;
}

html[data-theme="dark"] .overall-energy-eyebrow{
  color:#a490c4;
}

html[data-theme="dark"] .overall-energy-copy strong{
  color:#dce1e8!important;
}

html[data-theme="dark"] .overall-energy-copy small{
  color:#929ba8!important;
}

html[data-theme="dark"] .overall-energy-choices button{
  background:rgba(31,38,49,.52)!important;
  border-color:rgba(149,159,176,.12)!important;
}

html[data-theme="dark"] .overall-energy-choices button:hover{
  background:rgba(38,45,57,.75)!important;
}

html[data-theme="dark"] .overall-energy-choices button strong{
  color:#d3d9e1;
}

html[data-theme="dark"] .overall-energy-choices button small{
  color:#8e98a6;
}

html[data-theme="dark"] .energy-choice-mark{
  background:rgba(154,164,179,.08);
  color:#9ba4b1;
}

html[data-theme="dark"] .overall-energy-choices button[data-overall-energy="low"].selected{
  background:rgba(71,125,98,.14)!important;
  border-color:rgba(94,155,124,.24)!important;
  color:#9bc6ad!important;
}

html[data-theme="dark"] .overall-energy-choices button[data-overall-energy="medium"].selected{
  background:rgba(129,94,199,.15)!important;
  border-color:rgba(157,124,219,.23)!important;
  color:#c7b1ee!important;
}

html[data-theme="dark"] .overall-energy-choices button[data-overall-energy="high"].selected{
  background:rgba(154,108,61,.14)!important;
  border-color:rgba(188,138,83,.22)!important;
  color:#d1ae84!important;
}

/* Tablet */
@media(max-width:900px){
  .overall-energy-card{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}

/* Phone: three easy tap targets, with the reason still visible. */
@media(max-width:620px){
  .overall-energy-card{
    margin-top:12px!important;
    padding:11px!important;
    gap:11px!important;
  }

  .overall-energy-copy{
    grid-template-columns:36px minmax(0,1fr)!important;
  }

  .overall-energy-icon{
    width:36px!important;
    height:36px!important;
  }

  .overall-energy-copy strong{
    font-size:14px!important;
  }

  .overall-energy-copy small{
    font-size:11px!important;
  }

  .overall-energy-eyebrow{
    font-size:9px;
  }

  .overall-energy-choices{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }

  .overall-energy-choices button{
    min-height:58px;
    grid-template-columns:1fr!important;
    gap:3px!important;
    place-items:center!important;
    padding:7px 5px!important;
    text-align:center!important;
  }

  .overall-energy-choices button>span:last-child{
    align-items:center;
  }

  .overall-energy-choices button strong{
    font-size:12px;
  }

  .overall-energy-choices button small{
    font-size:10px;
    white-space:normal;
    text-align:center;
  }

  .energy-choice-mark{
    width:22px;
    height:22px;
    border-radius:7px;
  }
}


/* =========================================================
   v1.60.0 — NOW
   The strongest home-screen card: one thing, one reason, one action.
   ========================================================= */

.now-card{
  position:relative!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(89,75,116,.13)!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:
    0 14px 36px rgba(50,43,68,.065),
    inset 0 1px 0 rgba(255,255,255,.82)!important;
}

.now-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#6e4db1;
  opacity:.78;
}

.now-card-head{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 15px 9px 17px;
  border-bottom:1px solid rgba(119,112,132,.09);
  background:rgba(250,248,252,.46);
}

.now-card-head>div{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:8px;
}

.now-kicker{
  color:#5e438d;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.15em;
}

.now-card-head small{
  color:#9398a2;
  font-size:9.5px;
  line-height:1.2;
}

.now-state-label{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(93,53,181,.075);
  color:#6a5297;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}

#nowContent{
  padding:16px 17px 15px;
}

.now-content{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) auto!important;
  gap:13px!important;
  align-items:center!important;
  margin-top:0!important;
}

.now-content .task-icon{
  width:54px!important;
  height:54px!important;
  font-size:21px!important;
  border-radius:16px!important;
}

.now-copy{
  min-width:0;
}

.now-context{
  display:block;
  margin-bottom:4px;
  color:#817292;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.10em;
}

.now-copy h2{
  margin:0!important;
  color:#252e3d!important;
  font-size:19px!important;
  line-height:1.18!important;
  letter-spacing:-.35px!important;
  font-weight:780!important;
}

.now-copy p{
  margin:5px 0 7px!important;
  color:#7c8491!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}

.now-copy>strong{
  color:#584276!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:760!important;
}

.now-saved-focus{
  display:block;
  margin-top:5px;
  color:#7b8290;
  font-size:9.5px;
  line-height:1.35;
}

.now-progress-summary{
  display:flex;
  align-items:center;
  gap:10px;
}

.now-progress-summary .minutes{
  min-width:62px;
  text-align:right;
  color:#545e6d!important;
}

.now-progress-summary .minutes strong{
  font-size:11px;
  line-height:1.1;
  color:#353f4e;
}

.now-progress-summary .minutes span{
  margin-top:3px!important;
  font-size:8.5px!important;
  color:#979da7;
}

.now-card .progress-ring{
  width:52px!important;
  height:52px!important;
}

.now-card .progress-ring::after{
  inset:5px!important;
  background:#fff!important;
}

.now-card .progress-ring span{
  font-size:9px;
  color:#4e5867;
}

.now-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(62px,.63fr))!important;
  gap:6px!important;
  margin-top:14px!important;
}

.now-card .focus-button,
.now-card .now-action{
  min-height:39px;
  border-radius:11px!important;
  padding:8px 9px!important;
  font-size:9.5px!important;
  line-height:1.15;
  font-weight:800!important;
  text-transform:none!important;
}

.now-card .focus-button{
  border:1px solid #5d35b5!important;
  background:#5d35b5!important;
  color:#fff!important;
  box-shadow:0 7px 17px rgba(93,53,181,.15)!important;
}

.now-card .focus-button:hover{
  transform:translateY(-1px);
}

.now-card .now-action{
  border:1px solid rgba(125,129,141,.14)!important;
  background:rgba(255,255,255,.58)!important;
  color:#69717e!important;
}

.now-card .now-action.complete{
  color:#4c775f!important;
  background:rgba(81,135,106,.055)!important;
  border-color:rgba(81,135,106,.15)!important;
}

.now-card .now-action.move{
  color:#66577e!important;
  background:rgba(93,53,181,.04)!important;
  border-color:rgba(93,53,181,.12)!important;
}

.now-card .now-action.skip{
  color:#7b7480!important;
  background:rgba(120,120,125,.035)!important;
  border-color:rgba(125,129,141,.12)!important;
}

/* Open time should feel like permission, not an empty/error state. */
.now-empty{
  min-height:112px!important;
  margin-top:0!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  align-items:center!important;
  gap:13px!important;
  color:#727b89!important;
}

.now-empty .task-icon{
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  font-size:20px!important;
}

.now-empty-copy{
  min-width:0;
}

.now-empty h2{
  margin:0!important;
  color:#2d3644!important;
  font-size:18px!important;
  line-height:1.25!important;
  letter-spacing:-.25px;
}

.now-empty p{
  margin:5px 0 4px!important;
  color:#78818e!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}

.now-empty p strong{
  color:#59457c!important;
  font-size:inherit!important;
}

.now-empty small{
  color:#989da6;
  font-size:9.5px;
  line-height:1.35;
}

/* Protected prep is intentionally calm and never exposes Focus. */
.buffer-now-content .now-context{
  color:#5e819b;
}

.buffer-now-actions{
  grid-template-columns:1fr!important;
}

.buffer-now-actions .focus-button{
  width:100%;
  background:rgba(70,124,164,.09)!important;
  border-color:rgba(70,124,164,.17)!important;
  color:#4e748f!important;
  box-shadow:none!important;
}

.appointment-now-content .now-context{
  color:#5f8098;
}

/* Dark appearance */
html[data-theme="dark"] .now-card{
  background:rgba(24,30,40,.66)!important;
  border-color:rgba(149,159,176,.13)!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}

html[data-theme="dark"] .now-card-head{
  background:rgba(20,25,34,.34);
  border-bottom-color:rgba(150,160,177,.09);
}

html[data-theme="dark"] .now-kicker{
  color:#b7a0df;
}

html[data-theme="dark"] .now-card-head small{
  color:#858f9d;
}

html[data-theme="dark"] .now-state-label{
  background:rgba(151,122,223,.12);
  color:#bfa9e6;
}

html[data-theme="dark"] .now-copy h2,
html[data-theme="dark"] .now-empty h2{
  color:#e5e9ef!important;
}

html[data-theme="dark"] .now-copy p,
html[data-theme="dark"] .now-empty p{
  color:#939ca9!important;
}

html[data-theme="dark"] .now-copy>strong{
  color:#b9a7d5!important;
}

html[data-theme="dark"] .now-context{
  color:#a99abe;
}

html[data-theme="dark"] .now-saved-focus,
html[data-theme="dark"] .now-empty small{
  color:#8e98a5;
}

html[data-theme="dark"] .now-progress-summary .minutes strong{
  color:#d8dde5;
}

html[data-theme="dark"] .now-card .progress-ring::after{
  background:#1d2430!important;
}

html[data-theme="dark"] .now-card .progress-ring span{
  color:#cfd5de;
}

html[data-theme="dark"] .now-card .focus-button{
  background:#9b7bd5!important;
  border-color:#9b7bd5!important;
  color:#1d1726!important;
  box-shadow:none!important;
}

html[data-theme="dark"] .now-card .now-action{
  background:rgba(37,44,56,.58)!important;
  border-color:rgba(149,159,176,.12)!important;
  color:#b7c0cc!important;
}

html[data-theme="dark"] .now-card .now-action.complete{
  background:rgba(76,125,99,.12)!important;
  border-color:rgba(91,149,119,.17)!important;
  color:#a5cab6!important;
}

html[data-theme="dark"] .buffer-now-actions .focus-button{
  background:rgba(73,125,164,.14)!important;
  border-color:rgba(91,148,190,.19)!important;
  color:#abd0e9!important;
}

/* Mobile: NOW becomes a clean vertical instruction instead of a dense mini-dashboard. */
@media(max-width:620px){
  #nowContent{
    padding:14px 13px 13px;
  }

  .now-card-head{
    padding:10px 13px 9px 14px;
  }

  .now-card-head small{
    font-size:10px;
  }

  .now-content{
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
  }

  .now-content .task-icon{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
    font-size:18px!important;
  }

  .now-progress-summary{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    width:100%;
    padding-top:7px;
    border-top:1px solid rgba(124,126,137,.09);
  }

  .now-progress-summary .minutes{
    min-width:0;
    text-align:left;
  }

  .now-progress-summary .minutes strong{
    font-size:13px;
  }

  .now-card .progress-ring{
    width:43px!important;
    height:43px!important;
  }

  .now-copy h2{
    font-size:18px!important;
  }

  .now-copy p{
    font-size:11px!important;
  }

  .now-copy>strong,
  .now-saved-focus{
    font-size:10.5px!important;
  }

  .now-actions{
    grid-template-columns:1fr repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin-top:12px!important;
  }

  .now-card .focus-button{
    grid-column:1 / -1;
    min-height:44px;
    font-size:12px!important;
  }

  .now-card .now-action{
    min-height:39px;
    font-size:10px!important;
    padding-inline:5px!important;
  }

  .buffer-now-actions{
    grid-template-columns:1fr!important;
  }

  .now-empty{
    min-height:96px!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:10px!important;
  }

  .now-empty .task-icon{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
  }

  .now-empty h2{
    font-size:17px!important;
  }

  .now-empty p{
    font-size:11px!important;
  }
}


/* =========================================================
   v1.61.0 — Top 3 for Today
   Three things worth caring about. Everything else can wait.
   ========================================================= */

.tasks-card{
  overflow:hidden!important;
  border:1px solid rgba(111,100,130,.12)!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:
    0 12px 32px rgba(50,44,65,.052),
    inset 0 1px 0 rgba(255,255,255,.75)!important;
}

.tasks-card>.task-title-head{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:13px 15px 12px!important;
  border-bottom:1px solid rgba(124,119,133,.08);
  background:rgba(250,248,252,.40);
}

.top-three-mark{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(93,53,181,.09);
  color:#63439e;
  font-size:14px;
  line-height:1;
  font-weight:900;
}

.top-three-heading-copy{
  min-width:0;
}

.top-three-eyebrow{
  display:block;
  margin-bottom:3px;
  color:#857593;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}

.tasks-card .task-title-head h3{
  margin:0!important;
  color:#303948!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:820!important;
  letter-spacing:.03em!important;
}

.tasks-card .task-title-head .top-three-heading-copy>small{
  display:block;
  margin-top:3px;
  color:#8a919c;
  font-size:9.5px!important;
  line-height:1.35;
}

.top-three-status{
  max-width:155px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(93,53,181,.055);
  color:#716283;
  font-size:8.5px;
  line-height:1.2;
  font-weight:750;
  text-align:center;
  white-space:nowrap;
  transition:opacity .15s ease;
}

/* Top 3 rows are ranked suggestions, not another dense task manager. */
.tasks-card .task-list{
  display:grid;
  gap:0;
}

.tasks-card .task-row[data-top-rank]{
  position:relative;
  display:grid!important;
  grid-template-columns:24px 27px minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:9px!important;
  padding:12px 14px!important;
  border:0!important;
  border-top:1px solid rgba(124,119,133,.075)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

.tasks-card .task-row[data-top-rank]:first-child{
  border-top:0!important;
}

.tasks-card .task-row[data-top-rank]::before{
  content:attr(data-top-rank);
  grid-column:1;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(103,84,139,.07);
  color:#75668b;
  font-size:9px;
  font-weight:900;
}

.tasks-card .task-row[data-top-rank]>.task-check{
  grid-column:2;
  margin-top:1px;
}

.tasks-card .task-row[data-top-rank]>.task-title-wrap{
  grid-column:3;
}

.tasks-card .task-row[data-top-rank]>.task-side{
  grid-column:4;
  align-self:center;
}

.tasks-card .task-row[data-top-rank]:hover{
  background:rgba(248,246,251,.48)!important;
}

.tasks-card .task-row[data-top-rank] .checkbox{
  width:22px!important;
  height:22px!important;
  border-width:1.5px!important;
  border-color:#a8aeb8!important;
}

.tasks-card .task-title{
  display:block;
  color:#303948;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:760;
}

.tasks-card .task-why{
  display:flex!important;
  align-items:center;
  gap:6px;
  margin-top:4px!important;
  color:#7e7688!important;
  font-size:9px!important;
  line-height:1.25;
}

.tasks-card .task-why>span{
  padding:3px 5px;
  border-radius:999px;
  background:rgba(93,53,181,.06);
  color:#75618d;
  font-size:7px;
  line-height:1;
  font-weight:900;
  letter-spacing:.07em;
}

/* Metadata lives in "See everything"; Top 3 stays decision-light. */
.tasks-card .task-row[data-top-rank] .task-meta{
  display:none!important;
}

.tasks-card .task-row[data-top-rank] .task-side{
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
}

.tasks-card .task-row[data-top-rank] .schedule-task-btn{
  min-width:76px;
  padding:6px 8px!important;
  border:1px solid rgba(111,93,146,.12)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.48)!important;
  color:#69557f!important;
  box-shadow:none!important;
  font-size:8.5px!important;
  font-weight:780!important;
}

.tasks-card .task-row[data-top-rank] .schedule-task-btn.scheduled{
  background:rgba(93,53,181,.07)!important;
  border-color:rgba(93,53,181,.14)!important;
  color:#614691!important;
}

/* If a task already has momentum or steps, show only a small continuation cue. */
.tasks-card .task-row[data-top-rank] .task-resume-focus,
.tasks-card .task-row[data-top-rank] .task-next-step,
.tasks-card .task-row[data-top-rank] .task-breakdown-link{
  width:auto!important;
  max-width:100%;
  min-height:0!important;
  margin:6px 0 0!important;
  padding:6px 8px!important;
  border:1px solid rgba(118,104,145,.10)!important;
  border-radius:9px!important;
  background:rgba(248,246,251,.50)!important;
  box-shadow:none!important;
  text-align:left!important;
}

.tasks-card .task-row[data-top-rank] .task-resume-focus span,
.tasks-card .task-row[data-top-rank] .task-next-step span,
.tasks-card .task-row[data-top-rank] .task-breakdown-link{
  color:#766485!important;
  font-size:8.5px!important;
  font-weight:760!important;
}

.tasks-card .task-row[data-top-rank] .task-resume-focus small,
.tasks-card .task-row[data-top-rank] .task-next-step small{
  color:#9297a1!important;
  font-size:7.5px!important;
}

.tasks-card .task-row[data-top-rank] .task-next-step strong{
  color:#545c69!important;
  font-size:9px!important;
  line-height:1.3!important;
}

/* Footer quietly reminds the user the rest of the list is not gone. */
.task-card-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:6px!important;
  padding:9px 11px!important;
  border-top:1px solid rgba(124,119,133,.08)!important;
  background:rgba(250,248,252,.38);
}

.top-three-rest-copy{
  min-width:0;
}

.top-three-rest-copy strong,
.top-three-rest-copy small{
  display:block;
}

.top-three-rest-copy strong{
  color:#656d79;
  font-size:9px;
  line-height:1.2;
}

.top-three-rest-copy small{
  margin-top:2px;
  color:#999ea7;
  font-size:8px;
  line-height:1.2;
}

.tasks-card .add-task-inline,
.tasks-card .see-all-tasks{
  width:auto!important;
  min-height:34px;
  padding:7px 9px!important;
  border:1px solid rgba(120,124,137,.12)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.48)!important;
  color:#686f7b!important;
  box-shadow:none!important;
  font-size:8.5px!important;
  font-weight:780!important;
  text-align:center!important;
  white-space:nowrap;
}

.tasks-card .add-task-inline:hover,
.tasks-card .see-all-tasks:hover{
  background:rgba(255,255,255,.78)!important;
  color:#5f487f!important;
  border-color:rgba(93,53,181,.16)!important;
}

.top-three-empty{
  min-height:100px!important;
  padding:17px!important;
  justify-content:flex-start!important;
  background:transparent!important;
}

.top-three-empty>span{
  width:35px!important;
  height:35px!important;
  border-radius:11px!important;
}

/* Dark appearance */
html[data-theme="dark"] .tasks-card{
  background:rgba(24,30,40,.58)!important;
  border-color:rgba(149,159,176,.12)!important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}

html[data-theme="dark"] .tasks-card>.task-title-head,
html[data-theme="dark"] .task-card-actions{
  background:rgba(20,25,34,.30)!important;
  border-color:rgba(150,160,177,.08)!important;
}

html[data-theme="dark"] .top-three-mark{
  background:rgba(151,122,223,.13);
  color:#bca7e5;
}

html[data-theme="dark"] .top-three-eyebrow{
  color:#a591c2;
}

html[data-theme="dark"] .tasks-card .task-title-head h3,
html[data-theme="dark"] .tasks-card .task-title{
  color:#e1e6ed!important;
}

html[data-theme="dark"] .tasks-card .task-title-head .top-three-heading-copy>small,
html[data-theme="dark"] .top-three-rest-copy small{
  color:#8e98a6;
}

html[data-theme="dark"] .top-three-status{
  background:rgba(151,122,223,.10);
  color:#baa9d1;
}

html[data-theme="dark"] .tasks-card .task-row[data-top-rank]{
  border-top-color:rgba(149,159,176,.08)!important;
  background:transparent!important;
}

html[data-theme="dark"] .tasks-card .task-row[data-top-rank]:hover{
  background:rgba(34,41,53,.34)!important;
}

html[data-theme="dark"] .tasks-card .task-row[data-top-rank]::before{
  background:rgba(151,122,223,.10);
  color:#b8a7d1;
}

html[data-theme="dark"] .tasks-card .task-why{
  color:#9ca5b2!important;
}

html[data-theme="dark"] .tasks-card .task-why>span{
  background:rgba(151,122,223,.10);
  color:#b8a7d0;
}

html[data-theme="dark"] .tasks-card .task-row[data-top-rank] .schedule-task-btn,
html[data-theme="dark"] .tasks-card .add-task-inline,
html[data-theme="dark"] .tasks-card .see-all-tasks{
  background:rgba(32,39,51,.52)!important;
  border-color:rgba(149,159,176,.11)!important;
  color:#b8c0cb!important;
}

html[data-theme="dark"] .tasks-card .task-row[data-top-rank] .task-resume-focus,
html[data-theme="dark"] .tasks-card .task-row[data-top-rank] .task-next-step,
html[data-theme="dark"] .tasks-card .task-row[data-top-rank] .task-breakdown-link{
  background:rgba(32,39,51,.40)!important;
  border-color:rgba(149,159,176,.10)!important;
}

html[data-theme="dark"] .top-three-rest-copy strong{
  color:#b7c0ca;
}

/* Mobile: ranking stays visible, secondary task-manager controls drop below. */
@media(max-width:620px){
  .tasks-card>.task-title-head{
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:start!important;
  }

  .top-three-status{
    grid-column:1 / -1;
    max-width:none;
    width:max-content;
    margin-left:44px;
    font-size:10px;
  }

  .tasks-card .task-title-head h3{
    font-size:14px!important;
  }

  .tasks-card .task-title-head .top-three-heading-copy>small{
    font-size:11px!important;
  }

  .tasks-card .task-row[data-top-rank]{
    grid-template-columns:24px 26px minmax(0,1fr)!important;
    gap:8px!important;
    padding:12px!important;
  }

  .tasks-card .task-row[data-top-rank]>.task-side{
    grid-column:3;
    justify-content:flex-start!important;
    margin-top:2px;
  }

  .tasks-card .task-title{
    font-size:14px!important;
  }

  .tasks-card .task-why{
    font-size:10.5px!important;
  }

  .tasks-card .task-row[data-top-rank] .schedule-task-btn{
    min-width:0;
    font-size:10px!important;
    padding:6px 8px!important;
  }

  .tasks-card .task-row[data-top-rank] .task-resume-focus span,
  .tasks-card .task-row[data-top-rank] .task-next-step span,
  .tasks-card .task-row[data-top-rank] .task-breakdown-link{
    font-size:10px!important;
  }

  .tasks-card .task-row[data-top-rank] .task-next-step strong{
    font-size:11px!important;
  }

  .task-card-actions{
    grid-template-columns:1fr 1fr!important;
    padding:10px!important;
  }

  .top-three-rest-copy{
    grid-column:1 / -1;
  }

  .top-three-rest-copy strong{
    font-size:11px;
  }

  .top-three-rest-copy small{
    font-size:10px;
  }

  .tasks-card .add-task-inline,
  .tasks-card .see-all-tasks{
    width:100%!important;
    min-height:40px;
    font-size:11px!important;
  }
}


/* =========================================================
   v1.62.0 — Time Blindness / Actual Pace
   One pattern, one meaning, one optional adjustment.
   ========================================================= */

.smart-time-insight{
  position:relative;
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(111,101,127,.11)!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.54)!important;
  box-shadow:
    0 10px 28px rgba(48,43,59,.045),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
}

.time-insight-head{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:12px 14px 11px;
  border-bottom:1px solid rgba(124,119,133,.075);
  background:rgba(250,248,252,.36);
}

.time-insight-mark{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(93,53,181,.075);
  color:#6a4b9b;
  font-size:14px;
  font-weight:850;
}

.time-insight-eyebrow{
  display:block;
  margin-bottom:3px;
  color:#857490;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}

.time-insight-head h3{
  margin:0!important;
  color:#303947!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:820!important;
  letter-spacing:.035em!important;
}

.time-insight-head small{
  display:block;
  margin-top:3px;
  color:#8d939d;
  font-size:9.5px;
  line-height:1.35;
}

#timeInsightContent{
  padding:12px 13px 13px;
}

.smart-time-insight .smart-insight-body{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px!important;
  border:1px solid rgba(118,119,128,.09)!important;
  border-radius:13px!important;
  box-shadow:none!important;
  background:rgba(250,250,250,.48)!important;
}

.smart-time-insight .smart-insight-icon{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:900!important;
}

.smart-time-insight .smart-insight-copy{
  min-width:0;
}

.smart-insight-state{
  display:inline-flex;
  width:max-content;
  margin-bottom:4px;
  padding:3px 5px;
  border-radius:999px;
  background:rgba(105,91,133,.065);
  color:#796d88;
  font-size:7px;
  line-height:1;
  font-weight:900;
  letter-spacing:.075em;
}

.smart-time-insight .smart-insight-copy strong{
  display:block;
  color:#35404d!important;
  font-size:11px!important;
  line-height:1.28!important;
  font-weight:780!important;
}

.smart-time-insight .smart-insight-copy p{
  margin:4px 0 0!important;
  color:#747d89!important;
  font-size:9.5px!important;
  line-height:1.4!important;
}

.smart-time-insight .smart-insight-copy small{
  display:block;
  margin-top:5px!important;
  color:#9499a2!important;
  font-size:8px!important;
  line-height:1.35!important;
}

.smart-time-insight .smart-insight-action{
  min-width:108px;
  min-height:36px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:7px 9px!important;
  border:1px solid rgba(93,53,181,.16)!important;
  border-radius:10px!important;
  background:rgba(93,53,181,.075)!important;
  color:#60418f!important;
  box-shadow:none!important;
  font-size:8.5px!important;
  line-height:1.15;
  font-weight:800!important;
  white-space:nowrap;
}

.smart-time-insight .smart-insight-action:hover{
  background:rgba(93,53,181,.12)!important;
  transform:translateY(-1px);
}

.smart-time-insight .smart-insight-body.more{
  background:rgba(177,128,67,.045)!important;
  border-color:rgba(177,128,67,.12)!important;
}
.smart-time-insight .smart-insight-body.more .smart-insight-icon{
  background:rgba(177,128,67,.10)!important;
  color:#89643a!important;
}
.smart-time-insight .smart-insight-body.more .smart-insight-state{
  background:rgba(177,128,67,.085);
  color:#88643d;
}

.smart-time-insight .smart-insight-body.room{
  background:rgba(77,131,101,.045)!important;
  border-color:rgba(77,131,101,.11)!important;
}
.smart-time-insight .smart-insight-body.room .smart-insight-icon{
  background:rgba(77,131,101,.09)!important;
  color:#527b63!important;
}
.smart-time-insight .smart-insight-body.room .smart-insight-state{
  background:rgba(77,131,101,.08);
  color:#557762;
}

.smart-time-insight .smart-insight-body.good{
  background:rgba(73,115,148,.04)!important;
  border-color:rgba(73,115,148,.10)!important;
}
.smart-time-insight .smart-insight-body.good .smart-insight-icon{
  background:rgba(73,115,148,.09)!important;
  color:#55778f!important;
}
.smart-time-insight .smart-insight-body.good .smart-insight-state{
  background:rgba(73,115,148,.075);
  color:#587489;
}

.smart-time-insight .smart-insight-body.learning{
  background:rgba(93,53,181,.035)!important;
  border-color:rgba(93,53,181,.09)!important;
}
.smart-time-insight .smart-insight-body.learning .smart-insight-icon{
  background:rgba(93,53,181,.085)!important;
  color:#67499a!important;
}
.smart-time-insight .smart-insight-body.learning .smart-insight-state{
  background:rgba(93,53,181,.07);
  color:#6f5b8b;
}

html[data-theme="dark"] .smart-time-insight{
  background:rgba(24,30,40,.52)!important;
  border-color:rgba(149,159,176,.11)!important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}

html[data-theme="dark"] .time-insight-head{
  background:rgba(20,25,34,.28)!important;
  border-bottom-color:rgba(150,160,177,.07)!important;
}

html[data-theme="dark"] .time-insight-mark{
  background:rgba(151,122,223,.12);
  color:#b9a2e2;
}

html[data-theme="dark"] .time-insight-eyebrow{
  color:#a592c0;
}

html[data-theme="dark"] .time-insight-head h3{
  color:#e0e5ec!important;
}

html[data-theme="dark"] .time-insight-head small{
  color:#8c96a4;
}

html[data-theme="dark"] .smart-time-insight .smart-insight-body{
  background:rgba(30,36,47,.36)!important;
  border-color:rgba(149,159,176,.09)!important;
}

html[data-theme="dark"] .smart-time-insight .smart-insight-copy strong{
  color:#dde3ea!important;
}

html[data-theme="dark"] .smart-time-insight .smart-insight-copy p{
  color:#98a2ae!important;
}

html[data-theme="dark"] .smart-time-insight .smart-insight-copy small{
  color:#7f8997!important;
}

html[data-theme="dark"] .smart-time-insight .smart-insight-action{
  background:rgba(151,122,223,.12)!important;
  border-color:rgba(169,143,222,.16)!important;
  color:#c5b2e6!important;
}

html[data-theme="dark"] .smart-time-insight .smart-insight-body.more{
  background:rgba(151,105,54,.08)!important;
  border-color:rgba(188,137,79,.13)!important;
}
html[data-theme="dark"] .smart-time-insight .smart-insight-body.room{
  background:rgba(67,120,92,.08)!important;
  border-color:rgba(90,150,119,.12)!important;
}
html[data-theme="dark"] .smart-time-insight .smart-insight-body.good{
  background:rgba(62,105,137,.08)!important;
  border-color:rgba(87,139,177,.12)!important;
}
html[data-theme="dark"] .smart-time-insight .smart-insight-body.learning{
  background:rgba(112,81,175,.08)!important;
  border-color:rgba(151,122,207,.12)!important;
}

@media(max-width:620px){
  .time-insight-head{
    padding:12px;
  }

  .time-insight-head h3{
    font-size:14px!important;
  }

  .time-insight-head small{
    font-size:11px;
  }

  #timeInsightContent{
    padding:10px 11px 11px;
  }

  .smart-time-insight .smart-insight-body{
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:start!important;
  }

  .smart-time-insight .smart-insight-copy strong{
    font-size:13px!important;
  }

  .smart-time-insight .smart-insight-copy p{
    font-size:11px!important;
  }

  .smart-time-insight .smart-insight-copy small{
    font-size:10px!important;
  }

  .smart-time-insight .smart-insight-action{
    grid-column:1 / -1!important;
    width:100%;
    min-height:41px;
    font-size:11px!important;
  }
}


/* =========================================================
   v1.63.0 — Brain Dump
   Capture first. Organization comes after.
   ========================================================= */

.brain-dump-card{
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(111,100,130,.12)!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:
    0 12px 32px rgba(50,44,65,.052),
    inset 0 1px 0 rgba(255,255,255,.75)!important;
}

.brain-dump-head{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:13px 14px 12px;
  border-bottom:1px solid rgba(124,119,133,.075);
  background:rgba(250,248,252,.38);
}

.brain-dump-mark{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(93,53,181,.085);
  color:#67479e;
  font-size:17px;
  font-weight:900;
}

.brain-dump-heading-copy{
  min-width:0;
}

.brain-dump-eyebrow{
  display:block;
  margin-bottom:3px;
  color:#857490;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}

.brain-dump-head h3{
  margin:0!important;
  color:#303947!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:820!important;
  letter-spacing:.035em!important;
}

.brain-dump-head small{
  display:block;
  margin-top:3px;
  color:#8d939d;
  font-size:9.5px;
  line-height:1.35;
}

.brain-dump-state{
  padding:5px 7px;
  border-radius:999px;
  background:rgba(93,53,181,.055);
  color:#756284;
  font-size:7.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  white-space:nowrap;
}

.brain-dump-card .brain-input-wrap{
  position:relative;
  margin:12px 13px 0!important;
}

.brain-dump-card .brain-input-wrap textarea{
  width:100%;
  height:132px!important;
  resize:vertical;
  padding:14px 14px 29px!important;
  border:1px solid rgba(118,119,128,.13)!important;
  border-radius:13px!important;
  background:rgba(252,252,252,.66)!important;
  color:#2d3644!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important;
  font-size:12px!important;
  line-height:1.5!important;
}

.brain-dump-card .brain-input-wrap textarea:focus{
  outline:none;
  border-color:rgba(93,53,181,.28)!important;
  background:#fff!important;
  box-shadow:
    0 0 0 3px rgba(93,53,181,.055),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
}

.brain-dump-shortcut{
  position:absolute;
  right:10px;
  bottom:8px;
  padding:3px 5px;
  border-radius:6px;
  background:rgba(114,116,124,.055);
  color:#9a9fa8;
  font-size:7.5px;
  line-height:1;
  font-weight:750;
  pointer-events:none;
}

.brain-dump-card .smart-capture-btn{
  width:calc(100% - 26px)!important;
  min-height:48px;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:9px!important;
  margin:8px 13px 0!important;
  padding:8px 10px!important;
  border:1px solid rgba(93,53,181,.16)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(93,53,181,.09),rgba(93,53,181,.045))!important;
  color:#564070!important;
  box-shadow:none!important;
  text-align:left!important;
}

.brain-dump-card .smart-capture-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(93,53,181,.23)!important;
  background:linear-gradient(135deg,rgba(93,53,181,.12),rgba(93,53,181,.06))!important;
}

.brain-organize-mark{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#5d35b5;
  color:#fff;
  font-size:13px;
  font-weight:900;
}

.brain-dump-card .smart-capture-btn strong{
  display:block;
  color:#4f3a69;
  font-size:11px!important;
  line-height:1.2;
  font-weight:800;
}

.brain-dump-card .smart-capture-btn small{
  display:block;
  margin-top:3px;
  color:#81778c;
  font-size:8.5px!important;
  line-height:1.25;
  font-weight:550;
}

.brain-organize-arrow{
  color:#806b9f;
  font-size:12px;
}

.brain-direct-add{
  display:grid;
  grid-template-columns:minmax(120px,.72fr) minmax(0,1.4fr);
  align-items:center;
  gap:10px;
  margin-top:12px;
  padding:10px 13px 12px;
  border-top:1px solid rgba(124,119,133,.075);
  background:rgba(250,248,252,.34);
}

.brain-direct-add>div:first-child strong,
.brain-direct-add>div:first-child small{
  display:block;
}

.brain-direct-add>div:first-child strong{
  color:#66707c;
  font-size:9px;
  line-height:1.2;
}

.brain-direct-add>div:first-child small{
  margin-top:2px;
  color:#999ea7;
  font-size:8px;
  line-height:1.25;
}

.brain-dump-card .quick-types{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  margin:0!important;
}

.brain-dump-card .quick-types button{
  min-width:0;
  min-height:37px;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:6px 7px!important;
  border:1px solid rgba(120,124,137,.11)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.46)!important;
  color:#68717d!important;
  box-shadow:none!important;
  font-size:8.5px!important;
  font-weight:760!important;
}

.brain-dump-card .quick-types button:hover{
  background:rgba(255,255,255,.76)!important;
  border-color:rgba(93,53,181,.15)!important;
  transform:translateY(-1px);
}

.brain-dump-card .quick-types button>span:first-child{
  font-size:10px;
}

.brain-dump-card .brain-receipt{
  margin:9px 13px 0!important;
}

/* Dark appearance */
html[data-theme="dark"] .brain-dump-card{
  background:rgba(24,30,40,.58)!important;
  border-color:rgba(149,159,176,.12)!important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}

html[data-theme="dark"] .brain-dump-head,
html[data-theme="dark"] .brain-direct-add{
  background:rgba(20,25,34,.30)!important;
  border-color:rgba(150,160,177,.08)!important;
}

html[data-theme="dark"] .brain-dump-mark{
  background:rgba(151,122,223,.13);
  color:#bca7e5;
}

html[data-theme="dark"] .brain-dump-eyebrow{
  color:#a591c2;
}

html[data-theme="dark"] .brain-dump-head h3{
  color:#e1e6ed!important;
}

html[data-theme="dark"] .brain-dump-head small{
  color:#8e98a6;
}

html[data-theme="dark"] .brain-dump-state{
  background:rgba(151,122,223,.10);
  color:#baa9d1;
}

html[data-theme="dark"] .brain-dump-card .brain-input-wrap textarea{
  background:rgba(21,27,36,.60)!important;
  border-color:rgba(149,159,176,.12)!important;
  color:#e1e6ed!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

html[data-theme="dark"] .brain-dump-card .brain-input-wrap textarea:focus{
  background:rgba(25,31,41,.82)!important;
  border-color:rgba(169,143,222,.25)!important;
}

html[data-theme="dark"] .brain-dump-shortcut{
  background:rgba(160,169,183,.07);
  color:#778190;
}

html[data-theme="dark"] .brain-dump-card .smart-capture-btn{
  background:linear-gradient(135deg,rgba(151,122,223,.13),rgba(151,122,223,.06))!important;
  border-color:rgba(169,143,222,.15)!important;
}

html[data-theme="dark"] .brain-organize-mark{
  background:#9b7bd5;
  color:#1d1726;
}

html[data-theme="dark"] .brain-dump-card .smart-capture-btn strong{
  color:#d8caec;
}

html[data-theme="dark"] .brain-dump-card .smart-capture-btn small{
  color:#a79cb6;
}

html[data-theme="dark"] .brain-organize-arrow{
  color:#bba7da;
}

html[data-theme="dark"] .brain-direct-add>div:first-child strong{
  color:#b5bec9;
}

html[data-theme="dark"] .brain-direct-add>div:first-child small{
  color:#838d9a;
}

html[data-theme="dark"] .brain-dump-card .quick-types button{
  background:rgba(31,38,49,.50)!important;
  border-color:rgba(149,159,176,.10)!important;
  color:#b7c0cb!important;
}

html[data-theme="dark"] .brain-dump-card .quick-types button:hover{
  background:rgba(38,45,57,.72)!important;
}

/* Mobile: capture stays dominant; direct-add choices become large enough to tap. */
@media(max-width:620px){
  .brain-dump-head{
    grid-template-columns:34px minmax(0,1fr)!important;
    padding:12px;
  }

  .brain-dump-state{
    grid-column:1 / -1;
    width:max-content;
    margin-left:44px;
    font-size:9px;
  }

  .brain-dump-head h3{
    font-size:14px!important;
  }

  .brain-dump-head small{
    font-size:11px;
  }

  .brain-dump-card .brain-input-wrap{
    margin:10px 11px 0!important;
  }

  .brain-dump-card .brain-input-wrap textarea{
    min-height:150px!important;
    padding:13px!important;
    font-size:16px!important;
  }

  .brain-dump-shortcut{
    display:none;
  }

  .brain-dump-card .smart-capture-btn{
    width:calc(100% - 22px)!important;
    min-height:56px;
    margin:8px 11px 0!important;
  }

  .brain-dump-card .smart-capture-btn strong{
    font-size:13px!important;
  }

  .brain-dump-card .smart-capture-btn small{
    font-size:10.5px!important;
  }

  .brain-direct-add{
    grid-template-columns:1fr!important;
    gap:8px;
    padding:10px 11px 11px;
  }

  .brain-direct-add>div:first-child strong{
    font-size:11px;
  }

  .brain-direct-add>div:first-child small{
    font-size:10px;
  }

  .brain-dump-card .quick-types{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .brain-dump-card .quick-types button{
    min-height:43px;
    font-size:11px!important;
  }
}


/* =========================================================
   v1.64.0 — Today's Plan
   Orientation first. Full timeline only when the user asks for it.
   ========================================================= */

.calm-plan-card{
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(111,100,130,.12)!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:
    0 12px 32px rgba(50,44,65,.052),
    inset 0 1px 0 rgba(255,255,255,.75)!important;
}

.today-plan-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px 12px;
  border-bottom:1px solid rgba(124,119,133,.075);
  background:rgba(250,248,252,.38);
}

.today-plan-heading{
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:10px;
}

.today-plan-mark{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(93,53,181,.085);
  color:#67479e;
  font-size:14px;
  font-weight:900;
}

.today-plan-eyebrow{
  display:block;
  margin-bottom:3px;
  color:#857490;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}

.today-plan-head h3{
  margin:0!important;
  color:#303947!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:820!important;
  letter-spacing:.035em!important;
}

.today-plan-head small{
  display:block;
  margin-top:3px;
  color:#8d939d;
  font-size:9.5px;
  line-height:1.35;
}

.today-plan-head-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:5px;
}

.today-plan-status{
  padding:5px 7px;
  border-radius:999px;
  background:rgba(93,53,181,.055);
  color:#756284;
  font-size:7.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  white-space:nowrap;
}

.today-plan-head-actions button{
  min-height:32px;
  padding:6px 8px!important;
  border-radius:9px!important;
  font-size:8.5px!important;
  line-height:1.1!important;
  font-weight:780!important;
  box-shadow:none!important;
}

.today-plan-head-actions .plan-routines-btn{
  border:1px solid rgba(120,124,137,.11)!important;
  background:rgba(255,255,255,.46)!important;
  color:#6b6474!important;
}

.today-plan-head-actions .today-plan-add{
  border:1px solid rgba(93,53,181,.18)!important;
  background:rgba(93,53,181,.085)!important;
  color:#5f438f!important;
}

.calm-plan-overview{
  display:grid;
  gap:8px;
  padding:12px 13px 4px;
}

.calm-plan-step{
  width:100%;
  min-width:0;
  display:grid!important;
  grid-template-columns:66px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  text-align:left!important;
}

.calm-plan-label{
  align-self:center;
  width:max-content;
  padding:4px 6px;
  border-radius:999px;
  background:rgba(112,103,126,.055);
  color:#82788e!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  white-space:nowrap;
}

.calm-plan-step[data-plan-state="right-now"] .calm-plan-label{
  background:rgba(93,53,181,.085);
  color:#684b97!important;
}

.calm-plan-step[data-plan-state="coming-up"] .calm-plan-label{
  background:rgba(74,119,150,.075);
  color:#58778d!important;
}

.calm-plan-step[data-plan-state="still-open"] .calm-plan-label{
  background:rgba(173,123,70,.08);
  color:#85633e!important;
}

.calm-plan-step-main{
  min-width:0;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 16px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:48px;
  padding:7px 8px!important;
  border:1px solid rgba(120,120,129,.095)!important;
  border-radius:11px!important;
  background:rgba(251,251,251,.48)!important;
  box-shadow:none!important;
}

.calm-plan-clickable .calm-plan-step-main:hover{
  border-color:rgba(93,53,181,.15)!important;
  background:rgba(249,247,252,.74)!important;
}

.calm-plan-step[data-plan-state="right-now"] .calm-plan-step-main{
  border-color:rgba(93,53,181,.13)!important;
  background:rgba(93,53,181,.035)!important;
}

.calm-plan-step-icon{
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
  font-size:10px!important;
}

.calm-plan-step-copy,
.calm-plan-step-main>div:nth-child(2){
  min-width:0;
}

.calm-plan-step-main strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#353e4c!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:760!important;
}

.calm-plan-step-main small{
  display:block;
  margin-top:2px!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8b929d!important;
  font-size:8.5px!important;
  line-height:1.3!important;
}

.calm-plan-chevron{
  color:#99929f!important;
  font-size:15px!important;
}

.calm-plan-empty-step .calm-plan-step-main{
  border-style:dashed!important;
  background:rgba(249,249,249,.38)!important;
}

.calm-plan-later .calm-plan-step-main{
  background:rgba(249,248,251,.50)!important;
}

.calm-plan-empty{
  margin:12px 13px 4px!important;
  border-color:rgba(126,121,135,.14)!important;
  background:rgba(250,250,250,.38)!important;
}

.calm-plan-toggle{
  width:calc(100% - 26px)!important;
  min-height:36px;
  margin:9px 13px 0!important;
  padding:7px 9px!important;
  border:1px solid rgba(120,124,137,.11)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.42)!important;
  color:#70647d!important;
  box-shadow:none!important;
  font-size:8.5px!important;
  font-weight:780!important;
}

.calm-plan-toggle:hover{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(93,53,181,.15)!important;
}

.calm-full-plan{
  margin:10px 13px 0!important;
  padding:10px 0 0!important;
  border-top:1px solid rgba(124,119,133,.075)!important;
}

.full-plan-label{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}

.full-plan-label>span{
  color:#7a6c88;
  font-size:7.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.09em;
}

.full-plan-label>small{
  color:#9a9fa7;
  font-size:8px;
}

.calm-full-plan .plan-legend{
  margin:0 0 8px!important;
  gap:5px 8px!important;
  color:#8e949d!important;
  font-size:7.5px!important;
}

.calm-full-plan .plan-row{
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:7px!important;
}

.calm-full-plan .time-label{
  font-size:8.5px!important;
}

.calm-full-plan .plan-block{
  min-height:44px;
  padding:8px 9px!important;
  border-radius:10px!important;
}

.calm-full-plan .plan-block strong{
  font-size:10px!important;
}

.calm-full-plan .plan-block span{
  font-size:8.5px!important;
}

.today-plan-tools{
  margin-top:12px;
  border-top:1px solid rgba(124,119,133,.075);
  background:rgba(250,248,252,.34);
}

.today-plan-tools .adjust-row,
.today-plan-tools .end-day-row{
  margin:0!important;
  min-height:52px;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 13px!important;
  border:0!important;
  background:transparent!important;
}

.today-plan-tools .end-day-row{
  border-top:1px solid rgba(124,119,133,.07)!important;
}

.today-plan-tool-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(93,53,181,.075);
  color:#684b97;
  font-size:11px;
  font-weight:900;
}

.today-plan-tools .end-day-row .today-plan-tool-icon{
  background:rgba(78,130,101,.075);
  color:#547762;
}

.today-plan-tools .adjust-row>span:nth-child(2),
.today-plan-tools .end-day-row>span:nth-child(2){
  min-width:0;
}

.today-plan-tools b,
.today-plan-tools small{
  display:block;
}

.today-plan-tools b{
  color:#5d6571!important;
  font-size:9px!important;
  line-height:1.2;
}

.today-plan-tools small{
  margin-top:2px;
  color:#979ca5!important;
  font-size:8px!important;
  line-height:1.3;
}

.today-plan-tools button{
  min-height:33px;
  padding:6px 8px!important;
  border:1px solid rgba(120,124,137,.11)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.46)!important;
  color:#6c6477!important;
  box-shadow:none!important;
  font-size:8.5px!important;
  font-weight:780!important;
  white-space:nowrap;
}

/* Dark appearance */
html[data-theme="dark"] .calm-plan-card{
  background:rgba(24,30,40,.58)!important;
  border-color:rgba(149,159,176,.12)!important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}

html[data-theme="dark"] .today-plan-head,
html[data-theme="dark"] .today-plan-tools{
  background:rgba(20,25,34,.30)!important;
  border-color:rgba(150,160,177,.08)!important;
}

html[data-theme="dark"] .today-plan-mark{
  background:rgba(151,122,223,.13);
  color:#bca7e5;
}

html[data-theme="dark"] .today-plan-eyebrow{
  color:#a591c2;
}

html[data-theme="dark"] .today-plan-head h3{
  color:#e1e6ed!important;
}

html[data-theme="dark"] .today-plan-head small{
  color:#8e98a6;
}

html[data-theme="dark"] .today-plan-status{
  background:rgba(151,122,223,.10);
  color:#baa9d1;
}

html[data-theme="dark"] .today-plan-head-actions .plan-routines-btn,
html[data-theme="dark"] .today-plan-head-actions .today-plan-add,
html[data-theme="dark"] .calm-plan-toggle,
html[data-theme="dark"] .today-plan-tools button{
  background:rgba(31,38,49,.50)!important;
  border-color:rgba(149,159,176,.10)!important;
  color:#b7c0cb!important;
}

html[data-theme="dark"] .calm-plan-label{
  background:rgba(150,157,169,.07);
  color:#929ba9!important;
}

html[data-theme="dark"] .calm-plan-step[data-plan-state="right-now"] .calm-plan-label{
  background:rgba(151,122,223,.12);
  color:#bea9e3!important;
}

html[data-theme="dark"] .calm-plan-step[data-plan-state="coming-up"] .calm-plan-label{
  background:rgba(77,129,165,.11);
  color:#a9c5d8!important;
}

html[data-theme="dark"] .calm-plan-step[data-plan-state="still-open"] .calm-plan-label{
  background:rgba(176,126,70,.11);
  color:#d1ad80!important;
}

html[data-theme="dark"] .calm-plan-step-main{
  background:rgba(29,35,46,.38)!important;
  border-color:rgba(149,159,176,.09)!important;
}

html[data-theme="dark"] .calm-plan-step[data-plan-state="right-now"] .calm-plan-step-main{
  background:rgba(151,122,223,.06)!important;
  border-color:rgba(151,122,223,.13)!important;
}

html[data-theme="dark"] .calm-plan-step-main strong{
  color:#dce2e9!important;
}

html[data-theme="dark"] .calm-plan-step-main small{
  color:#8e98a5!important;
}

html[data-theme="dark"] .calm-plan-empty-step .calm-plan-step-main{
  background:rgba(26,32,42,.30)!important;
}

html[data-theme="dark"] .calm-full-plan{
  border-top-color:rgba(150,160,177,.08)!important;
}

html[data-theme="dark"] .full-plan-label>span{
  color:#a594bb;
}

html[data-theme="dark"] .full-plan-label>small,
html[data-theme="dark"] .calm-full-plan .plan-legend{
  color:#838d9a!important;
}

html[data-theme="dark"] .today-plan-tool-icon{
  background:rgba(151,122,223,.12);
  color:#bca7e5;
}

html[data-theme="dark"] .today-plan-tools .end-day-row .today-plan-tool-icon{
  background:rgba(82,136,105,.12);
  color:#a6c9b5;
}

html[data-theme="dark"] .today-plan-tools b{
  color:#b8c1cb!important;
}

html[data-theme="dark"] .today-plan-tools small{
  color:#828c99!important;
}

/* Mobile: a vertical orientation map, not a tiny timeline. */
@media(max-width:620px){
  .today-plan-head{
    align-items:flex-start;
    flex-direction:column;
    padding:12px;
  }

  .today-plan-head h3{
    font-size:14px!important;
  }

  .today-plan-head small{
    font-size:11px;
  }

  .today-plan-head-actions{
    width:100%;
    display:grid;
    grid-template-columns:auto 1fr 1fr;
  }

  .today-plan-status{
    align-self:center;
    font-size:9px;
  }

  .today-plan-head-actions button{
    min-height:39px;
    font-size:11px!important;
  }

  .calm-plan-overview{
    padding:11px 11px 3px;
    gap:7px;
  }

  .calm-plan-step{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }

  .calm-plan-label{
    margin-left:2px;
    font-size:9px!important;
  }

  .calm-plan-step-main{
    min-height:55px;
    grid-template-columns:38px minmax(0,1fr) 17px!important;
    padding:8px 9px!important;
  }

  .calm-plan-step-icon{
    width:38px!important;
    height:38px!important;
  }

  .calm-plan-step-main strong{
    font-size:13px!important;
  }

  .calm-plan-step-main small{
    font-size:10.5px!important;
    white-space:normal;
  }

  .calm-plan-toggle{
    width:calc(100% - 22px)!important;
    min-height:41px;
    margin-inline:11px!important;
    font-size:11px!important;
  }

  .calm-full-plan{
    margin-inline:11px!important;
  }

  .calm-full-plan .plan-legend{
    display:none!important;
  }

  .full-plan-label>span{
    font-size:9px;
  }

  .full-plan-label>small{
    font-size:10px;
  }

  .calm-full-plan .plan-row{
    grid-template-columns:52px minmax(0,1fr)!important;
  }

  .calm-full-plan .time-label{
    font-size:10px!important;
  }

  .calm-full-plan .plan-block strong{
    font-size:12px!important;
  }

  .calm-full-plan .plan-block span{
    font-size:10px!important;
  }

  .today-plan-tools .adjust-row,
  .today-plan-tools .end-day-row{
    grid-template-columns:32px minmax(0,1fr)!important;
    padding:10px 11px!important;
  }

  .today-plan-tool-icon{
    width:32px;
    height:32px;
  }

  .today-plan-tools b{
    font-size:11px!important;
  }

  .today-plan-tools small{
    font-size:10px!important;
  }

  .today-plan-tools button{
    grid-column:1 / -1;
    width:100%;
    min-height:39px;
    font-size:11px!important;
  }
}


/* =========================================================
   v1.65.0 — Navigation + footer
   The dock should always answer: where am I, and where can I go?
   ========================================================= */

.page-wrap{
  padding-bottom:132px!important;
}

.bottom-nav{
  position:fixed!important;
  left:50%!important;
  bottom:max(12px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(600px,calc(100% - 28px))!important;
  min-height:66px;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  gap:3px!important;
  z-index:60!important;
  padding:6px 8px!important;
  border:1px solid rgba(255,255,255,.60)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.70)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  box-shadow:
    0 16px 38px rgba(42,44,59,.10),
    inset 0 1px 0 rgba(255,255,255,.80)!important;
}

.bottom-nav button{
  position:relative;
  min-width:0;
  min-height:52px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  margin:0!important;
  padding:5px 4px!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  color:#7b8390!important;
  box-shadow:none!important;
  cursor:pointer;
  transition:
    background .15s ease,
    color .15s ease,
    transform .15s ease;
}

.bottom-nav button:hover{
  background:rgba(106,88,140,.055)!important;
  color:#5f566c!important;
}

.bottom-nav button .nav-icon{
  height:19px;
  display:grid;
  place-items:center;
  color:currentColor;
  font-size:17px!important;
  line-height:1!important;
  font-weight:700;
}

.bottom-nav button small{
  color:currentColor;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:720;
  letter-spacing:.005em;
}

.bottom-nav button.active,
.bottom-nav button[aria-current="page"]{
  background:rgba(93,53,181,.075)!important;
  color:#624497!important;
  box-shadow:none!important;
}

.bottom-nav button.active::after,
.bottom-nav button[aria-current="page"]::after{
  content:"";
  position:absolute;
  bottom:3px;
  left:50%;
  width:14px;
  height:2px;
  border-radius:999px;
  transform:translateX(-50%);
  background:#7355a6;
  opacity:.72;
}

/* Add stays central and obvious, but no longer towers over the rest of the dock. */
.bottom-nav .nav-plus{
  align-self:center!important;
  min-height:52px!important;
  color:#5d35b5!important;
}

.bottom-nav .nav-plus:hover{
  transform:translateY(-1px);
  background:rgba(93,53,181,.07)!important;
}

.nav-plus-icon{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#5d35b5;
  color:#fff;
  font-size:20px!important;
  line-height:1;
  font-weight:500;
  box-shadow:0 6px 14px rgba(93,53,181,.14);
}

.bottom-nav .nav-plus small{
  color:#6a5685!important;
}

/* Footer closes the dashboard without competing with the persistent dock. */
.app-footer{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:22px 0 10px!important;
  padding:7px 0 4px;
  color:#9298a1!important;
  font-size:9px!important;
  line-height:1;
  font-weight:650;
  letter-spacing:.035em!important;
  text-align:center;
}

.app-footer-line{
  width:30px;
  height:1px;
  background:rgba(126,128,136,.15);
}

/* Dark appearance */
html[data-theme="dark"] .bottom-nav{
  background:rgba(18,23,32,.72)!important;
  border-color:rgba(150,161,179,.16)!important;
  box-shadow:
    0 18px 40px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}

html[data-theme="dark"] .bottom-nav button{
  color:#949eab!important;
}

html[data-theme="dark"] .bottom-nav button:hover{
  background:rgba(151,122,223,.075)!important;
  color:#bec5cf!important;
}

html[data-theme="dark"] .bottom-nav button.active,
html[data-theme="dark"] .bottom-nav button[aria-current="page"]{
  background:rgba(151,122,223,.12)!important;
  color:#c6b2e9!important;
}

html[data-theme="dark"] .bottom-nav button.active::after,
html[data-theme="dark"] .bottom-nav button[aria-current="page"]::after{
  background:#b397df;
}

html[data-theme="dark"] .nav-plus-icon{
  background:#9b7bd5;
  color:#1d1726;
  box-shadow:none;
}

html[data-theme="dark"] .bottom-nav .nav-plus{
  color:#c6b1e9!important;
}

html[data-theme="dark"] .bottom-nav .nav-plus small{
  color:#b8a7d0!important;
}

html[data-theme="dark"] .app-footer{
  color:#7f8997!important;
}

html[data-theme="dark"] .app-footer-line{
  background:rgba(151,160,174,.12);
}

/* Phone: roomy tap targets without letting the dock cover the content. */
@media(max-width:620px){
  .page-wrap{
    padding-bottom:118px!important;
  }

  .bottom-nav{
    width:calc(100% - 18px)!important;
    min-height:64px;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    padding:5px 6px!important;
    border-radius:19px!important;
    gap:1px!important;
  }

  .bottom-nav button{
    min-height:53px!important;
    border-radius:12px!important;
    gap:4px!important;
  }

  .bottom-nav button .nav-icon{
    font-size:19px!important;
  }

  .bottom-nav button small{
    font-size:10px!important;
  }

  .nav-plus-icon{
    width:32px;
    height:32px;
    font-size:21px!important;
  }

  .bottom-nav button.active::after,
  .bottom-nav button[aria-current="page"]::after{
    bottom:2px;
    width:13px;
  }

  .app-footer{
    margin-top:18px!important;
    margin-bottom:6px!important;
    font-size:10px!important;
  }

  .app-footer-line{
    width:22px;
  }
}


/* =========================================================
   v1.66.0 — Wide desktop + comfortable type
   Use the screen we have. Readable without turning the UI into giant text.
   ========================================================= */

:root{
  --readable-body:16px;
  --readable-small:12.5px;
  --readable-meta:11.5px;
  --readable-control:13.5px;
}

/* Desktop should feel like a real workspace, not a narrow centered website. */
.page-wrap{
  width:calc(100% - clamp(24px,3.5vw,72px))!important;
  max-width:2400px!important;
  margin-inline:auto!important;
}

.dashboard-grid{
  width:100%;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:clamp(20px,1.8vw,30px)!important;
}

.left-column,
.right-column{
  min-width:0;
  gap:clamp(18px,1.4vw,24px)!important;
}

/* General readability */
body{
  font-size:16px!important;
  line-height:1.5!important;
}

small,
.card small,
.modal-panel small,
.task-row small,
.plan-block small,
.note-card small{
  font-size:12.5px;
  line-height:1.42;
}

button,
.primary-btn,
.secondary-btn,
.danger-btn,
input,
textarea,
select{
  font-size:13.5px;
}

/* Header */
.brand-name{
  font-size:32px!important;
}

.brand-block p{
  font-size:13px!important;
}

.encouragement-card strong{
  font-size:12.5px!important;
}

.encouragement-card small{
  font-size:10.5px!important;
}

.header-status.account-status small{
  font-size:12px!important;
}

.account-status-copy em{
  font-size:10px!important;
}

/* Greeting */
.welcome-eyebrow{
  font-size:10px!important;
}

.welcome-row h1{
  font-size:clamp(36px,2.6vw,44px)!important;
}

.welcome-meta{
  font-size:14px!important;
}

.welcome-action-copy strong{
  font-size:13.5px!important;
}

.welcome-action-copy small{
  font-size:10.5px!important;
}

/* Adaptive Day */
.adaptive-day-identity>div:last-child>span{
  font-size:10px!important;
}

.adaptive-day-identity>div:last-child>small{
  font-size:10.5px!important;
}

.adaptive-day-state{
  font-size:9px!important;
}

.adaptive-day-copy strong{
  font-size:13.5px!important;
}

.adaptive-day-copy small{
  font-size:11px!important;
}

.adaptive-day-action{
  font-size:11px!important;
}

/* Current capacity */
.overall-energy-eyebrow{
  font-size:9px!important;
}

.overall-energy-copy strong{
  font-size:13px!important;
}

.overall-energy-copy small{
  font-size:10.5px!important;
}

.overall-energy-choices button strong{
  font-size:11.5px!important;
}

.overall-energy-choices button small{
  font-size:9.5px!important;
}

/* NOW */
.now-kicker{
  font-size:10.5px!important;
}

.now-card-head small{
  font-size:10px!important;
}

.now-state-label{
  font-size:8.5px!important;
}

.now-context{
  font-size:9px!important;
}

.now-copy h2{
  font-size:21px!important;
}

.now-copy p{
  font-size:11.5px!important;
}

.now-copy>strong{
  font-size:11.5px!important;
}

.now-saved-focus{
  font-size:10px!important;
}

.now-progress-summary .minutes strong{
  font-size:12px!important;
}

.now-progress-summary .minutes span{
  font-size:9px!important;
}

.now-card .focus-button,
.now-card .now-action{
  font-size:10.5px!important;
}

/* Top 3 */
.top-three-eyebrow{
  font-size:8.5px!important;
}

.tasks-card .task-title-head h3{
  font-size:13px!important;
}

.tasks-card .task-title-head .top-three-heading-copy>small{
  font-size:10.5px!important;
}

.top-three-status{
  font-size:9.5px!important;
}

.tasks-card .task-title{
  font-size:13px!important;
}

.tasks-card .task-why{
  font-size:10px!important;
}

.tasks-card .task-why>span{
  font-size:8px!important;
}

.tasks-card .task-row[data-top-rank] .schedule-task-btn{
  font-size:9.5px!important;
}

.top-three-rest-copy strong{
  font-size:9.5px!important;
}

.top-three-rest-copy small{
  font-size:8.5px!important;
}

.tasks-card .add-task-inline,
.tasks-card .see-all-tasks{
  font-size:9.5px!important;
}

/* Actual Pace */
.time-insight-eyebrow{
  font-size:8.5px!important;
}

.time-insight-head h3{
  font-size:13px!important;
}

.time-insight-head small{
  font-size:10.5px!important;
}

.smart-insight-state{
  font-size:8px!important;
}

.smart-time-insight .smart-insight-copy strong{
  font-size:12px!important;
}

.smart-time-insight .smart-insight-copy p{
  font-size:10.5px!important;
}

.smart-time-insight .smart-insight-copy small{
  font-size:9px!important;
}

.smart-time-insight .smart-insight-action{
  font-size:9.5px!important;
}

/* Brain Dump */
.brain-dump-eyebrow{
  font-size:8.5px!important;
}

.brain-dump-head h3{
  font-size:13px!important;
}

.brain-dump-head small{
  font-size:10.5px!important;
}

.brain-dump-state{
  font-size:8.5px!important;
}

.brain-dump-card .brain-input-wrap textarea{
  font-size:14px!important;
  line-height:1.55!important;
  height:150px!important;
}

.brain-dump-shortcut{
  font-size:8px!important;
}

.brain-dump-card .smart-capture-btn strong{
  font-size:12px!important;
}

.brain-dump-card .smart-capture-btn small{
  font-size:10px!important;
}

.brain-direct-add>div:first-child strong{
  font-size:9.5px!important;
}

.brain-direct-add>div:first-child small{
  font-size:8.5px!important;
}

.brain-dump-card .quick-types button{
  font-size:9.5px!important;
}

/* Today's Plan */
.today-plan-eyebrow{
  font-size:8.5px!important;
}

.today-plan-head h3{
  font-size:13px!important;
}

.today-plan-head small{
  font-size:10.5px!important;
}

.today-plan-status{
  font-size:8.5px!important;
}

.today-plan-head-actions button{
  font-size:9.5px!important;
}

.calm-plan-label{
  font-size:8px!important;
}

.calm-plan-step-main strong{
  font-size:11.5px!important;
}

.calm-plan-step-main small{
  font-size:9.5px!important;
}

.calm-plan-toggle{
  font-size:9.5px!important;
}

.full-plan-label>span{
  font-size:8px!important;
}

.full-plan-label>small{
  font-size:8.5px!important;
}

.calm-full-plan .time-label{
  font-size:9px!important;
}

.calm-full-plan .plan-block strong{
  font-size:10.5px!important;
}

.calm-full-plan .plan-block span{
  font-size:9px!important;
}

.today-plan-tools b{
  font-size:10px!important;
}

.today-plan-tools small{
  font-size:9px!important;
}

.today-plan-tools button{
  font-size:9.5px!important;
}

/* Navigation */
.bottom-nav{
  width:min(680px,calc(100% - 28px))!important;
}

.bottom-nav button small{
  font-size:9.5px!important;
}

.app-footer{
  font-size:10px!important;
}

/* Wider screens get slightly more breathing room inside the key cards. */
@media(min-width:1400px){
  .top-header{
    padding:15px 17px!important;
  }

  .adaptive-day-strip,
  .overall-energy-card{
    padding-inline:15px!important;
  }

  #nowContent{
    padding:18px 20px 17px!important;
  }

  .tasks-card .task-row[data-top-rank]{
    padding:14px 17px!important;
  }

  #timeInsightContent{
    padding:14px 15px 15px!important;
  }

  .brain-dump-card .brain-input-wrap{
    margin-inline:15px!important;
  }

  .brain-dump-card .smart-capture-btn{
    width:calc(100% - 30px)!important;
    margin-inline:15px!important;
  }

  .calm-plan-overview{
    padding-inline:15px!important;
  }
}

/* Tablets still get a roomy single-column layout before things feel cramped. */
@media(max-width:1050px){
  .dashboard-grid{
    grid-template-columns:1fr!important;
  }

  .right-column{
    order:0!important;
  }

  .page-wrap{
    width:calc(100% - 28px)!important;
  }
}

/* Keep mobile typography where it already felt comfortable. */
@media(max-width:620px){
  :root{
    --readable-body:16px;
    --readable-small:13px;
    --readable-meta:11.5px;
    --readable-control:14px;
  }

  .page-wrap{
    width:calc(100% - 16px)!important;
  }

  .dashboard-grid{
    gap:14px!important;
  }

  .brand-name{
    font-size:25px!important;
  }

  .welcome-row h1{
    font-size:32px!important;
  }

  .brain-dump-card .brain-input-wrap textarea{
    height:auto!important;
    min-height:150px!important;
    font-size:16px!important;
  }

  .bottom-nav{
    width:calc(100% - 18px)!important;
  }
}


/* =========================================================
   v1.67.0 — Quick Add
   One fast decision, with enough context to choose confidently.
   ========================================================= */

.quick-add-panel{
  width:min(680px,100%)!important;
  padding:24px!important;
}

.quick-add-head{
  margin-bottom:16px!important;
}

.quick-add-head h2{
  font-size:25px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}

.quick-add-head .modal-subcopy{
  max-width:480px;
  font-size:13.5px!important;
}

.quick-add-primary-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.quick-add-choice{
  min-width:0;
  border:1px solid rgba(116,120,132,.14)!important;
  background:rgba(255,255,255,.48)!important;
  color:#3c4654!important;
  border-radius:14px!important;
  box-shadow:none!important;
  cursor:pointer;
  text-align:left!important;
  transition:
    transform .15s ease,
    border-color .15s ease,
    background .15s ease;
}

.quick-add-choice:hover{
  transform:translateY(-1px);
  border-color:rgba(93,53,181,.20)!important;
  background:rgba(255,255,255,.78)!important;
}

.quick-add-choice.primary-choice{
  min-height:82px;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:10px!important;
  padding:13px!important;
}

.quick-add-choice-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(93,53,181,.085);
  color:#654597;
  font-size:15px;
  line-height:1;
  font-weight:900;
}

.plan-choice .quick-add-choice-icon{
  background:rgba(70,121,155,.085);
  color:#527894;
}

.reminder-choice .quick-add-choice-icon{
  background:rgba(183,126,68,.09);
  color:#95693e;
}

.note-choice .quick-add-choice-icon{
  background:rgba(69,119,154,.08);
  color:#557b96;
}

.idea-choice .quick-add-choice-icon{
  background:rgba(176,137,58,.09);
  color:#8a6a2d;
}

.quick-add-choice-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.quick-add-choice-copy strong{
  color:#343e4d;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
}

.quick-add-choice-copy small{
  margin-top:4px;
  color:#848c98;
  font-size:11px;
  line-height:1.35;
  font-weight:560;
}

.quick-add-choice-arrow{
  color:#8a7b9a;
  font-size:13px;
}

.quick-add-divider{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin:18px 2px 8px;
  padding-top:14px;
  border-top:1px solid rgba(124,119,133,.09);
}

.quick-add-divider>span{
  color:#7b6b89;
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.11em;
}

.quick-add-divider>small{
  color:#959ba4;
  font-size:10.5px;
  line-height:1.2;
}

.quick-add-secondary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.quick-add-choice.compact-choice{
  min-height:70px;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px!important;
}

.quick-add-choice.compact-choice .quick-add-choice-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  font-size:12px;
}

.quick-add-choice.compact-choice .quick-add-choice-copy strong{
  font-size:12px;
}

.quick-add-choice.compact-choice .quick-add-choice-copy small{
  font-size:9.5px;
}

.quick-add-foot{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  margin-top:16px;
  padding-top:13px;
  border-top:1px solid rgba(124,119,133,.08);
  color:#8b929d;
  font-size:11px;
}

.quick-add-foot button{
  border:0!important;
  background:transparent!important;
  color:#654597!important;
  padding:4px 5px!important;
  font-size:11px!important;
  font-weight:800!important;
  cursor:pointer;
}

.quick-add-foot button:hover{
  text-decoration:underline;
}

/* Dark appearance */
html[data-theme="dark"] .quick-add-choice{
  background:rgba(28,34,45,.52)!important;
  border-color:rgba(149,159,176,.11)!important;
  color:#dce2e9!important;
}

html[data-theme="dark"] .quick-add-choice:hover{
  background:rgba(36,43,55,.76)!important;
  border-color:rgba(169,143,222,.18)!important;
}

html[data-theme="dark"] .quick-add-choice-copy strong{
  color:#dce2e9;
}

html[data-theme="dark"] .quick-add-choice-copy small{
  color:#939ca9;
}

html[data-theme="dark"] .quick-add-choice-icon{
  background:rgba(151,122,223,.13);
  color:#baa5e3;
}

html[data-theme="dark"] .plan-choice .quick-add-choice-icon,
html[data-theme="dark"] .note-choice .quick-add-choice-icon{
  background:rgba(77,129,165,.12);
  color:#a9c8dc;
}

html[data-theme="dark"] .reminder-choice .quick-add-choice-icon{
  background:rgba(176,126,70,.12);
  color:#d1ad80;
}

html[data-theme="dark"] .idea-choice .quick-add-choice-icon{
  background:rgba(176,137,58,.12);
  color:#d4b979;
}

html[data-theme="dark"] .quick-add-divider,
html[data-theme="dark"] .quick-add-foot{
  border-color:rgba(150,160,177,.08);
}

html[data-theme="dark"] .quick-add-divider>span{
  color:#aa99bd;
}

html[data-theme="dark"] .quick-add-divider>small,
html[data-theme="dark"] .quick-add-foot{
  color:#858f9c;
}

html[data-theme="dark"] .quick-add-foot button{
  color:#bba6df!important;
}

/* Mobile: one major choice per row, then three simple capture choices. */
@media(max-width:620px){
  .quick-add-panel{
    width:min(100%,540px)!important;
    padding:20px!important;
  }

  .quick-add-head h2{
    font-size:23px!important;
  }

  .quick-add-head .modal-subcopy{
    font-size:13px!important;
  }

  .quick-add-primary-grid{
    grid-template-columns:1fr;
    gap:8px;
  }

  .quick-add-choice.primary-choice{
    min-height:76px;
  }

  .quick-add-secondary-grid{
    grid-template-columns:1fr;
    gap:7px;
  }

  .quick-add-choice.compact-choice{
    min-height:58px;
    grid-template-columns:38px minmax(0,1fr)!important;
  }

  .quick-add-choice.compact-choice .quick-add-choice-icon{
    width:38px;
    height:38px;
  }

  .quick-add-choice-copy strong{
    font-size:14px!important;
  }

  .quick-add-choice-copy small{
    font-size:11px!important;
  }

  .quick-add-divider{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }

  .quick-add-divider>span{
    font-size:10px;
  }

  .quick-add-divider>small{
    font-size:11px;
  }

  .quick-add-foot{
    font-size:11px;
  }
}


/* =========================================================
   v1.68.0 — Subtasks while creating a task
   Add, edit, remove, and keep typing without leaving the task modal.
   ========================================================= */

.task-create-subtasks{
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid rgba(124,119,133,.10);
}

.task-create-subtasks-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.task-create-subtasks-head>div{
  min-width:0;
}

.task-create-subtasks-head .task-choice-label{
  display:block;
  color:#46505e;
  font-size:13px!important;
  line-height:1.25;
  font-weight:800;
}

.task-create-subtasks-head .task-choice-label em{
  margin-left:4px;
  color:#9298a2;
  font-size:10px;
  font-style:normal;
  font-weight:650;
}

.task-create-subtasks-head small{
  display:block;
  margin-top:4px;
  color:#8b929d;
  font-size:11px!important;
  line-height:1.4;
  font-weight:550;
}

.task-add-subtask-btn{
  flex:0 0 auto;
  min-height:36px;
  padding:7px 10px!important;
  border:1px solid rgba(93,53,181,.15)!important;
  border-radius:10px!important;
  background:rgba(93,53,181,.065)!important;
  color:#62458f!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:800!important;
}

.task-add-subtask-btn:hover{
  background:rgba(93,53,181,.10)!important;
  border-color:rgba(93,53,181,.22)!important;
}

.task-create-subtasks-list{
  display:grid;
  gap:7px;
  margin-top:10px;
}

.task-create-subtask-row{
  display:grid;
  grid-template-columns:25px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:6px 7px;
  border:1px solid rgba(121,124,136,.11);
  border-radius:11px;
  background:rgba(250,250,251,.48);
}

.task-create-subtask-number{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(93,53,181,.07);
  color:#6f5b8e;
  font-size:9px;
  font-weight:900;
}

.task-create-subtask-row input{
  width:100%!important;
  min-width:0;
  margin:0!important;
  padding:8px 9px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#343d4a!important;
  box-shadow:none!important;
  font-size:13px!important;
}

.task-create-subtask-row input:focus{
  outline:none;
  background:rgba(255,255,255,.70)!important;
}

.task-create-subtask-remove{
  min-height:31px;
  padding:6px 8px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#8a7b83!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:750!important;
}

.task-create-subtask-remove:hover{
  background:rgba(154,89,89,.07)!important;
  color:#9b5d64!important;
}

.task-create-subtasks-empty{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:10px;
  padding:8px 9px;
  border:1px dashed rgba(124,119,133,.14);
  border-radius:11px;
  color:#89919c;
}

.task-create-subtasks-empty>span{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(124,119,133,.06);
  color:#8b8293;
  font-size:11px;
}

.task-create-subtasks-empty strong,
.task-create-subtasks-empty small{
  display:block;
}

.task-create-subtasks-empty strong{
  color:#68717d;
  font-size:11px;
  line-height:1.25;
}

.task-create-subtasks-empty small{
  margin-top:2px;
  color:#999fa7;
  font-size:10px!important;
}

/* Dark */
html[data-theme="dark"] .task-create-subtasks{
  border-top-color:rgba(150,160,177,.09);
}

html[data-theme="dark"] .task-create-subtasks-head .task-choice-label{
  color:#d4dbe4;
}

html[data-theme="dark"] .task-create-subtasks-head small{
  color:#8d97a4;
}

html[data-theme="dark"] .task-add-subtask-btn{
  background:rgba(151,122,223,.10)!important;
  border-color:rgba(169,143,222,.14)!important;
  color:#c2afe4!important;
}

html[data-theme="dark"] .task-create-subtask-row{
  background:rgba(30,36,47,.42);
  border-color:rgba(149,159,176,.10);
}

html[data-theme="dark"] .task-create-subtask-number{
  background:rgba(151,122,223,.11);
  color:#bba7db;
}

html[data-theme="dark"] .task-create-subtask-row input{
  color:#dbe1e8!important;
}

html[data-theme="dark"] .task-create-subtask-row input:focus{
  background:rgba(37,44,56,.58)!important;
}

html[data-theme="dark"] .task-create-subtask-remove{
  color:#9ca6b3!important;
}

html[data-theme="dark"] .task-create-subtask-remove:hover{
  background:rgba(173,92,105,.10)!important;
  color:#d3a0aa!important;
}

html[data-theme="dark"] .task-create-subtasks-empty{
  border-color:rgba(149,159,176,.11);
  color:#87919e;
}

html[data-theme="dark"] .task-create-subtasks-empty>span{
  background:rgba(149,159,176,.07);
  color:#929cab;
}

html[data-theme="dark"] .task-create-subtasks-empty strong{
  color:#b6bfca;
}

html[data-theme="dark"] .task-create-subtasks-empty small{
  color:#7f8996;
}

@media(max-width:620px){
  .task-create-subtasks-head{
    flex-direction:column;
  }

  .task-add-subtask-btn{
    width:100%;
    min-height:42px;
    font-size:12px!important;
  }

  .task-create-subtask-row{
    grid-template-columns:28px minmax(0,1fr) auto;
    gap:6px;
    padding:6px;
  }

  .task-create-subtask-number{
    width:28px;
    height:28px;
  }

  .task-create-subtask-row input{
    font-size:16px!important;
    padding:8px 7px!important;
  }

  .task-create-subtask-remove{
    min-height:36px;
    font-size:11px!important;
  }

  .task-create-subtasks-head .task-choice-label{
    font-size:14px!important;
  }

  .task-create-subtasks-head small{
    font-size:12px!important;
  }
}


/* =========================================================
   v1.69.0 — Tasks hub
   The full list should store tasks, not demand attention from all of them.
   ========================================================= */

.all-tasks-panel{
  width:min(1040px,calc(100vw - 34px))!important;
  max-height:92vh!important;
  padding:24px!important;
}

.all-tasks-head{
  margin-bottom:14px!important;
}

.all-tasks-head h2{
  font-size:27px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}

.all-tasks-head .modal-subcopy{
  max-width:650px;
  font-size:13.5px!important;
}

/* Summary communicates state without turning into three competing cards. */
.all-tasks-summary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 12px!important;
}

.all-tasks-summary>div{
  min-height:67px;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:9px;
  padding:10px 12px!important;
  border:1px solid rgba(119,122,133,.11)!important;
  border-radius:12px!important;
  background:rgba(250,250,251,.42)!important;
  box-shadow:none!important;
}

.all-tasks-summary>div>span{
  grid-column:1;
  grid-row:1;
  color:#82748e!important;
  font-size:8px!important;
  line-height:1;
  font-weight:900;
  letter-spacing:.09em;
}

.all-tasks-summary>div>strong{
  grid-column:1;
  grid-row:2;
  margin-top:4px;
  color:#55416f!important;
  font-size:20px!important;
  line-height:1;
  font-weight:800;
}

.all-tasks-summary>div>small{
  grid-column:2;
  grid-row:1 / -1;
  align-self:center;
  color:#9298a2!important;
  font-size:10px!important;
  line-height:1.3;
}

/* Search + primary add are the only top-level controls. */
.all-tasks-toolbar{
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto;
  gap:8px;
  align-items:center;
  margin-bottom:9px;
}

.all-tasks-search{
  position:relative;
  margin:0!important;
}

.all-tasks-search>span{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  z-index:1;
  color:#8e8595;
  font-size:17px;
  pointer-events:none;
}

.all-tasks-search input{
  width:100%!important;
  min-height:42px;
  margin:0!important;
  padding:9px 12px 9px 38px!important;
  border:1px solid rgba(119,122,133,.13)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.52)!important;
  color:#343d4a!important;
  box-shadow:none!important;
  font-size:13px!important;
}

.all-tasks-search input:focus{
  outline:none;
  border-color:rgba(93,53,181,.24)!important;
  box-shadow:0 0 0 3px rgba(93,53,181,.05)!important;
}

.all-tasks-add{
  width:auto!important;
  min-height:42px;
  margin:0!important;
  padding:9px 13px!important;
  border-radius:11px!important;
  font-size:11.5px!important;
  box-shadow:none!important;
}

/* Filters are progressive disclosure, not a second navigation bar. */
.all-tasks-filters{
  display:flex;
  gap:5px;
  overflow-x:auto;
  padding:1px 0 9px;
  scrollbar-width:none;
}

.all-tasks-filters::-webkit-scrollbar{
  display:none;
}

.all-tasks-filters button{
  flex:0 0 auto;
  min-height:32px;
  padding:6px 9px!important;
  border:1px solid rgba(119,122,133,.11)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.38)!important;
  color:#727a86!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:760!important;
}

.all-tasks-filters button.selected{
  border-color:rgba(93,53,181,.16)!important;
  background:rgba(93,53,181,.075)!important;
  color:#62478d!important;
}

.all-tasks-list{
  max-height:54vh!important;
  overflow:auto!important;
  border:1px solid rgba(120,120,129,.10)!important;
  border-radius:14px!important;
  background:rgba(251,251,251,.36)!important;
}

.all-task-group+.all-task-group{
  border-top:8px solid rgba(244,242,246,.82)!important;
}

.all-task-group-title{
  position:sticky;
  top:0;
  z-index:2;
  min-height:50px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 13px!important;
  border-bottom:1px solid rgba(120,120,129,.08)!important;
  background:rgba(248,247,249,.96)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.all-task-group-title>span{
  min-width:0;
}

.all-task-group-title strong,
.all-task-group-title small{
  display:block;
}

.all-task-group-title strong{
  color:#5b5364;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.065em;
  text-transform:uppercase;
}

.all-task-group-title small{
  margin-top:3px;
  color:#969ba4;
  font-size:9px;
  line-height:1.25;
  font-weight:550;
  text-transform:none;
  letter-spacing:0;
}

.all-task-group-title b{
  min-width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(112,103,126,.065);
  color:#776d80!important;
  font-size:9px!important;
  font-weight:850;
}

.all-tasks-list .task-row{
  grid-template-columns:28px minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px!important;
  padding:13px!important;
  border-top:1px solid rgba(120,120,129,.075)!important;
  background:transparent!important;
}

.all-tasks-list .task-row:first-child{
  border-top:0!important;
}

.all-tasks-list .task-row:hover{
  background:rgba(255,255,255,.50)!important;
}

.all-tasks-list .task-title{
  font-size:13px!important;
  line-height:1.35!important;
}

.all-tasks-list .task-side{
  max-width:320px;
  justify-content:flex-end!important;
}

.all-tasks-list .task-meta{
  font-size:9.5px!important;
  padding:4px 7px!important;
}

.all-tasks-list .schedule-task-btn{
  min-height:31px;
  padding:5px 8px!important;
  border-radius:9px!important;
  font-size:9.5px!important;
}

.all-tasks-list .task-next-step,
.all-tasks-list .task-resume-focus,
.all-tasks-list .task-breakdown-link{
  max-width:520px;
}

/* Empty states should feel restful rather than broken. */
.all-tasks-empty{
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:30px!important;
  color:#87909c!important;
  text-align:left!important;
}

.all-tasks-empty>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:12px;
  background:rgba(93,53,181,.065);
  color:#6e5792;
  font-size:15px;
}

.all-tasks-empty strong,
.all-tasks-empty small{
  display:block;
}

.all-tasks-empty strong{
  color:#59626f;
  font-size:13px;
}

.all-tasks-empty small{
  margin-top:3px;
  color:#9299a3;
  font-size:11px!important;
}

.all-tasks-foot{
  display:flex;
  justify-content:center;
  padding-top:10px;
  color:#9197a0;
  font-size:10px;
  line-height:1.35;
  text-align:center;
}

/* Dark appearance */
html[data-theme="dark"] .all-tasks-summary>div{
  background:rgba(29,35,46,.40)!important;
  border-color:rgba(149,159,176,.10)!important;
}

html[data-theme="dark"] .all-tasks-summary>div>span{
  color:#a694ba!important;
}

html[data-theme="dark"] .all-tasks-summary>div>strong{
  color:#c2ade3!important;
}

html[data-theme="dark"] .all-tasks-summary>div>small{
  color:#87919e!important;
}

html[data-theme="dark"] .all-tasks-search input{
  background:rgba(25,31,41,.58)!important;
  border-color:rgba(149,159,176,.11)!important;
  color:#dce2e9!important;
}

html[data-theme="dark"] .all-tasks-filters button{
  background:rgba(31,38,49,.42)!important;
  border-color:rgba(149,159,176,.10)!important;
  color:#9fa9b5!important;
}

html[data-theme="dark"] .all-tasks-filters button.selected{
  background:rgba(151,122,223,.12)!important;
  border-color:rgba(169,143,222,.15)!important;
  color:#c2afe3!important;
}

html[data-theme="dark"] .all-tasks-list{
  background:rgba(24,30,40,.30)!important;
  border-color:rgba(149,159,176,.10)!important;
}

html[data-theme="dark"] .all-task-group+.all-task-group{
  border-top-color:rgba(15,20,28,.72)!important;
}

html[data-theme="dark"] .all-task-group-title{
  background:rgba(24,30,40,.96)!important;
  border-bottom-color:rgba(149,159,176,.08)!important;
}

html[data-theme="dark"] .all-task-group-title strong{
  color:#b9c1cc;
}

html[data-theme="dark"] .all-task-group-title small{
  color:#7f8996;
}

html[data-theme="dark"] .all-task-group-title b{
  background:rgba(151,122,223,.09);
  color:#b9a7d2!important;
}

html[data-theme="dark"] .all-tasks-list .task-row{
  border-top-color:rgba(149,159,176,.075)!important;
}

html[data-theme="dark"] .all-tasks-list .task-row:hover{
  background:rgba(34,41,53,.36)!important;
}

html[data-theme="dark"] .all-tasks-empty>span{
  background:rgba(151,122,223,.10);
  color:#baa7da;
}

html[data-theme="dark"] .all-tasks-empty strong{
  color:#bac3ce;
}

html[data-theme="dark"] .all-tasks-empty small,
html[data-theme="dark"] .all-tasks-foot{
  color:#7f8996;
}

/* Mobile */
@media(max-width:620px){
  .all-tasks-panel{
    width:100%!important;
    max-height:94vh!important;
    padding:19px!important;
  }

  .all-tasks-head h2{
    font-size:24px!important;
  }

  .all-tasks-head .modal-subcopy{
    font-size:13px!important;
  }

  .all-tasks-summary{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }

  .all-tasks-summary>div{
    min-height:74px;
    display:block!important;
    padding:9px!important;
  }

  .all-tasks-summary>div>strong{
    margin-top:5px;
    font-size:19px!important;
  }

  .all-tasks-summary>div>small{
    margin-top:4px;
    font-size:9px!important;
  }

  .all-tasks-toolbar{
    grid-template-columns:1fr!important;
  }

  .all-tasks-search input{
    min-height:44px;
    font-size:16px!important;
  }

  .all-tasks-add{
    width:100%!important;
    min-height:43px;
    font-size:12px!important;
  }

  .all-tasks-filters{
    padding-bottom:8px;
  }

  .all-tasks-filters button{
    min-height:35px;
    font-size:11px!important;
  }

  .all-tasks-list{
    max-height:50vh!important;
  }

  .all-task-group-title{
    min-height:54px;
  }

  .all-task-group-title strong{
    font-size:11px;
  }

  .all-task-group-title small{
    font-size:10px;
  }

  .all-tasks-list .task-row{
    grid-template-columns:27px minmax(0,1fr)!important;
    padding:12px 11px!important;
  }

  .all-tasks-list .task-side{
    grid-column:2!important;
    max-width:none;
    justify-content:flex-start!important;
  }

  .all-tasks-list .task-title{
    font-size:14px!important;
  }

  .all-tasks-list .task-meta,
  .all-tasks-list .schedule-task-btn{
    font-size:10.5px!important;
  }

  .all-tasks-foot{
    font-size:10px;
  }
}


/* =========================================================
   v1.70.0 — Notes hub
   Notes are a quiet memory space, not another inbox demanding action.
   ========================================================= */

.notes-hub-panel{
  width:min(1120px,calc(100vw - 34px))!important;
  max-height:92vh!important;
  padding:24px!important;
}

.notes-hub-head{
  margin-bottom:13px!important;
}

.notes-hub-head h2{
  font-size:27px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}

.notes-hub-head .modal-subcopy{
  max-width:670px;
  font-size:13.5px!important;
}

/* Quiet orientation, matching the Tasks hub without turning notes into metrics. */
.notes-hub-summary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 12px!important;
  padding:0!important;
}

.notes-hub-summary>div{
  min-height:67px;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:9px;
  padding:10px 12px;
  border:1px solid rgba(119,122,133,.11);
  border-radius:12px;
  background:rgba(250,250,251,.42);
}

.notes-hub-summary>div>span{
  grid-column:1;
  grid-row:1;
  color:#82748e!important;
  font-size:8px!important;
  line-height:1;
  font-weight:900;
  letter-spacing:.09em;
}

.notes-hub-summary>div>strong{
  grid-column:1;
  grid-row:2;
  margin-top:4px;
  color:#55416f!important;
  font-size:20px!important;
  line-height:1;
  font-weight:800;
}

.notes-hub-summary>div>small{
  grid-column:2;
  grid-row:1 / -1;
  align-self:center;
  color:#9298a2!important;
  font-size:10px!important;
  line-height:1.3;
}

/* Search owns most of the toolbar. Organization remains a secondary utility. */
.notes-toolbar{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto auto!important;
  gap:8px!important;
  align-items:center!important;
  margin-bottom:8px;
}

.notes-search{
  position:relative;
  margin:0!important;
}

.notes-search>span{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  z-index:1;
  color:#8d8494;
  font-size:17px;
  pointer-events:none;
}

.notes-search input{
  width:100%!important;
  min-height:42px;
  margin:0!important;
  padding:9px 12px 9px 38px!important;
  border:1px solid rgba(119,122,133,.13)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.52)!important;
  color:#343d4a!important;
  box-shadow:none!important;
  font-size:13px!important;
}

.notes-search input:focus{
  outline:none;
  border-color:rgba(93,53,181,.24)!important;
  box-shadow:0 0 0 3px rgba(93,53,181,.05)!important;
}

.notes-toolbar .notes-organize,
.notes-toolbar .notes-new-btn{
  min-height:42px;
  padding:9px 12px!important;
  border-radius:11px!important;
  box-shadow:none!important;
  font-size:11.5px!important;
  white-space:nowrap;
}

.notes-toolbar .notes-organize{
  border:1px solid rgba(119,122,133,.12)!important;
  background:rgba(255,255,255,.44)!important;
  color:#6d6576!important;
}

.notes-toolbar .notes-new-btn{
  background:#5d35b5!important;
  color:#fff!important;
}

/* Filters should feel like view controls, not categories the user must maintain. */
.notes-filter-row{
  display:flex!important;
  gap:5px!important;
  margin:0 0 10px!important;
  overflow-x:auto;
  scrollbar-width:none;
}

.notes-filter-row::-webkit-scrollbar{
  display:none;
}

.notes-filter-row button{
  flex:0 0 auto;
  min-height:32px;
  padding:6px 10px!important;
  border:1px solid rgba(119,122,133,.11)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.38)!important;
  color:#727a86!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:760!important;
}

.notes-filter-row button.selected{
  border-color:rgba(93,53,181,.16)!important;
  background:rgba(93,53,181,.075)!important;
  color:#62478d!important;
}

/* Use the room on large screens. Notes stay editorial rather than becoming huge tiles. */
.notes-card-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  max-height:56vh!important;
  overflow:auto!important;
  padding:1px 2px 3px!important;
}

.notes-card-list .note-card{
  min-height:154px!important;
  padding:13px!important;
  border-radius:13px!important;
  box-shadow:none!important;
}

.notes-card-list .note-card:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 18px rgba(45,33,58,.055)!important;
}

.notes-card-list .note-card>strong{
  margin-top:9px;
  color:#313a48;
  font-size:13px!important;
  line-height:1.3!important;
}

.notes-card-list .note-card>p{
  margin-top:6px;
  color:#6f7886;
  font-size:11px!important;
  line-height:1.45!important;
  -webkit-line-clamp:3;
}

.notes-card-list .note-category{
  font-size:8.5px!important;
  padding:4px 7px!important;
}

.notes-card-list .note-card-foot span,
.notes-card-list .note-card-foot em{
  font-size:9px!important;
  line-height:1.25;
}

.notes-card-list .note-card-foot em{
  max-width:52%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.notes-show-more{
  width:100%;
  min-height:37px;
  margin-top:9px;
  border:1px solid rgba(119,122,133,.11)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.42)!important;
  color:#68567e!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:780!important;
}

.notes-hub-empty{
  grid-column:1 / -1;
  min-height:190px!important;
  justify-content:center!important;
}

.notes-hub-foot{
  display:flex;
  justify-content:center;
  padding-top:10px;
  color:#9197a0;
  font-size:10px;
  line-height:1.35;
  text-align:center;
}

/* Dark appearance */
html[data-theme="dark"] .notes-hub-summary>div{
  background:rgba(29,35,46,.40)!important;
  border-color:rgba(149,159,176,.10)!important;
}

html[data-theme="dark"] .notes-hub-summary>div>span{
  color:#a694ba!important;
}

html[data-theme="dark"] .notes-hub-summary>div>strong{
  color:#c2ade3!important;
}

html[data-theme="dark"] .notes-hub-summary>div>small{
  color:#87919e!important;
}

html[data-theme="dark"] .notes-search input{
  background:rgba(25,31,41,.58)!important;
  border-color:rgba(149,159,176,.11)!important;
  color:#dce2e9!important;
}

html[data-theme="dark"] .notes-toolbar .notes-organize{
  background:rgba(31,38,49,.48)!important;
  border-color:rgba(149,159,176,.10)!important;
  color:#b3bdc8!important;
}

html[data-theme="dark"] .notes-toolbar .notes-new-btn{
  background:#9b7bd5!important;
  color:#1d1726!important;
}

html[data-theme="dark"] .notes-filter-row button{
  background:rgba(31,38,49,.42)!important;
  border-color:rgba(149,159,176,.10)!important;
  color:#9fa9b5!important;
}

html[data-theme="dark"] .notes-filter-row button.selected{
  background:rgba(151,122,223,.12)!important;
  border-color:rgba(169,143,222,.15)!important;
  color:#c2afe3!important;
}

html[data-theme="dark"] .notes-show-more{
  background:rgba(31,38,49,.46)!important;
  border-color:rgba(149,159,176,.10)!important;
  color:#bba9d5!important;
}

html[data-theme="dark"] .notes-hub-foot{
  color:#7f8996;
}

/* Medium desktops: two notes across. */
@media(max-width:980px){
  .notes-card-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile: don't launch the keyboard on open; let the user choose Search or New Note. */
@media(max-width:620px){
  .notes-hub-panel{
    width:100%!important;
    max-height:94vh!important;
    padding:19px!important;
  }

  .notes-hub-head h2{
    font-size:24px!important;
  }

  .notes-hub-head .modal-subcopy{
    font-size:13px!important;
  }

  .notes-hub-summary{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }

  .notes-hub-summary>div{
    min-height:74px;
    display:block!important;
    padding:9px!important;
  }

  .notes-hub-summary>div>strong{
    margin-top:5px;
    font-size:19px!important;
  }

  .notes-hub-summary>div>small{
    display:block;
    margin-top:4px;
    font-size:9px!important;
  }

  .notes-toolbar{
    grid-template-columns:1fr 1fr!important;
  }

  .notes-search{
    grid-column:1 / -1;
  }

  .notes-search input{
    min-height:44px;
    font-size:16px!important;
  }

  .notes-toolbar .notes-organize,
  .notes-toolbar .notes-new-btn{
    min-height:42px;
    font-size:11px!important;
  }

  .notes-filter-row button{
    min-height:35px;
    font-size:11px!important;
  }

  .notes-card-list{
    grid-template-columns:1fr!important;
    max-height:50vh!important;
  }

  .notes-card-list .note-card{
    min-height:145px!important;
  }

  .notes-card-list .note-card>strong{
    font-size:14px!important;
  }

  .notes-card-list .note-card>p{
    font-size:12px!important;
  }

  .notes-hub-foot{
    font-size:10px;
  }
}


/* =========================================================
   v1.71.0 — Plan / Week view
   See the week. Manage only one day at a time.
   ========================================================= */

.calm-week-shell{
  width:min(1180px,calc(100vw - 34px))!important;
  max-height:92vh!important;
  padding:24px!important;
  border-radius:19px!important;
  background:rgba(248,247,245,.96)!important;
  border:1px solid rgba(111,101,127,.12)!important;
  box-shadow:0 24px 70px rgba(22,25,34,.16)!important;
}

.calm-week-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:11px!important;
}

.calm-week-heading{
  min-width:0;
}

.calm-week-heading h2{
  margin:4px 0 0!important;
  color:#303947!important;
  font-size:28px!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}

.calm-week-heading p{
  max-width:610px;
  margin:6px 0 0!important;
  color:#858d99!important;
  font-size:13px!important;
  line-height:1.45!important;
}

.calm-week-nav{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}

.calm-week-nav button{
  min-height:36px;
  border-radius:10px!important;
  box-shadow:none!important;
  font-size:11px!important;
}

.calm-week-nav .week-arrow-btn{
  width:38px;
  padding:6px!important;
  font-size:18px!important;
}

.calm-week-nav .week-today-btn{
  min-width:72px;
}

.calm-week-range-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 8px;
  padding:7px 9px;
  border:1px solid rgba(121,122,130,.08);
  border-radius:10px;
  background:rgba(255,255,255,.38);
}

.calm-week-range-row>span{
  color:#8a7c93;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.10em;
}

.calm-week-range-row>strong{
  color:#67707d;
  font-size:10.5px;
  line-height:1.2;
  font-weight:750;
}

/* Seven days stay visible, but each chip is only an orientation cue. */
.calm-day-strip{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0 0 11px!important;
}

.calm-day-chip{
  min-width:0;
  min-height:72px;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  align-items:center!important;
  justify-items:center!important;
  gap:2px!important;
  padding:8px 5px!important;
  border:1px solid rgba(120,122,132,.11)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.46)!important;
  color:#7b8390!important;
  box-shadow:none!important;
}

.calm-day-chip:hover{
  background:rgba(255,255,255,.75)!important;
  border-color:rgba(93,53,181,.16)!important;
}

.calm-day-chip>span{
  color:#858c96!important;
  font-size:8.5px!important;
  line-height:1;
  font-weight:800!important;
  letter-spacing:.04em;
}

.calm-day-chip>strong{
  color:#3f4856!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:800!important;
}

.calm-day-chip>small{
  color:#9a9fa7!important;
  font-size:8px!important;
  line-height:1.1!important;
  font-weight:650;
}

.calm-day-chip.today{
  border-color:rgba(93,53,181,.20)!important;
}

.calm-day-chip.selected{
  background:rgba(93,53,181,.085)!important;
  border-color:rgba(93,53,181,.18)!important;
  color:#5e438c!important;
}

.calm-day-chip.selected>span,
.calm-day-chip.selected>strong{
  color:#5f448d!important;
}

.calm-day-chip.selected>small{
  color:#79688e!important;
}

/* Selected day is the actual working surface. */
.calm-day-card{
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(118,119,128,.10)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.66)!important;
  box-shadow:none!important;
}

.calm-day-title{
  min-height:72px;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 14px!important;
  border-bottom:1px solid rgba(120,120,129,.08)!important;
}

.calm-day-title>div:first-child{
  min-width:0;
}

.calm-day-title>div:first-child>span{
  color:#7e6c91!important;
  font-size:8px!important;
  line-height:1;
  font-weight:900!important;
  letter-spacing:.10em!important;
}

.calm-day-title h3{
  margin:4px 0 0!important;
  color:#303947!important;
  font-size:20px!important;
  line-height:1.15!important;
}

.calm-day-title small{
  display:block;
  margin-top:4px;
  color:#8c939d!important;
  font-size:10.5px!important;
  line-height:1.3;
}

.calm-day-title-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:6px;
}

.selected-day-status{
  padding:5px 7px;
  border-radius:999px;
  background:rgba(93,53,181,.06);
  color:#756286;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.075em;
  white-space:nowrap;
}

.calm-day-title-actions #weekAddBlockBtn{
  min-height:36px;
  padding:7px 10px!important;
  border:1px solid rgba(93,53,181,.16)!important;
  border-radius:10px!important;
  background:rgba(93,53,181,.075)!important;
  color:#62458f!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:800!important;
}

.calm-day-list{
  max-height:49vh;
  overflow:auto;
  padding:12px 14px 4px!important;
}

.calm-section-label{
  margin:3px 0 7px!important;
  color:#81778a!important;
  font-size:8px!important;
  line-height:1;
  font-weight:900!important;
  letter-spacing:.095em!important;
}

.calm-section-label.due-label{
  margin-top:15px!important;
  color:#8c6c3c!important;
}

/* Scheduled blocks: clear time + title, no calendar-grid density. */
.calm-plan-row{
  min-height:58px;
  margin-top:6px!important;
  padding:9px 10px!important;
  grid-template-columns:72px minmax(0,1fr) auto!important;
  gap:9px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  box-shadow:none!important;
}

.calm-plan-row:hover{
  border-color:rgba(91,77,112,.10)!important;
  filter:saturate(.98);
}

.calm-plan-time{
  color:#596474!important;
  font-size:10.5px!important;
}

.calm-plan-main strong{
  color:#303a49!important;
  font-size:12px!important;
  line-height:1.25!important;
}

.calm-plan-main small{
  color:#7b8491!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}

.calm-plan-more{
  color:#8a8191!important;
  font-size:14px;
}

/* Due tasks are not failures; they simply need somewhere to go. */
.calm-due-row{
  min-height:54px;
  margin-top:6px!important;
  padding:9px 10px!important;
  grid-template-columns:26px minmax(0,1fr) auto!important;
  border:1px solid rgba(170,129,65,.12)!important;
  border-radius:11px!important;
  background:rgba(176,137,67,.045)!important;
  box-shadow:none!important;
}

.calm-due-dot{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(176,137,67,.09);
  color:#927039!important;
  font-size:10px!important;
}

.calm-due-row strong{
  color:#4e483f!important;
  font-size:11.5px!important;
}

.calm-due-row small{
  color:#8d8478!important;
  font-size:9.5px!important;
}

.calm-due-row button{
  min-height:31px;
  padding:5px 8px!important;
  border:1px solid rgba(148,113,58,.12)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.45)!important;
  color:#735d3d!important;
  font-size:9.5px!important;
  font-weight:800!important;
}

/* Empty day communicates permission rather than a missing state. */
.calm-empty-day{
  min-height:150px!important;
  gap:10px!important;
}

.calm-empty-day>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(93,53,181,.055);
  color:#725b90;
  font-size:13px!important;
}

.calm-empty-day strong{
  color:#59626e!important;
  font-size:13px!important;
}

.calm-empty-day small{
  color:#9399a2!important;
  font-size:11px!important;
}

/* The planning helper is a quiet optional utility. */
.calm-help-card{
  margin:10px 14px 13px!important;
  padding:10px 11px!important;
  border:1px solid rgba(119,122,133,.09)!important;
  border-radius:12px!important;
  background:rgba(249,248,251,.50)!important;
}

.calm-help-top{
  gap:9px!important;
}

.calm-help-spark{
  width:31px!important;
  height:31px!important;
  border-radius:9px!important;
  background:rgba(93,53,181,.075)!important;
  color:#67499a!important;
  font-size:12px;
}

.calm-help-top strong{
  color:#505a68!important;
  font-size:11px!important;
}

.calm-help-top small{
  color:#9096a0!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}

.calm-help-button{
  min-height:36px;
  margin-top:8px!important;
  padding:7px 9px!important;
  border:1px solid rgba(93,53,181,.13)!important;
  border-radius:10px!important;
  background:rgba(93,53,181,.065)!important;
  color:#62468f!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:800!important;
}

.calm-help-result{
  border-color:rgba(93,53,181,.10)!important;
  background:rgba(255,255,255,.52)!important;
  box-shadow:none!important;
}

/* Dark appearance */
html[data-theme="dark"] .calm-week-shell{
  background:rgba(22,27,36,.97)!important;
  border-color:rgba(149,159,176,.12)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.30)!important;
}

html[data-theme="dark"] .calm-week-heading h2,
html[data-theme="dark"] .calm-day-title h3{
  color:#e2e7ee!important;
}

html[data-theme="dark"] .calm-week-heading p,
html[data-theme="dark"] .calm-day-title small{
  color:#8e98a5!important;
}

html[data-theme="dark"] .calm-week-range-row{
  background:rgba(29,35,46,.38)!important;
  border-color:rgba(149,159,176,.08)!important;
}

html[data-theme="dark"] .calm-week-range-row>span{
  color:#a694ba;
}

html[data-theme="dark"] .calm-week-range-row>strong{
  color:#9ca6b2;
}

html[data-theme="dark"] .calm-day-chip{
  background:rgba(29,35,46,.46)!important;
  border-color:rgba(149,159,176,.10)!important;
}

html[data-theme="dark"] .calm-day-chip>span{
  color:#8e98a5!important;
}

html[data-theme="dark"] .calm-day-chip>strong{
  color:#d8dfe7!important;
}

html[data-theme="dark"] .calm-day-chip>small{
  color:#798391!important;
}

html[data-theme="dark"] .calm-day-chip.selected{
  background:rgba(151,122,223,.12)!important;
  border-color:rgba(169,143,222,.15)!important;
}

html[data-theme="dark"] .calm-day-chip.selected>span,
html[data-theme="dark"] .calm-day-chip.selected>strong{
  color:#c4b0e7!important;
}

html[data-theme="dark"] .calm-day-chip.selected>small{
  color:#a798bd!important;
}

html[data-theme="dark"] .calm-day-card{
  background:rgba(25,31,41,.62)!important;
  border-color:rgba(149,159,176,.10)!important;
}

html[data-theme="dark"] .calm-day-title{
  border-bottom-color:rgba(149,159,176,.08)!important;
}

html[data-theme="dark"] .selected-day-status{
  background:rgba(151,122,223,.10);
  color:#baa9d2;
}

html[data-theme="dark"] .calm-day-title-actions #weekAddBlockBtn{
  background:rgba(151,122,223,.11)!important;
  border-color:rgba(169,143,222,.14)!important;
  color:#c1afe1!important;
}

html[data-theme="dark"] .calm-section-label{
  color:#8f98a5!important;
}

html[data-theme="dark"] .calm-section-label.due-label{
  color:#bca170!important;
}

html[data-theme="dark"] .calm-due-row{
  background:rgba(151,111,55,.08)!important;
  border-color:rgba(184,139,76,.12)!important;
}

html[data-theme="dark"] .calm-due-dot{
  background:rgba(184,139,76,.12);
  color:#d1ad78!important;
}

html[data-theme="dark"] .calm-due-row strong{
  color:#ddd3bd!important;
}

html[data-theme="dark"] .calm-due-row small{
  color:#9c9382!important;
}

html[data-theme="dark"] .calm-due-row button{
  background:rgba(40,45,54,.48)!important;
  border-color:rgba(184,139,76,.13)!important;
  color:#c6aa7d!important;
}

html[data-theme="dark"] .calm-empty-day>span{
  background:rgba(151,122,223,.10);
  color:#b8a6d1;
}

html[data-theme="dark"] .calm-empty-day strong{
  color:#b8c1cb!important;
}

html[data-theme="dark"] .calm-empty-day small{
  color:#818b98!important;
}

html[data-theme="dark"] .calm-help-card{
  background:rgba(29,35,46,.40)!important;
  border-color:rgba(149,159,176,.09)!important;
}

html[data-theme="dark"] .calm-help-spark{
  background:rgba(151,122,223,.11)!important;
  color:#baa7db!important;
}

html[data-theme="dark"] .calm-help-top strong{
  color:#b9c2cd!important;
}

html[data-theme="dark"] .calm-help-top small{
  color:#838d9a!important;
}

html[data-theme="dark"] .calm-help-button{
  background:rgba(151,122,223,.10)!important;
  border-color:rgba(169,143,222,.13)!important;
  color:#bdaade!important;
}

html[data-theme="dark"] .calm-help-result{
  background:rgba(23,29,38,.58)!important;
  border-color:rgba(149,159,176,.09)!important;
}

/* Tablet / phone */
@media(max-width:760px){
  .calm-week-shell{
    width:100%!important;
    height:100vh!important;
    max-height:none!important;
    padding:16px!important;
    border-radius:0!important;
  }

  .calm-week-header{
    flex-direction:column!important;
    gap:12px!important;
  }

  .calm-week-heading h2{
    font-size:25px!important;
  }

  .calm-week-heading p{
    font-size:12.5px!important;
  }

  .calm-week-nav{
    width:100%;
  }

  .calm-week-nav .week-today-btn{
    flex:1;
  }

  .calm-day-strip{
    gap:4px!important;
  }

  .calm-day-chip{
    min-height:67px;
    padding:7px 2px!important;
  }

  .calm-day-chip>span{
    font-size:8px!important;
  }

  .calm-day-chip>strong{
    font-size:16px!important;
  }

  .calm-day-chip>small{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:7.5px!important;
  }

  .calm-day-title{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  .calm-day-title-actions{
    width:100%;
    display:grid;
    grid-template-columns:auto 1fr;
  }

  .calm-day-title-actions #weekAddBlockBtn{
    min-height:39px;
    font-size:11px!important;
  }

  .calm-day-list{
    max-height:45vh;
    padding-inline:11px!important;
  }

  .calm-plan-row{
    grid-template-columns:62px minmax(0,1fr) auto!important;
  }

  .calm-plan-main strong{
    font-size:13px!important;
  }

  .calm-plan-main small{
    font-size:10.5px!important;
  }

  .calm-due-row{
    grid-template-columns:28px minmax(0,1fr)!important;
  }

  .calm-due-row button{
    grid-column:2;
    width:max-content;
    min-height:33px;
    font-size:10.5px!important;
  }

  .calm-help-card{
    margin-inline:11px!important;
  }

  .calm-help-top strong{
    font-size:12px!important;
  }

  .calm-help-top small{
    font-size:10.5px!important;
  }

  .calm-help-button{
    min-height:40px;
    font-size:11px!important;
  }

  .calm-help-result{
    grid-template-columns:auto minmax(0,1fr)!important;
  }

  .calm-suggestion-actions{
    grid-column:1 / -1;
  }
}


/* =========================================================
   v1.72.0 — Account
   Account status first. Settings second. Technical details stay out of the way.
   ========================================================= */

.account-panel{
  width:min(880px,calc(100vw - 34px))!important;
  max-height:92vh!important;
  overflow:auto!important;
  padding:24px!important;
}

.account-head{
  margin-bottom:14px!important;
}

.account-head h2{
  font-size:27px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}

.account-head .modal-subcopy{
  max-width:650px;
  font-size:13.5px!important;
}

.account-overview-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  gap:9px;
  margin-bottom:15px;
}

.account-overview-card{
  min-width:0;
  min-height:78px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:12px 13px;
  border:1px solid rgba(119,122,133,.11);
  border-radius:13px;
  background:rgba(250,250,251,.44);
}

.account-card-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(93,53,181,.075);
  color:#684995;
  font-size:14px;
  font-weight:900;
}

.account-overview-card .account-sync-dot{
  width:13px;
  height:13px;
  justify-self:center;
  border-radius:50%;
  box-shadow:0 0 0 7px rgba(86,137,103,.07);
}

.account-card-label{
  display:block;
  margin-bottom:4px;
  color:#84778f;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.09em;
}

.account-overview-card strong{
  display:block;
  overflow-wrap:anywhere;
  color:#37414f;
  font-size:12px;
  line-height:1.3;
  font-weight:790;
}

.account-overview-card small{
  display:block;
  margin-top:3px;
  color:#8d949e;
  font-size:9.5px!important;
  line-height:1.3;
}

.account-section{
  margin-top:10px;
  padding:13px;
  border:1px solid rgba(119,122,133,.095);
  border-radius:14px;
  background:rgba(255,255,255,.30);
}

.account-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}

.account-section-head h3{
  margin:3px 0 0;
  color:#46505e;
  font-size:13px;
  line-height:1.25;
}

.account-section-head>div>small{
  display:block;
  margin-top:4px;
  color:#8d949e;
  font-size:10px!important;
  line-height:1.35;
}

.account-section-eyebrow{
  color:#84758f;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.09em;
}

.account-section-note{
  padding:5px 7px;
  border-radius:999px;
  background:rgba(112,103,126,.055);
  color:#817888;
  font-size:8px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
}

/* Notification setting */
.account-notification-card{
  margin:0!important;
  padding:11px!important;
  border:1px solid rgba(119,122,133,.09)!important;
  border-radius:11px!important;
  background:rgba(250,250,251,.40)!important;
  box-shadow:none!important;
}

.account-notification-head{
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;
}

.account-notification-icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  background:rgba(93,53,181,.075)!important;
  color:#674997!important;
  font-size:14px!important;
}

.account-notification-head strong{
  color:#495361!important;
  font-size:11.5px!important;
}

.account-notification-head small{
  margin-top:3px!important;
  color:#878f9a!important;
  font-size:10px!important;
}

.account-notification-card>p{
  margin:9px 0!important;
  color:#858d98!important;
  font-size:10px!important;
  line-height:1.45!important;
}

.account-notification-card>button{
  width:auto!important;
  min-height:34px;
  padding:6px 9px!important;
  border-radius:9px!important;
  font-size:10px!important;
  box-shadow:none!important;
}

/* Security */
.account-setting-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:10px 11px;
  border:1px solid rgba(119,122,133,.09);
  border-radius:11px;
  background:rgba(250,250,251,.40);
}

.account-setting-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(74,115,145,.075);
  color:#56778f;
  font-size:13px;
  font-weight:900;
}

.account-setting-row strong,
.account-setting-row small{
  display:block;
}

.account-setting-row strong{
  color:#495361;
  font-size:11.5px;
}

.account-setting-row small{
  margin-top:3px;
  color:#8a929d;
  font-size:9.5px!important;
}

.account-setting-row .account-password-btn{
  width:auto!important;
  min-height:34px;
  margin:0!important;
  padding:6px 9px!important;
  border-radius:9px!important;
  font-size:10px!important;
  box-shadow:none!important;
}

/* Feedback stays available without looking like a required form. */
.account-section.beta-feedback{
  padding-top:13px!important;
  margin-top:10px!important;
}

.beta-feedback textarea{
  width:100%;
  min-height:100px!important;
  margin:0!important;
  resize:vertical;
  padding:10px 11px!important;
  border:1px solid rgba(119,122,133,.11)!important;
  border-radius:11px!important;
  background:rgba(250,250,251,.46)!important;
  color:#343d4a!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1.5!important;
}

.beta-feedback textarea:focus{
  outline:none;
  border-color:rgba(93,53,181,.22)!important;
  box-shadow:0 0 0 3px rgba(93,53,181,.05)!important;
}

.beta-feedback .secondary-btn{
  width:auto!important;
  min-height:35px;
  margin:8px 0 0 auto!important;
  display:block;
  padding:6px 10px!important;
  border-radius:9px!important;
  font-size:10px!important;
  box-shadow:none!important;
}

/* Sign out is intentionally separated from normal settings. */
.account-actions{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:14px!important;
  padding:12px 2px 0!important;
  border-top:1px solid rgba(119,122,133,.10)!important;
}

.account-actions>span{
  min-width:0;
}

.account-actions strong,
.account-actions small{
  display:block;
}

.account-actions strong{
  color:#636b77;
  font-size:10.5px;
  line-height:1.25;
}

.account-actions small{
  margin-top:3px;
  color:#959ba4;
  font-size:9.5px!important;
  line-height:1.35;
}

.account-actions .danger-btn{
  width:auto!important;
  min-height:34px;
  flex:0 0 auto;
  padding:6px 10px!important;
  border-radius:9px!important;
  font-size:10px!important;
  box-shadow:none!important;
}

/* Dark appearance */
html[data-theme="dark"] .account-overview-card,
html[data-theme="dark"] .account-section{
  background:rgba(29,35,46,.38)!important;
  border-color:rgba(149,159,176,.09)!important;
}

html[data-theme="dark"] .account-card-icon{
  background:rgba(151,122,223,.11);
  color:#bca8de;
}

html[data-theme="dark"] .account-card-label,
html[data-theme="dark"] .account-section-eyebrow{
  color:#a493b8;
}

html[data-theme="dark"] .account-overview-card strong,
html[data-theme="dark"] .account-section-head h3{
  color:#d7dee7;
}

html[data-theme="dark"] .account-overview-card small,
html[data-theme="dark"] .account-section-head>div>small{
  color:#858f9c;
}

html[data-theme="dark"] .account-section-note{
  background:rgba(149,159,176,.07);
  color:#929ca9;
}

html[data-theme="dark"] .account-notification-card,
html[data-theme="dark"] .account-setting-row{
  background:rgba(24,30,40,.44)!important;
  border-color:rgba(149,159,176,.09)!important;
}

html[data-theme="dark"] .account-notification-icon{
  background:rgba(151,122,223,.11)!important;
  color:#bca8de!important;
}

html[data-theme="dark"] .account-setting-icon{
  background:rgba(77,129,165,.11);
  color:#aac5d7;
}

html[data-theme="dark"] .account-notification-head strong,
html[data-theme="dark"] .account-setting-row strong{
  color:#c0c9d3!important;
}

html[data-theme="dark"] .account-notification-head small,
html[data-theme="dark"] .account-notification-card>p,
html[data-theme="dark"] .account-setting-row small{
  color:#838d9a!important;
}

html[data-theme="dark"] .beta-feedback textarea{
  background:rgba(24,30,40,.50)!important;
  border-color:rgba(149,159,176,.10)!important;
  color:#dce2e9!important;
}

html[data-theme="dark"] .account-actions{
  border-top-color:rgba(149,159,176,.09)!important;
}

html[data-theme="dark"] .account-actions strong{
  color:#aeb8c3;
}

html[data-theme="dark"] .account-actions small{
  color:#7f8996;
}

/* Mobile */
@media(max-width:620px){
  .account-panel{
    width:100%!important;
    max-height:94vh!important;
    padding:19px!important;
  }

  .account-head h2{
    font-size:24px!important;
  }

  .account-head .modal-subcopy{
    font-size:13px!important;
  }

  .account-overview-grid{
    grid-template-columns:1fr!important;
  }

  .account-overview-card{
    min-height:72px;
  }

  .account-overview-card strong{
    font-size:13px;
  }

  .account-overview-card small{
    font-size:10.5px!important;
  }

  .account-section{
    padding:11px;
  }

  .account-section-head h3{
    font-size:14px;
  }

  .account-section-head>div>small{
    font-size:11px!important;
  }

  .account-notification-head strong,
  .account-setting-row strong{
    font-size:13px!important;
  }

  .account-notification-head small,
  .account-notification-card>p,
  .account-setting-row small{
    font-size:11px!important;
  }

  .account-notification-card>button{
    width:100%!important;
    min-height:40px;
    font-size:11px!important;
  }

  .account-setting-row{
    grid-template-columns:38px minmax(0,1fr)!important;
  }

  .account-setting-icon{
    width:38px;
    height:38px;
  }

  .account-setting-row .account-password-btn{
    grid-column:1 / -1;
    width:100%!important;
    min-height:40px;
    font-size:11px!important;
  }

  .beta-feedback textarea{
    min-height:120px!important;
    font-size:16px!important;
  }

  .beta-feedback .secondary-btn{
    width:100%!important;
    min-height:40px;
    font-size:11px!important;
  }

  .account-actions{
    align-items:flex-start;
    flex-direction:column;
  }

  .account-actions strong{
    font-size:11px;
  }

  .account-actions small{
    font-size:10.5px!important;
  }

  .account-actions .danger-btn{
    width:100%!important;
    min-height:40px;
    font-size:11px!important;
  }
}


/* =========================================================
   v1.74.0 — Edit + delete consistency
   Existing items should be just as easy to change as they were to create.
   ========================================================= */

/* Tasks now expose a quiet, explicit edit affordance. */
.task-edit-btn{
  min-height:30px;
  padding:5px 8px!important;
  border:1px solid rgba(119,122,133,.10)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.36)!important;
  color:#77717f!important;
  box-shadow:none!important;
  font-size:9.5px!important;
  font-weight:780!important;
}

.task-edit-btn:hover{
  border-color:rgba(93,53,181,.15)!important;
  background:rgba(93,53,181,.055)!important;
  color:#66517e!important;
}

.tasks-card .task-edit-btn{
  font-size:9px!important;
}

.task-edit-actions .danger-btn{
  justify-self:start;
}

/* Shared delete confirmation keeps destructive behavior predictable. */
.delete-confirm-panel{
  width:min(540px,calc(100vw - 28px))!important;
}

.delete-confirm-note{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border:1px solid rgba(169,91,102,.11);
  border-radius:12px;
  background:rgba(171,91,103,.035);
}

.delete-confirm-note>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(171,91,103,.08);
  color:#9b606a;
  font-size:12px;
  font-weight:900;
}

.delete-confirm-note strong,
.delete-confirm-note small{
  display:block;
}

.delete-confirm-note strong{
  color:#5e5155;
  font-size:11.5px;
  line-height:1.35;
}

.delete-confirm-note small{
  margin-top:3px;
  color:#91888b;
  font-size:10px!important;
  line-height:1.4;
}

.delete-confirm-actions{
  margin-top:13px!important;
}

/* "Remove" means the same thing in every small-step editor. */
.breakdown-remove,
.routine-edit-remove{
  width:auto!important;
  min-width:52px;
  min-height:30px;
  padding:5px 7px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#8a7d82!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:760!important;
}

.breakdown-remove:hover,
.routine-edit-remove:hover{
  background:rgba(154,89,89,.07)!important;
  color:#9b5d64!important;
}

/* Dark */
html[data-theme="dark"] .task-edit-btn{
  background:rgba(31,38,49,.38)!important;
  border-color:rgba(149,159,176,.09)!important;
  color:#9fa9b5!important;
}

html[data-theme="dark"] .task-edit-btn:hover{
  background:rgba(151,122,223,.09)!important;
  border-color:rgba(169,143,222,.12)!important;
  color:#bba9d7!important;
}

html[data-theme="dark"] .delete-confirm-note{
  background:rgba(139,72,84,.08);
  border-color:rgba(184,106,119,.12);
}

html[data-theme="dark"] .delete-confirm-note>span{
  background:rgba(184,106,119,.10);
  color:#d1a0a9;
}

html[data-theme="dark"] .delete-confirm-note strong{
  color:#c8b9bd;
}

html[data-theme="dark"] .delete-confirm-note small{
  color:#8f8387;
}

html[data-theme="dark"] .breakdown-remove,
html[data-theme="dark"] .routine-edit-remove{
  color:#9ba5b1!important;
}

html[data-theme="dark"] .breakdown-remove:hover,
html[data-theme="dark"] .routine-edit-remove:hover{
  background:rgba(173,92,105,.10)!important;
  color:#d3a0aa!important;
}

@media(max-width:620px){
  .task-edit-btn{
    min-height:34px;
    font-size:10.5px!important;
  }

  .tasks-card .task-edit-btn{
    font-size:10px!important;
  }

  .delete-confirm-panel{
    width:100%!important;
  }

  .delete-confirm-note strong{
    font-size:12px;
  }

  .delete-confirm-note small{
    font-size:11px!important;
  }

  .breakdown-remove,
  .routine-edit-remove{
    min-width:58px;
    min-height:34px;
    font-size:10.5px!important;
  }
}


/* =========================================================
   v1.75.0 — Status + reschedule consistency
   Done, Not now, Restore, Move, and Reschedule should always mean the same thing.
   ========================================================= */

.plan-status-panel{
  margin-top:14px;
  padding:11px 12px;
  border:1px solid rgba(119,122,133,.10);
  border-radius:12px;
  background:rgba(250,250,251,.42);
}

.plan-status-copy>span,
.plan-status-copy>strong,
.plan-status-copy>small{
  display:block;
}

.plan-status-copy>span{
  color:#84758f;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.09em;
}

.plan-status-copy>strong{
  margin-top:5px;
  color:#48515f;
  font-size:12px;
  line-height:1.2;
}

.plan-status-copy>small{
  margin-top:3px;
  color:#888f99;
  font-size:10px!important;
  line-height:1.4;
}

.plan-status-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}

.plan-status-actions button{
  min-height:34px;
  padding:6px 9px!important;
  border-radius:9px!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:800!important;
}

.plan-status-done{
  background:rgba(71,130,91,.07)!important;
  border-color:rgba(71,130,91,.13)!important;
  color:#537861!important;
}

.plan-status-skip{
  background:rgba(122,113,129,.045)!important;
  border-color:rgba(122,113,129,.11)!important;
  color:#766e7b!important;
}

.plan-status-restore{
  background:rgba(93,53,181,.065)!important;
  border-color:rgba(93,53,181,.13)!important;
  color:#654891!important;
}

.plan-placement-hint{
  display:block;
  margin-top:8px;
  color:#999fa7;
  font-size:9px!important;
  line-height:1.35;
}

/* Explicit restore is clearer than asking users to infer the checkbox behavior. */
.task-restore-btn{
  min-height:30px;
  padding:5px 8px!important;
  border:1px solid rgba(93,53,181,.12)!important;
  border-radius:9px!important;
  background:rgba(93,53,181,.055)!important;
  color:#665080!important;
  box-shadow:none!important;
  font-size:9.5px!important;
  font-weight:780!important;
}

.task-restore-btn:hover{
  background:rgba(93,53,181,.09)!important;
  border-color:rgba(93,53,181,.18)!important;
}

.schedule-task-btn.needs-reschedule{
  border-color:rgba(151,113,59,.13)!important;
  background:rgba(176,137,67,.055)!important;
  color:#765f3d!important;
}

/* Status stays visible without making completed/not-now items loud. */
.status-pill.skipped{
  letter-spacing:.045em;
}

html[data-theme="dark"] .plan-status-panel{
  background:rgba(29,35,46,.42);
  border-color:rgba(149,159,176,.09);
}

html[data-theme="dark"] .plan-status-copy>span{
  color:#a493b8;
}

html[data-theme="dark"] .plan-status-copy>strong{
  color:#c6ced8;
}

html[data-theme="dark"] .plan-status-copy>small,
html[data-theme="dark"] .plan-placement-hint{
  color:#838d9a;
}

html[data-theme="dark"] .plan-status-done{
  background:rgba(69,133,91,.10)!important;
  border-color:rgba(101,160,121,.12)!important;
  color:#9bc0a6!important;
}

html[data-theme="dark"] .plan-status-skip{
  background:rgba(149,159,176,.055)!important;
  border-color:rgba(149,159,176,.09)!important;
  color:#a2acb8!important;
}

html[data-theme="dark"] .plan-status-restore,
html[data-theme="dark"] .task-restore-btn{
  background:rgba(151,122,223,.10)!important;
  border-color:rgba(169,143,222,.13)!important;
  color:#bca9db!important;
}

html[data-theme="dark"] .schedule-task-btn.needs-reschedule{
  background:rgba(176,137,67,.08)!important;
  border-color:rgba(192,153,91,.12)!important;
  color:#c6aa7c!important;
}

@media(max-width:620px){
  .plan-status-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .plan-status-actions button{
    width:100%;
    min-height:39px;
    font-size:11px!important;
  }

  .plan-status-actions .plan-status-restore{
    grid-column:1 / -1;
  }

  .plan-status-copy>strong{
    font-size:13px;
  }

  .plan-status-copy>small{
    font-size:11px!important;
  }

  .plan-placement-hint{
    font-size:10.5px!important;
  }

  .task-restore-btn{
    min-height:34px;
    font-size:10.5px!important;
  }
}


/* =========================================================
   v1.76.0 — Beta readiness
   Safer forms, clearer errors, duplicate protection, and mobile keyboard resilience.
   ========================================================= */

.field-problem,
input.field-problem,
textarea.field-problem,
select.field-problem{
  border-color:rgba(181,72,86,.55)!important;
  box-shadow:
    0 0 0 3px rgba(181,72,86,.08),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
}

[aria-invalid="true"]{
  scroll-margin-block:130px;
}

/* Give scrollable dialogs some breathing room when a keyboard is present. */
.modal-panel,
.calm-week-shell{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

.modal-panel{
  scroll-padding-top:70px;
  scroll-padding-bottom:170px;
}

html[data-theme="dark"] .field-problem,
html[data-theme="dark"] input.field-problem,
html[data-theme="dark"] textarea.field-problem,
html[data-theme="dark"] select.field-problem{
  border-color:rgba(212,116,132,.58)!important;
  box-shadow:
    0 0 0 3px rgba(212,116,132,.09),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}

@media(max-width:620px){
  /* dvh follows the visible browser/keyboard viewport more accurately than vh. */
  .modal{
    min-height:100dvh;
    height:100dvh;
    place-items:start center!important;
    overflow-y:auto;
    padding:
      max(8px,env(safe-area-inset-top))
      max(8px,env(safe-area-inset-right))
      max(8px,env(safe-area-inset-bottom))
      max(8px,env(safe-area-inset-left))!important;
  }

  .modal-panel:not(.floating-focus-panel){
    width:100%!important;
    max-height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;
    margin:auto 0;
    scroll-padding-top:72px;
    scroll-padding-bottom:220px;
  }

  .calm-week-shell{
    height:100dvh!important;
    max-height:100dvh!important;
  }

  /* Keep iOS from zooming when a tester taps into any modal field. */
  .modal input,
  .modal textarea,
  .modal select{
    font-size:16px!important;
  }

  .field-problem,
  [aria-invalid="true"]{
    scroll-margin-block:34vh;
  }
}


/* =========================================================
   v1.77.0 — Optional two-step verification
   Password first. Authenticator-app MFA only when the user opts in.
   ========================================================= */

.account-settings-stack{
  display:grid;
  gap:8px;
}

.account-security-title-row{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}

.account-security-title-row strong{
  display:inline!important;
}

.mfa-setting-icon{
  background:rgba(93,53,181,.075)!important;
  color:#674997!important;
}

.mfa-status-badge{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(112,103,126,.06);
  color:#817788;
  font-size:8px;
  line-height:1;
  font-weight:900;
  font-style:normal;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.mfa-status-badge[data-state="on"]{
  background:rgba(71,130,91,.09);
  color:#4f7a5d;
}

.mfa-status-badge[data-state="checking"]{
  background:rgba(93,53,181,.07);
  color:#6f5990;
}

.mfa-status-badge[data-state="error"]{
  background:rgba(164,101,68,.08);
  color:#8e654d;
}

.mfa-setting-row #mfaAccountActionBtn{
  width:auto!important;
  min-width:82px;
  min-height:34px;
  margin:0!important;
  padding:6px 9px!important;
  border-radius:9px!important;
  font-size:10px!important;
  box-shadow:none!important;
}

/* Setup */
.mfa-setup-panel{
  width:min(700px,calc(100vw - 34px))!important;
  max-height:92vh!important;
  overflow:auto!important;
}

.mfa-setup-layout{
  display:grid;
  gap:11px;
}

.mfa-setup-step{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:start;
}

.mfa-step-number{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(93,53,181,.075);
  color:#674997;
  font-size:11px;
  font-weight:900;
}

.mfa-setup-step strong,
.mfa-setup-step small{
  display:block;
}

.mfa-setup-step strong{
  color:#495361;
  font-size:12px;
}

.mfa-setup-step small{
  margin-top:3px;
  color:#8a929d;
  font-size:10px!important;
  line-height:1.4;
}

.mfa-qr-wrap{
  display:grid;
  place-items:center;
  padding:12px;
}

.mfa-qr-wrap img{
  width:min(230px,70vw);
  aspect-ratio:1;
  display:block;
  padding:10px;
  border:1px solid rgba(119,122,133,.11);
  border-radius:14px;
  background:#fff;
}

.mfa-secret-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px 10px;
  align-items:center;
  padding:11px 12px;
  border:1px solid rgba(119,122,133,.10);
  border-radius:12px;
  background:rgba(250,250,251,.42);
}

.mfa-secret-box>div{
  grid-column:1 / -1;
}

.mfa-secret-box span,
.mfa-secret-box strong{
  display:block;
}

.mfa-secret-box span{
  color:#84758f;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.mfa-secret-box strong{
  margin-top:3px;
  color:#56606d;
  font-size:10.5px;
}

.mfa-secret-box code{
  min-width:0;
  overflow-wrap:anywhere;
  color:#443957;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:11px;
  font-weight:750;
  line-height:1.45;
  user-select:all;
}

.mfa-secret-box button{
  min-height:34px;
  padding:6px 9px!important;
  border-radius:9px!important;
  box-shadow:none!important;
  font-size:10px!important;
}

.mfa-code-label{
  display:grid!important;
  gap:6px;
  color:#6c7481!important;
  font-size:10px!important;
  font-weight:750!important;
}

.mfa-code-input{
  width:100%;
  min-height:52px;
  padding:10px 12px!important;
  border:1px solid rgba(119,122,133,.13)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.72)!important;
  color:#303946!important;
  box-shadow:none!important;
  font-size:22px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-align:center;
}

.mfa-code-input:focus{
  outline:none;
  border-color:rgba(93,53,181,.26)!important;
  box-shadow:0 0 0 3px rgba(93,53,181,.06)!important;
}

.mfa-security-note{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:center;
  padding:10px 11px;
  border:1px solid rgba(119,122,133,.09);
  border-radius:11px;
  background:rgba(249,248,251,.48);
}

.mfa-security-note>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(93,53,181,.07);
  color:#674997;
}

.mfa-security-note strong,
.mfa-security-note small{
  display:block;
}

.mfa-security-note strong{
  color:#56606d;
  font-size:10.5px;
}

.mfa-security-note small{
  margin-top:3px;
  color:#8a929d;
  font-size:9.5px!important;
  line-height:1.4;
}

/* Login challenge */
.mfa-challenge-modal{
  z-index:500!important;
}

.mfa-challenge-panel{
  width:min(460px,calc(100vw - 28px))!important;
  text-align:center;
}

.mfa-challenge-mark{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  border-radius:15px;
  background:rgba(93,53,181,.085);
  color:#674997;
  font-size:18px;
  font-weight:900;
}

.mfa-challenge-panel h2{
  margin:6px 0 0;
  color:#303946;
  font-size:25px;
  letter-spacing:-.03em;
}

.mfa-challenge-panel>p{
  max-width:360px;
  margin:7px auto 14px;
  color:#818995;
  font-size:11.5px;
  line-height:1.5;
}

.mfa-challenge-account{
  margin-bottom:12px;
  padding:9px 10px;
  border:1px solid rgba(119,122,133,.09);
  border-radius:10px;
  background:rgba(250,250,251,.42);
  text-align:left;
}

.mfa-challenge-account span,
.mfa-challenge-account strong{
  display:block;
}

.mfa-challenge-account span{
  color:#8a7b94;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.mfa-challenge-account strong{
  margin-top:3px;
  overflow-wrap:anywhere;
  color:#56606d;
  font-size:10.5px;
}

.mfa-challenge-submit{
  width:100%;
  min-height:42px;
  margin-top:11px;
}

.mfa-use-another{
  width:100%;
  margin-top:7px;
  padding:8px;
  border:0;
  background:transparent;
  color:#777f8a;
  cursor:pointer;
  font-size:10.5px;
  font-weight:750;
}

/* Disable */
.mfa-disable-note{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border:1px solid rgba(169,91,102,.10);
  border-radius:12px;
  background:rgba(171,91,103,.035);
}

.mfa-disable-note>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(171,91,103,.07);
  color:#9b606a;
}

.mfa-disable-note strong,
.mfa-disable-note small{
  display:block;
}

.mfa-disable-note strong{
  color:#5e5155;
  font-size:11px;
  line-height:1.35;
}

.mfa-disable-note small{
  margin-top:3px;
  color:#91888b;
  font-size:10px!important;
  line-height:1.4;
}

/* Dark */
html[data-theme="dark"] .mfa-setting-icon,
html[data-theme="dark"] .mfa-step-number,
html[data-theme="dark"] .mfa-security-note>span,
html[data-theme="dark"] .mfa-challenge-mark{
  background:rgba(151,122,223,.11)!important;
  color:#bca8de!important;
}

html[data-theme="dark"] .mfa-status-badge{
  background:rgba(149,159,176,.07);
  color:#9ba5b2;
}

html[data-theme="dark"] .mfa-status-badge[data-state="on"]{
  background:rgba(69,133,91,.11);
  color:#a1c4ab;
}

html[data-theme="dark"] .mfa-secret-box,
html[data-theme="dark"] .mfa-security-note,
html[data-theme="dark"] .mfa-challenge-account{
  background:rgba(24,30,40,.45);
  border-color:rgba(149,159,176,.09);
}

html[data-theme="dark"] .mfa-setup-step strong,
html[data-theme="dark"] .mfa-secret-box strong,
html[data-theme="dark"] .mfa-security-note strong,
html[data-theme="dark"] .mfa-challenge-account strong{
  color:#c2cbd5;
}

html[data-theme="dark"] .mfa-setup-step small,
html[data-theme="dark"] .mfa-secret-box span,
html[data-theme="dark"] .mfa-security-note small,
html[data-theme="dark"] .mfa-challenge-account span{
  color:#858f9c;
}

html[data-theme="dark"] .mfa-secret-box code{
  color:#c8b9df;
}

html[data-theme="dark"] .mfa-code-input{
  background:rgba(24,30,40,.60)!important;
  border-color:rgba(149,159,176,.11)!important;
  color:#edf1f5!important;
}

html[data-theme="dark"] .mfa-challenge-panel h2{
  color:#e2e7ee;
}

html[data-theme="dark"] .mfa-challenge-panel>p,
html[data-theme="dark"] .mfa-use-another{
  color:#8e98a5;
}

html[data-theme="dark"] .mfa-disable-note{
  background:rgba(139,72,84,.08);
  border-color:rgba(184,106,119,.12);
}

html[data-theme="dark"] .mfa-disable-note>span{
  background:rgba(184,106,119,.10);
  color:#d1a0a9;
}

html[data-theme="dark"] .mfa-disable-note strong{
  color:#c8b9bd;
}

html[data-theme="dark"] .mfa-disable-note small{
  color:#8f8387;
}

@media(max-width:620px){
  .mfa-setting-row #mfaAccountActionBtn{
    grid-column:1 / -1;
    width:100%!important;
    min-height:40px;
    font-size:11px!important;
  }

  .mfa-setup-panel,
  .mfa-challenge-panel,
  .mfa-disable-panel{
    width:100%!important;
  }

  .mfa-qr-wrap img{
    width:min(220px,68vw);
  }

  .mfa-secret-box{
    grid-template-columns:1fr;
  }

  .mfa-secret-box button{
    width:100%;
    min-height:40px;
    font-size:11px!important;
  }

  .mfa-code-input{
    min-height:56px;
    font-size:22px!important;
  }

  .mfa-security-note strong,
  .mfa-setup-step strong{
    font-size:12px;
  }

  .mfa-security-note small,
  .mfa-setup-step small{
    font-size:11px!important;
  }

  .mfa-challenge-panel h2{
    font-size:24px;
  }

  .mfa-challenge-panel>p{
    font-size:12px;
  }

  .mfa-challenge-submit{
    min-height:44px;
  }
}


/* =========================================================
   v1.78.0 — First-time user experience
   The first ten minutes should feel smaller than the full product.
   ========================================================= */

#onboardingProgress{
  display:grid!important;
  gap:7px!important;
}

.onboarding-progress-copy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.onboarding-progress-copy span{
  color:#78678c;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.10em;
}

.onboarding-progress-copy small{
  color:#96909a;
  font-size:9.5px!important;
  font-weight:700;
}

.onboarding-progress-dots{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:5px;
}

.onboarding-progress-dots>span{
  height:4px;
  border-radius:999px;
  background:rgba(125,119,132,.10);
}

.onboarding-progress-dots>span.active{
  background:rgba(93,53,181,.50);
}

.onboarding-first-principles{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:14px 0;
}

.onboarding-first-principles>div{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:10px 11px;
  border:1px solid rgba(119,122,133,.09);
  border-radius:11px;
  background:rgba(250,250,251,.45);
}

.onboarding-first-principles>div>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(93,53,181,.07);
  color:#674997;
  font-size:10px;
  font-weight:900;
}

.onboarding-first-principles strong,
.onboarding-first-principles small{
  display:block;
}

.onboarding-first-principles strong{
  color:#4d5764;
  font-size:11px;
}

.onboarding-first-principles small{
  margin-top:3px;
  color:#89919c;
  font-size:9.5px!important;
  line-height:1.4;
}

.onboarding-energy-question{
  margin-top:13px;
}

.onboarding-energy-descriptive{
  display:grid!important;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-top:7px;
}

.onboarding-energy-descriptive button{
  min-height:58px;
  display:grid;
  gap:3px;
  align-content:center;
  text-align:left;
}

.onboarding-energy-descriptive button strong,
.onboarding-energy-descriptive button small{
  display:block;
}

.onboarding-energy-descriptive button strong{
  font-size:11px;
}

.onboarding-energy-descriptive button small{
  font-size:9px!important;
  opacity:.72;
}

.onboarding-energy-help{
  display:block;
  margin-top:7px;
  color:#9198a2;
  font-size:9.5px!important;
  line-height:1.4;
}

.onboarding-step-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
}

.onboarding-step-actions>div{
  display:flex;
  gap:7px;
  align-items:center;
}

.onboarding-text-back{
  border:0;
  background:transparent;
  color:#7d7483;
  padding:7px 3px;
  cursor:pointer;
  font-size:10px;
  font-weight:750;
}

.onboarding-text-back:hover{
  color:#5d35a4;
}

.onboarding-first-minute{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin-top:13px;
  padding:11px 12px;
  border:1px solid rgba(93,53,181,.10);
  border-radius:12px;
  background:rgba(93,53,181,.035);
}

.onboarding-first-minute>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(93,53,181,.075);
  color:#674997;
  font-weight:900;
}

.onboarding-first-minute strong,
.onboarding-first-minute small{
  display:block;
}

.onboarding-first-minute strong{
  color:#51475d;
  font-size:11px;
}

.onboarding-first-minute small{
  margin-top:3px;
  color:#89818e;
  font-size:9.5px!important;
  line-height:1.4;
}

.first-run-guide{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  margin-top:18px;
  padding:13px 14px;
  border:1px solid rgba(93,53,181,.12);
  border-radius:16px;
  background:
    radial-gradient(circle at 0 50%,rgba(93,53,181,.055),transparent 34%),
    rgba(255,255,255,.72);
  box-shadow:0 8px 24px rgba(40,31,57,.035);
}

.first-run-guide-mark{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:rgba(93,53,181,.09);
  color:#644494;
  font-size:16px;
  font-weight:900;
}

.first-run-guide-copy{
  min-width:0;
}

.first-run-guide-copy>span,
.first-run-guide-copy>strong,
.first-run-guide-copy>small{
  display:block;
}

.first-run-guide-copy>span{
  color:#7e659b;
  font-size:8px;
  font-weight:900;
  letter-spacing:.10em;
}

.first-run-guide-copy>strong{
  margin-top:3px;
  color:#414b58;
  font-size:12.5px;
  line-height:1.3;
}

.first-run-guide-copy>small{
  margin-top:3px;
  color:#858d98;
  font-size:10px!important;
  line-height:1.45;
}

.first-run-guide-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.first-run-guide-actions .primary-btn{
  min-height:36px;
  padding:7px 10px!important;
  border-radius:10px!important;
  font-size:10px!important;
  white-space:nowrap;
}

.first-run-guide-dismiss{
  border:0;
  background:transparent;
  color:#85808a;
  padding:7px 4px;
  cursor:pointer;
  font-size:9.5px;
  font-weight:750;
  white-space:nowrap;
}

.first-run-guide-dismiss:hover{
  color:#60467a;
}

html[data-theme="dark"] .onboarding-progress-dots>span{
  background:rgba(154,164,179,.10);
}

html[data-theme="dark"] .onboarding-progress-dots>span.active{
  background:rgba(175,147,230,.52);
}

html[data-theme="dark"] .onboarding-first-principles>div,
html[data-theme="dark"] .onboarding-first-minute{
  background:rgba(25,31,41,.45);
  border-color:rgba(149,159,176,.09);
}

html[data-theme="dark"] .onboarding-first-principles>div>span,
html[data-theme="dark"] .onboarding-first-minute>span{
  background:rgba(151,122,223,.11);
  color:#bca8de;
}

html[data-theme="dark"] .onboarding-first-principles strong,
html[data-theme="dark"] .onboarding-first-minute strong{
  color:#c4ccd6;
}

html[data-theme="dark"] .onboarding-first-principles small,
html[data-theme="dark"] .onboarding-first-minute small,
html[data-theme="dark"] .onboarding-energy-help{
  color:#858f9b;
}

html[data-theme="dark"] .first-run-guide{
  background:
    radial-gradient(circle at 0 50%,rgba(151,122,223,.075),transparent 34%),
    rgba(24,30,40,.78);
  border-color:rgba(169,143,222,.13);
}

html[data-theme="dark"] .first-run-guide-mark{
  background:rgba(151,122,223,.12);
  color:#beaadd;
}

html[data-theme="dark"] .first-run-guide-copy>span{
  color:#ab95c8;
}

html[data-theme="dark"] .first-run-guide-copy>strong{
  color:#d0d6de;
}

html[data-theme="dark"] .first-run-guide-copy>small,
html[data-theme="dark"] .first-run-guide-dismiss{
  color:#8f99a5;
}

@media(max-width:700px){
  .onboarding-first-principles{
    grid-template-columns:1fr;
  }

  .onboarding-energy-descriptive{
    grid-template-columns:1fr;
  }

  .onboarding-energy-descriptive button{
    min-height:52px;
  }

  .onboarding-step-actions{
    align-items:stretch;
    flex-direction:column-reverse;
  }

  .onboarding-step-actions>div{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .onboarding-step-actions button{
    min-height:40px;
  }

  .onboarding-text-back{
    text-align:left;
  }

  .first-run-guide{
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;
  }

  .first-run-guide-mark{
    width:38px;
    height:38px;
  }

  .first-run-guide-actions{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:1fr auto;
  }

  .first-run-guide-actions .primary-btn{
    min-height:40px;
    font-size:11px!important;
  }

  .first-run-guide-dismiss{
    min-height:40px;
    padding-inline:10px;
    font-size:10.5px;
  }

  .first-run-guide-copy>strong{
    font-size:13px;
  }

  .first-run-guide-copy>small{
    font-size:11px!important;
  }
}

/* =========================================================
   ADHBrain public homepage
   Inspired by modern product landing-page structure.
   Scoped to auth/home surface; app behavior is unchanged.
   ========================================================= */

.adh-home-gate{
  display:block;
  overflow:auto;
  padding:0;
  background:
    radial-gradient(900px 600px at 50% -200px,rgba(111,73,186,.12),transparent 70%),
    #fbfaf8;
  color:#20232b;
}

.adh-home{
  width:100%;
  min-height:100vh;
}

.adh-home-nav{
  position:sticky;
  top:0;
  z-index:20;
  min-height:74px;
  padding:0 clamp(22px,4vw,58px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:36px;
  border-bottom:1px solid rgba(51,45,62,.08);
  background:rgba(251,250,248,.88);
  backdrop-filter:blur(18px);
}

.adh-home-brand{
  display:flex;
  align-items:center;
  gap:10px;
  color:inherit;
  text-decoration:none;
}

.adh-home-brand-copy{
  display:flex;
  flex-direction:column;
  gap:1px;
}

.adh-home-brand-copy strong{
  font-size:17px;
  line-height:1;
}

.adh-home-brand-copy small{
  color:#858b96;
  font-size:9px;
  font-weight:700;
}

.adh-home-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:29px;
}

.adh-home-links a,
.adh-home-login-link{
  color:#5e6470;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}

.adh-home-links a:hover,
.adh-home-login-link:hover{
  color:#5d35b5;
}

.adh-home-nav-actions{
  display:flex;
  align-items:center;
  gap:16px;
}

.adh-home-nav-cta{
  padding:10px 15px;
  border-radius:8px;
  background:#5d35b5;
  color:#fff;
  font-size:11px;
  font-weight:850;
  text-decoration:none;
  box-shadow:0 6px 14px rgba(93,53,181,.18);
}

.adh-home-loading{
  min-height:calc(100vh - 74px);
}

.adh-home-content{
  width:100%;
}

.adh-home-hero{
  min-height:730px;
  padding:clamp(70px,8vw,114px) clamp(24px,6vw,90px) 50px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.adh-home-hero-copy{
  max-width:970px;
  position:relative;
  z-index:2;
}

.adh-home-kicker{
  display:block;
  color:#7351ae;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}

.adh-home-hero h1{
  margin:17px auto 21px;
  max-width:940px;
  color:#1f222a;
  font-size:clamp(52px,7.7vw,104px);
  line-height:.94;
  letter-spacing:-.065em;
  font-weight:800;
}

.adh-home-hero-copy>p{
  max-width:700px;
  margin:0 auto;
  color:#747b87;
  font-size:clamp(17px,1.8vw,21px);
  line-height:1.55;
}

.adh-home-hero-actions{
  margin-top:27px;
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

.adh-home-primary,
.adh-home-secondary{
  min-height:46px;
  padding:0 19px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
}

.adh-home-primary{
  background:#5d35b5;
  color:white;
  box-shadow:0 10px 24px rgba(93,53,181,.19);
}

.adh-home-secondary{
  color:#555c68;
  background:#fff;
  border:1px solid #dedbe2;
}

.adh-home-showcase{
  width:min(1040px,94%);
  margin:70px auto 0;
  position:relative;
}

.adh-preview-window{
  position:relative;
  z-index:2;
  min-height:440px;
  overflow:hidden;
  border:1px solid rgba(74,64,92,.14);
  border-radius:18px;
  background:#fff;
  box-shadow:
    0 34px 90px rgba(43,35,59,.13),
    0 3px 10px rgba(43,35,59,.06);
  transform:perspective(1100px) rotateX(1.7deg);
}

.adh-preview-topbar{
  min-height:54px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #ece9ee;
  background:#fdfcfc;
  color:#4b515d;
  font-size:10px;
}

.adh-preview-topbar>div{
  display:flex;
  align-items:center;
  gap:8px;
}

.adh-preview-logo{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#5d35b5;
  color:#fff;
  font-weight:900;
}

.adh-preview-account{
  padding:6px 9px;
  border-radius:8px;
  background:#f1eef6;
}

.adh-preview-body{
  min-height:385px;
  display:grid;
  grid-template-columns:115px 1fr;
}

.adh-preview-side{
  padding:22px 13px;
  display:flex;
  flex-direction:column;
  gap:7px;
  border-right:1px solid #efedf1;
  background:#faf9fa;
}

.adh-preview-side span{
  padding:8px 10px;
  border-radius:8px;
  color:#868d99;
  font-size:9px;
  text-align:left;
  font-weight:750;
}

.adh-preview-side .selected{
  background:#eee9f6;
  color:#5e399d;
}

.adh-preview-main{
  padding:28px;
  background:
    radial-gradient(500px 300px at 10% 0%,rgba(127,91,195,.07),transparent 70%),
    #fcfbfb;
}

.adh-preview-welcome{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  text-align:left;
}

.adh-preview-welcome small,
.adh-preview-card small{
  color:#9298a3;
  font-size:7px;
  font-weight:900;
  letter-spacing:.1em;
}

.adh-preview-welcome h3{
  margin:4px 0 0;
  font-size:22px;
  letter-spacing:-.04em;
}

.adh-preview-energy{
  min-width:100px;
  padding:10px 11px;
  border:1px solid #e9e5ed;
  border-radius:10px;
  display:flex;
  flex-direction:column;
  gap:3px;
  background:#fff;
  color:#8b929d;
  font-size:7px;
}

.adh-preview-energy strong{
  color:#625271;
  font-size:9px;
}

.adh-preview-grid{
  margin-top:22px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.adh-preview-card{
  min-height:130px;
  padding:16px;
  border:1px solid #ebe7ee;
  border-radius:12px;
  background:rgba(255,255,255,.91);
  text-align:left;
}

.adh-preview-card>strong{
  display:block;
  margin-top:7px;
  font-size:13px;
}

.adh-preview-card>p,
.adh-preview-task p{
  margin:4px 0 0;
  color:#989eaa;
  font-size:8px;
}

.adh-preview-focus-card{
  background:linear-gradient(145deg,#f1ecf8,#fff);
}

.adh-preview-focus-card button{
  margin-top:15px;
  padding:7px 10px;
  border:0;
  border-radius:7px;
  background:#5d35b5;
  color:#fff;
  font-size:8px;
  pointer-events:none;
}

.adh-preview-task{
  margin-top:12px;
  display:flex;
  gap:9px;
  align-items:flex-start;
}

.adh-preview-check{
  width:14px;
  height:14px;
  flex:0 0 auto;
  border:1px solid #bbb2c7;
  border-radius:50%;
}

.adh-preview-task strong{
  font-size:9px;
}

.adh-preview-wide{
  grid-column:1/-1;
  min-height:105px;
}

.adh-preview-card-head{
  display:flex;
  justify-content:space-between;
}

.adh-preview-card-head span{
  color:#7a55b7;
  font-size:14px;
}

.adh-preview-options{
  margin-top:14px;
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}

.adh-preview-options span{
  padding:6px 8px;
  border-radius:999px;
  background:#f2eef7;
  color:#695781;
  font-size:7px;
  font-weight:800;
}

.adh-home-float-card{
  position:absolute;
  z-index:4;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(80,66,101,.13);
  border-radius:12px;
  background:rgba(255,255,255,.88);
  box-shadow:0 16px 38px rgba(52,43,67,.13);
  backdrop-filter:blur(14px);
  text-align:left;
}

.adh-home-float-card>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#eee8f7;
  color:#6740a9;
  font-size:13px;
  font-weight:900;
}

.adh-home-float-card small{
  display:block;
  color:#9a9fab;
  font-size:6px;
  font-weight:900;
  letter-spacing:.1em;
}

.adh-home-float-card strong{
  display:block;
  margin-top:2px;
  font-size:9px;
}

.adh-home-float-left{
  left:-38px;
  bottom:62px;
}

.adh-home-float-right{
  right:-42px;
  top:72px;
}

.adh-home-orbit{
  position:absolute;
  border:1px solid rgba(112,80,163,.13);
  border-radius:50%;
  pointer-events:none;
}

.adh-home-orbit-one{
  width:230px;
  height:230px;
  left:-100px;
  top:-80px;
}

.adh-home-orbit-two{
  width:170px;
  height:170px;
  right:-80px;
  bottom:-55px;
}

.adh-home-truth,
.adh-home-features,
.adh-home-name,
.adh-home-private,
.adh-home-account-section{
  padding:clamp(74px,9vw,124px) clamp(25px,7vw,105px);
  border-top:1px solid rgba(57,49,68,.08);
}

.adh-home-truth{
  background:#f3f0ed;
}

.adh-home-truth-heading{
  max-width:820px;
}

.adh-home-truth h2,
.adh-home-feature-heading h2,
.adh-home-name-copy h2,
.adh-home-private h2,
.adh-home-account-intro h2{
  margin:13px 0 0;
  color:#232630;
  font-size:clamp(38px,5.2vw,66px);
  line-height:1.02;
  letter-spacing:-.05em;
}

.adh-home-flow{
  margin-top:38px;
  padding:17px 0;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  color:#4f5662;
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.adh-home-flow span{
  padding:8px 11px;
  border:1px solid #ded9df;
  border-radius:9px;
  background:rgba(255,255,255,.5);
}

.adh-home-flow b{
  color:#9d93a8;
}

.adh-home-pillars{
  margin-top:35px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.adh-home-pillars article,
.adh-home-feature-grid article{
  padding:28px;
  border:1px solid rgba(76,68,86,.1);
  border-radius:16px;
  background:rgba(255,255,255,.68);
}

.adh-home-number{
  color:#7958ae;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}

.adh-home-pillars h3,
.adh-home-feature-grid h3{
  margin:12px 0 8px;
  font-size:20px;
  letter-spacing:-.03em;
}

.adh-home-pillars p,
.adh-home-feature-grid p,
.adh-home-feature-heading p,
.adh-home-name-copy p,
.adh-home-private p,
.adh-home-account-intro p{
  color:#727a86;
  font-size:14px;
  line-height:1.62;
}

.adh-home-features{
  background:#fbfaf8;
}

.adh-home-feature-heading{
  max-width:830px;
}

.adh-home-feature-heading p{
  max-width:680px;
}

.adh-home-feature-grid{
  margin-top:38px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.adh-home-feature-grid article>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#eee9f6;
  color:#6740aa;
  font-size:15px;
  font-weight:900;
}

.adh-home-name{
  display:grid;
  grid-template-columns:minmax(260px,.75fr) minmax(0,1.2fr);
  gap:clamp(45px,8vw,110px);
  align-items:center;
  background:#27242c;
}

.adh-home-name-mark{
  min-height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:17px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:
    radial-gradient(300px 230px at 45% 50%,rgba(127,85,197,.23),transparent 72%),
    rgba(255,255,255,.025);
}

.adh-home-old-name,
.adh-home-new-name{
  font-size:clamp(30px,4vw,50px);
  font-weight:900;
  letter-spacing:-.05em;
}

.adh-home-old-name{
  color:#8e8993;
  text-decoration:line-through;
  text-decoration-thickness:3px;
  text-decoration-color:#a479e6;
}

.adh-home-name-arrow{
  color:#8b7a9e;
  font-size:22px;
}

.adh-home-new-name{
  color:#f6f3f9;
}

.adh-home-name-copy h2{
  color:#f5f3f7;
}

.adh-home-name-copy p{
  color:#aaa5af;
}

.adh-home-name-copy strong{
  color:#d5bfef;
}

.adh-home-private{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  background:#f1efec;
}

.adh-home-private p:first-child{
  margin-top:0;
}

.adh-home-account-section{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,480px);
  align-items:center;
  gap:clamp(50px,8vw,120px);
  background:
    radial-gradient(600px 500px at 85% 45%,rgba(110,73,182,.10),transparent 70%),
    #fbfaf8;
}

.adh-home-account-intro{
  max-width:650px;
}

.adh-home-account-promise{
  margin-top:25px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.adh-home-account-promise span{
  padding:8px 11px;
  border:1px solid #ded9e4;
  border-radius:999px;
  color:#685879;
  background:#f3eff7;
  font-size:10px;
  font-weight:850;
}

.adh-home-account-card{
  padding:28px;
  border:1px solid #e1dce6;
  border-radius:20px;
  background:rgba(255,255,255,.86);
  box-shadow:0 26px 70px rgba(48,39,62,.1);
  scroll-margin-top:96px;
}

.adh-home-account-card>#authHeading{
  margin:8px 0 6px;
  font-size:31px;
  letter-spacing:-.04em;
}

.adh-home-account-card>#authSubcopy{
  margin:0;
  color:#78808c;
  font-size:12px;
  line-height:1.55;
}

.adh-home-footer{
  min-height:130px;
  padding:30px clamp(25px,6vw,90px);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border-top:1px solid rgba(57,49,68,.08);
  color:#838994;
}

.adh-home-footer-brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.adh-home-footer-brand>div{
  display:flex;
  flex-direction:column;
}

.adh-home-footer-brand strong{
  color:#252831;
  font-size:15px;
}

.adh-home-footer-brand small,
.adh-home-footer p{
  font-size:9px;
}

@media(max-width:980px){
  .adh-home-links{display:none}
  .adh-home-nav{grid-template-columns:1fr auto}
  .adh-home-feature-grid{grid-template-columns:1fr 1fr}
  .adh-home-name{grid-template-columns:1fr}
  .adh-home-name-mark{min-height:230px}
}

@media(max-width:760px){
  .adh-home-nav{
    min-height:68px;
    padding:0 16px;
    gap:12px;
  }

  .adh-home-brand-copy small{display:none}
  .adh-home-login-link{display:none}
  .adh-home-nav-actions{gap:0}
  .adh-home-nav-cta{padding:9px 11px}

  .adh-home-hero{
    min-height:auto;
    padding:68px 18px 42px;
  }

  .adh-home-hero h1{
    font-size:clamp(48px,15vw,68px);
  }

  .adh-home-showcase{
    width:100%;
    margin-top:48px;
  }

  .adh-preview-window{
    min-height:350px;
    transform:none;
  }

  .adh-preview-body{
    grid-template-columns:1fr;
  }

  .adh-preview-side{display:none}
  .adh-preview-main{padding:18px}
  .adh-preview-grid{grid-template-columns:1fr}
  .adh-preview-wide{grid-column:auto}
  .adh-home-float-card{display:none}
  .adh-home-orbit{display:none}

  .adh-home-truth,
  .adh-home-features,
  .adh-home-name,
  .adh-home-private,
  .adh-home-account-section{
    padding:68px 20px;
  }

  .adh-home-pillars,
  .adh-home-feature-grid{
    grid-template-columns:1fr;
  }

  .adh-home-private,
  .adh-home-account-section{
    grid-template-columns:1fr;
    gap:40px;
  }

  .adh-home-name-mark{
    min-height:190px;
  }

  .adh-home-footer{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(prefers-color-scheme:dark){
  .adh-home-gate{
    background:
      radial-gradient(900px 600px at 50% -200px,rgba(115,77,185,.18),transparent 70%),
      #17191e;
    color:#eceef2;
  }

  .adh-home-nav{
    border-bottom-color:rgba(255,255,255,.08);
    background:rgba(23,25,30,.89);
  }

  .adh-home-brand-copy small,
  .adh-home-links a,
  .adh-home-login-link{
    color:#9ca2ad;
  }

  .adh-home-hero h1,
  .adh-home-truth h2,
  .adh-home-feature-heading h2,
  .adh-home-private h2,
  .adh-home-account-intro h2{
    color:#f3f3f5;
  }

  .adh-home-hero-copy>p,
  .adh-home-pillars p,
  .adh-home-feature-grid p,
  .adh-home-feature-heading p,
  .adh-home-private p,
  .adh-home-account-intro p{
    color:#9fa5af;
  }

  .adh-preview-window,
  .adh-preview-topbar,
  .adh-preview-card,
  .adh-preview-energy{
    background:#22252b;
    border-color:#343740;
  }

  .adh-preview-side{
    border-color:#343740;
    background:#1d2025;
  }

  .adh-preview-main{
    background:
      radial-gradient(500px 300px at 10% 0%,rgba(127,91,195,.11),transparent 70%),
      #202329;
  }

  .adh-preview-welcome h3,
  .adh-preview-card>strong,
  .adh-preview-task strong,
  .adh-preview-topbar{
    color:#eceef2;
  }

  .adh-preview-focus-card{
    background:linear-gradient(145deg,#2d2837,#22252b);
  }

  .adh-home-truth,
  .adh-home-private{
    background:#1d1f24;
  }

  .adh-home-features,
  .adh-home-account-section{
    background:#181a1f;
  }

  .adh-home-pillars article,
  .adh-home-feature-grid article,
  .adh-home-account-card{
    border-color:#35363e;
    background:#24262c;
  }

  .adh-home-flow span{
    border-color:#383a42;
    background:#24262c;
    color:#bbc0c9;
  }

  .adh-home-account-card>#authHeading,
  .adh-home-footer-brand strong{
    color:#f0f1f3;
  }

  .adh-home-footer{
    border-top-color:#2b2e35;
  }
}


/* Move the ADHBrain name story higher without changing the rest of the homepage. */
.adh-home-hero + .adh-home-name{
  padding-top:72px;
  padding-bottom:72px;
}
@media(max-width:760px){
  .adh-home-hero + .adh-home-name{
    padding-top:54px;
    padding-bottom:54px;
  }
}

/* =========================================================
   Homepage hero — faithful ADHBrain dashboard preview
   Mirrors the actual Today experience instead of a generic mockup.
   ========================================================= */
.adh-real-preview-wrap{
  width:min(1180px,97%);
  margin-top:72px;
}
.adh-real-preview{
  overflow:hidden;
  border:1px solid #e7e1dc;
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 0,#fff,#fbf7f2 62%);
  box-shadow:0 34px 90px rgba(42,32,72,.14);
  text-align:left;
  color:#102441;
}
.adh-real-preview-header{
  padding:17px 20px;
  display:grid;
  grid-template-columns:1.35fr .95fr auto;
  align-items:center;
  gap:18px;
  border-bottom:1px solid #ece7e1;
}
.adh-real-preview-brand{
  display:flex;
  align-items:center;
  gap:9px;
}
.adh-real-preview-brand>div,
.adh-real-preview-account>div,
.adh-real-preview-encouragement>div{
  display:flex;
  flex-direction:column;
}
.adh-real-preview-brand strong{
  font-size:18px;
  letter-spacing:-.04em;
}
.adh-real-preview-brand small,
.adh-real-preview-account small,
.adh-real-preview-encouragement small{
  color:#748094;
  font-size:7px;
  margin-top:2px;
}
.adh-real-preview-encouragement{
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #ebe6df;
  border-radius:13px;
  background:rgba(255,255,255,.82);
}
.adh-real-preview-encouragement>span{
  color:#b89224;
  font-size:16px;
}
.adh-real-preview-encouragement strong{
  font-size:8px;
}
.adh-real-preview-account{
  padding:8px 10px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #e9e4df;
  border-radius:12px;
  background:#fff;
}
.adh-real-preview-account>span{
  width:27px;height:27px;border-radius:9px;
  display:grid;place-items:center;
  background:#efe9f7;color:#6231b6;font-weight:900;font-size:10px;
}
.adh-real-preview-account strong{font-size:7px;margin-top:1px}

.adh-real-preview-welcome{
  padding:23px 24px 15px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
}
.adh-real-preview-welcome>div:first-child>small{
  color:#6b36c5;font-size:7px;font-weight:900;letter-spacing:.12em;
}
.adh-real-preview-welcome h3{
  margin:3px 0 4px;
  font-size:24px;
  letter-spacing:-.04em;
}
.adh-real-preview-welcome p{
  margin:0;color:#7a8391;font-size:8px;
}
.adh-real-preview-welcome p span{padding:0 4px}
.adh-real-preview-welcome-actions{
  display:flex;gap:8px;
}
.adh-real-preview-next,
.adh-real-preview-overwhelm{
  min-width:154px;
  padding:9px 11px;
  border-radius:12px;
}
.adh-real-preview-next{
  display:flex;align-items:center;gap:8px;
  border:1px solid #d8c9f1;background:#f7f2ff;color:#5320b6;
}
.adh-real-preview-next>span{font-size:12px}
.adh-real-preview-next>div{display:flex;flex-direction:column;flex:1}
.adh-real-preview-next strong,
.adh-real-preview-overwhelm strong{font-size:7.5px}
.adh-real-preview-next small,
.adh-real-preview-overwhelm small{font-size:6px;margin-top:2px}
.adh-real-preview-next b{font-size:10px}
.adh-real-preview-overwhelm{
  display:flex;flex-direction:column;justify-content:center;
  border:1px solid #eadfe0;background:#fff9f9;color:#755a5a;
}

.adh-real-preview-adaptive{
  margin:0 24px;
  padding:12px 14px;
  display:grid;
  grid-template-columns:1fr 1.25fr auto;
  align-items:center;
  gap:18px;
  border:1px solid #ded3ed;
  border-radius:14px;
  background:linear-gradient(135deg,#faf7ff,#fff);
}
.adh-real-preview-adaptive-id{
  display:flex;align-items:center;gap:9px;
}
.adh-real-preview-adaptive-id>span{
  width:28px;height:28px;border-radius:9px;
  display:grid;place-items:center;
  background:#eee6fb;color:#6b38c4;font-weight:900;
}
.adh-real-preview-adaptive-id>div,
.adh-real-preview-adaptive-copy{
  display:flex;flex-direction:column;
}
.adh-real-preview-adaptive-id strong{font-size:7px;letter-spacing:.08em}
.adh-real-preview-adaptive-id small,
.adh-real-preview-adaptive-copy span{font-size:6.5px;color:#7e8694;margin-top:2px}
.adh-real-preview-adaptive-copy small{font-size:6px;color:#5f2fb2;font-weight:900;letter-spacing:.08em}
.adh-real-preview-adaptive-copy strong{font-size:9px;margin-top:2px}
.adh-real-preview-adaptive button{
  border:1px solid #ddd5e8;background:#fff;color:#5925b8;
  border-radius:9px;padding:8px 10px;font-size:7px;font-weight:850;
  pointer-events:none;
}

.adh-real-preview-capacity{
  margin:10px 24px 0;
  padding:11px 13px;
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  border:1px solid #e9e4de;border-radius:14px;background:rgba(255,255,255,.84);
}
.adh-real-preview-capacity-copy{
  display:flex;align-items:center;gap:8px;
}
.adh-real-preview-capacity-copy>span{
  width:27px;height:27px;border-radius:9px;display:grid;place-items:center;
  background:#f1ecf7;color:#6a40a7;
}
.adh-real-preview-capacity-copy>div{display:flex;flex-direction:column}
.adh-real-preview-capacity-copy small{font-size:6px;color:#8055b2;font-weight:900;letter-spacing:.08em}
.adh-real-preview-capacity-copy strong{font-size:8px;margin-top:2px}
.adh-real-preview-capacity-choices{
  display:flex;gap:6px;
}
.adh-real-preview-capacity-choices>span{
  min-width:82px;padding:7px 8px;display:grid;
  grid-template-columns:auto 1fr;column-gap:6px;
  border:1px solid #e8e2dc;border-radius:10px;background:#fff;
}
.adh-real-preview-capacity-choices b{grid-row:1/3;align-self:center;color:#7350a4}
.adh-real-preview-capacity-choices strong{font-size:6.5px}
.adh-real-preview-capacity-choices small{font-size:5.5px;color:#8b929d}
.adh-real-preview-capacity-choices .selected{
  border-color:#cab7e9;background:#f8f4fd;
}

.adh-real-preview-grid{
  padding:12px 24px 18px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.adh-real-preview-column{
  display:flex;flex-direction:column;gap:12px;
}
.adh-real-preview-card{
  border:1px solid #ebe7e1;
  border-radius:15px;
  background:rgba(255,255,255,.93);
  box-shadow:0 7px 18px rgba(42,32,72,.04);
}
.adh-real-card-head{
  padding:12px 13px 8px;
  display:flex;justify-content:space-between;align-items:flex-start;
}
.adh-real-card-head>div{display:flex;flex-direction:column}
.adh-real-card-head strong{font-size:7px;color:#6730bd;letter-spacing:.08em}
.adh-real-card-head small{font-size:6px;color:#8a929f;margin-top:2px}
.adh-real-card-head>span{
  padding:4px 6px;border-radius:999px;background:#f1edf5;color:#705a8d;font-size:5.5px;font-weight:900;
}
.adh-real-now-body{
  padding:3px 13px 10px;
  display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center;
}
.adh-real-now-icon{
  width:37px;height:37px;border-radius:50%;display:grid;place-items:center;
  background:#eee4ff;color:#6930cb;font-size:14px;
}
.adh-real-now-body h4{margin:0;font-size:10px;color:#111827}
.adh-real-now-body p{margin:3px 0;color:#838b98;font-size:6px}
.adh-real-now-body>div:nth-child(2)>strong{font-size:7px;color:#5823c5}
.adh-real-now-time{text-align:right;color:#5723c8}
.adh-real-now-time b{display:block;font-size:12px}
.adh-real-now-time small{font-size:5px}
.adh-real-now-actions{
  padding:0 13px 12px;
  display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:5px;
}
.adh-real-now-actions button,
.adh-real-now-actions span{
  padding:7px 5px;border-radius:8px;font-size:5.8px;font-weight:850;text-align:center;
}
.adh-real-now-actions button{
  border:0;background:linear-gradient(90deg,#6030c8,#7226dc);color:#fff;pointer-events:none;
}
.adh-real-now-actions span{border:1px solid #e2dce9;background:#fff;color:#5c6470}

.adh-real-top3-head{
  padding:11px 13px;
  display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;
}
.adh-real-top3-head>span{
  width:24px;height:24px;border-radius:8px;display:grid;place-items:center;
  background:#eee7fa;color:#6735bd;font-size:9px;font-weight:900;
}
.adh-real-top3-head>div{display:flex;flex-direction:column}
.adh-real-top3-head small{font-size:5.5px;color:#855db9;font-weight:900;letter-spacing:.08em}
.adh-real-top3-head strong{font-size:8px;margin-top:1px}
.adh-real-top3-head p{margin:1px 0 0;font-size:5.5px;color:#8c939e}
.adh-real-task-row{
  padding:8px 13px;
  display:grid;grid-template-columns:14px 1fr auto;gap:7px;align-items:center;
  border-top:1px solid #f0ece8;
}
.adh-real-task-row i{
  width:12px;height:12px;border:1.2px solid #9ea6b1;border-radius:50%;
}
.adh-real-task-row strong{font-size:7px;font-weight:750}
.adh-real-task-row span{font-size:6px;color:#82778f}
.adh-real-top3-foot{
  padding:9px 13px;
  display:flex;justify-content:space-between;
  border-top:1px solid #f0ece8;
  color:#8d949f;font-size:5.8px;
}
.adh-real-top3-foot b{color:#5c27c8}

.adh-real-brain-head{
  padding:12px 13px 8px;
  display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:start;
}
.adh-real-brain-head>span{
  width:25px;height:25px;border-radius:8px;display:grid;place-items:center;
  background:#eee8fb;color:#6932c1;font-size:12px;
}
.adh-real-brain-head>div{display:flex;flex-direction:column}
.adh-real-brain-head small{font-size:5.5px;color:#7650ad;font-weight:900;letter-spacing:.08em}
.adh-real-brain-head strong{font-size:8px;margin-top:1px}
.adh-real-brain-head p{margin:2px 0 0;font-size:5.5px;color:#8c939e}
.adh-real-brain-head>b{
  padding:4px 6px;border-radius:999px;background:#f1eef6;color:#785f96;font-size:5px;
}
.adh-real-brain-input{
  margin:0 13px;
  min-height:58px;padding:9px 10px;
  border:1px solid #e5dfd9;border-radius:10px;
  color:#9a9290;background:#fdfcfb;font-size:6.5px;line-height:1.5;
}
.adh-real-preview-brain>button{
  margin:8px 13px 0;width:calc(100% - 26px);padding:8px 9px;
  display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;
  border:0;border-radius:9px;background:#f0eafa;color:#5b29b5;text-align:left;pointer-events:none;
}
.adh-real-preview-brain>button>span{
  width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#e4d8f7;
}
.adh-real-preview-brain>button>div{display:flex;flex-direction:column}
.adh-real-preview-brain>button strong{font-size:6.5px}
.adh-real-preview-brain>button small{font-size:5.3px;margin-top:1px}
.adh-real-brain-types{
  padding:8px 13px 11px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;
}
.adh-real-brain-types span{
  padding:6px 3px;border:1px solid #eee8e2;border-radius:8px;
  text-align:center;font-size:5.3px;color:#6e7480;
}

.adh-real-plan-head{
  padding:11px 13px 8px;
  display:flex;justify-content:space-between;gap:10px;align-items:start;
}
.adh-real-plan-head>div:first-child{
  display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;
}
.adh-real-plan-head>div:first-child>span{
  width:24px;height:24px;border-radius:8px;display:grid;place-items:center;
  background:#eee8f9;color:#6734bc;
}
.adh-real-plan-head>div:first-child>div{display:flex;flex-direction:column}
.adh-real-plan-head small{font-size:5.5px;color:#7350a7;font-weight:900}
.adh-real-plan-head strong{font-size:8px;margin-top:1px}
.adh-real-plan-head p{margin:1px 0 0;font-size:5.3px;color:#8d949e}
.adh-real-plan-head>b{
  padding:4px 6px;border-radius:999px;background:#f3f0f5;color:#755f89;font-size:5px;
}
.adh-real-plan-row{
  padding:7px 13px;
  display:grid;grid-template-columns:32px 5px 1fr;gap:7px;align-items:center;
  border-top:1px solid #f0ece8;
}
.adh-real-plan-row>span{
  color:#918999;font-size:5.2px;font-weight:900;
}
.adh-real-plan-row i{height:27px;border-radius:4px}
.adh-real-plan-row i.work{background:#8a62c7}
.adh-real-plan-row i.meal{background:#d5a658}
.adh-real-plan-row i.meeting{background:#5f93bd}
.adh-real-plan-row>div{display:flex;flex-direction:column}
.adh-real-plan-row strong{font-size:6.8px}
.adh-real-plan-row small{font-size:5.3px;color:#8f96a1;margin-top:1px}
.adh-real-plan-tool{
  margin:8px 13px 11px;padding:8px 9px;
  display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center;
  border:1px solid #e2d8f0;border-radius:9px;background:#faf7ff;
}
.adh-real-plan-tool>span{
  width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#eee4fb;color:#6935bd;
}
.adh-real-plan-tool>div{display:flex;flex-direction:column}
.adh-real-plan-tool strong{font-size:6.5px}
.adh-real-plan-tool small{font-size:5px;color:#8c8397;margin-top:1px}
.adh-real-plan-tool>b{font-size:5.2px;color:#5a2ab4}

.adh-real-preview-bottom-nav{
  min-height:54px;padding:5px 20%;
  display:grid;grid-template-columns:repeat(5,1fr);align-items:center;
  border-top:1px solid #ebe6e0;background:#fff;
}
.adh-real-preview-bottom-nav>span{
  display:flex;flex-direction:column;align-items:center;gap:2px;
  color:#878e99;font-size:12px;
}
.adh-real-preview-bottom-nav small{font-size:5.5px}
.adh-real-preview-bottom-nav .active{color:#5b26c6}
.adh-real-preview-bottom-nav .add{
  width:33px;height:33px;border-radius:50%;justify-self:center;
  display:grid;place-items:center;background:#5d29ca;color:white;font-size:15px;
  transform:translateY(-3px);
}
.adh-real-preview-bottom-nav .add small{display:none}

@media(max-width:900px){
  .adh-real-preview-header{grid-template-columns:1fr auto}
  .adh-real-preview-encouragement{display:none}
  .adh-real-preview-welcome{align-items:flex-start;flex-direction:column}
  .adh-real-preview-welcome-actions{width:100%}
  .adh-real-preview-next,.adh-real-preview-overwhelm{flex:1}
  .adh-real-preview-adaptive{grid-template-columns:1fr auto}
  .adh-real-preview-adaptive-copy{display:none}
  .adh-real-preview-capacity{align-items:flex-start;flex-direction:column}
  .adh-real-preview-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .adh-real-preview-wrap{width:100%;margin-top:45px}
  .adh-real-preview{border-radius:17px}
  .adh-real-preview-header{padding:12px}
  .adh-real-preview-brand small{display:none}
  .adh-real-preview-account>div{display:none}
  .adh-real-preview-welcome{padding:16px 13px 10px}
  .adh-real-preview-welcome-actions{flex-direction:column}
  .adh-real-preview-adaptive{margin:0 13px}
  .adh-real-preview-capacity{margin:8px 13px 0}
  .adh-real-preview-capacity-choices{width:100%}
  .adh-real-preview-capacity-choices>span{min-width:0;flex:1}
  .adh-real-preview-grid{padding:10px 13px 14px}
  .adh-real-preview-bottom-nav{padding-inline:10%}
}

@media(prefers-color-scheme:dark){
  .adh-real-preview{
    background:radial-gradient(circle at 50% 0,#23252b,#181a1f 62%);
    border-color:#34363e;color:#e9ebef;
  }
  .adh-real-preview-header,
  .adh-real-preview-bottom-nav{
    border-color:#34363e;background:#1d1f24;
  }
  .adh-real-preview-encouragement,
  .adh-real-preview-account,
  .adh-real-preview-capacity,
  .adh-real-preview-card{
    border-color:#353840;background:#22252a;
  }
  .adh-real-preview-brand small,
  .adh-real-preview-account small,
  .adh-real-preview-encouragement small,
  .adh-real-preview-welcome p,
  .adh-real-card-head small,
  .adh-real-top3-head p,
  .adh-real-brain-head p,
  .adh-real-plan-head p{
    color:#969da8;
  }
  .adh-real-preview-welcome h3,
  .adh-real-now-body h4,
  .adh-real-top3-head strong,
  .adh-real-task-row strong,
  .adh-real-brain-head strong,
  .adh-real-plan-head strong,
  .adh-real-plan-row strong{
    color:#eef0f3;
  }
  .adh-real-preview-adaptive{
    border-color:#473c58;background:linear-gradient(135deg,#27222e,#202329);
  }
  .adh-real-preview-capacity-choices>span,
  .adh-real-now-actions span,
  .adh-real-brain-input{
    border-color:#373a42;background:#1d2025;color:#c4c8cf;
  }
  .adh-real-preview-capacity-choices .selected{
    border-color:#6c5688;background:#2b2534;
  }
  .adh-real-preview-brain>button,
  .adh-real-plan-tool{
    border-color:#483b5b;background:#2a2431;
  }
  .adh-real-task-row,
  .adh-real-top3-foot,
  .adh-real-plan-row{
    border-color:#33363d;
  }
}

/* =========================================================
   Continuous homepage
   Removes the "slide deck" feel from the public surface.
   ========================================================= */

.adh-home-continuous{
  display:block;
  overflow:auto;
  padding:0;
  background:#fbfaf8;
  color:#20232b;
}

.adh-site-shell{
  width:100%;
  min-height:100vh;
}

.adh-site-nav{
  position:sticky;
  top:0;
  z-index:30;
  height:70px;
  padding:0 clamp(18px,4vw,56px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:32px;
  border-bottom:1px solid rgba(43,38,48,.08);
  background:rgba(251,250,248,.9);
  backdrop-filter:blur(18px);
}

.adh-site-brand{
  display:flex;
  align-items:center;
  gap:10px;
  color:inherit;
  text-decoration:none;
}
.adh-site-brand>span:last-child{
  display:flex;
  flex-direction:column;
}
.adh-site-brand strong{
  font-size:17px;
}
.adh-site-brand small{
  margin-top:1px;
  color:#858b95;
  font-size:9px;
  font-weight:700;
}

.adh-site-links{
  display:flex;
  justify-content:center;
  gap:26px;
}
.adh-site-links a,
.adh-site-login{
  color:#5e6570;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}

.adh-site-actions{
  display:flex;
  align-items:center;
  gap:15px;
}
.adh-site-cta,
.adh-site-primary{
  border-radius:9px;
  background:#5d35b5;
  color:#fff;
  font-size:11px;
  font-weight:850;
  text-decoration:none;
}
.adh-site-cta{
  padding:10px 14px;
}
.adh-site-login{
  text-decoration:none;
}

.adh-site-content{
  width:100%;
}

.adh-site-loading{
  min-height:calc(100vh - 70px);
}

.adh-site-kicker{
  display:block;
  color:#7045b1;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}

.adh-site-hero{
  width:min(1500px,calc(100% - 48px));
  margin:0 auto;
  padding:90px 0 62px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);
  gap:clamp(50px,8vw,120px);
  align-items:center;
}

.adh-site-hero-copy{
  max-width:850px;
}

.adh-site-hero h1{
  margin:14px 0 22px;
  color:#20232a;
  font-size:clamp(60px,7.3vw,106px);
  line-height:.95;
  letter-spacing:-.065em;
}

.adh-site-hero-copy>p{
  max-width:680px;
  margin:0;
  color:#747b87;
  font-size:18px;
  line-height:1.6;
}

.adh-site-hero-actions{
  margin-top:26px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.adh-site-primary,
.adh-site-secondary{
  min-height:45px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.adh-site-secondary{
  border:1px solid #ded9e1;
  border-radius:9px;
  background:#fff;
  color:#555c68;
  font-size:11px;
  font-weight:850;
  text-decoration:none;
}

.adh-site-proof{
  margin-top:24px;
  display:flex;
  gap:15px;
  flex-wrap:wrap;
  color:#777e89;
  font-size:10px;
  font-weight:800;
}

.adh-site-hero-note{
  padding:28px;
  border:1px solid #e1dbe7;
  border-radius:20px;
  background:#f7f3fa;
}

.adh-site-name-row{
  margin:13px 0 18px;
  display:flex;
  align-items:center;
  gap:9px;
  color:#847991;
  font-size:15px;
}
.adh-site-old-name{
  text-decoration:line-through;
  text-decoration-thickness:2px;
  text-decoration-color:#8a5fc2;
}
.adh-site-name-row strong{
  color:#5f33ac;
  font-size:20px;
}

.adh-site-hero-note h2{
  margin:0;
  color:#292630;
  font-size:27px;
  line-height:1.12;
  letter-spacing:-.035em;
}
.adh-site-hero-note p{
  margin:13px 0 0;
  color:#77717c;
  font-size:13px;
  line-height:1.65;
}

.adh-site-product,
.adh-site-how,
.adh-site-tools,
.adh-site-private,
.adh-site-account{
  width:min(1500px,calc(100% - 48px));
  margin:0 auto;
  border-top:1px solid #ebe6e1;
}

.adh-site-product{
  padding:72px 0 80px;
}

.adh-site-section-heading{
  max-width:850px;
  margin-bottom:34px;
}
.adh-site-section-heading.compact{
  margin-bottom:28px;
}
.adh-site-section-heading h2,
.adh-site-how h2,
.adh-site-private h2,
.adh-site-account h2{
  margin:10px 0 0;
  color:#252830;
  font-size:clamp(36px,4.4vw,62px);
  line-height:1.03;
  letter-spacing:-.05em;
}
.adh-site-section-heading p,
.adh-site-how-copy p,
.adh-site-private p,
.adh-site-account-copy p{
  max-width:720px;
  color:#767d88;
  font-size:14px;
  line-height:1.65;
}

.adh-site-product .adh-real-preview-wrap{
  width:100%;
  margin:34px 0 0;
}
.adh-site-product .adh-real-preview{
  transform:none !important;
  box-shadow:0 22px 60px rgba(43,31,70,.09);
}

.adh-site-how{
  padding:56px 0;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);
  gap:70px;
  align-items:center;
}

.adh-site-how-copy{
  max-width:560px;
}

.adh-site-flow{
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid #e4dfe5;
  border-radius:16px;
  background:#f7f5f6;
}
.adh-site-flow span{
  min-height:62px;
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  border-radius:11px;
  background:#fff;
  color:#585f6b;
  font-size:10px;
  font-weight:850;
}
.adh-site-flow b{
  color:#7548b4;
  font-size:8px;
}
.adh-site-flow i{
  color:#a29aa7;
  font-style:normal;
}

.adh-site-tools{
  padding:64px 0 74px;
}

.adh-site-tool-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.adh-site-tool-grid article{
  min-height:145px;
  padding:22px;
  display:flex;
  gap:13px;
  border:1px solid #e7e2dd;
  border-radius:15px;
  background:#fff;
}
.adh-site-tool-grid article>span{
  width:34px;
  height:34px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#efe9f7;
  color:#6840aa;
  font-weight:900;
}
.adh-site-tool-grid h3{
  margin:1px 0 7px;
  color:#252930;
  font-size:17px;
  letter-spacing:-.025em;
}
.adh-site-tool-grid p{
  margin:0;
  color:#7b828d;
  font-size:12px;
  line-height:1.6;
}

.adh-site-private{
  padding:52px 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
}
.adh-site-private h2{
  font-size:clamp(34px,4vw,54px);
}
.adh-site-private p:first-child{
  margin-top:0;
}

.adh-site-account{
  padding:72px 0 86px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,480px);
  gap:clamp(55px,8vw,120px);
  align-items:center;
}

.adh-site-account-copy{
  max-width:650px;
}
.adh-site-mantra{
  margin-top:20px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.adh-site-mantra span{
  padding:7px 10px;
  border-radius:999px;
  background:#f1edf5;
  color:#6f5a83;
  font-size:9px;
  font-weight:850;
}

.adh-site-auth-card{
  padding:28px;
  border:1px solid #dfd9e5;
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 50px rgba(48,39,62,.08);
}
.adh-site-auth-card>#authHeading{
  margin:8px 0 6px;
  font-size:30px;
}
.adh-site-auth-card>#authSubcopy{
  margin:0;
  color:#7a818d;
  font-size:12px;
  line-height:1.55;
}

.adh-site-footer{
  min-height:100px;
  padding:0 clamp(24px,4vw,56px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #ebe6e1;
  color:#8b919a;
  font-size:10px;
}
.adh-site-footer>div{
  display:flex;
  align-items:center;
  gap:9px;
}
.adh-site-footer strong{
  color:#2b2e35;
}

@media(max-width:980px){
  .adh-site-links{display:none}
  .adh-site-nav{grid-template-columns:1fr auto}
  .adh-site-hero{
    grid-template-columns:1fr;
    padding-top:70px;
  }
  .adh-site-hero-note{
    max-width:720px;
  }
  .adh-site-how{
    grid-template-columns:1fr;
    gap:30px;
  }
  .adh-site-tool-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:720px){
  .adh-site-nav{
    height:66px;
    padding:0 15px;
  }
  .adh-site-brand small,
  .adh-site-login{
    display:none;
  }
  .adh-site-hero,
  .adh-site-product,
  .adh-site-how,
  .adh-site-tools,
  .adh-site-private,
  .adh-site-account{
    width:calc(100% - 30px);
  }
  .adh-site-hero{
    padding:54px 0 42px;
  }
  .adh-site-hero h1{
    font-size:clamp(48px,15vw,68px);
  }
  .adh-site-hero-copy>p{
    font-size:16px;
  }
  .adh-site-product{
    padding:52px 0 58px;
  }
  .adh-site-how{
    padding:45px 0;
  }
  .adh-site-flow{
    align-items:stretch;
    flex-direction:column;
  }
  .adh-site-flow i{
    transform:rotate(90deg);
    align-self:center;
  }
  .adh-site-tool-grid{
    grid-template-columns:1fr;
  }
  .adh-site-private,
  .adh-site-account{
    grid-template-columns:1fr;
    gap:32px;
  }
  .adh-site-footer{
    padding:22px 15px;
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
}

@media(prefers-color-scheme:dark){
  .adh-home-continuous{
    background:#181a1f;
    color:#eef0f3;
  }
  .adh-site-nav{
    border-color:#2d3037;
    background:rgba(24,26,31,.91);
  }
  .adh-site-brand small,
  .adh-site-links a,
  .adh-site-login,
  .adh-site-hero-copy>p,
  .adh-site-section-heading p,
  .adh-site-how-copy p,
  .adh-site-private p,
  .adh-site-account-copy p{
    color:#9da4ae;
  }
  .adh-site-hero h1,
  .adh-site-section-heading h2,
  .adh-site-how h2,
  .adh-site-private h2,
  .adh-site-account h2,
  .adh-site-tool-grid h3,
  .adh-site-footer strong{
    color:#f2f3f5;
  }
  .adh-site-hero-note,
  .adh-site-flow,
  .adh-site-tool-grid article,
  .adh-site-auth-card{
    border-color:#343740;
    background:#22252b;
  }
  .adh-site-hero-note h2{
    color:#f0eef3;
  }
  .adh-site-hero-note p,
  .adh-site-tool-grid p{
    color:#a2a8b1;
  }
  .adh-site-flow span{
    background:#1d2025;
    color:#c4c8cf;
  }
  .adh-site-product,
  .adh-site-how,
  .adh-site-tools,
  .adh-site-private,
  .adh-site-account,
  .adh-site-footer{
    border-color:#2d3037;
  }
}



/* =========================================================
   Colorful homepage refresh
   Continuous, more expressive homepage with beta-style info sections.
   ========================================================= */

.adh-home-colorful{
  display:block;
  padding:0;
  overflow:auto;
  background:
    radial-gradient(circle at 0% 0%, rgba(165,136,255,.12), transparent 28%),
    radial-gradient(circle at 100% 12%, rgba(81,208,226,.12), transparent 25%),
    linear-gradient(180deg,#fcfbff 0%,#faf8f5 38%,#f8f7fb 100%);
  color:#202430;
}

.adhplus-shell{
  min-height:100vh;
}

.adhplus-nav{
  position:sticky;
  top:0;
  z-index:40;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
  min-height:74px;
  padding:0 clamp(18px,4vw,56px);
  border-bottom:1px solid rgba(87,74,102,.08);
  background:rgba(252,251,255,.82);
  backdrop-filter:blur(18px);
}

.adhplus-brand{
  display:flex;
  align-items:center;
  gap:10px;
  color:inherit;
  text-decoration:none;
}
.adhplus-brand-copy{
  display:flex;
  flex-direction:column;
}
.adhplus-brand strong{font-size:17px;}
.adhplus-brand small{
  color:#858b97;
  font-size:9px;
  font-weight:700;
}

.adhplus-links{
  display:flex;
  justify-content:center;
  gap:24px;
}
.adhplus-links a,
.adhplus-login{
  color:#616875;
  font-size:11px;
  font-weight:850;
  text-decoration:none;
}

.adhplus-actions{
  display:flex;
  align-items:center;
  gap:14px;
}
.adhplus-cta,
.adhplus-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:12px;
  background:linear-gradient(135deg,#7347d6,#8f60ff);
  box-shadow:0 12px 28px rgba(111,71,194,.22);
  color:#fff;
  font-size:11px;
  font-weight:850;
  text-decoration:none;
}

.adhplus-loading{
  min-height:calc(100vh - 74px);
}
.adhplus-content{width:100%;}
.adhplus-main{
  width:min(1500px,calc(100% - 44px));
  margin:0 auto;
}

.adhplus-kicker{
  display:block;
  color:#7a55d8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}

.adhplus-hero{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);
  gap:clamp(40px,6vw,78px);
  padding:82px 0 36px;
  align-items:center;
}
.adhplus-hero-copy h1{
  margin:14px 0 18px;
  font-size:clamp(56px,7vw,94px);
  line-height:.95;
  letter-spacing:-.065em;
  color:#212531;
}
.adhplus-hero-copy p{
  max-width:660px;
  margin:0;
  color:#737b88;
  font-size:18px;
  line-height:1.65;
}
.adhplus-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}
.adhplus-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border:1px solid #ddd7ec;
  border-radius:12px;
  background:#fff;
  color:#5a6170;
  font-size:11px;
  font-weight:850;
  text-decoration:none;
}
.adhplus-proof{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}
.adhplus-proof span{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  border:1px solid #ebe6f3;
  color:#707886;
  font-size:10px;
  font-weight:850;
}

.adhplus-hero-visual{
  display:grid;
  gap:16px;
}
.adhplus-visual-board{
  position:relative;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:14px;
  padding:18px;
  border:1px solid #e8e2ef;
  border-radius:26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(129,209,224,.22), transparent 28%),
    radial-gradient(circle at 0% 100%, rgba(255,184,117,.18), transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,246,252,.96));
  box-shadow:0 22px 60px rgba(52,40,78,.08);
}
.adhplus-visual-card{
  border-radius:20px;
  border:1px solid rgba(126,111,148,.12);
  background:#fff;
}
.adhplus-visual-card-main{
  grid-row:1 / span 2;
  padding:24px;
  background:linear-gradient(160deg,#7c5ce2 0%,#6f8aff 50%,#7fd1dd 100%);
  color:#fff;
}
.adhplus-visual-card-main span{
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
  opacity:.78;
}
.adhplus-visual-card-main strong{
  display:block;
  margin-top:14px;
  font-size:32px;
  line-height:1.02;
  letter-spacing:-.045em;
}
.adhplus-visual-card-main p{
  margin:12px 0 0;
  color:rgba(255,255,255,.86);
  font-size:13px;
}
.adhplus-visual-track{
  display:flex;
  gap:8px;
  margin-top:30px;
}
.adhplus-visual-track i{
  display:block;
  width:30px;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.28);
}
.adhplus-visual-track i.active{background:#fff;}

.adhplus-visual-card-small{
  padding:18px;
}
.adhplus-visual-card-small b{
  color:#7b7387;
  font-size:8px;
  letter-spacing:.15em;
}
.adhplus-visual-card-small strong{
  display:block;
  margin-top:8px;
  color:#272c35;
  font-size:18px;
  line-height:1.08;
}
.adhplus-visual-card-small small{
  display:block;
  margin-top:8px;
  color:#7f8691;
  font-size:11px;
  line-height:1.5;
}
.adhplus-visual-card-small.lilac{background:#f2ecff;}
.adhplus-visual-card-small.aqua{background:#eaf9fb;}
.adhplus-energy-dots{
  display:flex;
  gap:8px;
  margin-top:10px;
}
.adhplus-energy-dots span{
  width:14px;
  height:14px;
  border-radius:50%;
  background:#c2cdd8;
}
.adhplus-energy-dots span.on{background:#5cc6b8;}

.adhplus-name-card{
  padding:24px 26px;
  border:1px solid #e6e1eb;
  border-radius:22px;
  background:linear-gradient(180deg,#fff6fb,#ffffff);
}
.adhplus-name-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin:14px 0 16px;
  color:#8b8095;
  font-size:16px;
}
.adhplus-old-name{
  text-decoration:line-through;
  text-decoration-thickness:2px;
  text-decoration-color:#8a5ed8;
}
.adhplus-name-row strong{
  color:#6e46c3;
  font-size:21px;
}
.adhplus-name-card h2{
  margin:0;
  color:#282d34;
  font-size:28px;
  line-height:1.1;
  letter-spacing:-.04em;
}
.adhplus-name-card p{
  margin:12px 0 0;
  color:#76707c;
  font-size:13px;
  line-height:1.65;
}

.adhplus-section-heading{
  max-width:860px;
  margin-bottom:26px;
}
.adhplus-section-heading.wide{max-width:1000px;}
.adhplus-section-heading h2,
.adhplus-private-copy h2,
.adhplus-account-copy h2{
  margin:10px 0 0;
  color:#232732;
  font-size:clamp(36px,4.4vw,62px);
  line-height:1.03;
  letter-spacing:-.055em;
}
.adhplus-section-heading p,
.adhplus-private-copy p,
.adhplus-account-copy p{
  margin-top:14px;
  color:#757c88;
  font-size:14px;
  line-height:1.68;
}

.adhplus-story,
.adhplus-product,
.adhplus-features,
.adhplus-private,
.adhplus-account{
  padding:48px 0 12px;
}

.adhplus-bento{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  gap:14px;
}
.adhplus-bento-card{
  padding:22px;
  border:1px solid rgba(110,93,139,.12);
  border-radius:22px;
  box-shadow:0 14px 34px rgba(41,33,61,.05);
}
.adhplus-bento-card.big{grid-column:span 1;}
.adhplus-bento-card.lilac{background:linear-gradient(180deg,#f2edff,#fbf9ff);}
.adhplus-bento-card.peach{background:linear-gradient(180deg,#fff0e6,#fff9f4);}
.adhplus-bento-card.aqua{background:linear-gradient(180deg,#e9fbff,#f8feff);}
.adhplus-bento-card.gold{background:linear-gradient(180deg,#fff7da,#fffdf3);}
.adhplus-card-head{
  display:flex;
  align-items:center;
  gap:10px;
}
.adhplus-card-head span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(255,255,255,.72);
  color:#6f48c7;
  font-size:10px;
  font-weight:900;
}
.adhplus-card-head strong{
  color:#575f6c;
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.adhplus-bento-card h3{
  margin:18px 0 10px;
  color:#262b33;
  font-size:24px;
  line-height:1.12;
  letter-spacing:-.03em;
}
.adhplus-bento-card p,
.adhplus-bento-card li{
  color:#717987;
  font-size:13px;
  line-height:1.65;
}
.adhplus-bento-card ul{
  margin:14px 0 0;
  padding-left:18px;
}
.adhplus-mini-ribbon{
  display:inline-flex;
  margin-top:16px;
  padding:9px 12px;
  border-radius:999px;
  background:#fff;
  color:#7149cb;
  font-size:10px;
  font-weight:850;
}
.adhplus-mini-flow{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin-top:16px;
}
.adhplus-mini-flow span{
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  color:#6f7580;
  font-size:10px;
  font-weight:850;
}
.adhplus-mini-flow i{
  font-style:normal;
  color:#9b90a4;
}
.adhplus-energy-strip{
  display:flex;
  gap:8px;
  margin-top:16px;
}
.adhplus-energy-strip span{
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  color:#7c8592;
  font-size:10px;
  font-weight:850;
}
.adhplus-energy-strip .selected{
  background:#5cc6b8;
  color:#fff;
}

.adhplus-product-layout{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);
  gap:18px;
  align-items:start;
}
.adhplus-product-preview{
  min-width:0;
}
.adhplus-product-preview .adh-real-preview-wrap{margin-top:0;width:100%;}
.adhplus-product-preview .adh-real-preview{transform:none !important; box-shadow:0 24px 58px rgba(47,37,70,.1);}
.adhplus-product-notes{
  display:grid;
  gap:12px;
}
.adhplus-note-card{
  display:flex;
  gap:12px;
  padding:18px;
  border:1px solid rgba(110,93,139,.12);
  border-radius:18px;
  box-shadow:0 14px 34px rgba(41,33,61,.05);
}
.adhplus-note-card.lilac{background:#f4efff;}
.adhplus-note-card.aqua{background:#edfafd;}
.adhplus-note-card.peach{background:#fff2ea;}
.adhplus-note-card>span{
  width:34px;
  height:34px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#fff;
  color:#6f49cb;
  font-weight:900;
}
.adhplus-note-card strong{
  color:#292d35;
  font-size:17px;
}
.adhplus-note-card p{
  margin:7px 0 0;
  color:#737b87;
  font-size:12px;
  line-height:1.6;
}

.adhplus-feature-rows{
  display:grid;
  gap:16px;
}
.adhplus-feature-row{
  display:grid;
  grid-template-columns:minmax(350px,.9fr) minmax(0,1.1fr);
  gap:26px;
  align-items:center;
  padding:22px;
  border:1px solid #e9e3ee;
  border-radius:24px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 40px rgba(43,35,62,.05);
}
.adhplus-feature-row.reverse{
  grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);
}
.adhplus-feature-row.reverse .adhplus-feature-graphic{order:2;}
.adhplus-feature-row.reverse .adhplus-feature-copy{order:1;}

.adhplus-feature-graphic{
  position:relative;
  min-height:220px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(102,85,130,.1);
}
.adhplus-feature-graphic.lilac{background:linear-gradient(180deg,#efe8ff,#fcfaff);}
.adhplus-feature-graphic.aqua{background:linear-gradient(180deg,#e8fbff,#f8feff);}
.adhplus-feature-graphic.gold{background:linear-gradient(180deg,#fff7d6,#fffdf2);}
.adhplus-graphic-box{
  position:absolute;
  left:24px;
  right:44px;
  height:26px;
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 18px rgba(46,40,62,.07);
}
.adhplus-graphic-box.large{top:42px; right:90px; height:30px;}
.adhplus-graphic-box:nth-child(2){top:92px;}
.adhplus-graphic-box.short{top:142px; right:120px;}
.adhplus-graphic-caption{
  position:absolute;
  left:24px;
  bottom:22px;
  color:#6d7380;
  font-size:11px;
  font-weight:850;
}
.adhplus-focus-orb{
  position:absolute;
  top:34px;
  left:26px;
  width:118px;
  height:118px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #fff, #80dbe1 35%, #6d59e9 100%);
  box-shadow:0 18px 42px rgba(59,86,146,.24);
}
.adhplus-focus-panel{
  position:absolute;
  right:26px;
  top:34px;
  min-width:148px;
  min-height:128px;
  padding:20px;
  border-radius:22px;
  background:#fff;
  color:#58606d;
  font-size:26px;
  font-weight:900;
  letter-spacing:.08em;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
}
.adhplus-focus-chip{
  position:absolute;
  left:28px;
  padding:9px 12px;
  border-radius:999px;
  background:#fff;
  color:#6d7784;
  font-size:10px;
  font-weight:850;
}
.adhplus-focus-chip:nth-of-type(3){bottom:58px;}
.adhplus-focus-chip:nth-of-type(4){bottom:20px; left:150px;}
.adhplus-path-line{
  position:absolute;
  left:46px;
  right:46px;
  top:108px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#f3a75b,#7a58db,#61cbb2);
}
.adhplus-path-step{
  position:absolute;
  top:78px;
  padding:10px 12px;
  border-radius:999px;
  background:#fff;
  color:#69717d;
  font-size:10px;
  font-weight:850;
  box-shadow:0 10px 18px rgba(46,40,62,.07);
}
.adhplus-path-step:nth-of-type(2){left:22px;}
.adhplus-path-step:nth-of-type(3){left:150px;}
.adhplus-path-step:nth-of-type(4){right:22px;}

.adhplus-feature-copy h3{
  margin:10px 0 12px;
  color:#252932;
  font-size:32px;
  line-height:1.06;
  letter-spacing:-.04em;
}
.adhplus-feature-copy p{
  margin:0;
  color:#757d89;
  font-size:14px;
  line-height:1.7;
}

.adhplus-private{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(300px,1.05fr);
  gap:26px;
  align-items:center;
}
.adhplus-private-badges{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.adhplus-private-badges span,
.adhplus-mantra span{
  padding:10px 13px;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
}
.adhplus-private-badges span:nth-child(1){background:#efe9ff;color:#6a47bc;}
.adhplus-private-badges span:nth-child(2){background:#ebfbff;color:#27849b;}
.adhplus-private-badges span:nth-child(3){background:#fff0e8;color:#cf6d3a;}
.adhplus-private-badges span:nth-child(4){background:#fff8de;color:#9a7a1c;}

.adhplus-account{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,490px);
  gap:clamp(45px,7vw,100px);
  align-items:center;
  padding-bottom:70px;
}
.adhplus-mantra{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:20px;
}
.adhplus-mantra span:nth-child(1){background:#efe9ff;color:#6a47bc;}
.adhplus-mantra span:nth-child(2){background:#ebfbff;color:#2b8197;}
.adhplus-mantra span:nth-child(3){background:#fff1e8;color:#cc6b3a;}

.adhplus-auth-card{
  padding:28px;
  border:1px solid #e2dced;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(252,250,255,.98));
  box-shadow:0 22px 56px rgba(47,37,70,.09);
}
.adhplus-auth-card>#authHeading{
  margin:8px 0 6px;
  font-size:30px;
}
.adhplus-auth-card>#authSubcopy{
  margin:0;
  color:#7b818d;
  font-size:12px;
  line-height:1.55;
}

.adhplus-footer{
  width:min(1500px,calc(100% - 44px));
  margin:0 auto;
  min-height:94px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-top:1px solid #ebe5f0;
  color:#89909a;
  font-size:10px;
}
.adhplus-footer>div{
  display:flex;
  align-items:center;
  gap:10px;
}
.adhplus-footer strong{color:#2b2f38;}

@media (max-width: 1120px){
  .adhplus-links{display:none;}
  .adhplus-hero,
  .adhplus-product-layout,
  .adhplus-private,
  .adhplus-account{
    grid-template-columns:1fr;
  }
  .adhplus-bento{grid-template-columns:1fr 1fr;}
  .adhplus-feature-row,
  .adhplus-feature-row.reverse{
    grid-template-columns:1fr;
  }
  .adhplus-feature-row.reverse .adhplus-feature-graphic,
  .adhplus-feature-row.reverse .adhplus-feature-copy{
    order:initial;
  }
}

@media (max-width: 780px){
  .adhplus-nav{
    grid-template-columns:1fr auto;
    min-height:68px;
    padding:0 14px;
  }
  .adhplus-login,
  .adhplus-brand small{display:none;}
  .adhplus-main,
  .adhplus-footer{width:calc(100% - 28px);}
  .adhplus-hero{
    grid-template-columns:1fr;
    gap:28px;
    padding:56px 0 26px;
  }
  .adhplus-hero-copy h1{font-size:clamp(46px,15vw,70px);}
  .adhplus-hero-copy p{font-size:16px;}
  .adhplus-visual-board{grid-template-columns:1fr;}
  .adhplus-visual-card-main{grid-row:auto;}
  .adhplus-bento{grid-template-columns:1fr;}
  .adhplus-feature-graphic{min-height:200px;}
  .adhplus-feature-copy h3{font-size:28px;}
  .adhplus-footer{
    padding:18px 0 26px;
    min-height:auto;
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (prefers-color-scheme: dark){
  .adh-home-colorful{
    background:
      radial-gradient(circle at 0% 0%, rgba(129,103,217,.16), transparent 25%),
      radial-gradient(circle at 100% 12%, rgba(63,158,171,.18), transparent 22%),
      linear-gradient(180deg,#171920 0%,#14161b 100%);
    color:#eef1f4;
  }
  .adhplus-nav{
    border-color:#2d3138;
    background:rgba(20,22,27,.82);
  }
  .adhplus-links a,
  .adhplus-login,
  .adhplus-brand small,
  .adhplus-hero-copy p,
  .adhplus-section-heading p,
  .adhplus-private-copy p,
  .adhplus-account-copy p,
  .adhplus-feature-copy p,
  .adhplus-note-card p,
  .adhplus-bento-card p,
  .adhplus-bento-card li{
    color:#a5acb6;
  }
  .adhplus-hero-copy h1,
  .adhplus-name-card h2,
  .adhplus-section-heading h2,
  .adhplus-private-copy h2,
  .adhplus-account-copy h2,
  .adhplus-bento-card h3,
  .adhplus-note-card strong,
  .adhplus-feature-copy h3,
  .adhplus-footer strong{
    color:#f1f3f5;
  }
  .adhplus-visual-board,
  .adhplus-name-card,
  .adhplus-bento-card,
  .adhplus-note-card,
  .adhplus-feature-row,
  .adhplus-auth-card{
    border-color:#343944;
    box-shadow:none;
  }
  .adhplus-name-card,
  .adhplus-feature-row,
  .adhplus-auth-card{background:#1f2229;}
  .adhplus-visual-card,
  .adhplus-visual-card-small,
  .adhplus-mini-ribbon,
  .adhplus-mini-flow span,
  .adhplus-energy-strip span,
  .adhplus-note-card>span,
  .adhplus-focus-panel,
  .adhplus-focus-chip,
  .adhplus-path-step,
  .adhplus-graphic-box,
  .adhplus-proof span{
    background:#242832;
    color:#dbe0e6;
    border-color:#343944;
  }
  .adhplus-proof span{border:1px solid #343944;}
  .adhplus-visual-card-small strong,
  .adhplus-focus-panel{color:#eef2f5;}
  .adhplus-feature-graphic.lilac{background:linear-gradient(180deg,#2a2238,#1e2027);}
  .adhplus-feature-graphic.aqua{background:linear-gradient(180deg,#1f3135,#1e2027);}
  .adhplus-feature-graphic.gold{background:linear-gradient(180deg,#37311f,#1e2027);}
  .adhplus-bento-card.lilac{background:linear-gradient(180deg,#29223a,#1f2229);}
  .adhplus-bento-card.peach{background:linear-gradient(180deg,#33251f,#1f2229);}
  .adhplus-bento-card.aqua{background:linear-gradient(180deg,#203137,#1f2229);}
  .adhplus-bento-card.gold{background:linear-gradient(180deg,#35301f,#1f2229);}
  .adhplus-note-card.lilac{background:#29223a;}
  .adhplus-note-card.aqua{background:#203137;}
  .adhplus-note-card.peach{background:#33251f;}
  .adhplus-footer{border-color:#2d3138;color:#9da4ae;}
}

/* =========================================================
   ADHBrain Interior — Colorful Calm
   VISUAL SKIN ONLY.
   No layout, order, spacing, or behavior changes.
   ========================================================= */

/* Overall interior atmosphere */
#appMain{
  background:
    radial-gradient(circle at 7% 7%, rgba(132,92,218,.10), transparent 25%),
    radial-gradient(circle at 92% 18%, rgba(83,197,211,.09), transparent 24%),
    radial-gradient(circle at 82% 84%, rgba(239,171,110,.08), transparent 26%),
    linear-gradient(180deg,#fbfaff 0%,#faf9f6 48%,#f9f8fb 100%) !important;
}

/* Header gets more of the homepage personality */
#appMain .top-header{
  background:
    linear-gradient(135deg,rgba(255,255,255,.76),rgba(248,244,255,.72)) !important;
  border-color:rgba(121,91,181,.14) !important;
  box-shadow:
    0 14px 36px rgba(61,48,84,.08),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

#appMain .brand-mark{
  background:linear-gradient(145deg,#6e45cf,#7f68e9 58%,#68bfd0) !important;
  box-shadow:0 8px 20px rgba(101,70,196,.22) !important;
}

#appMain .encouragement-card{
  background:linear-gradient(135deg,#faf7ff,#f6fbff) !important;
  border-color:rgba(113,89,165,.16) !important;
}

#appMain .encouragement-card .star-wrap{
  background:linear-gradient(145deg,#efe6ff,#e9f8fb) !important;
  color:#6d42c3 !important;
}

/* Greeting actions */
#appMain .what-now{
  background:
    linear-gradient(135deg,#f5efff 0%,#eef7ff 100%) !important;
  border-color:rgba(106,70,189,.22) !important;
  box-shadow:0 10px 28px rgba(85,57,135,.09) !important;
}

#appMain .welcome-action-icon{
  background:linear-gradient(145deg,#6d42c8,#7a5ce4 60%,#63bccb) !important;
  box-shadow:0 6px 15px rgba(101,68,190,.20);
}

#appMain .overwhelm-button{
  background:linear-gradient(135deg,#fff8f7,#fff3ec) !important;
  border-color:rgba(213,139,105,.18) !important;
}

#appMain .overwhelm-button:hover{
  background:linear-gradient(135deg,#fff5f3,#ffede6) !important;
  border-color:rgba(213,139,105,.28) !important;
}

/* Adaptive Day */
#appMain .adaptive-day-strip{
  background:
    linear-gradient(110deg,#f7f2ff 0%,#f3f8ff 47%,#effaf8 100%) !important;
  border-color:rgba(105,76,170,.18) !important;
  box-shadow:0 10px 28px rgba(70,52,103,.06) !important;
}

#appMain .adaptive-day-strip::before{
  background:linear-gradient(180deg,#7e52d6,#63c3c3) !important;
}

#appMain .adaptive-day-mark{
  background:linear-gradient(145deg,#e9ddff,#dcf4f4) !important;
  color:#6c3ec1 !important;
  box-shadow:0 7px 18px rgba(99,67,174,.11);
}

#appMain .adaptive-day-action{
  background:rgba(255,255,255,.88) !important;
  border-color:rgba(108,77,174,.18) !important;
  color:#6133b3 !important;
}

/* Current capacity */
#appMain .overall-energy-card{
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(250,247,255,.92)) !important;
  border-color:rgba(118,91,163,.14) !important;
  box-shadow:0 8px 24px rgba(54,44,73,.05) !important;
}

#appMain .overall-energy-icon{
  background:linear-gradient(145deg,#eee5ff,#e7f7fb) !important;
  color:#6737bc !important;
}

#appMain .overall-energy-choices button[data-overall-energy="low"]:not(.selected){
  background:#f1fbf5 !important;
  border-color:#d7eee0 !important;
}

#appMain .overall-energy-choices button[data-overall-energy="medium"]:not(.selected){
  background:#fff9eb !important;
  border-color:#eee2bf !important;
}

#appMain .overall-energy-choices button[data-overall-energy="high"]:not(.selected){
  background:#f5f0ff !important;
  border-color:#e0d4f5 !important;
}

/* Shared dashboard cards */
#appMain .card{
  box-shadow:
    0 14px 34px rgba(46,38,62,.06),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}

/* NOW — purple/lilac */
#appMain .now-card{
  background:
    linear-gradient(150deg,#ffffff 0%,#fbf8ff 72%,#f4efff 100%) !important;
  border-color:#e5dcf4 !important;
}

#appMain .now-card::before{
  background:linear-gradient(180deg,#7548cf,#9b7be2) !important;
}

#appMain .now-kicker{
  color:#6d40c3 !important;
}

#appMain .now-state-label{
  background:#efe7fb !important;
  color:#6c48a8 !important;
}

#appMain .now-card .focus-button{
  background:linear-gradient(135deg,#6638c6,#7a51de) !important;
  box-shadow:0 7px 16px rgba(102,56,198,.18);
}

/* TOP 3 — cool aqua/mint */
#appMain .tasks-card{
  background:
    linear-gradient(150deg,#ffffff 0%,#f8fdfd 76%,#effafa 100%) !important;
  border-color:#dceeee !important;
}

#appMain .top-three-mark{
  background:linear-gradient(145deg,#e4f8f7,#e7f3ff) !important;
  color:#2a8a8a !important;
  box-shadow:0 6px 15px rgba(61,155,155,.10);
}

#appMain .top-three-eyebrow{
  color:#478c8e !important;
}

#appMain .top-three-status{
  background:#eff9f8 !important;
  color:#5f8584 !important;
  border-color:#d9ecea !important;
}

#appMain .task-row:hover{
  background:linear-gradient(90deg,#f9fdfd,#f5fbff) !important;
}

#appMain .task-card-actions{
  border-color:#e4efee !important;
}

/* Time insight — warm gold */
#appMain .insight-card{
  background:
    linear-gradient(150deg,#ffffff 0%,#fffaf0 100%) !important;
  border-color:#efe3c7 !important;
}

#appMain .time-insight-mark{
  background:linear-gradient(145deg,#fff1ca,#fff8e7) !important;
  color:#a87917 !important;
}

#appMain .time-insight-eyebrow{
  color:#9b761f !important;
}

/* Brain Dump — expressive violet + blue */
#appMain .brain-dump-card{
  background:
    linear-gradient(150deg,#ffffff 0%,#faf7ff 58%,#f3f7ff 100%) !important;
  border-color:#e4daf4 !important;
}

#appMain .brain-dump-mark{
  background:linear-gradient(145deg,#eadeff,#e6f1ff) !important;
  color:#6836bd !important;
  box-shadow:0 6px 16px rgba(100,59,183,.11);
}

#appMain .brain-dump-eyebrow{
  color:#7349b1 !important;
}

#appMain .brain-dump-state{
  background:#f1ebfa !important;
  color:#765c96 !important;
}

#appMain .brain-dump-card .brain-input-wrap textarea{
  background:
    linear-gradient(135deg,#fff,#fcfaff) !important;
  border-color:#e3daec !important;
}

#appMain .brain-dump-card .brain-input-wrap textarea:focus{
  border-color:#bca5df !important;
  box-shadow:0 0 0 3px rgba(112,67,190,.08) !important;
}

#appMain .brain-dump-card .smart-capture-btn{
  background:
    linear-gradient(100deg,#f1e8ff 0%,#edf4ff 48%,#eaf9f7 100%) !important;
  border-color:#d4c4ee !important;
  color:#5d2ab7 !important;
  box-shadow:0 7px 18px rgba(82,52,132,.06);
}

#appMain .brain-dump-card .quick-types button:nth-child(1){
  background:#f0faf4 !important;
  border-color:#d8ebdf !important;
}

#appMain .brain-dump-card .quick-types button:nth-child(2){
  background:#fff6eb !important;
  border-color:#f0dfc9 !important;
}

#appMain .brain-dump-card .quick-types button:nth-child(3){
  background:#eef7ff !important;
  border-color:#d9e8f5 !important;
}

#appMain .brain-dump-card .quick-types button:nth-child(4){
  background:#fff9e7 !important;
  border-color:#efe3bb !important;
}

/* Today's plan — warm peach with violet accents */
#appMain .plan-card{
  background:
    linear-gradient(150deg,#ffffff 0%,#fffaf6 64%,#f8f5ff 100%) !important;
  border-color:#eadfd8 !important;
}

#appMain .today-plan-mark{
  background:linear-gradient(145deg,#f6e8ff,#fff0e4) !important;
  color:#7143bc !important;
  box-shadow:0 6px 16px rgba(105,71,159,.09);
}

#appMain .today-plan-eyebrow{
  color:#9b6e58 !important;
}

#appMain .today-plan-status{
  background:#fff3e9 !important;
  border-color:#f0ded0 !important;
  color:#9a684f !important;
}

#appMain .today-plan-head-actions .plan-routines-btn{
  background:#f4f0fb !important;
  border-color:#e2d7f0 !important;
  color:#6944a0 !important;
}

#appMain .today-plan-head-actions .today-plan-add{
  background:#edf7fb !important;
  border-color:#d7e8ee !important;
  color:#387b8b !important;
}

#appMain .today-plan-tools .adjust-row{
  background:linear-gradient(90deg,#f6f0ff,#f0f8ff) !important;
  border-color:#dfd4ef !important;
}

#appMain .today-plan-tools .end-day-row{
  background:linear-gradient(90deg,#eef9f4,#f8fbf4) !important;
  border-color:#d9ebe0 !important;
}

#appMain .today-plan-tool-icon{
  background:#e9dfff !important;
  color:#6b3fc0 !important;
}

#appMain .today-plan-tools .end-day-row .today-plan-tool-icon{
  background:#ddf3e7 !important;
  color:#3e8962 !important;
}

/* Bottom navigation keeps exact placement, just gains more personality */
#appMain .bottom-nav{
  background:rgba(255,255,255,.86) !important;
  border-color:rgba(105,88,129,.13) !important;
  box-shadow:
    0 18px 46px rgba(45,37,59,.12),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  backdrop-filter:blur(20px) saturate(1.08);
}

#appMain .bottom-nav button:not(.nav-plus).active{
  background:linear-gradient(145deg,#f0e8ff,#edf7ff) !important;
  color:#6335bb !important;
}

#appMain .bottom-nav .nav-plus{
  background:linear-gradient(145deg,#7044d0,#7e5be5 56%,#61bcca) !important;
  box-shadow:0 9px 22px rgba(101,69,194,.25) !important;
}

/* Footer remains quiet but coordinated */
#appMain .app-footer-line{
  background:linear-gradient(90deg,transparent,#cfc3df,transparent) !important;
}

/* Dark appearance — same structure, richer color without neon */
html[data-theme="dark"] #appMain{
  background:
    radial-gradient(circle at 7% 7%, rgba(120,88,190,.13), transparent 25%),
    radial-gradient(circle at 92% 18%, rgba(64,143,158,.11), transparent 24%),
    radial-gradient(circle at 82% 84%, rgba(177,112,74,.09), transparent 26%),
    linear-gradient(180deg,#171a20 0%,#15181d 100%) !important;
}

html[data-theme="dark"] #appMain .top-header,
html[data-theme="dark"] #appMain .overall-energy-card,
html[data-theme="dark"] #appMain .card,
html[data-theme="dark"] #appMain .bottom-nav{
  border-color:rgba(154,139,178,.14) !important;
}

html[data-theme="dark"] #appMain .top-header{
  background:linear-gradient(135deg,rgba(26,29,36,.84),rgba(31,27,40,.80)) !important;
}

html[data-theme="dark"] #appMain .now-card{
  background:linear-gradient(150deg,#20232a,#25202e) !important;
}

html[data-theme="dark"] #appMain .tasks-card{
  background:linear-gradient(150deg,#20232a,#1d2b2d) !important;
}

html[data-theme="dark"] #appMain .insight-card{
  background:linear-gradient(150deg,#20232a,#2d291e) !important;
}

html[data-theme="dark"] #appMain .brain-dump-card{
  background:linear-gradient(150deg,#20232a,#282230) !important;
}

html[data-theme="dark"] #appMain .plan-card{
  background:linear-gradient(150deg,#20232a,#2a2424) !important;
}

html[data-theme="dark"] #appMain .adaptive-day-strip{
  background:linear-gradient(110deg,#282233,#232a35,#203130) !important;
}

html[data-theme="dark"] #appMain .overwhelm-button{
  background:linear-gradient(135deg,#2b2325,#302622) !important;
}

html[data-theme="dark"] #appMain .what-now{
  background:linear-gradient(135deg,#292237,#222b37) !important;
}

html[data-theme="dark"] #appMain .brain-dump-card .brain-input-wrap textarea{
  background:#191c22 !important;
  border-color:#3a3542 !important;
}

html[data-theme="dark"] #appMain .bottom-nav{
  background:rgba(27,30,37,.88) !important;
}

/* =========================================================
   WEBSITE DARK MODE — COMPLETE COVERAGE
   Mac/browser version. Visual-only patch.
   ========================================================= */

/* ---------- Public colorful homepage ---------- */
html[data-theme="dark"] .adh-home-colorful{
  background:
    radial-gradient(circle at 0% 0%,rgba(129,103,217,.16),transparent 25%),
    radial-gradient(circle at 100% 12%,rgba(63,158,171,.16),transparent 22%),
    linear-gradient(180deg,#171920 0%,#14161b 100%) !important;
  color:#eef1f4 !important;
}

html[data-theme="dark"] .adhplus-nav{
  background:rgba(20,22,27,.90) !important;
  border-color:#2e323a !important;
}

html[data-theme="dark"] .adhplus-brand,
html[data-theme="dark"] .adhplus-brand strong,
html[data-theme="dark"] .adhplus-hero-copy h1,
html[data-theme="dark"] .adhplus-name-card h2,
html[data-theme="dark"] .adhplus-section-heading h2,
html[data-theme="dark"] .adhplus-private-copy h2,
html[data-theme="dark"] .adhplus-account-copy h2,
html[data-theme="dark"] .adhplus-bento-card h3,
html[data-theme="dark"] .adhplus-note-card strong,
html[data-theme="dark"] .adhplus-feature-copy h3,
html[data-theme="dark"] .adhplus-footer strong{
  color:#f1f3f5 !important;
}

html[data-theme="dark"] .adhplus-brand small,
html[data-theme="dark"] .adhplus-links a,
html[data-theme="dark"] .adhplus-login,
html[data-theme="dark"] .adhplus-hero-copy p,
html[data-theme="dark"] .adhplus-section-heading p,
html[data-theme="dark"] .adhplus-private-copy p,
html[data-theme="dark"] .adhplus-account-copy p,
html[data-theme="dark"] .adhplus-feature-copy p,
html[data-theme="dark"] .adhplus-note-card p,
html[data-theme="dark"] .adhplus-bento-card p,
html[data-theme="dark"] .adhplus-bento-card li,
html[data-theme="dark"] .adhplus-name-card p{
  color:#a7aeb8 !important;
}

html[data-theme="dark"] .adhplus-secondary{
  background:#23272f !important;
  border-color:#3a404b !important;
  color:#d8dde4 !important;
}

html[data-theme="dark"] .adhplus-proof span{
  background:#242832 !important;
  border-color:#343944 !important;
  color:#dbe0e6 !important;
}

html[data-theme="dark"] .adhplus-visual-board{
  background:
    radial-gradient(circle at 100% 0%,rgba(77,154,168,.15),transparent 28%),
    radial-gradient(circle at 0% 100%,rgba(160,102,70,.12),transparent 25%),
    linear-gradient(180deg,#20242b,#1b1f25) !important;
  border-color:#343944 !important;
  box-shadow:none !important;
}

html[data-theme="dark"] .adhplus-visual-card-small,
html[data-theme="dark"] .adhplus-name-card,
html[data-theme="dark"] .adhplus-feature-row,
html[data-theme="dark"] .adhplus-auth-card{
  background:#1f232b !important;
  border-color:#343944 !important;
  box-shadow:none !important;
}

html[data-theme="dark"] .adhplus-visual-card-small.lilac{
  background:#29223a !important;
}
html[data-theme="dark"] .adhplus-visual-card-small.aqua{
  background:#203137 !important;
}

html[data-theme="dark"] .adhplus-visual-card-small strong{
  color:#eef2f5 !important;
}
html[data-theme="dark"] .adhplus-visual-card-small small,
html[data-theme="dark"] .adhplus-visual-card-small b{
  color:#a7aeb8 !important;
}

html[data-theme="dark"] .adhplus-bento-card.lilac{background:linear-gradient(180deg,#29223a,#1f2229)!important}
html[data-theme="dark"] .adhplus-bento-card.peach{background:linear-gradient(180deg,#33251f,#1f2229)!important}
html[data-theme="dark"] .adhplus-bento-card.aqua{background:linear-gradient(180deg,#203137,#1f2229)!important}
html[data-theme="dark"] .adhplus-bento-card.gold{background:linear-gradient(180deg,#35301f,#1f2229)!important}

html[data-theme="dark"] .adhplus-card-head span,
html[data-theme="dark"] .adhplus-mini-ribbon,
html[data-theme="dark"] .adhplus-mini-flow span,
html[data-theme="dark"] .adhplus-energy-strip span,
html[data-theme="dark"] .adhplus-note-card>span,
html[data-theme="dark"] .adhplus-graphic-box,
html[data-theme="dark"] .adhplus-focus-panel,
html[data-theme="dark"] .adhplus-focus-chip,
html[data-theme="dark"] .adhplus-path-step{
  background:#252a33 !important;
  border-color:#383e49 !important;
  color:#dce1e7 !important;
}

html[data-theme="dark"] .adhplus-energy-strip .selected{
  background:#397e74 !important;
  color:#fff !important;
}

html[data-theme="dark"] .adhplus-note-card.lilac{background:#29223a!important}
html[data-theme="dark"] .adhplus-note-card.aqua{background:#203137!important}
html[data-theme="dark"] .adhplus-note-card.peach{background:#33251f!important}

html[data-theme="dark"] .adhplus-feature-graphic.lilac{background:linear-gradient(180deg,#2a2238,#1e2027)!important}
html[data-theme="dark"] .adhplus-feature-graphic.aqua{background:linear-gradient(180deg,#1f3135,#1e2027)!important}
html[data-theme="dark"] .adhplus-feature-graphic.gold{background:linear-gradient(180deg,#37311f,#1e2027)!important}

html[data-theme="dark"] .adhplus-private-badges span:nth-child(1),
html[data-theme="dark"] .adhplus-mantra span:nth-child(1){
  background:#2d2540 !important;
  color:#c7a9f5 !important;
}
html[data-theme="dark"] .adhplus-private-badges span:nth-child(2),
html[data-theme="dark"] .adhplus-mantra span:nth-child(2){
  background:#20343a !important;
  color:#8bc9d5 !important;
}
html[data-theme="dark"] .adhplus-private-badges span:nth-child(3),
html[data-theme="dark"] .adhplus-mantra span:nth-child(3){
  background:#36271f !important;
  color:#e2a17c !important;
}
html[data-theme="dark"] .adhplus-private-badges span:nth-child(4){
  background:#35301f !important;
  color:#d7c16f !important;
}

html[data-theme="dark"] .adhplus-auth-card input,
html[data-theme="dark"] .adhplus-auth-card textarea,
html[data-theme="dark"] .adhplus-auth-card select{
  background:#171b22 !important;
  border-color:#3a414d !important;
  color:#edf1f5 !important;
}
html[data-theme="dark"] .adhplus-auth-card input::placeholder{
  color:#737d8c !important;
}

html[data-theme="dark"] .adhplus-footer{
  border-color:#2d3138 !important;
  color:#9da4ae !important;
}

/* ---------- Logged-in app interior ---------- */
html[data-theme="dark"] #appMain{
  background:
    radial-gradient(circle at 7% 7%,rgba(120,88,190,.13),transparent 25%),
    radial-gradient(circle at 92% 18%,rgba(64,143,158,.11),transparent 24%),
    radial-gradient(circle at 82% 84%,rgba(177,112,74,.09),transparent 26%),
    linear-gradient(180deg,#171a20 0%,#15181d 100%) !important;
  color:#edf1f5 !important;
  color-scheme:dark;
}

html[data-theme="dark"] #appMain .top-header{
  background:linear-gradient(135deg,rgba(26,29,36,.92),rgba(31,27,40,.88)) !important;
  border-color:#343944 !important;
}

html[data-theme="dark"] #appMain .encouragement-card,
html[data-theme="dark"] #appMain .overall-energy-card,
html[data-theme="dark"] #appMain .card,
html[data-theme="dark"] #appMain .bottom-nav{
  border-color:#343b46 !important;
}

html[data-theme="dark"] #appMain .encouragement-card{
  background:linear-gradient(135deg,#242631,#202b32) !important;
}

html[data-theme="dark"] #appMain .what-now{
  background:linear-gradient(135deg,#292237,#222b37) !important;
  border-color:#46385c !important;
}
html[data-theme="dark"] #appMain .overwhelm-button{
  background:linear-gradient(135deg,#2b2325,#302622) !important;
  border-color:#4b3532 !important;
}

html[data-theme="dark"] #appMain .adaptive-day-strip{
  background:linear-gradient(110deg,#282233,#232a35,#203130) !important;
  border-color:#403650 !important;
}

html[data-theme="dark"] #appMain .adaptive-day-action{
  background:#20252d !important;
  border-color:#3b414d !important;
  color:#c9b1ee !important;
}

/* Current Capacity */
html[data-theme="dark"] #appMain .overall-energy-card{
  background:linear-gradient(135deg,#20252d,#252331) !important;
  color:#edf1f5 !important;
}
html[data-theme="dark"] #appMain .overall-energy-icon{
  background:linear-gradient(145deg,#312841,#23363c) !important;
  color:#c4a6f4 !important;
}
html[data-theme="dark"] #appMain .overall-energy-eyebrow{color:#b797e8!important}
html[data-theme="dark"] #appMain .overall-energy-copy strong{color:#eef1f5!important}
html[data-theme="dark"] #appMain .overall-energy-copy small{color:#9aa4b2!important}
html[data-theme="dark"] #appMain .overall-energy-choices button{
  background:#1b2027 !important;
  border-color:#3a414d !important;
  color:#bec7d2 !important;
}
html[data-theme="dark"] #appMain .overall-energy-choices button[data-overall-energy="low"]:not(.selected){
  background:#1b2923 !important;
  border-color:#2d483b !important;
  color:#93c8ad !important;
}
html[data-theme="dark"] #appMain .overall-energy-choices button[data-overall-energy="medium"]:not(.selected){
  background:#2d281d !important;
  border-color:#4a4029 !important;
  color:#d5b975 !important;
}
html[data-theme="dark"] #appMain .overall-energy-choices button[data-overall-energy="high"]:not(.selected){
  background:#292237 !important;
  border-color:#47385d !important;
  color:#c6a8ed !important;
}
html[data-theme="dark"] #appMain .overall-energy-choices button strong{color:inherit!important}
html[data-theme="dark"] #appMain .overall-energy-choices button small{color:#929daa!important}

/* Main dashboard cards */
html[data-theme="dark"] #appMain .now-card{
  background:linear-gradient(150deg,#20232a,#25202e) !important;
}
html[data-theme="dark"] #appMain .tasks-card{
  background:linear-gradient(150deg,#20232a,#1d2b2d) !important;
}
html[data-theme="dark"] #appMain .insight-card{
  background:linear-gradient(150deg,#20232a,#2d291e) !important;
}
html[data-theme="dark"] #appMain .brain-dump-card{
  background:linear-gradient(150deg,#20232a,#282230) !important;
}
html[data-theme="dark"] #appMain .plan-card{
  background:linear-gradient(150deg,#20232a,#2a2424) !important;
}

/* Brain Dump + Sort this out for me */
html[data-theme="dark"] #appMain .brain-dump-card .brain-input-wrap textarea{
  background:#191c22 !important;
  border-color:#3a3542 !important;
  color:#edf1f5 !important;
}
html[data-theme="dark"] #appMain .brain-dump-card .smart-capture-btn{
  background:linear-gradient(100deg,#2b2338,#232d3a 52%,#203331) !important;
  border-color:#4a3a60 !important;
  color:#d5c0f5 !important;
}
html[data-theme="dark"] #appMain .brain-dump-card .smart-capture-btn strong{
  color:#eadfff !important;
}
html[data-theme="dark"] #appMain .brain-dump-card .smart-capture-btn small{
  color:#a9a0b7 !important;
}

/* Buttons/rows that often leaked white */
html[data-theme="dark"] #appMain .task-card-actions,
html[data-theme="dark"] #appMain .today-plan-tools .adjust-row,
html[data-theme="dark"] #appMain .today-plan-tools .end-day-row,
html[data-theme="dark"] #appMain .today-plan-head-actions button,
html[data-theme="dark"] #appMain .quick-types button,
html[data-theme="dark"] #appMain .routine-day-chips button,
html[data-theme="dark"] #appMain .all-tasks-filters button,
html[data-theme="dark"] #appMain .notes-filter-row button,
html[data-theme="dark"] #appMain .task-choice-chips button,
html[data-theme="dark"] #appMain .routine-quiet-btn,
html[data-theme="dark"] #appMain .routine-see-all,
html[data-theme="dark"] #appMain .notes-show-more,
html[data-theme="dark"] #appMain .see-all-tasks{
  background:#20252d !important;
  border-color:#373e49 !important;
  color:#bcc5d0 !important;
}

/* Keep quick types colorful in dark mode */
html[data-theme="dark"] #appMain .quick-types button:nth-child(1){
  background:#1a2c24 !important;border-color:#29483a !important;color:#91cdb0 !important;
}
html[data-theme="dark"] #appMain .quick-types button:nth-child(2){
  background:#30271d !important;border-color:#4b3d29 !important;color:#d5b57a !important;
}
html[data-theme="dark"] #appMain .quick-types button:nth-child(3){
  background:#1c2936 !important;border-color:#2d4358 !important;color:#91b8dc !important;
}
html[data-theme="dark"] #appMain .quick-types button:nth-child(4){
  background:#312c1c !important;border-color:#4a4327 !important;color:#d8c36e !important;
}

/* Modals, panels, account, notes, tasks, routines */
html[data-theme="dark"] #appMain .modal-panel,
html[data-theme="dark"] #appMain .focus-panel,
html[data-theme="dark"] #appMain .quick-add-panel,
html[data-theme="dark"] #appMain .manual-type-panel,
html[data-theme="dark"] #appMain .organizer-panel,
html[data-theme="dark"] #appMain .overwhelm-panel,
html[data-theme="dark"] #appMain .adjust-panel,
html[data-theme="dark"] #appMain .end-day-panel,
html[data-theme="dark"] #appMain .restart-day-panel,
html[data-theme="dark"] #appMain .transition-panel,
html[data-theme="dark"] #appMain .all-tasks-panel,
html[data-theme="dark"] #appMain .notes-hub-panel,
html[data-theme="dark"] #appMain .note-focus-panel,
html[data-theme="dark"] #appMain .notes-panel,
html[data-theme="dark"] #appMain .routines-panel,
html[data-theme="dark"] #appMain .routine-edit-panel,
html[data-theme="dark"] #appMain .routine-focus-panel,
html[data-theme="dark"] #appMain .task-breakdown-panel,
html[data-theme="dark"] #appMain .delete-confirm-panel,
html[data-theme="dark"] #appMain .account-panel,
html[data-theme="dark"] #appMain .password-panel,
html[data-theme="dark"] #appMain .mfa-setup-panel,
html[data-theme="dark"] #appMain .mfa-disable-panel,
html[data-theme="dark"] #appMain .mfa-challenge-panel,
html[data-theme="dark"] #appMain .onboarding-panel,
html[data-theme="dark"] #appMain .week-modal{
  background:#1d2129 !important;
  border-color:#353b46 !important;
  color:#edf1f5 !important;
  box-shadow:0 24px 72px rgba(0,0,0,.34) !important;
}

/* Secondary inner cards/panels */
html[data-theme="dark"] #appMain .quick-add-choice,
html[data-theme="dark"] #appMain .task-choice,
html[data-theme="dark"] #appMain .note-choice,
html[data-theme="dark"] #appMain .plan-choice,
html[data-theme="dark"] #appMain .overwhelm-step-card,
html[data-theme="dark"] #appMain .transition-step-card,
html[data-theme="dark"] #appMain .calm-day-card,
html[data-theme="dark"] #appMain .calm-help-card,
html[data-theme="dark"] #appMain .calm-plan-card,
html[data-theme="dark"] #appMain .calm-plan-overview,
html[data-theme="dark"] #appMain .calm-plan-step-main,
html[data-theme="dark"] #appMain .account-overview-card,
html[data-theme="dark"] #appMain .account-notification-card,
html[data-theme="dark"] #appMain .account-setting-row,
html[data-theme="dark"] #appMain .sync-card,
html[data-theme="dark"] #appMain .identity-card,
html[data-theme="dark"] #appMain .mfa-secret-box,
html[data-theme="dark"] #appMain .mfa-security-note,
html[data-theme="dark"] #appMain .mfa-challenge-account,
html[data-theme="dark"] #appMain .delete-confirm-note,
html[data-theme="dark"] #appMain .restart-day-note,
html[data-theme="dark"] #appMain .end-day-note,
html[data-theme="dark"] #appMain .adjust-note,
html[data-theme="dark"] #appMain .organizer-mode-note,
html[data-theme="dark"] #appMain .focus-resume-note,
html[data-theme="dark"] #appMain .focus-next-piece,
html[data-theme="dark"] #appMain .focus-come-back,
html[data-theme="dark"] #appMain .task-create-subtasks-empty,
html[data-theme="dark"] #appMain .task-create-subtasks-list,
html[data-theme="dark"] #appMain .routine-step-editor,
html[data-theme="dark"] #appMain .routine-days-field,
html[data-theme="dark"] #appMain .plan-status-panel,
html[data-theme="dark"] #appMain .first-run-guide{
  background:#222730 !important;
  border-color:#373e49 !important;
  color:#e9edf3 !important;
}

/* Inputs */
html[data-theme="dark"] #appMain input,
html[data-theme="dark"] #appMain textarea,
html[data-theme="dark"] #appMain select,
html[data-theme="dark"] #appMain .notes-search,
html[data-theme="dark"] #appMain .all-tasks-search,
html[data-theme="dark"] #appMain .note-title-input,
html[data-theme="dark"] #appMain .note-focus-text,
html[data-theme="dark"] #appMain .mfa-code-input{
  background:#171b22 !important;
  color:#edf1f5 !important;
  border-color:#3a414d !important;
  box-shadow:none !important;
}
html[data-theme="dark"] #appMain input::placeholder,
html[data-theme="dark"] #appMain textarea::placeholder{
  color:#737d8c !important;
}
html[data-theme="dark"] #appMain select option{
  background:#171b22 !important;
  color:#edf1f5 !important;
}

/* Generic secondary controls */
html[data-theme="dark"] #appMain .icon-btn,
html[data-theme="dark"] #appMain .secondary-btn,
html[data-theme="dark"] #appMain .auth-forgot,
html[data-theme="dark"] #appMain .note-back-btn,
html[data-theme="dark"] #appMain .calm-plan-toggle{
  background:#242a33 !important;
  border-color:#3a414d !important;
  color:#c7cfda !important;
}

/* Floating focus */
html[data-theme="dark"] #appMain #focusModal.floating-focus-shell .floating-focus-panel{
  background:rgba(27,31,39,.94) !important;
  border-color:#3b424e !important;
  color:#edf1f5 !important;
  box-shadow:0 18px 48px rgba(0,0,0,.32) !important;
}

/* Toolbars / footers / nav */
html[data-theme="dark"] #appMain .all-tasks-toolbar,
html[data-theme="dark"] #appMain .notes-toolbar,
html[data-theme="dark"] #appMain .all-tasks-foot,
html[data-theme="dark"] #appMain .notes-hub-foot,
html[data-theme="dark"] #appMain .routine-focus-foot,
html[data-theme="dark"] #appMain .note-focus-footer{
  background:#1d2129 !important;
  border-color:#343b46 !important;
}

html[data-theme="dark"] #appMain .bottom-nav{
  background:rgba(27,30,37,.92) !important;
  border-color:#343b46 !important;
}

/* Strong text on dark panels */
html[data-theme="dark"] #appMain .modal-panel h1,
html[data-theme="dark"] #appMain .modal-panel h2,
html[data-theme="dark"] #appMain .modal-panel h3,
html[data-theme="dark"] #appMain .modal-panel strong,
html[data-theme="dark"] #appMain .focus-panel strong,
html[data-theme="dark"] #appMain .account-panel strong,
html[data-theme="dark"] #appMain .notes-hub-panel strong,
html[data-theme="dark"] #appMain .all-tasks-panel strong{
  color:#eef1f5 !important;
}

/* Backdrop */
html[data-theme="dark"] #appMain .modal-backdrop{
  background:rgba(5,8,12,.70) !important;
  backdrop-filter:blur(7px) !important;
}

/* =========================================================
   Brain Dump organizer — optional Focus timer
   ========================================================= */
.organizer-focus-choice{
  width:max-content;
  max-width:100%;
  margin-top:8px;
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding:7px 9px;
  border:1px solid #e4dcec;
  border-radius:10px;
  background:linear-gradient(135deg,#faf7ff,#f6fbff);
  cursor:pointer;
}
.organizer-focus-choice input{
  margin-top:2px;
}
.organizer-focus-choice>span{
  display:flex;
  flex-direction:column;
  gap:1px;
}
.organizer-focus-choice strong{
  color:#5e3b93;
  font-size:10px;
}
.organizer-focus-choice small{
  color:#818895;
  font-size:9px;
  line-height:1.35;
}
.now-inline-focus{
  border:0;
  padding:0;
  background:transparent;
  color:#6434bd;
  font:inherit;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:2px;
  cursor:pointer;
}
.untimed-started-button{
  background:linear-gradient(90deg,#4e8e75,#519b80)!important;
  box-shadow:none!important;
  cursor:default!important;
  opacity:.92;
}
html[data-theme="dark"] #appMain .organizer-focus-choice{
  background:linear-gradient(135deg,#292237,#202b34)!important;
  border-color:#443854!important;
}
html[data-theme="dark"] #appMain .organizer-focus-choice strong{
  color:#c9acee!important;
}
html[data-theme="dark"] #appMain .organizer-focus-choice small{
  color:#9aa5b2!important;
}
html[data-theme="dark"] #appMain .now-inline-focus{
  color:#c6a8f0!important;
}

/* =========================================================
   Notes — lightweight formatting + export
   ========================================================= */
.manual-note-editor-field{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.manual-note-editor-label{
  color:#79717e;
  font-size:10px;
  font-weight:800;
}
.note-rich-shell{
  width:100%;
}
.note-format-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  padding:6px;
  border:1px solid #e2dce4;
  border-bottom:0;
  border-radius:12px 12px 0 0;
  background:rgba(255,255,255,.72);
}
.note-format-toolbar button{
  min-height:30px;
  border:1px solid #ded7e4;
  border-radius:8px;
  padding:5px 8px;
  background:#fff;
  color:#5f5966;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.note-format-toolbar button:hover{
  background:#f4effd;
  border-color:#cdbde4;
  color:#5e31a8;
}
.note-rich-editor{
  width:100%;
  min-height:230px;
  border:1px solid #e2dce4;
  border-radius:0 0 14px 14px;
  padding:14px;
  overflow:auto;
  outline:none;
  font:inherit;
  font-size:13px;
  line-height:1.6;
  color:#323b4c;
  background:#fff;
}
.note-rich-editor-compact{
  min-height:130px;
  max-height:280px;
  border-radius:0 0 12px 12px;
}
.note-rich-editor:empty::before{
  content:attr(data-placeholder);
  color:#9a9eaa;
  pointer-events:none;
}
.note-rich-editor:focus{
  border-color:#bda8df;
  box-shadow:0 0 0 3px rgba(105,64,177,.09);
}
.note-rich-editor h2{
  margin:12px 0 6px;
  font-size:18px;
  line-height:1.3;
  color:inherit;
}
.note-rich-editor h3{
  margin:10px 0 5px;
  font-size:15px;
  line-height:1.35;
  color:inherit;
}
.note-rich-editor div,
.note-rich-editor p{
  margin:0 0 7px;
}
.note-rich-editor ul,
.note-rich-editor ol{
  margin:7px 0 9px;
  padding-left:24px;
}
.note-rich-editor li{
  margin:3px 0;
}
.note-focus-format-toolbar{
  margin-top:2px;
}
.note-focus-text.note-rich-editor{
  resize:none;
}
.note-export-slot{
  display:flex;
  justify-content:center;
  align-items:center;
}
#exportNoteBtn{
  min-width:82px;
}
html[data-theme="dark"] #appMain .manual-note-editor-label{
  color:#a7afbb!important;
}
html[data-theme="dark"] #appMain .note-format-toolbar{
  background:#20252d!important;
  border-color:#3a414d!important;
}
html[data-theme="dark"] #appMain .note-format-toolbar button{
  background:#191e25!important;
  border-color:#3b424d!important;
  color:#c7ced8!important;
}
html[data-theme="dark"] #appMain .note-format-toolbar button:hover{
  background:#292337!important;
  border-color:#4e3c65!important;
  color:#c9aff0!important;
}
html[data-theme="dark"] #appMain .note-rich-editor{
  background:#171b22!important;
  border-color:#3a414d!important;
  color:#edf1f5!important;
}
html[data-theme="dark"] #appMain .note-rich-editor:empty::before{
  color:#737d8c!important;
}
html[data-theme="dark"] #appMain .note-rich-editor:focus{
  border-color:#594873!important;
  box-shadow:0 0 0 3px rgba(142,104,199,.10)!important;
}

@media(max-width:620px){
  .note-format-toolbar{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .note-format-toolbar button{
    flex:0 0 auto;
  }
  .note-rich-editor{
    min-height:210px;
  }
  .note-rich-editor-compact{
    min-height:125px;
  }
}

/* =========================================================
   Privacy & Data
   ========================================================= */
.privacy-details-btn{
  margin-top:14px;
  width:max-content;
}
.privacy-details-inline{
  white-space:nowrap;
}
.privacy-settings-stack .account-setting-row{
  align-items:center;
}
.privacy-toggle-btn{
  min-width:58px;
}
.privacy-toggle-btn.selected{
  background:linear-gradient(135deg,#eee7ff,#e5f6f5);
  border-color:#c9b5e7;
  color:#5d3b92;
}
.privacy-danger-row{
  border-color:#efd6d6!important;
  background:linear-gradient(135deg,#fffafa,#fff7f5)!important;
}
.privacy-compliance-note{
  margin:12px 2px 0;
  padding:10px 12px;
  border:1px solid #e8e0d6;
  border-radius:12px;
  background:#fcfaf6;
  color:#777067;
  font-size:10.5px;
  line-height:1.55;
}
.privacy-panel{
  max-width:780px;
}
.privacy-detail-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.privacy-detail-grid section{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:13px;
  border:1px solid #e5dfe8;
  border-radius:14px;
  background:#fff;
}
.privacy-detail-grid strong{
  display:block;
  margin-bottom:4px;
  color:#37313d;
  font-size:12px;
}
.privacy-detail-grid p{
  margin:0;
  color:#7a7480;
  font-size:10.5px;
  line-height:1.5;
}
.privacy-detail-icon{
  flex:0 0 30px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:linear-gradient(145deg,#efe8ff,#e7f5f3);
  color:#65439a;
  font-weight:900;
}
.privacy-hipaa-callout{
  margin-top:12px;
  padding:13px 14px;
  border:1px solid #e5dccb;
  border-radius:14px;
  background:linear-gradient(135deg,#fffaf0,#f9f7ff);
}
.privacy-hipaa-callout strong{
  display:block;
  margin-bottom:4px;
  color:#4c443b;
  font-size:11.5px;
}
.privacy-hipaa-callout p{
  margin:0;
  color:#746d65;
  font-size:10.5px;
  line-height:1.55;
}
.privacy-modal-actions{
  margin-top:14px;
}

html[data-theme="dark"] #appMain .privacy-toggle-btn.selected{
  background:linear-gradient(135deg,#312841,#203536)!important;
  border-color:#514064!important;
  color:#d2baf3!important;
}
html[data-theme="dark"] #appMain .privacy-danger-row{
  background:linear-gradient(135deg,#302124,#2a2221)!important;
  border-color:#58383b!important;
}
html[data-theme="dark"] #appMain .privacy-compliance-note{
  background:#25241f!important;
  border-color:#49453a!important;
  color:#aaa49a!important;
}
html[data-theme="dark"] .privacy-panel{
  background:#1d2129!important;
  border-color:#353b46!important;
  color:#edf1f5!important;
}
html[data-theme="dark"] .privacy-detail-grid section{
  background:#222730!important;
  border-color:#373e49!important;
}
html[data-theme="dark"] .privacy-detail-grid strong{
  color:#eef1f5!important;
}
html[data-theme="dark"] .privacy-detail-grid p{
  color:#9fa8b4!important;
}
html[data-theme="dark"] .privacy-detail-icon{
  background:linear-gradient(145deg,#312841,#23363c)!important;
  color:#c9aff0!important;
}
html[data-theme="dark"] .privacy-hipaa-callout{
  background:linear-gradient(135deg,#2d281f,#27232e)!important;
  border-color:#4b4436!important;
}
html[data-theme="dark"] .privacy-hipaa-callout strong{
  color:#ece5d7!important;
}
html[data-theme="dark"] .privacy-hipaa-callout p{
  color:#aaa49a!important;
}

@media(max-width:700px){
  .privacy-detail-grid{
    grid-template-columns:1fr;
  }
  .privacy-data-section .account-section-head{
    align-items:flex-start;
  }
}

/* =========================================================
   Privacy & Legal Center
   ========================================================= */
.legal-footer-links{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.legal-footer-links button{
  border:0;
  padding:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:11px;
  font-weight:750;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
  opacity:.78;
}
.legal-footer-links button:hover{opacity:1}
.privacy-legal-panel{
  width:min(920px,calc(100vw - 28px));
  max-width:920px;
  max-height:min(88vh,900px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.privacy-legal-head{flex:0 0 auto}
.privacy-legal-tabs{
  flex:0 0 auto;
  display:flex;
  gap:7px;
  padding:0 2px 12px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.privacy-legal-tabs button{
  flex:0 0 auto;
  border:1px solid #e2dce7;
  border-radius:999px;
  background:#fff;
  color:#716a76;
  padding:8px 12px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.privacy-legal-tabs button.selected{
  background:linear-gradient(135deg,#eee7ff,#e5f6f5);
  border-color:#cbbbe1;
  color:#5d3d8f;
}
.privacy-legal-scroll{
  min-height:0;
  overflow:auto;
  padding:2px 3px 8px;
  scrollbar-gutter:stable;
}
.privacy-legal-page{padding:1px 1px 6px}
.privacy-hero-card{
  display:flex;
  gap:13px;
  align-items:flex-start;
  padding:18px;
  border:1px solid #ded5ea;
  border-radius:18px;
  background:linear-gradient(135deg,#faf7ff,#f1fbf8 55%,#fff8ee);
  margin-bottom:12px;
}
.privacy-hero-card h3{
  margin:2px 0 6px;
  font-size:20px;
  color:#37313d;
}
.privacy-hero-card p{
  margin:0;
  color:#6f6973;
  font-size:12px;
  line-height:1.6;
}
.privacy-mini-label{
  display:inline-block;
  color:#856ea5;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}
.privacy-overview-grid{margin-bottom:12px}
.privacy-status-strip{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  padding:12px;
  margin:0 0 12px;
  border:1px solid #e6e0e9;
  border-radius:14px;
  background:#fcfbfd;
}
.privacy-status-strip strong{
  margin-right:3px;
  color:#4a4450;
  font-size:10.5px;
}
.privacy-status-strip span{
  padding:5px 8px;
  border-radius:999px;
  background:#f1edf7;
  color:#6d6177;
  font-size:9.5px;
  font-weight:750;
}
.legal-doc-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
  padding-bottom:12px;
  border-bottom:1px solid #e8e2ea;
}
.legal-doc-heading h3{
  margin:3px 0 0;
  font-size:21px;
  color:#37313d;
}
.legal-doc-heading small{
  color:#8a8490;
  font-size:9.5px;
  text-align:right;
}
.legal-doc-section{
  padding:14px 0;
  border-bottom:1px solid #eee9f0;
}
.legal-doc-section:last-child{border-bottom:0}
.legal-doc-section h4{
  margin:0 0 7px;
  color:#403947;
  font-size:13px;
}
.legal-doc-section p{
  margin:0 0 8px;
  color:#706a75;
  font-size:11.5px;
  line-height:1.65;
}
.legal-doc-section p:last-child{margin-bottom:0}
.privacy-data-table{
  border:1px solid #e5dfe8;
  border-radius:14px;
  overflow:hidden;
}
.privacy-data-row{
  display:grid;
  grid-template-columns:minmax(120px,.9fr) minmax(170px,1.2fr) minmax(170px,1.25fr);
  gap:12px;
  padding:11px 12px;
  border-bottom:1px solid #ece7ee;
  background:#fff;
  color:#6f6874;
  font-size:10.5px;
  line-height:1.5;
}
.privacy-data-row:last-child{border-bottom:0}
.privacy-data-head{
  background:#f8f5fa;
  color:#4a4350;
  font-size:9.5px;
  letter-spacing:.02em;
}
.your-data-list{
  display:grid;
  gap:9px;
}
.your-data-list article{
  display:flex;
  gap:11px;
  padding:13px;
  border:1px solid #e5dfe8;
  border-radius:14px;
  background:#fff;
}
.your-data-list article>span{
  flex:0 0 32px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:linear-gradient(145deg,#efe8ff,#e7f5f3);
  color:#65439a;
  font-weight:900;
}
.your-data-list strong{
  display:block;
  margin-bottom:3px;
  color:#413a47;
  font-size:11.5px;
}
.your-data-list p{
  margin:0;
  color:#77707b;
  font-size:10.5px;
  line-height:1.55;
}
.data-rights-note{
  margin-top:12px;
  padding:14px;
  border:1px solid #dfe6e4;
  border-radius:14px;
  background:#f7fbfa;
}
.data-rights-note strong{
  display:block;
  margin-bottom:4px;
  color:#3c4a47;
  font-size:11.5px;
}
.data-rights-note p{
  margin:0;
  color:#6c7875;
  font-size:10.5px;
  line-height:1.55;
}
.privacy-legal-footer{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:12px;
  border-top:1px solid #e8e2ea;
}
.privacy-legal-footer small{
  color:#8c8690;
  font-size:9.5px;
}

html[data-theme="dark"] .privacy-legal-tabs button{
  background:#20252d!important;
  border-color:#39414c!important;
  color:#b3bbc6!important;
}
html[data-theme="dark"] .privacy-legal-tabs button.selected{
  background:linear-gradient(135deg,#312841,#203536)!important;
  border-color:#554468!important;
  color:#d2baf3!important;
}
html[data-theme="dark"] .privacy-hero-card{
  background:linear-gradient(135deg,#292433,#202f30 55%,#302a21)!important;
  border-color:#3d4049!important;
}
html[data-theme="dark"] .privacy-hero-card h3,
html[data-theme="dark"] .legal-doc-heading h3,
html[data-theme="dark"] .legal-doc-section h4,
html[data-theme="dark"] .your-data-list strong{color:#eef1f5!important}
html[data-theme="dark"] .privacy-hero-card p,
html[data-theme="dark"] .legal-doc-section p,
html[data-theme="dark"] .your-data-list p{color:#a7afba!important}
html[data-theme="dark"] .privacy-status-strip{
  background:#20252d!important;
  border-color:#383f49!important;
}
html[data-theme="dark"] .privacy-status-strip strong{color:#e5e9ee!important}
html[data-theme="dark"] .privacy-status-strip span{
  background:#2c2734!important;
  color:#c4b4d8!important;
}
html[data-theme="dark"] .legal-doc-heading,
html[data-theme="dark"] .legal-doc-section,
html[data-theme="dark"] .privacy-legal-footer{border-color:#363d47!important}
html[data-theme="dark"] .privacy-data-table,
html[data-theme="dark"] .privacy-data-row,
html[data-theme="dark"] .your-data-list article{
  border-color:#373e49!important;
}
html[data-theme="dark"] .privacy-data-row,
html[data-theme="dark"] .your-data-list article{
  background:#222730!important;
  color:#a7afba!important;
}
html[data-theme="dark"] .privacy-data-head{
  background:#272d36!important;
  color:#e1e5eb!important;
}
html[data-theme="dark"] .data-rights-note{
  background:#21302e!important;
  border-color:#354a46!important;
}
html[data-theme="dark"] .data-rights-note strong{color:#dceae6!important}
html[data-theme="dark"] .data-rights-note p{color:#a2b4af!important}

@media(max-width:720px){
  .legal-doc-heading{
    align-items:flex-start;
    flex-direction:column;
  }
  .legal-doc-heading small{text-align:left}
  .privacy-data-row{
    grid-template-columns:1fr;
    gap:5px;
  }
  .privacy-data-head{display:none}
  .privacy-data-row span:first-child{
    color:#4c4552;
    font-weight:850;
  }
  html[data-theme="dark"] .privacy-data-row span:first-child{color:#eef1f5!important}
  .privacy-legal-footer{
    align-items:flex-start;
  }
}


/* User-control hardening */
.privacy-consent-status{
  display:block;
  margin-top:3px;
  color:#8b7c96;
  font-size:9.5px;
  line-height:1.35;
}
.cloud-consent-copy{
  display:grid;
  gap:12px;
}
.cloud-consent-check{
  display:flex!important;
  gap:10px;
  align-items:flex-start;
  padding:13px;
  border:1px solid #e4ddea;
  border-radius:14px;
  background:#fbf9fd;
  color:#5f5964;
  font-size:10.5px;
  line-height:1.55;
  cursor:pointer;
}
.cloud-consent-check input{
  flex:0 0 auto;
  width:18px!important;
  height:18px!important;
  min-height:0!important;
  margin-top:1px;
  accent-color:#6e4aa1;
}
.sensitive-reauth-panel form{
  display:grid;
  gap:12px;
}
html[data-theme="dark"] .privacy-consent-status{color:#9fa8b4!important}
html[data-theme="dark"] .cloud-consent-check{
  border-color:#39414b!important;
  background:#222730!important;
  color:#b4bbc5!important;
}


/* Children/privacy beta gate */
.signup-age-confirm{
  display:flex!important;
  align-items:flex-start;
  gap:10px;
  padding:11px 12px;
  border:1px solid #e3dce8;
  border-radius:13px;
  background:#faf8fc;
  color:#675f6d;
  font-size:10.5px;
  line-height:1.5;
  cursor:pointer;
}
.signup-age-confirm.hidden{display:none!important}
.signup-age-confirm input{
  flex:0 0 auto;
  width:18px!important;
  height:18px!important;
  min-height:0!important;
  margin-top:1px;
  accent-color:#6e4aa1;
}
.child-beta-boundary{margin-bottom:4px}
html[data-theme="dark"] .signup-age-confirm{
  background:#232831!important;
  border-color:#39414b!important;
  color:#b5bdc7!important;
}

.signup-legal-confirm{
  display:flex!important;
  align-items:flex-start;
  gap:10px;
  margin-top:10px;
  padding:11px 12px;
  border:1px solid #ddd5e6;
  border-radius:13px;
  background:#f7f3fb;
  color:#5f5766;
  font-size:10.5px;
  font-weight:600;
  line-height:1.5;
}
.signup-legal-confirm.hidden{display:none!important}
.signup-legal-confirm input{
  flex:0 0 auto;
  width:18px!important;
  height:18px!important;
  min-height:0!important;
  margin-top:1px;
  accent-color:#6e4aa1;
}
.signup-legal-confirm button{
  display:inline;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#5d35a8;
  font:inherit;
  font-weight:800;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
  cursor:pointer;
}
.signup-legal-confirm button:hover{color:#44237e}
.signup-legal-confirm button:focus-visible{
  border-radius:3px;
  outline:2px solid #6e4aa1;
  outline-offset:2px;
}
html[data-theme="dark"] .signup-legal-confirm{
  background:#232831!important;
  border-color:#39414b!important;
  color:#b5bdc7!important;
}
html[data-theme="dark"] .signup-legal-confirm button{color:#cbb4f4}


/* Dedicated forgot-password flow */
.forgot-password-panel form{
  display:grid;
  gap:12px;
}
.forgot-password-help{
  display:grid;
  gap:3px;
  padding:11px 12px;
  border:1px solid #e5dfe8;
  border-radius:13px;
  background:#faf8fc;
}
.forgot-password-help strong{
  color:#4c4552;
  font-size:10.5px;
}
.forgot-password-help small{
  color:#7a7380;
  font-size:9.5px;
  line-height:1.45;
}
html[data-theme="dark"] .forgot-password-help{
  background:#232831!important;
  border-color:#39414b!important;
}
html[data-theme="dark"] .forgot-password-help strong{color:#e8ebef!important}
html[data-theme="dark"] .forgot-password-help small{color:#aab2bd!important}


/* =========================================================
   v1.83.0 — Roomier New Note / New Idea writing editor
   Only note entry expands; task and reminder forms stay compact.
   ========================================================= */
#manualTypeModal .manual-type-panel.manual-note-mode{
  width:min(960px,calc(100vw - 32px))!important;
  max-height:94vh!important;
  padding:clamp(20px,2.4vw,30px)!important;
}

#manualTypeModal .manual-note-mode #manualNoteText{
  min-height:clamp(360px,46vh,580px)!important;
  max-height:none!important;
  padding:18px!important;
  font-size:16px!important;
  line-height:1.65!important;
}

@media(max-width:620px){
  #manualTypeModal .manual-type-panel.manual-note-mode{
    width:100%!important;
    max-height:96vh!important;
    padding:18px!important;
  }

  #manualTypeModal .manual-note-mode #manualNoteText{
    min-height:48vh!important;
    padding:15px!important;
  }
}

/* =========================================================
   Legal/beta disclaimer banner (site-wide, dismissible)
   ========================================================= */
.adh-legal-banner{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  width:100%;
  box-sizing:border-box;
  padding:10px 48px;
  background:var(--navy, #172033);
  color:#f4f2f8;
  font-size:13.5px;
  line-height:1.5;
  text-align:center;
}
.adh-legal-banner p{ margin:0; max-width:900px; }
.adh-legal-banner strong{ color:#fff; }
.adh-legal-banner a{
  color:#c9b8ff;
  text-decoration:underline;
  white-space:nowrap;
  margin-left:4px;
}
.adh-legal-banner a:hover{ color:#fff; }
.adh-legal-banner-dismiss{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  background:none;
  border:none;
  color:#f4f2f8;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  opacity:.7;
  padding:2px 6px;
}
.adh-legal-banner-dismiss:hover{ opacity:1; }
.adh-legal-banner.adh-legal-banner-hidden{ display:none; }

@media (max-width:640px){
  .adh-legal-banner{ padding:10px 40px; font-size:12.5px; }
}