:root{--ink:#20221e;--muted:#73776d;--line:#e8e5dc;--paper:#fffefa;--canvas:#f7f5ef;--green:#315d4a;--green-deep:#254b3c;--green-soft:#e5eee8;--amber:#b87327;--amber-soft:#fbefdc;--blue:#557388;--blue-soft:#eaf0f3;--shadow:0 10px 30px #2d2f280f}*{box-sizing:border-box}button,a,select{touch-action:manipulation;-webkit-tap-highlight-color:#315d4a1f}html{background:var(--canvas);scroll-padding-bottom:90px}body{color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #315d4a3d}button:disabled,select:disabled{cursor:default}.app-shell{min-height:100vh;overflow-x:hidden}.skip-link{z-index:100;color:#fff;background:var(--green-deep);border-radius:8px;padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sidebar{background:#efede6;border-right:1px solid #3538310f;flex-direction:column;width:252px;padding:36px 24px 26px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;font-weight:720;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 4px 10px #315d4a2e}.nav-list{gap:6px;margin-top:66px;display:grid}.nav-item{color:#686c63;text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:20px 1fr auto;align-items:center;gap:11px;width:100%;min-height:46px;padding:0 13px;transition:background .16s,color .16s;display:grid}.nav-item:hover{color:var(--ink);background:#ffffff85}.nav-item.active{color:var(--green-deep);background:#fff;font-weight:650;box-shadow:0 3px 12px #272c240a}.nav-count{color:#7a7e75;font-variant-numeric:tabular-nums;background:#2b30290f;border-radius:8px;place-items:center;min-width:24px;height:24px;font-size:12px;display:grid}.nav-item.active .nav-count{color:var(--green);background:var(--green-soft)}.sidebar-note{color:#757970;background:#ffffff73;border:1px solid #ffffffb3;border-radius:14px;gap:10px;margin-top:auto;padding:16px;display:flex}.sidebar-note svg{color:var(--amber);flex:none;margin-top:2px}.sidebar-note p{margin:0;font-size:12px;line-height:1.6}.sidebar-note strong{color:#4a4e46;font-weight:650}.main-content{min-height:100vh;margin-left:252px}.content-wrap{width:min(100% - 48px,780px);margin:0 auto;padding:92px 0 70px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.eyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:750}h1{text-wrap:balance;letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,54px);font-weight:500;line-height:1.03}.subtitle{color:var(--muted);margin:13px 0 0;font-size:15px;line-height:1.5}.primary-button,.secondary-button{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:650;transition:transform .14s,background .14s,box-shadow .14s;display:inline-flex}.primary-button{color:#fff;border:1px solid var(--green);background:var(--green);padding:0 17px;box-shadow:0 5px 14px #315d4a24}.primary-button:hover{background:var(--green-deep);box-shadow:0 7px 18px #315d4a33}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.primary-button:disabled{opacity:.45;box-shadow:none}.secondary-button{color:var(--green);background:#fff;border:1px solid #cfdad2;padding:0 16px}.secondary-button:hover{background:var(--green-soft)}.composer{background:var(--paper);box-shadow:var(--shadow);border:1px solid #dcd9cf;border-radius:16px;margin:-12px 0 32px;animation:.18s ease-out rise;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(-6px)}}.composer-top{align-items:center;padding:6px 8px 4px 20px;display:flex}.composer input{width:100%;height:54px;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.composer input::placeholder{color:#a2a49e}.composer-footer{background:#fcfbf7;border-top:1px solid #eeece6;justify-content:space-between;align-items:center;gap:12px;min-height:61px;padding:10px 12px 10px 17px;display:flex}.priority-picker{border:0;gap:5px;margin:0;padding:0;display:flex}.priority-choice{color:#777a73;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.priority-choice:hover{background:#f0eee8}.priority-choice.selected.high{color:#a65845;background:#fbede9;border-color:#edd5ce}.priority-choice.selected.medium{color:#9b631f;background:var(--amber-soft);border-color:#edddc3}.priority-choice.selected.low{color:#557388;background:var(--blue-soft);border-color:#d9e3e8}.priority-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.save-button{min-height:39px}.close-button{color:#85887f}.task-section{margin-top:4px}.list-label{color:#92958d;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 17px 10px 57px;font-size:11px;font-weight:700;display:flex}.task-list{gap:9px;display:grid}.task-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:70px;padding:12px 11px 12px 17px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 2px 8px #27292406}.task-card:hover{border-color:#d7d3c8;transform:translateY(-1px);box-shadow:0 7px 20px #2729240d}.check-button{color:#fff;background:0 0;border:1.5px solid #bfc3ba;border-radius:50%;place-items:center;width:24px;height:24px;transition:background .14s,border-color .14s,transform .14s;display:grid}.check-button:hover{border-color:var(--green);transform:scale(1.06)}.is-complete .check-button{border-color:var(--green);background:var(--green)}.task-copy{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.task-copy>p{overflow-wrap:anywhere;color:#343631;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:540;line-height:1.45;overflow:hidden}.priority-badge{border-radius:8px;align-items:center;gap:5px;min-width:76px;height:28px;padding:0 8px;display:flex}.priority-badge.high{color:#a65845;background:#fbede9}.priority-badge.medium{color:#9b631f;background:var(--amber-soft)}.priority-badge.low{color:var(--blue);background:var(--blue-soft)}.priority-badge select{color:currentColor;appearance:auto;background:0 0;border:0;outline:0;width:56px;padding:0 12px 0 0;font-size:11px;font-weight:700}.task-actions{opacity:.42;align-items:center;gap:2px;margin-left:5px;transition:opacity .14s;display:flex}.task-card:hover .task-actions,.task-card:focus-within .task-actions{opacity:1}.icon-button{color:#797d74;background:0 0;border:0;border-radius:9px;place-items:center;width:38px;height:38px;padding:0;display:grid}.icon-button:hover{color:var(--ink);background:#f0eee8}.icon-button:disabled{opacity:.25}.icon-button.delete:hover{color:#a75242;background:#fbebe7}.icon-button.restore:hover{color:var(--green);background:var(--green-soft)}.is-complete .task-copy>p{color:#969990;-webkit-text-decoration:line-through #b6b8b2;text-decoration:line-through #b6b8b2}.is-complete .priority-badge{display:none}.add-row{color:#7c8077;text-align:left;background:0 0;border:1px dashed #0000;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:13px;padding:0 18px;font-size:14px;display:flex}.add-row:hover{color:var(--green);background:#ffffff73;border-color:#d6dcd5}.empty-state{text-align:center;flex-direction:column;align-items:center;margin-top:76px;display:flex}.empty-icon{width:62px;height:62px;color:var(--green);background:var(--green-soft);border-radius:20px;place-items:center;margin-bottom:19px;display:grid;transform:rotate(-3deg)}.empty-state h2{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500}.empty-state p{max-width:350px;color:var(--muted);margin:10px 0 22px;font-size:14px;line-height:1.6}.mobile-header,.bottom-nav{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:820px){.sidebar{display:none}.main-content{margin-left:0}.mobile-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f5efeb;border-bottom:1px solid #35383112;justify-content:space-between;align-items:center;height:66px;padding:0 20px;display:flex}.mobile-header .brand{font-size:18px}.mobile-header .brand-mark{border-radius:8px;width:27px;height:27px}.mobile-add{color:#fff;background:var(--green);border:0;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.content-wrap{width:min(100% - 36px,680px);padding:46px 0 104px}.page-heading{margin-bottom:32px}.desktop-add{display:none}h1{font-size:42px}.bottom-nav{z-index:10;height:calc(72px + env(safe-area-inset-bottom));padding:7px 14px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffefaf5;border-top:1px solid #e2dfd7;grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:auto 0 0}.bottom-nav button{color:#8b8e86;background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex;position:relative}.bottom-nav button.active{color:var(--green)}.bottom-nav b{color:#fff;background:var(--green);border:2px solid var(--paper);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;display:grid;position:absolute;top:3px;left:calc(50% + 7px)}}@media (max-width:540px){.content-wrap{width:calc(100% - 28px);padding-top:36px}.page-heading{margin-bottom:28px}h1{font-size:36px}.subtitle{margin-top:10px;font-size:14px}.composer{margin-top:-8px}.composer-footer{flex-direction:column;align-items:stretch}.priority-picker{grid-template-columns:repeat(3,1fr);display:grid}.priority-choice{justify-content:center;padding:0 5px}.save-button{width:100%}.list-label{padding-left:54px;padding-right:12px}.task-card{grid-template-columns:25px minmax(0,1fr) auto;gap:10px;min-height:76px;padding-left:14px}.task-copy{flex-direction:column;align-items:flex-start;gap:6px}.task-copy>p{white-space:normal;width:100%}.priority-badge{min-width:68px;height:23px;padding:0 6px}.priority-badge select{font-size:10px}.task-actions{opacity:.7;grid-template-columns:repeat(2,34px);margin:0;display:grid}.icon-button{width:34px;height:34px}.empty-state{margin-top:54px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (pointer:fine){html{overscroll-behavior:none}}