:root{--bg:#fdfdfc;--ink:#1c1c1c;--muted:#7c7c78;--line:#e6e6e2;--select:#d7e3f4;--shadow:0 10px 30px #0000001f;--size:15px;--top:52px;--note-font:Menlo, ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141414;--ink:#e4e4e4;--muted:#858585;--line:#2a2a2a;--select:#33405a;--shadow:0 10px 30px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#141414;--ink:#e4e4e4;--muted:#858585;--line:#2a2a2a;--select:#33405a;--shadow:0 10px 30px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{margin:0}body{background:var(--bg);min-height:100dvh;color:var(--muted);font:13px/1.5 var(--note-font)}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:hover{color:var(--ink)}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.label{color:var(--muted)}.strong{color:var(--ink)}.choice[aria-pressed=true]{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.app{flex-direction:column;min-height:100dvh;display:flex}.intro .app{display:none}.top{z-index:20;box-sizing:border-box;background:var(--bg);flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:52px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:8px;min-width:0;display:flex}#home{color:var(--ink);font-weight:700}#home:hover{text-underline-offset:3px;text-decoration:underline}.version{font-size:11px}#status{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin-left:8px;overflow:hidden}.tools{flex-wrap:wrap;align-items:center;gap:2px;margin-left:auto;display:flex}.group{align-items:center;gap:2px;display:flex}.tools>*,.group>*,.tool svg{flex-shrink:0}.sep{background:var(--line);width:1px;height:16px;margin:0 6px}.tool{box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:30px;height:30px;padding:0 6px;display:inline-flex}.tool:hover:not(:disabled),.tool[aria-pressed=true],.tool[aria-expanded=true]{background:var(--line);color:var(--ink)}.picker{position:relative}.picker-button{padding:0 6px 0 8px;font-size:14px}.picker-button .size-value{font-size:13px}.picker-list{z-index:25;border:1px solid var(--line);background:var(--bg);min-width:150px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.picker-option{text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:7px 10px;font-size:15px;display:flex}.picker-option:hover,.picker-option:focus-visible{background:var(--line);color:var(--ink)}.picker-option[aria-pressed=true]{color:var(--ink)}.option-note{font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12px;display:inline-flex}.picker-list hr{border:0;border-top:1px solid var(--line);width:100%;margin:4px 0}.stepper{justify-content:space-between;align-items:center;padding:2px;display:flex}.stepper .size-value{font-size:13px}.notes-toggle{padding:0 10px 0 8px}.size-value{min-width:2ch;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums}.page{box-sizing:border-box;width:min(68ch,100% - 40px);font-size:var(--size);flex-direction:column;flex:1;margin:0 auto;padding:7vh 0 0;display:flex}.title{width:100%;color:var(--ink);caret-color:var(--ink);font:700 calc(var(--size) * 1.6)/1.3 var(--note-font);letter-spacing:-.01em;background:0 0;border:0;outline:0;padding:0;display:block}.title:focus-visible{outline:0}.title::placeholder{color:var(--muted);opacity:.5}:root:not(.ready) .title::placeholder{color:#0000}#note{min-height:40vh;color:var(--ink);caret-color:var(--ink);font:var(--size)/1.7 var(--note-font);tab-size:2;white-space:pre-wrap;overflow-wrap:break-word;outline:0;flex:1;padding:10px 0 15vh;position:relative}#note ::selection,#note::selection{background:var(--select)}#note.blank:before{content:attr(data-placeholder);color:var(--muted);opacity:.6;pointer-events:none;position:absolute}::highlight(nlo-find){background-color:#f2c94c66}::highlight(nlo-current){color:#111;background-color:#f2c94c}.foot{text-align:center;padding:12px 20px max(16px,3vh)}.foot a{color:var(--ink);text-decoration:none}.foot a:hover{text-underline-offset:3px;text-decoration:underline}.panel{top:var(--top);z-index:15;box-sizing:border-box;border:1px solid var(--line);background:var(--bg);width:min(420px,100vw - 32px);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex;position:fixed;right:20px}.row{align-items:center;gap:8px 12px;display:flex}.panel input{border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;background:0 0;border-radius:6px;flex:140px;padding:6px 8px}.find-count{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch}.notes-panel{inset:var(--top) 0 0;z-index:18;border-top:1px solid var(--line);background:var(--bg);position:fixed;overflow-y:auto}.notes-open{overflow:hidden}.notes-inner{box-sizing:border-box;width:min(68ch,100% - 40px);font-size:var(--size);margin:0 auto;padding:7vh 0 10vh}.notes-top{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.notes-top h2{color:var(--ink);font:700 calc(var(--size) * 1.6)/1.3 var(--note-font);letter-spacing:-.01em;margin:0}.notes-top button{margin-left:auto;font-size:13px}.notes-list{margin:0;padding:0;list-style:none}.notes-list li{border-top:1px solid var(--line);align-items:center;gap:16px;padding:12px 0;display:flex}.notes-list li:last-child{border-bottom:1px solid var(--line)}.notes-list .name{min-width:0;color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.notes-list .name:hover{text-underline-offset:3px;text-decoration:underline}.notes-list .label,.notes-list .delete{white-space:nowrap;font-size:12px}.notes-list .empty{color:var(--muted)}@media (hover:hover){.notes-list .delete{opacity:0}.notes-list li:hover .delete,.notes-list .delete:focus-visible,.notes-list .delete[data-confirm]{opacity:1}}@media (max-width:860px){.top{padding:10px 16px}.brand{width:100%}.tools{margin-left:-6px}}@media (max-width:480px){.version,.sep{display:none}.tools{gap:4px}.picker-list{left:0;right:auto}.page,.notes-inner{width:calc(100% - 32px);padding-top:3vh}}.welcome{display:none}.intro .welcome{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:24px 20px;display:flex}.welcome h1{color:var(--ink);letter-spacing:-1px;margin:0;font-size:40px;line-height:1}.welcome p{max-width:34ch;margin:0;font-size:14px;line-height:1.7}.welcome .lede{max-width:40ch;color:var(--ink)}.welcome .promise{letter-spacing:.2px;max-width:none;font-size:12px}.welcome .promise span{white-space:nowrap}.welcome .features{border-top:1px solid var(--line);text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 36px;width:100%;max-width:680px;margin:28px 0 0;padding:28px 0 0;list-style:none;display:grid}.welcome .features li{flex-direction:column;gap:4px;display:flex}.welcome .features strong{color:var(--ink);font-weight:700}.welcome .features span{font-size:12px;line-height:1.6}.welcome kbd{border:1px solid var(--line);color:var(--ink);font:inherit;white-space:nowrap;border-radius:4px;padding:0 4px}@media (max-width:560px){.welcome .features{grid-template-columns:1fr;gap:18px}}.welcome #start{border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:8px;margin-top:8px;padding:11px 20px;font-size:14px;animation:3.2s ease-in-out infinite breathe}.welcome #start:hover,.welcome #start:focus-visible{opacity:.85;animation-play-state:paused}@keyframes breathe{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--ink) 0%, transparent);transform:scale(1)}50%{box-shadow:0 0 22px 4px color-mix(in srgb, var(--ink) 18%, transparent);transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.welcome #start{animation:none}}#print{display:none}@media print{.app,.welcome{display:none!important}#print{color:#000;font:12pt/1.6 var(--note-font);white-space:pre-wrap;overflow-wrap:break-word;display:block}}.lost{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:24px 20px;display:flex}.lost h1{color:var(--ink);letter-spacing:-1px;margin:0;font-size:40px;line-height:1}.lost p{max-width:36ch;margin:0;font-size:14px;line-height:1.7}.home-link{border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:8px;margin-top:8px;padding:11px 20px;font-size:14px;text-decoration:none}.home-link:hover,.home-link:focus-visible{opacity:.85}.home-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}