.notes-page{padding:36px 0 72px;width:min(1440px,calc(100% - 48px))}.notes-heading{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:28px}.notes-heading h1{font:400 40px/1.2 var(--serif);margin:12px 0}.notes-heading h1 span{color:var(--pink);font-size:20px;margin-left:12px}.notes-heading p{color:var(--ink-soft);font-size:14px;line-height:1.8;margin:0}.notes-layout{align-items:start;display:grid;gap:24px;grid-template-columns:280px minmax(0,1fr)}.notes-sidebar{background:var(--surface);border:1px solid var(--line);border-radius:18px;max-height:calc(100dvh - 40px);overflow:auto;padding:20px 16px;position:sticky;top:20px}.notes-sidebar h2{display:flex;font:400 20px var(--serif);justify-content:space-between;margin:0}.notes-sidebar h2 small{color:var(--ink-soft);font:12px sans-serif}.notes-catalog label{font-size:12px;margin-top:18px}.notes-catalog input,.notes-tree{font-size:14px}.notes-tree{display:block;margin-top:16px}.notes-tree ul{list-style:none;margin:0;padding:0}.notes-tree li{padding-left:calc(var(--note-depth)*12px)}.notes-tree a{border-radius:9px;display:block;line-height:1.55;overflow-wrap:anywhere;padding:10px 9px}.notes-tree a:hover{background:#f0edf8}.notes-tree a[aria-current=page]{background:#e9e5f8;color:#51498e;font-weight:600}.notes-empty{color:var(--ink-soft);font-size:13px;padding:16px 4px}.notes-reader{background:#fff;border:1px solid var(--line);border-radius:18px;min-width:0;overflow:hidden;scroll-margin-top:20px}.notes-reader-head{align-items:center;background:var(--surface);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px}.notes-reader-head h2{font:400 25px/1.5 var(--serif);margin:10px 0 0;overflow-wrap:anywhere}.notes-reader-actions{align-items:center;display:flex;font-size:12px;gap:16px}.notes-reader-actions button{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:8px 12px}.notes-loading,.notes-reader-actions a{color:var(--ink-soft)}.notes-loading{font-size:13px;margin:0;padding:12px 24px}.notes-frame{border:0;display:block;height:80dvh;min-height:600px;width:100%}.notes-missing{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:36px}.notes-missing a{color:#625bb0;text-decoration:underline}.notes-open-catalog{display:none}.notes-drawer{background:var(--surface);border:1px solid var(--line);border-radius:18px;color:var(--ink);max-height:calc(100dvh - 32px);padding:20px;width:min(440px,100% - 28px)}.notes-drawer::backdrop{background:#19213799}.notes-drawer>header{align-items:center;display:flex;gap:20px;justify-content:space-between}.notes-drawer h2{font:400 24px var(--serif);margin:0}.notes-drawer>header button{background:var(--paper);border:0;border-radius:50%;font-size:24px;height:44px;width:44px}.notes-page a:focus-visible,.notes-page button:focus-visible{outline:2px solid var(--lavender);outline-offset:3px}@media(max-width:960px){.notes-page{padding-top:24px;width:calc(100% - 28px)}.notes-heading{flex-wrap:wrap;margin-bottom:20px}.notes-heading h1{font-size:34px}.notes-heading p{font-size:13px}.notes-layout{grid-template-columns:minmax(0,1fr)}.notes-sidebar{display:none}.notes-open-catalog{background:var(--ink);bottom:calc(20px + env(safe-area-inset-bottom));box-shadow:0 4px 18px #19213733;color:var(--paper);display:inline-block;position:fixed;right:20px;z-index:10}.notes-reader-head{padding:20px 16px}.notes-reader-head h2{font-size:23px}.notes-frame{min-height:440px}}.notes-shell{overflow:clip}