:root{--ink:#17332d;--muted:#6d7f79;--line:#dce6e1;--paper:#f7faf8;--surface:#fff;--sage:#e8f2ed;--teal:#176b5b;--teal-dark:#105346;--blue:#537a98;--danger:#a34848;--radius:16px}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scrollbar-gutter:stable;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #77a99e}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:10px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:30;background:#f1f6f3;flex-direction:column;width:256px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;height:42px;padding:0 8px;font-size:18px;font-weight:760;display:flex}.brand-logo{object-fit:cover;border:1px solid #d6e2dc;border-radius:9px;width:32px;height:32px}.sidebar nav{flex:1;padding-top:24px;overflow:auto}.sidebar nav section{margin-bottom:22px}.sidebar nav h2{color:#80908b;letter-spacing:.13em;text-transform:uppercase;margin:0 12px 7px;font-size:10px}.sidebar button{cursor:pointer;background:0 0;border:0}.sidebar nav button,.sidebar nav a,.sidebar-footer>button,.sidebar-footer>a{color:#586c66;text-align:left;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:41px;padding:8px 11px;font-size:14px;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.sidebar nav button:hover,.sidebar nav a:hover,.sidebar-footer>button:hover,.sidebar-footer>a:hover{color:var(--ink);background:#e6efea}.sidebar nav button.active,.sidebar nav a.active,.sidebar-footer>a.active{color:var(--teal-dark);background:#dcebe4;font-weight:650}.sidebar svg{stroke-width:1.8px;width:18px;height:18px}.count{background:#cadfd5;border-radius:99px;place-items:center;min-width:21px;height:21px;margin-left:auto;padding:0 6px;font-size:11px;display:grid}.beta-badge{color:#4f746a;letter-spacing:.08em;text-transform:uppercase;background:#e7f0ec;border:1px solid #b9d0c7;border-radius:99px;margin-left:auto;padding:2px 6px;font-size:8px;font-weight:800}.sidebar-footer{border-top:1px solid var(--line);padding-top:10px}.profile{grid-template-columns:36px 1fr 18px;align-items:center;gap:9px;padding:12px 7px 0;display:grid}.profile span:not(.avatar){flex-direction:column;min-width:0;font-size:12px;display:flex}.profile small{color:var(--muted);white-space:nowrap}.profile svg{color:var(--muted)}.avatar{color:#fff;cursor:pointer;background:#52776f;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.avatar.small{width:34px;height:34px}.main{min-height:100vh;padding-left:256px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#f7faf8f5;justify-content:space-between;align-items:center;height:68px;padding:0 36px;display:flex;position:sticky;top:0}.topbar-context{gap:2px;display:grid}.topbar-context span{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:750}.topbar-context strong{font-size:14px}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-actions a{text-decoration:none}.global-search{width:min(460px,60vw);height:38px;color:var(--muted);background:#edf3f0;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;padding:0 12px;display:flex}.global-search svg{width:16px}.global-search button{text-align:left;color:var(--muted);cursor:text;background:0 0;border:0;flex:1}kbd{background:#fff;border:1px solid #ccd8d3;border-radius:5px;padding:2px 6px;font:11px ui-monospace,monospace}.topbar>.avatar{position:absolute;right:36px}.page{width:100%;max-width:none;padding:34px clamp(24px,4vw,64px) 100px}.welcome,.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.welcome h1,.page-title h1{margin-bottom:0}.dashboard-welcome{z-index:2;position:relative}.greeting-intro{transform-origin:0}.dashboard-intro .greeting-intro{animation:1s ease-out .12s both friday-greeting-copy,2.35s cubic-bezier(.22,.72,.2,1) both friday-greeting-settle}.greeting-intro h1{letter-spacing:-.045em;font-size:clamp(30px,3.2vw,44px)}.greeting-intro h1 span{font-weight:620}.greeting-intro h1 strong{color:#1d6b5b;font-weight:760}.dashboard-intro .welcome-action{animation:.72s cubic-bezier(.2,.72,.25,1) 1.98s both friday-surface-reveal}.dashboard-intro .dashboard-reveal{animation:.9s cubic-bezier(.2,.72,.25,1) 1.9s both friday-surface-reveal}.overview-intro .sidebar,.overview-intro .topbar{animation:.58s ease-out 1.82s both friday-chrome-reveal}@keyframes friday-greeting-copy{0%{opacity:0;filter:blur(9px);clip-path:inset(0 100% 0 0)}55%{opacity:1;filter:blur(1px)}to{opacity:1;filter:blur();clip-path:inset(0)}}@keyframes friday-greeting-settle{0%,58%{transform:translateY(calc(38vh - 78px))scale(1.025)}to{transform:translateY(0)scale(1)}}@keyframes friday-surface-reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes friday-chrome-reveal{0%{opacity:0}to{opacity:1}}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:8px;font-size:clamp(28px,3vw,38px);line-height:1.15}h2{letter-spacing:-.02em;margin-bottom:6px;font-size:18px}h3{margin:0;font-size:14px}.welcome>div>p:last-child,.page-title>div>p:last-child{color:var(--muted);margin-bottom:0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#6e817b;margin-bottom:8px;font-size:10px;font-weight:750;line-height:1.2}.primary,.secondary{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:650;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.primary{color:#fff;border:1px solid var(--teal);background:var(--teal)}.primary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.secondary{color:var(--ink);background:var(--surface);border:1px solid #cbd9d3}.secondary:hover{background:var(--sage);border-color:#a9c3b8}.secondary.compact,.primary.compact{min-height:34px;padding:0 10px}.primary svg,.secondary svg{width:16px;height:16px}.full{width:100%}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.workspace-form{gap:22px;width:100%;padding:clamp(20px,3vw,30px);display:grid}.workspace-form>label,.workspace-field{color:#526761;gap:8px;font-size:12px;font-weight:650;display:grid}.workspace-form>label>input,.workspace-form>label>textarea,.workspace-field>input,.workspace-field>textarea{width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border:1px solid #c8d8d1;border-radius:10px;padding:0 13px;transition:border-color .15s,background-color .15s}.workspace-form>label>textarea,.workspace-field>textarea{resize:vertical;min-height:92px;padding:12px 13px}.workspace-form>label>input:hover,.workspace-form>label>textarea:hover,.workspace-form>label>input:focus,.workspace-form>label>textarea:focus{background:#fbfdfc;border-color:#91b3a6}.workspace-form>label>input:disabled{color:var(--muted);background:#f1f5f3}.plan-builder-form{margin-bottom:30px}.plan-builder-form>.section-heading{border-top:1px solid var(--line);margin:4px 0 -6px;padding-top:20px}.plan-builder-form>.dialog-actions{border-top:1px solid var(--line);padding-top:8px}.plan-builder-form>.dialog-actions .primary{min-width:130px}.settings-form{margin-bottom:0}.settings-danger{border-color:#ead1d1;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px 24px;display:flex}.settings-danger h2{margin-bottom:4px;font-size:14px}.settings-danger p{color:var(--muted);margin:0;font-size:12px}.settings-skeleton{gap:18px;width:min(1040px,100%);padding:28px;display:grid}.settings-skeleton i{background:#e7eeea;border-radius:10px;width:100%;height:44px;animation:1.2s ease-in-out infinite alternate skeleton-pulse}.detail-skeleton{gap:16px;padding:28px;display:grid}.detail-skeleton i{background:#e7eeea;border-radius:10px;height:44px;animation:1.2s ease-in-out infinite alternate skeleton-pulse}.detail-skeleton i:first-child{width:42%}.detail-skeleton i:nth-child(2){height:130px}.detail-skeleton i:last-child{justify-self:end;width:28%}.template-edit-form,.template-customize-form{margin:20px 0}.template-schema-card{margin-top:20px;padding:24px}.template-schema-card>h2{margin-bottom:18px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);align-items:start;gap:18px;display:grid}.overview-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.overview-grid .today-card{min-height:320px}.quote-panel{isolation:isolate;border-radius:var(--radius);background:#e8efeb url(/images/friday-quote-lake.png) 50%/cover no-repeat;border:1px solid #d7e1dc;flex-direction:column;justify-content:flex-end;min-height:clamp(270px,30vw,340px);padding:clamp(26px,3.5vw,42px);display:flex;position:relative;overflow:hidden}.quote-panel:before{content:"";z-index:-1;background:linear-gradient(105deg,#f4f6f0f2 0%,#f4f6f0c7 52%,#f4f6f02e 100%);position:absolute;inset:0}.quote-panel>svg{color:#47766b;width:24px;height:24px;margin-bottom:22px}.quote-panel blockquote{color:#173b33;letter-spacing:-.025em;max-width:620px;margin:0;font:clamp(25px,2.7vw,38px)/1.22 Georgia,serif}.quote-panel footer{color:#52736b;letter-spacing:.02em;margin-top:18px;font-size:13px;font-weight:700}.overview-grid .projects-card{grid-column:1/-1;min-height:150px}.project-coming{border:1px solid var(--line);text-align:left;cursor:pointer;background:#f9fbfa;border-radius:10px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;width:100%;min-height:66px;margin-top:12px;padding:10px 12px;display:grid}.project-coming:hover{background:var(--sage);border-color:#b8cec5}.project-coming>svg{width:17px;color:var(--teal)}.project-coming span{font-weight:700}.project-coming small{color:var(--muted)}.today-card{padding:24px}.today-card-empty{grid-template-rows:auto 1fr;display:grid}.empty-today-add{min-height:48px;color:var(--teal);cursor:pointer;background:#f5f9f7;border:1px solid #b8cec5;border-radius:12px;place-self:center;align-items:center;gap:10px;padding:0 18px;font-weight:700;display:flex}.empty-today-add:hover{background:#eaf3ef;border-color:#8eb4a5}.empty-today-add span{color:#fff;background:var(--teal);border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.empty-today-add svg{width:15px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.text-button{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:3px;font-size:12px;font-weight:650}.text-button:hover{text-decoration:underline}.plan-summary{color:var(--muted);border-bottom:1px solid var(--line);gap:16px;padding:9px 0 14px;font-size:12px;display:flex}.task-row{border-bottom:1px solid #e9efec;grid-template-columns:26px minmax(0,1fr) auto;align-items:start;gap:10px;min-height:74px;padding:16px 4px;display:grid}.task-row-clickable{cursor:pointer;border-radius:11px;margin:2px -10px;padding:14px;transition:background-color .16s,border-color .16s}.task-row-clickable:hover,.task-row-clickable:focus-visible{background:#f0f5f2;outline:none}.task-row-actions{align-self:start;align-items:center;gap:4px;display:flex}.routine-row-icon{color:#52718c;cursor:default}.routine-row-icon svg{width:17px;height:17px}.routine-row-control{align-self:center}.routine-row-control input,.routine-row-control select,.routine-row-control>button{border:1px solid var(--line);background:#fff;border-radius:8px;width:140px;height:36px;padding:0 9px}.routine-row-control>.icon-button{background:0 0;border:0;width:36px;min-width:36px;padding:0}.check-button,.icon-button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid}.check-button{color:#91a59e;width:24px;height:24px;margin-top:-3px}.check-button:hover{color:var(--teal);background:var(--sage)}.check-button svg{width:20px}.icon-button:hover{background:#eaf1ed}.icon-button svg{width:18px;height:18px}.danger{color:var(--danger)}.task-main h3{font-weight:630;line-height:1.35}.task-meta{color:#71837d;flex-wrap:wrap;gap:12px;padding-top:6px;font-size:11px;display:flex}.task-meta span{align-items:center;gap:4px;display:flex}.task-meta svg{width:12px;height:12px}.project-dot{color:#39766b}.inline-progress{align-items:center;gap:9px;max-width:330px;padding-top:9px;display:flex}.inline-progress>div{background:#e4ece8;border-radius:9px;flex:1;height:4px;overflow:hidden}.inline-progress>div>span{background:#659989;height:100%;display:block}.inline-progress small{color:var(--muted);min-width:max-content}.progress-control,.quantity-control{align-items:center;gap:8px;max-width:380px;margin-top:10px;display:flex}.progress-track{background:#e4ece8;border-radius:99px;flex:1;height:5px;overflow:hidden}.progress-track span{background:#659989;height:100%;display:block}.progress-control button,.quantity-control button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:30px;height:30px}.progress-control button:hover,.quantity-control button:hover{background:var(--sage);border-color:#a9c3b8}.progress-control strong,.quantity-control strong{min-width:max-content;font-size:12px}.progress-control .progress-value{border-color:#0000;width:auto;min-width:48px;padding:0 6px;font-weight:700}.subtask-list{gap:6px;margin-top:10px;display:grid}.subtask-list label{color:#526761;cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.subtask-list input{accent-color:var(--teal)}.subtask-list small{color:var(--muted)}.add-row{width:100%;color:var(--teal);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:8px 4px 0;font-size:13px;display:flex}.add-row svg{width:16px}.right-column{gap:18px;display:grid}.focus-card,.message-card{padding:22px}.focus-card p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.6}.focus-icon{color:#487f72;background:var(--sage);border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:24px;display:grid}.focus-icon svg{width:21px}.message-card{background:#edf5f0;border-color:#d4e5dc}.message-card>svg{color:#73968b;width:18px;margin-bottom:14px}.message-card p{font-family:Georgia,serif;font-size:16px;line-height:1.55}.message-card small{color:var(--muted)}.progress-card,.projects-card{padding:22px 24px}.stats{grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.stats>div{border-left:1px solid var(--line);flex-direction:column;gap:4px;padding:2px 18px;display:flex}.stats>div:first-child{border-left:0;padding-left:0}.stats strong{letter-spacing:-.04em;font-size:26px}.stats span{color:var(--muted);font-size:11px}.project-row{grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:12px;margin-top:16px;display:grid}.project-icon{color:#39756a;background:#e3f0eb;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.project-icon.blue{color:#4c718e;background:#e5edf3}.project-row>svg{width:18px;color:var(--muted)}.project-progress{align-items:center;gap:8px;margin-top:6px;display:flex}.project-progress>span{background:#e3ebe7;border-radius:8px;width:96px;height:4px;overflow:hidden}.project-progress i{background:#578f80;height:100%;display:block}.project-progress small{color:var(--muted);font-size:10px}.quick-add{z-index:15;color:#fff;background:var(--teal);border:1px solid var(--teal);cursor:pointer;border-radius:12px;align-items:center;gap:8px;height:46px;padding:0 17px;font-weight:700;display:flex;position:fixed;bottom:26px;right:30px}.quick-add:hover{background:var(--teal-dark)}.quick-add svg{width:17px}.list-surface{padding:4px 22px}.note-filters{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, var(--paper));border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:8px;display:flex}.note-filters select,.search-field{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:42px}.note-filters select{padding:0 34px 0 11px}.search-field{flex:1;align-items:center;gap:9px;min-width:min(320px,100%);padding:0 13px;display:flex}.search-field svg{width:17px;color:var(--muted)}.search-field input{background:0 0;border:0;outline:0;width:100%}.note-filters .secondary{min-height:42px;text-decoration:none}.note-filter-toggle{color:var(--muted);align-items:center;gap:8px;padding:0 4px;font-size:12px;font-weight:650;display:flex}.view-tabs{border:1px solid var(--line);background:#edf3f0;border-radius:11px;gap:4px;width:max-content;max-width:100%;margin-bottom:18px;padding:4px;display:flex;overflow:auto}.view-tabs button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 14px;font-size:13px}.view-tabs button:hover{color:var(--ink);background:#f7faf8}.view-tabs button.active{color:var(--teal-dark);background:#fff;border-color:#c9dad3;font-weight:700}.task-actions{border-bottom:1px solid #e9efec}.task-actions .task-row{border:0}.task-actions:last-child{border-bottom:0}.empty{text-align:center;color:var(--muted);padding:34px 20px}.empty svg{color:#8aaca2;width:34px;height:34px;margin-bottom:12px}.empty h3{color:var(--ink);margin-bottom:0;font-size:16px}.empty p{max-width:420px;margin:0 auto;line-height:1.5}.visual-empty{padding-top:20px}.empty-art{aspect-ratio:4/3;background:url(/images/calm-empty-tasks.png) 50%/cover no-repeat;border-radius:12px;width:min(280px,90%);margin:0 auto 12px;display:block}.metric-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.analytics-section-title{margin-bottom:12px;font-size:14px}.metric{flex-direction:column;padding:20px;display:flex}.metric p{color:var(--muted);margin-bottom:8px;font-size:12px}.metric strong{letter-spacing:-.04em;font-size:30px}.metric small{color:var(--muted);margin-top:8px;line-height:1.4}.analytics-panel{padding:24px}.analytics-panel .section-heading>div{min-width:0}.analytics-totals{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.analytics-legend{color:var(--muted);justify-content:flex-end;align-items:center;gap:7px;margin-top:18px;font-size:11px;display:flex}.analytics-legend span{aspect-ratio:1;border-radius:50%;width:9px;height:9px}.analytics-legend .created-key{background:#b6cec5;margin-left:0}.analytics-legend .completed-key{background:#397b6c;margin-left:8px}.analytics-panel select,.timer select{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:38px;padding:0 10px}.activity-chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000,#0000 55px,#edf2ef 56px);align-items:stretch;gap:8px;height:260px;padding:22px 4px 0;display:grid}.activity-chart.week{grid-template-columns:repeat(7,minmax(24px,1fr))}.activity-chart.month{grid-template-columns:repeat(30,minmax(7px,1fr));gap:3px}.activity-day{grid-template-rows:minmax(0,1fr) 30px;align-items:end;min-width:0;height:100%;display:grid}.activity-bars{justify-content:center;align-items:flex-end;gap:3px;height:100%;display:flex}.activity-bars span{border-radius:4px 4px 0 0;width:min(16px,42%);min-height:2px}.activity-bars .created-bar{background:#b6cec5}.activity-bars .completed-bar{background:#397b6c}.activity-day small{min-width:0;color:var(--muted);text-align:center;white-space:nowrap;padding-top:8px;font-size:10px;overflow:hidden}.activity-chart.month .activity-bars{gap:1px}.activity-chart.month .activity-bars span{width:46%}.activity-chart.month .activity-day small{font-size:9px;overflow:visible}.analytics-empty{min-height:230px;color:var(--muted);text-align:center;place-content:center;justify-items:center;display:grid}.analytics-empty svg{color:#81a79c;width:30px;height:30px;margin-bottom:10px}.analytics-empty h3{color:var(--ink);margin:0;font-size:15px}.focus-page{max-width:820px}.timer{text-align:center;padding:34px}.timer label{text-align:left;max-width:420px;color:var(--muted);flex-direction:column;gap:8px;margin:0 auto;font-size:12px;display:flex}.timer-face{font-variant-numeric:tabular-nums;letter-spacing:-.06em;margin:48px 0 4px;font-size:clamp(62px,10vw,96px);font-weight:650}.timer>p{color:var(--muted)}.timer-actions{justify-content:center;gap:10px;margin-top:34px;display:flex}.calendar{padding:22px;overflow:auto}.calendar-head{justify-content:space-between;align-items:center;display:flex}.weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);min-width:650px;display:grid}.weekdays span{text-align:center;color:var(--muted);padding:15px 4px 8px;font-size:11px}.calendar-item{width:100%;color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#edf4f1;border:0;border-radius:5px;padding:3px 5px;font-size:10px;overflow:hidden}.calendar-item:hover,.calendar-item:focus-visible{background:#dfece7;outline:none}.calendar-grid{border-top:1px solid var(--line);border-left:1px solid var(--line)}.calendar-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:105px;padding:8px;font-size:12px}.calendar-grid small{color:#235f54;text-overflow:ellipsis;white-space:nowrap;background:#e4f0eb;border-radius:5px;margin-top:7px;padding:5px 6px;display:block;overflow:hidden}.muted-day{color:#acb7b3;background:#fafcfb}.current-day>span{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:24px;height:24px;margin:-3px;display:grid}.project-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-list,.routine-list{gap:12px;display:grid}.project-item,.routine-item{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:78px;padding:16px 18px;display:grid}.project-item-button{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit}.project-item h2,.routine-item h2{margin:0;font-size:15px}.project-item small,.routine-item small{color:var(--muted);margin-top:5px;display:block}.routine-icon{color:#4c718e;background:#e5edf3;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.routine-icon svg{width:17px}.routines-page{max-width:1280px}.routine-summary{color:var(--muted);gap:30px;margin:-10px 0 22px;font-size:13px;display:flex}.routine-summary span{align-items:baseline;gap:7px;display:flex}.routine-summary strong{color:var(--ink);font-size:20px}.tracker-feed{padding:4px 22px;overflow-x:auto}.routine-tracker{border-bottom:1px solid var(--line);grid-template-columns:230px minmax(650px,1fr);align-items:center;gap:24px;min-width:900px;padding:24px 4px;display:grid}.routine-tracker:last-child{border-bottom:0}.routine-identity{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.routine-identity h2{margin:0;font-size:15px}.routine-identity small{color:var(--muted);margin-top:7px;display:block}.routine-days{grid-template-columns:repeat(7,minmax(78px,1fr));gap:8px;display:grid}.routine-day{text-align:center;gap:8px;display:grid}.routine-day>span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.routine-day>span strong{color:var(--ink)}.routine-day button,.routine-day input,.routine-day select{border:1px solid var(--line);width:100%;min-width:0;height:39px;color:var(--muted);text-align:center;background:#f8faf9;border-radius:9px;font-size:12px}.routine-day button{cursor:pointer}.routine-day button:not(:disabled):hover{background:var(--sage);border-color:#a8c4ba}.routine-day button.positive{color:#205f51;background:#e4f2ec;border-color:#acd0c2;font-weight:700}.routine-day button.negative{color:#7b625f;background:#f5efed}.routine-day button:disabled,.routine-day input:disabled,.routine-day select:disabled{opacity:.55;cursor:not-allowed}.routine-actions{gap:2px;display:flex}.routine-title-button{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 4px}.routine-title-button:hover{background:#f0f5f2}.routine-accent{background:#496f91;border-color:#496f91}.routine-accent:hover{background:#385d7d}.routine-composer{width:min(720px,100%)}.routine-composer form{margin-top:18px}.routine-composer form>section{border-top:1px solid var(--line);gap:13px;padding:17px 0;display:grid}.routine-composer form>section:first-child{border-top:0}.routine-composer h3{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin:0;font-size:11px}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice-row label{border:1px solid var(--line);cursor:pointer;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:40px;padding:0 12px;display:flex}.choice-row input{width:15px;height:15px;accent-color:var(--teal)}.weekday-picker{gap:7px;display:flex}.weekday-picker button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:38px;height:38px}.weekday-picker button.selected{border-color:var(--teal);color:#fff;background:var(--teal)}.metric-note{border:1px solid var(--line);color:var(--muted);background:#f8faf9;border-radius:9px;padding:13px;font-size:12px}.intake-dialog{width:min(680px,100%);padding:28px}.intake-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.intake-options>button{border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;min-height:150px;padding:22px;display:flex}.intake-options>button:hover{border-color:#a9c4ba}.intake-options>button>span{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.intake-options svg{width:21px}.intake-options strong{margin-top:5px;font-size:16px}.intake-options small{color:var(--muted);line-height:1.4}.intake-task{color:#245f53;background:#f3f8f5}.intake-task>span{background:#dfeee8}.intake-routine{color:#385f80;background:#f2f6fa}.intake-routine>span{background:#deeaf3}.today-routines{border-left:3px solid #5d83a3;margin-bottom:14px;padding:18px 22px}.unified-section-title{align-items:center;gap:8px;margin-bottom:8px;display:flex}.unified-section-title h2{margin:0;font-size:13px}.unified-section-title small{color:#52718c;margin-left:auto}.routine-type-dot{background:#5d83a3;border-radius:50%;width:8px;height:8px}.today-routine{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:58px;display:flex}.today-routine>div{gap:4px;display:grid}.today-routine small{color:var(--muted)}.today-routine input,.today-routine select,.today-routine>button{border:1px solid var(--line);background:#fff;border-radius:8px;width:140px;height:36px;padding:0 9px}.routine-done{color:#215e51;background:#e4f2ec;border:1px solid #a9cbbf;border-radius:8px;min-height:36px;padding:0 12px;font-weight:700}.detail-page{max-width:1100px}.back-button{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-bottom:18px;padding:7px 2px}.back-button:hover{color:var(--ink)}.detail-hero{border:1px solid var(--line);background:#f5f9f7;border-radius:16px;padding:30px}.project-detail-hero{background:#f3f7f5}.project-notes-heading select{border:1px solid var(--line);max-width:240px;min-height:38px;color:var(--ink);background:#fff;border-radius:8px;padding:0 10px}.routine-detail-hero{background:#f2f6fa;border-color:#d7e2eb}.detail-kind{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:750}.detail-hero>div:has(h1){justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.detail-hero h1{max-width:760px;margin:10px 0 0;font-size:clamp(28px,4vw,42px);line-height:1.12}.detail-hero>p{max-width:720px;color:var(--muted);white-space:pre-wrap;margin:18px 0 0;line-height:1.65}.detail-facts{text-transform:capitalize;border-top:1px solid #52736b2e;flex-wrap:wrap;gap:26px;margin-top:28px;padding-top:20px;display:flex}.detail-facts span{gap:5px;font-size:13px;font-weight:650;display:grid}.detail-facts small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:500}.detail-analytics{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:14px 0;display:grid}.insight-card{min-height:138px;padding:20px}.insight-card>small{color:var(--muted)}.insight-card>strong{margin-top:10px;font-size:30px;display:block}.insight-card>p{color:var(--muted);margin:8px 0 0;font-size:12px}.insight-card.forecast{background:#f2f6fa;border-color:#d7e2eb}.detail-progress{background:#e3ece8;border-radius:9px;height:6px;margin-top:18px;overflow:hidden}.detail-actions,.detail-progress-control,.detail-quantity-control{align-items:center;gap:8px;display:flex}.detail-progress-control{margin-top:14px}.detail-progress-control input{min-width:0;accent-color:var(--teal);flex:1}.detail-progress-control button,.detail-quantity-control button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:32px;height:32px}.detail-quantity-control{margin-top:12px}.detail-quantity-control input{border:1px solid var(--line);border-radius:8px;width:82px;height:32px;padding:0 8px}.detail-subtask{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.detail-routine-controls{overflow-x:auto}.detail-routine-controls .routine-days{min-width:650px;margin-top:16px}.routine-option-fields{border:1px solid var(--line);border-radius:10px;gap:8px;margin:0;padding:14px;display:grid}.routine-option-fields legend{padding:0 5px;font-size:12px;font-weight:700}.routine-option-fields>div{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:7px;display:grid}.detail-progress span{background:var(--teal);height:100%;display:block}.detail-section{margin-top:14px;padding:24px}.detail-section>h2,.detail-section .section-heading h2{margin:0 0 16px;font-size:16px}.detail-subtask{border-top:1px solid var(--line);align-items:center;gap:10px;min-height:42px;display:flex}.detail-subtask svg{color:#70978d;width:18px}.log-history{display:grid}.log-history>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:46px;display:flex}.log-history time{color:var(--muted);font-size:12px}.log-positive{color:#236153}.log-negative{color:#8a5b55}.notes-panel form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.notes-panel textarea{resize:vertical;border:1px solid var(--line);border-radius:10px;min-height:86px;padding:12px}.notes-timeline{margin-top:20px}.notes-timeline article{border-left:2px solid #b8d0c7;border-top:1px solid var(--line);padding:17px 70px 17px 18px;position:relative}.notes-timeline time{color:var(--muted);font-size:10px}.notes-timeline p{white-space:pre-wrap;margin:7px 0 0;line-height:1.6}.notes-timeline button{position:absolute;top:17px;right:4px}.detail-loading{color:var(--muted);padding:30px}.project-card{padding:22px}.project-card .project-row{margin:0}.project-card>p{color:var(--muted);margin:18px 0 0;line-height:1.5}.routine-card{padding:25px}.routine-card>div:first-child p,.compassion{color:var(--muted)}.checkin-week{grid-template-columns:repeat(7,44px);gap:10px;margin:26px 0;display:grid}.checkin-week button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:44px;height:44px}.checkin-week button.checked{color:#fff;border-color:var(--teal);background:var(--teal)}.checkin-week svg{width:17px}.compassion{border-top:1px solid var(--line);margin-bottom:0;padding-top:16px;font-size:13px}.search-input{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;height:52px;margin-bottom:18px;padding:0 15px;display:flex}.search-input svg{width:19px;color:var(--muted)}.search-input input{background:0 0;border:0;outline:0;width:100%;height:100%}.settings{margin-bottom:16px;padding:24px}.settings h2{border-bottom:1px solid var(--line);padding-bottom:14px}.toggle-row{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:20px;min-height:67px;display:flex}.toggle-row>span,.session>span{flex-direction:column;gap:3px;display:flex}.toggle-row small,.session small{color:var(--muted)}.toggle-row input{width:42px;height:22px;accent-color:var(--teal)}.session{grid-template-columns:42px 1fr auto;align-items:center;gap:12px;margin:18px 0;display:grid}.session-icon{background:var(--sage);border-radius:10px;place-items:center;width:42px;height:42px;display:grid!important}.status-pill{color:#2f6b5e;background:#e3f0eb;border-radius:99px;padding:5px 9px;font-size:11px}.modal-backdrop{z-index:60;background:#142b267a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border:1px solid #b9c9c2;border-radius:18px;width:min(560px,100%);max-height:90vh;padding:24px;overflow:hidden auto}.dialog-head{justify-content:space-between;display:flex}.dialog form,.advanced{gap:16px;display:grid}.dialog label{color:#526761;gap:7px;font-size:12px;font-weight:650;display:grid}.dialog input,.dialog select{width:100%;min-width:0;height:44px;color:var(--ink);background:#fff;border:1px solid #cddbd5;border-radius:9px;padding:0 12px}.dialog textarea{resize:vertical;width:100%;min-width:0;min-height:90px;color:var(--ink);background:#fff;border:1px solid #cddbd5;border-radius:9px;padding:10px 12px}.optional{color:var(--muted);margin-left:4px;font-size:10px;font-weight:500}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.field-grid>*{min-width:0}.date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.date-grid>*{min-width:0}.field-label{align-items:baseline;gap:6px;display:flex}.field-label small{color:var(--muted);font-size:10px;font-weight:500}.range-field{align-items:center;gap:12px;min-height:44px;display:flex}.range-field input{accent-color:var(--teal);flex:1;padding:0}.range-field strong{text-align:right;min-width:42px}.subtask-fields{border:1px solid var(--line);border-radius:10px;gap:8px;margin:0;padding:14px;display:grid}.subtask-fields legend{padding:0 5px;font-size:12px;font-weight:700}.subtask-fields>div{grid-template-columns:auto minmax(0,1fr) 34px;align-items:center;gap:7px;display:grid}.subtask-fields>div>input[type=checkbox]{width:17px;height:17px;accent-color:var(--teal)}.add-subtask{width:max-content;min-height:34px;color:var(--teal);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 8px;display:flex}.add-subtask svg{width:15px}.task-editor form{margin-top:14px}.task-details{width:min(640px,100%);padding:28px}.task-details .dialog-head{align-items:center}.task-detail-body{padding:26px 4px 18px}.task-detail-body>h2{letter-spacing:-.025em;max-width:560px;margin:0;font-size:clamp(24px,4vw,34px);line-height:1.18}.task-detail-notes{max-width:560px;color:var(--muted);white-space:pre-wrap;margin:18px 0 0;line-height:1.7}.task-detail-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px;padding:18px 0;display:grid}.task-detail-facts>div{gap:6px;display:grid}.task-detail-facts small{color:var(--muted)}.task-detail-facts strong{text-transform:capitalize;font-size:13px}.task-detail-subtasks{margin-top:24px}.task-detail-subtasks h3{margin-bottom:12px;font-size:13px}.task-detail-subtasks>div{color:#526761;align-items:center;gap:10px;min-height:38px;display:flex}.task-detail-subtasks svg{width:17px}.task-detail-subtasks .done{color:var(--teal)}.disclosure{width:max-content;color:var(--teal);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:flex}.disclosure svg{width:16px}.dialog-actions{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.toast{z-index:80;color:#fff;background:#173c34;border:1px solid #2e5a50;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;min-width:280px;max-width:calc(100vw - 32px);padding:11px 12px 11px 16px;font-size:13px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.toast svg{width:16px}.sr-only,.sr-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-menu,.close-nav,.scrim{display:none}.auth-loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.auth-page{grid-template-columns:minmax(360px,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid}.auth-story{isolation:isolate;color:var(--ink);background:#e9efea url(/images/calm-path-auth.png) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;gap:70px;padding:clamp(34px,6vw,82px);display:flex;position:relative}.auth-story:before{content:"";z-index:-1;background:#f8f6ed6b;position:absolute;inset:0}.auth-brand{color:var(--ink);padding:0}.auth-story h1{max-width:700px;font-size:clamp(38px,5vw,66px);line-height:1.04}.auth-story>div>p:not(.eyebrow){color:#bad1c9;max-width:600px;line-height:1.7}.auth-story>.brand{height:auto}.auth-story>.brand .brand-logo{border-color:#bfd0c8;border-radius:11px;width:38px;height:38px}.auth-story>small{color:#9bb9af}.auth-principle{border-top:1px solid #376157;align-items:flex-start;gap:13px;max-width:580px;margin-top:36px;padding-top:23px;display:flex}.auth-principle>svg{color:#9fc7bb;width:22px}.auth-principle>span{flex-direction:column;gap:5px;display:flex}.auth-principle small{color:#a9c6bd;line-height:1.5}.auth-form-panel{background:#f7faf8;place-items:center;padding:40px;display:grid}.auth-form{border:1px solid var(--line);background:#fff;border-radius:18px;gap:18px;width:min(420px,100%);padding:34px;display:grid}.auth-form h2{margin-bottom:9px;font-size:27px}.auth-form label{gap:7px;font-size:13px;font-weight:650;display:grid}.auth-form input{border:1px solid #c8d7d1;border-radius:9px;height:46px;padding:0 12px}.auth-form label small{color:var(--muted);font-weight:400;line-height:1.4}.auth-switch{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:5px}.auth-switch:hover{text-decoration:underline}.form-error{color:#813939;background:#fff5f5;border:1px solid #e4bcbc;border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.form-success{color:var(--teal-dark);background:var(--sage);border:1px solid #b9d1c7;border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.auth-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-top:-6px;display:flex}.auth-form p.form-hint{color:var(--muted);margin:-8px 0 0;font-size:13px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media (max-width:980px){.dashboard-grid{grid-template-columns:1fr}.today-card{grid-row:auto}.right-column,.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.overview-grid .projects-card{grid-column:auto}.overview-grid .today-card{min-height:400px}.quote-panel{min-height:280px}}@media (max-width:760px){.auth-page{grid-template-columns:1fr}.auth-story{gap:44px;min-height:auto;padding:32px 24px}.auth-story h1{font-size:38px}.auth-story>small{display:none}.auth-form-panel{padding:30px 18px 60px}.auth-form{padding:25px}.field-grid,.date-grid{grid-template-columns:1fr}.sidebar{width:min(286px,86vw);transition:transform .18s;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.scrim{z-index:29;pointer-events:none;opacity:0;background:#17332d5c;transition:opacity .18s;display:block;position:fixed;inset:0}.scrim.visible{opacity:1;pointer-events:auto}.close-nav{margin-left:auto;display:grid}.main{padding-left:0}.topbar{justify-content:flex-start;gap:8px;padding:0 16px}.mobile-menu{display:grid}.global-search{flex:1;width:auto}.global-search kbd{display:none}.topbar>.avatar{position:static}.page{padding:26px 18px 92px}.welcome,.page-title{flex-direction:column;align-items:flex-start;margin-bottom:22px}.right-column,.project-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr;gap:14px}.stats>div,.stats>div:first-child{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.stats>div:first-child{border-top:0;padding-top:0}.quick-add{bottom:16px;right:16px}.checkin-week{grid-template-columns:repeat(7,minmax(32px,44px));gap:5px}.checkin-week button{aspect-ratio:1;width:100%;height:auto}}html[data-appearance=sidebar-dark] .sidebar,html[data-appearance=dark] .sidebar{color:#eef7f3;background:#10251f;border-color:#294039}html[data-appearance=sidebar-dark] .sidebar nav a,html[data-appearance=sidebar-dark] .sidebar-footer>a,html[data-appearance=sidebar-dark] .sidebar-footer>button,html[data-appearance=dark] .sidebar nav a,html[data-appearance=dark] .sidebar-footer>a,html[data-appearance=dark] .sidebar-footer>button{color:#b9cbc4}html[data-appearance=sidebar-dark] .sidebar nav a:hover,html[data-appearance=sidebar-dark] .sidebar-footer>a:hover,html[data-appearance=sidebar-dark] .sidebar-footer>button:hover,html[data-appearance=dark] .sidebar nav a:hover,html[data-appearance=dark] .sidebar-footer>a:hover,html[data-appearance=dark] .sidebar-footer>button:hover{color:#fff;background:#1b352d}html[data-appearance=sidebar-dark] .sidebar nav a.active,html[data-appearance=sidebar-dark] .sidebar-footer>a.active,html[data-appearance=dark] .sidebar nav a.active,html[data-appearance=dark] .sidebar-footer>a.active{color:#fff;background:#24483d}html[data-appearance=sidebar-dark] .sidebar-footer,html[data-appearance=dark] .sidebar-footer{border-color:#294039}html[data-appearance=sidebar-dark] .sidebar .profile small,html[data-appearance=dark] .sidebar .profile small{color:#8fa69d}html[data-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef5f2;--muted:#9fb0aa;--line:#2d403a;--paper:#0d1714;--surface:#15231f;--sage:#203b33;--teal:#3f9f89;--teal-dark:#61b69f;--danger:#dc7772}html[data-appearance=dark] .topbar{background:#0d1714f5}html[data-appearance=dark] input,html[data-appearance=dark] textarea,html[data-appearance=dark] select,html[data-appearance=dark] .custom-control-trigger,html[data-appearance=dark] .custom-popover,html[data-appearance=dark] .search-field,html[data-appearance=dark] .note-table-row,html[data-appearance=dark] .modern-list-row,html[data-appearance=dark] .field-card{color:var(--ink);border-color:var(--line);background:#101d19}html[data-appearance=dark] .secondary{color:var(--ink);background:#172722;border-color:#3a5149}html[data-appearance=dark] .secondary:hover{background:#203b33;border-color:#557268}html[data-appearance=dark] .workspace-form>label,html[data-appearance=dark] .workspace-field,html[data-appearance=dark] .note-field,html[data-appearance=dark] .field-label{color:#b8c8c2}html[data-appearance=dark] .note-table-row:hover,html[data-appearance=dark] .entity-card:hover{background:#192b25;border-color:#48645a}html[data-appearance=dark] .note-table-row.is-overdue{background:#301d1b;border-color:#814d47}.primary,.secondary{border-radius:11px;min-width:96px;min-height:42px;padding-inline:16px;line-height:1}.topbar-actions .primary,.topbar-actions .secondary{min-width:94px}.page{padding-inline:clamp(20px,3vw,52px)}.surface{border-radius:18px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}.settings-stack{gap:18px;display:grid}.settings-section{gap:18px;padding:clamp(20px,3vw,30px);display:grid}.settings-section h2,.settings-form h2{margin:0}.appearance-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.appearance-option{border:1px solid var(--line);color:var(--ink);background:var(--surface);text-align:left;cursor:pointer;border-radius:14px;gap:11px;padding:12px;display:grid}.appearance-option:hover{border-color:#9ab8ad}.appearance-option[aria-checked=true]{border-color:var(--teal);background:var(--sage)}.appearance-preview{background:#f7faf8;border:1px solid #cbd9d3;border-radius:10px;grid-template-rows:20px 1fr;grid-template-columns:28% 1fr;height:82px;display:grid;overflow:hidden}.appearance-preview i{background:#17332d;grid-row:1/-1}.appearance-preview b{background:#fff;border-bottom:1px solid #dce6e1}.appearance-preview em{background:#fff;border:1px solid #dce6e1;border-radius:6px;margin:10px}.appearance-option.light .appearance-preview i{background:#f1f6f3}.appearance-option.dark .appearance-preview{background:#0d1714;border-color:#344941}.appearance-option.dark .appearance-preview i{background:#10251f}.appearance-option.dark .appearance-preview b,.appearance-option.dark .appearance-preview em{background:#15231f;border-color:#2d403a}.dialog-backdrop{z-index:1000;background:#0818138f;place-items:center;width:100vw;height:100dvh;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden}.confirm-dialog{border:1px solid var(--line);width:min(440px,100%);color:var(--ink);background:var(--surface);border-radius:18px;padding:24px}.confirm-dialog h2{margin-bottom:10px;font-size:20px}.confirm-dialog p{color:var(--muted);margin-bottom:24px;line-height:1.6}.note-edit-dialog{border:1px solid var(--line);width:min(640px,100%);max-height:88vh;color:var(--ink);background:var(--surface);border-radius:18px;gap:16px;padding:28px;display:grid;overflow-y:auto}.note-edit-dialog h2{font-size:22px}.note-edit-dialog .note-body-field>textarea{min-height:260px}.filters-trigger{position:relative}.filters-count{color:#fff;background:var(--teal);border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:750;display:grid}.filters-dialog{border:1px solid var(--line);width:min(680px,94vw);max-height:88vh;color:var(--ink);background:var(--surface);border-radius:18px;gap:18px;padding:28px;display:grid;overflow-y:auto}.filters-dialog h2{font-size:22px}.filters-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.filters-dialog-grid .custom-date-range,.filters-dialog-grid .note-filter-toggle,.filters-dialog-grid .filters-field-full{grid-column:1/-1}.danger-action{border-color:var(--danger);background:var(--danger)}.danger-action:hover{background:#823838;border-color:#823838}@media (max-width:700px){.appearance-options{grid-template-columns:1fr}.appearance-option{grid-template-columns:112px 1fr;align-items:center}.appearance-preview{height:68px}.topbar-actions .primary,.topbar-actions .secondary{min-width:82px}}@media (max-width:480px){.metric-grid{grid-template-columns:1fr}.list-surface{padding:3px 12px}.today-card,.progress-card,.projects-card{padding:19px}.task-row-actions .secondary.compact{width:34px;padding:0;font-size:0;overflow:hidden}}.notes-page{max-width:1560px;margin-inline:auto;padding-left:clamp(24px,3.5vw,56px);padding-right:clamp(24px,3.5vw,56px)}.notes-page .page-title h1{letter-spacing:-.035em}.notes-title>div{gap:5px;display:grid}.notes-title>div>span{color:var(--muted);font-size:12px}.note-composer{background:color-mix(in srgb, var(--surface) 94%, var(--sage));border-color:#c8dad2;border-radius:18px;gap:20px;margin-bottom:18px;padding:26px;display:grid;overflow:visible}.note-body-field{color:#526761;gap:7px;font-size:12px;font-weight:650;display:grid}.note-body-field>textarea{resize:vertical;width:100%;min-height:96px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cddbd5;border-radius:12px;padding:15px 16px;line-height:1.55;transition:border-color .15s,background-color .15s}.note-body-field>textarea:hover,.note-body-field>textarea:focus{background:#fbfdfc;border-color:#91b3a6}.note-composer-row{grid-template-columns:minmax(360px,1.45fr) minmax(220px,1fr) auto;align-items:flex-end;gap:12px;display:grid}.note-field{color:#526761;gap:7px;min-width:0;font-size:12px;font-weight:650;display:grid}.note-field .field-label{justify-content:space-between;gap:8px;display:flex}.note-submit{border-radius:11px;min-width:118px;min-height:44px}.custom-control{min-width:0;position:relative}.custom-control-trigger{width:100%;height:44px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #cddbd5;border-radius:10px;align-items:center;gap:8px;padding:0 11px;transition:border-color .15s,background-color .15s;display:flex}.custom-control-trigger:hover,.custom-control-trigger[aria-expanded=true]{background:#fbfdfc;border-color:#91b3a6}.custom-control-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.note-filters>.custom-control{min-width:142px}.note-filters .custom-control-trigger,.custom-options button{white-space:nowrap}.custom-control-trigger svg{color:#71837d;flex:none;width:16px;height:16px}.custom-popover{z-index:50;background:#fff;border:1px solid #c9d9d2;border-radius:12px;min-width:100%;padding:6px;animation:.12s ease-out both control-reveal;position:absolute;top:calc(100% + 6px);left:0}@keyframes control-reveal{0%{opacity:0;clip-path:inset(0 0 12%)}to{opacity:1;clip-path:inset(0)}}.custom-options{width:max-content;min-width:100%;max-width:min(360px,100vw - 32px);max-height:260px;overflow:hidden auto}.custom-options button{text-align:left;cursor:pointer;width:100%;min-height:38px;color:inherit;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:7px 9px;display:flex}.custom-options button:hover,.custom-options button[aria-selected=true]{color:var(--teal-dark);background:var(--sage)}.custom-options button svg{flex:none;width:15px}.custom-options button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.note-filters>.custom-control:last-child .custom-popover{left:auto;right:0}.control-with-icon{position:relative}.control-with-icon>svg{display:none}.date-popover{width:min(320px,100vw - 32px);min-width:0;padding:12px}.date-popover-head,.date-popover-actions{justify-content:space-between;align-items:center;display:flex}.date-time-option{border-top:1px solid var(--line);gap:7px;margin-top:10px;padding-top:11px;display:grid}.date-time-option>span{color:var(--ink);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.date-time-option>span svg{width:14px;height:14px;color:var(--muted)}.date-time-option>span small{color:var(--muted);margin-left:auto;font-size:10px;font-weight:500}.date-popover-actions .date-done{color:#fff;background:var(--teal);margin-left:auto;padding-inline:12px}.date-popover-head{margin-bottom:10px}.date-popover-head button,.date-grid-picker button,.date-popover-actions button{cursor:pointer;background:0 0;border:0}.date-popover-head button{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.date-popover-head button:hover,.date-grid-picker button:hover{background:var(--sage)}.date-popover-head svg{width:17px}.date-grid-picker{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.date-grid-picker>span{color:var(--muted);text-align:center;padding:4px 0 7px;font-size:10px}.date-grid-picker button{aspect-ratio:1;border:1px solid #0000;border-radius:8px;font-size:12px}.date-grid-picker button.today:not(.selected){border-color:var(--teal);color:var(--teal-dark);font-weight:750}.date-grid-picker button.selected{color:#fff;background:var(--teal);font-weight:700}.date-popover-actions{border-top:1px solid var(--line);margin-top:10px;padding-top:9px}.date-popover-actions button{color:var(--teal);border-radius:7px;padding:6px 8px;font-size:12px;font-weight:650}.button-spinner,.filter-spinner{flex:none;width:16px;height:16px;animation:.7s linear infinite button-spin}.button-content{justify-content:center;align-items:center;gap:7px;min-width:0;display:inline-flex}.filter-spinner{border:2px solid #bdd0c8;border-top-color:var(--teal);border-radius:50%}@keyframes button-spin{to{rotate:360deg}}.primary .button-spinner,.secondary .button-spinner,.status-pill .button-spinner,.icon-button .button-spinner{display:inline-block}.primary,.secondary,.status-pill{transition:background-color .15s,border-color .15s,color .15s}.primary:disabled,.secondary:disabled,.icon-button:disabled,.status-pill:disabled{cursor:wait;opacity:.65}.notes-table{gap:8px;padding:0;transition:opacity .22s;display:grid}.notes-table.is-updating{opacity:.72}.notes-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;transition:opacity .22s;display:grid}.notes-card-grid.is-updating{opacity:.72}.notes-card-grid .sticky-note-card{min-height:150px}.notes-table-head,.note-table-row{grid-template-columns:48px minmax(240px,2fr) minmax(150px,.8fr) minmax(140px,.7fr) 82px;align-items:center;gap:18px;display:grid}.notes-table-head{min-height:38px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #d4e1db;border-radius:0;padding:0 18px;font-size:9px;font-weight:750}.note-table-row{border:1px solid var(--line);min-height:74px;color:var(--ink);background:var(--surface);border-radius:14px;align-items:start;padding:16px 18px;transition:border-color .16s,background-color .16s}.note-table-row.is-overdue{background:#fff9f7;border-color:#dfb2aa}.note-table-row.is-overdue .note-body{color:#642c24;font-weight:650}.note-state-control{align-items:center;display:flex}.note-row-body{gap:10px;min-width:0;display:grid}.note-row-actions{opacity:.62;justify-content:flex-end;align-items:center;gap:3px;transition:opacity .15s;display:flex}.note-table-row:hover .note-row-actions,.note-table-row:focus-within .note-row-actions{opacity:1}.note-row-actions .sticky-picker{left:auto;right:0}.note-edit-row{background:#f8fbf9;border:1px solid #b9d1c7;border-radius:12px;gap:14px;margin:0;padding:18px;display:grid}.notes-skeleton>div{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:105px 2fr .8fr .7fr;align-items:center;gap:24px;min-height:76px;padding:14px 20px;display:grid}.notes-skeleton i,.notes-skeleton span{background:#e7eeea;border-radius:99px;height:12px;animation:1.2s ease-in-out infinite alternate skeleton-pulse}.notes-skeleton i{height:30px}.sticky-note-card{border:1px solid var(--line);min-height:76px;color:var(--swatch-ink,var(--ink));background:var(--swatch,var(--surface));border-radius:13px;flex-direction:column;gap:10px;padding:15px 18px;transition:border-color .14s,background-color .14s;display:flex;position:relative}.sticky-library-page .sticky-note-card{border-color:color-mix(in srgb, var(--swatch-ink) 24%, transparent);min-height:130px;color:var(--swatch-ink,var(--ink));background-color:var(--swatch,var(--paper));transform:rotate(var(--tilt,0deg));background-image:radial-gradient(at 18% 12%,#ffffff17,#0000 28%),radial-gradient(at 78% 82%,#00000014,#0000 34%),linear-gradient(104deg,#0000 0 47%,#ffffff09 48%,#0000 50% 100%);border-radius:2px 3px 7px 2px;padding:28px 18px 16px;transition:transform .16s,border-color .14s,background-color .14s}.sticky-library-page .sticky-note-card:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 34% 28%,#fff 0 7%,#f07b72 9% 18%,#b92e27 45%,#681713 100%);border:1px solid #450f0db3;border-radius:50%;width:11px;height:11px;position:absolute;top:7px;left:50%}.sticky-library-page .sticky-note-card:after{content:"";border-top:1px solid color-mix(in srgb, var(--swatch-ink) 20%, transparent);border-left:1px solid color-mix(in srgb, var(--swatch-ink) 20%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--swatch) 52%, white) 0 48%, color-mix(in srgb, var(--swatch) 82%, black) 52% 100%);border-bottom-right-radius:inherit;pointer-events:none;width:22px;height:22px;position:absolute;top:auto;bottom:0;right:0}.sticky-library-page .sticky-note-card:nth-of-type(6n+1){--tilt:-1.3deg}.sticky-library-page .sticky-note-card:nth-of-type(6n+2){--tilt:1deg}.sticky-library-page .sticky-note-card:nth-of-type(6n+3){--tilt:-.6deg}.sticky-library-page .sticky-note-card:nth-of-type(6n+4){--tilt:1.5deg}.sticky-library-page .sticky-note-card:nth-of-type(6n+5){--tilt:-1deg}.sticky-library-page .sticky-note-card:nth-of-type(6n+6){--tilt:.7deg}.sticky-library-page .sticky-note-card.is-editing,.sticky-library-page .sticky-note-card.is-loading{--tilt:0deg}.sticky-note-card.is-overdue{border-color:#cf887c}.sticky-note-card.is-overdue .note-body{color:#642c24;font-weight:650}.sticky-note-card.is-loading{background:var(--surface);border-style:dashed;min-height:120px;animation:1.2s ease-in-out infinite alternate skeleton-pulse}.sticky-note-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sticky-note-card-head-actions{align-items:center;gap:4px;display:flex}.sticky-note-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.sticky-note-card-pins{flex-wrap:wrap;align-items:flex-start;gap:9px;padding:2px 0 3px;display:flex}.priority-picker-anchor{position:relative}.priority-trigger svg{width:15px;height:15px}.priority-badge{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:750;display:grid}.priority-trigger.has-priority:hover .priority-badge{background:var(--teal-dark)}.priority-picker{width:min(260px,100vw - 32px);padding:10px}.priority-picker-grid{scrollbar-gutter:stable;scrollbar-width:thin;grid-template-columns:repeat(3,1fr);gap:6px;max-height:236px;padding-right:2px;display:grid;overflow-y:auto}.priority-option{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:8px;gap:1px;padding:5px 4px;display:grid}.priority-option span{font-size:13px;font-weight:750}.priority-option small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.priority-option:hover{border-color:#adc8bd}.priority-option.selected{border-color:var(--teal);background:var(--sage);border-width:2px}.priority-option:disabled{cursor:not-allowed;opacity:.65}.priority-clear{width:100%;color:var(--danger);cursor:pointer;background:0 0;border:0;border-radius:8px;margin-top:8px;padding:8px}.priority-clear:hover{background:#fdf1f0}.priority-shift-toast{z-index:900;border:1px solid var(--line);width:min(460px,100vw - 32px);color:var(--ink);background:var(--surface);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex;position:fixed;bottom:24px;left:50%;translate:-50%}.priority-shift-toast p{min-width:0;margin:0;font-size:13px;line-height:1.45}.priority-shift-toast-actions{flex:none;gap:8px;display:flex}.sticky-picker-anchor{position:relative}.sticky-picker-trigger svg{width:15px;height:15px}.sticky-picker{width:min(300px,100vw - 32px);padding:10px}.sticky-picker-search{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:7px;min-height:36px;margin-bottom:8px;padding:0 9px;display:flex}.sticky-picker-search:focus-within{border-color:#91b3a6}.sticky-picker-search svg{width:14px;height:14px;color:var(--muted);flex:none}.sticky-picker-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:12px}.sticky-picker-list{gap:4px;max-height:220px;display:grid;overflow-y:auto}.sticky-picker-option{background:var(--swatch);min-height:34px;color:var(--swatch-ink,var(--ink));text-align:left;cursor:pointer;border:1px solid #17332d24;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;display:flex}.sticky-picker-option.is-attached{border-color:var(--swatch-ink,white);border-width:2px}.sticky-picker-option-body{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sticky-picker-option svg{flex:none;width:14px;height:14px}.sticky-picker-empty{color:var(--muted);margin:4px 2px 10px;font-size:12px}.sticky-picker-create{border-top:1px solid var(--line);gap:8px;margin-top:8px;padding-top:10px;display:grid}.sticky-picker-create textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:var(--surface);font:inherit;resize:vertical;border-radius:8px;padding:7px 9px}.sticky-picker-global-row{min-height:32px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.sticky-picker-global-row .field-toggle{flex:0 0 34px;width:34px;height:20px}.sticky-picker-global-row .field-toggle:after{width:14px;height:14px}.sticky-picker-global-row .field-toggle[aria-checked=true]:after{translate:14px}.sticky-picker-create-row{grid-template-columns:minmax(0,1fr) 34px;align-items:start;gap:8px;display:grid}.sticky-picker-create-row>.color-picker-wrap{min-width:0}.sticky-picker-create-row .custom-shade-picker{width:100%;max-width:100%}.sticky-picker-create-row>.icon-button{z-index:2;position:relative}.mini-sticky{border:1px solid color-mix(in srgb, var(--swatch-ink,var(--ink)) 25%, transparent);background-color:var(--swatch);width:64px;min-height:50px;color:var(--swatch-ink,var(--ink));transform:rotate(var(--sticky-tilt,0deg));transform-origin:50% 8px;background-image:radial-gradient(at 16% 14%,#ffffff1c,#0000 32%),radial-gradient(at 82% 78%,#00000017,#0000 36%),linear-gradient(103deg,#0000 0 46%,#ffffff0b 48%,#0000 50% 100%);border-radius:1px 2px 7px;align-content:start;padding:0;font-family:Segoe Print,Bradley Hand,Comic Sans MS,ui-rounded,cursive;font-size:10px;font-weight:500;line-height:1.48;transition:width .18s,min-height .18s,border-color .15s,background-color .15s,transform .18s;display:grid;position:relative;overflow:hidden}.sticky-note-card-pins .mini-sticky:nth-child(4n+1){--sticky-tilt:-1.2deg}.sticky-note-card-pins .mini-sticky:nth-child(4n+2){--sticky-tilt:.9deg}.sticky-note-card-pins .mini-sticky:nth-child(4n+3){--sticky-tilt:-.5deg}.sticky-note-card-pins .mini-sticky:nth-child(4n+4){--sticky-tilt:1.3deg}.mini-sticky:hover{border-color:color-mix(in srgb, var(--swatch-ink,var(--ink)) 48%, transparent)}.mini-sticky:focus-within{outline:2px solid var(--teal);outline-offset:2px}.mini-sticky.is-expanded{--sticky-tilt:0deg;width:min(224px,100%);min-height:142px;font-size:14px}.mini-sticky:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 34% 28%,#fff 0 7%,#f07b72 9% 18%,#b92e27 45%,#681713 100%);border:1px solid #450f0db8;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:50%}.mini-sticky:after{content:"";z-index:2;border-top:1px solid color-mix(in srgb, var(--swatch-ink,var(--ink)) 16%, transparent);border-left:1px solid color-mix(in srgb, var(--swatch-ink,var(--ink)) 16%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--swatch) 58%, white) 0 48%, color-mix(in srgb, var(--swatch-ink) 8%, var(--swatch)) 52% 100%);pointer-events:none;width:14px;height:14px;position:absolute;bottom:0;right:0}.mini-sticky-body{-webkit-line-clamp:1;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.mini-sticky.is-expanded .mini-sticky-body{-webkit-line-clamp:6}.mini-sticky-toggle{width:100%;min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:17px 7px 7px;position:absolute;inset:0}.mini-sticky.is-expanded .mini-sticky-toggle{padding:29px 36px 16px 15px}.mini-sticky-toggle:focus-visible{outline:0}.mini-sticky-edit-trigger,.mini-sticky-remove{z-index:3;width:20px;height:20px;color:inherit;background:color-mix(in srgb, var(--swatch-ink,var(--ink)) 9%, transparent);cursor:pointer;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:5px}.mini-sticky-edit-trigger{right:27px}.mini-sticky-remove{right:5px}.mini-sticky-edit-trigger:hover,.mini-sticky-remove:hover{border-color:color-mix(in srgb, var(--swatch-ink,var(--ink)) 24%, transparent);background:color-mix(in srgb, var(--swatch-ink,var(--ink)) 16%, transparent)}.mini-sticky-edit-trigger svg,.mini-sticky-remove svg,.mini-sticky-remove .button-spinner{width:10px;height:10px}.mini-sticky.is-editing{--sticky-tilt:0deg;width:min(360px,100vw - 96px);height:auto;min-height:0;padding:28px 13px 13px;overflow:visible}.mini-sticky-edit{gap:10px;width:100%;min-width:0;display:grid}.mini-sticky-edit>label{min-width:0}.mini-sticky-edit textarea{border:1px solid color-mix(in srgb, var(--swatch-ink) 24%, transparent);width:100%;min-height:68px;color:inherit;background:color-mix(in srgb, var(--swatch) 72%, white);font:inherit;resize:vertical;border-radius:5px;padding:7px}.mini-sticky-edit .color-picker-wrap,.mini-sticky-edit .custom-shade-picker{width:100%;min-width:0;max-width:100%}.mini-sticky-edit .custom-shade-picker{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.mini-sticky-edit-actions{justify-content:flex-end;gap:7px;width:100%;display:flex}.mini-sticky-edit-actions button{border:1px solid color-mix(in srgb, var(--swatch-ink) 24%, transparent);min-height:28px;color:inherit;background:color-mix(in srgb, var(--swatch) 68%, white);font:inherit;cursor:pointer;border-radius:5px;padding:0 8px}.color-picker-wrap{gap:8px;display:grid;position:relative}.color-swatch-picker{flex-wrap:wrap;gap:6px;display:flex}.color-swatch{background:var(--swatch,var(--surface));cursor:pointer;border:1px solid #17332d33;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;padding:0;transition:border-color .12s;display:grid}.color-swatch svg{width:10px;height:10px;color:var(--swatch-ink,var(--ink))}.color-swatch-custom{color:var(--swatch-ink);background:var(--swatch)}.color-swatch-custom svg{color:var(--swatch-ink)}.color-swatch.selected{border-color:var(--ink);border-width:2px}.color-swatch.swatch-none{border-style:dashed}.color-swatch:hover{border-color:var(--ink)}.swatch-yellow{--swatch:#f4c95d;--swatch-ink:#17231f}.swatch-pink{--swatch:#efa2bb;--swatch-ink:#17231f}.swatch-blue{--swatch:#2563a6;--swatch-ink:#fff}.swatch-green{--swatch:#2f7d52;--swatch-ink:#fff}.swatch-orange{--swatch:#d95412;--swatch-ink:#fff}.swatch-purple{--swatch:#6941a5;--swatch-ink:#fff}.swatch-red{--swatch:#b84242;--swatch-ink:#fff}.swatch-teal{--swatch:#147d78;--swatch-ink:#fff}.swatch-indigo{--swatch:#414fa3;--swatch-ink:#fff}.swatch-charcoal{--swatch:#37423f;--swatch-ink:#fff}.swatch-custom{--swatch-ink:#fff}.custom-shade-picker{border:1px solid var(--line);width:min(286px,100vw - 54px);color:var(--ink);background:var(--surface);border-radius:13px;gap:10px;padding:12px;display:grid}.custom-shade-preview{min-height:58px;color:var(--swatch-ink);background:var(--swatch);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.custom-shade-preview span{font-family:Segoe Print,Bradley Hand,Comic Sans MS,ui-rounded,cursive;font-size:12px}.custom-shade-preview strong{letter-spacing:.05em;font-size:10px}.custom-shade-picker label{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:9px;font-size:11px;font-weight:650;display:grid}.custom-shade-picker input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#192d63,#304f82,#254f45,#725713,#773b25,#6a3152);border-radius:99px;outline:0;width:100%;height:5px;margin:8px 0}.custom-shade-picker .shade-saturation{background:linear-gradient(90deg,#7d8582,#167f67)}.custom-shade-picker .shade-lightness{background:linear-gradient(90deg,#101815,#fff)}.custom-shade-picker input[type=range]::-webkit-slider-thumb{border:2px solid var(--surface);appearance:none;background:var(--teal);border-radius:50%;width:17px;height:17px}.custom-shade-picker input[type=range]::-moz-range-thumb{border:2px solid var(--surface);background:var(--teal);border-radius:50%;width:13px;height:13px}.custom-shade-picker input[type=range]:focus-visible{outline-offset:4px;outline:2px solid #65a493}.custom-shade-picker small{color:var(--muted);font-size:10px}.sticky-library-composer{gap:12px;margin-bottom:20px;padding:20px;display:grid}.sticky-library-composer textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;resize:vertical;background:#fff;border-radius:10px;padding:10px 12px}.sticky-library-composer textarea:hover,.sticky-library-composer textarea:focus{border-color:#a9c3b8}.sticky-library-composer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sticky-library-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.sticky-note-card-body{min-width:0;color:inherit;text-align:left;white-space:pre-wrap;cursor:pointer;background:0 0;border:0;padding:0;font-family:Segoe Print,Bradley Hand,Comic Sans MS,ui-rounded,cursive;font-size:14px;font-weight:500;line-height:1.62}.sticky-note-card-actions{justify-content:flex-end;align-items:center;gap:4px;margin-top:auto;display:flex}.sticky-library-page .sticky-note-card.is-editing{grid-column:span 2;gap:14px;min-height:270px;padding:30px 20px 18px;overflow:visible}.sticky-library-edit-body{display:block}.sticky-library-edit-body textarea{border:1px solid color-mix(in srgb, var(--swatch-ink) 30%, transparent);width:100%;min-height:112px;color:var(--swatch-ink);background:color-mix(in srgb, var(--swatch) 84%, white);resize:vertical;border-radius:9px;outline:0;padding:12px 13px;font-family:Segoe Print,Bradley Hand,Comic Sans MS,ui-rounded,cursive;font-size:14px;line-height:1.55}.sticky-library-edit-body textarea:focus-visible{border-color:color-mix(in srgb, var(--swatch-ink) 68%, transparent);outline:2px solid color-mix(in srgb, var(--swatch-ink) 38%, transparent);outline-offset:2px}.sticky-library-edit-colors{padding:1px 0}.sticky-library-edit-actions{gap:8px}.sticky-edit-button{border:1px solid color-mix(in srgb, var(--swatch-ink) 30%, transparent);min-height:34px;color:var(--swatch-ink);background:color-mix(in srgb, var(--swatch) 82%, white);font:inherit;cursor:pointer;border-radius:9px;padding:0 13px;font-size:12px;font-weight:700}.sticky-edit-button:hover{background:color-mix(in srgb, var(--swatch) 72%, white)}.sticky-edit-button.is-primary{color:var(--swatch);border-color:var(--swatch-ink);background:var(--swatch-ink)}.sticky-edit-button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:620px){.sticky-library-page .sticky-note-card.is-editing{grid-column:span 1}}.status-pill{cursor:pointer;border:1px solid;border-radius:99px;justify-content:center;align-items:center;gap:6px;width:max-content;min-width:102px;min-height:32px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.status-pill>span,.status-pill>span>span{align-items:center;gap:5px;display:inline-flex}.status-pill svg{width:13px;height:13px}.status-pill.progress{color:#6a5b2c;background:#fbf8e9;border-color:#ded3ac}.status-pill.completed{color:var(--teal-dark);background:var(--sage);border-color:#b9d1c7}.note-edit-trigger{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:3px 0}.note-check{color:#fff;cursor:pointer;background:#fff;border:1px solid #b9cec5;border-radius:10px;flex:0 0 30px;place-items:center;width:30px;height:30px;padding:0;transition:border-color .14s,background-color .14s,color .14s;display:grid}.note-check:disabled{cursor:wait;opacity:.68}.note-check svg,.note-check .button-spinner{width:15px;height:15px}.check-circle{border:1.5px solid #93aca2;border-radius:50%;width:9px;height:9px}.note-body{color:#203b35;text-overflow:ellipsis;line-height:1.5;display:block;overflow:hidden}.formatted-note-line{white-space:pre-wrap;min-height:1.45em;display:block}.formatted-note-line.is-empty{min-height:.7em}.formatted-note-line.is-list{padding-left:calc(var(--note-list-depth,0) * 16px);grid-template-columns:max-content minmax(0,1fr);gap:7px;display:grid}.formatted-note-marker{min-width:1.25em;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.formatted-note-checkbox{color:#fff;border:1px solid #a9beb5;border-radius:4px;place-items:center;width:15px;height:15px;font-size:10px;line-height:1;display:inline-grid}.formatted-note-line.is-checked .formatted-note-checkbox{border-color:var(--teal);background:var(--teal)}.formatted-note-line.is-checked>span:last-child{color:var(--muted);text-decoration:line-through}.formatted-note code{border:1px solid var(--line);background:var(--paper);border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}.note-body-done{color:var(--muted);text-decoration:line-through}.note-cell-muted{min-width:0;color:var(--muted);flex-wrap:wrap;gap:7px;font-size:11.5px;display:flex}.note-cell-muted>span{align-items:center;gap:5px;display:inline-flex}.note-cell-muted svg{width:13px;height:13px}@keyframes skeleton-pulse{to{background:#f2f6f4}}@media (max-width:1180px){.note-composer-row{grid-template-columns:repeat(2,minmax(170px,1fr))}.note-submit{width:100%}.notes-table-head,.notes-table-head,.note-table-row{grid-template-columns:48px minmax(220px,2fr) minmax(135px,.8fr) 82px}.notes-table-head>span:nth-child(4),.note-table-row>.note-cell-muted:nth-child(4){display:none}}@media (max-width:820px){.note-filters>.custom-control{flex:160px}.notes-table-head{display:none}.note-table-row{grid-template-columns:32px minmax(0,1fr) auto;gap:10px 11px;padding:16px}.note-table-row .note-state-control{grid-area:1/1}.note-table-row .note-row-body{grid-area:1/2}.note-table-row>.note-cell-muted:nth-child(3){grid-area:2/2/auto/-1}.note-table-row .note-row-actions{grid-area:1/3}.sticky-library-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.notes-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:760px){.notes-page,.sticky-library-page{padding-left:18px;padding-right:18px}.note-composer{padding:18px}.note-composer-row{grid-template-columns:1fr}.date-popover{width:min(292px,100vw - 64px)}}@media (max-width:480px){.sticky-library-grid,.notes-card-grid{grid-template-columns:1fr}.mini-sticky.is-expanded,.mini-sticky.is-editing{width:min(100%,240px)}}.project-composer{grid-template-columns:minmax(220px,1fr) minmax(220px,.7fr) auto;align-items:end;gap:14px;margin-bottom:22px;padding:20px;display:grid}.project-composer>label{color:#526761;gap:7px;font-size:12px;font-weight:650;display:grid}.project-composer input{width:100%;height:44px;color:var(--ink);background:#fff;border:1px solid #cddbd5;border-radius:10px;padding:0 12px}.project-tree{gap:9px;display:grid}.project-branch{margin-left:min(calc(var(--project-depth) * 28px), 25vw);gap:9px;display:grid}.project-card{grid-template-columns:38px 1fr auto;align-items:center;gap:12px;min-height:68px;padding:12px 14px;transition:border-color .15s,background-color .15s;display:grid}.project-card:hover{background:#fbfdfc;border-color:#b8cec5}.project-icon{width:36px;height:36px;color:var(--teal);background:var(--sage);border-radius:10px;place-items:center;display:grid}.project-icon svg{width:17px}.project-card-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;padding:4px 0;display:grid}.project-card-main small{color:var(--muted);font-size:11px}.project-edit-card{grid-template-columns:minmax(180px,1.2fr) minmax(180px,.8fr) auto}.project-edit-card>label{min-width:0}.project-edit-card .project-rename-input{height:42px}@media (max-width:760px){.topbar-context{display:none}.topbar-actions{margin-left:auto}.topbar-actions .secondary{display:none}.project-composer{grid-template-columns:1fr}.project-branch{margin-left:min(calc(var(--project-depth) * 16px), 18vw)}.project-edit-card{grid-template-columns:1fr auto}.project-edit-card>label{grid-column:1/-1}.project-edit-card .task-row-actions{grid-column:2}.workspace-form{gap:18px;padding:18px}.settings-danger{flex-direction:column;align-items:flex-start}}.project-rename-input{width:100%;height:36px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cddbd5;border-radius:8px;padding:0 10px;font-weight:630}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.entity-card{text-align:left;cursor:pointer;flex-direction:column;gap:8px;min-height:154px;padding:20px;transition:border-color .15s,background-color .15s;display:flex}.modern-list{gap:10px;transition:opacity .22s;display:grid}.modern-list.is-updating{opacity:.72}.modern-list-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:72px;padding:14px 18px;transition:border-color .15s,background-color .15s;display:grid}.modern-list-row:hover{background:#fbfdfc;border-color:#b8cec5}.modern-list-row .task-main{min-width:0}.card-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.card-skeleton{align-content:center;gap:14px;min-height:154px;padding:20px;display:grid}.card-skeleton i,.list-skeleton i{background:#e7eeea;border-radius:99px;animation:1.2s ease-in-out infinite alternate skeleton-pulse;display:block}.card-skeleton i{height:12px}.card-skeleton i:first-child{width:46%;height:18px}.card-skeleton i:nth-child(2){width:82%}.card-skeleton i:last-child{width:35%}.list-skeleton{gap:10px;display:grid}.list-skeleton i{border-radius:13px;height:70px}.entity-card:hover,.entity-card:focus-visible{background:#fbfdfc;border-color:#a9c3b8}.entity-card h3{font-size:15px;line-height:1.3}.entity-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.entity-card-title{color:inherit;cursor:pointer;min-width:0;text-decoration:none}.entity-card-title:hover h3{color:var(--teal-dark)}.entity-card p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.entity-card-meta{color:var(--muted);align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-size:11px;display:flex}.entity-card-meta .status-pill{margin-right:auto}.field-builder{gap:12px;display:grid}.field-builder-row{border:1px solid var(--line);background:#f7faf8;border-radius:12px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:end;gap:12px;padding:16px;display:grid}.field-builder-row>label{color:#526761;gap:6px;min-width:0;font-size:12px;font-weight:650;display:grid}.field-builder-row>label>input,.field-builder-row>label>select{width:100%;height:40px;color:var(--ink);background:#fff;border:1px solid #cddbd5;border-radius:8px;padding:0 10px;font-weight:400}.field-builder-row>label>.custom-control .custom-control-trigger{border-radius:8px;height:40px;font-weight:400}.field-builder-row>.task-row-actions{align-self:end;padding-bottom:2px}.field-toggle-row{grid-column:1/-1;align-items:center;gap:10px;display:flex}.field-toggle{cursor:pointer;background:#e3ece7;border:1px solid #cbd9d3;border-radius:99px;flex-shrink:0;width:38px;height:22px;padding:0;transition:background-color .15s,border-color .15s;position:relative}.field-toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.field-toggle[aria-checked=true]{background:var(--teal);border-color:var(--teal)}.field-toggle[aria-checked=true]:after{transform:translate(16px)}.field-toggle-row span{color:var(--ink);font-size:12.5px;font-weight:650}.field-builder-options{border-top:1px solid var(--line);grid-column:1/-1;gap:10px;margin-top:2px;padding:12px 0 0;display:grid}.field-builder-options>label{color:#526761;gap:6px;font-size:12px;font-weight:650;display:grid}.field-builder-options>label>input,.field-builder-options>label>select{width:100%;height:40px;color:var(--ink);background:#fff;border:1px solid #cddbd5;border-radius:8px;padding:0 10px;font-weight:400}.field-builder-add{width:max-content;min-height:38px;color:var(--teal);cursor:pointer;background:0 0;border:1px dashed #a9c3b8;border-radius:9px;align-items:center;gap:6px;padding:0 12px;display:flex}.field-builder-add:hover{background:var(--sage)}.repeatable-group{border:1px solid var(--line);background:#fff;border-radius:10px;gap:10px;padding:14px;display:grid}.repeatable-group>label{color:#526761;gap:6px;font-size:12px;font-weight:650;display:grid}.repeatable-group>label>input{width:100%;height:40px;color:var(--ink);background:#fff;border:1px solid #cddbd5;border-radius:8px;padding:0 10px;font-weight:400}.repeatable-item{border:1px solid var(--line);background:#f9fbfa;border-radius:9px;overflow:hidden}.repeatable-item-summary{width:100%;min-height:44px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;font-size:12.5px;font-weight:650;display:flex}.repeatable-item-summary:hover{background:#f0f5f2}.repeatable-item-chevron{width:15px;height:15px;color:var(--muted);flex-shrink:0;transition:transform .15s}.repeatable-item-chevron.open{transform:rotate(180deg)}.repeatable-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.repeatable-item-body{gap:8px;padding:0 12px 12px;display:grid}.repeatable-item-head{justify-content:space-between;align-items:center;font-size:12.5px;font-weight:650;display:flex}.repeatable-item-head>input{height:36px;color:var(--ink);background:#fff;border:1px solid #cddbd5;border-radius:7px;padding:0 9px;font-weight:650}.entry-form{gap:14px;display:grid}.entry-form-field{gap:7px;display:grid}.entry-form-field label{color:#526761;font-size:12px;font-weight:650}.entry-form-field input,.entry-form-field select,.entry-form-field textarea{width:100%;min-height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cddbd5;border-radius:9px;padding:0 12px}.entry-form-field textarea{resize:vertical;min-height:70px;padding:10px 12px}.boolean-toggle{gap:8px;display:flex}.boolean-toggle button{min-height:40px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #cddbd5;border-radius:9px;padding:0 16px}.boolean-toggle button.selected{border-color:var(--teal);background:var(--sage);color:var(--teal-dark);font-weight:650}.chart-card{padding:20px}.chart-card h3{margin-bottom:4px;font-size:13px}.chart-card .chart-caption{color:var(--muted);margin-bottom:12px;font-size:11px}.chart-svg{width:100%;height:auto;overflow:visible}.chart-svg .chart-line{fill:none;stroke:var(--teal);stroke-width:2px}.chart-svg .chart-trend{fill:none;stroke:var(--blue);stroke-width:1.4px;stroke-dasharray:4 3}.chart-svg .chart-dot{fill:var(--teal)}.chart-svg .chart-axis{stroke:var(--line);stroke-width:1px}.consistency-row{border-bottom:1px solid #e9efec;align-items:center;gap:14px;padding:10px 0;display:flex}.consistency-row:last-child{border-bottom:0}.consistency-bar-track{background:#e9efec;border-radius:99px;flex:1;height:8px;overflow:hidden}.consistency-bar-fill{background:var(--teal);border-radius:99px;height:100%}.no-data{color:var(--muted);padding:8px 0;font-size:12.5px}.schedule-picker{border:1px solid var(--line);background:#f7faf8;border-radius:12px;gap:12px;padding:18px;display:grid}.schedule-section-label{color:#526761;margin:0;font-size:12px;font-weight:650}.schedule-days-label{margin-top:6px}.schedule-date-grid{margin-top:-2px}.schedule-date-grid>label{color:#526761;gap:7px;font-size:12px;font-weight:650;display:grid}.weekday-chips{flex-wrap:wrap;gap:6px;display:flex}.weekday-chip{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);cursor:pointer;background:#fff;border-radius:50%;font-size:12px;font-weight:650;transition:background-color .15s,border-color .15s,color .15s}.weekday-chip:hover{border-color:#a9c3b8}.weekday-chip.active{background:var(--teal);border-color:var(--teal);color:#fff}.plan-calendar-nav{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.plan-calendar-nav h3{font-size:14px}.plan-calendar-nav-controls{align-items:center;gap:4px;display:flex}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-width:0;display:grid}.calendar-weekday{text-align:center;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding-bottom:6px;font-size:10px;font-weight:700}.calendar-day{min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12.5px;transition:background-color .15s,border-color .15s;display:flex}.plan-detail-intro{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:-10px 0 20px;font-size:12.5px;display:flex}.plan-detail-intro p{margin:0}.plan-workspace{grid-template-columns:minmax(260px,.72fr) minmax(520px,1.5fr);gap:24px;padding:24px;display:grid}.plan-entry-pane{border-right:1px solid var(--line);padding-right:24px}.plan-entry-pane>div>h3{margin-bottom:16px;font-size:15px}.plan-entry-pane form{gap:12px;display:grid}.plan-history-pane{border:0;min-width:0;margin:0;padding:0}.plan-history-pane>h3{margin-bottom:14px}.plan-notes-section{margin-top:28px}.plan-note-composer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:14px 0 10px;padding:16px;display:grid}.plan-note-composer input{width:100%;height:42px;color:var(--ink);background:#fff;border:1px solid #cddbd5;border-radius:9px;padding:0 12px}@media (max-width:1120px){.plan-workspace{grid-template-columns:minmax(0,1fr)}.plan-entry-pane{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}}@media (max-width:760px){.plan-workspace{padding:18px}.calendar-grid{gap:2px}.calendar-day{min-width:0;min-height:40px;padding:0;font-size:11px}.calendar-weekday{min-width:0;font-size:8px}.plan-calendar-nav{gap:8px}.plan-note-composer{grid-template-columns:minmax(0,1fr)}.plan-note-composer .primary{width:100%}}.calendar-day:hover{background:var(--sage)}.calendar-day.outside-month,.calendar-day.not-scheduled{color:#c3cec8}.calendar-day.selected{border-color:var(--teal);background:var(--sage)}.calendar-day.today{font-weight:750}.calendar-day-marker{border-radius:50%;width:6px;height:6px}.calendar-day-marker.has-entry{background:var(--teal)}.calendar-day-marker.missed{background:0 0;border:1.4px solid #b9c9c2}.plan-entry-list{gap:0;display:grid}.plan-entry-list-row{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e9efec;justify-content:space-between;align-items:center;gap:12px;padding:14px 4px;display:flex}.plan-entry-list-row:last-child{border-bottom:0}.plan-entry-list-row:hover{background:#f7faf8}.plan-entry-list-date{min-width:90px;font-weight:650}.plan-entry-list-summary{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.entry-editor-panel{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.entry-editor-panel>h3{margin-bottom:12px;font-size:13px}@media (max-width:760px){.field-builder-row{grid-template-columns:1fr}.note-composer-row{flex-direction:column;align-items:stretch}.calendar-day{font-size:11px}.weekday-chip{width:38px;height:38px}.plan-workspace{grid-template-columns:1fr;padding:18px}.plan-entry-pane{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}.calendar-day{min-height:40px}.plan-note-composer{grid-template-columns:1fr}.plan-note-composer .primary{width:100%}}@media (min-width:761px) and (max-width:1120px){.plan-workspace{grid-template-columns:1fr}.plan-entry-pane{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #287c6a}.sidebar :where(a,button):focus-visible,.appearance-option:focus-visible,.custom-options button:focus-visible,.date-grid-picker button:focus-visible{outline-offset:-3px}.note-edit-trigger:focus-visible,.entity-card-title:focus-visible,.project-card-main:focus-visible{outline-offset:3px;border-radius:8px}.note-check:focus-visible,.icon-button:focus-visible{outline-offset:3px}.custom-control-trigger:focus-visible,.search-field:focus-within,.workspace-form input:focus-visible,.workspace-form textarea:focus-visible,.note-body-field textarea:focus-visible{border-color:var(--teal);outline:2px solid color-mix(in srgb, var(--teal) 40%, transparent);outline-offset:1px}@media (hover:none),(pointer:coarse){.primary,.secondary,.icon-button,.note-check,.custom-control-trigger,.custom-options button,.date-grid-picker button,.sidebar a,.sidebar button,.sticky-note-card,.modern-list-row,.entity-card,.project-card,.appearance-option,.weekday-chip,.calendar-day{transition:none}.primary:hover{color:#fff;border-color:var(--teal);background:var(--teal)}.secondary:hover{color:var(--ink);background:var(--surface);border-color:#cbd9d3}.icon-button:hover,.sidebar nav a:hover,.sidebar-footer>a:hover,.sidebar-footer>button:hover{color:inherit;background:0 0}.sidebar nav a.active:hover,.sidebar-footer>a.active:hover{color:var(--teal-dark);background:#dcebe4}html[data-appearance=sidebar-dark] .sidebar nav a:hover,html[data-appearance=sidebar-dark] .sidebar-footer>a:hover,html[data-appearance=sidebar-dark] .sidebar-footer>button:hover,html[data-appearance=dark] .sidebar nav a:hover,html[data-appearance=dark] .sidebar-footer>a:hover,html[data-appearance=dark] .sidebar-footer>button:hover{color:#b9cbc4;background:0 0}html[data-appearance=sidebar-dark] .sidebar nav a.active:hover,html[data-appearance=sidebar-dark] .sidebar-footer>a.active:hover,html[data-appearance=dark] .sidebar nav a.active:hover,html[data-appearance=dark] .sidebar-footer>a.active:hover{color:#fff;background:#24483d}.modern-list-row:hover,.entity-card:hover,.project-card:hover,.custom-control-trigger:hover,.appearance-option:hover{border-color:var(--line);background:var(--surface)}.note-check:hover{background:#fff;border-color:#b9cec5}.note-check[aria-pressed=true]:hover{border-color:var(--teal);background:var(--teal)}.primary:active,.secondary:active,.icon-button:active,.note-check:active,.custom-control-trigger:active,.custom-options button:active,.date-grid-picker button:active,.appearance-option:active{opacity:.72}}@media (hover:hover) and (pointer:fine){.primary:hover,.secondary:hover,.icon-button:hover,.note-check:hover,.custom-control-trigger:hover,.custom-options button:hover,.date-grid-picker button:hover,.sidebar a:hover,.entity-card:hover,.project-card:hover{cursor:pointer}}.sidebar{border-right:0;transition:width .18s,padding .18s}.sidebar.collapsed{width:78px;padding-inline:12px}.sidebar.collapsed .brand{justify-content:center;padding-inline:0}.sidebar.collapsed .brand>span,.sidebar.collapsed nav a>span,.sidebar.collapsed .sidebar-collapse>span{display:none}.sidebar.collapsed nav a{justify-content:center;padding-inline:0}.sidebar.collapsed .sidebar-footer{border-top:0}.sidebar-collapse{color:#8fa69d;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:42px;display:flex}.sidebar-collapse:hover{color:#fff;background:#ffffff14}.main{transition:padding-left .18s}.main.sidebar-collapsed{padding-left:78px}.main{overflow-x:clip}.route-content{z-index:1;border:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:var(--surface);transform-origin:50%;contain:paint;isolation:isolate;border-radius:22px;width:calc(100% - clamp(20px,2.5vw,40px));min-height:calc(100vh - 112px);margin:18px auto 20px;position:relative;overflow:clip}.route-content[data-motion] .notes-skeleton i,.route-content[data-motion] .notes-skeleton span,.route-content[data-motion] .settings-skeleton i,.route-content[data-motion] .detail-skeleton i,.route-content[data-motion] .list-skeleton i,.route-content[data-motion] .card-skeleton i,.route-content[data-motion] .sticky-note-card.is-loading{animation-play-state:paused}.route-loading{z-index:0;opacity:0;pointer-events:none;place-items:center;width:38px;height:38px;transition:opacity .12s .3s;display:grid;position:fixed;top:calc(50% + 37px);left:calc(50% + 128px)}.route-loading.visible{opacity:1}.route-loading svg{width:22px;height:22px;color:var(--teal);animation:.8s linear infinite button-spin}.main.sidebar-collapsed .route-loading{left:calc(50% + 39px)}.topbar{background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:0;height:74px;padding-inline:clamp(20px,3vw,46px)}.topbar-profile{position:relative}.profile-trigger{min-height:48px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:4px 7px 4px 5px;display:flex}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{background:var(--sage)}.profile-trigger-copy{gap:1px;max-width:190px;display:grid}.profile-trigger-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-trigger-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.profile-trigger>svg{width:14px;height:14px;color:var(--muted)}.profile-menu{z-index:80;border:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:var(--surface);border-radius:16px;gap:3px;width:min(270px,100vw - 28px);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.profile-menu-head{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:4px;padding:8px;display:grid}.profile-menu-head>span:last-child{gap:2px;min-width:0;display:grid}.profile-menu-head small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.profile-menu a,.profile-menu>button{min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-size:12px;text-decoration:none;display:flex}.profile-menu a:hover,.profile-menu>button:hover{background:var(--sage)}.profile-menu svg{width:16px;height:16px;color:var(--muted)}.notes-page{max-width:1480px}.notes-page .page-title{margin-bottom:16px}.note-composer{background:var(--surface);border:0;border-radius:22px;gap:18px;padding:clamp(20px,2.4vw,30px)}.note-body-field>textarea,.note-composer .custom-control-trigger,.note-edit-row .custom-control-trigger{background:#f2f6f4;border-color:#0000}.note-body-field>textarea:hover,.note-body-field>textarea:focus,.note-composer .custom-control-trigger:hover,.note-composer .custom-control-trigger[aria-expanded=true]{background:#edf4f0;border-color:#0000}.note-composer-row{grid-template-columns:minmax(150px,.8fr) minmax(150px,.7fr) minmax(210px,1.15fr) auto;gap:10px}.control-with-icon>svg{z-index:1;color:#71837d;pointer-events:none;width:16px;height:16px;display:block;position:absolute;top:14px;left:11px}.control-with-icon .custom-control-trigger{padding-left:36px}.note-submit{border:0;min-width:112px}.note-filters{background:var(--surface);border:0;border-radius:16px;gap:6px;padding:6px}.search-field,.note-filters .custom-control-trigger{background:#f3f6f5;border-color:#0000;min-height:44px}.search-field{border-radius:12px}.note-filters .custom-control-trigger:hover,.note-filters .custom-control-trigger[aria-expanded=true]{background:var(--sage);border-color:#0000}.custom-date-range{flex:100%;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);align-items:center;gap:8px;padding:5px 4px 2px;display:grid}.custom-date-range>span{color:var(--muted);font-size:11px}.custom-select-search{z-index:1;background:#f2f6f4;border-radius:9px;align-items:center;gap:7px;min-height:38px;margin-bottom:4px;padding:0 9px;display:flex;position:sticky;top:0}.custom-select-search svg{width:14px;height:14px;color:var(--muted)}.custom-select-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.custom-select-empty{color:var(--muted);text-align:center;padding:10px;font-size:11px;display:block}.notes-table{gap:5px}.notes-table-head{opacity:.8;border-bottom:0;min-height:34px}.note-table-row{background:color-mix(in srgb, var(--surface) 94%, var(--paper));border:0;border-radius:16px;min-height:68px;padding:14px 16px}.note-table-row.is-overdue{background:#fbefec;border:0}.note-table-row.is-overdue:hover{background:#f7e6e2;border-color:#0000}.note-check{background:#edf4f0;border-color:#0000}.note-check:hover{background:#dcece5;border-color:#0000}.note-row-actions .icon-button{background:0 0;border-color:#0000}.note-edit-row{border:0;border-radius:18px}.mini-sticky,.sticky-library-page .sticky-note-card{clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);border:0}.sticky-library-page .sticky-note-card{clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}.mini-sticky:after,.sticky-library-page .sticky-note-card:after{border-color:#ffffff2e}@media (max-width:1180px){.note-composer-row{grid-template-columns:repeat(3,minmax(150px,1fr))}.note-submit{grid-column:1/-1}}@media (max-width:760px){.sidebar.collapsed{width:256px;padding:24px 16px}.sidebar.collapsed .brand{justify-content:flex-start;padding:0 8px}.sidebar.collapsed .brand>span,.sidebar.collapsed nav a>span{display:inline}.sidebar-collapse{display:none}.main.sidebar-collapsed{padding-left:0}.route-loading,.main.sidebar-collapsed .route-loading{left:calc(50% - 19px)}.profile-trigger-copy,.profile-trigger>svg{display:none}.profile-trigger{min-height:42px;padding:3px}.note-composer-row{grid-template-columns:1fr}.note-submit{grid-column:auto}.custom-date-range{grid-template-columns:1fr}.custom-date-range>span{display:none}}.notes-page{max-width:none;margin-inline:0;padding-inline:clamp(22px,3vw,52px)}.note-composer{background:#f7f9f8;border:0}.note-filters{background:#f6f8f7;border:0}.note-table-row{background:#f7f9f8;border:0}.note-table-row:hover{background:#e9edeb;border-color:#0000}.note-table-row.is-overdue{border:0}.note-table-row.is-overdue:hover{border-color:#0000}.search-field:focus-within,.notes-page .custom-control-trigger:focus-visible,.notes-page .note-body-field textarea:focus-visible,.custom-select-search:focus-within{border-color:#65a493;outline:0}.search-field input:focus-visible,.custom-select-search input:focus-visible{outline:0}.search-field:focus-within{background:#edf4f0}.note-check{color:#fff;background:0 0;border:1.5px solid #a9c0b7;border-radius:50%;flex-basis:28px;width:28px;height:28px}.note-check .check-circle{display:none}.note-check:hover{border-color:var(--teal);background:#e6f0eb}.note-check[aria-pressed=true]{border-color:var(--teal);background:var(--teal)}.note-check[aria-pressed=true]:hover{border-color:var(--teal-dark);background:var(--teal-dark)}.note-row-actions{opacity:.74;gap:5px}.note-row-actions .icon-button{color:#5f746d;background:0 0;border:0;border-radius:10px;width:34px;height:34px;transition:color .14s,background-color .14s}.note-row-actions .icon-button:hover{color:var(--teal-dark);background:#e8f1ed}.note-row-actions .icon-button.danger:hover{color:#a64038;background:#faecea}.note-row-actions .icon-button:focus-visible{background:#e8f1ed}.settings-page{max-width:none}.settings-page .page-title{margin-bottom:18px}.settings-stack{gap:14px}.settings-section{border-color:#dce6e1;border-radius:20px;gap:18px;padding:clamp(20px,2.5vw,28px)}.settings-section-heading{align-items:center;gap:10px;display:flex}.settings-section-heading>span{width:34px;height:34px;color:var(--teal);background:var(--sage);border-radius:10px;place-items:center;display:grid}.settings-section-heading svg{width:17px;height:17px}.settings-section-heading h2{margin:0;font-size:15px}.appearance-options{gap:10px}.appearance-option{background:#f3f7f5;border-color:#0000;border-radius:14px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;min-height:92px;padding:10px;transition:border-color .15s,background-color .15s}.appearance-option:hover{background:#eef5f1;border-color:#c9dad3}.appearance-option[aria-checked=true]{background:#e8f2ed;border-color:#78aa9c}.appearance-option strong{font-size:12px}.appearance-preview{border-color:#d4dfda;border-radius:9px;height:64px}.appearance-preview em{margin:8px}.settings-lower-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.settings-form{border-color:#dce6e1;border-radius:20px;gap:20px;padding:clamp(20px,2.5vw,28px)}.settings-account-head{align-items:center;gap:12px;display:flex}.settings-account-head>span:last-child{gap:3px;min-width:0;display:grid}.settings-account-head h2{margin:0;font-size:15px}.settings-account-head small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.settings-avatar{cursor:default;width:42px;height:42px;font-size:13px}.settings-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-profile-fields>label{color:#526761;gap:7px;font-size:11px;font-weight:650;display:grid}.settings-profile-fields input{width:100%;min-height:44px;color:var(--ink);background:#f2f6f4;border:1px solid #0000;border-radius:11px;padding:0 13px}.settings-profile-fields input:hover:not(:disabled){background:#edf4f0}.settings-profile-fields input:focus-visible{border-color:#65a493;outline:0}.settings-profile-fields input:disabled{color:var(--muted);background:#eef2f0}.settings-password-fields{gap:12px;display:grid}.settings-password-fields>label{color:#526761;gap:7px;font-size:11px;font-weight:650;display:grid}.settings-password-fields input{width:100%;min-height:44px;color:var(--ink);background:#f2f6f4;border:1px solid #0000;border-radius:11px;padding:0 13px}.settings-password-fields input:hover{background:#edf4f0}.settings-password-fields input:focus-visible{border-color:#65a493;outline:0}.settings-security .settings-form-footer{margin-top:auto}.settings-form-footer{justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.settings-form-footer p{margin:0}@media (max-width:980px){.settings-lower-grid{grid-template-columns:1fr}}@media (max-width:700px){.appearance-option{grid-template-columns:100px minmax(0,1fr)}.settings-profile-fields{grid-template-columns:1fr}}