@font-face{font-family:Rooz;src:url('/fonts/regular.woff') format('woff');font-weight:100 599;font-display:swap}@font-face{font-family:Rooz;src:url('/fonts/bold.woff') format('woff');font-weight:600 900;font-display:swap}
:root{--bg:#f7f8f5;--surface:#fff;--surface-soft:#fafbf8;--ink:#263f35;--muted:#8a948c;--line:#e8ece5;--green:#235747;--green-deep:#184c3f;--mint:#eef4e9;--gold:#d3ad6b;--shadow:0 12px 45px #20362a06;--radius:20px;color-scheme:light}*{box-sizing:border-box}html{font-size:14px}body{margin:0;font-family:Rooz,Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.8;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{border:0}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #98b99c;outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #84a997;outline-offset:2px}button{color:inherit}svg{flex-shrink:0}button{background:none}.app-shell{min-height:100dvh}.sidebar{width:242px;position:fixed;inset:0 0 0 auto;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;padding:35px 22px 0;z-index:40}.brand{display:flex;align-items:center;gap:12px;width:fit-content;padding-inline:10px;font-size:39px;font-weight:700;line-height:1.4;letter-spacing:-3px}.brand-symbol{display:flex;position:relative;width:44px;height:44px;border-radius:14px;background:var(--green-deep);align-items:center;justify-content:center;color:#deedc2;transform:rotate(-5deg);box-shadow:0 6px 12px #184c3f12}.brand-symbol i{height:5px;width:5px;border-radius:50%;background:#d3ad6b;position:absolute;bottom:9px;right:10px}.brand-dot{color:#b5c692}.brand-caption{margin:8px 9px 25px;font-size:11px;color:var(--muted)}.primary{background:var(--green-deep);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;padding:11px 21px;font-weight:600;font-size:12px;transition:background .2s,transform .2s;box-shadow:0 5px 12px #184c3f0b}.primary:hover{background:#2b6552;transform:translateY(-1px)}.sidebar-add{width:100%;justify-content:flex-start;padding:13px 14px;font-size:12px;margin-bottom:32px}.key-small{margin-right:auto;color:#cbdfd3;font-size:17px;font-weight:400}.nav-label{color:#a0a79f;font-size:10px;padding:0 12px;margin-bottom:12px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 13px;margin:3px 0;border-radius:10px;font-size:11px;text-align:right;color:#7c877f;transition:background .15s,color .15s;white-space:nowrap}.nav-item svg{stroke-width:1.6}.nav-item b{margin-right:auto;min-width:21px;text-align:center;font-size:10px;font-weight:400;color:#8a948c}.nav-item.active{background:var(--mint);color:var(--green);font-weight:700}.nav-item.active b{background:#fff;border-radius:5px;color:var(--green);font-weight:600}.nav-item:hover{background:var(--surface-soft);color:var(--green)}.nav-item.active:hover{background:var(--mint)}.sidebar-divider{height:1px;background:var(--line);margin:23px 12px 14px}.sidebar-bottom{margin-top:auto;padding-top:30px}.little-note{border:1px solid #edf0e7;border-radius:13px;padding:16px 16px 15px;background:linear-gradient(140deg,#fbfcf8,#f6f9f0);position:relative;overflow:hidden}.note-stars{position:absolute;left:15px;top:17px;color:#a1b384;font-size:30px;line-height:1}.little-note p{font-size:11px;color:#7a8976;margin:0 0 8px;line-height:2.1}.little-note strong{color:#5a7055;font-size:11px;font-weight:600}.little-note>span{font-size:8px;color:#9ca795}.install-link{display:flex;gap:7px;align-items:center;width:100%;font-size:9px;margin:19px 0 22px;color:#8a948c}.install-link>svg:last-child{margin-right:auto}.account{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:19px 2px 20px}.avatar{width:34px;height:34px;background:#eee9dc;border:3px solid #f9f7f2;border-radius:50%;display:grid;place-items:center;color:#9a8153;font-size:16px}.account strong{font-size:11px;display:block}.account small{display:block;color:var(--muted);font-size:8px}.account .icon-button{margin-right:auto}.icon-button{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:var(--muted);padding:0;transition:background .15s,color .15s}.icon-button:hover{background:var(--mint);color:var(--green)}.workspace{margin-right:242px;min-height:100dvh}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 47px;border-bottom:1px solid var(--line);background:var(--bg)}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:10px;color:#9aa197}.breadcrumb strong{font-size:11px;font-weight:500;color:#657362}.breadcrumb svg{color:#a3aca1}.topbar-actions{display:flex;align-items:center;gap:20px}.search{display:flex;align-items:center;gap:9px;color:#9ca598}.search input{width:164px;border:0;background:none;font-size:10px;color:var(--ink);height:34px}.search input::placeholder{color:#a0a89c}.search input:focus-visible{outline:none}.search:focus-within{border-bottom:1px solid #a7b7a4}.search kbd{display:inline-flex;align-items:center;justify-content:center;direction:ltr;min-width:37px;height:23px;border:1px solid #e0e6db;background:#f1f4ed;border-radius:5px;font-family:Arial,sans-serif;font-size:10px;color:#9ba593}.notification-trigger{position:relative}.notification-trigger i{position:absolute;top:6px;right:7px;width:5px;height:5px;background:#c8a764;border:1px solid var(--bg);border-radius:50%}.page-content{max-width:1450px;margin:auto;padding:35px 47px 17px}.greeting{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:27px}.eyebrow{display:inline-flex;gap:6px;align-items:center;font-size:9px;letter-spacing:.2px;color:#94a08e}.live-dot{display:inline-block;width:5px;height:5px;background:#9cb384;border-radius:50%;flex-shrink:0}.greeting h1{font-size:27px;letter-spacing:-1.5px;font-weight:600;margin:5px 0 4px;line-height:1.9}.greeting-dot{color:#b5c491}.greeting p{font-size:10px;color:#95a08f;margin:0;line-height:2}.date-lockup{display:flex;gap:10px;align-items:center;color:#94a08b;padding-top:20px}.date-lockup>svg{stroke-width:1.5}.date-lockup strong{font-size:10px;font-weight:500;display:block;color:#76836e}.date-lockup small{display:block;font-size:8px;color:#a1aa99;margin-top:2px}.hero-card{position:relative;background:#1d5143;border-radius:22px;overflow:hidden;min-height:244px;display:flex;isolation:isolate;box-shadow:0 12px 25px #17463206}.hero-content{padding:25px 34px 25px;z-index:2;flex:1}.hero-label{display:flex;align-items:center;gap:7px;font-size:9px;color:#bacdb4}.hero-label svg{color:#c6d59a}.hero-content h2{font-size:27px;line-height:1.95;font-weight:600;letter-spacing:-1px;color:#f4f8e8;margin:8px 0 7px}.hero-content h2 span{color:#d7e5b0}.hero-content p{font-size:9px;line-height:2.1;color:#a3bfae;margin:0 0 14px}.hero-button{display:flex;gap:20px;align-items:center;border:1px solid #6e8f7566;background:#dce7bf15;color:#e6edcf;border-radius:8px;padding:7px 12px;font-size:9px;transition:background .2s}.hero-button:hover{background:#dce7bf28}.hero-art{position:absolute;left:0;top:0;height:100%;width:48%;overflow:hidden;z-index:1;direction:ltr}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#95b3900a 1px,transparent 1px),linear-gradient(90deg,#95b3900a 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to left,transparent,black)}.orbit{position:absolute;border:1px solid #a9c69b24;border-radius:50%;width:250px;height:250px;left:calc(50% - 125px);top:calc(50% - 115px)}.orbit-two{width:305px;height:305px;left:calc(50% - 152px);top:calc(50% - 143px)}.orbit-three{width:365px;height:365px;left:calc(50% - 182px);top:calc(50% - 173px)}.art-sun{position:absolute;left:calc(50% - 82px);top:calc(50% - 75px);width:164px;height:164px;background:radial-gradient(circle at 30% 25%,#e2d194,#c2ba79 45%,#87a46d 85%);border-radius:50%;box-shadow:inset -14px -15px 28px #426d4066,0 0 45px #c9d9980b;transform:rotate(-25deg)}.art-sun:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(100deg,transparent,transparent 3px,#ffffff09 4px,transparent 5px);mix-blend-mode:soft-light}.floating-check{width:84px;height:84px;display:grid;place-items:center;background:linear-gradient(130deg,#f1f5e86b,#b9caa048);border:1px solid #dce8b988;border-radius:24px;position:absolute;left:calc(50% + 18px);top:calc(50% - 18px);transform:rotate(-14deg);backdrop-filter:blur(12px);color:#f0f8d8;box-shadow:0 18px 30px #102b3030}.art-spark{position:absolute;color:#cdd8a0;font-size:31px}.spark-one{left:calc(50% - 119px);top:31%}.spark-two{left:calc(50% + 100px);top:20%;font-size:14px;opacity:.7}.art-label{position:absolute;bottom:18px;width:100%;text-align:center;color:#9fb391;font-size:6px;letter-spacing:3px;font-family:Arial,sans-serif}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0 33px}.stats>button{display:flex;align-items:center;text-align:right;gap:13px;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:17px;transition:box-shadow .2s,border-color .2s;min-width:0}.stats>button:hover{box-shadow:0 5px 14px #233d2910;border-color:#c7d8bb}.stats>button.selected{border-color:#dce6d4}.stat-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:12px}.mint{background:#f0f5ea;color:#7a9970}.amber{background:#fbf4e8;color:#c2a36c}.lilac{background:#f1f0f7;color:#a197ba}.stats>button>div>span{font-size:9px;color:var(--muted);display:block}.stats strong{font-size:25px;font-weight:600;display:flex;align-items:baseline;gap:10px;line-height:1.7}.stats strong small{font-size:8px;font-weight:400;color:#9aa393}.stat-arrow{margin-right:auto;color:#c1c9bb;stroke-width:1.5}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:26px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:10px}.section-heading h2{font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px;margin:0}.count-badge{font-size:9px;background:#eaf0e2;border-radius:6px;padding:0 7px;color:#799265;font-weight:400;line-height:21px}.section-heading p{font-size:9px;color:#98a190;margin:4px 0 0}.subtle-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#6e8460;font-size:9px;padding:7px 9px;border:1px solid #dce5d2;border-radius:7px;white-space:nowrap}.subtle-button:hover{background:var(--mint)}.list-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:9px;gap:10px}.list-label{display:flex;align-items:center;gap:7px;font-size:9px;color:#7c8b70}.filter-controls{display:flex;gap:11px}.filter-controls select{background:transparent;border:0;color:#97a08f;font-size:8px;width:99px;padding:3px 0;cursor:pointer}.filter-controls select:last-child{width:108px}.task-list{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);padding:4px 17px}.task-row{display:flex;align-items:center;gap:12px;min-height:83px;position:relative;border-bottom:1px solid var(--line);animation:appear .25s backwards;transition:background .15s}.task-row:last-of-type{border-bottom:0}.task-row:has(+.quick-add){border-bottom:1px solid var(--line)}.check-button{display:grid;place-items:center;border:1.5px solid #d9e1d3;border-radius:6px;width:20px;height:20px;padding:0;flex-shrink:0;color:#fff;transition:all .2s}.check-button:hover{border-color:#91ad7e;background:#edf3e6}.check-button.checked{background:#77965d;border-color:#77965d}.restore-check{color:#7a9569;border:none;width:24px}.task-text{display:flex;flex-direction:column;text-align:right;min-width:0;flex:1;gap:6px;padding:12px 0}.task-text strong{font-size:11px;font-weight:500;color:#495c41;line-height:1.9;overflow-wrap:anywhere;transition:color .2s}.completed .task-text strong{text-decoration:line-through;color:#a3ab9d}.task-meta{display:flex;gap:12px;color:#a6aea0;font-size:8px;flex-wrap:wrap}.task-meta>span{display:flex;align-items:center;gap:4px;line-height:1.8}.task-meta>span.late-date{color:#bd8c76}.notes-preview{overflow:hidden;max-width:180px;white-space:nowrap;text-overflow:ellipsis;display:block!important}.priority{display:flex;align-items:center;gap:4px;font-size:8px;padding:2px 7px;border-radius:5px;white-space:nowrap}.priority i{width:3px;height:3px;border-radius:50%;background:currentColor}.priority-normal{color:#8fa16f;background:#f3f6ec}.priority-high{color:#bd8866;background:#fbf1e8}.priority-low{color:#959fac;background:#f1f3f6}.row-menu-container{position:relative}.row-more{color:#adb5a5;width:23px}.menu-scrim{position:fixed;inset:0;z-index:45;cursor:default}.row-dropdown{position:absolute;top:34px;left:0;min-width:168px;background:var(--surface);border:1px solid var(--line);padding:5px;border-radius:11px;box-shadow:0 10px 35px #1b352022;z-index:46}.row-dropdown button,.row-dropdown a{display:flex;width:100%;align-items:center;gap:8px;text-align:right;padding:9px;font-size:10px;border-radius:6px;white-space:nowrap}.row-dropdown button:hover,.row-dropdown a:hover{background:var(--mint)}.danger{color:#b57a68!important}.quick-add{display:flex;align-items:center;gap:10px;min-height:60px;color:#9bac89}.quick-add input{background:none;outline:none;border:0;flex:1;min-width:0;font-size:10px;color:var(--ink);padding:14px 0}.quick-add input::placeholder{color:#b0b9a4}.quick-add button{display:flex;align-items:center;justify-content:center;background:#edf4e6;border-radius:7px;width:29px;height:29px;color:#779565}.list-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;color:#a7b09e;font-size:8px}.list-footer>span{display:flex;align-items:center;gap:5px}.insights{display:flex;flex-direction:column;gap:17px;padding-top:1px}.insights>section{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px 17px;box-shadow:var(--shadow)}.card-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-title h3{font-size:10px;font-weight:600;margin:0;display:flex;align-items:center;gap:6px}.card-title>span{color:#a0aa96;font-size:8px}.card-title>svg{color:#adb993}.week-strip{display:flex;gap:5px;justify-content:space-between;margin:18px 0 15px}.week-strip button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 0 5px;border-radius:10px;gap:6px;color:#8e9a83;min-height:65px;border:1px solid transparent}.week-strip button>span{font-size:8px}.week-strip button>strong{font-size:12px;font-weight:500}.week-strip button i{width:3px;height:3px;display:block;background:transparent;border-radius:50%;margin-top:0}.week-strip button i.has-tasks{background:#a4b28c}.week-strip button.is-today{background:var(--green-deep);color:#e6edda;box-shadow:0 5px 10px #234c3b1a}.week-strip button.is-today i.has-tasks{background:#d1dda9}.week-strip button.is-selected{border-color:#9cb679}.week-strip button:hover:not(.is-today){background:var(--mint)}.week-caption{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#abb49e;border-top:1px solid var(--line);padding-top:12px}.progress-body{display:flex;align-items:center;gap:14px;margin:18px 0 4px}.progress-ring{width:64px;height:64px;border-radius:50%;background:conic-gradient(#9eb87c var(--progress),#eff3e9 0);display:grid;place-items:center;flex-shrink:0;position:relative;direction:ltr}.progress-ring:before{content:"";position:absolute;width:54px;height:54px;border-radius:50%;background:var(--surface)}.progress-ring>span{position:relative;font-size:20px;line-height:1.2;color:#70895a;direction:rtl}.progress-ring small{font-size:11px}.progress-body>div>strong{font-size:10px;font-weight:500}.progress-body p{font-size:8px;color:#a3ad99;line-height:2;max-width:125px;margin:4px 0}.no-reminder{text-align:center;padding:11px 0 0}.little-bell{display:flex;width:44px;height:44px;align-items:center;justify-content:center;background:#f8f5ec;color:#c6b480;border-radius:50%;margin:0 auto 7px}.no-reminder strong{display:block;font-size:10px;font-weight:500;color:#7f8c73}.no-reminder p{font-size:9px;line-height:2;color:#a3ad99;margin:7px 0 12px}.no-reminder>button{font-size:9px;color:#89a071;display:flex;align-items:center;justify-content:center;gap:15px;width:100%;border-top:1px solid var(--line);padding-top:12px}.next-reminder{display:flex;flex-direction:column;text-align:right;width:100%;gap:11px;padding-top:13px}.reminder-date{font-size:9px;color:#b4a16f}.next-reminder strong{font-size:11px;font-weight:500}.next-reminder>span:last-child{display:flex;align-items:center;gap:10px;color:#95aa7c;font-size:8px}.page-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:36px;padding-top:17px;color:#a6b09b;font-size:8px}.footer-spark{font-size:19px;line-height:1;vertical-align:middle;margin-right:8px;color:#b8c59b}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fbefe7;border:1px solid #efdbc9;padding:12px 18px;border-radius:12px;margin:0 0 20px;font-size:11px;color:#aa7d65}.error-banner button{display:flex;align-items:center;gap:7px}.clear-filter{font-size:10px;color:#738f60;display:flex;align-items:center;gap:5px;margin:4px 0 10px}.list-loading{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#98ab87;font-size:11px}.empty-state{min-height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 18px}.empty-icon{width:56px;height:56px;display:grid;place-items:center;background:var(--mint);color:#9db087;border-radius:18px;margin-bottom:13px}.empty-state h3{font-size:13px;font-weight:500;margin:0}.empty-state p{font-size:10px;color:var(--muted);margin:8px 0 15px}.overdue-note{display:flex;align-items:center;gap:8px;font-size:9px;border-radius:10px;padding:12px 13px;background:#f5eee4;color:#b0956c;text-align:right}.overdue-note svg:last-child{margin-right:auto}.mobile-only,.mobile-nav,.mobile-scrim{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
/* Forms and dialogs */
.dialog-backdrop{position:fixed;inset:0;background:#172e2b58;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:appear .15s}.dialog{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;width:490px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 20px 90px #122b2d2e;animation:appear .2s}.dialog.wide{width:550px}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.dialog-header h2{font-size:20px;letter-spacing:-.6px;margin:5px 0;font-weight:600}.dialog-header p{font-size:10px;color:var(--muted);margin:3px 0 0}.dialog-header .icon-button{background:var(--bg);flex-shrink:0}.task-form{display:flex;flex-direction:column;gap:18px}.form-field{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#6e8164;position:relative}.form-field>span{display:flex;align-items:center;gap:6px}.form-field .optional{position:absolute;left:0;top:0;font-size:8px;color:#b0b7a9}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--ink);padding:11px 12px;width:100%;font-size:11px;line-height:1.9}.form-field input::placeholder,.form-field textarea::placeholder{color:#b2baaa}.form-field textarea{resize:vertical;min-height:87px}.priority-picker{display:flex;gap:9px}.priority-picker button{display:flex;align-items:center;gap:7px;justify-content:center;background:var(--surface-soft);border:1px solid var(--line);padding:8px 12px;border-radius:8px;font-size:10px;min-width:80px;color:#9aa38f}.priority-picker button.chosen{border-color:currentColor}.priority-picker button.priority-normal.chosen{background:#f3f6ec;color:#829963}.priority-picker button.priority-high.chosen{background:#fbf1e8;color:#bd8866}.priority-picker button.priority-low.chosen{background:#f1f3f6;color:#959fac}.date-field-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:3px;font-size:10px;color:#6e8164}.date-field-head>div{display:flex;gap:6px}.date-field-head button{background:var(--mint);padding:3px 9px;border-radius:5px;font-size:8px;color:#7b9764}.date-time-fields{display:flex;gap:12px;margin-top:-9px}.date-input,.time-input{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:8px;padding:4px 11px;flex:1;color:#a0ac92;min-width:0}.date-input{flex:1.4}.date-input input,.time-input input{border:0;outline:none;background:none;color:var(--ink);font-size:11px;min-width:0;width:100%;padding:8px 0}.date-input input{text-align:right;letter-spacing:1px}.date-input input::placeholder{color:#b2baaa}.time-input input{direction:ltr}.time-input input::-webkit-calendar-picker-indicator{opacity:.4}.rotated{transform:rotate(-90deg)}.field-help{font-size:8px;color:#a8b29c;margin:-10px 0 0}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field select:disabled{opacity:.45;cursor:not-allowed}.dialog-actions{display:flex;align-items:center;gap:16px;padding-top:17px;border-top:1px solid var(--line);margin-top:2px}.text-button{font-size:10px;color:#97a18b;padding:8px 12px}.form-error{padding:11px 13px;background:#fbefe7;border:1px solid #efdbc9;color:#aa7d65;border-radius:9px;font-size:10px;margin:4px 0}.reminder-help{font-size:9px;line-height:2;color:#b39d74;background:#faf6ed;border-radius:8px;padding:10px;margin:0}.calendar-picker{background:var(--surface-soft);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-top:-7px;max-width:300px;width:100%;align-self:center}.calendar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calendar-top strong{font-size:11px;font-weight:500}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;align-items:center}.calendar-grid button{aspect-ratio:1;border-radius:8px;font-size:10px;padding:3px;min-width:26px}.calendar-grid button:hover{background:var(--mint)}.calendar-grid button.chosen{background:var(--green-deep);color:#fff}.calendar-grid button.calendar-today:not(.chosen){box-shadow:inset 0 0 0 1px #abc18e;color:#7b9865}.calendar-day-name{font-size:8px;color:#a7b199;padding:4px}.notification-status{display:flex;gap:12px;align-items:center;background:var(--surface-soft);border:1px solid var(--line);padding:15px 13px;border-radius:14px}.status-icon{display:flex;align-items:center;justify-content:center;color:#8ba575}.notification-status strong{font-size:10px;font-weight:500}.notification-status p{font-size:8px;color:var(--muted);margin:5px 0 0;line-height:2}.status-pill{font-size:8px;background:#eeefea;color:#a3aa9c;border-radius:5px;padding:3px 7px;margin-right:auto;white-space:nowrap}.status-pill.enabled{background:#eaf2e1;color:#88a36b}.info-panel{display:flex;gap:10px;align-items:center;border:1px solid #ece5d6;background:#fbf6ec;color:#ad996c;font-size:10px;padding:10px 12px;border-radius:10px;margin-top:15px}.info-panel p{margin:0;font-size:9px;line-height:2.1}.notification-explainer{padding:17px 1px}.notification-explainer h3{font-size:11px;font-weight:500;margin:0 0 10px}.notification-explainer p{font-size:9px;color:#99a18f;line-height:2.2;margin:7px 0}.notification-explainer b{font-weight:500;color:#798b6c}.notification-buttons{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding-top:10px}.notification-buttons>.primary{width:100%}.devices{display:flex;align-items:center;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line);padding:12px 0;font-size:8px;color:#a3ae96}.devices>span:not(:first-child){display:flex;gap:5px;align-items:center;padding:3px 8px;background:var(--mint);border-radius:5px;color:#849b6e}.calendar-export{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#9aa98c;padding-top:18px;margin-top:12px;border-top:1px solid var(--line)}.full-width{width:100%}.install-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft);padding:22px;margin:8px 0 22px}.install-preview .brand-symbol{width:67px;height:67px;border-radius:20px}.install-preview strong{font-size:20px;font-weight:600;display:block;margin-top:12px}.install-preview small{font-size:9px;color:var(--muted)}.install-steps{padding-right:20px;font-size:11px;color:#86957b;line-height:2.8}.install-steps strong{font-family:Arial,sans-serif;font-weight:500;color:#66845a}.muted{font-size:9px;color:var(--muted);margin:10px 0 22px;line-height:2.1}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid #dfe8d7;box-shadow:0 10px 40px #1a3d3020;border-radius:13px;padding:12px 15px;font-size:10px;max-width:min(560px,calc(100% - 32px));animation:appear .18s}.toast-icon{display:flex;align-items:center;justify-content:center;background:#eef5e8;border-radius:50%;width:25px;height:25px;flex-shrink:0;color:#849d69}.toast>span:nth-child(2){min-width:0;line-height:2}.toast>button:not(.icon-button){color:#8da373;font-size:10px;white-space:nowrap}.toast>.icon-button{width:24px;flex-shrink:0}
/* Personal dark palette */
html[data-theme=dark]{--bg:#16231f;--surface:#1c2d26;--surface-soft:#213229;--ink:#d4ddce;--muted:#93a28c;--line:#2d3e32;--mint:#293e2e;--green:#aec69b;--green-deep:#28543f;color-scheme:dark}html[data-theme=dark] .task-text strong{color:#c3d2b6}html[data-theme=dark] .little-note{background:#26392a;border-color:#344931}html[data-theme=dark] .little-note strong{color:#b6c7a6}html[data-theme=dark] .stats>button.selected{border-color:#486343}html[data-theme=dark] .priority-normal,html[data-theme=dark] .count-badge{background:#2f402d;color:#adbf91}html[data-theme=dark] .priority-high{background:#45392e;color:#d2ab81}html[data-theme=dark] .priority-low{background:#2d353c;color:#a7b5bc}html[data-theme=dark] .stat-icon{background:#30402f}html[data-theme=dark] .stat-icon.lilac{background:#393246}html[data-theme=dark] .stat-icon.amber{background:#443d2b}html[data-theme=dark] .progress-ring{background:conic-gradient(#9eb87c var(--progress),#31442f 0)}html[data-theme=dark] .search kbd{background:#2a3c2c;border-color:#3d4d35}html[data-theme=dark] .no-reminder .little-bell{background:#3d392b}html[data-theme=dark] .reminder-help,html[data-theme=dark] .info-panel,html[data-theme=dark] .overdue-note{background:#393728;border-color:#4e4933}html[data-theme=dark] .priority-picker .chosen{background:#32462e!important}html[data-theme=dark] .brand-symbol{background:#2b5840}html[data-theme=dark] .nav-item.active b{background:#3a5032;color:#c5d9b0}html[data-theme=dark] .task-meta{color:#87977d}html[data-theme=dark] .error-banner,html[data-theme=dark] .form-error{background:#432e27;border-color:#684336;color:#d5a28b}
@media(min-width:1600px){html{font-size:15px}.sidebar{width:260px;padding-inline:28px}.workspace{margin-right:260px}.page-content{padding-top:45px}.hero-card{min-height:280px}.hero-content{padding:30px 40px}.hero-content h2{font-size:31px}.hero-content p{font-size:11px}.hero-label{font-size:10px}.content-grid{grid-template-columns:minmax(0,1fr) 310px}.greeting h1{font-size:30px}.task-text strong{font-size:13px}.task-meta{font-size:9px}.task-row{min-height:91px}.nav-item{font-size:12px}.brand-caption{font-size:12px}.task-list{padding-inline:20px}.section-heading h2{font-size:18px}.stats{margin-bottom:38px}.stats>button{padding:20px}.stats>button>div>span{font-size:11px}.stats strong small{font-size:9px}.card-title h3{font-size:12px}.card-title>span{font-size:9px}.week-strip button>strong{font-size:14px}.no-reminder strong{font-size:12px}.no-reminder p{font-size:10px}.progress-body>div>strong{font-size:12px}.progress-body p{font-size:9px}.topbar{height:90px}.page-footer{margin-top:40px}}
@media(max-width:1200px){.sidebar{width:218px;padding:30px 16px 0}.workspace{margin-right:218px}.page-content{padding:28px 30px 17px}.topbar{padding-inline:30px}.content-grid{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.stats>button{padding:14px 12px;gap:10px}.stats strong small{display:none}.stat-icon{width:38px;height:38px}.greeting h1{font-size:24px}.hero-content h2{font-size:24px}.hero-card{min-height:235px}.hero-content{padding:23px 27px}.hero-art{width:46%}.task-row{gap:9px}.task-text strong{font-size:10px}.priority{font-size:7px}.task-list{padding-inline:13px}.insights>section{padding:16px 13px}.filter-controls{gap:2px}.filter-controls select{width:89px;font-size:7px}.filter-controls select:last-child{width:90px}.list-label{font-size:8px;gap:5px}.notes-preview{max-width:100px}.topbar-actions{gap:12px}.search input{width:140px}}
@media(max-width:1020px){.sidebar{width:197px;padding-inline:13px}.workspace{margin-right:197px}.content-grid{grid-template-columns:minmax(0,1fr)}.insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.insights .reminder-card{grid-column:1/-1}.reminder-card .no-reminder{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:right;padding:15px 0 0}.no-reminder .little-bell{margin:0;width:38px;height:38px;flex-shrink:0}.no-reminder strong{font-size:10px;white-space:nowrap}.no-reminder p{font-size:8px;margin:0}.no-reminder>button{border:0;width:auto;font-size:8px;white-space:nowrap;padding:0}.no-reminder>button svg{display:none}.task-text strong{font-size:12px}.task-meta{font-size:9px}.priority{font-size:8px}.task-row{min-height:85px}.task-list{padding-inline:18px}.stats{gap:10px;margin-bottom:28px}.section-heading{margin-bottom:18px}.stat-arrow{display:none}.stats>button{gap:9px}.stats strong{font-size:22px}.brand{font-size:36px}.brand-caption{font-size:9px}.nav-item{font-size:10px;gap:9px;padding-inline:10px}.sidebar-add{font-size:11px}.little-note{padding:13px 12px}.little-note p{font-size:10px}.little-note strong{font-size:10px}.little-note>span{font-size:7px}.note-stars{left:10px}.install-link{font-size:8px}.topbar{height:73px}.date-lockup{display:none}.greeting{margin-bottom:23px}.hero-art{width:48%;opacity:.8}.hero-content h2{font-size:22px}.hero-content p{font-size:9px}.hero-card{min-height:240px}.hero-content{padding:25px}.filter-controls select{font-size:9px;width:110px}.filter-controls select:last-child{width:118px}.list-label{font-size:10px}.stats>button>div>span{font-size:8px}.search input{width:114px}.search kbd{display:none}.brand-symbol{width:40px;height:40px}.little-note{margin-bottom:2px}.topbar .breadcrumb{font-size:9px;gap:8px}.topbar .breadcrumb strong{font-size:10px}}
@media(max-width:720px){body{font-size:13px}.sidebar{transform:translateX(100%);transition:transform .22s;width:245px;inset:0 0 0 auto;padding:29px 23px 0;z-index:70}.sidebar.is-open{transform:translateX(0)}.sidebar .nav-item{font-size:12px;padding:11px 13px;gap:12px}.sidebar .brand{font-size:39px}.sidebar .brand-caption{font-size:10px;margin-bottom:22px}.sidebar-add{font-size:12px}.little-note p,.little-note strong{font-size:11px}.little-note>span{font-size:9px}.sidebar-bottom{padding-top:20px}.install-link{font-size:10px}.mobile-scrim{display:block;position:fixed;inset:0;z-index:65;background:#19382e55;backdrop-filter:blur(3px)}.workspace{margin-right:0}.mobile-only{display:inline-flex}.topbar{height:67px;padding:0 21px;gap:10px}.breadcrumb{gap:8px}.breadcrumb>span{display:none}.breadcrumb>svg{display:none}.topbar .breadcrumb strong{font-size:10px;font-weight:500;white-space:nowrap}.topbar-actions{gap:5px;flex:1;justify-content:flex-end}.search{gap:6px}.search input{width:118px;font-size:9px}.search>svg{width:15px}.search kbd{display:none}.notification-trigger{width:29px}.topbar .breadcrumb>.mobile-only{margin-right:-7px;margin-left:5px}.page-content{padding:25px 21px 102px}.greeting{margin-bottom:22px}.greeting h1{font-size:23px;margin-top:7px;letter-spacing:-1px}.greeting .eyebrow{font-size:8px}.greeting p{font-size:9px;max-width:290px;line-height:2.1}.hero-card{border-radius:18px;min-height:245px}.hero-content{padding:24px 23px}.hero-label{font-size:8px}.hero-label svg{width:13px}.hero-content h2{font-size:22px;line-height:1.95;margin:10px 0 9px}.hero-content p{font-size:8px;line-height:2.2;max-width:65%;margin-bottom:17px}.hero-button{font-size:8px;padding:7px 10px}.hero-art{width:51%;opacity:.7;left:-18px;top:24px}.art-sun{width:115px;height:115px;left:calc(50% - 57px);top:calc(50% - 70px)}.orbit{width:179px;height:179px;left:calc(50% - 89px);top:calc(50% - 102px)}.orbit-two{width:219px;height:219px;left:calc(50% - 109px);top:calc(50% - 122px)}.orbit-three{width:259px;height:259px;left:calc(50% - 129px);top:calc(50% - 142px)}.floating-check{width:62px;height:62px;border-radius:19px;left:calc(50% + 7px);top:calc(50% - 22px)}.floating-check svg{width:29px}.spark-one{font-size:22px;left:calc(50% - 76px);top:25%}.spark-two{font-size:9px;left:calc(50% + 72px)}.art-label{font-size:4px;letter-spacing:1.5px;bottom:44px}.stats{gap:9px;margin:17px 0 28px}.stats>button{flex-direction:column;align-items:flex-start;gap:9px;padding:12px 13px 11px;border-radius:12px}.stat-icon{width:31px;height:31px;border-radius:9px}.stat-icon svg{width:17px;height:17px}.stats>button>div>span{font-size:8px}.stats strong{font-size:23px;line-height:1.7}.stats>button>div{width:100%;display:flex;flex-direction:column}.content-grid{gap:24px}.section-heading h2{font-size:16px;gap:8px}.section-heading p{font-size:8px}.subtle-button{font-size:9px;padding:6px 8px}.list-toolbar{padding-bottom:10px;margin-bottom:9px}.list-label{font-size:8px}.list-label svg{width:13px}.filter-controls{gap:0}.filter-controls select{font-size:8px;width:91px}.filter-controls select:last-child{width:96px}.task-list{padding:1px 12px;border-radius:13px}.task-row{min-height:83px;gap:10px}.task-text{padding:13px 0;gap:5px}.task-text strong{font-size:11px;line-height:1.9}.task-meta{font-size:7px;gap:9px}.task-meta>span{gap:4px}.task-meta svg{width:11px;height:11px}.priority{font-size:7px;padding:2px 5px}.priority i{display:none}.row-more{width:18px}.row-more svg{width:18px}.row-menu-container{margin-right:-1px}.check-button{width:19px;height:19px;border-radius:6px}.quick-add{min-height:55px;gap:9px}.quick-add input{font-size:9px}.quick-add>svg{width:17px}.list-footer{font-size:7px;padding-top:11px}.insights{gap:13px}.insights>section{border-radius:13px;padding:15px 12px}.card-title h3{font-size:9px}.card-title>span{font-size:7px}.week-strip{gap:1px;margin:15px 0 10px}.week-strip button{padding:5px 0;min-height:54px;gap:5px;border-radius:8px}.week-strip button>span{font-size:7px}.week-strip button>strong{font-size:10px}.week-caption{font-size:7px;padding-top:10px;gap:5px}.progress-body{gap:9px;flex-direction:column;text-align:center;margin-top:15px}.progress-ring{height:55px;width:55px}.progress-ring:before{height:47px;width:47px}.progress-ring>span{font-size:17px}.progress-body>div>strong{font-size:9px}.progress-body p{font-size:7px;max-width:130px;margin-top:3px}.progress-card .card-title>svg{width:14px}.reminder-card .no-reminder{gap:10px;flex-wrap:wrap;justify-content:flex-start}.no-reminder p{font-size:8px}.no-reminder>button{margin-right:auto}.no-reminder strong{font-size:9px}.little-bell{width:32px!important;height:32px!important}.little-bell svg{width:17px}.page-footer{margin-top:26px;padding-top:16px;font-size:7px}.footer-spark{font-size:16px;margin-right:4px}.mobile-nav{display:flex;position:fixed;bottom:0;right:0;left:0;background:var(--surface);border-top:1px solid var(--line);height:74px;padding:7px 21px calc(7px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;z-index:50;height:calc(74px + env(safe-area-inset-bottom));box-shadow:0 -6px 15px #233b2203}.mobile-nav>button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:8px;min-width:57px;color:#a7b19b}.mobile-nav>button.active{color:#65834f}.mobile-nav .mobile-add{background:var(--green-deep);color:#e4edcd;width:45px;height:45px;min-width:45px;border-radius:14px;display:grid;place-items:center;box-shadow:0 5px 13px #184c3f19}.toast{bottom:calc(89px + env(safe-area-inset-bottom));font-size:9px;padding:10px 12px;width:max-content;max-width:calc(100% - 30px)}.dialog-backdrop{padding:15px;align-items:center}.dialog{padding:23px 20px;border-radius:20px;max-height:calc(100dvh - 30px)}.dialog-header{margin-bottom:20px}.dialog-header h2{font-size:19px}.dialog-header p{font-size:9px}.task-form{gap:17px}.form-field{font-size:10px}.form-field input,.form-field textarea,.form-field select{font-size:12px;padding:10px}.dialog-actions{gap:12px}.primary{font-size:11px;padding:11px 17px}.date-input{padding-inline:9px;gap:5px}.date-time-fields{gap:8px}.time-input{padding-inline:8px;gap:6px}.date-input input,.time-input input{font-size:11px}.date-input>svg{width:16px}.date-input .icon-button{width:22px;min-width:22px}.priority-picker button{flex:1;font-size:10px;padding:8px 10px;min-width:0}.notification-status{gap:9px;padding:14px 10px}.notification-status strong{font-size:9px}.notification-status p{font-size:8px}.status-icon svg{width:23px}.notification-explainer p{font-size:9px}.notification-explainer h3{font-size:11px}.list-loading{min-height:250px}.empty-state{min-height:245px}.empty-state h3{font-size:12px}.empty-state p{font-size:9px}}
@media(max-width:370px){.page-content{padding-inline:16px}.hero-content{padding-inline:20px}.hero-content h2{font-size:21px}.task-text strong{font-size:10px}.priority{display:none}.stats>button{padding-inline:10px}.search input{width:94px}.topbar{padding-inline:16px}.progress-body p{font-size:7px}.week-caption{font-size:6px}.hero-art{opacity:.55;left:-30px}.notes-preview{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(min-width:721px){.nav-item{font-size:12px}.brand-caption{font-size:11px}.greeting p{font-size:11px}.greeting .eyebrow{font-size:10px}.hero-label{font-size:10px}.hero-content p{font-size:10px}.hero-button{font-size:10px}.stats>button>div>span{font-size:11px}.stats strong small{font-size:9px}.task-text strong{font-size:13px}.task-meta{font-size:9px}.priority{font-size:9px}.quick-add input{font-size:11px}.section-heading p{font-size:10px}.subtle-button{font-size:11px}.list-label{font-size:10px}.filter-controls select{font-size:9px}.card-title h3{font-size:12px}.card-title>span{font-size:9px}.progress-body>div>strong{font-size:11px}.progress-body p{font-size:9px}.no-reminder strong{font-size:12px}.no-reminder p{font-size:10px}.no-reminder>button{font-size:10px}.week-caption{font-size:9px}.topbar .breadcrumb,.topbar .breadcrumb strong{font-size:11px}.search input{font-size:11px}.date-lockup strong{font-size:11px}.date-lockup small{font-size:9px}.account strong{font-size:12px}.account small{font-size:9px}.list-footer{font-size:9px}.page-footer{font-size:9px}.form-field{font-size:12px}.form-field input,.form-field textarea,.form-field select{font-size:13px}.dialog-header p{font-size:11px}.date-field-head{font-size:12px}.notification-explainer p{font-size:11px}.notification-explainer h3{font-size:13px}.notification-status strong{font-size:12px}.notification-status p{font-size:10px}.text-button,.form-error,.reminder-help,.toast{font-size:11px}.primary{font-size:12px}.field-help{font-size:9px}.calendar-grid button{font-size:12px}.install-steps{font-size:12px}}
@media(max-width:720px){.task-text strong{font-size:12px}.task-meta{font-size:8px}.greeting p{font-size:10px}.hero-content p{font-size:9px}.section-heading p{font-size:9px}.card-title h3{font-size:10px}.no-reminder strong{font-size:10px}.list-footer{font-size:8px}.form-field input,.form-field textarea,.form-field select{font-size:16px}.date-input input,.time-input input{font-size:14px}.quick-add input{font-size:12px}.search input{font-size:11px}.mobile-nav>button{font-size:9px}.hero-art{opacity:.55}.hero-content p{position:relative;z-index:2}.task-form .form-field>textarea{font-size:14px}.dialog-header p{font-size:10px}.notification-explainer p{font-size:10px}.form-error{font-size:11px}}

.setup-card{max-width:540px;margin:10vh auto;padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.setup-card p{font-size:12px;line-height:2.2}.setup-card h1{font-size:30px}.loading-fallback{text-align:center;padding:25vh 20px;color:var(--muted)}@media(max-width:600px){.setup-card{margin:40px 16px;padding:25px}}

.login-icon{width:66px;height:66px;display:block;border-radius:20px;margin-bottom:20px}.login-card h1{font-size:27px}.login-card>.task-form{margin-top:25px}.account form{display:flex;margin-right:4px}