.scene{z-index:-1;pointer-events:none;position:fixed;inset:0}.scene svg{width:100%;height:100%;display:none;position:absolute;inset:0}html[data-theme=night] .scene-night,html[data-theme=forest] .scene-forest,html[data-theme=dusk] .scene-dusk{display:block}.twinkle{animation:4.5s ease-in-out infinite twinkle}@keyframes twinkle{50%{opacity:.15}}@media (prefers-reduced-motion:reduce){.twinkle{animation:none}}.topbar svg,.stage svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.topbar{z-index:20;height:var(--header-h);background:var(--panel);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:0 max(24px,50vw - 712px);display:flex;position:sticky;top:0}.topbar-left,.topbar-actions{align-items:center;gap:12px;min-width:0;display:flex}.topbar-actions{gap:8px}.brand{color:var(--text);font:600 19px/1 var(--font-serif);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.save-pill{background:var(--hover);color:var(--muted);font:500 12px/16px var(--font-sans);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.save-pill .dot{background:#4caf7a;border-radius:50%;width:6px;height:6px;transition:background .2s}.save-pill[data-state=saving] .dot{background:var(--accent)}.save-pill[data-state=error] .dot{background:#d9534f}.pill-btn,.icon-btn{border:1px solid var(--line);height:36px;font:600 13px/1 var(--font-sans);background:0 0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 14px;transition:background .15s;display:inline-flex}.icon-btn{justify-content:center;width:36px;padding:0}.pill-btn:hover,.icon-btn:hover,.pill-btn[aria-expanded=true],.pill-btn[aria-pressed=true]{background:var(--hover)}.notes-toggle{display:none}.suggest-btn{height:36px;color:var(--muted);font:600 13px/1 var(--font-sans);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 10px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.suggest-btn:hover{background:var(--hover);color:var(--text)}.topbar-divider{background:var(--line);flex:none;width:1px;height:20px}.menu-wrap{position:relative}.menu{z-index:40;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--menu);min-width:220px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 48px -12px #16211c47}.menu[hidden]{display:none}.menu-title{color:var(--faint);font:600 12px/16px var(--font-sans);margin:6px 10px 4px}.menu button{border-radius:var(--r-sm);text-align:left;width:100%;font:500 14px/20px var(--font-sans);background:0 0;border:0;align-items:center;gap:10px;padding:9px 10px;display:flex}.menu button:hover{background:var(--hover)}.menu button[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--accent)}.swatch{border-radius:6px;flex:none;width:28px;height:20px}.swatch-night{background:linear-gradient(#1d2142 40%,#5b4b80)}.swatch-forest{background:linear-gradient(#dce7de 40%,#5f8573)}.swatch-dusk{background:linear-gradient(#f0a888 40%,#bf7458)}.stage{gap:var(--gap);grid-template-columns:260px minmax(0,720px) 300px;justify-content:center;align-items:start;padding:32px 48px 40px;display:grid}.notes,.sheet{height:calc(100svh - var(--header-h) - 72px);min-height:560px}.panel{background:var(--panel);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.notes{flex-direction:column;gap:12px;padding:16px;display:flex}.btn-primary{border-radius:var(--r-sm);background:var(--accent-strong);height:42px;color:var(--on-accent);font:600 14px/1 var(--font-sans);border:0;justify-content:center;align-items:center;gap:8px;transition:opacity .15s;display:inline-flex}.btn-primary:hover{opacity:.9}.new-row{gap:8px;display:flex}.new-row>*{flex:1 1 0;gap:6px;min-width:0;padding:0 8px}.new-row .btn-primary{border:1px solid #0000}.btn-secondary{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:var(--r-sm);background:var(--hover);height:42px;color:var(--text);font:600 14px/1 var(--font-sans);white-space:nowrap;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.btn-secondary:hover{background:color-mix(in srgb, var(--accent) 20%, transparent)}.search{border:1px solid var(--line);border-radius:var(--r-sm);height:38px;color:var(--faint);align-items:center;gap:8px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--accent)}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.search input::placeholder{color:var(--faint)}.note-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:2px;min-height:0;margin:0 -6px;padding:0 6px;list-style:none;display:flex;overflow-y:auto}.note-item button{border-radius:var(--r-sm);text-align:left;background:0 0;border:0;gap:2px;width:100%;padding:10px 12px;display:grid}.note-item button:hover{background:var(--hover)}.note-item button[aria-current=true]{background:var(--hover);box-shadow:inset 3px 0 0 var(--accent)}.ni-title{font:600 14px/20px var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ni-preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:18px;display:-webkit-box;overflow:hidden}.ni-time{color:var(--faint);font:500 11px/16px var(--font-sans)}.note-empty{color:var(--muted);padding:12px;font-size:13px}.notes-foot{border-top:1px solid var(--line);color:var(--faint);font:500 12px/16px var(--font-sans);margin:0;padding-top:10px}.scrim{display:none}.sheet{background:var(--sheet);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.sheet-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.seg{background:var(--hover);border-radius:999px;padding:3px;display:inline-flex}.seg button{height:28px;color:var(--muted);font:600 12px/1 var(--font-sans);background:0 0;border:0;border-radius:999px;padding:0 12px}.seg button[aria-checked=true]{background:var(--sheet);color:var(--text);box-shadow:0 1px 3px #0000001f}.sheet-tools-right{gap:4px;display:flex}.ghost-btn{border-radius:var(--r-sm);height:32px;color:var(--muted);font:600 13px/1 var(--font-sans);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.ghost-btn:hover{background:var(--hover);color:var(--text)}.writing{flex-direction:column;flex:1;min-height:0;padding:28px 44px 12px;display:flex}.note-title{width:100%;font:600 32px/40px var(--font-serif);letter-spacing:-.01em;background:0 0;border:0;outline:0;margin:0 0 12px;padding:0}.note-body{resize:none;width:100%;min-height:0;caret-color:var(--accent);font:400 18px/1.72 var(--font-serif);scrollbar-width:thin;background:0 0;border:0;outline:0;flex:1;padding:0}.note-body::placeholder{color:var(--faint)}.note-title::placeholder{color:color-mix(in srgb, var(--faint) 75%, transparent)}.note-body[hidden],.checklist[hidden]{display:none}.checklist{scrollbar-width:thin;flex-direction:column;flex:1;align-items:flex-start;min-height:0;margin:0 -6px;padding:2px 6px 12px;display:flex;overflow-y:auto}.check-items{font:400 18px/1.72 var(--font-serif);align-self:stretch;margin:0;padding:0;list-style:none}.check-item{align-items:center;gap:12px;display:flex}.ci-box{width:20px;height:20px;accent-color:var(--accent-strong);cursor:pointer;flex:none;margin:0}.ci-text{min-width:0;color:var(--text);caret-color:var(--accent);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:4px 0}.ci-text::placeholder{color:var(--faint)}.check-item.done .ci-text{color:var(--muted);text-decoration:line-through}.check-actions{flex-wrap:wrap;justify-content:space-between;align-self:stretch;align-items:center;gap:2px 8px;display:flex}.check-bulk{gap:4px;margin:2px 0 0 -9px;display:flex}.check-bulk[hidden]{display:none}.add-item{border-radius:var(--r-sm);height:40px;color:var(--muted);font:600 14px/1 var(--font-sans);background:0 0;border:0;align-items:center;gap:10px;margin:2px 0 0 -8px;padding:0 12px 0 10px;display:inline-flex}.add-item:hover{background:var(--hover);color:var(--text)}.sheet[data-font=sans] .note-body,.sheet[data-font=sans] .check-items{font-family:var(--font-sans);font-size:17px;line-height:1.7}.sheet[data-font=mono] .note-body,.sheet[data-font=mono] .check-items{font-family:var(--font-mono);font-size:15px;line-height:1.65}.sheet:focus-within{border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.status{border-top:1px solid var(--line);color:var(--muted);font:500 12px/16px var(--font-sans);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 24px;display:flex}.metrics{gap:16px;display:flex}.privacy{color:var(--accent);align-items:center;gap:6px;display:inline-flex}.privacy svg{width:14px;height:14px}.ad-slot{border:1px dashed var(--line);border-radius:var(--r-lg);background:var(--panel);width:300px;height:600px;color:var(--faint);font:500 12px/16px var(--font-sans);justify-content:center;align-items:center;display:flex}.toast{z-index:50;background:var(--menu);border:1px solid var(--line);box-shadow:var(--shadow);font:600 13px/1 var(--font-sans);opacity:0;pointer-events:none;border-radius:999px;padding:10px 16px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.toast.has-action{white-space:nowrap;align-items:center;gap:12px;padding:4px 4px 4px 16px;display:flex}.toast.show.has-action{pointer-events:auto}.toast-action{background:var(--hover);height:30px;color:var(--text);font:700 13px/1 var(--font-sans);border:0;border-radius:999px;padding:0 12px}.toast-action:hover{background:var(--line)}html.zen .notes,html.zen .ad-col,html.zen .topbar .menu-wrap,html.zen .suggest-btn,html.zen .topbar-divider,html.zen .notes-toggle,html.zen .save-pill{display:none}html.zen .stage{grid-template-columns:minmax(0,760px)}@media (width<=1480px){.stage{grid-template-columns:260px minmax(0,720px)}.notes,.sheet{grid-row:1}.ad-col{grid-area:2/2}.ad-slot{width:100%;max-width:728px;height:90px;margin:0 auto}html.zen .sheet{grid-column:1}}@media (width<=1024px){.suggest-btn .label{display:none}.suggest-btn{justify-content:center;width:36px;padding:0}.stage{grid-template-columns:minmax(0,720px);gap:24px;padding:24px 20px 32px}.sheet,.ad-col{grid-column:1}.notes-toggle{display:inline-flex}.notes{top:var(--header-h);z-index:30;border-radius:0 var(--r-lg) var(--r-lg) 0;background:var(--menu);width:min(300px,85vw);height:auto;min-height:0;transition:transform .25s;position:fixed;bottom:0;left:0;transform:translate(-105%)}.notes.open{transform:none}.scrim:not([hidden]){inset:var(--header-h) 0 0 0;z-index:25;background:#0a0c1459;display:block;position:fixed}}@media (width<=640px){.topbar{padding:0 12px}.topbar .label,.save-pill #save-text{display:none}.save-pill{padding:6px}.topbar,.topbar-left{gap:8px}.notes-toggle{width:34px;height:34px}.topbar-actions{gap:4px}.pill-btn,.suggest-btn{justify-content:center;width:34px;height:34px;padding:0}.suggest-btn{width:32px}.brand{font-size:17px}}@media (width<=419px){.brand span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=640px){.stage{gap:16px;padding:12px 12px 24px}.sheet{height:calc(100svh - var(--header-h) - 150px);min-height:420px}.sheet-tools{padding:8px 10px}.ghost-btn .label{display:none}.writing{padding:20px 20px 8px}.note-title{font-size:26px;line-height:34px}.status{padding:10px 16px}.ad-slot{max-width:320px;height:100px}}@media (prefers-reduced-motion:reduce){.notes,.toast{transition:none}}@media (width<=900px){.save-pill #save-text{display:none}.save-pill{padding:6px}}@media (width>=641px) and (width<=719px){.topbar .label{display:none}.pill-btn{justify-content:center;width:36px;padding:0}}.about[data-astro-cid-oxgmilyn]{background:var(--canvas);border-top:1px solid var(--line);padding:88px 24px 72px;position:relative}.about-inner[data-astro-cid-oxgmilyn]{max-width:760px;margin:0 auto}h1[data-astro-cid-oxgmilyn]{font:500 44px/52px var(--font-serif);letter-spacing:-.02em;text-wrap:balance;margin:0 0 16px}.lede[data-astro-cid-oxgmilyn]{max-width:62ch;color:var(--muted);font:400 18px/30px var(--font-serif);margin:0 0 56px}h2[data-astro-cid-oxgmilyn]{font:500 26px/34px var(--font-serif);margin:48px 0 12px}.lede[data-astro-cid-oxgmilyn]+h2[data-astro-cid-oxgmilyn]{margin-top:0}.about-inner[data-astro-cid-oxgmilyn]>p[data-astro-cid-oxgmilyn]:not(.lede),.steps[data-astro-cid-oxgmilyn] li[data-astro-cid-oxgmilyn],.uses[data-astro-cid-oxgmilyn] li[data-astro-cid-oxgmilyn]{max-width:64ch;color:var(--muted);font-size:16px;line-height:26px}.about-inner[data-astro-cid-oxgmilyn]>p[data-astro-cid-oxgmilyn]:not(.lede){margin:0 0 16px}.steps[data-astro-cid-oxgmilyn],.uses[data-astro-cid-oxgmilyn]{margin:0 0 16px;padding-left:22px}.steps[data-astro-cid-oxgmilyn] li[data-astro-cid-oxgmilyn],.uses[data-astro-cid-oxgmilyn] li[data-astro-cid-oxgmilyn]{margin-bottom:8px;padding-left:4px}.steps[data-astro-cid-oxgmilyn] li[data-astro-cid-oxgmilyn]::marker{color:var(--accent);font-weight:600}.uses[data-astro-cid-oxgmilyn] li[data-astro-cid-oxgmilyn]::marker{color:var(--accent)}.uses[data-astro-cid-oxgmilyn] strong[data-astro-cid-oxgmilyn]{color:var(--text);font-weight:600}.faq-heading[data-astro-cid-oxgmilyn]{margin:72px 0 16px}details[data-astro-cid-oxgmilyn]{border-bottom:1px solid var(--line)}details[data-astro-cid-oxgmilyn]:first-child{border-top:1px solid var(--line)}summary[data-astro-cid-oxgmilyn]{cursor:pointer;font:600 15px/22px var(--font-sans);justify-content:space-between;gap:16px;padding:18px 2px;list-style:none;display:flex}summary[data-astro-cid-oxgmilyn]::-webkit-details-marker{display:none}summary[data-astro-cid-oxgmilyn]:after{content:"+";color:var(--accent);font-size:20px;line-height:22px}details[data-astro-cid-oxgmilyn][open] summary[data-astro-cid-oxgmilyn]:after{content:"−"}details[data-astro-cid-oxgmilyn] p[data-astro-cid-oxgmilyn]{max-width:64ch;color:var(--muted);margin:0 0 18px;font-size:15px;line-height:24px}@media (width<=760px){.about[data-astro-cid-oxgmilyn]{padding:56px 20px 48px}h1[data-astro-cid-oxgmilyn]{font-size:32px;line-height:40px}h2[data-astro-cid-oxgmilyn]{margin-top:40px;font-size:23px;line-height:30px}.faq-heading[data-astro-cid-oxgmilyn]{margin-top:56px}}