:root{color:#222d40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{color:#222d40;background:#fff;min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}button:hover:not(:disabled){background:#f1f4f9}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #365cc9}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}.app{grid-template-columns:204px minmax(0,1fr);min-height:100vh;display:grid}.rail{background:#f5f7fa;border-right:1px solid #e8ecf2;flex-direction:column;gap:25px;height:100vh;padding:24px 15px;display:flex;position:sticky;top:0}.brand{color:#253a70;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.brand svg{width:19px}.rail nav{gap:3px;display:grid}.rail nav>small{color:#738095;letter-spacing:.08em;padding:0 10px 5px;font-size:10px;font-weight:700}.rail nav a,.rail-bottom a{color:#4d5b70;border-radius:5px;align-items:center;gap:8px;min-height:32px;padding:7px 10px;display:flex}.rail nav a:hover{color:#365cc9;background:#e9efff}.rail nav a svg,.rail-bottom a svg{width:15px;height:15px}.rail nav a small{color:#738095;margin-left:auto;font-size:11px}.rail .new-link{margin-top:5px}.rail-bottom{margin-top:auto}.page{max-width:980px;margin:0 auto;padding:25px 28px 48px}.topbar{color:#738095;border-bottom:1px solid #e8ecf2;justify-content:space-between;align-items:center;gap:10px;min-height:42px;font-size:12px;display:flex}.topbar span{align-items:center;gap:3px;display:flex}.topbar svg{width:14px;height:14px}.topbar>div{gap:3px;display:flex}.topbar button{font-size:12px}.primary{color:#fff!important;background:#365cc9!important}.primary:hover{opacity:.92}.page h1{letter-spacing:-.6px;margin:24px 0 8px;font-size:27px}.overview h1{margin-top:27px}.overview-list{border-top:1px solid #e8ecf2;margin-top:21px}.list-link{border-bottom:1px solid #e8ecf2;justify-content:space-between;align-items:center;gap:20px;padding:15px 4px;display:flex}.list-link:hover{background:#f9faff}.list-link strong{font-size:15px}.list-link p{color:#738095;margin:4px 0 0;font-size:12px}.summary{color:#738095;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:5px;font-size:12px;display:flex}.summary span{align-items:center;gap:4px;display:flex}.summary svg{width:13px}.empty{text-align:center;color:#738095;padding:52px 0}.empty svg{width:28px;height:28px}.empty h2{color:#222d40;margin:12px 0 5px;font-size:17px}.mobile-head{display:none}.list-header{padding:20px 0 22px}.heading-button{padding:0}.heading-button:hover{background:0 0}.heading-button h1{margin:0}.description{color:#738095;white-space:pre-wrap;margin:5px 0 0}.metadata{color:#738095;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:12px;display:flex}.metadata button,.item-tools>button{color:#738095;padding:5px 6px;font-size:12px}.metadata svg{width:14px}.progress{background:#e8ecf2;border-radius:5px;width:80px;height:3px;display:inline-block;overflow:hidden}.progress i{background:#365cc9;height:100%;display:block}.sections{gap:13px;display:grid}.task-section{border-top:0}.section-head{background:#f5f7fa;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:2px 10px;display:flex}.section-title{align-items:center;min-width:0;padding:7px 0;font-weight:600;display:flex}.section-title svg{width:14px}.section-title small{color:#738095;margin-left:7px;font-weight:400}.row-actions{align-items:center;display:flex}.text-action{color:#738095;padding:6px;font-size:11px}.icon{padding:6px}.icon svg{width:16px;height:16px}.danger{color:#a35035}.task-row{border-bottom:1px solid #e8ecf2;justify-content:space-between;align-items:center;gap:8px;min-height:39px;padding:0 10px;display:flex}.task-row.focused{background:#e9efff}.task-row>label{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;padding:8px 0;display:flex}.task-row>label span{overflow-wrap:anywhere}.task-row input[type=checkbox]{accent-color:#365cc9;flex:none;width:16px;height:16px}.task-row.done label span{color:#738095;text-decoration:line-through}.item-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1px;display:flex}.item-tools select{color:#738095;background:0 0;border:1px solid #e8ecf2;border-radius:5px;max-width:100px;padding:4px;font-size:11px}.overdue{color:#b56630!important}.add-item{color:#738095;align-items:center;gap:5px;padding:5px 10px;display:flex}.add-item svg{width:14px}.add-item input{min-width:0;color:inherit;background:0 0;border:0;flex:1;padding:7px 0}.add-item input::placeholder{color:#738095}.add-item button{color:#365cc9;padding:5px;font-size:12px}.add-section{color:#738095;margin-top:14px;padding-left:0;font-size:12px}.add-section svg{width:14px}.editor{gap:8px;max-width:640px;display:grid}.editor input{letter-spacing:-.6px;font-size:26px;font-weight:700}.editor textarea{min-height:60px}.editor .primary{justify-self:start}.shade{z-index:10;background:#1d263755;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{color:#222d40;background:#fff;border:1px solid #e8ecf2;border-radius:9px;width:min(430px,100%);padding:22px;position:relative;box-shadow:0 14px 35px #18231f33}.dialog h2{margin:0 0 16px;font-size:18px}.dialog label{color:#4d5b70;gap:6px;margin:10px 0;font-size:12px;display:grid}.dialog .check{align-items:center;gap:8px;font-size:13px;display:flex}.dialog input:not([type=checkbox]),.dialog textarea,.editor input,.editor textarea{color:#222d40;background:#fff;border:1px solid #cdd5e0;border-radius:5px;width:100%;padding:9px}.dialog textarea{resize:vertical;min-height:70px}.dialog-actions{justify-content:flex-end;gap:6px;margin-top:19px;display:flex}.close{position:absolute;top:10px;right:10px}.optional,.hint{color:#738095;font-size:12px}.error{color:#a35035}.offline{color:#86502d;background:#fff6e8;border-radius:5px;padding:9px 11px;font-size:12px}.archive-row{border-bottom:1px solid #e8ecf2;align-items:center;gap:12px;display:flex}.archive-row .list-link{border:0;flex:1}.settings{max-width:720px}.settings section{border-bottom:1px solid #e8ecf2;padding:16px 0}.settings h2{font-size:16px}.settings p{color:#4d5b70;line-height:1.55}.login{text-align:center;color:#4d5b70;place-content:center;min-height:100vh;padding:24px;display:grid}.login svg{color:#365cc9;width:32px;height:32px;margin:auto}.reminder{z-index:9;color:#e5eaf3;background:#252c37;border-radius:8px;align-items:center;gap:9px;padding:12px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 7px 25px #0004}.reminder svg{width:17px}.reminder a{color:#9eb7ff}.reminder button{color:#e5eaf3}@media (width<=1023px){.app{grid-template-columns:160px minmax(0,1fr)}.rail{padding:20px 9px}.page{padding:22px}.rail nav a{padding:7px}.rail nav a span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (width<=639px){.app{display:block}.rail{display:none}.mobile-head{background:#f5f7fa;border-bottom:1px solid #e8ecf2;justify-content:space-between;align-items:center;min-height:50px;padding:7px 13px;font-size:12px;display:flex}.mobile-head>a{align-items:center;gap:5px;display:flex}.mobile-head>div{display:flex}.page{padding:19px 16px 34px}.page h1{font-size:25px}.topbar{display:none}.list-header{padding-top:18px}.task-row{align-items:flex-start;min-height:44px;padding:0 5px}.task-row>label{align-items:flex-start;padding:11px 0}.task-row input[type=checkbox]{margin-top:2px}.item-tools{gap:0;padding:7px 0}.item-tools .text-action,.item-tools select{display:none}.section-head{padding:2px 7px}.section-title{min-height:42px}.row-actions .text-action{display:none}.metadata{gap:8px}.progress{width:46px}.summary{align-items:flex-end}.list-link{gap:8px}.list-link strong{overflow-wrap:anywhere}.archive-row{align-items:stretch}.archive-row>button{font-size:11px}.dialog{padding:19px}.reminder{bottom:12px;left:12px;right:12px}}@media (prefers-color-scheme:dark){body{color:#e5eaf3;background:#1b2028}.rail,.section-head,.mobile-head{background:#161b23;border-color:#343e4e}.rail nav a,.rail-bottom a{color:#a6b3c7}.rail nav a:hover,.task-row.focused{color:#9eb7ff;background:#263654}.brand{color:#9eb7ff}.page,.dialog{color:#e5eaf3;background:#1b2028}.topbar,.overview-list,.list-link,.task-row,.archive-row,.settings section{border-color:#343e4e}.list-link:hover,button:hover:not(:disabled){background:#252c37}.list-link p,.description,.metadata,.summary,.add-item,.optional,.hint,.settings p{color:#a6b3c7}.progress{background:#343e4e}.dialog input:not([type=checkbox]),.dialog textarea,.editor input,.editor textarea,.item-tools select{color:#e5eaf3;background:#252c37;border-color:#343e4e}.empty h2{color:#e5eaf3}.offline{color:#efae7d;background:#382b20}.overdue{color:#efae7d!important}}.login form{text-align:left;gap:9px;width:min(300px,100vw - 48px);margin:10px auto 0;display:grid}.login label{gap:6px;font-size:12px;display:grid}.login label.check{align-items:center;gap:8px;margin:4px 0;font-size:14px;display:flex}.login label.check input{accent-color:#365cc9;width:17px;height:17px;margin:0}.login input{color:#222d40;background:#fff;border:1px solid #cdd5e0;border-radius:5px;padding:9px}.login .primary{justify-content:center}@media (prefers-color-scheme:dark){.login input{color:#e5eaf3;background:#252c37;border-color:#343e4e}}