.write{min-height:100dvh}.write-head{z-index:2;height:52px;padding-inline:max(2px, env(safe-area-inset-left)) max(2px, env(safe-area-inset-right));background:var(--surface);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);color:var(--quiet);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;transition:opacity .2s ease-out;display:grid;position:fixed;inset:0 0 auto}.write[data-typing] .write-head:not(:focus-within){opacity:0;pointer-events:none;transition-duration:.7s}.write-exit{border-radius:var(--r-2);place-items:center;width:48px;height:48px;transition:color .15s ease-out,transform .15s ease-out;display:grid}.write-exit:active{transform:scale(.96)}.write-name{border-radius:var(--r-1);min-width:0;max-width:100%;height:32px;color:var(--strong);cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0 .7rem;font-weight:500;line-height:1;transition:background-color .12s ease-out,transform .15s ease-out;display:flex;position:relative}.write-name:before{content:"";height:44px;position:absolute;inset:50% 0 auto;translate:0 -50%}.write-name:active{transform:scale(.98)}.write-name span:first-child{white-space:nowrap;text-overflow:ellipsis;padding-block:.2em;overflow:hidden}.write-edited{font-size:var(--text-label);color:var(--quiet);flex:none;font-weight:400}.write-count{font-size:var(--text-label);white-space:nowrap;justify-self:end;padding-inline-end:1rem}.write-page{max-width:calc(56ch + 3rem);font-size:var(--text-reading);margin-inline:auto;padding:calc(52px + clamp(2rem,10vh,6rem)) 1.5rem 0}.write .write-page .cm-editor{color:var(--reading);background:0 0}.write .write-page .cm-editor.cm-focused{outline:none}.write .write-page .cm-scroller{font-family:var(--font-voice);line-height:1.75;overflow:visible}.write .write-page .cm-content{min-height:70dvh;caret-color:var(--accent);padding:0 0 50dvh}.write .write-page .cm-line{padding:0}.write-page ::selection{background:color-mix(in oklch, var(--accent) 28%, transparent);color:inherit}.md-heading,.md-strong{color:var(--strong);font-weight:700}.md-emphasis{font-style:italic}.md-strike{text-decoration:line-through}.md-code{font-family:var(--font-mono);font-size:.82em}.md-quote{color:var(--quiet)}.md-mark{color:var(--faint);font-style:normal;font-weight:400}.cm-cut,.cm-cut *{color:var(--faint)}.cm-cut-mark,.cm-cut-mark *,.cm-cut .cm-cut-mark,.cm-cut .cm-cut-mark *{color:var(--accent);font-weight:400}.write .write-page .cm-frontmatter{--hang:var(--hang-key,2ch);text-indent:calc(-1 * var(--hang));font-family:var(--font-mono);color:var(--quiet);padding-inline-start:var(--hang);font-size:.75em;line-height:1.6}.cm-frontmatter *{font-family:inherit;font-size:inherit;color:inherit;font-style:normal;font-weight:400}.cm-frontmatter .cm-meta-key,.cm-frontmatter .cm-meta-key *,.write .write-page .cm-frontmatter-fence{color:var(--faint)}.write .write-page .cm-frontmatter-fence{padding-block:.35em}.write-notice{inset:auto 0 max(1.25rem, env(safe-area-inset-bottom));z-index:2;border-radius:var(--r-2);background:var(--surface);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);width:fit-content;max-width:calc(100% - 2rem);box-shadow:var(--bar-shadow);color:var(--text);text-wrap:pretty;margin-inline:auto;padding:.65rem .95rem;position:fixed}.write-notice:empty{display:none}.menu{border-radius:var(--r-3);background:var(--surface);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);width:min(34rem,100% - 1.5rem);max-height:min(30rem,72dvh);box-shadow:var(--bar-shadow);color:var(--text);border:0;margin-inline:auto;padding:0;inset:12dvh 0 auto;overflow:hidden}.menu[open]{flex-direction:column;display:flex}.menu::backdrop{background:color-mix(in oklch, var(--ground) 55%, transparent)}.menu-query{border:0;border-bottom:1px solid var(--line);width:100%;font:inherit;color:var(--strong);background:0 0;border-radius:0;outline:none;flex:none;padding:.95rem 1.1rem;font-size:1rem}.menu-query::placeholder{color:var(--quiet);opacity:1}.menu-list{overscroll-behavior:contain;padding:4px;overflow-y:auto}.menu-section+.menu-section{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.menu-heading{font-size:var(--text-label);color:var(--quiet);overflow-wrap:anywhere;padding:.55rem .75rem .25rem;font-weight:500}.menu-item{border-radius:var(--r-2);cursor:pointer;align-items:baseline;gap:.6rem;min-height:44px;padding:.65rem .75rem;display:flex}.menu-item[aria-selected=true]{background:var(--surface-2);color:var(--strong)}.menu-item[data-current] .menu-label:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;margin-inline-start:.55rem;display:inline-block;translate:0 -1px}.menu-label{overflow-wrap:anywhere;min-width:0}.menu-hint{font:inherit;font-size:var(--text-label);color:var(--quiet);flex:none;margin-inline-start:auto}.menu-none{color:var(--quiet);padding:.75rem}@media (hover:hover) and (pointer:fine){.write-exit:hover{color:var(--strong)}.write-name:hover{background:var(--fill)}}@media (width<=34rem){.write-count{display:none}.write .write-page .cm-frontmatter{--hang:2ch}}@media (prefers-reduced-motion:no-preference){.menu[open]{animation:.16s cubic-bezier(.23,1,.32,1) menu-in}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}}@media (prefers-reduced-motion:reduce){.write-head,.write[data-typing] .write-head:not(:focus-within){transition:none}}