:root{--page:#faf9f6;--sidebar:#f0f0e9;--paper:#fffefa;--ink:#292e29;--muted:#85887e;--border:#e7e7df;--yellow:#f1e480;--yellow-soft:#f7edaa;--green:#667764;--sage:#e8ede3;--red:#b27853;--radius:14px;--shadow:0 10px 32px #343b2610;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--page);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}button{border:0;background:none}a{color:inherit;text-decoration:none}button,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #708568}input:focus-visible,select:focus-visible{outline:2px solid #91a27d;outline-offset:2px}button{touch-action:manipulation}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--sidebar);padding:33px 20px 20px;border-right:1px solid #e7e7de;display:flex;flex-direction:column;z-index:20;overflow:auto}.brand{display:flex;align-items:center;gap:9px;margin:0 13px 31px;font-size:29px;font-weight:760;letter-spacing:-1.5px}.brand-dot{color:#879472}.brand-icon{width:31px;height:35px;position:relative;display:grid;place-items:center;transform:rotate(-9deg)}.brand-icon .icon{width:30px;height:30px;stroke-width:2.1}.brand-icon i{position:absolute;width:7px;height:7px;background:#d8c966;border:2px solid var(--sidebar);border-radius:50%;right:1px;top:0}.workspace-label{display:flex;align-items:center;gap:10px;margin:0 10px 27px;font-size:12px;font-weight:600}.workspace-label small{display:block;color:var(--muted);font-weight:400;font-size:10px;margin-top:5px;white-space:nowrap}.workspace-avatar,.avatar{display:grid;place-items:center;background:#e0e3d6;color:#606c57;font-size:12px;font-weight:600;border-radius:50%;flex-shrink:0}.workspace-avatar{width:31px;height:31px;border-radius:10px;background:#e6e7de}.local-dot{width:6px;height:6px;background:#849376;border-radius:50%;margin-left:auto;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:0 16px;font-size:12px;line-height:1.3;font-weight:560;border-radius:8px;border:1px solid transparent;transition:background .18s,box-shadow .18s,transform .18s;white-space:nowrap}.button .icon{width:17px;height:17px}.button:active{transform:translateY(1px)}.primary{background:var(--yellow);border-color:#e9dc77;color:#343a2b}.primary:hover{background:#eadd70;box-shadow:0 3px 10px #b4a94318}.secondary{background:#fffefa;border-color:#e2e3d8}.secondary:hover{background:#f1f2e9;border-color:#d5d8c8}.sidebar-add{width:100%;justify-content:flex-start;padding:0 12px;margin-bottom:30px;height:42px}.shortcut{margin-left:auto;background:#e2d77885;border:1px solid #cfc46a60;color:#777044;font-size:10px;width:19px;height:20px;border-radius:4px;display:grid;place-items:center}.nav-caption{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#94978c;padding-left:13px;margin-bottom:12px}.main-nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;text-align:left;gap:11px;width:100%;min-height:42px;padding:0 13px;color:#74796e;border-radius:8px;font-size:12px;transition:background .18s,color .18s}.nav-item .icon{width:18px;height:18px;stroke-width:1.55}.nav-item.active{background:#e1e5d7;color:#394b38;font-weight:600}.nav-item:hover{background:#e5e8dc;color:#374535}.nav-count{margin-left:auto;font-size:10px;min-width:19px;height:19px;display:grid;place-items:center;color:#8a8e82}.nav-item.active .nav-count{background:#d2dbc5;color:#4d5a46;border-radius:4px}.nav-divider{height:1px;background:#e1e2d9;margin:13px 10px}.tiny-badge{font-size:7px;letter-spacing:.75px;color:#92968a;border:1px solid #dadcd1;border-radius:4px;padding:3px 4px;margin-left:auto}.lists-caption{margin-top:29px}.list-nav{display:grid;gap:3px}.list-nav button{display:flex;align-items:center;gap:13px;text-align:left;color:#787e73;font-size:12px;padding:11px 15px;border-radius:8px}.list-nav button:hover,.list-nav button.active{background:#e5e8dc;color:#394b38}.list-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.list-dot.personal{background:#b49b86}.list-dot.work{background:#9caabc}.list-dot.health{background:#a2b78c}.sidebar-bottom{margin-top:auto;padding-top:35px}.little-note{display:flex;align-items:flex-start;gap:10px;margin:20px 13px 28px;color:#92988a}.little-note .icon{width:21px;height:21px;transform:rotate(-12deg);color:#9aab86}.little-note p{font-size:10px;line-height:1.8}.prototype-tag{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#a2a598;padding-top:16px;border-top:1px solid #e2e3d9;margin-top:12px;white-space:nowrap}.prototype-tag span{width:4px;height:4px;background:#9ba68c;border-radius:50%}.main-shell{margin-left:238px}.topbar{height:77px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 43px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;color:#80877a}.breadcrumb .icon{width:17px;height:17px;color:#87917e}.topbar-right{display:flex;align-items:center;gap:23px;color:#909489;font-size:10px}.avatar{width:29px;height:29px}.icon-button{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#8d9386;padding:5px;flex-shrink:0}.icon-button .icon{width:18px;height:18px}.icon-button:hover{background:#eeefe6;color:#4d5946}main{max-width:1440px;margin:0 auto;padding:39px 43px 38px}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.7px;color:#929787;line-height:1.5}.page-intro h1{font-size:32px;line-height:1.3;font-weight:590;letter-spacing:-1.35px;margin:9px 0 10px}.page-intro h1 span{color:#9aa77b}.page-intro p{font-size:12px;color:#8b9083;line-height:1.6}.intro-add{margin-top:18px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 279px;gap:28px;align-items:start}.reminder-column{min-width:0}.attention-card{min-height:181px;border:1px solid #e8dd90;border-radius:13px;background:linear-gradient(106deg,#f6edb2 0%,#f4e79a 62%,#f2e691 100%);padding:25px 25px 24px;position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.attention-card>div:first-child{position:relative;z-index:2;max-width:75%}.attention-label{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.5px;font-weight:650;color:#93874b;margin-bottom:13px}.pulse-dot{width:5px;height:5px;border-radius:50%;background:#a99a49;box-shadow:0 0 0 3px #d5c77033}.attention-card h2{font-size:21px;font-weight:550;letter-spacing:-.6px;line-height:1.35;margin-bottom:8px}.attention-card p{font-size:10px;color:#8b8257;line-height:1.7}.text-button{display:inline-flex;align-items:center;gap:13px;padding:0;font-size:10px;font-weight:600;color:#625e37;margin-top:20px}.text-button:hover{color:#252d1f}.text-button .icon{width:15px;height:15px}.bell-art{position:absolute;right:18px;width:135px;height:143px;top:18px;opacity:.9}.bell-body{position:absolute;width:68px;height:78px;top:29px;left:36px;transform:rotate(15deg);border-radius:39%;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#f7eeac 0%,#efdb72 74%);box-shadow:9px 12px 13px #b09c3929,inset 6px 7px 14px #fffbc25c;border:1px solid #dcce71}.bell-body svg{width:53px;height:59px;fill:#eed77b;stroke:#b0a05c;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(3px 4px 2px #b7a35222)}.bell-orbit{position:absolute;border:1px solid #c4b45c42;border-radius:50%;width:136px;height:69px;left:0;top:39px;transform:rotate(-31deg)}.orbit-two{width:111px;height:128px;left:17px;top:11px;transform:rotate(20deg);border-color:#c4b45c24}.art-spark{position:absolute;color:#b8aa68;line-height:1}.spark-one{font-size:19px;top:15px;right:8px}.spark-two{font-size:12px;bottom:21px;left:17px}.art-zig{position:absolute;right:7px;bottom:20px;font-size:27px;color:#c0af64;transform:rotate(-45deg)}.quick-add{display:flex;align-items:center;gap:11px;border:1px solid #e4e5da;border-radius:9px;min-height:51px;margin:23px 0 24px;padding:0 14px;background:#fffefa;box-shadow:0 2px 4px #21271902}.quick-add>.icon{width:17px;height:17px;color:#a2a892}.quick-add input{border:0;outline:none;min-width:0;width:100%;font-size:11px;background:transparent;color:var(--ink);height:46px}.quick-add input::placeholder{color:#a0a496}.quick-add:focus-within{border-color:#a6b58d;box-shadow:0 0 0 3px #a1b68114}.quick-submit{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;padding:3px;border:1px solid #e5e7dc;color:#909983;flex-shrink:0}.quick-submit .icon{width:15px;height:15px}.quick-submit:hover{background:var(--yellow);border-color:var(--yellow)}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:22px}.filter-tabs{display:flex;align-items:center;gap:5px}.filter-tabs button{display:flex;align-items:center;gap:7px;font-size:10px;color:#929789;min-height:30px;padding:0 11px;border-radius:6px}.filter-tabs button.active{background:#e9ede1;color:#526348;font-weight:600}.filter-tabs button:hover{background:#eeefe6}.filter-tabs button span{display:grid;place-items:center;width:15px;height:15px;font-size:8px;background:#d9e2cd;color:#596a4d;border-radius:4px}.sort-control{display:flex;align-items:center;gap:5px;color:#999e90;flex-shrink:0}.sort-control .icon{width:12px;height:12px}.sort-control select{appearance:none;background:none;border:0;color:#929789;font-size:9px;padding:7px 10px 7px 0;cursor:pointer}.sort-control:after{content:"⌄";font-size:10px;margin-left:-10px;pointer-events:none}.reminder-group{margin-bottom:25px}.group-heading{display:flex;align-items:center;gap:8px;margin-bottom:11px;min-height:20px}.group-heading h2{font-size:11px;font-weight:570;letter-spacing:.1px}.group-count{font-size:8px;background:#edece5;color:#999c8f;min-width:16px;height:16px;border-radius:4px;display:grid;place-items:center}.reminder-group:first-child .group-heading h2{color:#929585}.reminder-row{display:flex;align-items:center;gap:14px;min-height:81px;border:1px solid #e6e7df;background:#fffefa;border-radius:10px;padding:15px 17px;margin-bottom:9px;transition:border-color .2s,box-shadow .2s,background .2s;position:relative}.reminder-row:hover{border-color:#cdd3bf;box-shadow:0 3px 10px #48513705}.reminder-row.overdue{background:#fcfbf3;border-color:#e9e4ce}.reminder-row.is-priority:before{content:"";position:absolute;width:3px;height:27px;left:-1px;top:50%;transform:translateY(-50%);border-radius:0 3px 3px 0;background:#cebb6a}.complete-button{width:20px;height:20px;display:grid;place-items:center;border:1.5px solid #d4d8c9;border-radius:50%;padding:2px;flex-shrink:0;color:transparent;transition:background .18s,border-color .18s,color .18s}.complete-button .icon{width:13px;height:13px;stroke-width:2}.complete-button:hover{border-color:#8d9c76;background:#e7eddf;color:#6c8056}.overdue .complete-button{border-color:#d7ccb0}.reminder-details{min-width:0;flex:1}.reminder-name{display:block;text-align:left;padding:0;font-size:12px;font-weight:510;line-height:1.5;letter-spacing:-.12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-name:hover{color:#667d4e}.reminder-meta{display:flex;align-items:center;gap:8px;margin-top:7px;color:#a2a697;font-size:9px;min-width:0;flex-wrap:wrap;row-gap:4px}.time-label{display:flex;align-items:center;gap:4px;color:#919886}.time-label .icon{width:10px;height:10px}.overdue .time-label{color:#b28b59}.list-tag{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:#8a8e7f}.list-tag:before{content:"";display:inline-block;flex-shrink:0;width:4px;height:4px;border-radius:50%;background:#baa48c}.list-tag.work:before{background:#a0afc2}.list-tag.health:before{background:#9db78d}.meta-divider{color:#d2d6c8;font-size:8px}.repeat-meta{display:inline-flex;align-items:center;gap:4px;color:#a1a793;font-size:8px}.repeat-meta .icon{width:10px;height:10px}.row-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.snooze-button{font-size:9px;display:inline-flex;align-items:center;gap:5px;color:#909881;border:1px solid #e6e8dc;min-height:27px;padding:0 8px;border-radius:6px;background:#fbfcf7}.snooze-button .icon{width:12px;height:12px}.snooze-button:hover{background:#edf1e5;border-color:#cbd5bb;color:#667956}.edit-button{width:25px;height:27px;display:grid;place-items:center;padding:4px;border-radius:5px;color:#a4a996}.edit-button .icon{width:15px;height:15px}.edit-button:hover{background:#eceee3;color:#657456}.main-footnote{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#b0b5a6;margin:30px 0 8px;text-align:center;line-height:1.6}.main-footnote .icon{width:12px;height:12px;transform:rotate(-14deg)}.right-panel{display:grid;gap:19px}.progress-panel,.rhythm-panel,.notification-panel{border:1px solid #e5e7dc;border-radius:12px;padding:22px 21px;background:#fdfdf8}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-heading h2{font-size:11px;font-weight:570;letter-spacing:-.1px}.panel-heading>.icon{width:15px;height:15px;color:#9ca88b}.progress-summary{display:flex;align-items:center;gap:12px;margin:21px 0 17px}.progress-summary strong{font-size:39px;line-height:1;font-weight:470;letter-spacing:-2px;color:#5d6e52}.progress-summary>div{font-size:10px;color:#838d77;line-height:1.5}.progress-summary small{display:block;font-size:8px;color:#a4ac99;margin-top:4px}.mini-spark{font-size:24px;color:#c9d2b8;margin-left:auto;margin-right:9px}.progress-track{height:4px;background:#e7ecdd;border-radius:4px;overflow:hidden}.progress-track span{height:100%;width:0;background:#a6b68f;display:block;transition:width .3s;border-radius:4px}.progress-panel>p{font-size:9px;color:#a3aa98;line-height:1.7;margin-top:12px}.rhythm-panel{padding-top:20px}.soft-pill{font-size:6px;letter-spacing:.5px;background:#f0f2e8;color:#9aa28e;padding:4px 6px;border-radius:4px;white-space:nowrap}.rhythm-icon{width:35px;height:35px;border-radius:50%;background:#f3f0dd;color:#a89b5a;display:grid;place-items:center;margin:22px 0 12px}.rhythm-icon .icon{width:18px;height:18px;transform:rotate(-12deg)}.rhythm-panel h3{font-size:13px;font-weight:540;letter-spacing:-.2px;margin-bottom:9px}.rhythm-panel>p{font-size:10px;color:#999f90;line-height:1.8;max-width:210px}.field-label{display:block;font-size:7px;letter-spacing:1.1px;font-weight:600;color:#a2a894;margin:22px 0 8px}.rhythm-panel select{width:100%;height:35px;border:1px solid #e3e6d8;border-radius:6px;background:#fcfdf7;padding:0 9px;color:#7e8971;font-size:10px}.quiet-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0 17px;border-bottom:1px solid #e9ecdf}.quiet-row>div{display:flex;align-items:center;gap:10px;font-size:10px;color:#7e8973}.quiet-row .icon{width:15px;height:15px;color:#9ba58d}.quiet-row small{display:block;font-size:8px;color:#a8af9d;margin-top:4px}.toggle{width:29px;height:17px;border-radius:20px;padding:2px;background:#dce2d0;display:flex;align-items:center;transition:background .2s;flex-shrink:0}.toggle span{width:13px;height:13px;background:white;border-radius:50%;box-shadow:0 1px 3px #323c2533;transition:transform .2s}.toggle[aria-checked="true"]{background:#a4b68e}.toggle[aria-checked="true"] span{transform:translateX(12px)}.subtle-link{display:flex;align-items:center;gap:8px;font-size:9px;color:#99a28a;padding:0;margin-top:14px}.subtle-link .icon{width:12px;height:12px}.subtle-link:hover{color:#5d7450}.notification-panel{background:#f4f4ec;border-color:#e8e9df;padding:19px 20px}.notification-panel .panel-heading{justify-content:flex-start;gap:8px}.notification-panel .panel-heading .icon{width:14px;height:14px;color:#9b9e88}.notification-panel h2{font-size:10px;color:#7f866f}.notification-panel p{font-size:9px;color:#9c9f8f;line-height:1.9;margin:11px 0 14px}.notification-panel .button{width:100%;font-size:9px;min-height:32px;color:#838b73;background:#fdfdf7;border-color:#e1e4d6;border-radius:6px}.notification-panel>span{display:block;font-size:7px;color:#aaae9e;text-align:center;margin-top:11px;line-height:1.7}.search-bar{display:flex;align-items:center;gap:8px;padding:3px 7px 3px 12px;background:#fffefa;border:1px solid #c7d2b6;border-radius:8px;margin-bottom:18px}.search-bar>.icon{width:16px;height:16px;color:#89977b}.search-bar input{width:100%;min-width:0;height:34px;border:none;background:none;outline:none;font-size:12px}.empty-state{text-align:center;padding:62px 25px 65px;border:1px dashed #dfe3d5;border-radius:14px;background:#f8f9f2}.empty-icon{width:59px;height:59px;display:grid;place-items:center;border-radius:50%;background:#ecf0e3;margin:0 auto 20px;color:#8f9f7b}.empty-icon .icon{width:25px;height:25px}.empty-state h2{font-size:20px;font-weight:500;letter-spacing:-.5px;margin-bottom:9px}.empty-state p{font-size:12px;color:#969e89;line-height:1.8;max-width:300px;margin:0 auto 20px}.completed-row{display:flex;align-items:center;gap:14px;min-height:72px;padding:16px 18px;background:#f4f6ef;border:1px solid #e3e8da;border-radius:10px;margin-bottom:9px}.completed-check{width:20px;height:20px;display:grid;place-items:center;background:#dbe5cd;border-radius:50%;color:#7f9367;flex-shrink:0}.completed-check .icon{width:12px;height:12px;stroke-width:2}.completed-row .reminder-name{color:#929b85;text-decoration:line-through;text-decoration-color:#c5cdbb}.completed-row .reminder-meta{color:#a8b19d}.completed-row button{color:#9ca98e}.timer-intro{font-size:12px;line-height:1.9;color:#979f8b;margin-bottom:23px;max-width:480px}.timer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.timer-card{border:1px solid #e1e5d8;background:#fffefa;padding:21px;border-radius:12px;min-height:213px}.timer-card.running{background:#f5f7ed;border-color:#c8d4b6}.timer-card.finished{background:#f8edb1;border-color:#e4d782}.timer-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.timer-card-header h3{font-size:12px;font-weight:550;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-card-header .icon-button{width:24px;height:24px}.timer-value{font-size:43px;font-weight:380;font-variant-numeric:tabular-nums;letter-spacing:-2px;margin-top:21px;color:#5e6c51}.timer-caption{font-size:9px;color:#a0aa91;margin-top:6px;line-height:1.6}.timer-actions{display:flex;align-items:center;gap:7px;margin-top:21px}.timer-actions .button{font-size:10px;min-height:30px;padding:0 11px}.timer-actions .icon{width:12px;height:12px}.timer-add-card{border:1px dashed #cfd8c1;border-radius:12px;background:#f5f7ee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#98a587;font-size:12px;min-height:213px}.timer-add-card .icon{width:23px;height:23px}.timer-add-card:hover{background:#eef3e5;color:#6b7f56}.modal{position:fixed;margin:auto;width:520px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);border:1px solid #e3e7d8;border-radius:17px;background:#fffefa;box-shadow:0 24px 90px #262e233d;padding:29px 30px 24px;overflow:auto;color:var(--ink)}.modal::backdrop{background:#28301f62;backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:26px}.modal-heading h2{font-size:25px;letter-spacing:-.85px;font-weight:550;line-height:1.4;margin-top:5px}.modal-heading>.icon-button{margin-right:-6px;margin-top:-4px}.modal .eyebrow{font-size:8px}.modal label:not(.checkbox-label){display:block;font-size:11px;font-weight:550;color:#858e79;margin:17px 0 8px}.modal input:not([type="checkbox"]),.modal select{width:100%;height:43px;border:1px solid #dfe5d5;border-radius:8px;background:#fbfcf6;padding:0 12px;font-size:12px;color:#5d6953;min-width:0}.modal input::placeholder{color:#a4ad97}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end}.preset-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px}.preset-row button{font-size:9px;color:#939e81;border:1px solid #e1e6d7;border-radius:5px;padding:5px 9px;background:#f5f7ef}.preset-row button:hover{background:#ebf0e0;border-color:#c1cfac;color:#5f7647}.checkbox-label{display:flex;align-items:center;gap:8px;color:#929b84;font-size:11px;line-height:1.6;min-height:43px;cursor:pointer}.checkbox-label input{accent-color:#8a9f6d;width:14px;height:14px;flex-shrink:0}.form-note{font-size:9px;color:#a3ad95;line-height:1.8;margin-top:19px}.form-error{font-size:11px;color:#b07553;line-height:1.7;margin-top:7px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid #e8ecdf;margin-top:23px;padding-top:20px}.modal-footer .button{min-height:37px;font-size:11px;padding:0 12px}.footer-spacer{flex:1}.danger-text{color:#ac8365;padding-left:0!important}.danger-text:hover{color:#a05c46;background:#fbefdf}.settings-info{padding:16px 18px;background:#f4f6ed;border:1px solid #e4e8d9;border-radius:10px;font-size:11px;color:#8c997b;line-height:1.8;margin-top:17px}.settings-info strong{font-size:11px;color:#758564;font-weight:550}.settings-info p{font-size:10px;margin-top:5px;color:#98a38a}.sound-label{margin-top:15px}.data-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.data-tools .button{font-size:10px;min-height:34px;color:#8b977c;padding:0 10px}.live-nudge{position:fixed;right:27px;bottom:26px;z-index:60;display:flex;align-items:center;gap:14px;max-width:min(660px,calc(100vw - 40px));border:1px solid #dfd28b;background:#fff9d9;border-radius:14px;padding:17px 20px;box-shadow:0 12px 48px #38381e24;animation:slide-in .25s ease}.nudge-icon{width:37px;height:37px;flex-shrink:0;display:grid;place-items:center;background:#f4e79a;border-radius:50%;color:#9b8b4d}.live-nudge>div:nth-child(2){min-width:0}.live-nudge small{display:block;font-size:7px;font-weight:650;letter-spacing:1.5px;color:#a0955f;margin-bottom:6px}.live-nudge strong{display:block;font-size:13px;font-weight:550;max-width:250px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.live-nudge #nudge-detail{display:block;font-size:9px;color:#a09771;margin-top:5px}.nudge-actions{display:flex;align-items:center;gap:7px;margin-left:10px}.nudge-actions .button{font-size:10px;min-height:32px;padding:0 10px}.toast{position:fixed;left:calc(50% + 119px);bottom:28px;transform:translateX(-50%);background:#3f4a37;color:#f0f5e9;padding:13px 18px;border-radius:9px;box-shadow:0 4px 20px #38492a25;display:flex;align-items:center;gap:17px;z-index:80;max-width:calc(100vw - 32px);font-size:11px;line-height:1.6}.toast button{color:#e4df99;font-size:11px;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:3px}.toast #toast-text{min-width:0}.toast #toast-undo{flex-shrink:0}@keyframes slide-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){main{padding-top:48px}.content-grid{grid-template-columns:minmax(0,1fr) 300px;gap:35px}.attention-card{min-height:193px}.attention-card h2{font-size:24px}.reminder-row{min-height:86px}.reminder-name{font-size:13px}.reminder-meta{font-size:10px}.right-panel{gap:23px}}
@media(max-width:1200px){.sidebar{width:210px;padding-left:15px;padding-right:15px}.main-shell{margin-left:210px}.brand{font-size:27px}.workspace-label{margin-left:6px;margin-right:6px}.workspace-label small{font-size:9px}.topbar{padding:0 30px}main{padding:33px 30px}.content-grid{grid-template-columns:minmax(0,1fr) 246px;gap:20px}.page-intro h1{font-size:29px}.page-intro{margin-bottom:29px}.attention-card{padding:23px 20px;min-height:176px}.attention-card h2{font-size:19px}.attention-card p{font-size:9px;max-width:220px}.attention-card>div:first-child{max-width:76%}.bell-art{right:6px;transform:scale(.85);transform-origin:right center}.reminder-row{gap:10px;padding:14px 12px}.reminder-name{font-size:11px}.row-actions{gap:3px}.snooze-button{padding:0 6px;font-size:8px}.repeat-meta{font-size:7px}.filter-tabs{gap:2px}.filter-tabs button{padding:0 9px}.progress-panel,.rhythm-panel,.notification-panel{padding-left:18px;padding-right:18px}.toast{left:calc(50% + 105px)}}
@media(max-width:1040px){.sidebar{width:198px}.main-shell{margin-left:198px}main{padding:30px 25px}.topbar{padding:0 25px}.content-grid{grid-template-columns:minmax(0,1fr);gap:26px}.right-panel{grid-template-columns:1fr 1fr;align-items:start;gap:17px}.notification-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:center}.notification-panel .panel-heading{grid-column:1;grid-row:1}.notification-panel p{grid-column:1;grid-row:2;margin-bottom:0}.notification-panel .button{grid-column:2;grid-row:1/3}.notification-panel>span{grid-column:2;grid-row:3;margin:0}.rhythm-panel{grid-row:1/3;grid-column:2}.progress-panel{grid-row:1;grid-column:1}.notification-panel{grid-column:1;grid-row:2;display:block}.notification-panel p{margin-bottom:14px}.notification-panel>span{margin-top:10px}.attention-card>div:first-child{max-width:78%}.attention-card h2{font-size:22px}.attention-card p{font-size:10px;max-width:none}.bell-art{right:20px;transform:scale(.95)}.reminder-name{font-size:12px}.reminder-row{padding:16px 17px;gap:14px}.snooze-button{font-size:9px;padding:0 9px}.repeat-meta{font-size:8px}.toast{left:calc(50% + 99px)}.main-footnote{margin-bottom:0}.page-intro h1{font-size:28px}.intro-add{font-size:11px;padding:0 12px}}
@media(max-width:760px){.sidebar{position:fixed;inset:auto 0 0;width:auto;height:73px;padding:5px 10px 8px;background:#f5f5eefa;border:0;border-top:1px solid #dde3d2;backdrop-filter:blur(12px);overflow:visible;z-index:40;display:block;padding-bottom:max(8px,env(safe-area-inset-bottom));height:calc(65px + env(safe-area-inset-bottom))}.sidebar>.brand,.workspace-label,.sidebar-add,.nav-caption,.list-nav,.sidebar-bottom,.nav-divider{display:none}.main-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;height:100%;align-items:center}.nav-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:49px;padding:5px 1px;border-radius:9px;font-size:8px;text-align:center}.nav-item .icon{width:19px;height:19px}.nav-item.active{background:#e5ecd9}.nav-item>span:not(.nav-count):not(.tiny-badge){white-space:nowrap}.nav-count{position:absolute;right:18%;top:2px;font-size:7px;min-width:12px;height:12px;background:#e3e8d8;border-radius:4px}.tiny-badge{display:none}.main-shell{margin-left:0}.topbar{height:61px;padding:0 21px}.breadcrumb{font-size:11px}.topbar-right{gap:15px}.topbar-right #current-date{font-size:9px}.avatar{height:26px;width:26px}main{padding:27px 20px 104px}.page-intro{margin-bottom:24px;gap:12px;align-items:flex-start}.page-intro h1{font-size:27px;letter-spacing:-1.1px;margin:7px 0 8px;line-height:1.25}.page-intro p{font-size:11px;max-width:270px}.page-intro .eyebrow{font-size:8px;letter-spacing:1.25px}.intro-add{font-size:0;gap:0;width:36px;min-height:36px;height:36px;flex-shrink:0;padding:0;margin-top:24px;border-radius:9px}.intro-add .icon{width:20px;height:20px}.content-grid{gap:25px}.attention-card{min-height:170px;padding:24px 21px}.attention-card h2{font-size:21px;max-width:240px}.attention-card p{font-size:10px;max-width:240px}.attention-card>div:first-child{max-width:76%}.bell-art{right:6px;transform:scale(.85);opacity:.7}.attention-label{font-size:7px;letter-spacing:1.1px;margin-bottom:12px}.text-button{font-size:10px;margin-top:16px}.quick-add{margin:19px 0 20px;padding:0 12px;gap:8px;min-height:49px}.quick-add input{font-size:10px}.quick-add>.icon{width:15px;height:15px}.list-toolbar{gap:5px;margin-bottom:18px;padding-bottom:13px}.filter-tabs button{font-size:9px;padding:0 9px}.filter-tabs{gap:1px}.filter-tabs button span{font-size:7px;min-width:14px;height:14px}.sort-control select{font-size:8px}.reminder-row{gap:11px;padding:15px 12px;min-height:78px}.reminder-name{font-size:12px}.reminder-meta{gap:6px;font-size:8px;margin-top:7px}.complete-button{width:19px;height:19px}.snooze-button{font-size:8px;min-height:29px;padding:0 7px;gap:4px}.snooze-button .icon{width:10px;height:10px}.edit-button{width:20px;height:29px;padding:3px}.edit-button .icon{width:14px;height:14px}.row-actions{gap:2px}.repeat-meta{font-size:7px;gap:3px}.repeat-meta .icon{width:9px;height:9px}.list-tag{font-size:7px}.reminder-group{margin-bottom:23px}.group-heading h2{font-size:10px}.right-panel{gap:15px}.progress-panel,.rhythm-panel,.notification-panel{padding:19px 16px}.panel-heading h2{font-size:10px}.progress-summary{gap:8px}.progress-summary strong{font-size:35px}.progress-summary>div{font-size:9px}.progress-summary small{font-size:7px}.mini-spark{font-size:18px;margin-right:0}.soft-pill{display:none}.rhythm-panel h3{font-size:12px}.rhythm-panel>p{font-size:9px}.notification-panel p{font-size:9px}.notification-panel .button{font-size:8px;padding:0 8px}.field-label{font-size:6px;letter-spacing:.9px}.rhythm-panel select{font-size:9px}.main-footnote{font-size:8px;margin-top:24px}.toast{left:50%;bottom:calc(86px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 32px);font-size:10px;gap:14px;z-index:80}.live-nudge{right:14px;left:14px;bottom:calc(82px + env(safe-area-inset-bottom));padding:15px;max-width:100%;flex-wrap:wrap;gap:11px}.live-nudge strong{max-width:calc(100vw - 110px)}.nudge-actions{width:100%;justify-content:flex-end;margin-left:0;padding-top:3px}.nudge-actions .button{min-height:35px;font-size:11px;padding:0 13px}.nudge-actions .icon-button{margin-left:auto;order:-1}.modal{padding:24px 21px 20px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 28px);border-radius:15px}.modal-heading{margin-bottom:19px}.modal-heading h2{font-size:23px}.modal .form-grid{gap:11px}.modal input:not([type="checkbox"]),.modal select{font-size:12px;padding:0 10px}.modal label:not(.checkbox-label){font-size:10px}.modal-footer{gap:7px}.modal-footer .button{font-size:10px;padding:0 11px}.modal-footer .danger-text{font-size:9px;white-space:normal;line-height:1.4;text-align:left;max-width:72px}.timer-grid{gap:12px}.timer-card{padding:17px 15px;min-height:204px}.timer-card-header h3{font-size:11px}.timer-value{font-size:38px}.timer-actions{gap:6px}.timer-actions .button{padding:0 9px;font-size:9px}.timer-add-card{min-height:204px}.empty-state{padding:47px 20px}.empty-state h2{font-size:19px}.empty-state p{font-size:11px}}
@media(max-width:400px){main{padding-left:16px;padding-right:16px}.topbar{padding:0 17px}.topbar-right #current-date{display:none}.page-intro h1{font-size:25px}.page-intro p{font-size:10px;max-width:240px}.attention-card{padding:22px 17px;min-height:173px}.attention-card h2{font-size:19px;max-width:200px}.attention-card p{font-size:9px;max-width:203px}.bell-art{right:-6px;transform:scale(.7);opacity:.6}.filter-tabs button{padding:0 8px;font-size:8px}.sort-control select{font-size:7px}.sort-control .icon{width:10px;height:10px}.reminder-row{gap:9px;padding:14px 10px}.reminder-name{font-size:11px}.row-actions{gap:1px}.snooze-button{font-size:7px;padding:0 5px}.snooze-button .icon{display:none}.reminder-meta{gap:5px;font-size:8px}.repeat-meta{font-size:6px}.edit-button{width:18px}.progress-panel,.rhythm-panel,.notification-panel{padding:17px 13px}.progress-summary>div{font-size:8px}.progress-summary strong{font-size:31px}.mini-spark{display:none}.right-panel{gap:12px}.notification-panel .button{font-size:7px;white-space:normal;line-height:1.5}.quiet-row>div{gap:6px;font-size:9px}.quiet-row small{font-size:7px}.timer-value{font-size:33px}.timer-card{padding:15px 12px}.timer-actions .button{padding:0 7px;font-size:8px}.timer-actions .icon{width:10px;height:10px}.checkbox-label{font-size:10px;gap:6px}.modal-footer .button{padding:0 8px}.nav-count{right:15%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.priority-mark{font-size:10px;color:#b7a151;margin-left:7px;display:inline-block;vertical-align:1px}.late-label{font-size:8px;white-space:nowrap;color:#bb986d}.snoozed-label{font-size:7px;color:#8d9e75;background:#edf2e3;padding:2px 4px;border-radius:3px}.group-note{font-size:8px;color:#b0b4a4;margin-left:auto;letter-spacing:0}.group-heading.overdue-heading h2{color:#a49062}.group-heading.overdue-heading .group-count{background:#f2ecd9;color:#b3a47b}.completed-row .reminder-details>strong{display:block;font-size:12px;font-weight:500;color:#8c9a7f;line-height:1.5;text-decoration:line-through;text-decoration-color:#c5cdbb}.timer-intro{display:flex;align-items:flex-start;gap:8px}.timer-intro>.icon{width:17px;height:17px;margin-top:3px;color:#99a68a}.timer-add-card small{font-size:9px;color:#a5af9a}.timer-card.paused .timer-value{color:#9ca88e}@media(max-width:760px){.group-note{font-size:7px}.late-label{font-size:7px}.completed-row .reminder-details>strong{font-size:11px}.timer-add-card small{font-size:8px}.timer-intro{font-size:10px;gap:6px}.timer-intro>.icon{width:15px;height:15px}}

/* Legible, comfortable defaults across desktop and touch screens. */
:root{--muted:#6f7668}
.workspace-label{font-size:12px}.workspace-label small{color:#6f7668;font-size:10px;line-height:1.4}.nav-caption{font-size:10px;color:#6f7668;letter-spacing:1.2px}.nav-item{font-size:13px;color:#626e59;min-height:44px}.nav-count{font-size:11px;color:#626e59}.list-nav button{font-size:12px;color:#626e59}.tiny-badge{font-size:9px;color:#6e7862}.little-note p{font-size:11px;color:#6f7668}.little-note .icon{color:#6f7e5e}.prototype-tag{font-size:9px;color:#6f7668;white-space:normal;line-height:1.5;text-align:center}.breadcrumb{font-size:12px;color:#6f7668}.topbar-right{font-size:11px;color:#6f7668}.button{font-size:12px;min-height:42px}.eyebrow{font-size:10px;color:#6f7668}.page-intro h1{font-size:34px}.page-intro p{font-size:13px;color:#6f7668}.intro-add{font-size:12px}.attention-label{font-size:10px;color:#71673c;letter-spacing:1px}.attention-card h2{font-size:23px}.attention-card p{font-size:12px;color:#71673c;line-height:1.7;max-width:310px}.text-button{font-size:12px;color:#655c32;margin-top:17px}.attention-card{min-height:197px}.quick-add input{font-size:12px}.quick-add input::placeholder{color:#7b8371}.quick-submit{width:32px;height:32px}.filter-tabs button{font-size:12px;min-height:34px;padding:0 10px;color:#6f7668}.filter-tabs button span{font-size:10px;width:18px;height:18px}.sort-control select{font-size:11px;color:#6f7668}.sort-control .icon{width:13px;height:13px}.group-heading h2{font-size:12px}.group-count{font-size:10px;min-width:18px;height:18px;color:#6f7668}.group-heading.overdue-heading h2{color:#8b713a}.group-heading.overdue-heading .group-count{color:#806a38}.reminder-group:first-child .group-heading h2{color:#6f7668}.group-note{font-size:10px;color:#77806a}.reminder-row{min-height:87px;padding:16px 14px;gap:12px}.reminder-name{font-size:14px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:initial}.reminder-meta{font-size:11px;color:#6f7668;line-height:1.6;gap:7px;margin-top:6px}.time-label{color:#6f7668}.time-label .icon{width:12px;height:12px}.overdue .time-label{color:#93723e}.late-label{font-size:10px;color:#93723e}.list-tag{font-size:10px;color:#6f7668}.list-tag:before{width:5px;height:5px}.repeat-meta{font-size:10px;color:#6f7668;gap:4px}.repeat-meta .icon{width:12px;height:12px}.meta-divider{color:#9da78e;font-size:10px}.snoozed-label{font-size:10px;color:#5f7447}.priority-mark{font-size:12px}.complete-button{width:26px;height:26px;border-color:#b5bfa7;flex-shrink:0}.complete-button .icon{width:16px;height:16px}.overdue .complete-button{border-color:#c4b78f}.snooze-button{font-size:11px;min-height:34px;padding:0 8px;color:#667755;border-color:#d7dfc9}.snooze-button .icon{width:13px;height:13px}.edit-button{width:30px;height:34px;color:#6f7d60}.edit-button .icon{width:17px;height:17px}.row-actions{gap:4px}.main-footnote{font-size:11px;color:#77846a;line-height:1.8}.main-footnote .icon{width:14px;height:14px}.panel-heading h2{font-size:13px}.progress-summary>div{font-size:12px;color:#657656}.progress-summary small{font-size:10px;color:#6f7668}.progress-panel>p{font-size:11px;color:#6f7668;line-height:1.8}.soft-pill{font-size:8px;letter-spacing:.35px;color:#69785a;white-space:normal;text-align:center}.rhythm-panel h3{font-size:15px}.rhythm-panel>p{font-size:12px;color:#6f7668;line-height:1.8}.field-label{font-size:9px;letter-spacing:.65px;color:#6f7668}.rhythm-panel select{font-size:12px;color:#657656;height:39px}.quiet-row>div{font-size:12px;color:#657656}.quiet-row small{font-size:11px;color:#6f7668}.toggle{width:34px;height:21px}.toggle span{width:17px;height:17px}.toggle[aria-checked="true"] span{transform:translateX(13px)}.subtle-link{font-size:12px;color:#657656}.subtle-link .icon{width:14px;height:14px}.notification-panel h2{font-size:12px;color:#657656}.notification-panel p{font-size:11px;color:#6f7668;line-height:1.8}.notification-panel .button{font-size:11px;min-height:37px;color:#657656;white-space:normal;line-height:1.5}.notification-panel>span{font-size:10px;color:#6f7668;line-height:1.6}.completed-row .reminder-details>strong{font-size:14px;color:#637754;overflow-wrap:anywhere}.completed-row .reminder-meta{color:#6f7668}.completed-check{width:26px;height:26px}.completed-check .icon{width:15px;height:15px}.timer-intro{font-size:12px;color:#6f7668}.timer-card-header h3{font-size:14px;white-space:normal;overflow-wrap:anywhere}.timer-caption{font-size:11px;color:#6f7668}.timer-actions .button{font-size:12px;min-height:36px}.timer-actions .icon{width:14px;height:14px}.timer-add-card{font-size:13px;color:#657656}.timer-add-card small{font-size:11px;color:#6f7668}.empty-state p{font-size:13px;color:#6f7668}.modal .eyebrow{font-size:10px}.modal label:not(.checkbox-label){font-size:12px;color:#657656}.modal input:not([type="checkbox"]),.modal select{font-size:13px;color:#4f6042;height:44px}.modal input::placeholder{color:#7e8c70}.preset-row button{font-size:11px;color:#657656;min-height:32px}.checkbox-label{font-size:12px;color:#657656}.form-note{font-size:11px;color:#6f7668}.form-error{font-size:12px}.modal-footer .button{font-size:12px;min-height:40px}.modal-footer .danger-text{font-size:11px}.settings-info{font-size:12px;color:#657656}.settings-info strong{font-size:12px;color:#536747}.settings-info p{font-size:11px;color:#6f7668}.data-tools .button{font-size:11px;min-height:36px;color:#657656}.live-nudge small{font-size:10px;color:#71673c;letter-spacing:1px}.live-nudge strong{font-size:14px;white-space:normal;overflow-wrap:anywhere}.live-nudge #nudge-detail{font-size:11px;color:#71673c}.nudge-actions .button{font-size:11px;min-height:36px}.toast{font-size:12px}.toast button{font-size:12px}.search-bar input{font-size:13px}.icon-button{color:#6f7d60}
@media(max-width:1200px){.nav-item{font-size:12px}.content-grid{gap:22px}.attention-card h2{font-size:22px}.attention-card p{font-size:12px;max-width:270px}.attention-card>div:first-child{max-width:80%}.bell-art{opacity:.6}.reminder-row{gap:10px}.reminder-name{font-size:14px}.snooze-button{font-size:11px;padding:0 7px}.filter-tabs button{font-size:11px;padding:0 8px}.progress-summary{gap:9px}.progress-summary>div{font-size:11px}.soft-pill{display:none}}
@media(max-width:1040px){.page-intro h1{font-size:32px}.attention-card>div:first-child{max-width:80%}.attention-card p{max-width:320px}.bell-art{opacity:.8}.reminder-name{font-size:14px}.right-panel{grid-template-columns:1fr 1fr}.panel-heading h2{font-size:13px}.progress-summary>div{font-size:12px}.rhythm-panel>p{max-width:none}}
@media(max-width:760px){.sidebar{height:calc(74px + env(safe-area-inset-bottom));padding-top:5px}.nav-item{font-size:10px;min-height:56px;gap:5px}.nav-item .icon{width:20px;height:20px}.nav-count{font-size:9px;min-width:15px;height:15px;right:13%;top:1px}.topbar-right #current-date{font-size:11px}.breadcrumb{font-size:12px}.page-intro h1{font-size:30px}.page-intro p{font-size:12px;max-width:300px}.page-intro .eyebrow{font-size:10px;letter-spacing:1px}.intro-add{font-size:0;width:41px;height:41px;min-height:41px}.attention-card{min-height:198px;padding:23px 20px}.attention-card h2{font-size:22px;max-width:270px}.attention-card p{font-size:12px;max-width:265px}.attention-card>div:first-child{max-width:86%}.attention-label{font-size:10px}.bell-art{opacity:.32;right:-2px;transform:scale(.85)}.text-button{font-size:12px}.quick-add{min-height:52px}.quick-add input{font-size:12px}.quick-submit{height:36px;width:36px}.filter-tabs{gap:1px}.filter-tabs button{font-size:11px;padding:0 8px;min-height:36px}.filter-tabs button span{font-size:10px}.sort-control select{font-size:10px;padding-top:10px;padding-bottom:10px}.sort-control .icon{width:12px;height:12px}.group-heading h2{font-size:12px}.group-count{font-size:10px}.group-note{font-size:10px;max-width:50%;text-align:right;line-height:1.5}.reminder-row{gap:10px;padding:16px 11px;min-height:96px;flex-wrap:wrap}.reminder-details{min-width:0;flex-basis:calc(100% - 38px)}.reminder-name{font-size:14px;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.reminder-meta{font-size:11px;gap:6px;line-height:1.6;row-gap:3px}.list-tag,.repeat-meta,.late-label{font-size:10px}.repeat-meta .icon{width:12px;height:12px}.snoozed-label{font-size:10px}.complete-button{width:26px;height:26px;margin-top:2px;align-self:flex-start;position:relative}.complete-button:after{content:"";position:absolute;inset:-6px}.row-actions{margin-left:36px;margin-top:0;gap:6px;flex-basis:calc(100% - 36px);justify-content:flex-end}.snooze-button{font-size:11px;min-height:36px;padding:0 10px;gap:5px}.snooze-button .icon{width:13px;height:13px;display:block}.edit-button{width:36px;height:36px}.edit-button .icon{width:18px;height:18px}.main-footnote{font-size:11px;line-height:1.8}.progress-panel,.rhythm-panel,.notification-panel{padding:21px 18px}.panel-heading h2{font-size:13px}.progress-summary>div{font-size:12px}.progress-summary small{font-size:10px}.progress-panel>p{font-size:11px}.rhythm-panel h3{font-size:15px}.rhythm-panel>p{font-size:12px}.field-label{font-size:10px}.rhythm-panel select{font-size:12px;height:42px}.quiet-row>div{font-size:12px;gap:9px}.quiet-row small{font-size:11px}.toggle{position:relative}.toggle:after{content:"";position:absolute;inset:-8px -3px}.subtle-link{font-size:12px;min-height:28px}.notification-panel h2{font-size:12px}.notification-panel p{font-size:12px}.notification-panel .button{font-size:12px;min-height:40px}.notification-panel>span{font-size:11px}.completed-row .reminder-details>strong{font-size:14px}.completed-row .reminder-details{flex-basis:auto}.completed-row .reminder-meta{font-size:11px}.timer-card{padding:19px 15px}.timer-card-header h3{font-size:13px}.timer-caption{font-size:11px}.timer-actions .button{font-size:11px;min-height:36px;padding:0 10px}.timer-actions .icon{width:13px;height:13px}.timer-add-card{font-size:12px}.timer-add-card small{font-size:11px;text-align:center;padding:0 12px;line-height:1.7}.timer-intro{font-size:12px}.empty-state p{font-size:12px}.modal label:not(.checkbox-label){font-size:12px}.modal input:not([type="checkbox"]),.modal select{font-size:14px}.modal-footer .button{font-size:12px;min-height:41px;padding:0 11px}.modal-footer .danger-text{font-size:11px}.checkbox-label{font-size:12px}.preset-row button{font-size:11px;min-height:36px}.toast{font-size:12px;bottom:calc(92px + env(safe-area-inset-bottom))}.live-nudge{bottom:calc(91px + env(safe-area-inset-bottom))}.nudge-actions .button{font-size:12px;min-height:39px}.live-nudge strong{font-size:14px}.live-nudge #nudge-detail{font-size:11px}.live-nudge small{font-size:10px}main{padding-bottom:118px}}
@media(max-width:480px){.right-panel{grid-template-columns:minmax(0,1fr);gap:16px}.progress-panel,.rhythm-panel,.notification-panel{grid-column:auto;grid-row:auto;padding:23px}.rhythm-panel>p{max-width:none}.rhythm-icon{margin-top:21px}.progress-summary{margin:22px 0 18px;gap:14px}.progress-summary strong{font-size:41px}.mini-spark{display:block;font-size:25px;margin-right:11px}.progress-summary small{font-size:11px}.progress-panel>p{font-size:12px}.notification-panel>span{font-size:11px}.soft-pill{display:block;font-size:9px}.sort-control>.icon{display:none}.filter-tabs button{padding:0 7px;font-size:11px}.page-intro h1{font-size:28px}.page-intro p{font-size:12px}.intro-add{margin-top:25px}.attention-card h2{font-size:21px;max-width:250px}.attention-card p{font-size:12px;max-width:245px}.group-note{font-size:10px}.timer-grid{grid-template-columns:minmax(0,1fr)}.timer-card{padding:22px}.timer-card-header h3{font-size:14px}.timer-value{font-size:44px}.timer-caption{font-size:12px}.timer-actions .button{font-size:12px}.timer-add-card{min-height:155px;font-size:13px}.timer-add-card small{font-size:12px}.modal-footer{flex-wrap:wrap}.modal-footer .danger-text{max-width:none}.modal-footer .footer-spacer{flex-basis:0}.modal input:not([type="checkbox"]),.modal select{font-size:16px}.main-footnote{align-items:flex-start}.main-footnote .icon{margin-top:4px}}
@media(max-width:370px){.filter-tabs button{padding:0 5px}.filter-tabs{gap:0}.sort-control select{font-size:10px}.page-intro h1{font-size:26px}.attention-card{padding-left:17px;padding-right:17px}.nav-item{font-size:9px}.nav-count{right:8%}}
@media(max-width:760px){.main-nav .nav-item{font-size:11px;gap:4px;min-height:59px}.main-nav .nav-item>span:not(.nav-count):not(.tiny-badge){white-space:normal;line-height:1.1;max-width:100%}.sort-control select{font-size:11px}.main-nav .nav-count{font-size:10px}}
@media(max-width:370px){.filter-tabs button{padding-left:4px;padding-right:4px}.main-nav{gap:2px}.sidebar{padding-left:6px;padding-right:6px}}

/* Account sync keeps the same quiet, warm interface. */
.account-mark{display:grid;place-items:center;width:20px;height:20px;font-size:18px;font-weight:700}
.prototype-tag{line-height:1.5;overflow-wrap:anywhere;font-size:10px;white-space:normal;text-align:center}
.account-intro,.account-message,.signed-in-email{line-height:1.65;color:var(--ink,#242923);font-size:14px}
.account-modal form>.button{margin-top:14px}.account-modal .subtle-link{display:block;margin-top:14px}
.account-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
#account-sync-status{font-size:13px;line-height:1.6;overflow-wrap:anywhere;color:#596653}
#code-form{margin-top:22px;padding-top:18px;border-top:1px solid #e2e4dc}
#account-code{letter-spacing:.18em;font-size:20px}
.sync-conflict{border:1px solid #e1c58a;background:#fff9e8;border-radius:14px;padding:16px;margin-top:14px}
.sync-conflict strong{font-size:14px}.sync-conflict p{font-size:13px;line-height:1.6;margin:8px 0 14px}
.sync-conflict>div{display:flex;flex-wrap:wrap;gap:8px}.sync-conflict .button{font-size:12px;padding:9px 12px}
.editing-lock{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 24px);width:max-content;z-index:10;background:#292e27;color:#fff;padding:14px 20px;border-radius:14px;font-size:13px;line-height:1.5;box-shadow:0 4px 20px #0002}
@media(max-width:800px){.sidebar-bottom .account-button{display:flex}.account-modal{width:calc(100% - 24px)}.account-actions .button{flex:1 1 auto}}

.account-avatar{min-width:32px;min-height:32px}.account-avatar:hover{background:#cdd6bd}
@media(max-width:760px){.editing-lock{bottom:calc(88px + env(safe-area-inset-bottom));z-index:25}}

/* A persistent account identity, separate from reminder sync status. */
.account-button{padding:10px;gap:10px;min-width:0}.account-button.is-signed-in{background:#e7ecdf;border:1px solid #d8e0cf}.account-mark{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#d9e1cc;font-size:12px}.account-copy{display:block;min-width:0;flex:1}.account-copy>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.account-copy small{display:block;font-size:10px;line-height:1.5;margin-top:3px;color:#586a49}.account-copy small::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#517344}.account-avatar{display:flex;align-items:center;gap:9px;width:auto;max-width:220px;background:transparent;border-radius:10px;padding:3px 5px}.account-avatar.is-signed-in{border:1px solid #d8e0cf}.account-avatar>span:last-child{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#d9e1cc;font-size:12px}#header-account-copy{min-width:0;text-align:left}#header-account-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}#header-account-copy small{display:block;font-size:10px;font-weight:400;color:#586a49;margin-top:2px}#profile-form{margin:18px 0;padding-bottom:18px;border-bottom:1px solid #e2e4dc}.signed-in-email{overflow-wrap:anywhere}
@media(max-width:760px){.account-avatar{max-width:160px}.topbar-right> #current-date{display:none}#header-account-name{font-size:11px}}

/* Saved timer presets and account preferences. */
.preference-note{font-size:11px!important;line-height:1.6!important;margin:8px 0 0;color:var(--muted)}.timer-definition-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.timer-card-header{gap:8px;align-items:flex-start}.timer-card-header h3{min-width:0;flex:1}.timer-edit-button{font:inherit;font-size:12px;min-height:36px;padding:0 9px;border:1px solid #d7dfc9;border-radius:9px;background:transparent;color:#536747;cursor:pointer}.timer-definition-actions .icon-button{width:36px;min-height:36px}.timer-edit-button:hover{background:#edf1e6}.timer-edit-button:disabled,.timer-definition-actions .icon-button:disabled,.timer-add-card:disabled{opacity:.5;cursor:wait}#customization-status{line-height:1.6}#settings-error:empty,#timer-error:empty{display:none}

/* Appearance controls keep the existing light design and follow the saved theme. */
:root{color-scheme:light;--surface-hover:#edf1e6;--control:#fbfcf6;--focus:#708568}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:550;line-height:1.3;white-space:nowrap;flex-shrink:0}
.theme-toggle .icon{width:16px;height:16px}
.theme-toggle:hover{background:var(--surface-hover);border-color:#b5bfa7}
.theme-toggle:active{transform:translateY(1px)}
.theme-options{display:flex;flex-wrap:wrap;gap:9px;margin-top:9px}
.theme-options>button,.modal .theme-options label{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:115px;min-height:44px;margin:0;padding:10px 14px;border:1px solid var(--border);border-radius:9px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:500;cursor:pointer}
.theme-options .icon{width:18px;height:18px}
.modal .theme-options input[type="radio"]{width:16px;height:16px;min-width:16px;padding:0;margin:0;accent-color:#667764}
.theme-options>button:hover,.modal .theme-options label:hover{background:var(--surface-hover)}
.theme-options>button[aria-pressed="true"],.theme-options>button[aria-checked="true"],.modal .theme-options label:has(input:checked){background:#eef0d9;border-color:#a9b493;color:#35432d}
html[data-theme="dark"]{color-scheme:dark;--page:#151916;--sidebar:#1b211c;--paper:#202720;--ink:#edf1e8;--muted:#b3bdac;--border:#3d483b;--yellow:#f1e480;--yellow-soft:#39361e;--green:#bdd3aa;--sage:#303c2d;--red:#f2b8a0;--shadow:0 10px 32px #0004;--surface-hover:#303a2e;--control:#191f1a;--focus:#e4d976;scrollbar-color:#586550 #1b211c}
html[data-theme="dark"] ::selection{background:#c9c06c;color:#161b13}
html[data-theme="dark"] body{background:var(--page);color:var(--ink)}
html[data-theme="dark"] :is(button,a,input,select):focus-visible{outline-color:var(--focus)}
html[data-theme="dark"] .sidebar{background:var(--sidebar);border-color:var(--border)}
html[data-theme="dark"] :is(.brand-dot,.page-intro h1 span,.little-note .icon,.breadcrumb .icon,.panel-heading>.icon,.timer-intro>.icon){color:#c2d1a9}
html[data-theme="dark"] :is(.workspace-avatar,.avatar,.account-mark,.account-avatar>span:last-child){background:#35422f;color:#e4eddb}
html[data-theme="dark"] :is(.local-dot,.account-copy small::before){background:#b7cf8d}
html[data-theme="dark"] :is(.workspace-label small,.nav-caption,.nav-count,.tiny-badge,.little-note p,.prototype-tag,.breadcrumb,.topbar-right,.eyebrow,.page-intro p,.filter-tabs button,.sort-control,.sort-control select,.group-heading h2,.group-note,.reminder-meta,.time-label,.list-tag,.repeat-meta,.main-footnote,.progress-summary>div,.progress-summary small,.progress-panel>p,.rhythm-panel>p,.field-label,.quiet-row>div,.quiet-row small,.notification-panel h2,.notification-panel p,.notification-panel>span,.timer-intro,.timer-caption,.timer-add-card small,.empty-state p,.form-note,.settings-info,.settings-info p){color:var(--muted)}
html[data-theme="dark"] :is(.nav-item,.list-nav button){color:#c5cebf}
html[data-theme="dark"] :is(.nav-item:hover,.list-nav button:hover,.list-nav button.active){background:#2b3528;color:#edf1e8}
html[data-theme="dark"] .nav-item.active{background:#34412e;color:#f2f3df}
html[data-theme="dark"] .nav-item.active .nav-count{background:#47543c;color:#f3f5df}
html[data-theme="dark"] .nav-divider{background:var(--border)}
html[data-theme="dark"] :is(.tiny-badge,.prototype-tag,.quiet-row,.modal-footer,#code-form,#profile-form){border-color:var(--border)}
html[data-theme="dark"] .primary{background:var(--yellow);border-color:#d9ca69;color:#292f21}
html[data-theme="dark"] .primary:hover{background:#fbef94;border-color:#f1e480;box-shadow:0 3px 14px #0003}
html[data-theme="dark"] .shortcut{background:#d7ca6c;border-color:#b8ab53;color:#3c3d27}
html[data-theme="dark"] :is(.secondary,.notification-panel .button,.data-tools .button){background:#283126;border-color:#46513f;color:#e4eadc}
html[data-theme="dark"] :is(.secondary:hover,.notification-panel .button:hover,.data-tools .button:hover){background:#35412f;border-color:#6c7a5e;color:#f2f5eb}
html[data-theme="dark"] :is(.icon-button,.edit-button){color:#c3cdb8}
html[data-theme="dark"] :is(.icon-button:hover,.edit-button:hover){background:var(--surface-hover);color:#f2f5eb}
html[data-theme="dark"] .attention-card{background:linear-gradient(106deg,#3a3720 0%,#33321e 62%,#2d2f1e 100%);border-color:#655e33}
html[data-theme="dark"] .attention-card h2{color:#f6efbd}
html[data-theme="dark"] :is(.attention-label,.attention-card p){color:#d8cf9e}
html[data-theme="dark"] .pulse-dot{background:#eee087;box-shadow:0 0 0 3px #ddcc6529}
html[data-theme="dark"] .text-button{color:#f1e480}
html[data-theme="dark"] .text-button:hover{color:#fff4af}
html[data-theme="dark"] .bell-body{background:radial-gradient(ellipse at 50% 60%,#7a7038 0%,#5a5126 74%);border-color:#938346;box-shadow:9px 12px 13px #0003,inset 6px 7px 14px #dec66d12}
html[data-theme="dark"] .bell-body svg{fill:#d7c265;stroke:#f0e2a1;filter:drop-shadow(3px 4px 2px #0003)}
html[data-theme="dark"] .bell-orbit{border-color:#d7c46a40}
html[data-theme="dark"] .orbit-two{border-color:#d7c46a26}
html[data-theme="dark"] :is(.art-spark,.art-zig){color:#b5a660}
html[data-theme="dark"] :is(.quick-add,.search-bar){background:var(--paper);border-color:#46513f;box-shadow:none}
html[data-theme="dark"] :is(.quick-add>.icon,.search-bar>.icon){color:#b3c19f}
html[data-theme="dark"] :is(.quick-add input,.search-bar input){color:var(--ink)}
html[data-theme="dark"] :is(.quick-add input,.search-bar input,.modal input)::placeholder{color:#a9b49f;opacity:1}
html[data-theme="dark"] .quick-add:focus-within{border-color:#c4bc78;box-shadow:0 0 0 3px #dfd58018}
html[data-theme="dark"] .quick-submit{color:#c9d5ba;border-color:#4a5841}
html[data-theme="dark"] .quick-submit:hover{background:var(--yellow);border-color:var(--yellow);color:#292f21}
html[data-theme="dark"] .filter-tabs button:hover{background:#293327;color:var(--ink)}
html[data-theme="dark"] .filter-tabs button.active{background:#35422e;color:#eef3e2}
html[data-theme="dark"] .filter-tabs button span{background:#48563c;color:#f0f3e6}
html[data-theme="dark"] .sort-control select option{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .group-count{background:#2e372b;color:#d0d8c6}
html[data-theme="dark"] .reminder-group:first-child .group-heading h2{color:var(--muted)}
html[data-theme="dark"] :is(.group-heading.overdue-heading h2,.overdue .time-label,.late-label,.priority-mark){color:#e2c479}
html[data-theme="dark"] .group-heading.overdue-heading .group-count{background:#413b25;color:#edda9d}
html[data-theme="dark"] .reminder-row{background:var(--paper);border-color:var(--border)}
html[data-theme="dark"] .reminder-row:hover{border-color:#6a795c;box-shadow:0 3px 14px #0002}
html[data-theme="dark"] .reminder-row.overdue{background:#2a2c20;border-color:#57523a}
html[data-theme="dark"] .reminder-row.overdue:hover{border-color:#8b7f4b}
html[data-theme="dark"] .reminder-row.is-priority:before{background:#e2c479}
html[data-theme="dark"] .complete-button{border-color:#8a987b}
html[data-theme="dark"] .overdue .complete-button{border-color:#a4986b}
html[data-theme="dark"] .complete-button:hover{background:#3d4c32;border-color:#c4d8ab;color:#edf5e2}
html[data-theme="dark"] .reminder-name:hover{color:#d5e8bb}
html[data-theme="dark"] .meta-divider{color:#91a080}
html[data-theme="dark"] .snoozed-label{background:#34422d;color:#d4e4bc}
html[data-theme="dark"] .snooze-button{background:#273022;border-color:#47553c;color:#d0dfbd}
html[data-theme="dark"] .snooze-button:hover{background:#3b4930;border-color:#768b61;color:#f1f6e7}
html[data-theme="dark"] :is(.progress-panel,.rhythm-panel,.notification-panel){background:var(--paper);border-color:var(--border)}
html[data-theme="dark"] .progress-summary strong{color:#d0dfb7}
html[data-theme="dark"] .mini-spark{color:#a7bd8a}
html[data-theme="dark"] .progress-track{background:#38432f}
html[data-theme="dark"] .progress-track span{background:#c5d49c}
html[data-theme="dark"] .soft-pill{background:#303a2a;color:#c8d5b5}
html[data-theme="dark"] .rhythm-icon{background:#433e24;color:#eddb88}
html[data-theme="dark"] :is(.rhythm-panel select,.modal input:not([type="checkbox"]),.modal select){background:var(--control);border-color:#68765b;color:var(--ink)}
html[data-theme="dark"] .quiet-row .icon{color:#c3cea9}
html[data-theme="dark"] .toggle{background:#64715a}
html[data-theme="dark"] .toggle span{background:#f0f3e8;box-shadow:0 1px 4px #0005}
html[data-theme="dark"] .toggle[aria-checked="true"]{background:#b9cd91}
html[data-theme="dark"] .toggle[aria-checked="true"] span{background:#25301f}
html[data-theme="dark"] .subtle-link{color:#d3dfbc}
html[data-theme="dark"] .subtle-link:hover{color:#f1e480}
html[data-theme="dark"] .empty-state{background:#1e261c;border-color:#536348}
html[data-theme="dark"] .empty-icon{background:#35432b;color:#c9dbaf}
html[data-theme="dark"] .completed-row{background:#202a1f;border-color:#3d4b35}
html[data-theme="dark"] :is(.completed-row .reminder-details>strong,.completed-row .reminder-name){color:#c4d3b3;text-decoration-color:#748266}
html[data-theme="dark"] .completed-row .reminder-meta{color:var(--muted)}
html[data-theme="dark"] .completed-check{background:#3a4e2d;color:#d5e9b8}
html[data-theme="dark"] .completed-row button{color:#c4d3b3}
html[data-theme="dark"] .timer-card{background:var(--paper);border-color:var(--border)}
html[data-theme="dark"] .timer-card.running{background:#273222;border-color:#698055}
html[data-theme="dark"] .timer-card.finished{background:#38351f;border-color:#827340}
html[data-theme="dark"] .timer-value{color:#d4e1bd}
html[data-theme="dark"] .timer-card.paused .timer-value{color:#b9c4ab}
html[data-theme="dark"] .timer-card.finished .timer-value{color:#f1e480}
html[data-theme="dark"] .timer-add-card{background:#1e281c;border-color:#627352;color:#d6e1c5}
html[data-theme="dark"] .timer-add-card:hover{background:#2c3825;border-color:#95a87b;color:#edf3df}
html[data-theme="dark"] .timer-edit-button{border-color:#627451;color:#d6e5c0}
html[data-theme="dark"] .timer-edit-button:hover{background:#35452a;color:#f2f6e7}
html[data-theme="dark"] .modal{background:var(--paper);border-color:#55624a;box-shadow:0 24px 90px #0009}
html[data-theme="dark"] .modal::backdrop{background:#080d08b8}
html[data-theme="dark"] :is(.modal label:not(.checkbox-label),.checkbox-label){color:#ced9c0}
html[data-theme="dark"] .checkbox-label input{accent-color:#c8d99f}
html[data-theme="dark"] .preset-row button{background:#2a3523;border-color:#576a43;color:#d5e2c1}
html[data-theme="dark"] .preset-row button:hover{background:#3b4c2e;border-color:#91a975;color:#f2f6e8}
html[data-theme="dark"] :is(.form-error,.danger-text){color:var(--red)}
html[data-theme="dark"] .danger-text:hover{background:#482e25;color:#ffd7c3}
html[data-theme="dark"] .settings-info{background:#263020;border-color:#485a38}
html[data-theme="dark"] .settings-info strong{color:#e0eacb}
html[data-theme="dark"] .live-nudge{background:#36331e;border-color:#8c7e40;box-shadow:0 12px 48px #0007;color:#f7efc7}
html[data-theme="dark"] :is(.live-nudge small,.live-nudge #nudge-detail){color:#dfd4a0}
html[data-theme="dark"] .nudge-icon{background:#655a2b;color:#f9e9a0}
html[data-theme="dark"] .toast{background:#33452b;color:#edf5e6;border:1px solid #6d825a;box-shadow:0 8px 30px #0005}
html[data-theme="dark"] .toast button{color:#f1e480}
html[data-theme="dark"] .sync-conflict{background:#35311f;border-color:#81713f;color:#eee5bc}
html[data-theme="dark"] .sync-conflict p{color:#dfd5ad}
html[data-theme="dark"] .editing-lock{background:#2c3826;color:#edf5e2;border:1px solid #71895b;box-shadow:0 4px 20px #0006}
html[data-theme="dark"] :is(.account-button.is-signed-in,.account-avatar.is-signed-in){background:#273322;border-color:#4f6241}
html[data-theme="dark"] .account-avatar:hover{background:#35472b}
html[data-theme="dark"] :is(.account-copy small,#header-account-copy small,#account-sync-status){color:#c0d3a8}
html[data-theme="dark"] .theme-toggle{background:#273022;border-color:#627451;color:#e4edcf}
html[data-theme="dark"] .theme-toggle:hover{background:#36442c;border-color:#a3b47c;color:#f4f6df}
html[data-theme="dark"] :is(.theme-options>button,.modal .theme-options label){background:#273022;border-color:#657651;color:#dfe9ce}
html[data-theme="dark"] :is(.theme-options>button:hover,.modal .theme-options label:hover){background:#36432c}
html[data-theme="dark"] :is(.theme-options>button[aria-pressed="true"],.theme-options>button[aria-checked="true"],.modal .theme-options label:has(input:checked)){background:#49482a;border-color:#b4a95c;color:#f4ecba}
html[data-theme="dark"] .modal .theme-options input[type="radio"]{accent-color:#e4d976;background:transparent}
@media(max-width:760px){.topbar-right:has(.theme-toggle){gap:10px}.theme-toggle{min-height:38px}}
@media(max-width:480px){.theme-toggle{width:38px;padding:0}.theme-toggle-label{display:none}}

.appearance-settings{padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--border)}
.appearance-settings h3{font-size:13px;font-weight:600;color:var(--ink)}
.appearance-settings .form-note{margin-bottom:0}