html:has(.notes-route),html:has(.notes-route) body{height:100%;overflow:hidden}.notes-route{height:calc(100vh - 66px);overflow:hidden;background:transparent;color:var(--ink);font-family:var(--sans)}.note-app{display:flex;height:100%;flex-direction:column;overflow:hidden}.note-tab{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:2px;border:0;border-bottom:2px solid transparent;background:transparent;padding:9px 0;color:var(--ink-faint);font-family:var(--mono);font-size:8px;letter-spacing:.06em;transition:color .12s ease,border-color .12s ease}.note-tab.is-active{border-bottom-color:var(--cobalt);color:var(--cobalt)}.note-tab:hover:not(.is-active){color:var(--ink-muted)}.note-tree-item{display:flex;cursor:pointer;align-items:center;gap:5px;overflow:hidden;padding:4px 0;color:var(--ink-muted);font-family:var(--mono);font-size:13px;text-overflow:ellipsis;white-space:nowrap;transition:color .1s ease,background .1s ease}.note-tree-item:hover{background:#1f4fff0a;color:var(--ink)}.note-tree-item.is-selected{background:#1f4fff12;color:var(--cobalt)}.note-tree-button{width:100%;border:0;background:transparent;text-align:left}.note-folder-arrow{display:inline-block;flex-shrink:0;color:var(--ink-faint);font-size:10px;transition:transform .18s ease}.note-tree-children{max-height:0;overflow:hidden;transition:max-height .22s ease,opacity .16s ease;opacity:0}.note-tree-children.is-open{max-height:900px;opacity:1}.note-chip{display:inline-block;cursor:pointer;border:1.1px solid var(--border);background:transparent;padding:2px 8px;color:var(--ink-faint);font-family:var(--mono);font-size:11px;letter-spacing:.06em;transition:all .12s ease}.note-chip:hover,.note-chip.is-active{border-color:var(--cobalt);background:var(--acc-bg);color:var(--cobalt)}.note-content-title{margin-bottom:18px;border-bottom:1.5px solid var(--border);padding-bottom:10px;color:var(--ink);font-family:var(--sans);font-weight:900;letter-spacing:-.025em}.note-content-h2{margin:34px 0 11px;color:var(--ink);font-family:var(--sans);font-weight:800;letter-spacing:-.02em}.note-content-h3{margin:22px 0 8px;color:var(--ink);font-family:var(--sans);font-weight:700;letter-spacing:-.01em}.note-content-p{margin-bottom:15px;color:var(--ink-muted);line-height:1.88;text-wrap:pretty}.note-content-quote{margin:20px 0;border-left:3px solid var(--cobalt);padding:10px 18px;color:var(--ink-muted);font-style:italic;line-height:1.82}.note-inline-code{border:1px solid var(--border);background:var(--acc-bg);padding:1px 5px;color:var(--cobalt);font-family:var(--mono);font-size:.88em}.note-content-pre{margin:14px 0 18px;overflow-x:auto;border:1.5px solid var(--border);background:#1414140a;padding:15px 18px;color:var(--ink);font-family:var(--mono);font-size:12px;line-height:1.7;white-space:pre-wrap}html[data-theme=dark] .note-content-pre{background:#ffffff0d}.note-content-rule{margin:26px 0;border:none;border-top:1px dashed var(--border)}.note-tag{border:1.1px solid var(--border);padding:2px 8px;color:var(--ink-faint);font-family:var(--mono);font-size:9px;letter-spacing:.06em}.note-toc-item{cursor:pointer;border:0;border-left:2px solid transparent;background:transparent;padding:4px 12px;color:var(--ink-faint);font-family:var(--mono);font-size:12px;line-height:1.6;text-align:left;transition:color .12s ease,border-color .12s ease}.note-toc-item:hover{color:var(--ink-muted)}.note-toc-item.is-active{border-left-color:var(--cobalt);color:var(--cobalt);font-weight:700}.note-sketch-border{position:absolute;inset:0;pointer-events:none}.note-hatch{background-image:repeating-linear-gradient(45deg,transparent 0 3px,var(--acc-bg) 3px 4px)}.note-bottom-control{cursor:pointer;border:1.1px solid var(--border);background:transparent;padding:6px 8px;color:var(--ink-muted);font-family:var(--mono);font-size:12px;transition:background .12s ease,border-color .12s ease,color .12s ease}.note-bottom-control:hover,.note-bottom-control.is-active{border-color:var(--cobalt);background:var(--acc-bg);color:var(--cobalt)}.note-setting-option{cursor:pointer;border:0;background:transparent;padding:3px 0;color:var(--ink-faint);font-family:var(--mono);font-size:12px;text-align:left}.note-setting-option:hover,.note-setting-option.is-selected{color:var(--cobalt)}input[type=range]{accent-color:var(--cobalt);cursor:pointer}@media(max-width:900px){.note-shell-padding{padding-inline:20px!important}.note-left-panel{width:168px!important}.note-right-panel{display:none!important}}