@font-face{font-family:Bricolage Grotesque;font-weight:500;font-display:swap;src:url(/fonts/BricolageGrotesque-Medium.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-weight:700;font-display:swap;src:url(/fonts/BricolageGrotesque-Bold.woff2)format("woff2")}@font-face{font-family:Hanken Grotesk;font-weight:400;font-display:swap;src:url(/fonts/HankenGrotesk-Regular.woff2)format("woff2")}@font-face{font-family:Hanken Grotesk;font-weight:500;font-display:swap;src:url(/fonts/HankenGrotesk-Medium.woff2)format("woff2")}@font-face{font-family:Hanken Grotesk;font-weight:600;font-display:swap;src:url(/fonts/HankenGrotesk-SemiBold.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-weight:400;font-display:swap;src:url(/fonts/GeistMono-Regular.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-weight:500;font-display:swap;src:url(/fonts/GeistMono-Medium.woff2)format("woff2")}:root{--ink:#10201b;--ground:#0e1815;--raised:#18261f;--paper:#f3f5f0;--card:#fff;--line:#d5dad2;--line-dark:#2b3b34;--muted:#52605a;--muted-dark:#9fb0a8;--teal:#0b6b55;--teal-dark:#7fe3c4;--lime:#d4f25a;--lime-hover:#c3e63f;--lime-soft:#eef8c4;--warning:#a33a1f;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:"Hanken Grotesk", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.5 var(--body);color:var(--ink);background:var(--paper)}body{margin:0}main{max-width:34rem;margin:0 auto;padding:1.5rem 1rem 3rem}h1{font:700 1.75rem/1.15 var(--display);margin:0 0 1rem}h2,label,.lines small{font:500 .69rem var(--mono);text-transform:uppercase;color:var(--muted)}h2{margin:2rem 0 .4rem}a{color:var(--teal);font-weight:500}a:hover{color:var(--ink)}small{font:.75rem var(--mono);color:var(--muted)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}button{border:1px solid var(--line);background:var(--card);min-height:2.75rem;color:var(--ink);font:600 .94rem var(--body);cursor:pointer;border-radius:1.4rem;padding:0 1.25rem}button:hover{background:var(--paper)}button:disabled{opacity:.5;cursor:default}button.primary{border-color:var(--lime);background:var(--lime)}button.primary:hover{border-color:var(--lime-hover);background:var(--lime-hover)}button.link,summary{min-height:0;color:var(--teal);font:500 1rem var(--body);cursor:pointer;background:0 0;border:0;border-radius:0;padding:.4rem 0}button.link:hover,summary:hover{color:var(--ink);background:0 0}button.problem,button.link.problem{color:var(--warning)}input,textarea,select{box-sizing:border-box;border:2px solid var(--line);background:var(--card);color:var(--ink);font:1rem/1.5 var(--body);text-transform:none;border-radius:.75rem;padding:.6rem .85rem}input:focus,textarea:focus,select:focus{border-color:var(--ink);outline:none}input::placeholder,textarea::placeholder{color:var(--muted)}label{gap:.3rem;margin-bottom:1rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;display:flex}.problem,.late{color:var(--warning)}.top{background:var(--ground);box-shadow:0 0 0 100vmax var(--ground);clip-path:inset(0 -100vmax);justify-content:space-between;align-items:baseline;margin:-1.5rem 0 1.5rem;padding:.9rem 0;display:flex}.top a{color:var(--muted-dark);font-size:.9rem;text-decoration:none}.top a:hover{color:var(--paper)}.top a:first-child{color:var(--paper);font:700 1.25rem var(--display)}.devices{padding:0;list-style:none}.devices li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;display:flex}.devices small{display:block}.code{font:500 1.8rem var(--mono);letter-spacing:.15em}.search input{width:100%}.list,.lines,.actions{margin:0;padding:0;list-style:none}.list a{border-top:1px solid var(--line);color:var(--ink);gap:.1rem;padding:.7rem 0;font-weight:400;text-decoration:none;display:grid}.list strong{font-weight:600}.list a:hover strong{color:var(--teal)}.list span{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}audio{width:100%;margin-bottom:1rem;position:sticky;top:.5rem}.lines li,.actions li{border-radius:.5rem;align-items:baseline;gap:.75rem;padding:.4rem .5rem;display:flex}.lines small,.actions small{display:block}.time{min-width:3.2rem;min-height:0;font:.75rem var(--mono);color:var(--muted);text-align:right;background:0 0;border:0;flex:none;padding:0}button.time{color:var(--teal)}button.time:hover{color:var(--ink);background:0 0}.flagged{background:var(--lime-soft)}.here{box-shadow:inset 3px 0 var(--teal)}.done>span{color:var(--muted);text-decoration:line-through}.side{background:var(--ground);padding:0 1rem .75rem}.side .top{box-shadow:none;clip-path:none;margin:0}.views{white-space:nowrap;scrollbar-width:none;gap:.25rem;margin:0 -1rem;padding:0 1rem;display:flex;overflow-x:auto}.views a{color:var(--paper);border-radius:.5rem;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.45rem .75rem;text-decoration:none;display:flex}.views a:hover{background:var(--raised)}.views small{color:var(--muted-dark)}.views a[aria-current]{background:var(--lime);color:var(--ink);font-weight:600}.views a[aria-current] small{color:var(--ink)}.add{gap:.5rem;display:flex}.add input{flex:1;min-width:0}.add.new{margin-top:2.5rem}.reminders{padding:0;list-style:none}.reminders li{grid-template-columns:auto 1fr;align-items:start;padding:0 .25rem;display:grid}.tick{border:2px solid var(--muted);width:1.4rem;height:1.4rem;min-height:0;color:var(--card);background:0 0;border-radius:50%;margin:.75rem .75rem .75rem 0;padding:0;font-size:.8rem;line-height:1}.tick:hover{border-color:var(--teal);background:0 0}.tick[aria-pressed=true]{border-color:var(--teal);background:var(--teal)}.tick[aria-pressed=true]:after{content:"✓"}.what{min-height:0;font:1rem var(--body);text-align:left;background:0 0;border:0;border-radius:0;gap:.1rem;padding:.65rem 0;display:grid}.what:hover{background:0 0}.what:hover>span{color:var(--teal)}.ticked .what>span{color:var(--muted);text-decoration:line-through}.what small span{font:inherit}.editor{border:1px solid var(--line);background:var(--card);border-radius:.9rem;grid-column:1/-1;margin:.25rem 0 .75rem;padding:1.1rem}.editor label{flex:1;min-width:7rem;margin-bottom:.75rem}.editor input,.editor textarea,.editor select{width:100%}.editor .problem{margin-left:auto}details{margin-top:1.5rem}.more label{margin-top:.75rem}.notify{color:var(--muted);margin-top:2rem;font-size:.9rem}@media (width>=56rem){.app{grid-template-columns:15rem 1fr;min-height:100vh;display:grid}.side{box-sizing:border-box;height:100vh;padding:.5rem;position:sticky;top:0;overflow-y:auto}.side .top{padding:.6rem .75rem 1rem}.views{white-space:normal;flex-direction:column;margin:0;padding:0;overflow:visible}.app main{box-sizing:border-box;width:100%;max-width:44rem;margin:0;padding:1.5rem 2rem 3rem}}.shelf{padding:1rem 1rem 2rem}.shelf .search{flex:1;min-width:0}.shelf .list{margin-top:1rem}.shelf .list a{padding:.7rem .6rem}.shelf .list a[aria-current]{background:var(--card);box-shadow:inset 3px 0 var(--teal)}.hint{color:var(--muted)}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;margin-bottom:1rem;display:flex}.bar .back{text-decoration:none}.bar select{border-width:1px;padding:.3rem .6rem}.page .cm-editor{font:1.06rem/1.6 var(--body)}.page .cm-editor.cm-focused{outline:none}.page .cm-scroller{font-family:inherit;line-height:inherit}.page .cm-content{min-height:60vh;caret-color:var(--ink);padding:0 0 4rem}.page .cm-line{padding:0}.page .cm-placeholder{color:var(--muted)}.md-h1{font:700 1.6rem/1.25 var(--display)}.md-h2{font:700 1.3rem/1.3 var(--display)}.md-h3{font:700 1.1rem/1.4 var(--display)}.md-strong{font-weight:600}.md-em{font-style:italic}.md-strike{color:var(--muted);text-decoration:line-through}.md-link{color:var(--teal)}.md-url,.md-quote{color:var(--muted)}.md-code,.md-task{font:.9em var(--mono)}.md-code{background:var(--lime-soft)}.md-task{color:var(--teal)}.md-mark{color:var(--muted);opacity:.6;font-weight:400}@media (width<=55.99rem){.notes.reading .side,.notes.reading .shelf,.notes.browsing main{display:none}}@media (width>=56rem){.app.notes{grid-template-columns:15rem 21rem 1fr}.shelf{box-sizing:border-box;border-right:1px solid var(--line);height:100vh;position:sticky;top:0;overflow-y:auto}.app.notes main{max-width:48rem}.bar .back{display:none}.bar{justify-content:flex-end}}