@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--chrome: #232931;--sidebar-bg: #1d2229;--sidebar-text: #cdd5de;--sidebar-muted: #a3afbd;--sidebar-hover: #313a45;--sidebar-selected: #303d4b;--sidebar-selected-text: #f2f6fd;--surface: #222930;--stripe: #252d35;--paper: #1d232a;--field: #1d2229;--field-border: #48535f;--text: #edf1f5;--text-body: #cdd5de;--text-muted: #a3afbd;--text-faint: #8e9cac;--separator: #363f49;--hover: #313a45;--selected: #20558e;--selected-text: #eff6ff;--accent: #8bc3ff;--button: #30475d;--button-hover: #395976;--button-text: #edf6ff;--pressed: #344557;--pressed-text: #c8e1ff;--tag-bg: #29394b;--tag-text: #bedbfa;--code-bg: #2b3643;--code-text: #dbeafa;--scrollbar: #657483;--focus: 0 0 0 2px #95c7ff;--font: "Inter Variable", Inter, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--header-h: 56px;--radius: 10px;--sidebar-w: 240px;font-family:var(--font);font-size:14px;color:var(--text);background:var(--surface);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:280px;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px}svg{flex-shrink:0}.app{display:grid;height:100%;height:100dvh}.pane{display:flex;flex-direction:column;min-width:0;min-height:0}.pane-header{display:flex;align-items:center;gap:8px;height:var(--header-h);padding:0 16px;flex-shrink:0}.pane-body{flex:1;overflow-y:auto}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--text-muted)}.icon-btn:hover{background:var(--hover);color:var(--text)}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text)}.sidebar .icon-btn{color:var(--sidebar-muted)}.sidebar .icon-btn:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.tree{list-style:none;margin:0;padding:4px 10px 16px}.tree ul{list-style:none;margin:0;padding:0 0 0 14px}.tree-item{display:flex;align-items:center;gap:10px;width:100%;min-width:0;height:34px;padding:0 10px;border-radius:8px;text-align:left;font-size:14.5px}.tree-item:hover{background:var(--sidebar-hover)}.folder-item[aria-current=true]{background:var(--sidebar-selected);color:var(--sidebar-selected-text)}.tree-item svg{color:var(--accent)}.tree-item[aria-current=true] svg{color:var(--sidebar-text)}.note-path{display:block;margin-bottom:4px;color:var(--text-faint);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;background:var(--field);border:1px solid var(--field-border);border-radius:7px;color:var(--text-faint)}.search:focus-within{box-shadow:var(--focus)}.search input{flex:1;min-width:0;border:0;background:none;outline:none;color:var(--text)}.search input::placeholder{color:var(--text-faint)}.search input::-webkit-search-cancel-button{filter:invert(1)}mark{background:var(--pressed);color:var(--text);border-radius:3px;padding:0 1px;font-weight:600}.editor{background:var(--paper)}.editor .pane-header{background:var(--chrome)}.editor .pane-header{border-bottom:1px solid var(--separator);color:var(--text-faint);padding:0 20px}.editor-scroll{flex:1;overflow-y:auto}.editor-inner{padding:40px 48px 8px}.editor-path{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:4px 6px;margin-left:-6px;border-radius:6px;color:var(--text-faint);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-path:hover{color:var(--text);background:var(--hover)}.editor-title{width:100%;border:0;outline:none;padding:0;margin:0 0 20px;font-size:34px;font-weight:700;letter-spacing:-.025em;line-height:1.2;background:none;color:var(--text)}.editor-title::placeholder{color:var(--text-faint)}.editor-body{font-size:16px;line-height:1.7;color:var(--text-body)}.editor-body h1,.editor-body h2,.editor-body h3{color:var(--text);letter-spacing:-.01em}.editor-body h2{font-size:19px;margin:28px 0 8px}.editor-body h3{font-size:16px;margin:22px 0 6px}.editor-body p{margin:0 0 14px}.editor-body ul,.editor-body ol{margin:0 0 14px;padding-left:22px}.editor-body a{color:var(--text);text-underline-offset:3px}.editor-body code{background:var(--code-bg);color:var(--code-text);border-radius:4px;padding:1px 5px;font-size:.9em}.editor-body blockquote{margin:0 0 14px;padding-left:14px;border-left:3px solid var(--separator);color:var(--text-muted)}.editor-body table{border-collapse:collapse;margin:0 0 14px;font-size:.95em}.editor-body th,.editor-body td{border:1px solid var(--field-border);padding:6px 10px;text-align:left;vertical-align:top;min-width:60px}.editor-body th{background:var(--surface);color:var(--text);font-weight:600}.editor-body th p,.editor-body td p{margin:0}.editor-body img{display:block;max-width:100%;height:auto;margin:0 0 14px;border-radius:8px}.editor-body hr{border:0;border-top:1px solid var(--separator);margin:24px 0}.note-editor .tableWrapper{overflow-x:auto;margin:0 0 14px}.note-editor .tableWrapper table{margin:0}.note-editor .selectedCell{background:var(--pressed)}.note-editor img.ProseMirror-selectednode{box-shadow:var(--focus)}.editor-ribbon{position:sticky;top:0;z-index:2;background:var(--chrome);border-bottom:1px solid var(--separator)}.ribbon-tabs{display:flex;padding:0 44px;gap:4px}.ribbon-tabs button{padding:8px 12px;border-radius:6px 6px 0 0;color:var(--text-muted);font-size:13px;font-weight:500}.ribbon-tabs button:hover{background:var(--hover);color:var(--text)}.ribbon-tabs button[aria-selected=true]{color:var(--text);box-shadow:inset 0 -2px var(--pressed-text)}.editor-ribbon:has([role=tabpanel][hidden]) [aria-selected=true]{box-shadow:none}.editor-ribbon [role=alert]{margin:0;padding:6px 48px;color:var(--text)}.format-bar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 44px;background:var(--chrome)}.format-bar .icon-btn{width:30px;height:30px;color:var(--text-muted)}.format-bar .icon-btn[aria-pressed=true]{background:var(--pressed);color:var(--pressed-text)}.ribbon-group{display:flex;align-items:center;gap:2px}.ribbon-group+.ribbon-group{border-left:1px solid var(--separator);margin-left:6px;padding-left:6px}.note-head{padding-bottom:8px}.note-head .editor-title{margin-bottom:6px}.note-head .note-tags{margin-top:12px}.note-editor{padding:12px 48px 96px;min-height:50vh;outline:none;overflow-wrap:anywhere}.note-editor:focus-visible{box-shadow:none}.note-editor>:first-child{margin-top:0}.note-editor h1{font-size:26px;margin:28px 0 10px}.note-editor ul[data-type=taskList]{list-style:none;padding-left:0}.note-editor ul[data-type=taskList] li{display:flex;gap:8px;align-items:flex-start}.note-editor ul[data-type=taskList] li>label{margin-top:3px}.note-editor ul[data-type=taskList] input{accent-color:var(--accent);width:15px;height:15px}.note-editor ul[data-type=taskList] li[data-checked=true]>div{color:var(--text-faint);text-decoration:line-through}.note-editor a{color:var(--accent)}.note-editor pre{background:var(--code-bg);border-radius:8px;padding:12px;overflow:auto}.note-editor pre code{background:none;padding:0}.app{grid-template-columns:var(--sidebar-w) 1px minmax(320px,1fr)}.app[data-sidebar=off]{grid-template-columns:minmax(320px,1fr)}[hidden]{display:none!important}.sidebar .pane-header{padding-left:20px;color:var(--sidebar-muted);font-size:13px;font-weight:500;justify-content:space-between}.browse{background:var(--surface)}.toolbar{border-bottom:1px solid var(--separator);padding:0 12px;background:var(--chrome)}.location{flex:1;min-width:0;display:flex;align-items:center;gap:4px;color:var(--text-faint);white-space:nowrap}.crumb{padding:4px 6px;border-radius:6px;color:var(--text-muted)}.crumb:hover{background:var(--hover);color:var(--text)}.current-scope{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;padding-left:4px}.toolbar .search{width:min(260px,32vw);height:34px}.toolbar .icon-btn[aria-pressed=true]{background:var(--pressed);color:var(--pressed-text)}.explorer{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr)}.explorer[data-preview=on]{grid-template-columns:minmax(0,1fr) minmax(280px,38%)}.file-list{display:flex;flex-direction:column;min-height:0}.list-scroll{flex:1;overflow:auto}.files{width:100%;border-collapse:collapse;font-size:13.5px}.files th{position:sticky;top:0;z-index:1;background:var(--surface);text-align:left;font-weight:500;color:var(--text-faint);font-size:12px;padding:0 12px;height:34px;border-bottom:1px solid var(--separator)}.files th:first-child,.files td:first-child{padding-left:16px}.sort-btn{color:inherit;font-weight:inherit;padding:4px 0}.sort-btn:hover{color:var(--text)}.files td{padding:0 12px;height:34px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.files td:first-child{width:55%}.files tbody tr:hover{background:var(--hover)}.files tbody tr:nth-child(2n){background:var(--stripe)}.files tbody tr.selected{background:var(--selected)}.files tr.selected td,.files tr.selected .file,.files tr.selected .file svg{color:var(--selected-text)}.file{display:flex;align-items:center;gap:10px;width:100%;height:34px;text-align:left;color:var(--text);min-width:0}.file svg{color:var(--text-faint)}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px;padding:0 16px;border-top:1px solid var(--separator);background:var(--chrome);font-size:12px;color:var(--text-faint);flex-shrink:0}.text-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:7px;color:var(--button-text);background:var(--button);font-size:12px;font-weight:600}.text-btn:hover:not(:disabled){background:var(--button-hover)}.preview{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--separator);background:var(--paper)}.preview-head{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 8px 0 20px;font-size:12px;color:var(--text-faint);flex-shrink:0}.preview-scroll{flex:1;overflow-y:auto;padding:4px 24px 48px}.note-path{display:flex;align-items:center;gap:6px;color:var(--text-faint);font-size:12px}.preview-title{margin:10px 0 4px;font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.25}.note-meta{display:block;margin-bottom:16px;color:var(--text-faint);font-size:12px}.note-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 16px;padding:0}.note-tags li{padding:2px 6px;border-radius:4px;background:var(--tag-bg);color:var(--tag-text);font-size:12px}.preview .markdown-preview{border-top:0;margin-top:0;padding-top:0;font-size:14.5px}.wikilink{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-align:left}.wikilink:hover{color:var(--pressed-text)}.toolbar .icon-btn,.text-btn.back svg{color:var(--accent)}.text-btn.back{background:none;color:var(--text-muted)}.text-btn.back:hover{background:var(--hover);color:var(--text)}.resizer{position:relative;background:var(--separator);cursor:col-resize;touch-action:none;z-index:1}.resizer:after{content:"";position:absolute;inset:0 -3px}.resizer:hover,.resizer:focus-visible{background:var(--scrollbar)}.folder-row{display:flex;align-items:center}.collapse{display:grid;place-items:center;width:20px;height:34px;flex-shrink:0;color:var(--sidebar-muted);border-radius:6px}.collapse:hover{color:var(--sidebar-text)}.folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-actions{padding:12px 20px;border-top:1px solid var(--separator);display:grid;gap:10px;font-size:13px;color:var(--sidebar-muted)}.folder-actions button{text-align:left}.folder-actions button:hover{color:var(--sidebar-text)}select{max-width:100%;border:1px solid var(--separator);border-radius:6px;padding:4px 6px;color:var(--text);background:var(--field)}.folder-actions select{width:100%;margin-top:4px}.move-note{display:flex;align-items:center;gap:6px;font-size:12px;min-width:0}.move-note select{max-width:150px}.editor [role=status]{font-size:12px;margin-left:auto;white-space:nowrap}.empty{padding:24px;color:var(--text-muted);line-height:1.6}.markdown-preview{overflow-wrap:anywhere;border-top:1px solid var(--separator);padding-top:20px;margin-top:24px}.markdown-preview pre{overflow:auto;background:var(--code-bg);border:0;border-radius:8px;padding:12px}.markdown-preview pre code{background:none;padding:0}.markdown-preview input{accent-color:var(--accent)}.markdown-preview li:has(>input[type=checkbox]){list-style:none;margin-left:-22px}.error-banner{position:fixed;z-index:10;bottom:16px;left:16px;right:16px;background:var(--chrome);color:var(--text);padding:16px;border:1px solid var(--field-border);border-radius:var(--radius);display:flex;gap:16px;align-items:center}.error-banner button{text-decoration:underline}button:disabled{opacity:.45;cursor:wait}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar,.resizer,.preview,.folder-cell{display:none!important}.explorer[data-preview=on]{grid-template-columns:minmax(0,1fr)}.toolbar .search{width:auto;flex:1}.location{display:none}.pane-header{padding:0 8px}.tree-item,.collapse{height:44px;font-size:16px}.editor .pane-header{padding:0 8px}.editor-inner{padding:20px 20px 8px}.note-editor{padding:12px 20px 96px}.format-bar{padding:6px 16px}.ribbon-tabs{padding:0 16px}.editor-title{font-size:28px}.error-banner{flex-wrap:wrap}.move-note select{max-width:115px}}.firebase-shell{height:100%}.account-bar{height:32px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--text-muted);background:var(--sidebar-bg);border-bottom:1px solid var(--separator)}.account-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.firebase-shell:has(.account-bar) .app{height:calc(100dvh - 32px)}.login-screen{min-height:100dvh;display:grid;place-items:center;background:var(--sidebar-bg);padding:24px;overflow:auto}.login-card{width:min(100%,420px);background:var(--surface);border:1px solid var(--separator);padding:36px;border-radius:16px}.login-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;color:var(--button-text);background:var(--button);font-size:26px}.login-card h1{margin:28px 0 12px;font-size:28px;letter-spacing:-.03em}.login-card p{color:var(--text-muted);line-height:1.6}.login-button{width:100%;margin-top:16px;padding:12px;background:var(--button);color:var(--button-text);border-radius:var(--radius);font-weight:600}.login-button:hover{background:var(--button-hover)}.login-secondary{margin-top:16px;text-decoration:underline}.login-privacy{font-size:12px;margin:24px 0 0}
