:root{--bg:#f4f1ea;--panel:#ece7dc;--raised:#fbf9f4;--sel:#e1dbcc;--line:#d9d2c2;--ink:#1e1c29;--muted:#64616d;--faint:#a29e98;--lamp:#a35d0b;--lamp-ink:#fff8ec;--glow:#a35d0b1f;--star:#3d50a3;--danger:#b0402c;--scrim:#f4f1eaed;--font-display:"Newsreader", Georgia, "Iowan Old Style", serif;--font-ui:"Hanken Grotesk", -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace;--radius-sm:5px;--radius-md:9px;--ease-out:cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root{--bg:#111219;--panel:#15171f;--raised:#1c1f2a;--sel:#232634;--line:#272b38;--ink:#ece6d8;--muted:#9296a5;--faint:#6c7082;--lamp:#f0b45a;--lamp-ink:#1d1406;--glow:#f0b45a29;--star:#a9b7f0;--danger:#ec8a72;--scrim:#0c0d13d6}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button,input,textarea{color:inherit;font-family:inherit}a{color:var(--star)}:focus-visible{outline:2px solid var(--lamp);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--glow)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:padding-box}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.brand-mark{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.brand-mark__svg{position:relative}.brand-mark__glow{background:radial-gradient(circle at 50% 55%, var(--glow), transparent 62%);border-radius:50%;position:absolute;inset:-45%}.brand-mark .ring{transform-origin:20px 22px;transition:transform .6s var(--ease-out)}.brand-mark:hover .ring{transform:rotate(50deg)}@media (prefers-reduced-motion:reduce){.brand-mark:hover .ring{transform:none}}.sky{flex-shrink:0;position:relative}.sky__line{background:var(--ink);opacity:.18;transform-origin:0;height:1px;position:absolute}.sky__star{background:var(--ink);border-radius:50%;position:absolute}.sky__star[data-lamp]{background:var(--lamp);box-shadow:0 0 8px 2px var(--glow)}.tree-pane{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;height:100%;display:flex}.tree-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 14px 12px 18px;display:flex}.tree-brand{align-items:center;gap:10px;display:flex}.tree-brand span{font-family:var(--font-display);letter-spacing:-.01em;font-size:20px;font-style:italic}.tree-actions{gap:2px;display:flex}.tree-list{flex:1;padding:2px 8px 12px;overflow-y:auto}.tree-folder{margin:1px 0}.tree-folder__row{align-items:center;display:flex;position:relative}.tree-folder__add-slot{opacity:0;transition:opacity .1s linear;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.tree-folder__row:hover .tree-folder__add-slot,.tree-folder__add-slot:focus-within{opacity:1}.tree-folder__chevron{color:var(--muted);transition:transform .18s var(--ease-out);flex-shrink:0}.tree-folder__toggle[data-active=true] .tree-folder__chevron{transform:rotate(90deg)}.tree-folder__name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);flex:1;font-size:11px;font-weight:600;overflow:hidden}.tree-folder__toggle{height:auto;margin-top:8px;padding:8px 32px 8px 10px;font-size:14px}.tree-folder__toggle:hover{background:var(--raised)}.tree-folder__count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0;font-size:11px}.tree-folder-notes{transition:grid-template-rows .25s var(--ease-out);grid-template-rows:0fr;display:grid}.tree-folder-notes[data-expanded=true]{grid-template-rows:1fr}.tree-folder-notes__inner{min-height:0;overflow:hidden}.tree-folder-empty{font-family:var(--font-display);color:var(--muted);padding:6px 12px 6px 34px;font-size:13.5px;font-style:italic}.tree-sky{border-top:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 18px 14px;display:flex}.tree-sky__caption{font-family:var(--font-mono);color:var(--muted);justify-content:space-between;font-size:11px;display:flex}@media (prefers-reduced-motion:reduce){.tree-folder-notes,.tree-folder__chevron{transition:none}}.sidebar-item{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;margin:1px 0;padding:8px 10px;font-size:14px;transition:background-color .1s linear;display:flex;position:relative}.sidebar-item:hover,.sidebar-item[data-active=true]{background:var(--raised)}.sidebar-item svg{color:var(--muted);flex-shrink:0}.folder-form{margin-top:8px;padding:2px 10px 4px}.folder-input{letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--lamp);background:var(--raised);width:100%;height:32px;color:var(--ink);box-shadow:0 0 0 3px var(--glow);border-radius:7px;padding:0 10px;font-size:11px;font-weight:600}.icon-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;transition:background-color .12s linear, color .12s linear, transform .1s var(--ease-out);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--raised);color:var(--ink)}.icon-btn--danger:hover{color:var(--danger)}.icon-btn:active{transform:scale(.92)}.note-item{text-align:left;cursor:pointer;width:100%;animation:note-enter .2s var(--ease-out) both;background:0 0;border:none;border-radius:8px;gap:10px;margin:1px 0;padding:8px 10px 9px;transition:background-color 80ms linear;display:flex;position:relative}.note-item:hover{background:var(--raised)}.note-item[data-active=true]{background:var(--sel)}.note-item__dot{background:0 0;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:7px}.note-item[data-active=true] .note-item__dot{background:var(--ink)}@media (prefers-color-scheme:dark){.note-item[data-active=true] .note-item__dot{background:var(--lamp);box-shadow:0 0 8px var(--lamp)}}.note-item[data-indent]{padding-left:22px}.note-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.note-item__row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.note-item__title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.note-item__title[data-untitled=true]{color:var(--muted);font-style:italic;font-weight:400}.note-item__postmark{font-family:var(--font-mono);color:var(--muted);flex-shrink:0;font-size:11px}.note-item__preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}@keyframes note-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pane-toolbar{border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0;align-items:center;gap:16px;height:56px;padding:0 20px 0 32px;display:flex}.toolbar-title{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.toolbar-title__crumb{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:500}.toolbar-title__sep{color:var(--faint);font-size:13px}.title-input{min-width:0;font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:2px 0;font-size:21px}.title-input::placeholder{color:var(--muted);font-style:italic}.segmented{border:1px solid var(--line);border-radius:9px;flex-shrink:0;gap:2px;padding:2px;display:flex}.segmented__option{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 12px;font-size:12.5px;font-weight:500;transition:background-color .1s linear,color .1s linear}.segmented__option[data-active=true]{background:var(--raised);color:var(--ink)}.editor-surface{background:var(--bg);height:100%}.empty-state{text-align:center;height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;font-size:14px;display:flex}.empty-state strong{font-family:var(--font-display);color:var(--ink);font-size:18px;font-weight:500}.empty-state--editor{gap:16px;max-width:420px;margin:0 auto}.empty-state--editor strong{letter-spacing:-.01em;font-size:32px}.empty-state--editor span{font-size:15px;line-height:1.55}.empty-state__ring{border:1px dashed var(--lamp);box-sizing:border-box;border-radius:50%;width:16px;height:16px}.empty-state__hints{font-family:var(--font-mono);color:var(--muted);gap:18px;margin-top:6px;font-size:12px;display:flex}.empty-state__hints span{align-items:center;gap:7px;display:flex}.empty-state__hints kbd{border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:2px 7px;font-family:inherit}.sync-indicator{color:var(--muted);flex-shrink:0;align-items:center;gap:7px;font-size:12.5px;font-weight:500;display:inline-flex}.sync-indicator[data-state=keeping]{color:var(--ink)}.sync-indicator[data-state=unsent]{color:var(--danger)}.sync-indicator__retry{color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600;text-decoration:underline}.sync-dot{box-sizing:border-box;background:var(--lamp);border-radius:50%;flex-shrink:0;width:7px;height:7px}.sync-dot[data-state=keeping]{box-shadow:0 0 0 4px var(--glow);animation:1.2s ease-out infinite sync-ring}.sync-dot[data-state=away]{border:1.5px solid var(--muted);background:0 0}.sync-dot[data-state=unsent]{background:var(--danger)}@keyframes sync-ring{0%{box-shadow:0 0 0 0 var(--glow)}to{box-shadow:0 0 0 6px #0000}}@media (prefers-reduced-motion:reduce){.sync-dot[data-state=keeping],.note-item{animation:none}}.login-screen{background:var(--bg);justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.login-sky{position:absolute;inset:0;width:100%!important;height:100%!important}.login-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:18px;width:min(360px,90vw);padding:24px;display:flex;position:relative}.login-mark{animation:login-mark-in .6s var(--ease-out) both;margin-bottom:4px}.login-mark svg{width:72px;height:72px}.login-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);animation:login-text-in .5s var(--ease-out) .1s both;margin:0;font-size:48px;font-style:italic;font-weight:400}.login-subtitle{color:var(--muted);animation:login-text-in .5s var(--ease-out) .2s both;margin:-8px 0 0;font-size:14px}.login-field{width:100%;animation:login-text-in .5s var(--ease-out) .3s both;align-items:center;margin-top:8px;display:flex;position:relative}.login-field--shake{animation:.28s linear login-shake}.login-input{box-sizing:border-box;border:1px solid var(--line);background:var(--raised);width:100%;height:50px;color:var(--ink);letter-spacing:.2em;text-align:center;box-shadow:0 0 0 4px var(--glow);border-radius:12px;padding:0 40px 0 16px;font-size:16px}.login-field__hint{font-family:var(--font-mono);color:var(--muted);pointer-events:none;font-size:12px;position:absolute;right:16px}.login-error{font-family:var(--font-mono);color:var(--danger);font-size:12px}.login-hint{font-family:var(--font-mono);color:var(--muted);font-size:12px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes login-mark-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes login-text-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes login-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.login-mark,.login-title,.login-subtitle,.login-field,.login-field--shake{animation:none}}@media (width<=768px){.app-shell{position:relative;overflow:hidden}.pane{animation:pane-in .26s var(--ease-out) both}.app-shell[data-mobile-view=editor] .pane-tree{animation:tree-recede .26s var(--ease-out) both}}@keyframes pane-in{0%{opacity:0;transform:translate(6%)}to{opacity:1;transform:translate(0)}}@keyframes tree-recede{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:.9;transform:translate(-4%)scale(.98)}}@media (width<=768px) and (prefers-reduced-motion:reduce){.pane,.app-shell[data-mobile-view=editor] .pane-tree{animation:none}}.welcome-overlay{z-index:50;background:var(--scrim);cursor:pointer;opacity:1;transition:opacity .24s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.welcome-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.welcome-overlay--hidden{opacity:0;pointer-events:none}.welcome-overlay__mark{animation:welcome-mark-in .5s var(--ease-out) both;margin-bottom:8px}.welcome-overlay__line{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);animation:welcome-text-in .4s var(--ease-out) .12s both;font-size:48px;font-style:italic}.welcome-overlay__sub{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);animation:welcome-text-in .4s var(--ease-out) .24s both;font-size:12px}@keyframes welcome-mark-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes welcome-text-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.welcome-overlay{transition:none}.welcome-overlay__mark,.welcome-overlay__line,.welcome-overlay__sub{animation:none}}.share-target{background:var(--bg);justify-content:center;align-items:center;height:100%;display:flex}.share-target__line{font-family:var(--font-display);color:var(--ink);animation:welcome-text-in .3s var(--ease-out) both;font-size:30px;font-style:italic}.confirm-overlay{z-index:60;background:var(--scrim);justify-content:center;align-items:center;padding:24px;animation:.15s linear both confirm-overlay-in;display:flex;position:fixed;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.confirm-card{box-sizing:border-box;background:var(--raised);border:1px solid var(--line);width:min(380px,100%);animation:confirm-card-in .18s var(--ease-out) both;border-radius:14px;flex-direction:column;gap:10px;padding:24px 24px 20px;display:flex;box-shadow:0 20px 50px #00000059}.confirm-card__eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--danger);font-size:11px;font-weight:500}.confirm-card__message{font-family:var(--font-display);color:var(--ink);margin:0;font-size:17px;line-height:1.45}.confirm-card__actions{justify-content:flex-end;gap:20px;margin-top:6px;display:flex}.confirm-card__cancel,.confirm-card__confirm{font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:13px;font-weight:600}.confirm-card__cancel{color:var(--ink)}.confirm-card__confirm{color:var(--danger);text-underline-offset:3px;text-decoration:underline}.confirm-card__cancel:hover,.confirm-card__confirm:hover{opacity:.8}@keyframes confirm-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-card-in{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.confirm-overlay,.confirm-card{animation:none}}.app-shell{grid-template-columns:300px 1fr}.pane{border-right:1px solid var(--line);height:100%;overflow:hidden}.pane-editor{border-right:none}.mobile-only{display:none}@media (width<=768px){.app-shell{grid-template-columns:1fr}.pane{border-right:none;display:none}.app-shell[data-mobile-view=tree] .pane-tree,.app-shell[data-mobile-view=editor] .pane-editor{flex-direction:column;display:flex}.mobile-only{display:inline-flex}}.markdown-preview{justify-content:center;height:100%;padding:52px 48px 32px;display:flex;overflow:auto}.markdown-preview>*{width:100%;max-width:640px}.markdown-preview__head{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.markdown-preview__dateline{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px}.markdown-preview__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:44px;font-weight:400;line-height:1.1}.markdown-preview__body{font-family:var(--font-display);color:var(--ink);font-size:18px;line-height:1.7}.markdown-preview__body>:first-child{margin-top:0}.markdown-preview__empty{color:var(--muted);font-family:var(--font-display);font-size:18px;font-style:italic}.markdown-preview__body h1,.markdown-preview__body h2,.markdown-preview__body h3,.markdown-preview__body h4{font-family:var(--font-display);margin:1.1em 0 .4em;font-weight:500;line-height:1.3}.markdown-preview__body h1{font-size:1.3em}.markdown-preview__body h2{font-size:1.22em}.markdown-preview__body h3{font-size:1.1em}.markdown-preview__body h4{font-size:1em}.markdown-preview__body p{margin:.8em 0}.markdown-preview__body a{color:var(--star)}.markdown-preview__body ul,.markdown-preview__body ol{margin:.6em 0;padding-left:0;list-style:none}.markdown-preview__body ol{padding-left:1.3em;list-style:decimal}.markdown-preview__body ul li{padding-left:18px;position:relative}.markdown-preview__body ul li:before{content:"";background:var(--lamp);border-radius:50%;width:4px;height:4px;position:absolute;top:.65em;left:2px}.markdown-preview__body li+li{margin-top:.3em}.markdown-preview__body blockquote{color:var(--muted);border:none;margin:.6em 0;padding:0 0 0 30px;font-size:1.2em;font-style:italic}.markdown-preview__body code{font-family:var(--font-mono);background:var(--raised);border-radius:4px;padding:.15em .4em;font-size:.75em}.markdown-preview__body pre{background:var(--raised);border-radius:6px;max-width:none;margin:.8em 0;padding:12px 14px;overflow-x:auto}.markdown-preview__body pre code{background:0 0;padding:0}.markdown-preview__body hr{border:none;border-top:1px solid var(--line);margin:1.6em 0}.markdown-preview__figure{flex-direction:column;gap:10px;margin:.8em 0 0;display:flex}.markdown-preview__figure img{filter:brightness(.94);border-radius:6px;max-width:100%}@media (prefers-color-scheme:light){.markdown-preview__figure img{filter:none;border:1px solid var(--line)}}.markdown-preview__figure img:hover{filter:none}.markdown-preview__figure figcaption{font-family:var(--font-display);color:var(--muted);font-size:14px;font-style:italic}.markdown-preview__body img{max-width:100%}.markdown-preview__body table{border-collapse:collapse;max-width:none;font-family:var(--font-ui);margin:.8em 0;font-size:.78em}.markdown-preview__body th,.markdown-preview__body td{border:1px solid var(--line);padding:6px 10px}