:root{--desk:#33413c;--paper:#fbf8ee;--card:#fffdf6;--ink:#1d2b4f;--pencil:#5a5e66;--red:#b3261e;--rule:#cfdce8;--margin:#e7a9a3;--yellow:#ffe566;--cream:#f6f1e3;--line:44px;--gutter:58px;--text:"Atkinson Hyperlegible", "Segoe UI", "Helvetica Neue", sans-serif;--display:"Archivo", "Arial Narrow", sans-serif;--mono:"Courier Prime", "Courier New", monospace;--shadow:0 10px 24px #00000047}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--desk);color:var(--ink);font-family:var(--text);margin:0;font-size:16px;line-height:1.4}body.modal-open{overflow:hidden}button,input,select,textarea{color:inherit;font-family:inherit}h1,h2,p{margin:0}:focus-visible{outline:3px solid var(--ink);outline-offset:1px}.topbar :focus-visible,.pool-head :focus-visible,.on-desk :focus-visible,.center-note :focus-visible,.toast :focus-visible{outline-color:var(--yellow)}.is-urgent{color:var(--red);font-weight:700}.spacer{flex:1}.phone-only{display:none}.desk{min-height:100vh;padding:24px 24px 48px}.desk-center{justify-content:center;align-items:center;display:flex}.shell{flex-direction:column;gap:24px;max-width:1392px;margin:0 auto;display:flex}.center-note{min-height:100vh;color:var(--cream);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:18px;display:flex}.topbar{flex-wrap:wrap;align-items:center;gap:8px 28px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.01em;color:var(--cream);font-size:30px;font-weight:800;line-height:56px;text-decoration:none}.wordmark span{border-bottom:4px solid var(--yellow)}.wordmark-ink{color:var(--ink);font-size:24px;line-height:36px}.nav{font-family:var(--mono);gap:4px;font-size:15px;display:flex}.nav-link{height:44px;color:var(--cream);border-bottom:3px solid #0000;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--yellow)}.nav-link.is-current{border-bottom-color:var(--yellow);font-weight:700}.topbar-right{flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;display:flex}.topbar-date{font-family:var(--mono);color:var(--cream);font-size:15px}.btn{cursor:pointer;white-space:nowrap;border:0;border-radius:4px;justify-content:center;align-items:center;height:44px;padding:0 18px;font-size:16px;text-decoration:none;display:inline-flex}.btn[disabled]{opacity:.5;cursor:default}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-nudge{box-shadow:0 0 0 4px #ffe56659}.btn-outline{color:var(--cream);border:1.5px solid var(--cream);background:0 0}.btn-light{background:var(--cream);color:var(--ink)}.btn-ink{background:var(--ink);height:48px;color:var(--paper);padding:0 22px;font-size:17px}.btn-plain{color:var(--ink);border:1.5px solid var(--ink);background:0 0}.link-btn{height:44px;font-family:var(--mono);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 4px;font-size:13px;font-weight:700;text-decoration:underline}.link-btn.is-urgent{color:var(--red)}.icon-btn{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.pill{border:1.5px solid var(--ink);height:28px;color:var(--ink);font-family:var(--mono);cursor:pointer;white-space:nowrap;background:0 0;border-radius:14px;margin:8px 3px;padding:0 10px;font-size:13px;line-height:1;position:relative}.pill:after{content:"";position:absolute;inset:-9px -4px}.pill:hover{background:#ffe56673}.pill.is-on{background:var(--yellow);font-weight:700}.pill-dashed{border-style:dashed;border-color:var(--pencil);color:var(--pencil)}.pill-dashed.is-on{border-style:solid;border-color:var(--ink);color:var(--ink)}.boards{grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:stretch;gap:16px;display:grid}.page{background-color:var(--paper);background-image:linear-gradient(to right, transparent 44px, var(--margin) 44px, var(--margin) 45px, transparent 45px);min-width:0;box-shadow:var(--shadow);border-radius:4px;flex-direction:column;display:flex}.page.is-over{outline:4px solid var(--yellow)}.page-head{height:112px;padding:22px 20px 0 var(--gutter);border-bottom:2px solid var(--rule)}.page-head h1,.page-head h2{font-family:var(--display);letter-spacing:-.01em;font-size:28px;font-weight:800;line-height:44px}.page-primary .page-head{padding-top:16px}.page-primary .page-head h2,.page-head h1{font-size:38px;line-height:52px}.page-head-tall{height:auto;padding:16px 20px 8px var(--gutter);flex-direction:column;gap:4px;display:flex}.squiggle{color:var(--red);display:block}.page-meta{font-family:var(--mono);color:var(--pencil);margin-top:8px;font-size:13px}.page-primary .page-meta{margin-top:4px}.lines{min-height:calc(var(--line) * 9);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--line) - 1px), var(--rule) calc(var(--line) - 1px), var(--rule) var(--line));flex:1;padding-right:16px}.page-note{height:var(--line);line-height:var(--line);padding-left:var(--gutter);color:var(--pencil);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.group-title{height:var(--line);line-height:var(--line);padding-left:var(--gutter);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pencil);font-size:12px;font-weight:700}.row.is-dragging,.card.is-dragging{opacity:.45}.row-main{height:var(--line);align-items:center;display:flex}.check{cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.box{border:2px solid var(--ink);border-radius:3px;width:18px;height:18px;display:block;position:relative}.check.is-done .box{border-color:var(--pencil)}.check-mark{color:var(--ink);position:absolute;top:-11px;left:-2px}.check-large .box{width:22px;height:22px}.row-title{min-width:0;height:var(--line);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0 0 0 14px;font-size:16px;display:flex}.row[draggable=true] .row-title{cursor:grab}.row-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.row.is-open .row-text{white-space:normal;max-height:var(--line);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:22px;display:-webkit-box}.row.is-done .row-text{color:var(--pencil);text-decoration:line-through;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);text-decoration-thickness:2px}.row-carried{color:var(--pencil);flex:none;display:inline-flex}.swatch{border-radius:2px;flex:none;width:10px;height:14px}.row-due{font-family:var(--mono);color:var(--pencil);flex:none;font-size:13px}.row-due.is-urgent{color:var(--red)}.chevron{color:var(--pencil);flex:none;transition:transform .12s}.chevron.is-open{transform:rotate(90deg)}.row-details{padding-left:var(--gutter);font-family:var(--mono);color:var(--pencil);font-size:13px}.row-line{min-height:var(--line);flex-wrap:wrap;align-items:center;column-gap:10px;display:flex}.row-line:first-child{line-height:var(--line);display:block}.row-line:first-child>*{margin-right:10px}.row-origin{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.row-moves{column-gap:2px}.row-moves>span{margin-right:6px}.chip{color:var(--ink);font-family:var(--mono);vertical-align:middle;white-space:nowrap;border-radius:2px;padding:1px 6px;font-size:13px;line-height:1.4;display:inline-block}.add-row input{width:100%;height:var(--line);padding:0 0 0 var(--gutter);background:0 0;border:0;border-radius:0;font-size:16px;display:block}.add-row input::placeholder{color:var(--pencil);opacity:1}.add-row input:focus{box-shadow:inset 0 -2px 0 var(--ink);background:#ffe56647;outline:none}.add-row-desk{flex:0 320px;margin-left:auto}.add-row-desk input{background:var(--card);border-top:3px solid var(--margin);border-radius:3px;padding:0 14px}.add-row-desk input:focus{background:var(--card);box-shadow:0 0 0 3px var(--yellow)}.add-row-flat input{border-bottom:2px solid var(--rule);padding-left:2px}.pool{border-radius:6px;flex-direction:column;gap:8px;display:flex}.pool.is-over{outline:3px dashed var(--yellow);outline-offset:8px}.pool-head{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.pool-head h2{font-family:var(--display);letter-spacing:-.01em;color:var(--cream);font-size:22px;font-weight:800;line-height:44px}.pool-meta{font-family:var(--mono);color:var(--cream);font-size:13px}.pool-empty{color:var(--cream);line-height:var(--line);grid-column:1/-1}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:12px;display:grid}.card{background:var(--card);border-top:3px solid var(--margin);cursor:grab;border-radius:3px;min-width:0;box-shadow:0 3px 8px #00000047}.card-main{align-items:center;min-height:64px;display:flex}.card-body{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:2px;min-width:0;padding:8px 0 8px 14px;display:flex}.card-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:22px;overflow:hidden}.card-meta{height:22px;font-family:var(--mono);color:var(--pencil);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex;overflow:hidden}.card-meta .chip{padding:0 5px;font-size:12px}.card-move{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin-right:4px;padding:0;display:flex}.card-move.is-on,.card-move:hover{background:var(--yellow)}.card-moves{border-top:1px solid var(--rule);flex-wrap:wrap;padding:0 8px 4px 11px;display:flex}.tag-filter{flex-wrap:wrap;align-items:center;display:flex}.tag-pick{height:44px;font-family:var(--mono);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:14px}.tag-pick span{color:var(--ink);border-radius:2px;padding:3px 8px;display:block}.tag-pick.is-on span{box-shadow:0 0 0 2px var(--ink);font-weight:700}.tag-all span{border:1.5px solid var(--ink);border-radius:14px;padding:2px 10px}.tag-all.is-on span{background:var(--ink);color:var(--paper);box-shadow:none}.on-desk .tag-pick.is-on span{box-shadow:0 0 0 2px var(--cream)}.on-desk .tag-all span{border-color:var(--cream);color:var(--cream)}.on-desk .tag-all.is-on span{background:var(--cream);color:var(--ink);box-shadow:none}.plan{grid-template-columns:1.6fr 1fr;align-items:start;gap:16px;display:grid}.plan-intro{font-size:17px;line-height:28px}.plan-filters{flex-wrap:wrap;align-items:center;gap:0 16px;display:flex}.plan-selects{font-family:var(--mono);color:var(--pencil);flex-wrap:wrap;align-items:center;gap:4px 16px;margin-left:auto;font-size:14px;display:flex}.select-field{align-items:center;gap:8px;display:inline-flex}.plan-selects select{border:1.5px solid var(--ink);background:var(--paper);max-width:180px;height:44px;color:var(--ink);font-family:var(--mono);border-radius:4px;padding:0 10px;font-size:16px}.plan-row{min-height:var(--line);flex-wrap:wrap;align-items:center;column-gap:10px;display:flex}.plan-title{min-width:0;height:var(--line);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;flex:180px;margin-right:-10px;padding:0 0 0 4px;font-size:16px;overflow:hidden}.plan-title:hover{text-decoration:underline}.plan-tags{flex:none;gap:6px;padding-left:10px;display:inline-flex}.plan-due{width:44px;font-family:var(--mono);color:var(--pencil);flex:none;font-size:13px}.plan-due.is-urgent{color:var(--red)}.plan-list{width:84px;font-family:var(--mono);color:var(--pencil);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:13px;overflow:hidden}.plan-picks{flex:none;display:flex}.plan-foot{padding:16px 20px 20px var(--gutter);border-top:2px solid var(--rule);color:var(--pencil);flex-wrap:wrap;align-items:center;gap:12px 16px;font-size:15px;display:flex}.overlay{z-index:50;background:#141c199e;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.sheet{background-color:var(--paper);background-image:linear-gradient(to right, transparent 44px, var(--margin) 44px, var(--margin) 45px, transparent 45px);border-radius:4px;width:min(560px,100%);box-shadow:0 20px 48px #00000073}.task-form{padding:12px 28px 24px var(--gutter);flex-direction:column;gap:16px;display:flex}.sheet-top{justify-content:space-between;align-items:center;margin-right:-12px;display:flex}.sheet-crumb{font-family:var(--mono);color:var(--pencil);font-size:13px}.sheet-title{font-family:var(--display);font-size:28px;font-weight:800;line-height:36px}.task-title-row{align-items:center;display:flex}.task-title-row .check{margin-left:calc(var(--gutter) * -1);margin-right:14px}.task-title{border:0;border-bottom:2px solid var(--rule);min-width:0;height:48px;font-family:var(--display);letter-spacing:-.01em;background:0 0;border-radius:0;flex:1;padding:0 2px;font-size:26px;font-weight:800}.task-title.is-done{color:var(--pencil);text-decoration:line-through;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.task-title:focus,.line-input:focus,.tag-input:focus,.notes:focus{border-bottom-color:var(--ink);outline:none}.field-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pencil);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.field-hint{font-family:var(--mono);color:var(--pencil);font-size:13px;line-height:18px}.field-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pill-row{flex-wrap:wrap;margin-left:-3px;display:flex}.line-input{border:0;border-bottom:2px solid var(--rule);background:0 0;border-radius:0;width:100%;height:44px;padding:0 2px;font-size:17px}.due-row{align-items:center;gap:8px;display:flex}.box-input{border:1.5px solid var(--ink);background:var(--card);border-radius:4px;width:100%;height:48px;padding:0 12px;font-size:17px}.tag-edit{border-bottom:2px solid var(--rule);flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:44px;display:flex}.tag-edit:focus-within{border-bottom-color:var(--ink)}.chip-edit{align-items:center;padding-right:0;font-size:14px;display:inline-flex}.chip-edit button{cursor:pointer;background:0 0;border:0;width:28px;height:28px;margin-left:2px;padding:0;font-size:18px;line-height:1}.tag-input{min-width:130px;height:40px;font-family:var(--mono);background:0 0;border:0;flex:1;padding:0 2px;font-size:16px}.notes{resize:vertical;background-color:#0000;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 27px, var(--rule) 27px, var(--rule) 28px);background-attachment:local;border:0;border-bottom:2px solid #0000;border-radius:0;width:100%;min-height:112px;padding:0 2px;font-size:16px;line-height:28px;display:block}.sheet-foot{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.delete-confirm{font-family:var(--mono);align-items:center;gap:8px;font-size:13px;display:inline-flex}.lists-edit{flex-direction:column;display:flex}.list-line{align-items:center;gap:12px;display:flex}.list-count{font-family:var(--mono);color:var(--pencil);flex:none;font-size:13px}.account{position:relative}.avatar{background:var(--cream);width:44px;height:44px;color:var(--ink);font-family:var(--mono);cursor:pointer;border:0;border-radius:50%;font-size:16px;font-weight:700}.account-menu{z-index:20;background:var(--paper);width:290px;box-shadow:var(--shadow);border-radius:4px;flex-direction:column;gap:6px;padding:16px;display:flex;position:absolute;top:52px;right:0}.account-email{font-family:var(--mono);overflow-wrap:anywhere;margin-bottom:8px;font-size:14px}.account-zone{white-space:normal;text-align:left;align-self:flex-start}.account-out{margin-top:10px}.signin{width:min(480px,100%)}.signin-inner{flex-direction:column;align-items:flex-start;gap:16px;padding:28px 32px 32px 64px;display:flex}.signin h1{font-family:var(--display);letter-spacing:-.01em;font-size:30px;font-weight:800;line-height:36px}.signin p{font-size:17px;line-height:26px}.signin p.field-hint{font-size:13px;line-height:18px}.signin-form{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.signin-form .btn{margin-top:8px}.form-error{color:var(--red);font-weight:700}.toast{z-index:60;background:var(--ink);max-width:calc(100vw - 32px);min-height:48px;color:var(--paper);box-shadow:var(--shadow);border-radius:4px;align-items:center;gap:8px;padding:4px 4px 4px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast-action,.toast-close{min-width:40px;height:40px;color:var(--yellow);cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:16px;font-weight:700}.toast-close{color:var(--paper);font-size:22px;font-weight:400}.tabs{z-index:30;height:calc(68px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--paper);border-top:2px solid var(--ink);display:flex;position:fixed;bottom:0;left:0;right:0}.tab{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;padding:0;display:flex}.tab-label{border-bottom:4px solid #0000;font-size:15px;line-height:24px}.tab.is-current .tab-label{border-bottom-color:var(--yellow);font-weight:700}.tab-count{font-family:var(--mono);color:var(--pencil);font-size:12px}@media (width<=1100px){.boards{grid-template-columns:1fr 1fr}.plan{grid-template-columns:1fr}}@media (width<=720px){.desk{padding:8px 12px 104px}.shell{gap:12px}.topbar{gap:0 8px}.wordmark{font-size:24px;line-height:44px}.topbar-date,.topbar .btn-outline,.wide-only{display:none}.phone-only{display:inline}.topbar .btn{padding:0 12px}.nav{gap:0}.topbar-right{gap:8px}.nav-link{padding:0 6px}.lines{min-height:calc(var(--line) * 7);padding-right:12px}.cards{grid-template-columns:1fr}.add-row-desk{flex:100%}.plan-selects{margin-left:0}.plan-tags,.plan-list{display:none}.plan-due{width:auto;min-width:36px;padding-left:var(--gutter)}.plan-picks{margin-left:auto}.field-pair{grid-template-columns:1fr;gap:16px}.overlay{padding:12px 8px}.task-form{padding-right:16px}.toast{bottom:84px}.account-menu{width:min(290px,100vw - 24px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
