:root{--type-writing:"Newsreader", Georgia, "Times New Roman", serif;--type-sans:"Instrument Sans", system-ui, sans-serif;--type-mono:"IBM Plex Mono", ui-monospace, monospace;--type-ui:13px;--type-row:14px;--type-ui-small:12px;--type-key:11px;--type-body:21px;--type-body-phone:19px;--type-title:34px;--type-title-phone:28px;--type-landing:30px;--type-wordmark:17px;--type-open-file:17px;--type-line-serif:1.7;--type-line-sans:1.65;--type-line-mono:1.6;--rounded-key:3px;--rounded-row:4px;--rounded-panel:6px;--rounded-sheet:16px;--space-page-top:160px;--space-page-bottom:120px;--space-gutter:24px;--space-paragraph:28px;--space-paragraph-phone:22px;--space-measure:680px;--space-sidebar:340px;--space-palette:620px;--space-send-panel:620px;--space-end-link:48px;--space-target:44px;--motion-chrome-fade-delay:3s;--motion-chrome-fade:.2s;--motion-goal-settle:.6s;--motion-feedback:2s;--motion-end-link-delay:1.5s;--motion-end-link-fade:.4s;--c-ground:#f5f0e6;--c-surface:#fbf8f1;--c-ink:#272320;--c-muted:#6e655b;--c-hairline:#e3dacb;--c-track:#e9e2d4;--c-selected:#efe9dc;--c-accent:#5e6e3a;--c-accent-hover:#48562c;--c-selection:#5e6e3a38;--c-shadow:#27232059;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=night]{--c-ground:#1b1917;--c-surface:#23201d;--c-ink:#e8e1d5;--c-muted:#a39a8e;--c-hairline:#2e2a26;--c-track:#2e2a26;--c-selected:#2a2622;--c-accent:#b5bf86;--c-accent-hover:#cbd4a2;--c-selection:#b5bf8647;--c-shadow:#0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-300-normal.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-400-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-500-normal.woff2)format("woff2");font-weight:500 700;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-500-italic.woff2)format("woff2");font-weight:500 700;font-style:italic;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-latin-500-normal.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-latin-600-normal.woff2)format("woff2");font-weight:600 700;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-400-italic.woff2)format("woff2");font-weight:400 700;font-style:italic;font-display:swap}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--c-ground);color:var(--c-ink);font-family:var(--type-writing);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit}::selection{background:var(--c-selection);color:var(--c-ink)}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}html{scrollbar-width:thin;scrollbar-color:var(--c-hairline) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--c-hairline);border-radius:4px}::-webkit-scrollbar-track{background:0 0}a{color:var(--c-accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--c-accent-hover)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ui{font-family:var(--type-sans);font-size:var(--type-ui);color:var(--c-muted)}.icon-btn{width:var(--space-target);height:var(--space-target);color:var(--c-muted);border-radius:var(--rounded-row);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn:hover{color:var(--c-ink)}.key{border:1px solid var(--c-hairline);border-radius:var(--rounded-key);font-size:var(--type-key);font-family:var(--type-sans);color:var(--c-muted);text-align:center;min-width:18px;padding:2px 6px}.text-btn{min-height:var(--space-target);color:var(--c-accent);cursor:pointer;font-family:var(--type-sans);font-size:var(--type-ui);background:0 0;border:0;padding:0 4px}.text-btn:hover{color:var(--c-accent-hover);text-underline-offset:3px;text-decoration:underline}.text-btn.ink{color:var(--c-ink)}.boot{min-height:100vh;padding-top:var(--space-page-top);justify-content:center;display:flex}.boot p{opacity:0;margin:0;animation:.4s ease-out 1.5s forwards fade-in}main.boot{flex-direction:column;align-items:center;gap:8px}main.boot p{opacity:1;color:var(--c-ink);animation:none}main.boot .unsaved-text{width:min(var(--space-measure), calc(100vw - 2 * var(--space-gutter)));border:1px solid var(--c-hairline);border-radius:var(--rounded-panel);background:var(--c-surface);height:40vh;color:var(--c-ink);font-family:var(--type-writing);font-size:var(--type-row);line-height:var(--type-line-serif);resize:vertical;padding:12px}@keyframes fade-in{to{opacity:1}}.landing{background:var(--c-ground);flex-direction:column;min-height:100vh;display:flex}.landing .hero{min-height:100vh;padding:var(--space-gutter);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.landing .wordmark{font-size:var(--type-wordmark);color:var(--c-ink);letter-spacing:.01em;margin:0 0 32px;font-weight:500}.landing h1{font-size:var(--type-landing);color:var(--c-ink);text-wrap:balance;max-width:520px;min-height:1.4em;margin:0 0 56px;font-weight:300;line-height:1.4}.landing .caret{background:var(--c-ink);vertical-align:text-bottom;width:2px;height:1.05em;margin-left:2px;transition:opacity .4s ease-out;display:inline-block}.landing .start{min-height:var(--space-target);color:var(--c-ink);border:0;border-bottom:1px solid var(--c-ink);cursor:pointer;font-size:17px;font-family:var(--type-writing);background:0 0;align-items:center;padding:0 4px;text-decoration:none;display:inline-flex}.landing .start:hover{color:var(--c-accent);border-color:var(--c-accent)}.landing .restore{margin-top:24px}.landing .restore .text-btn{color:var(--c-muted)}.landing .points{padding:120px var(--space-gutter) 200px;text-align:center;flex-direction:column;align-items:center;gap:44px;display:flex}.landing .points p{color:var(--c-muted);text-wrap:pretty;max-width:440px;margin:0;font-size:19px;font-weight:300;line-height:1.7}.landing footer{padding:0 var(--space-gutter) 40px;font-size:var(--type-ui);color:var(--c-muted);justify-content:center;font-weight:300;display:flex}.landing .feedback{margin-top:12px}.shell{background:var(--c-ground);min-height:100dvh;position:relative}.chrome{transition:opacity var(--motion-chrome-fade) ease-out}.chrome.hidden{opacity:0;pointer-events:none}.header{z-index:10;background:var(--c-ground);justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:fixed;top:0;left:0;right:0}.header .left,.header .right{align-items:center;gap:4px;display:flex}.header .left{gap:12px;min-width:0}.header .title{color:var(--c-ink);white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-weight:500;overflow:hidden}.header .palette-btn{gap:6px;width:auto;padding:0 12px;font-size:12px}.header .more{display:none}.page{padding:var(--space-page-top) var(--space-gutter) var(--space-page-bottom);justify-content:center;display:flex}.page .cm-editor{width:100%;max-width:var(--measure);background:0 0}.cm-editor.cm-focused{outline:none}.cm-editor .cm-content{font-family:var(--writing-family);font-size:var(--writing-size);line-height:var(--writing-line);color:var(--c-ink);caret-color:var(--c-ink);padding:0}.cm-editor .cm-line{padding:0}.cm-editor .cm-line.cm-gap{line-height:var(--space-paragraph)}.cm-editor .cm-cursor{border-left:2px solid var(--c-ink)}.cm-editor .cm-placeholder{color:var(--c-muted)}.cm-editor .cm-selectionBackground,.cm-editor.cm-focused .cm-selectionBackground{background:var(--c-selection)!important}.cm-editor .cm-dim{color:var(--c-muted);transition:color .2s ease-out}.cm-editor .cm-h1{letter-spacing:-.01em;font-size:1.62em;font-weight:500;line-height:1.2}.cm-editor .cm-h2{font-size:1.3em;font-weight:500;line-height:1.3}.cm-editor .cm-h3,.cm-editor .cm-h4,.cm-editor .cm-h5,.cm-editor .cm-h6{font-weight:600}.cm-editor .cm-em{font-style:italic}.cm-editor .cm-strong{font-weight:600}.cm-editor .cm-code{font-family:var(--type-mono);font-size:.86em}.cm-editor .cm-link{color:var(--c-accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.cm-editor .cm-quote{border-left:2px solid var(--c-hairline);color:var(--c-muted);font-style:italic;padding-left:16px!important}.cm-editor .cm-listmark{color:var(--c-muted)}.footer{z-index:10;pointer-events:none;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.footer .count{pointer-events:auto;justify-content:flex-end;padding:0 24px 14px;display:flex}.progress{background:var(--c-track);height:2px}.progress>div{background:var(--c-accent);height:2px;transition:width var(--motion-goal-settle) ease-out}.notice{z-index:20;pointer-events:auto;background:var(--c-surface);border-top:1px solid var(--c-hairline);min-height:40px;color:var(--c-ink);font-family:var(--type-sans);font-size:var(--type-ui);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding:0 24px;animation:.2s ease-out notice-in;display:flex;position:fixed;bottom:2px;left:0;right:0}@keyframes notice-in{0%{transform:translateY(100%)}}.scrim{z-index:30;background:0 0;position:fixed;inset:0}.sidebar{z-index:31;width:var(--space-sidebar);background:var(--c-surface);border-right:1px solid var(--c-hairline);max-width:100%;box-shadow:24px 0 60px -40px var(--c-shadow);font-family:var(--type-sans);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar .top{justify-content:space-between;align-items:center;padding:16px 12px 8px 20px;display:flex}.sidebar .top span{font-size:var(--type-ui);color:var(--c-ink);letter-spacing:.02em;font-weight:500}.sidebar .search{padding:0 20px 12px;position:relative}.sidebar .search svg{color:var(--c-muted);pointer-events:none;position:absolute;top:11px;left:31px}.sidebar .search input{border:1px solid var(--c-hairline);border-radius:var(--rounded-row);background:var(--c-ground);width:100%;height:40px;color:var(--c-ink);font:inherit;font-size:var(--type-row);padding:0 44px 0 38px}.sidebar .search .clear{position:absolute;top:-2px;right:20px}.sidebar nav{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;padding:4px 8px;display:flex;overflow-y:auto}.draft-row{border-radius:var(--rounded-row);text-align:left;cursor:pointer;min-height:44px;color:var(--c-ink);background:0 0;border:0;flex-direction:column;gap:4px;width:100%;padding:12px;display:flex}.draft-row:hover,.draft-row[aria-current=true]{background:var(--c-selected)}.draft-row .row1{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.draft-row .t{font-family:var(--type-writing);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:500;overflow:hidden}.draft-row .t mark{color:var(--c-accent);background:0 0}.draft-row .when,.draft-row .words{color:var(--c-muted);flex:none;font-size:12px}.draft-row .ex{color:var(--c-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.sidebar .empty{font-size:var(--type-ui);color:var(--c-muted);flex-direction:column;align-items:flex-start;gap:4px;padding:16px 12px;display:flex}.sidebar .bottom{border-top:1px solid var(--c-hairline);font-size:var(--type-ui);color:var(--c-muted);padding:4px 20px 8px}.sidebar .bottom .line{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.palette-wrap{z-index:40;background:0 0;justify-content:center;padding:120px 24px 24px;display:flex;position:fixed;inset:0}.palette{width:100%;max-width:var(--space-palette);background:var(--c-surface);border:1px solid var(--c-hairline);border-radius:var(--rounded-panel);max-height:calc(100vh - 160px);box-shadow:0 30px 70px -30px var(--c-shadow);font-family:var(--type-sans);flex-direction:column;align-self:flex-start;display:flex;overflow:hidden}.palette .bar{border-bottom:1px solid var(--c-hairline);align-items:center;gap:12px;padding:6px 16px;display:flex}.palette .bar:focus-within{border-bottom-color:var(--c-accent)}.palette .bar svg{color:var(--c-muted);flex:none}.palette .close-btn{min-height:var(--space-target);cursor:pointer;color:var(--c-accent);font-family:var(--type-sans);font-size:var(--type-ui);background:0 0;border:0;align-items:center;padding:0 4px;display:inline-flex}.palette .close-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.palette .bar input{min-width:0;height:48px;color:var(--c-ink);font:inherit;background:0 0;border:0;outline:none;flex:auto;font-size:16px}.palette-wrap{overscroll-behavior:contain}.palette [cmdk-root]{flex-direction:column;flex:auto;min-height:0;display:flex}.palette [cmdk-list]{overscroll-behavior:contain;flex:auto;min-height:0;padding:8px;overflow-y:auto}.palette [cmdk-group-heading]{letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);padding:10px 12px 4px;font-size:12px;font-weight:500}.palette [cmdk-item]{border-radius:var(--rounded-row);min-height:44px;color:var(--c-ink);font-size:var(--type-row);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:0 12px;display:flex}.palette [cmdk-item][data-selected=true]{background:var(--c-selected)}.palette [cmdk-empty]{color:var(--c-muted);font-size:var(--type-ui);padding:16px 12px}.palette .val{font-size:var(--type-ui);color:var(--c-muted);flex:none;align-items:center;gap:10px;display:flex}.palette .val input{border:1px solid var(--c-hairline);border-radius:var(--rounded-key);background:var(--c-ground);width:72px;height:30px;color:var(--c-ink);font:inherit;text-align:right;padding:0 8px;font-size:13px}.palette .val input.wide{text-align:left;width:220px}.palette .choices{flex-direction:column;padding:0 12px 6px 28px;display:flex}.palette .choices button{text-align:left;min-height:var(--space-target);color:var(--c-ink);border-radius:var(--rounded-row);cursor:pointer;font-size:var(--type-row);font-family:var(--type-sans);background:0 0;border:0;padding:0 8px}.palette .choices button:hover{background:var(--c-selected)}.palette .choices button[aria-pressed=true]{color:var(--c-accent)}.palette .confirm{background:var(--c-selected);border-radius:var(--rounded-row);font-size:var(--type-row);color:var(--c-ink);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.palette .confirm .actions{gap:8px;margin-left:auto;display:flex}.palette .stepper{display:none}.palette .done{color:var(--c-accent)}.reader{background:var(--c-ground);min-height:100dvh}.replay{position:relative}.reader-replay{min-height:100dvh}.replay-date{margin:0;position:absolute;top:24px;left:24px}.replay-page{padding:var(--space-page-top) var(--space-gutter) var(--space-page-bottom);flex-direction:column;align-items:center;display:flex}.replay-column{width:100%;max-width:var(--space-measure)}.replay .cm-editor{background:0 0}.replay .cm-content{font-family:var(--type-writing);font-size:var(--type-body);line-height:var(--type-line-serif);color:var(--c-ink);padding:0}.cm-reader-caret{border-left:2px solid var(--c-ink);vertical-align:text-bottom;pointer-events:none;width:0;height:1.15em;margin-right:-2px;display:inline-block}.reader-end{min-height:var(--space-target);margin-top:calc(var(--space-end-link) - 14px);color:var(--c-muted);opacity:0;animation:fade-in var(--motion-end-link-fade) ease-out var(--motion-end-link-delay) forwards;align-items:center;display:inline-flex}.reader-end:hover{color:var(--c-ink)}.reader .replay-progress{position:fixed;bottom:0;left:0;right:0}.replay-controls{z-index:10;border-radius:var(--rounded-panel);background:var(--c-ground);align-items:center;gap:12px;padding:0 12px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.replay-controls .text-btn{white-space:nowrap}.replay-controls .scrubber{width:240px;max-width:40vw;accent-color:var(--c-accent)}.text-btn:disabled{color:var(--c-muted);cursor:default;text-decoration:none}.reader-state{padding:var(--space-page-top) var(--space-gutter) var(--space-page-bottom);justify-content:center;display:flex}.drop-zone{width:100%;max-width:var(--space-measure);border:1px dashed var(--c-hairline);border-radius:var(--rounded-panel);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:240px;padding:24px;display:flex}.drop-zone.over{border-color:var(--c-accent);background:var(--c-selected)}.drop-zone .drop-hint{margin:0}.open-file{min-height:var(--space-target);font-size:var(--type-open-file);color:var(--c-ink);border:0;border-bottom:1px solid var(--c-ink);cursor:pointer;font-family:var(--type-writing);background:0 0;align-items:center;padding:0 4px;display:inline-flex}.open-file:hover{color:var(--c-accent);border-color:var(--c-accent)}.reader-message{width:100%;max-width:var(--space-measure);flex-direction:column;align-items:flex-start;gap:8px;display:flex}.reader-message p{font-size:var(--type-body);color:var(--c-ink);margin:0;line-height:1.5}.copy-link{flex-direction:column;align-items:flex-start;gap:8px;max-width:100%;display:inline-flex}.link-field{border:1px solid var(--c-hairline);border-radius:var(--rounded-row);background:var(--c-surface);width:420px;max-width:100%;height:36px;color:var(--c-ink);font-family:var(--type-sans);font-size:var(--type-ui);padding:0 8px}.send-wrap{overscroll-behavior:contain;z-index:40;background:var(--c-ground);flex-direction:column;display:flex;position:fixed;inset:0}.send-top{flex:none;justify-content:space-between;align-items:center;padding:12px 12px 0 24px;display:flex}.send-top h2{font-size:var(--type-ui);color:var(--c-ink);margin:0;font-weight:500}.send-preview{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.send-preview .replay{flex-direction:column;flex:1 0 auto;display:flex}.send-preview .replay-page{padding:72px var(--space-gutter) 48px;flex:1 0 auto}.send-preview .replay-progress{position:sticky;bottom:0}.send-panel{width:calc(100% - 2 * var(--space-gutter));max-width:var(--space-send-panel);color:var(--c-ink);background:var(--c-surface);border:1px solid var(--c-hairline);border-radius:var(--rounded-panel);box-shadow:0 30px 70px -30px var(--c-shadow);flex-direction:column;flex:none;gap:4px;margin:16px auto 24px;padding:8px 20px 16px;display:flex}.send-mode{border:0;gap:24px;margin:0;padding:0;display:flex}.send-mode label{min-height:var(--space-target);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.send-mode input,.send-range input{accent-color:var(--c-accent)}.send-range{min-height:var(--space-target);align-items:center;gap:12px;display:flex}.send-range input{flex:auto;min-width:0}.send-from{color:var(--c-muted);white-space:nowrap}.send-row{min-height:var(--space-target);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.send-row .copy-link{flex:auto;align-items:flex-end}.send-size,.send-note{color:var(--c-muted)}.send-note{margin:8px 0}.send-warn{color:var(--c-ink);margin:4px 0;line-height:1.5}.send-loading{min-height:calc(3 * var(--space-target))}.send-privacy{color:var(--c-muted);margin:4px 0 0;line-height:1.5}.primary-btn{min-height:var(--space-target);border-radius:var(--rounded-row);background:var(--c-ink);color:var(--c-ground);font-family:var(--type-sans);font-size:var(--type-row);cursor:pointer;border:0;padding:0 18px;font-weight:500}.primary-btn:disabled{opacity:.45;cursor:default}@media (width<=639px){.cm-editor .cm-content{font-size:calc(var(--writing-size) - 2px);line-height:1.65}.cm-editor .cm-line.cm-gap{line-height:var(--space-paragraph-phone)}.sidebar .search input{font-size:16px}.palette .val input{height:36px;font-size:16px}.page{padding:calc(env(safe-area-inset-top) + 76px) var(--space-gutter) 120px}.header{padding:calc(env(safe-area-inset-top) + 4px) 8px 4px}.header .hide-phone{display:none}.header .more{display:inline-flex}.header .title{max-width:60vw;font-size:var(--type-ui)}.footer .count{justify-content:center;padding-bottom:12px}.sidebar{border-right:0;width:100%}.palette-wrap{padding:0}.palette{border:0;border-radius:0;max-width:none;height:100dvh;max-height:none}.palette .stepper{display:inline-flex}.palette .close-label{clip:auto;width:auto;height:auto;position:static;overflow:visible}.palette .close-btn .key{display:none}.notice{column-gap:8px;padding:0 16px}.replay .cm-content{font-size:var(--type-body-phone);line-height:1.65}.reader .replay-page,.reader-state{padding-top:88px}.drop-zone{border:0;min-height:0}.drop-zone .drop-hint{display:none}.reader-message p{font-size:var(--type-body-phone)}.send-top{padding-top:calc(env(safe-area-inset-top) + 4px)}.send-preview .replay-page{padding-top:64px}.send-panel{overscroll-behavior:contain;width:100%;max-width:none;max-height:60dvh;padding:8px var(--space-gutter) calc(16px + env(safe-area-inset-bottom));border-radius:var(--rounded-sheet) var(--rounded-sheet) 0 0;border-width:1px 0 0;margin:0;overflow-y:auto}}@media (pointer:coarse){.replay-controls .scrubber{height:var(--space-target);margin:0}.drop-zone{border:0}.drop-zone .drop-hint{display:none}}@media (prefers-reduced-motion:reduce){.chrome,.progress>div,.cm-editor .cm-dim{transition:none}.notice{animation:none}.boot p{animation-duration:1ms}.reader-end{opacity:1;animation:none}}