*{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-dim,.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-table{border-collapse:collapse;width:100%;margin:4px 0;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cm-table th,.cm-table td{border:1px solid var(--border);padding:6px 12px;text-align:left}.cm-table th{background:var(--bg-sidebar);color:var(--text);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.cm-table td{color:var(--text)}.cm-table tr:hover td{background:#ffffff08}.cm-tag-pill{display:inline-block;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:500;white-space:nowrap}.cm-tag-tool{background:#2d4a3e;color:#98c379}.cm-tag-article{background:#3b3525;color:#e5c07b}.cm-tag-social-post{background:#352a3d;color:#c678dd}.cm-tag-resource{background:#3d2828;color:#e06c75}.cm-tag-person{background:#3d3028;color:#d19a66}.cm-tag-place{background:#283a3d;color:#56b6c2}.cm-tag-recipe{background:#3d3528;color:#d19a66}.cm-tag-book{background:#2d3a4a;color:#61afef}.cm-tag-podcast{background:#352a3d;color:#c678dd}.cm-tag-video{background:#3d2838;color:#e06c75}.cm-tag-cool-org{background:#2d4a3e;color:#98c379}.cm-tag-example{background:#283a3d;color:#56b6c2}.cm-tag-list{background:#333;color:#abb2bf}.cm-tag-buy{background:#3d3028;color:#d19a66}.cm-tag-game{background:#2d3a4a;color:#61afef}.cm-tag-store{background:#352a3d;color:#c678dd}.cm-tag-image{background:#3b3525;color:#e5c07b}.table-view{padding:16px 24px;overflow-x:auto;height:100%}.table-view .cm-table th{cursor:pointer;-webkit-user-select:none;user-select:none}.table-view .cm-table th:hover{background:#ffffff14}.row-actions{text-align:center}.row-delete{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:3px;opacity:.3;transition:opacity .15s}.row-delete:hover{opacity:1;color:#e06c75}.add-row td{padding:4px 8px}.add-row-input{width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:4px 8px;border-radius:3px;font-size:13px}.add-row-input:focus{outline:none;border-color:var(--accent)}.add-row-btn{background:var(--accent);border:none;color:var(--bg);cursor:pointer;font-size:16px;font-weight:700;padding:2px 10px;border-radius:3px}.add-row-btn:hover{opacity:.85}.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))}}