@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}.reminders.gone li{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:.75rem}.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}.tools{z-index:1;background:var(--paper);border-bottom:1px solid var(--line);scrollbar-width:none;align-items:center;gap:.25rem;margin:0 0 1rem;padding:.4rem 0;display:flex;position:sticky;top:0;overflow-x:auto}.tools button:not(.link){min-width:2.4rem;min-height:2.4rem;color:var(--ink);font:600 .95rem var(--body);background:0 0;border:1px solid #0000;flex:none;padding:0 .6rem}.tools button[aria-pressed=true]{background:var(--lime-soft);border-color:var(--line)}.tools button:disabled{opacity:.35}.tools i{border-left:1px solid var(--line);flex:none;align-self:stretch;margin:.3rem .25rem}.tools input{flex:1;min-width:8rem}.page.ql-container{height:auto;font:1.06rem/1.6 var(--body)}.page .ql-editor{height:auto;min-height:60vh;line-height:inherit;caret-color:var(--ink);padding:0 0 4rem;overflow:visible}.page .ql-editor.ql-blank:before{color:var(--muted);font-style:normal;left:0;right:0}.page .ql-editor :is(h1,h2,h3){color:var(--ink);letter-spacing:normal;text-transform:none;margin:.9rem 0 .2rem}.page .ql-editor>:first-child{margin-top:0}.page .ql-editor h1{font:700 1.6rem/1.25 var(--display)}.page .ql-editor h2{font:700 1.3rem/1.3 var(--display)}.page .ql-editor h3{font:700 1.1rem/1.4 var(--display)}.page .ql-editor strong{font-weight:600}.page .ql-editor s{color:var(--muted)}.page .ql-editor a{color:var(--teal)}.page .ql-editor code,.page .ql-editor .ql-code-block-container{font:.9em/1.6 var(--mono);background:var(--lime-soft)}.page .ql-editor code{padding:.1em .25em}.page .ql-editor .ql-code-block-container{white-space:pre;margin:.4rem 0;padding:.6rem .8rem;overflow-x:auto}.page .ql-editor blockquote{border-left:3px solid var(--line);color:var(--muted);margin:0;padding-left:.9rem}.page .ql-editor li[data-list=checked]{color:var(--muted);text-decoration:line-through}.page .ql-editor li[data-reminder]:after{color:var(--teal);margin-left:.6em;font-size:.8em;display:inline-block}.page .ql-editor li[data-list=checked]>.ql-ui:before,.page .ql-editor li[data-list=unchecked]>.ql-ui:before{content:"";box-sizing:border-box;vertical-align:-.15em;border:1.5px solid var(--teal);cursor:pointer;border-radius:.25em;width:1.05em;height:1.05em;margin-left:-1.5em;margin-right:.45em}.page .ql-editor li[data-list=checked]>.ql-ui:before{background:var(--teal) center / 80% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@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 minmax(0,1fr)}.tools{flex-wrap:wrap}.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}}[data-colour]{--c:#2f6fd0}[data-colour=none]{--c:var(--muted)}[data-colour=green]{--c:#2f8f4e}[data-colour=red]{--c:#c8402f}[data-colour=orange]{--c:#d0761a}[data-colour=yellow]{--c:#b79a0c}[data-colour=teal]{--c:#0b8a80}[data-colour=purple]{--c:#7a4fc4}[data-colour=grey]{--c:#6b7672}.views.shown{margin-top:.5rem}.views.shown button{min-height:0;color:var(--paper);font:500 1rem var(--body);text-align:left;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.55rem;padding:.45rem .75rem;display:flex}.views.shown button:hover{background:var(--raised)}.views.shown button:before{content:"";box-sizing:border-box;border:2px solid var(--c);background:var(--c);border-radius:50%;flex:none;width:.7rem;height:.7rem}.views.shown button[aria-pressed=false]{color:var(--muted-dark)}.views.shown button[aria-pressed=false]:before{background:0 0}.when{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.when h1{margin:0}.when nav{gap:.25rem;display:flex}.when nav a{box-sizing:border-box;border:1px solid var(--line);background:var(--card);min-width:2.5rem;min-height:2.5rem;color:var(--ink);border-radius:1.4rem;place-items:center;padding:0 .75rem;text-decoration:none;display:grid}.when nav a:hover{background:var(--paper)}.when nav a[aria-current]{color:var(--muted)}.calendar .editor{margin-top:1rem}.calendar .editor label{grid-template-columns:minmax(0,1fr)}.calendar .editor .check{align-items:center;gap:.5rem;display:flex}.calendar .check input{width:auto}.calendar .editor>.row:last-child{justify-content:space-between}.calendar .editor p button{margin-right:.75rem}.events{margin:0;padding:0;list-style:none}.events .what{width:100%;box-shadow:inset 3px 0 var(--c);padding-left:.75rem}.events .reminder{align-items:center;display:flex}.events .reminder .tick{flex:none;margin:0 .6rem 0 0}.events .reminder .what{box-shadow:none;padding-left:0}.events li+li{margin-top:.15rem}.events .what[aria-expanded=true]>span,.today>h2{color:var(--teal)}.chip{background:color-mix(in srgb, var(--c) 16%, var(--card));min-height:0;box-shadow:inset 3px 0 var(--c);font:500 .75rem/1.3 var(--body);text-align:left;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:.3rem;padding:.1rem .35rem;display:block;overflow:hidden}.chip.reminder,.chip.reminder:hover{background:var(--card);box-shadow:inset 0 0 0 1px var(--c)}.chip:hover{background:color-mix(in srgb, var(--c) 30%, var(--card))}.chip small{font-size:.69rem}.month{border-left:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(7,minmax(0,1fr));margin-top:1rem;display:grid}.month>small{text-align:center;text-transform:uppercase;padding:.25rem}.month>div{border-top:1px solid var(--line);border-right:1px solid var(--line);background:var(--card);flex-wrap:wrap;align-content:start;gap:.15rem;min-height:3.25rem;padding:.2rem;display:flex}.month>.other{background:0 0}.month a{text-align:center;width:100%;color:var(--ink);font:500 .8rem var(--mono);border-radius:.3rem;flex:none;text-decoration:none}.month .other a{color:var(--muted)}.month .today a{background:var(--teal);color:var(--card)}.month .chosen{box-shadow:inset 0 0 0 2px var(--ink)}.month>div>small{font-size:.62rem}.week{border:1px solid var(--line);background:var(--card);border-radius:.6rem;margin-top:1rem;overflow-x:auto}.week .heads,.week .hours{grid-template-columns:3rem repeat(7,minmax(5.5rem,1fr));min-width:41.5rem;display:grid}.week .heads{border-bottom:1px solid var(--line)}.week .heads>div{border-left:1px solid var(--line);align-content:start;gap:.15rem;min-width:0;padding:.3rem .2rem;display:grid}.week .heads a{color:var(--ink);text-align:center;border-radius:.3rem;text-decoration:none}.week .heads .today a{background:var(--teal);color:var(--card)}.week .heads .today a small{color:inherit}.week .heads a[aria-current]{box-shadow:0 0 0 2px var(--ink)}.week .hours{height:32rem;max-height:70vh;overflow-y:auto}.week .hours>div{height:60rem;position:relative}.week .hours>div:not(.clock){border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom, transparent 0 calc(2.5rem - 1px), var(--line) calc(2.5rem - 1px) 2.5rem);cursor:copy}.week .clock small{box-sizing:border-box;text-align:right;height:2.5rem;padding:.1rem .3rem 0 0;font-size:.65rem;display:block}.week .hours .chip{box-sizing:border-box;border:1px solid var(--card);white-space:normal;position:absolute}.week .hours hr{z-index:1;border:0;border-top:2px solid var(--warning);pointer-events:none;margin:0;position:absolute;left:0;right:0}.keys{margin-top:2rem;font-size:.8rem;display:none}@media (width<=55.99rem){.month .chip{background:var(--c);width:.45rem;height:.45rem;box-shadow:none;border-radius:50%;padding:0;font-size:0}.month>div{justify-content:center}.month>div>small{line-height:.45rem}}@media (width>=56rem){.app.calendar main{max-width:64rem}.calendar .add,.calendar .editor,.calendar .more,.calendar section,.calendar .gone{max-width:40rem}.views.shown{margin-top:1.5rem}.views.shown button{width:100%}.month>div{min-height:6.5rem;display:grid}.month a{text-align:left;box-sizing:border-box;padding:0 .2rem}.month .today a{justify-self:start;width:auto}.week .hours{height:40rem}}@media (hover:hover) and (width>=56rem){.keys{display:block}}