/* Write shares the site's type, ink and spacing; the text stays central. */
:root {--writer-paper:#fff;--writer-ink:#1c2322;--writer-muted:#646d6a;--writer-hair:#dce2df;--title-size:2.5rem;--editor-font-size:1.25rem;--ui-label-size:1rem;--ui-meta-size:.8125rem;--max-width-home:340px;--max-width-done:640px;--page-padding:48px 24px;--editor-padding:32px 40px;--header-padding:24px 40px 0;--footer-padding:0 40px 24px}
html:has(.writer-page),body.minimal.writer-page {background:var(--writer-paper)!important;background-image:none!important;color:var(--writer-ink);width:100%;max-width:none;margin:0;box-shadow:none}
body.minimal.writer-page::before,body.minimal.writer-page::after {display:none!important}
.writer-page #root {background:var(--writer-paper)}
/* Night uses the same photograph and crop as the site. Paper remains solid in
   Day/Warm and in dialogs; the writing surface itself lets the artwork through. */
html[data-theme] body.minimal.writer-page {--ink:var(--writer-ink);--muted:var(--writer-muted);--hair:var(--writer-hair)}
@media screen {
 html[data-theme=dark] body.minimal.writer-page,
 html[data-theme=dark] .writer-page #root {background:transparent!important}
 html[data-theme=dark] body.minimal.writer-page::before {
  content:'';display:block!important;position:fixed;inset:0;z-index:-1;
  pointer-events:none;background:var(--site-night-background)
 }
}
@media screen and (forced-colors:active), screen and (prefers-contrast:more) {
 html[data-theme=dark] body.minimal.writer-page::before {display:none!important}
}

.writer-page #root :is(h1,h2,h3){font-style:normal!important;font-weight:350!important;letter-spacing:-.025em}
.writer-page :is(button,label),.writer-page #root :is(span,div){text-transform:none!important;letter-spacing:normal!important}
.writer-page button {font-family:var(--sans)!important;border-radius:3px!important;line-height:1.3}
.writer-page button[aria-pressed=true] {text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}
.writer-page :is(button,a):focus-visible {outline:none!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:.3em!important}
.writer-page input:focus-visible {outline:none!important;box-shadow:inset 0 -2px 0 var(--focus-ring)}
.writer-page .editor:focus-visible {outline:none!important;box-shadow:none!important}
.writer-page [data-view-heading]:focus-visible {outline:none!important;box-shadow:none!important}
.writer-page .editor {line-height:1.75!important;hyphens:none;tab-size:4}
.writer-page :is(p,li,.writer-excerpt) {hyphens:none!important;word-break:normal!important;overflow-wrap:break-word!important}
.writer-page .writer-excerpt {font-size:1.125rem!important;line-height:1.65!important}
.writer-page .writer-stats {gap:24px!important;margin-bottom:32px!important}
.writer-page .writer-stats>div {display:flex;align-items:baseline;gap:7px}
.writer-page .writer-stats>div>div {font:400 .875rem/1.5 var(--sans)!important;margin:0!important;color:var(--writer-muted)!important}
.writer-page .back-link {left:12px;bottom:12px;padding:0 12px;font:400 .875rem/1.3 var(--sans);text-transform:none;letter-spacing:0;color:var(--writer-muted)!important;z-index:10}
.writer-page .writer-notification {position:fixed!important;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:10000;margin:0!important;width:max-content!important;max-width:calc(100% - 32px)!important;box-shadow:none!important;border-radius:3px!important;font-size:.875rem!important}
.writer-page [role=dialog] {border:0!important;border-radius:3px!important;max-width:440px!important;font-size:.9375rem!important;padding:32px 24px!important}
.writer-page [role=dialog] :is(span,div) {font-size:inherit!important}
.writer-page input[aria-label="Search writings"] {border:0!important;border-bottom:1px solid var(--writer-hair)!important;border-radius:0!important;padding-inline:0!important;font-size:1rem!important}
@media(max-width:768px){:root{--title-size:2rem;--editor-font-size:1.125rem;--page-padding:32px 24px;--editor-padding:24px;--header-padding:16px 24px 0;--footer-padding:0 24px 20px;--gap-large:32px;--gap-medium:24px;--goal-value-size:48px;--button-padding:12px 18px}}
@media(max-width:380px){:root{--page-padding:24px 20px;--editor-padding:20px;--header-padding:12px 20px 0;--footer-padding:0 20px 16px;--ui-label-size:.9375rem;--gap-large:24px;--gap-medium:20px}}
@media(max-height:600px){:root{--page-padding:24px;--gap-large:24px;--gap-medium:20px}.writer-page[data-view=home] #root>main{justify-content:flex-start!important}}
#writer-print-edition {display:none}
@media print {
 @page {size:A4;margin:22mm 23mm;@bottom-center{content:none}@bottom-right{content:counter(page);font:9pt Arial,sans-serif;color:#646d6a;text-align:right}}
 html:has(.writer-printing),body.minimal.writer-page.writer-printing {height:auto!important;overflow:visible!important;background:#fff!important;color:#1c2322!important;position:static!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important}
 body.writer-printing>*:not(#writer-print-edition) {display:none!important}
 body.writer-printing #writer-print-edition {display:block!important;position:static!important;width:auto!important;margin:0!important;padding:0!important;overflow:visible!important}
 #writer-print-edition article {break-before:page;page-break-before:always;border:0;margin:0;padding:0}
 #writer-print-edition article:first-child {break-before:auto;page-break-before:auto}
 #writer-print-edition .writer-print-meta {font:9.5pt/1.5 var(--sans);color:#646d6a;margin:0 0 6mm!important;break-after:avoid;page-break-after:avoid}
 #writer-print-edition .writer-print-text {font:12pt/1.5 var(--text);white-space:pre-wrap;hyphens:none;word-break:normal;overflow-wrap:break-word;orphans:3;widows:3}
}

/* A persistent recovery warning stays in the layout so it cannot cover a draft. */
.writer-page .writer-notification--persistent {position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:8px auto!important;max-height:30vh;overflow-y:auto!important}

/* Keep the primary action visible on short landscape screens. */
@media screen and (max-height:600px) {
 body.writer-page[data-view=home] {--title-size:1.75rem;--goal-value-size:40px;--page-padding:16px 24px;--gap-large:12px;--gap-medium:12px}
 body.writer-page[data-view=home] #goal-unit {margin-top:8px!important}
}

/* Notices use the reserved bottom area; they do not sit over headings or toolbars. */
.writer-page .writer-notification:not(.writer-notification--persistent) {top:auto!important;bottom:12px;left:auto!important;right:24px;transform:none!important;max-width:calc(100% - 140px)!important;padding:10px 14px!important}
.writer-page article[aria-label] button {flex-shrink:0;margin-inline:2px}
@font-face {font-family:'Writer Emoji';src:url('/write/fonts/noto-emoji-400.988621dc5c9a.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block;unicode-range:U+1F000-1FAFF,U+2600-27FF,U+200D,U+FE0F}
@media print {
 @page writer-paper {size:A4;margin:22mm 23mm;@bottom-left{content:none}@top-left{content:none}@top-right{content:none}@bottom-center{content:none}@bottom-right{content:counter(page);font:9pt Arial,sans-serif;color:#646d6a;text-align:right}}
 body.minimal.writer-printing {page:writer-paper!important}
 #writer-print-edition .writer-print-text {font-family:'Timeless Serif','Writer Emoji',Georgia,serif}
}

/* Two surfaces, one editor. Native caret, selection and undo remain intact. */
.writer-page {--writer-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace}
.writer-surface-picker {display:flex;justify-content:center;gap:24px;margin:-16px 0 28px}
.writer-surface-picker button {font:400 .9375rem/1.4 var(--sans);color:var(--writer-muted);background:none;border:0;padding:6px 2px;cursor:pointer}
.writer-surface-picker button[aria-pressed=true] {color:var(--writer-ink)}
.writer-page[data-surface=terminal] {--writer-mono:'Paper Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.writer-page[data-surface=terminal] {--max-width-write:52rem;--ui-meta-size:.875rem}
.writer-page[data-surface=terminal] .editor {font-family:var(--writer-mono)!important;font-size:1.125rem!important;line-height:1.8!important;font-weight:400!important;letter-spacing:0;caret-color:var(--writer-ink)!important}
.writer-page[data-surface=terminal] .editor::placeholder {font-style:normal!important}
.writer-terminal-position {flex-shrink:0;margin:-12px 0 8px}
.writer-page .writer-terminal-position button {display:block;min-height:44px;padding:8px 0;background:none;border:0;cursor:pointer;color:var(--writer-muted);font:400 .875rem/1.5 var(--writer-mono)!important;font-variant-numeric:tabular-nums}
.writer-page[data-surface=terminal] .editor::selection {background:color-mix(in srgb,var(--writer-ink) 22%,var(--writer-paper));color:var(--writer-ink)}
.writer-focus-exit {position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:20;background:var(--writer-paper);color:var(--writer-muted);padding:10px 8px;border:0;cursor:pointer;font:400 .875rem/1.4 var(--sans)}

/* A compact command palette, rendered in the browser's native modal layer. */
.writer-page dialog.writer-command-palette {position:fixed;inset:auto;left:50%;top:var(--command-top,50%);transform:translate(-50%,-50%);margin:0;width:min(36rem,calc(100vw - 48px));max-width:36rem!important;max-height:min(42rem,var(--command-height,calc(100dvh - 64px)));padding:28px!important;border:0;border-radius:3px;background:var(--writer-paper);color:var(--writer-ink);font:400 1rem/1.5 var(--sans);box-shadow:0 16px 64px #0002;overflow:hidden}
.writer-page dialog.writer-command-palette[open] {display:flex;flex-direction:column}
.writer-command-palette::backdrop {background:rgb(15 23 21 / .38)}
.writer-command-heading {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;flex-shrink:0;margin-bottom:16px}
.writer-command-heading h2 {max-width:100%;overflow-wrap:normal;font:350 1.875rem/1.2 var(--text);letter-spacing:-.02em}
.writer-command-close,.writer-command-guide {border:0;background:none;color:var(--writer-muted);padding:8px 0;cursor:pointer;font:400 .875rem/1.4 var(--sans);text-align:left}
.writer-command-close {margin-left:auto;flex-shrink:0;padding:8px 0 8px 12px}
.writer-command-palette #writer-command-query {width:100%;min-height:48px;flex-shrink:0;border:0;border-bottom:1px solid var(--writer-hair);background:transparent;color:var(--writer-ink);padding:8px 0 12px;border-radius:0;font:400 1rem/1.5 var(--sans);outline:none}
.writer-command-palette #writer-command-query::placeholder {color:var(--writer-muted);opacity:1}
.writer-command-results {min-height:0;max-height:32rem;overflow-y:auto;overscroll-behavior:contain;padding:12px 0;scroll-padding:8px}
.writer-command-result {display:flex;align-items:center;justify-content:flex-start;gap:16px;width:100%;min-height:44px;padding:10px 12px;cursor:pointer;border:0;border-radius:2px;background:transparent;color:var(--writer-ink);font:inherit;text-align:left}
.writer-command-result:focus-visible {background:color-mix(in srgb,var(--writer-ink) 6%,var(--writer-paper))}
.writer-command-label {min-width:0;flex:1}
.writer-command-number {flex:0 0 1rem;text-align:center}
.writer-command-result[aria-disabled=true] {color:var(--writer-muted);cursor:default}
.writer-command-footer-actions {display:flex;align-items:center;gap:24px}
@media(hover:hover){.writer-command-result[aria-disabled=false]:hover {background:color-mix(in srgb,var(--writer-ink) 6%,var(--writer-paper))}}
.writer-command-group {display:block;font-size:.75rem!important;color:var(--writer-muted);line-height:1.5;margin-top:2px}
.writer-command-palette kbd {font:400 .75rem/1.5 var(--writer-mono);color:var(--writer-muted);white-space:nowrap}
.writer-command-current {font-size:.75rem!important;color:var(--writer-muted)}
.writer-command-footer {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;margin-top:8px;padding-top:8px;border-top:1px solid var(--writer-hair);color:var(--writer-muted);font-size:.75rem}
.writer-command-footer>span {font-size:.75rem!important}
.writer-command-empty {padding:20px 0;color:var(--writer-muted)}
.writer-shortcuts {overflow:auto;min-height:0}
.writer-shortcuts dl>div {display:grid;grid-template-columns:8rem 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--writer-hair)}
.writer-shortcuts p {color:var(--writer-muted);font-size:.875rem;line-height:1.65;margin:24px 0 12px}
@media(max-width:768px){
 .writer-page[data-surface=terminal] .editor {font-size:1rem!important;line-height:1.8!important}
 .writer-terminal-position {margin:-12px 0 4px}
 .writer-page dialog.writer-command-palette {width:calc(100vw - 32px);max-height:var(--command-height,calc(100dvh - 32px));padding:20px!important}
 .writer-command-result {padding-inline:8px}
 .writer-command-heading h2 {font-size:min(1.625rem,12vw)}
 .writer-command-footer>span {display:none}
 .writer-command-footer {justify-content:space-between;margin-top:0;padding-top:0}
 .writer-command-footer-actions {margin-left:auto}
 .writer-shortcuts dl>div {grid-template-columns:6.5rem 1fr;gap:10px}
 .writer-surface-picker {margin:-8px 0 20px}
}
@media(max-height:600px){
 .writer-page dialog.writer-command-palette {max-height:var(--command-height,calc(100dvh - 24px));padding:16px 20px!important}
 .writer-command-heading {margin-bottom:4px}
 .writer-surface-picker {margin:0 0 10px}
}
@media(prefers-contrast:more){.writer-command-result:focus-visible {outline:2px solid currentColor;outline-offset:-2px}}
@media(forced-colors:active){.writer-command-result:focus-visible {outline:2px solid Highlight;outline-offset:-2px}}
@media print {dialog.writer-command-palette,.writer-focus-exit,.writer-terminal-position,dialog.writer-line-dialog {display:none!important}}

/* Notices occupy their own row while writing; controls remain reachable. */
.writer-page:is([data-view=write],[data-view=library]) .writer-notification:not(.writer-notification--persistent) {position:relative!important;inset:auto!important;transform:none!important;margin:8px auto!important;max-width:calc(100% - 48px)!important;flex-shrink:0;max-height:30vh;overflow-y:auto}

.writer-footer-actions button {white-space:nowrap}
@media(max-width:380px){.writer-footer-actions button{padding-inline:8px!important}}

/* Reserve the site-return link below the scrolling library at every height. */
.writer-page[data-view=library] #root {bottom:calc(5rem + env(safe-area-inset-bottom,0px));max-height:calc(100% - 5rem - env(safe-area-inset-bottom,0px))}

/* Line navigation is an action, not a second editor. */
.writer-page dialog.writer-line-dialog {position:fixed;inset:auto;left:50%;top:var(--line-top,50%);transform:translate(-50%,-50%);margin:0;width:min(28rem,calc(100vw - 32px));max-height:var(--line-height,calc(100dvh - 32px));padding:28px;border:0;border-radius:3px;background:var(--writer-paper);color:var(--writer-ink);font:400 1rem/1.5 var(--sans);box-shadow:0 16px 64px #0002;overflow:auto;overscroll-behavior:contain}
.writer-line-dialog::backdrop {background:rgb(15 23 21 / .38)}
.writer-line-dialog label {display:block;color:var(--writer-muted);font-size:.875rem}
.writer-line-entry {display:flex;align-items:center;gap:24px;margin-top:8px;border-bottom:1px solid var(--writer-hair)}
.writer-line-entry input {width:100%;min-width:0;min-height:48px;padding:8px 0;border:0;border-radius:0;background:none;color:var(--writer-ink);font:400 1.5rem/1.5 var(--writer-mono);font-variant-numeric:tabular-nums}
.writer-line-entry button {min-height:44px;flex-shrink:0;padding:8px 0 8px 12px;border:0;background:none;color:var(--writer-ink);cursor:pointer}
.writer-line-dialog p {margin:12px 0 0;color:var(--writer-muted);font-size:.875rem;line-height:1.5}
@media(max-width:768px){.writer-page dialog.writer-line-dialog{padding:20px}}

/* Library: recognisable notes, nearby selection actions, quiet maintenance. */
.writer-library-content {width:100%;max-width:44rem;margin:0 auto;padding-bottom:24px;font:400 1rem/1.5 var(--sans)}
.writer-library-heading {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:24px}
.writer-library-heading h1 {font:350 var(--title-size)/1.2 var(--text);margin:0}
.writer-page .writer-library button,.writer-page .writer-library summary {border:0;border-radius:0!important;background:none;min-height:44px;padding:8px 0;color:var(--writer-muted);font:400 .9375rem/1.4 var(--sans);cursor:pointer;text-align:left}
.writer-page .writer-library button:hover,.writer-library summary:hover {text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}
.writer-page .writer-library button:disabled {opacity:.5;cursor:not-allowed}
.writer-page .writer-library .writer-library-new {color:var(--writer-ink);white-space:nowrap;font-size:1rem;margin-left:auto}
.writer-library-navigation {display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:20px}
.writer-library-search {flex:1 1 11rem;min-width:0;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--writer-hair)}
.writer-library-search input {min-width:0;width:100%;min-height:48px;padding:10px 0;border:0;border-radius:0;background:none;color:var(--writer-ink);font:400 1rem/1.5 var(--sans);appearance:none}
.writer-library-search input::placeholder {color:var(--writer-muted);opacity:1}
.writer-library-search input::-webkit-search-cancel-button {display:none}
.writer-library-search button {flex-shrink:0}
.writer-library-selection {display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;min-height:48px;margin-bottom:12px;font-size:.875rem;color:var(--writer-muted)}
.writer-library-selection>span {margin-right:auto}
.writer-library-selection[data-selected=true] {position:sticky;top:0;z-index:2;background:var(--writer-paper);padding:0;margin-inline:0}
.writer-library-selection details {position:static}
.writer-library summary {list-style:none;display:flex;align-items:center}
.writer-library summary::-webkit-details-marker {display:none}
.writer-library details[open]>summary {text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}
.writer-library summary:focus-visible {outline:none;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px}
.writer-library-export-options {position:absolute;left:0;right:0;top:100%;display:flex;flex-wrap:wrap;gap:4px 24px;padding:8px 0 12px;background:var(--writer-paper);border-bottom:1px solid var(--writer-hair)}
.writer-library-list {padding:0;margin:0;list-style:none}
.writer-page .writer-library article[aria-label] button {margin-inline:0}
.writer-library-list article {padding:24px 0 16px;border-top:1px solid var(--writer-hair);background:transparent}
.writer-library-meta {display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 16px;font-size:.875rem;line-height:1.5;color:var(--writer-muted);margin-bottom:10px}
.writer-library-meta>span:last-child {white-space:nowrap}
.writer-library-list h2 {margin:0}
.writer-page .writer-library .writer-library-title {font:350 1.5rem/1.35 var(--text)!important;letter-spacing:-.015em!important;color:var(--writer-ink);min-height:44px;padding:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:break-word;max-width:100%}
.writer-library-excerpt {font:400 1.0625rem/1.65 var(--text);color:var(--writer-ink);margin:10px 0 0;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.writer-library-note-actions {display:flex;gap:24px;margin-top:8px}
.writer-page .writer-library-note-actions button {font-size:.875rem;min-width:44px}
.writer-library-empty {padding:32px 0 44px;color:var(--writer-muted)}
.writer-library-empty p:first-child {font:350 1.5rem/1.4 var(--text);color:var(--writer-ink);margin-bottom:12px}
.writer-library-empty p+ p {font-size:.9375rem}
.writer-library-tools {border-top:1px solid var(--writer-hair);margin-top:16px;padding-top:12px}
.writer-library-tools p {font-size:.875rem;color:var(--writer-muted);margin:8px 0}
.writer-library-tool-actions {display:flex;flex-wrap:wrap;gap:4px 24px}
.writer-page .writer-library .writer-library-danger {color:var(--writer-ink)}
.writer-library-return {margin-top:16px}
.writer-library-recovery {padding:16px 0;border-block:1px solid var(--writer-ink);margin-bottom:20px;font-size:.9375rem}
@media(max-width:768px){.writer-library-heading{margin-bottom:16px}.writer-library-navigation{gap:16px;margin-bottom:12px}.writer-page .writer-library .writer-library-title{font-size:1.375rem!important}}
@media(forced-colors:active){.writer-library summary:focus-visible{outline:2px solid Highlight;outline-offset:2px}}

.writer-library-navigation>button {margin-left:auto}

/* Browser-local storage is visible without opening tools or interrupting writing. */
.writer-page .writer-local-notice {font:400 .875rem/1.5 var(--sans)!important;color:var(--writer-muted);margin:0 0 24px}
.writer-library-heading {margin-bottom:12px}

/* One native editor, with a non-text terminal prompt in its own gutter. */
.writer-editor-surface {display:flex;position:relative;flex:1;min-height:0;min-width:0}
.writer-page .writer-editor-surface .editor {min-height:0;min-width:0;padding:0;margin:0}
.writer-terminal-prompt {flex:0 0 2ch;align-self:flex-start;pointer-events:none;user-select:none;font:400 1.125rem/1.8 var(--writer-mono)!important;color:var(--writer-muted)}
.writer-page[data-surface=terminal] .writer-editor-surface .editor {width:0!important}
@media(max-width:768px){.writer-terminal-prompt{font-size:1rem!important}}
html:fullscreen {background:var(--writer-paper)}
html:-webkit-full-screen {background:var(--writer-paper)}
@media print {.writer-terminal-prompt{display:none!important}}

/* Reading and print share a small, quiet typographic vocabulary. */
.writer-formatted {white-space:normal;overflow-wrap:break-word;word-break:normal}
.writer-formatted p,.writer-formatted li,.writer-formatted blockquote {white-space:pre-wrap}
.writer-formatted p {margin:0 0 1em}
.writer-formatted h2,.writer-formatted h3,.writer-formatted h4,.writer-formatted h5,.writer-formatted h6 {font-family:var(--text);font-weight:400;line-height:1.3;margin:1.5em 0 .6em;letter-spacing:-.015em;break-after:avoid}
.writer-formatted h2 {font-size:1.5em}.writer-formatted h3 {font-size:1.2em}
.writer-formatted h4,.writer-formatted h5,.writer-formatted h6 {font-size:1.05em}
.writer-formatted strong {font-weight:700}.writer-formatted em {font-style:italic}
.writer-formatted ul,.writer-formatted ol {margin:0 0 1em;padding-inline-start:1.4em}
.writer-formatted li+li {margin-top:.3em}
.writer-formatted blockquote {margin:1em 0 1em 1em;padding:0;font-style:italic}
.writer-formatted code {font-family:'Paper Mono',monospace;font-size:.85em}
.writer-formatted>:first-child {margin-top:0}.writer-formatted>:last-child {margin-bottom:0}
.writer-syntax-guide {font-family:'Paper Mono',monospace;line-height:1.9!important;overflow-wrap:break-word}
@media print {#writer-print-edition .writer-formatted {white-space:normal}}

.writer-command-close,.writer-command-guide {min-height:44px}

/* A centered starting point; expanded controls remain part of the scroll flow. */
.writer-page .writer-home {padding:32px 24px;box-sizing:border-box}
.writer-home-content {width:100%;max-width:27rem;margin:auto;font:400 1rem/1.5 var(--sans);text-align:center;flex-shrink:0}
.writer-home-heading h1 {font:350 3rem/1.12 var(--text);margin:0 0 12px}
.writer-home-heading nav {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 24px}
.writer-home button,.writer-home summary {border:0;background:none;color:var(--writer-muted);min-height:44px;padding:8px 0;font:400 .9375rem/1.4 var(--sans);cursor:pointer;text-align:center}
.writer-home button:hover,.writer-home summary:hover {text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}
.writer-home-start {margin:32px 0 28px}
.writer-home-draft-label {display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:4px 16px;color:var(--writer-muted);font-size:.8125rem;margin:0 0 12px}
.writer-home-preview {font:350 1.375rem/1.45 var(--text);margin:0 auto 20px;max-width:30ch;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:break-word}
.writer-home-actions {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 24px}
.writer-home .writer-home-primary {color:var(--writer-ink);font:400 1.125rem/1.4 var(--sans)!important;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px;min-height:48px;padding:8px 0}
.writer-home-options {width:100%;max-width:22rem;margin:0 auto 28px}
.writer-home-options details {min-width:0}
.writer-home summary {list-style:none;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:4px 12px;color:var(--writer-ink)}
.writer-home summary::-webkit-details-marker {display:none}
.writer-home summary>span:first-child {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.writer-home summary:focus-visible {outline:none!important;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px}
.writer-home details[open]>summary {text-decoration:underline;text-underline-offset:.3em}
.writer-home-setting-value {font-size:.875rem;color:var(--writer-muted)}
.writer-home-option-body {padding:8px 0 16px}
.writer-home-choices {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 24px}
.writer-home-choices [aria-pressed=true] {color:var(--writer-ink)}
.writer-home-goal-value {display:flex;justify-content:center;align-items:baseline;gap:12px;margin:0 0 4px}
.writer-home #goal-value {font:350 2rem/1.2 var(--text);color:var(--writer-ink);background:none;border:0;border-radius:0;min-width:0;width:4ch;max-width:50%;min-height:48px;padding:4px 0;text-align:center;appearance:textfield;-moz-appearance:textfield}
.writer-home #goal-value::-webkit-inner-spin-button,.writer-home #goal-value::-webkit-outer-spin-button {-webkit-appearance:none;margin:0}
.writer-home #goal-unit {color:var(--writer-muted);font-size:.9375rem}
.writer-home #goal-range {display:block;width:min(100%,14rem);margin:0 auto;height:44px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
.writer-home #goal-range::-webkit-slider-runnable-track {height:1px;background:var(--writer-muted)}
.writer-home #goal-range::-webkit-slider-thumb {-webkit-appearance:none;width:14px;height:14px;margin-top:-6.5px;background:var(--writer-ink);border-radius:50%}
.writer-home #goal-range::-moz-range-track {height:1px;background:var(--writer-muted)}
.writer-home #goal-range::-moz-range-thumb {width:14px;height:14px;background:var(--writer-ink);border:0;border-radius:50%}
.writer-home .writer-local-notice {max-width:27rem;margin:0 auto;font-size:.8125rem!important;text-wrap:balance}
@media(max-width:600px){
 .writer-page .writer-home {padding:28px 24px}
 .writer-home-heading h1 {font-size:2.5rem}
 .writer-home-start {margin:24px 0}
 .writer-home-preview {font-size:1.25rem}
 .writer-home-options {margin-bottom:24px}
}
@media(max-width:380px){.writer-page .writer-home{padding-inline:20px}.writer-home-heading nav,.writer-home-choices{gap:0 20px}}
@media(max-height:600px){.writer-page .writer-home{padding-block:24px}.writer-home-start{margin-block:20px}}
@media(forced-colors:active){.writer-home summary:focus-visible{outline:2px solid Highlight!important;outline-offset:2px}.writer-home #goal-range::-webkit-slider-thumb{background:ButtonText}}

/* Notes lead; supporting information stays on a single, quieter baseline. */
.writer-library-heading {margin-bottom:28px}
.writer-library-heading h1 {font-size:clamp(2rem,3.5vw,3rem)}
.writer-library-navigation {margin-bottom:12px}
.writer-library-selection {margin-bottom:0}
.writer-library-list article {padding:24px 0 20px}
.writer-library-list article:first-child {border-top:1px solid var(--writer-hair)}
.writer-page .writer-library .writer-library-title {font-size:1.5rem!important;line-height:1.35;min-height:44px;padding-block:4px}
.writer-library-excerpt {font:400 .9375rem/1.55 var(--sans);color:var(--writer-muted);margin:8px 0 0;-webkit-line-clamp:1}
.writer-library-note-footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 20px;margin-top:10px}
.writer-library-meta {justify-content:flex-start;gap:4px 12px;margin:0;font-size:.8125rem}
.writer-library-note-actions {margin:0;gap:20px}
.writer-page .writer-library-note-actions button {font-size:.8125rem}
.writer-library-footer {border-top:1px solid var(--writer-hair);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding-top:12px;margin-top:4px}
.writer-library-footer .writer-library-tools {border:0;margin:0;padding:0;flex:1}
.writer-library-footer .writer-library-return {margin:0}
.writer-library-footer+.writer-local-notice {font-size:.8125rem!important;margin:20px 0 0;max-width:32rem}
@media(max-width:600px){
 .writer-library-heading{margin-bottom:20px}
 .writer-library-list article{padding:20px 0 16px}
 .writer-page .writer-library .writer-library-title{font-size:1.375rem!important;min-height:44px}
 .writer-library-note-footer{gap:0 12px;margin-top:4px}
 .writer-library-meta{gap:4px 10px}
 .writer-library-excerpt{-webkit-line-clamp:2}
 .writer-library-note-actions{margin-left:auto;gap:16px}
}
/* Shared central axis, with a stable reading column while filtering notes. */
.writer-page:is([data-view=home],[data-view=library]) #root {bottom:calc(5rem + env(safe-area-inset-bottom,0px));height:auto;max-height:calc(100% - 5rem - env(safe-area-inset-bottom,0px))}
.writer-page:is([data-view=home],[data-view=library]) .writer-notification:not(.writer-notification--persistent) {position:relative!important;inset:auto!important;transform:none!important;margin:0 auto 16px!important;max-width:min(100%,32rem)!important;flex-shrink:0;max-height:30vh;overflow-y:auto}
.writer-library-content {max-width:38rem}
.writer-library-heading {display:block;text-align:center;margin-bottom:28px}
.writer-library-heading h1 {font-size:3rem;margin-bottom:12px}
.writer-library-heading-actions {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 28px}
.writer-page .writer-library .writer-library-new {margin:0;font-size:.9375rem}
.writer-library-navigation {margin-bottom:12px}
.writer-library-footer {justify-content:center;gap:8px 28px}
.writer-library-footer .writer-library-tools {flex:0 1 auto}
.writer-library-footer .writer-library-tools summary {justify-content:center}
.writer-library-footer .writer-library-tools[open] {flex-basis:100%;text-align:center}
.writer-library-footer .writer-library-tool-actions {justify-content:center}
.writer-library-footer+.writer-local-notice {margin:20px auto 0;max-width:27rem;text-align:center;text-wrap:balance}
.writer-library-empty {text-align:center}
@media(max-width:600px){.writer-library-heading h1{font-size:2.5rem}.writer-library-heading{margin-bottom:24px}}
@media(max-width:380px){.writer-library-heading h1{font-size:2.25rem}}

/* Export typography: stable paper rhythm, without changing any screen view. */
@media print {
 #writer-print-edition .writer-formatted p {margin:0 0 9pt}
 #writer-print-edition .writer-formatted :is(h2,h3,h4,h5,h6) {font-weight:400;line-height:1.25;margin:16pt 0 7pt;break-after:avoid;page-break-after:avoid}
 #writer-print-edition .writer-formatted>:first-child {margin-top:0}
 #writer-print-edition .writer-formatted :is(ul,ol) {margin:0 0 9pt;padding-left:20pt}
 #writer-print-edition .writer-formatted li {orphans:3;widows:3}
 #writer-print-edition .writer-formatted blockquote {margin:0 0 9pt 15pt;font-style:italic;orphans:3;widows:3}
}