@font-face{font-family:Quattro;src:url(/fonts/quattro-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Quattro;src:url(/fonts/quattro-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Quattro;src:url(/fonts/quattro-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Quattro;src:url(/fonts/quattro-bold-italic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--paper:#f6f4ef;--sidebar:#f6f4ef;--ink:#26241f;--muted:#8a8478;--faint:#b3ada1;--line:#e6e2d9;--hover:#eeebe4;--accent:#b85c38;--selection:#ead9cc;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Quattro,ui-monospace,SF Mono,Menlo,monospace;font-size:15px}@media (prefers-color-scheme:dark){:root{--paper:#181715;--sidebar:#181715;--ink:#e4dfd5;--muted:#8a857b;--faint:#5c5851;--line:#2a2825;--hover:#221f1c;--accent:#e08a62;--selection:#4a3428}}*{box-sizing:border-box}::selection{background:var(--selection)}html,body,#app{height:100%;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}.quiet{color:var(--muted);letter-spacing:.02em;font-size:.8rem;text-decoration:none;transition:color .12s}.quiet:hover{color:var(--ink)}.quiet.danger:hover{color:var(--accent)}input{background:0 0;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--faint)}kbd{font:inherit;color:var(--faint);font-size:.75rem}.login{flex-direction:column;gap:1.5rem;width:260px;margin:32vh auto 0;display:flex}.wordmark{letter-spacing:.02em;font-weight:700}.login input{border-bottom:1px solid var(--line);padding:.5rem 0;transition:border-color .15s}.login input:focus{border-color:var(--ink)}.login-error{min-height:1.2em;color:var(--accent);margin:-.75rem 0 0;font-size:.8rem}.layout{grid-template-columns:280px 1fr;height:100%;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar-head,.sidebar-foot{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.5rem .75rem;display:flex}.sidebar-foot{padding:1rem 1.5rem 1.25rem}.heading{letter-spacing:.02em;align-items:center;gap:.6rem;font-weight:700;display:flex}.list{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;margin:0;padding:0 .75rem;list-style:none;overflow-y:auto}.item{cursor:pointer;color:var(--muted);border-radius:6px;align-items:center;gap:.85rem;padding:.6rem .75rem;transition:color .1s,background .1s;display:flex}.item:hover{color:var(--ink)}.item.selected{color:var(--ink);background:var(--hover)}.item-body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.item-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.item-date{color:var(--faint);flex-shrink:0;font-size:.75rem}.empty{color:var(--faint);padding:.55rem .75rem;font-size:.85rem}.hint{color:var(--faint);font-size:.75rem}.status{color:var(--faint);cursor:default;align-items:center;gap:.4rem;font-size:.75rem;font-weight:400;display:flex}.status:before{content:"";background:var(--faint);border-radius:50%;width:5px;height:5px}.status[data-state=syncing]:before{background:var(--muted);animation:1s ease-in-out infinite pulse}.status[data-state=error]{color:var(--accent)}.status[data-state=error]:before{background:var(--accent)}@keyframes pulse{50%{opacity:.3}}.icon{-webkit-user-select:none;user-select:none;border-radius:23%;flex-shrink:0;transition:opacity .15s,filter .15s;display:inline-block}.icon svg{width:100%;height:100%;display:block}.icon-md{width:28px;height:28px}.icon-sm{width:18px;height:18px}.icon-unknown{background:var(--line);color:var(--muted);justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}.icon.done,.pickup.done .icon{filter:grayscale();opacity:.35}.item-icons{flex-shrink:0;min-width:28px;display:flex}.item-icons .icon+.icon{box-shadow:0 0 0 2px var(--sidebar);margin-left:-10px}.item-title .done{color:var(--faint);text-decoration:line-through}.item.all-done .item-title{color:var(--faint)}.item.all-done .item-date{color:var(--muted)}.item-date.near{color:var(--accent)}.calendar-pane{min-width:0;min-height:0;padding:0 2rem;overflow-y:auto}.calendar{max-width:680px;margin:0 auto;padding:1.5rem 0 3rem}.calendar-head{justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:1.25rem;display:flex}.month{letter-spacing:.02em;font-weight:700}.calendar-head .actions{gap:1.25rem;display:flex}.grid{border-top:1px solid var(--line);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.weekday{color:var(--faint);border-bottom:1px solid var(--line);padding:.5rem .4rem;font-size:.75rem}.day{border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:.15rem;min-height:5.5rem;padding:.4rem .4rem .5rem;display:flex}.day-number{color:var(--muted);margin-bottom:.2rem;font-size:.75rem}.day.other .day-number,.day.past .day-number{color:var(--faint)}.day.today .day-number{color:var(--ink);font-weight:700}.day.tomorrow .day-number{color:var(--accent);font-weight:700}.pickup{text-align:left;max-width:100%;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;align-items:center;gap:.35rem;margin-left:-.3rem;padding:.1rem .3rem;font-size:.8rem;transition:background .1s,color .1s;display:inline-flex;overflow:hidden}.pickup:hover{background:var(--hover)}.day.past .pickup,.day.other .pickup{color:var(--muted)}.pickup .long{text-overflow:ellipsis;overflow:hidden}.pickup.done,.day.past .pickup.done{color:var(--faint)}.pickup.done .long{text-decoration:line-through}.day.past .pickup:not(.done) .icon{opacity:.6}.source{min-height:1.2em;color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin:1.25rem 0 0;font-size:.75rem;display:flex}.source .problem{color:var(--accent)}@media (width<=720px){.layout{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);height:auto;min-height:100%}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.list{max-height:40vh}.calendar-pane{padding:0 1rem}.day{min-height:4.5rem;padding:.3rem .15rem}.pickup .long{display:none}.day{gap:.25rem}.pickup{gap:.1rem;margin-left:0;padding:.1rem;font-size:.7rem}.pickup .icon-sm{width:22px;height:22px}}