:root{--purple-50:#f0effa;--purple-100:#dad8f4;--purple-200:#b8b4ea;--purple-300:#9590e0;--purple-400:#7570d6;--purple-500:#534ab7;--purple-600:#4640a3;--purple-700:#383390;--purple-800:#2c287a;--purple-900:#201e60;--teal-50:#e8f7f2;--teal-100:#c4ebe0;--teal-200:#8ed5c0;--teal-300:#57bfa0;--teal-400:#35ad8a;--teal-500:#1d9e75;--teal-600:#178c66;--teal-700:#117a57;--teal-800:#0b6346;--amber-50:#fef6e7;--amber-100:#fceac2;--amber-200:#fad68a;--amber-300:#f7c050;--amber-400:#f4ae27;--amber-500:#ef9f27;--amber-600:#d98a1a;--amber-700:#c07610;--amber-800:#a4600a;--gray-50:#f8f8f6;--gray-100:#f1efe8;--gray-200:#e4e1d8;--gray-300:#ccc9be;--gray-400:#a8a49a;--gray-500:#7c7870;--gray-600:#5c5952;--gray-700:#3e3c37;--gray-800:#28261f;--gray-900:#17160f;--red-50:#fef0ee;--red-400:#e85c4a;--red-600:#c93727;--red-800:#8c2118;--bg-primary:#fff;--bg-secondary:#f8f8f6;--bg-tertiary:#f1efe8;--bg-overlay:#00000073;--text-primary:#17160f;--text-secondary:#3e3c37;--text-muted:#7c7870;--text-faint:#a8a49a;--text-on-brand:#fff;--border-subtle:#00000014;--border-soft:#00000024;--border-medium:#00000038;--brand:var(--purple-500);--brand-hover:var(--purple-600);--brand-light:var(--purple-50);--brand-text:var(--purple-700);--accent:var(--teal-500);--accent-hover:var(--teal-600);--accent-light:var(--teal-50);--accent-text:var(--teal-700);--warn:var(--amber-500);--warn-light:var(--amber-50);--warn-text:var(--amber-700);--danger:var(--red-600);--danger-light:var(--red-50);--danger-text:var(--red-600);--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:16px;--r-2xl:20px;--r-full:9999px;--sidebar-width:164px;--iconbar-width:52px;--bottomnav-height:64px;--topbar-height:50px;--font:"Inter", system-ui, -apple-system, sans-serif;--shadow-xs:0 1px 2px #00000012;--shadow-sm:0 2px 6px #00000017;--shadow-md:0 4px 14px #0000001f;--shadow-lg:0 8px 28px #00000029}@media (prefers-color-scheme:dark){:root{--bg-primary:#111110;--bg-secondary:#1a1a18;--bg-tertiary:#232320;--bg-overlay:#000000a6;--text-primary:#f2f0e8;--text-secondary:#c8c5bb;--text-muted:#8c8880;--text-faint:#5c5952;--border-subtle:#ffffff0f;--border-soft:#ffffff1c;--border-medium:#ffffff2e;--brand:var(--purple-400);--brand-hover:var(--purple-300);--brand-light:#534ab72e;--brand-text:var(--purple-200);--accent:var(--teal-400);--accent-hover:var(--teal-300);--accent-light:#1d9e752e;--accent-text:var(--teal-200);--warn:var(--amber-400);--warn-light:#ef9f272e;--warn-text:var(--amber-200);--danger:var(--red-400);--danger-light:#e85c4a2e;--danger-text:var(--red-400);--shadow-xs:0 1px 2px #00000038;--shadow-sm:0 2px 6px #0000004d;--shadow-md:0 4px 14px #0006;--shadow-lg:0 8px 28px #0000008a}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}#root{height:100%}img,svg{max-width:100%;display:block}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.app-shell{background:var(--bg-secondary);height:100dvh;display:flex;overflow:hidden}.app-main{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.view-body{flex:1;padding:24px 20px;overflow-y:auto}.view-body--narrow{max-width:680px;margin:0 auto}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:.5px solid var(--border-subtle);flex-direction:column;flex-shrink:0;height:100%;padding:12px 0 8px;display:flex;overflow:hidden}.sidebar__logo{border-bottom:.5px solid var(--border-subtle);align-items:center;gap:8px;margin-bottom:8px;padding:0 14px 16px;display:flex}.sidebar__logo-mark{border-radius:var(--r-sm);background:var(--brand);width:28px;height:28px;color:var(--text-on-brand);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sidebar__logo-text{color:var(--text-secondary);letter-spacing:.01em;font-size:13px;font-weight:600}.sidebar__nav{flex-direction:column;flex:1;gap:1px;padding:0 6px;display:flex}.sidebar__item{border-radius:var(--r-md);cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:450;transition:background .12s,color .12s;display:flex}.sidebar__item:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.sidebar__item--active{background:var(--brand-light);color:var(--brand-text);font-weight:600}.sidebar__item--active .sidebar__icon{color:var(--brand)}.sidebar__icon{flex-shrink:0;font-size:16px}.sidebar__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__badge{background:var(--brand);color:var(--text-on-brand);border-radius:var(--r-full);justify-content:center;align-items:center;min-width:17px;height:17px;margin-left:auto;padding:0 4px;font-size:10px;font-weight:600;display:flex}.sidebar__divider{background:var(--border-subtle);height:.5px;margin:6px 10px}.sidebar__footer{padding:6px 6px 4px}.iconbar{width:var(--iconbar-width);background:var(--bg-secondary);border-right:.5px solid var(--border-subtle);flex-direction:column;flex-shrink:0;align-items:center;gap:2px;height:100%;padding:12px 0 10px;display:flex}.iconbar__logo{border-radius:var(--r-sm);background:var(--brand);width:32px;height:32px;color:var(--text-on-brand);flex-shrink:0;justify-content:center;align-items:center;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.iconbar__item{border-radius:var(--r-md);cursor:pointer;width:38px;height:38px;color:var(--text-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:18px;transition:background .12s,color .12s;display:flex;position:relative}.iconbar__item:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.iconbar__item--active{background:var(--brand-light);color:var(--brand)}.iconbar__dot{border-radius:var(--r-full);background:var(--brand);border:1.5px solid var(--bg-secondary);width:6px;height:6px;position:absolute;top:6px;right:6px}.iconbar__spacer{flex:1}.topbar{height:var(--topbar-height);background:var(--bg-primary);border-bottom:.5px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:10px;padding:0 16px;display:flex}.topbar__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:600;overflow:hidden}.topbar__subtitle{color:var(--text-muted);white-space:nowrap;font-size:11px}.topbar__actions{align-items:center;gap:6px;margin-left:auto;display:flex}.bottomnav{z-index:100;height:calc(var(--bottomnav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-secondary);border-top:.5px solid var(--border-subtle);align-items:flex-start;padding-top:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav__item{cursor:pointer;color:var(--text-faint);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:2px 0;transition:color .12s;display:flex}.bottomnav__item--active{color:var(--brand)}.bottomnav__item:hover{color:var(--text-muted)}.bottomnav__icon{font-size:22px}.bottomnav__label{letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:500}.bottomnav-spacer{height:calc(var(--bottomnav-height) + env(safe-area-inset-bottom));flex-shrink:0}.capture-btn{bottom:calc(var(--bottomnav-height) + env(safe-area-inset-bottom) + 12px);z-index:90;border-radius:var(--r-full);background:var(--brand);width:48px;height:48px;color:var(--text-on-brand);cursor:pointer;box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;font-size:22px;transition:background .12s,transform .12s,box-shadow .12s;display:flex;position:fixed;right:16px}.capture-btn:hover{background:var(--brand-hover);transform:scale(1.06)}.capture-btn:active{transform:scale(.96)}.capture-btn--inline{border-radius:var(--r-md);width:auto;height:32px;box-shadow:none;gap:5px;padding:0 12px;font-size:13px;position:static}.card{background:var(--bg-primary);border:.5px solid var(--border-soft);border-radius:var(--r-lg);padding:14px 16px;transition:box-shadow .12s,border-color .12s}.card--hover:hover{box-shadow:var(--shadow-sm);border-color:var(--border-medium);cursor:pointer}.card--flat{background:var(--bg-secondary);border-color:var(--border-subtle)}.card--gap{flex-direction:column;gap:10px;display:flex}.card__header{align-items:flex-start;gap:10px;display:flex}.card__body{color:var(--text-secondary);margin-top:6px;font-size:13px}.card__footer{align-items:center;gap:8px;margin-top:10px;display:flex}.card-list{flex-direction:column;gap:8px;display:flex}.badge{border-radius:var(--r-full);white-space:nowrap;border:.5px solid #0000;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.badge--brand{background:var(--brand-light);color:var(--brand-text);border-color:var(--brand)}.badge--accent{background:var(--accent-light);color:var(--accent-text);border-color:var(--accent)}.badge--warn{background:var(--warn-light);color:var(--warn-text);border-color:var(--warn)}.badge--danger{background:var(--danger-light);color:var(--danger-text);border-color:var(--danger)}.badge--neutral{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-soft)}.badge--high{background:var(--danger-light);color:var(--danger-text);border-color:var(--danger)}.badge--medium{background:var(--warn-light);color:var(--warn-text);border-color:var(--warn)}.badge--low{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-soft)}.badge--active{background:var(--accent-light);color:var(--accent-text);border-color:var(--accent)}.badge--paused{background:var(--warn-light);color:var(--warn-text);border-color:var(--warn)}.badge--done,.badge--archived{background:var(--bg-tertiary);color:var(--text-faint);border-color:var(--border-subtle)}.progress{flex-direction:column;gap:4px;display:flex}.progress__label{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.progress__track{border-radius:var(--r-full);background:var(--bg-tertiary);height:4px;overflow:hidden}.progress__fill{border-radius:var(--r-full);background:var(--brand);height:100%;transition:width .12s}.progress__fill--accent{background:var(--accent)}.progress__fill--warn{background:var(--warn)}.progress__fill--danger{background:var(--danger)}.progress__fill--success{background:var(--accent)}.project-card{background:var(--bg-primary);border:.5px solid var(--border-soft);border-radius:var(--r-lg);cursor:pointer;flex-direction:column;gap:10px;padding:14px 16px;transition:box-shadow .12s,border-color .12s;display:flex}.project-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-medium)}.project-card__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.project-card__title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.3}.project-card__meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.project-card__area{color:var(--text-muted);font-size:11px}.project-card__due{color:var(--text-faint);font-size:11px}.project-card__due--soon{color:var(--warn-text);font-weight:500}.project-card__due--overdue{color:var(--danger-text);font-weight:500}.project-card__tasks{color:var(--text-muted);font-size:11px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.next-action{background:var(--brand-light);border:.5px solid var(--brand);border-radius:var(--r-md);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.next-action__label{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-text);margin-bottom:2px;font-size:10px;font-weight:600}.next-action__text{color:var(--text-primary);font-size:13px}.next-action__icon{color:var(--brand);flex-shrink:0;margin-top:1px;font-size:15px}.task-item{border-bottom:.5px solid var(--border-subtle);align-items:flex-start;gap:10px;padding:10px 0;transition:background .12s;display:flex}.task-item:last-child{border-bottom:none}.task-item--clickable{cursor:pointer}.task-item--clickable:hover{background:var(--bg-secondary);border-radius:var(--r-sm);margin:0 -6px;padding-left:6px;padding-right:6px}.task-item__check{border-radius:var(--r-xs);border:.5px solid var(--border-medium);cursor:pointer;background:var(--bg-primary);flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:background .12s,border-color .12s;display:flex}.task-item__check--done{background:var(--brand);border-color:var(--brand);color:var(--text-on-brand)}.task-item__body{flex:1;min-width:0}.task-item__title{color:var(--text-primary);font-size:13px;line-height:1.4}.task-item__title--done{color:var(--text-faint);text-decoration:line-through}.task-item__sub{color:var(--text-muted);margin-top:2px;font-size:11px}.task-item__meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.task-section-header{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);padding:16px 0 6px;font-size:11px;font-weight:600}.view-body--detail{padding:0}.detail-header{border-bottom:.5px solid var(--border-subtle);background:var(--bg-primary);z-index:10;flex-direction:column;gap:8px;padding:16px 20px 0;display:flex;position:sticky;top:0}.detail-title{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.25}.detail-meta{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:12px;display:flex}.detail-tabs{gap:0;margin-top:4px;display:flex}.detail-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;padding:8px 14px;font-size:13px;font-weight:500;transition:color .12s,border-color .12s}.detail-tab:hover{color:var(--text-secondary)}.detail-tab--active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.detail-body{padding:20px}.notes-toolbar{background:var(--bg-secondary);border:.5px solid var(--border-subtle);border-radius:var(--r-md) var(--r-md) 0 0;align-items:center;gap:2px;padding:6px 8px;display:flex}.notes-toolbar__btn{border-radius:var(--r-sm);width:30px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:13px;transition:background .12s,color .12s;display:flex}.notes-toolbar__btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.notes-toolbar__btn--active{background:var(--brand-light);color:var(--brand)}.notes-toolbar__sep{background:var(--border-soft);width:.5px;height:18px;margin:0 3px}.notes-area{background:var(--bg-primary);border:.5px solid var(--border-subtle);border-radius:0 0 var(--r-md) var(--r-md);width:100%;min-height:200px;color:var(--text-primary);resize:vertical;border-top:none;outline:none;padding:12px 14px;font-size:14px;line-height:1.7;transition:border-color .12s}.notes-area:focus{border-color:var(--brand)}.cal-header{justify-content:space-between;align-items:center;padding:0 4px 16px;display:flex}.cal-month-label{color:var(--text-primary);font-size:16px;font-weight:600}.cal-nav-btn{border-radius:var(--r-md);border:.5px solid var(--border-soft);background:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:16px;transition:background .12s,border-color .12s;display:flex}.cal-nav-btn:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.cal-view-tabs{gap:4px;display:flex}.cal-view-tab{border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s}.cal-view-tab:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.cal-view-tab--active{background:var(--brand-light);color:var(--brand-text)}.cal-grid-days{grid-template-columns:repeat(7,1fr);gap:0;display:grid}.cal-day-name{text-align:center;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:0 0 8px;font-size:10px;font-weight:600}.cal-cell{border-top:.5px solid var(--border-subtle);border-right:.5px solid var(--border-subtle);cursor:pointer;min-height:72px;padding:4px;transition:background .12s}.cal-cell:hover{background:var(--bg-secondary)}.cal-cell--today{background:var(--brand-light)}.cal-cell--other-month{opacity:.4}.cal-cell__num{color:var(--text-secondary);border-radius:var(--r-full);justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:500;display:flex}.cal-cell--today .cal-cell__num{background:var(--brand);color:var(--text-on-brand);font-weight:700}.cal-event-dot{border-radius:var(--r-full);background:var(--brand);text-overflow:ellipsis;white-space:nowrap;height:4px;color:var(--text-on-brand);margin:2px 1px;padding:0 3px;font-size:9px;line-height:4px;overflow:hidden}.archive-item{background:var(--bg-primary);border:.5px solid var(--border-subtle);border-radius:var(--r-md);opacity:.75;cursor:pointer;align-items:center;gap:12px;padding:11px 14px;transition:opacity .12s,box-shadow .12s;display:flex}.archive-item:hover{opacity:1;box-shadow:var(--shadow-xs)}.archive-item__icon{border-radius:var(--r-sm);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-faint);flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.archive-item__body{flex:1;min-width:0}.archive-item__title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.archive-item__meta{color:var(--text-faint);margin-top:1px;font-size:11px}.inbox-item{background:var(--bg-primary);border:.5px solid var(--border-soft);border-radius:var(--r-lg);align-items:flex-start;gap:10px;padding:12px 14px;transition:box-shadow .12s,border-color .12s;display:flex}.inbox-item:hover{box-shadow:var(--shadow-xs);border-color:var(--border-medium)}.inbox-item__icon{border-radius:var(--r-md);background:var(--bg-tertiary);width:34px;height:34px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:16px;display:flex}.inbox-item__body{flex:1;min-width:0}.inbox-item__title{color:var(--text-primary);font-size:14px;font-weight:500}.inbox-item__note{color:var(--text-muted);margin-top:3px;font-size:12px}.inbox-item__actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.inbox-capture{background:var(--bg-secondary);border:.5px solid var(--border-soft);border-radius:var(--r-lg);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;transition:border-color .12s;display:flex}.inbox-capture:focus-within{border-color:var(--brand)}.inbox-capture__input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.inbox-capture__input::placeholder{color:var(--text-faint)}.area-card{background:var(--bg-primary);border:.5px solid var(--border-soft);border-radius:var(--r-lg);cursor:pointer;padding:14px 16px;transition:box-shadow .12s,border-color .12s}.area-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-medium)}.area-card__header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.area-card__icon{border-radius:var(--r-md);background:var(--brand-light);width:36px;height:36px;color:var(--brand);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.area-card__title{color:var(--text-primary);font-size:14px;font-weight:600}.area-card__subtitle{color:var(--text-muted);font-size:12px}.area-card__stats{gap:14px;margin-top:8px;display:flex}.area-card__stat{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.resource-card{background:var(--bg-primary);border:.5px solid var(--border-soft);border-radius:var(--r-lg);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;transition:box-shadow .12s,border-color .12s;display:flex}.resource-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-medium)}.resource-card__icon{border-radius:var(--r-md);background:var(--bg-tertiary);width:38px;height:38px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.resource-card__body{flex:1;min-width:0}.resource-card__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.resource-card__url{color:var(--text-faint);margin-top:1px;font-size:11px}.resource-card__tags{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.stat-card{background:var(--bg-primary);border:.5px solid var(--border-soft);border-radius:var(--r-lg);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.stat-card__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:11px;font-weight:500}.stat-card__value{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.1}.stat-card__sub{color:var(--text-muted);font-size:12px}.stat-card--brand{background:var(--brand-light);border-color:var(--brand)}.stat-card--brand .stat-card__value{color:var(--brand)}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.filter-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-pill{border-radius:var(--r-full);white-space:nowrap;cursor:pointer;border:.5px solid var(--border-soft);background:var(--bg-primary);color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.filter-pill:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.filter-pill--active{background:var(--brand-light);color:var(--brand-text);border-color:var(--brand)}.btn{border-radius:var(--r-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:.5px solid #0000;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s,border-color .12s,box-shadow .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--brand);color:var(--text-on-brand);border-color:var(--brand)}.btn--primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn--secondary{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-soft)}.btn--secondary:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--bg-secondary);color:var(--text-secondary)}.btn--danger{background:var(--danger-light);color:var(--danger-text);border-color:var(--danger)}.btn--danger:hover{background:var(--danger);color:var(--text-on-brand)}.btn--accent{background:var(--accent);color:var(--text-on-brand);border-color:var(--accent)}.btn--accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--sm{border-radius:var(--r-sm);padding:4px 10px;font-size:12px}.btn--lg{border-radius:var(--r-lg);padding:10px 20px;font-size:15px}.btn--icon{width:34px;height:34px;padding:7px}.btn--icon.btn--sm{width:28px;height:28px;padding:5px}.btn--round{border-radius:var(--r-full)}.btn--full{width:100%}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.page-header__left{flex-direction:column;gap:4px;display:flex}.page-header__title{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.2}.page-header__desc{color:var(--text-muted);font-size:13px}.page-header__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.back-btn{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:5px;padding:5px 0;font-size:13px;font-weight:500;transition:color .12s;display:inline-flex}.back-btn:hover{color:var(--text-secondary)}.back-btn__icon{font-size:16px}.tip-box{background:var(--bg-tertiary);border:.5px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-muted);gap:10px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.tip-box--brand{background:var(--brand-light);border-color:var(--brand);color:var(--brand-text)}.tip-box--warn{background:var(--warn-light);border-color:var(--warn);color:var(--warn-text)}.tip-box__icon{flex-shrink:0;margin-top:1px;font-size:15px}.sheet-overlay{background:var(--bg-overlay);z-index:200;justify-content:center;align-items:flex-end;animation:.12s fade-in;display:flex;position:fixed;inset:0}.sheet-overlay--center{align-items:center}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{background:var(--bg-primary);border-radius:var(--r-2xl) var(--r-2xl) 0 0;width:100%;max-width:480px;padding:12px 0 calc(env(safe-area-inset-bottom) + 16px);box-shadow:var(--shadow-lg);max-height:85svh;animation:.12s slide-up;overflow-y:auto}.sheet--center{border-radius:var(--r-xl);margin:16px;animation:.12s scale-in}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sheet__handle{border-radius:var(--r-full);background:var(--border-medium);width:36px;height:4px;margin:0 auto 12px}.sheet__title{color:var(--text-primary);border-bottom:.5px solid var(--border-subtle);padding:0 16px 10px;font-size:15px;font-weight:600}.sheet__item{cursor:pointer;color:var(--text-primary);align-items:center;gap:12px;padding:13px 16px;font-size:14px;transition:background .12s;display:flex}.sheet__item:hover{background:var(--bg-secondary)}.sheet__item--danger{color:var(--danger-text)}.sheet__item__icon{text-align:center;width:24px;color:var(--text-muted);flex-shrink:0;font-size:18px}.sheet__item--danger .sheet__item__icon{color:var(--danger-text)}.sheet__sep{background:var(--border-subtle);height:.5px;margin:4px 0}.input{background:var(--bg-primary);border:.5px solid var(--border-soft);border-radius:var(--r-md);width:100%;color:var(--text-primary);outline:none;padding:9px 12px;font-size:14px;transition:border-color .12s}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--brand)}.input--sm{padding:6px 10px;font-size:13px}.input--error{border-color:var(--danger)}.input-label{color:var(--text-secondary);margin-bottom:5px;font-size:12px;font-weight:500;display:block}.input-group{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state__icon{color:var(--text-faint);font-size:40px}.empty-state__title{color:var(--text-secondary);font-size:16px;font-weight:600}.empty-state__desc{color:var(--text-muted);max-width:260px;font-size:13px;line-height:1.55}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row{align-items:center;display:flex}.row--gap-sm{gap:6px}.row--gap-md{gap:10px}.row--gap-lg{gap:16px}.row--between{justify-content:space-between}.row--end{justify-content:flex-end}.col{flex-direction:column;display:flex}.col--gap-sm{gap:6px}.col--gap-md{gap:12px}.col--gap-lg{gap:20px}.mt-sm{margin-top:6px}.mt-md{margin-top:12px}.mt-lg{margin-top:20px}.mt-xl{margin-top:32px}.mb-sm{margin-bottom:6px}.mb-md{margin-bottom:12px}.mb-lg{margin-bottom:20px}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-brand{color:var(--brand)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger-text)}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.divider{background:var(--border-subtle);height:.5px;margin:12px 0}.divider--soft{background:var(--border-subtle)}.divider--medium{background:var(--border-soft)}.app-content{background:var(--bg-primary);flex:1;min-height:0;overflow-y:auto}.app-phone{background:var(--bg-primary);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-phone .app-content{padding-bottom:calc(var(--bottomnav-height) + env(safe-area-inset-bottom))}.app-tablet{background:var(--bg-secondary);height:100dvh;display:flex;overflow:hidden}.app-tablet-right{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-desktop{background:var(--bg-secondary);height:100dvh;display:flex;overflow:hidden}.app-loading{background:var(--bg-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100dvh;display:flex}.app-loading__title{color:var(--brand);letter-spacing:-.01em;font-size:20px;font-weight:500}.app-loading__spinner{border:2px solid var(--border-soft);border-top-color:var(--brand);border-radius:var(--r-full);width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-auth{background:var(--bg-tertiary);flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding:24px;display:flex}.app-auth__card{background:var(--bg-primary);border:.5px solid var(--border-soft);border-radius:var(--r-xl);width:100%;max-width:360px;box-shadow:var(--shadow-md);flex-direction:column;gap:16px;padding:32px 28px;display:flex}.app-auth__title{color:var(--text-primary);text-align:center;font-size:22px;font-weight:700}.app-auth__subtitle{color:var(--text-muted);text-align:center;margin-top:-8px;font-size:13px}.app-auth__error{color:var(--danger-text);background:var(--danger-light);border:.5px solid var(--danger);border-radius:var(--r-sm);padding:8px 10px;font-size:12px}.app-auth__link{color:var(--text-muted);text-align:center;cursor:pointer;font-size:13px}.app-auth__link span{color:var(--brand);cursor:pointer;text-decoration:underline}.ev-work{background:var(--brand)}.ev-content{background:var(--accent)}.ev-deadline{background:var(--danger)}.ev-gdms{background:var(--gray-500)}.ev-family{background:var(--warn)}.project-grid-1{flex-direction:column;gap:10px;display:flex}.project-grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.badge-active{background:var(--accent-light);color:var(--accent-text);border:.5px solid var(--accent);border-radius:var(--r-full);white-space:nowrap;align-items:center;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.badge-hold{background:var(--warn-light);color:var(--warn-text);border:.5px solid var(--warn);border-radius:var(--r-full);white-space:nowrap;align-items:center;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.due-chip{border-radius:var(--r-full);white-space:nowrap;background:var(--bg-tertiary);color:var(--text-muted);border:.5px solid var(--border-soft);align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.due-chip--soon{background:var(--warn-light);color:var(--warn-text);border-color:var(--warn)}.due-chip--overdue{background:var(--danger-light);color:var(--danger-text);border-color:var(--danger)}.project-card-title{color:var(--text-primary);margin:8px 0 3px;font-size:15px;font-weight:600;line-height:1.35}.progress-row{color:var(--text-muted);align-items:center;gap:8px;margin-top:10px;font-size:11px;display:flex}.progress-wrap{border-radius:var(--r-full);background:var(--bg-tertiary);flex:1;height:4px;overflow:hidden}.progress-fill{border-radius:var(--r-full);background:var(--brand);height:100%;transition:width .12s}.progress-fill.complete{background:var(--accent)}.sheet__body{flex-direction:column;gap:14px;padding:16px 20px;display:flex}.sheet__footer{border-top:.5px solid var(--border-subtle);gap:8px;padding:12px 20px 0;display:flex}.task-add-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.task-add-row .input{flex:1}.saved-indicator{color:var(--accent);font-size:11px;font-weight:500}.tasks-summary{background:var(--bg-secondary);border:.5px solid var(--border-subtle);border-radius:var(--r-md);flex-direction:column;gap:8px;margin-bottom:20px;padding:12px 14px;display:flex}.tasks-summary__label{color:var(--text-secondary);font-size:13px;font-weight:500}.next-action{cursor:pointer;transition:box-shadow .12s,border-color .12s}.next-action:hover{box-shadow:var(--shadow-sm);border-color:var(--brand-hover)}.next-action-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--brand);color:var(--text-on-brand);border-radius:var(--r-full);margin-bottom:5px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.next-action-text{color:var(--text-primary);margin-bottom:3px;font-size:13px;font-weight:500;line-height:1.4}.next-action-sub{color:var(--brand-text);font-size:11px}.tip-box--success{background:var(--accent-light);border-color:var(--accent);color:var(--accent-text)}.task-group{background:var(--bg-primary);border:.5px solid var(--border-soft);border-radius:var(--r-lg);overflow:hidden}.task-group--hold{opacity:.65}.task-group__header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;transition:background .12s;display:flex}.task-group__header:hover{background:var(--bg-secondary)}.task-group__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;transition:color .12s;overflow:hidden}.task-group__title:hover{color:var(--brand)}.task-group__count{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.task-group__chevron{color:var(--text-faint);flex-shrink:0;font-size:14px}.task-group__body{border-top:.5px solid var(--border-subtle);padding:2px 14px 6px}.task-group__empty{color:var(--text-faint);text-align:center;padding:12px 0;font-size:12px}.task-item__check i{font-size:11px}.journal-compose{background:var(--bg-secondary);border:.5px solid var(--border-soft);border-radius:var(--r-lg);flex-direction:column;gap:10px;margin-bottom:24px;padding:14px 16px;display:flex}.journal-compose__date{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.journal-compose .notes-area{border-radius:var(--r-md);border-color:var(--border-subtle);background:var(--bg-primary);resize:vertical;min-height:300px;padding:16px;font-size:15px}.journal-date-divider{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);border-bottom:.5px solid var(--border-subtle);margin-bottom:8px;padding:16px 0 8px;font-size:11px;font-weight:600}.journal-entry{background:var(--bg-primary);border:.5px solid var(--border-subtle);border-radius:var(--r-md);margin-bottom:8px;padding:12px 14px;transition:border-color .12s}.journal-entry:hover{border-color:var(--border-medium)}.journal-entry__time{color:var(--text-faint);margin-bottom:6px;font-size:11px;font-weight:500}.journal-entry__body{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.journal-entry__edit-area{resize:vertical;width:100%;min-height:72px;margin-top:8px}.journal-entry__actions{opacity:0;align-items:center;gap:4px;margin-top:8px;transition:opacity .12s;display:flex}.journal-entry:hover .journal-entry__actions{opacity:1}.cal-week-scroll{overflow-x:auto}.cal-week-head,.cal-week-body{grid-template-columns:48px repeat(7,1fr);min-width:420px;display:grid}.cal-week-head{border-bottom:.5px solid var(--border-subtle)}.cal-week-time-spacer{border-right:.5px solid var(--border-subtle)}.cal-week-day-header{text-align:center;border-right:.5px solid var(--border-subtle);padding:6px 4px}.cal-week-day-header--today .cal-week-day-name{color:var(--brand)}.cal-week-day-name{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10px;font-weight:600}.cal-week-day-num{color:var(--text-secondary);border-radius:var(--r-full);justify-content:center;align-items:center;width:26px;height:26px;margin:2px auto 0;font-size:15px;font-weight:500;display:flex}.cal-week-day-num--today{background:var(--brand);color:var(--text-on-brand);font-weight:700}.cal-time-label{color:var(--text-faint);text-align:right;border-right:.5px solid var(--border-subtle);justify-content:flex-end;align-items:flex-start;height:52px;padding:4px 8px 0 0;font-size:10px;line-height:1;display:flex}.cal-week-slot{border-top:.5px solid var(--border-subtle);border-right:.5px solid var(--border-subtle);height:52px;padding:2px 3px;overflow:hidden}.cal-week-slot--allday{border-top:none;height:auto;min-height:28px}.cal-week-slot--today{background:var(--brand-light)}.cal-week-event{border-radius:var(--r-xs);color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;padding:2px 5px;font-size:10px;font-weight:500;line-height:1.4;overflow:hidden}.cal-year-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=767px){.cal-year-grid{grid-template-columns:repeat(3,1fr)}}.cal-mini-month{border:.5px solid var(--border-subtle);border-radius:var(--r-md);cursor:pointer;padding:8px 6px;transition:border-color .12s,box-shadow .12s}.cal-mini-month:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.cal-mini-month__name{color:var(--text-secondary);text-align:center;margin-bottom:5px;font-size:11px;font-weight:600}.cal-mini-grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.cal-mini-cell{height:13px;color:var(--text-faint);border-radius:2px;justify-content:center;align-items:center;font-size:7px;display:flex}.cal-mini-cell--header{color:var(--text-faint);height:11px;font-size:6px;font-weight:700}.cal-mini-cell--today{background:var(--brand);color:#fff;border-radius:50%;font-weight:700}.cal-legend{border-top:.5px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;padding-top:12px;display:flex}.cal-legend__item{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;display:flex}.cal-legend__dot{border-radius:var(--r-full);flex-shrink:0;width:8px;height:8px}.inbox-item__icon--task{background:var(--brand-light);color:var(--brand)}.inbox-item__icon--note{background:var(--warn-light);color:var(--warn-text)}.inbox-item__icon--link{background:var(--accent-light);color:var(--accent)}.inbox-item__icon--idea{background:var(--brand-light);color:var(--brand)}.inbox-item__icon--file{background:var(--bg-tertiary);color:var(--text-muted)}.inbox-details{background:var(--bg-secondary);border:.5px solid var(--border-subtle);border-radius:var(--r-md);flex-direction:column;gap:10px;margin-top:8px;padding:12px 14px;display:flex}.inbox-para-row{align-items:center;gap:6px;display:flex}.inbox-para-badge{border-radius:var(--r-full);cursor:pointer;border:.5px solid var(--border-soft);background:var(--bg-primary);color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.inbox-para-badge--active-p{background:var(--brand-light);color:var(--brand-text);border-color:var(--brand)}.inbox-para-badge--active-a{background:var(--accent-light);color:var(--accent-text);border-color:var(--accent)}.inbox-para-badge--active-r{background:var(--warn-light);color:var(--warn-text);border-color:var(--warn)}.classify-option{border:.5px solid var(--border-soft);border-radius:var(--r-md);cursor:pointer;background:var(--bg-primary);align-items:center;gap:12px;padding:12px 14px;transition:background .12s,border-color .12s;display:flex}.classify-option:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.classify-option__icon{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.classify-option__label{color:var(--text-primary);font-size:13px;font-weight:600}.classify-option__desc{color:var(--text-muted);margin-top:1px;font-size:11px}