*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--bg: #fbfbfa;--fg: #1c1c1b;--muted: #8d8d88;--faint: #ebebe6;--selection: #d6d6d0;font-family:Iowan Old Style,Apple Garamond,Charter,Baskerville,Georgia,Times New Roman,serif;color-scheme:light dark;--ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono-font: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}@media(prefers-color-scheme:dark){:root{--bg: #111110;--fg: #e9e9e4;--muted: #6a6a64;--faint: #232321;--selection: #2c2c29}}html,body{background:var(--bg);color:var(--fg);min-height:100dvh}body{font-size:1.0625rem;line-height:1.7}::selection{background:var(--selection)}#app{min-height:100dvh;width:100%}.editor{position:relative;display:flex;flex-direction:column;min-height:100dvh;width:100%}.editor__surface{flex:1 1 0;min-height:0;width:100%;padding-block:clamp(2.5rem,9vh,6rem) clamp(6.5rem,11vh,8rem);padding-inline:max(1.25rem,calc((100% - 68ch)/2));background:transparent;color:var(--fg);border:0;outline:0;resize:none;font:inherit;line-height:1.75;letter-spacing:.005em;caret-color:var(--fg);-webkit-font-smoothing:antialiased}textarea.editor__surface{display:block}.editor__surface::placeholder{color:var(--muted);font-style:italic}.editor__preview{overflow-y:auto;white-space:normal}div.editor__surface[contenteditable]{display:block;white-space:pre-wrap;word-wrap:break-word;-webkit-user-modify:read-write-plaintext-only;cursor:text}div.editor__surface[contenteditable]:focus{outline:0}div.editor__surface[contenteditable][data-empty=true]:before{content:attr(data-placeholder);color:var(--muted);font-style:italic;pointer-events:none;display:block}.editor__preview>:first-child{margin-top:0}.editor__preview h1,.editor__preview h2,.editor__preview h3,.editor__preview h4,.editor__preview h5,.editor__preview h6{margin-block:1.6em .4em;font-weight:600;line-height:1.25;letter-spacing:-.005em}.editor__preview h1{font-size:1.75em}.editor__preview h2{font-size:1.4em}.editor__preview h3{font-size:1.2em}.editor__preview h4,.editor__preview h5,.editor__preview h6{font-size:1.05em}.editor__preview p{margin-block:.85em}.editor__preview ul,.editor__preview ol{margin-block:.85em;padding-left:1.5em}.editor__preview li{margin-block:.25em}.editor__preview a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--muted);text-underline-offset:.18em}.editor__preview a:hover{text-decoration-color:var(--fg)}.editor__preview strong{font-weight:600}.editor__preview em{font-style:italic}.editor__preview code{font-family:var(--mono-font);font-size:.92em;background:var(--faint);padding:.08em .35em;border-radius:3px}.editor__status{position:fixed;bottom:clamp(2.25rem,5vh,3.5rem);left:1.25rem;display:flex;align-items:center;gap:1.4rem;font-family:var(--ui-font);font-size:.72rem;letter-spacing:.03em;color:var(--muted);-webkit-user-select:none;user-select:none}.editor__count{font-variant-numeric:tabular-nums}.editor__actions{display:flex;gap:1.1rem}.editor__actions button{appearance:none;background:transparent;border:0;padding:0;margin:0;font:inherit;font-size:inherit;color:var(--muted);cursor:pointer;transition:color .14s ease}.editor__actions button:hover,.editor__actions button:focus-visible{color:var(--fg);outline:none}.editor__actions button[aria-pressed=true]{color:var(--fg)}.editor__actions button:disabled{opacity:.4;cursor:default}@media(max-width:480px){.editor__status{gap:.9rem}.editor__actions{gap:.85rem}}.notes-list,.settings-panel{padding-block:clamp(2.5rem,9vh,6rem) clamp(6.5rem,11vh,8rem);padding-inline:max(1.25rem,calc((100% - 68ch)/2));overflow-y:auto;font-family:var(--ui-font)}.notes-list__title,.settings-panel__title{font-family:var(--ui-font);font-size:.78rem;font-weight:500;letter-spacing:.08em;color:var(--muted);margin:0 0 1.4rem}.notes-list__empty{color:var(--muted);font-style:italic}.notes-list__items{list-style:none;padding:0;margin:0}.notes-list__item{border-top:1px solid var(--faint)}.notes-list__item:first-child{border-top:0}.notes-list__button{appearance:none;background:transparent;border:0;padding:1rem 0;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit;display:flex;flex-direction:column;gap:.3rem;transition:color .14s ease}.notes-list__button:hover,.notes-list__button:focus-visible{color:var(--fg);outline:none}.notes-list__heading{font-weight:600;font-size:1rem;color:var(--fg)}.notes-list__badge{font-weight:400;font-size:.75rem;color:var(--muted);margin-left:.5rem;letter-spacing:.04em}.notes-list__preview{color:var(--muted);font-size:.88rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notes-list__meta{font-size:.72rem;letter-spacing:.03em;color:var(--muted)}.settings-panel__row{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}.settings-panel__row label{flex:0 0 6rem;color:var(--muted);font-size:.85rem}.settings-panel__row select{flex:1 1 8rem;min-width:0;padding:.55rem .7rem;background:var(--bg);color:var(--fg);border:1px solid var(--faint);border-radius:4px;font:inherit;font-size:.9rem;min-height:2.5rem}.settings-panel__row input[type=range]{flex:1 1 10rem;min-width:0;height:2.5rem;accent-color:var(--fg)}.settings-panel__row input[type=color]{width:3rem;height:2.5rem;padding:0;border:1px solid var(--faint);background:transparent;cursor:pointer;border-radius:4px}.settings-panel__value{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem;min-width:3rem}.settings-panel__clear,.settings-panel__reset-all{appearance:none;background:transparent;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:.8rem;padding:.4rem 0;transition:color .14s ease}.settings-panel__clear:hover,.settings-panel__reset-all:hover,.settings-panel__clear:focus-visible,.settings-panel__reset-all:focus-visible{color:var(--fg);outline:none}.settings-panel__sample{margin-top:1.5rem;padding:1rem 1.2rem;border:1px solid var(--faint);border-radius:4px;line-height:1.6}.settings-panel__reset-all{margin-top:1.8rem;font-size:.72rem;letter-spacing:.06em}.notfound{min-height:100dvh;display:grid;place-items:center;padding:2rem;text-align:center;font-family:var(--ui-font);color:var(--muted)}.notfound h1{font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:.04em;margin-bottom:.5rem}.notfound p{font-size:.85rem}