.note-topbar{z-index:40;background:color-mix(in srgb,var(--theme-base) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding-top:env(safe-area-inset-top);position:sticky;top:0}.note-topbar-inner{align-items:center;gap:8px;max-width:860px;min-height:64px;margin:0 auto;padding:0 16px;display:flex}.note-back{min-height:44px;color:var(--theme-accent-ink);border-radius:8px;flex-shrink:0;gap:1px;margin-left:-5px}.note-action,.note-back{align-items:center;display:inline-flex}.note-action{min-width:40px;height:44px;color:var(--theme-ink-2);border-radius:10px;justify-content:center;padding:0 8px}.note-action:hover{color:var(--theme-ink);background:var(--theme-hover)}.note-action:disabled{opacity:.35}.note-action-primary{color:var(--theme-accent-ink);gap:6px;font-size:13px;font-weight:600}.note-desktop-edit{display:none}.note-action:focus-visible,.note-back:focus-visible{outline:2px solid var(--theme-accent);outline-offset:-2px}.note-page-body{width:100%;max-width:780px;padding:30px 24px calc(100px + env(safe-area-inset-bottom));margin:0 auto}.note-page-title{font-family:var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere;font-size:calc(clamp(32px,4.5vw,46px));font-weight:600;line-height:1.2}.note-title-input{resize:none;background:0 0;border:0;border-radius:0;outline:none;width:100%;min-height:1.3em;padding:0;display:block;overflow:hidden}.note-title-input::placeholder{color:var(--theme-ink-4)}.note-document{color:var(--theme-ink);overflow-wrap:anywhere;font-size:17px;line-height:1.85}.note-document p{margin:.65em 0}.note-document>:first-child{margin-top:0}.note-document blockquote{color:var(--theme-ink-2);border-left-color:var(--theme-accent)}.note-document pre{background:var(--theme-inset);border:0}.note-document a{color:var(--theme-accent-ink)}.note-reading-fab{right:max(22px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));background:var(--theme-accent);min-height:50px;color:var(--color-regie-back);z-index:30;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 21px;font-size:14px;font-weight:600;display:inline-flex;position:fixed;box-shadow:0 6px 24px #0000001f}.note-page-toast{top:calc(68px + env(safe-area-inset-top));z-index:60;background:var(--theme-overlay);width:max-content;max-width:calc(100% - 32px);color:var(--theme-ink-2);border-radius:12px;align-items:flex-start;gap:8px;padding:12px 16px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #0000001a}.note-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:55dvh;display:flex}@media (width>=640px){.note-topbar-inner{padding-inline:24px}.note-page-body{padding-top:54px}.note-reading-fab{display:none}.note-desktop-edit{display:inline-flex}}@media (prefers-reduced-motion:reduce){.note-topbar{scroll-behavior:auto}}.note-app[data-v-4d0d18a5]{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}