:root{--sticky:#fbe7a0;--sticky-edge:#ecd486;--ink:#2a2a26;--muted:#6b6657;--bg:#2a2a2e;--shared:#2e7d52;--danger:#b3402f;--tap:44px;--font-scale:1;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active{opacity:.6;transform:scale(.98)}button:disabled:active{opacity:.3;transform:none}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.app{height:100dvh;padding-left:var(--safe-l);padding-right:var(--safe-r);flex-direction:column;display:flex}.nav{padding:calc(var(--safe-t) + 8px) 8px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--bg);align-items:flex-end;gap:4px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.tab{background:var(--sticky-edge);max-width:42vw;height:38px;color:var(--sticky-ink,var(--ink));white-space:nowrap;text-overflow:ellipsis;cursor:pointer;opacity:.6;border:none;border-radius:10px 10px 0 0;flex:none;align-items:center;gap:6px;margin-bottom:-2px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex;overflow:hidden}.tab.active{background:var(--sticky);opacity:1;padding-bottom:2px}.tab .tab-title{text-overflow:ellipsis;overflow:hidden}.tab .shared-dot{background:var(--shared);border-radius:50%;flex:none;width:8px;height:8px}.tab-add{min-width:var(--tap);color:#cfcabb;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;height:38px;margin-bottom:2px;font-size:22px;display:inline-flex}.sticky-pane{background:var(--sticky);color:var(--sticky-ink,var(--ink));flex-direction:column;flex:auto;min-height:0;display:flex}.sticky-head{border-bottom:1px solid #00000014;align-items:center;gap:8px;padding:8px 12px;display:flex}.lozenge{min-height:var(--tap);border:1.5px solid var(--shared);color:var(--shared);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.lozenge.is-shared{background:var(--shared);color:#fff}.head-spacer{flex:1}.connect-btn{min-height:var(--tap);color:var(--sticky-ink,var(--ink));opacity:.85;cursor:pointer;background:0 0;border:1.5px solid;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.icon-btn{min-width:var(--tap);min-height:var(--tap);color:var(--sticky-ink,var(--ink));cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:disabled{opacity:.3;cursor:default}.editor{resize:none;width:100%;color:var(--sticky-ink,var(--ink));font:inherit;font-size:max(16px, calc(17px * var(--font-scale)));background:0 0;border:none;outline:none;flex:auto;min-height:0;padding:16px;line-height:1.6}.editor.reader{-webkit-overflow-scrolling:touch;cursor:text;white-space:normal;overflow-y:auto}.editor.reader>:first-child{margin-top:0}.editor.reader h1,.editor.reader h2,.editor.reader h3{margin:.8em 0 .3em;line-height:1.25}.editor.reader h1{font-size:1.5em}.editor.reader h2{font-size:1.25em}.editor.reader h3{font-size:1.1em}.editor.reader p,.editor.reader ul,.editor.reader ol,.editor.reader blockquote,.editor.reader pre{margin:0 0 .7em}.editor.reader ul,.editor.reader ol{padding-left:1.4em}.editor.reader li.md-task{gap:.5em;margin-left:-1.2em;list-style:none;display:flex}.editor.reader .md-check{flex:none;font-weight:700;line-height:1.6}.editor.reader li.md-task--done{color:var(--muted);-webkit-text-decoration:line-through #0000004d;text-decoration:line-through #0000004d}.editor.reader li.md-task--done .md-check{color:var(--shared);text-decoration:none}.editor.reader code{background:#00000014;border-radius:4px;padding:.1em .35em;font-size:.9em}.editor.reader pre{background:#00000014;border-radius:8px;padding:12px;overflow-x:auto}.editor.reader pre code{background:0 0;padding:0}.editor.reader blockquote{color:var(--muted);border-left:3px solid #0003;padding-left:12px}.editor.reader a{word-break:break-word}.editor.reader:focus{outline:none}.counter{padding:6px 16px calc(var(--safe-b) + 8px);color:var(--muted);text-align:right;font-size:13px}.counter.over{color:var(--danger);font-weight:700}.save-state{float:left;color:var(--muted)}.save-state.conflict{color:var(--danger);font-weight:600}.landing{background:var(--sticky);height:100dvh;padding:calc(var(--safe-t) + 16px) max(16px, var(--safe-l)) calc(var(--safe-b) + 16px) max(16px, var(--safe-r));flex-direction:column;display:flex}.landing h1{margin:0 0 4px;font-size:20px}.landing p{color:var(--muted);margin:0 0 12px;font-size:14px}.landing .editor{border:1px dashed var(--sticky-edge);background:#ffffff59;border-radius:12px}.cta{flex-direction:column;align-items:center;gap:8px;padding-top:14px;display:flex}.sheet-backdrop{z-index:10;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:520px;color:var(--ink);padding:20px max(16px, var(--safe-l)) calc(var(--safe-b) + 20px) max(16px, var(--safe-r));overscroll-behavior:contain;background:#fff;border-radius:16px 16px 0 0}.sheet h2{margin:0 0 8px;font-size:18px}.token-box{align-items:center;gap:8px;margin:12px 0;display:flex}.token-box code{word-break:break-all;background:#f1efe7;border-radius:8px;flex:1;padding:10px 12px;font-size:13px}.btn{min-height:var(--tap);background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:0 16px;font-size:15px;font-weight:600}.btn.ghost{color:var(--ink);background:0 0;border:1.5px solid #0003}.muted{color:var(--muted);font-size:13px}.offline-bar{color:#f4f1e8;padding:calc(var(--safe-t) + 10px) max(12px, var(--safe-l)) 12px max(12px, var(--safe-r));background:#3a3a40;flex-direction:column;gap:10px;display:flex}.offline-head{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.offline-choice{gap:10px;display:flex}.big-choice{color:#f4f1e8;cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff40;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:72px;font-size:15px;font-weight:600;display:flex}.big-choice small{opacity:.7;font-size:11px;font-weight:400}.offline-capture{flex-direction:column;gap:6px;display:flex}.offline-back{min-height:var(--tap);color:#f4f1e8;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:0 6px;font-size:14px;font-weight:600;display:inline-flex}.offline-input{min-height:96px;font:inherit;resize:vertical;color:var(--ink);background:#fffdf6;border:none;border-radius:10px;padding:12px;font-size:16px}.offline-bar .muted{color:#f4f1e8b3}.offline-queued{font-size:13px}a{color:#1a6cc4}@media (width>=720px){.app{max-width:760px;margin:0 auto}.landing{width:100%;max-width:760px;margin:0 auto}}.settings-row{justify-content:space-between;align-items:center;gap:12px;margin:14px 0;display:flex}.settings-label{font-size:15px;font-weight:600}.seg{border:1px solid #0000002e;border-radius:10px;display:inline-flex;overflow:hidden}.seg-btn{min-height:38px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-left:1px solid #0000001f;align-items:center;gap:5px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.seg-btn:first-child{border-left:none}.seg-btn.on{background:var(--ink);color:#fff}.settings-logout{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;display:inline-flex}.theme-toggle{width:var(--tap);height:var(--tap);color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000002e;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}