:root{--paper:#fcd56b;--ink:#313849;--ink-soft:#3138498c;--guide:#31384924;--bar:#00000017;--editor-size:16px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overscroll-behavior:none;transition:background-color .2s,color .2s}.app{flex-direction:column;height:100%;display:flex}.topbar{padding:calc(var(--safe-top) + 10px) 16px 10px;background:var(--bar);justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{letter-spacing:.01em;font-size:15px;font-weight:700}.status{min-width:0;color:var(--ink-soft);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.notenav{align-items:center;gap:2px;display:flex}.iconbtn{width:32px;height:32px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.iconbtn svg{width:19px;height:19px}@media (hover:hover){.iconbtn:hover{background:var(--bar)}}.iconbtn:active{background:#00000029}:root[data-mode=dark] .iconbtn:active{background:#ffffff29}.iconbtn:disabled{opacity:.3;cursor:default}.counter{min-width:36px;color:var(--ink-soft);text-align:center;font-variant-numeric:tabular-nums;font-size:12px}.error{text-align:center;color:var(--ink-soft);margin:auto;padding:24px;font-size:14px}.error-detail{opacity:.7;margin-top:6px;font-size:12px}.stage{flex:1;min-height:0;display:flex}.editor{width:100%;min-height:0;color:var(--ink);caret-color:var(--ink);font-family:var(--font);font-size:var(--editor-size,16px);padding:18px 20px calc(var(--safe-bottom) + 18px);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:0;flex:1;line-height:1.6;transition:color .2s;position:relative;overflow-y:auto}.editor.is-empty:before{content:"Start writing…";color:var(--ink-soft);pointer-events:none;position:absolute;top:18px;left:20px}.ln[data-b=h1]{font-size:1.5em;font-weight:700}.ln[data-b=h2]{font-size:1.28em;font-weight:700}.ln[data-b=h3]{font-size:1.12em;font-weight:700}.ln[data-b=cm]{color:var(--ink-soft);font-style:italic}.ln[data-b=kw]{color:var(--ink-soft);letter-spacing:.05em;font-weight:600}.md-mark{opacity:.36}.md-link{color:#1b63d6;text-decoration:underline}:root[data-mode=dark] .md-link{color:#7fb0ff}.ln-item{gap:6px;display:flex}.box{cursor:pointer;white-space:pre;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ln-item.checked .ln-text{opacity:.5;text-decoration:line-through}.editor[data-paper=lines]{background-image:repeating-linear-gradient(to bottom, transparent 0 31px, var(--guide) 31px 32px)}.editor[data-paper=dots]{background-image:radial-gradient(var(--guide) 1.4px, transparent 1.5px);background-size:22px 22px}.editor[data-paper=grid]{background-image:repeating-linear-gradient(to bottom, transparent 0 31px, var(--guide) 31px 32px), repeating-linear-gradient(to right, transparent 0 31px, var(--guide) 31px 32px)}.sheet-backdrop{z-index:20;background:#0000001f;position:fixed;inset:0}.sheet{top:calc(var(--safe-top) + 52px);background:var(--paper);width:min(280px,100vw - 20px);color:var(--ink);border-radius:16px;padding:14px 16px;position:absolute;right:10px;box-shadow:0 12px 36px #00000047}.sheet-row{justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.sheet-label{font-size:13px;font-weight:600}.swatches{gap:7px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;box-shadow:inset 0 0 0 1px #00000026}.swatch.on{border-color:var(--ink)}.segmented{background:var(--bar);border-radius:8px;display:flex;overflow:hidden}.segmented button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:5px 9px;font-size:12px;font-weight:600}.segmented button.on{background:var(--ink);color:var(--paper)}.stepper{align-items:center;gap:4px;display:flex}.stepper button{background:var(--bar);width:28px;height:26px;color:var(--ink);cursor:pointer;border:0;border-radius:7px;font-size:13px;font-weight:700}.stepper button:disabled{opacity:.35;cursor:default}.stepper-val{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-size:13px}.sheet-delete{background:var(--bar);color:#d23b3b;cursor:pointer;border:0;border-radius:9px;width:100%;margin-top:10px;padding:9px;font-size:13px;font-weight:600}:root[data-mode=dark] .sheet-delete{color:#ff7b7b}.search-overlay{z-index:30;background:#0000002e;flex-direction:column;align-items:center;padding:10vh 16px 16px;display:flex;position:fixed;inset:0}.search-box{background:var(--paper);width:min(520px,100%);max-height:70vh;color:var(--ink);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 44px #00000052}.search-input{color:var(--ink);font-family:var(--font);border:0;border-bottom:1px solid var(--bar);background:0 0;outline:0;padding:15px 16px;font-size:16px}.search-input::placeholder{color:var(--ink-soft)}.search-results{overflow-y:auto}.search-hit{text-align:left;width:100%;color:var(--ink);font-family:var(--font);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:10px 16px;font-size:13px;line-height:1.5;display:block;overflow:hidden}.search-hit.on,.search-hit:hover{background:var(--bar)}.search-hit mark{color:#1f2937;background:#ffd64a;border-radius:3px;padding:0 1px}.search-empty{color:var(--ink-soft);padding:16px;font-size:13px}.connect{justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.connect-card{flex-direction:column;width:min(360px,100%);display:flex}.connect-brand{letter-spacing:.01em;font-size:26px;font-weight:700}.connect-tagline{color:var(--ink-soft);margin-top:4px;font-size:14px}.connect-input{border:1px solid var(--bar);background:var(--bar);color:var(--ink);font-family:var(--font);border-radius:10px;outline:0;margin-top:20px;padding:12px 14px;font-size:16px}.connect-input::placeholder{color:var(--ink-soft)}.connect-error{color:#d23b3b;margin-top:8px;font-size:13px}:root[data-mode=dark] .connect-error{color:#ff7b7b}.connect-btn{font-family:var(--font);cursor:pointer;border:0;border-radius:10px;margin-top:10px;padding:12px;font-size:15px;font-weight:600}.connect-open{background:var(--ink);color:var(--paper)}.connect-new{background:var(--bar);color:var(--ink)}.connect-btn:disabled{opacity:.5;cursor:default}.connect-or{color:var(--ink-soft);align-items:center;gap:10px;margin:14px 2px 4px;font-size:12px;display:flex}.connect-or:before,.connect-or:after{content:"";background:var(--bar);flex:1;height:1px}