*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-width: 250px;--bg: #1e1e1e;--bg-sidebar: #252525;--bg-editor: #1e1e1e;--text: #d4d4d4;--text-dim: #808080;--accent: #e5c07b;--accent-dim: #3e3d32;--border: #333;--link: #e5c07b;--link-dead: #e06c75;--check: #98c379}html,body,#app{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[hidden]{display:none!important}#login{display:flex;align-items:center;justify-content:center;height:100%}#login-form{display:flex;flex-direction:column;gap:12px;width:300px}#login-form h1{text-align:center;color:var(--accent)}#login-form input{padding:10px;border:1px solid var(--border);border-radius:4px;background:var(--bg-editor);color:var(--text);font-size:16px}#login-form button{padding:10px;border:none;border-radius:4px;background:var(--accent);color:#fff;font-size:16px;cursor:pointer}#login-error{color:var(--accent);text-align:center;font-size:14px}#shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr;height:100%}#sidebar-toggle{display:none;position:fixed;top:8px;left:8px;z-index:100;background:var(--bg-sidebar);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 10px;font-size:18px;cursor:pointer}#sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}#sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}#sidebar-header h2{font-size:16px;font-weight:600;color:var(--accent)}#sidebar-actions{display:flex;gap:6px}#new-page-btn,#backup-btn{background:none;border:1px solid var(--border);color:var(--text);border-radius:4px;padding:2px 8px;font-size:12px;cursor:pointer}#backup-btn:disabled{opacity:.5;cursor:default}#tree{flex:1;padding:8px 0;font-size:14px}.tree-folder{-webkit-user-select:none;user-select:none}.tree-icon{display:inline-block;width:16px;margin-right:6px;text-align:center;flex-shrink:0}.tree-icon-folder:before{content:"📁";font-size:13px}.tree-folder.open>.tree-folder-label .tree-icon-folder:before{content:"📂"}.tree-icon-file:before{content:"";display:inline-block;width:10px;height:12px;border:1.5px solid var(--text-dim);border-radius:1px;vertical-align:middle}.tree-folder-label{display:flex;align-items:center;padding:4px 12px;cursor:pointer;color:var(--text);font-weight:500}.tree-folder-label:hover{background:var(--border)}.tree-folder-label:before{content:"▶";font-size:8px;margin-right:4px;transition:transform .15s;color:var(--text-dim)}.tree-folder.open>.tree-folder-label:before{transform:rotate(90deg)}.tree-folder-children{display:none;padding-left:12px}.tree-folder.open>.tree-folder-children{display:block}.tree-file{display:flex;align-items:center;padding:4px 12px 4px 24px;color:var(--text-dim);text-decoration:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.tree-file:hover{background:var(--border)}.tree-file.active{background:var(--accent-dim);color:#fff}#main{display:flex;flex-direction:column;overflow:hidden}#breadcrumbs{display:flex;align-items:center;gap:4px;padding:8px 16px;font-size:13px;color:var(--text-dim);border-bottom:1px solid var(--border);flex-shrink:0}.breadcrumb-link{color:var(--link);cursor:pointer;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:var(--text-dim)}.breadcrumb-current{color:var(--text)}#editor-container{flex:1;overflow:auto}#editor-container .cm-editor{height:100%}#editor-container .cm-editor .cm-scroller{padding:16px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:15px;line-height:1.6}#editor-container .cm-editor .cm-content{max-width:800px}#editor-container .cm-editor .cm-gutters{display:none}#editor-container .cm-editor.cm-focused{outline:none}#save-status{position:fixed;bottom:12px;right:12px;font-size:12px;color:var(--text-dim);background:var(--bg-sidebar);padding:4px 8px;border-radius:4px;opacity:0;transition:opacity .3s}#save-status.visible{opacity:1}.tok-link,.tok-url{color:var(--accent)!important}.tok-meta{color:var(--text-dim)!important}.tok-heading{color:var(--text)!important;font-weight:700}.cm-wikilink{color:var(--link);cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.cm-wikilink-dead{color:var(--link-dead)}.cm-url-link{color:var(--accent);text-decoration:underline;text-decoration-style:solid;cursor:pointer}.cm-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid var(--text-dim);border-radius:3px;vertical-align:middle;margin-right:4px;position:relative;cursor:default}.cm-checkbox:checked{background:var(--check);border-color:var(--check)}.cm-checkbox:checked:after{content:"✓";position:absolute;top:-2px;left:1px;font-size:12px;color:#1e1e1e;font-weight:700}.cm-heading-1{font-size:1.8em;font-weight:700}.cm-heading-2{font-size:1.5em;font-weight:600}.cm-heading-3{font-size:1.25em;font-weight:600}.cm-heading-4{font-size:1.1em;font-weight:600}html{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}@media(max-width:768px){#shell{grid-template-columns:1fr}#sidebar-toggle{display:block}#sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:50;transform:translate(-100%);transition:transform .2s ease}#sidebar.open{transform:translate(0)}#sidebar.open~#sidebar-backdrop{display:block}#breadcrumbs{padding-left:48px}.tree-folder-label{padding:8px 12px;min-height:44px}.tree-file{padding:8px 12px 8px 24px;min-height:44px}#editor-container .cm-editor .cm-scroller{padding:12px;font-size:16px}#editor-container .cm-editor .cm-content{max-width:100%}#sidebar-header{padding:12px 12px calc(12px + env(safe-area-inset-top))}}