:root{--brand-purple:#80397b;--brand-purple-light:#a55aa1;--brand-purple-lighter:#ede4f0;--brand-purple-bg:#f3f0f7;--surface-white:#fff;--surface-gray-50:#faf9fb;--surface-gray-100:#f3f2f5;--surface-gray-200:#e8e6eb;--surface-sidebar:#f3f0f7;--text-primary:#1b1b1f;--text-secondary:#5e5e66;--text-tertiary:#8e8e96;--border-default:#e0dde5;--border-subtle:#ede8f2;--hover-bg:#ede4f0;--active-bg:#dfd2e8;--selected-bg:#e8dcef;--selected-border:#a55aa1;--saved:#107c41;--unsaved:#c48c00;--error:#d83b01;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 8px 24px #0000001f;--sidebar-width:280px;--titlebar-height:44px;--statusbar-height:28px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--font-sans:-apple-system, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "Cascadia Code", "Fira Code", ui-monospace, monospace;--tk-1:#80397b;--tk-2:#5b9bd5;--tk-3:#81c784;--tk-4:#e57373;--tk-5:#ffb74d;--tk-6:#9575cd;--tk-7:#4db6ac;--tk-8:#f06292;--tk-add:#8e8e96}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-white);-webkit-font-smoothing:antialiased;font-size:14px}body{flex-direction:column;display:flex;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.title-bar{background:var(--brand-purple);color:#fff;-webkit-user-select:none;user-select:none;z-index:100;flex-shrink:0;align-items:center;gap:10px;height:44px;padding:0 12px;display:flex}.title-bar .brand{letter-spacing:-.01em;align-items:center;gap:8px;font-size:16px;font-weight:600;display:inline-flex}.title-bar .brand-icon{object-fit:cover;border-radius:7px;flex-shrink:0;width:28px;height:28px;box-shadow:0 0 0 1px #fff3}html.dark .title-bar .brand-icon{box-shadow:0 0 12px #ff2bd673,0 0 0 1px #00e5ff40}.title-bar button{color:#fffc;border-radius:4px;padding:4px 8px;font-size:16px;transition:all .15s}.title-bar button:hover{color:#fff;background:#ffffff1f}.search-wrapper{margin-left:auto;position:relative}.search-input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;outline:0;width:200px;padding:5px 12px 5px 32px;font-size:13px;transition:all .2s}.search-input::placeholder{color:#ffffff80}.search-input:focus{background:#fff3;border-color:#fff6;width:280px}.search-icon{color:#ffffff80;pointer-events:none;font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-results{background:var(--surface-white);width:400px;max-height:400px;box-shadow:var(--shadow-lg);z-index:200;color:var(--text-primary);border-radius:8px;padding:8px;position:absolute;top:40px;right:0;overflow-y:auto}.search-results.hidden{display:none}.search-result-item{border-radius:6px;margin-bottom:2px;padding:10px 12px;transition:background .15s;display:block}.search-result-item:hover{background:var(--hover-bg)}.search-result-breadcrumb{color:var(--text-tertiary);margin-bottom:2px;font-size:11px}.search-result-title{margin-bottom:4px;font-size:13px;font-weight:600}.search-result-snippet{color:var(--text-secondary);font-size:11px;line-height:1.4}.search-result-snippet mark{color:var(--text-primary);background:#fff3bf;border-radius:2px;padding:1px 2px}.main-content{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{background:var(--surface-sidebar);border-right:1px solid var(--border-default);flex-direction:column;flex-shrink:0;width:280px;min-width:200px;display:flex;overflow:hidden}.sidebar-section{flex-shrink:0;overflow-y:auto}.sidebar-section-header{justify-content:space-between;align-items:center;padding:8px 12px 4px;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:10px;font-weight:600}.sidebar-section-icon{color:var(--text-tertiary);cursor:pointer;border-radius:4px;padding:2px 4px;font-size:14px;transition:all .15s}.sidebar-section-icon:hover{background:var(--hover-bg);color:var(--text-primary)}.sidebar-divider{background:var(--border-subtle);flex-shrink:0;height:1px;margin:2px 12px}.section-pane-scroll,.page-pane-scroll{flex:50%;min-height:72px;overflow-y:auto}.sidebar-v-resizer{cursor:row-resize;touch-action:none;background:0 0;flex-shrink:0;height:8px;margin:0 8px;position:relative}.sidebar-v-resizer:after{content:"";background:var(--border-subtle);border-radius:1px;height:2px;transition:background .15s,box-shadow .15s,height .15s,top .15s;position:absolute;top:3px;left:10px;right:10px}.sidebar-v-resizer:hover:after,.sidebar-v-resizer:active:after,.sidebar-v-resizer.is-dragging:after{background:var(--brand-purple-light);height:3px;top:2.5px;box-shadow:0 0 8px #80397b59}html.dark .sidebar-v-resizer:hover:after,html.dark .sidebar-v-resizer:active:after,html.dark .sidebar-v-resizer.is-dragging:after{background:var(--vw-cyan,#00e5ff);box-shadow:0 0 10px #00e5ff66}.sidebar-credit{text-align:center;color:var(--text-tertiary);border-top:1px solid var(--border-subtle);flex-shrink:0;padding:10px 12px 12px;font-size:10px;line-height:1.35;transition:color .15s,text-shadow .15s;display:block}.sidebar-credit:hover{color:var(--brand-purple-light)}html.dark .sidebar-credit:hover{color:var(--vw-cyan,#00e5ff);text-shadow:0 0 10px #00e5ff59}.tk-strip{background:var(--surface-sidebar);flex-shrink:0;width:44px;min-width:44px;position:relative;overflow:visible}.tk-tabs-container{min-height:80px;padding-top:16px;position:relative}.tk-tab{background:var(--tab-color,var(--tk-1));color:#fff;cursor:pointer;width:28px;height:80px;z-index:calc(10 - var(--tab-index,1));white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;border-radius:6px 0 0 6px;justify-content:center;align-items:center;font-size:10px;font-weight:600;text-decoration:none;transition:all .15s,background .2s,box-shadow .2s;display:flex;position:absolute;left:2px;overflow:hidden;box-shadow:1px 1px 3px #00000026}.tk-tab-1{top:12px}.tk-tab-2{top:100px}.tk-tab-3{top:188px}.tk-tab-4{top:276px}.tk-tab-5{top:364px}.tk-tab-6{top:452px}.tk-tab-7{top:540px}.tk-tab-8{top:628px}.tk-tab:hover{z-index:50;width:50px;box-shadow:2px 2px 8px #0003}.tk-tab-active{z-index:100;width:42px;font-weight:700;box-shadow:2px 2px 6px #00000040}html.dark .tk-tab{box-shadow:0 0 10px color-mix(in srgb, var(--tab-color,var(--tk-1)) 45%, transparent);border:1px solid color-mix(in srgb, var(--tab-color,var(--tk-1)) 55%, #fff 10%)}html.dark .tk-tab:hover,html.dark .tk-tab-active{box-shadow:0 0 18px color-mix(in srgb, var(--tab-color,var(--tk-1)) 70%, transparent)}.tk-tab-add{opacity:.55;writing-mode:horizontal-tb;color:#fff;height:40px;font-size:18px;font-weight:700;background:var(--tk-add)!important;box-shadow:none!important;border:none!important}.tk-tab-add:hover{opacity:.9;width:28px}html.dark .tk-tab-add:hover{box-shadow:0 0 12px #00e5ff59!important}.tk-tab-label{letter-spacing:.04em;padding:6px 0;font-size:10px;font-weight:600;line-height:1.2;display:block}.tk-tab-active .tk-tab-label{letter-spacing:.05em;font-size:11px}.section-group-header{color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;margin:1px 8px;padding:4px 12px;font-size:13px;transition:all .12s;display:flex}.section-group-header:hover{background:var(--hover-bg)}.section-item-row{align-items:center;gap:2px;display:flex}.section-item-row .section-item.flex-1{flex:1}.section-item{cursor:pointer;color:var(--text-primary);border-left:3px solid #0000;border-radius:0 6px 6px 0;align-items:center;gap:8px;margin:1px 8px;padding:5px 12px 5px 8px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.section-item:hover{background:var(--hover-bg)}.section-item.active{background:var(--selected-bg);border-left-color:var(--selected-border);font-weight:600}.section-add-form input{border:1px solid var(--border-default);background:var(--surface-white);border-radius:6px;outline:0;width:calc(100% - 16px);margin:4px 8px;padding:5px 10px;font-size:11px;transition:border .15s}.section-add-form input:hover{border-color:var(--selected-border)}.section-add-form input:focus{border-color:var(--brand-purple-light);box-shadow:0 0 0 2px #80397b1a}.page-item-row{align-items:center;gap:2px;display:flex}.page-item-row .page-item.flex-1{flex:1}.page-item{cursor:pointer;color:var(--text-primary);border-radius:6px;flex:1;align-items:center;gap:6px;margin:1px 8px;padding:5px 12px 5px 24px;font-size:13px;transition:all .12s;display:flex}.page-item:hover{background:var(--hover-bg)}.page-item.active{background:var(--selected-bg);font-weight:600}.page-item.subpage{padding-left:40px}.page-collapse-btn{width:18px;height:18px;color:var(--text-tertiary);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;transition:all .15s;display:flex}.page-collapse-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.page-add-form input{border:1px solid var(--border-default);background:var(--surface-white);border-radius:6px;outline:0;width:calc(100% - 16px);margin:4px 8px;padding:5px 10px;font-size:11px;transition:border .15s}.page-add-form input:hover{border-color:var(--selected-border)}.page-add-form input:focus{border-color:var(--brand-purple-light);box-shadow:0 0 0 2px #80397b1a}.drag-handle{opacity:0;cursor:grab;color:var(--text-tertiary);flex-shrink:0;padding:0 2px;font-size:11px;transition:opacity .15s}.section-item-row:hover .drag-handle,.page-item-row:hover .drag-handle{opacity:.6}.resizer{cursor:col-resize;touch-action:none;background:0 0;flex-shrink:0;width:5px;transition:background .15s}.resizer:hover,.resizer:active,.resizer.is-dragging{background:var(--brand-purple-light)}html.dark .resizer:hover,html.dark .resizer:active,html.dark .resizer.is-dragging{background:var(--vw-cyan,#00e5ff);box-shadow:0 0 10px #00e5ff59}.editor-pane{background:var(--surface-gray-50);flex:1;min-width:0;padding:40px 64px;overflow-y:auto}.editor-container{background:var(--surface-white);border-radius:8px;max-width:800px;margin:0 auto;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.page-title{width:100%;color:var(--text-primary);letter-spacing:-.01em;background:0 0;border:0;outline:0;padding:28px 32px 12px;font-size:28px;font-weight:700;line-height:1.2}.page-title:empty:before{content:"Untitled Page";color:var(--text-tertiary)}.page-accent{border-radius:1px;height:2px;margin:0 32px}.editor-toolbar{background:var(--surface-gray-50);border-bottom:1px solid var(--border-default);z-index:20;flex-wrap:wrap;align-items:center;gap:2px;padding:8px 24px;display:flex;position:sticky;top:0}.toolbar-btn{min-width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.toolbar-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.toolbar-btn.active{background:var(--selected-bg);color:var(--brand-purple);font-weight:600}.toolbar-btn.bold{font-weight:700}.toolbar-btn.italic{font-style:italic}.toolbar-separator{background:var(--border-default);width:1px;height:20px;margin:0 4px}.mode-switch,.view-switch{background:var(--surface-white);border:1px solid var(--border-default);border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex}.mode-btn,.view-btn{letter-spacing:.02em;min-width:auto;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 8px;font-size:11px;font-weight:600}.mode-btn:hover,.view-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.mode-btn.active,.view-btn.active{background:var(--selected-bg);color:var(--brand-purple)}.mode-hint{color:var(--text-tertiary);flex:1;min-width:140px;margin-left:8px;font-size:11px;line-height:1.3}.mode-hint code{background:var(--surface-gray-100);border-radius:3px;padding:1px 4px;font-size:10px}.editor-container.is-source{max-width:1100px}.editor-container.is-split .editor-body{padding:0}.source-split{grid-template-columns:1fr 1fr;min-height:50vh;display:grid}.source-split.source-view-source{grid-template-columns:1fr}.source-split.source-view-source .ck-preview{display:none}.source-split.source-view-preview{grid-template-columns:1fr}.source-split.source-view-preview .source-editor{display:none}.source-editor{border:0;border-right:1px solid var(--border-default);width:100%;min-height:50vh;font-family:var(--font-mono),ui-monospace,Menlo,monospace;resize:none;background:var(--surface-white);color:var(--text-primary);outline:0;padding:20px 22px;font-size:13px;line-height:1.55}.ck-preview{color:var(--text-primary);padding:20px 24px 40px;font-size:14px;line-height:1.6;overflow:auto}.ck-preview-empty{color:var(--text-tertiary);font-style:italic}.ck-preview h1{margin:1em 0 .3em;font-size:1.6em;font-weight:700}.ck-preview h2{margin:.8em 0 .2em;font-size:1.3em;font-weight:600}.ck-preview h3{margin:.6em 0 .2em;font-size:1.1em;font-weight:600}.ck-preview p{margin:.5em 0}.ck-preview ul,.ck-preview ol{margin:.3em 0;padding-left:1.8em}.ck-preview blockquote{border-left:3px solid var(--brand-purple-light);color:var(--text-secondary);margin:.5em 0;padding-left:16px;font-style:italic}.ck-preview pre{background:var(--surface-gray-100);font-family:var(--font-mono);border:1px solid var(--border-default);border-radius:6px;margin:.5em 0;padding:14px 18px;font-size:13px;overflow-x:auto}.ck-preview code{background:var(--surface-gray-100);font-family:var(--font-mono);color:var(--brand-purple);border-radius:3px;padding:2px 5px;font-size:.9em}.ck-preview pre code{color:inherit;background:0 0;padding:0}.ck-preview img{border-radius:6px;max-width:100%;margin:8px 0}.ck-preview a{color:var(--brand-purple-light);text-decoration:underline}.ck-preview table{border-collapse:collapse;width:100%;margin:8px 0}.ck-preview td,.ck-preview th{border:1px solid var(--border-default);text-align:left;padding:8px 12px}.ck-preview th{background:var(--surface-gray-100);font-size:13px;font-weight:600}.ck-preview hr{border:none;border-top:1px solid var(--border-default);margin:16px 0}.editor-body{min-height:50vh;padding:24px 32px 40px}.ProseMirror{min-height:40vh;font-size:14px;line-height:1.6;outline:0!important}.ProseMirror p{margin:.5em 0}.ProseMirror h1{margin:1em 0 .3em;font-size:1.6em;font-weight:700}.ProseMirror h2{margin:.8em 0 .2em;font-size:1.3em;font-weight:600}.ProseMirror h3{margin:.6em 0 .2em;font-size:1.1em;font-weight:600}.ProseMirror ul,.ProseMirror ol{margin:.3em 0;padding-left:1.8em}.ProseMirror li{margin:.15em 0}.ProseMirror blockquote{border-left:3px solid var(--brand-purple-light);color:var(--text-secondary);margin:.5em 0;padding-left:16px;font-style:italic}.ProseMirror pre{background:var(--surface-gray-100);font-family:var(--font-mono);border:1px solid var(--border-default);border-radius:6px;margin:.5em 0;padding:14px 18px;font-size:13px;line-height:1.5;overflow-x:auto}.ProseMirror code{background:var(--surface-gray-100);font-family:var(--font-mono);color:var(--brand-purple);border-radius:3px;padding:2px 5px;font-size:.9em}.ProseMirror img{border-radius:6px;max-width:100%;margin:8px 0}.ProseMirror a{color:var(--brand-purple-light);cursor:pointer;text-decoration:underline}.ProseMirror hr{border:none;border-top:1px solid var(--border-default);margin:16px 0}.ProseMirror ul[data-type=taskList]{padding-left:0;list-style:none}.ProseMirror ul[data-type=taskList] li{align-items:flex-start;gap:8px;display:flex}.ProseMirror ul[data-type=taskList] li label{margin-top:3px}.ProseMirror ul[data-type=taskList] li input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--brand-purple)}.ProseMirror ul[data-type=taskList] li[data-checked=true]>div>p{color:var(--text-tertiary);text-decoration:line-through}.ProseMirror table{border-collapse:collapse;width:100%;margin:8px 0}.ProseMirror table td,.ProseMirror table th{border:1px solid var(--border-default);text-align:left;min-width:100px;padding:8px 12px}.ProseMirror table th{background:var(--surface-gray-100);font-size:13px;font-weight:600}.ProseMirror table td{font-size:13px}.ProseMirror .selectedCell{background:var(--hover-bg)}.empty-state{justify-content:center;align-items:center;height:100%;display:flex}.empty-inner{text-align:center;padding:40px}.empty-inner h2{color:var(--text-secondary);margin-bottom:8px;font-size:16px;font-weight:600}.empty-inner p{color:var(--text-tertiary);margin-bottom:16px;font-size:13px}.empty-inner input{border:2px solid var(--border-default);text-align:center;border-radius:8px;outline:0;min-width:240px;padding:8px 16px;font-size:14px;transition:border .2s}.empty-inner input:focus{border-color:var(--brand-purple-light);box-shadow:0 0 0 3px #80397b14}.status-bar{background:var(--surface-gray-50);border-top:1px solid var(--border-default);height:28px;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:12px;padding:0 16px;font-size:11px;display:flex}.status-saved{color:var(--saved);font-weight:500}.status-unsaved{color:var(--unsaved)}.status-error{color:var(--error)}.status-breadcrumb{margin-left:auto}.hidden{display:none!important}#image-upload-input{display:none}html.dark{--brand-purple:#c44dff;--brand-purple-light:#ff2bd6;--brand-purple-lighter:#3a1a5c;--brand-purple-bg:#1a0a2e;--surface-white:#14061f;--surface-gray-50:#1a0a2e;--surface-gray-100:#24103d;--surface-gray-200:#2e1650;--surface-sidebar:#12061f;--text-primary:#f5e9ff;--text-secondary:#c9a8e8;--text-tertiary:#8e6aad;--border-default:#3d1f66;--border-subtle:#2a1448;--hover-bg:#ff2bd61f;--active-bg:#00e5ff1f;--selected-bg:#c44dff38;--selected-border:#00e5ff;--saved:#00e5ff;--unsaved:#ffb347;--error:#ff6b9d;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 2px 12px #ff2bd626;--shadow-lg:0 8px 28px #0000008c;--vw-cyan:#00e5ff;--vw-magenta:#ff2bd6;--vw-sun:#ff7a3d;--tk-1:#c44dff;--tk-2:#00e5ff;--tk-3:#ff2bd6;--tk-4:#ff7a3d;--tk-5:#7c4dff;--tk-6:#18ffff;--tk-7:#ea80fc;--tk-8:#ffab40;--tk-add:#8e6aad}html.dark body{background:radial-gradient(at 50% -10%,#3a1468 0%,#14061f 55%,#0a0314 100%)}html.dark .title-bar{background:linear-gradient(90deg,#2a0a4a 0%,#4b1d7a 50%,#2a0a4a 100%);border-bottom:1px solid #00e5ff33;box-shadow:0 0 24px #ff2bd640}html.dark .title-bar .brand{text-shadow:0 0 12px #ff2bd68c}html.dark .search-input{background:#00000040;border-color:#00e5ff40}html.dark .search-input:focus{border-color:#00e5ff8c;box-shadow:0 0 12px #00e5ff33}html.dark .sidebar{background:linear-gradient(#160828 0%,#12061f 100%);border-right-color:#ff2bd633}html.dark .editor-container{background:#1a0a2e;border:1px solid #00e5ff1f;box-shadow:0 0 32px #ff2bd614,0 4px 16px #00000059}html.dark .editor-toolbar{background:#1f0c38;border-bottom-color:#ff2bd633}html.dark .toolbar-btn:hover{color:var(--vw-cyan);background:#00e5ff1f}html.dark .toolbar-btn.active{color:var(--vw-magenta);background:#ff2bd633}html.dark .mode-switch,html.dark .view-switch{background:#1a0a2e;border-color:#00e5ff33}html.dark .mode-btn.active,html.dark .view-btn.active{color:var(--vw-magenta);background:#ff2bd633}html.dark .source-editor{color:#f4eeff;background:#12061f;border-right-color:#00e5ff26}html.dark .ck-preview a{color:var(--vw-cyan)}html.dark .ck-preview code{color:var(--vw-magenta);background:#24103d}html.dark .ck-preview pre{background:#12061f;border-color:#00e5ff26}html.dark .ck-preview th{background:#24103d}html.dark .ProseMirror a{color:var(--vw-cyan)}html.dark .ProseMirror code{color:var(--vw-magenta);background:#24103d}html.dark .ProseMirror pre{background:#12061f;border-color:#00e5ff26}html.dark .ProseMirror blockquote{border-left-color:var(--vw-magenta)}html.dark .status-bar{color:#8e6aad;background:#12061f;border-top-color:#00e5ff26}html.dark .section-item.active,html.dark .page-item.active{box-shadow:inset 2px 0 0 var(--vw-cyan);background:#c44dff33}html.dark .search-result-snippet mark{color:#ffd;background:#5c3a1e}html.dark #btn-dark-mode[aria-pressed=true]{color:#00e5ff;text-shadow:0 0 10px #00e5ffb3}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}body[data-platform=ios] .title-bar{height:calc(var(--titlebar-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}body[data-platform=ios] .status-bar{height:calc(var(--statusbar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.account-menu{z-index:900;top:calc(var(--titlebar-height) + 8px + env(safe-area-inset-top));border:1px solid var(--border-default);background:var(--surface-white);width:min(280px,100vw - 20px);box-shadow:var(--shadow-lg);border-radius:10px;padding:10px;position:fixed;right:10px}.account-menu button,.account-menu .account-menu-link{text-align:left;width:100%;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:12px;text-decoration:none;display:block}.account-menu button:hover,.account-menu .account-menu-link:hover{background:var(--hover-bg)}.account-menu button.danger{color:#c62828}.account-menu-meta{color:var(--text-tertiary);padding:8px 12px 4px;font-size:11px}.account-menu-sep{border:none;border-top:1px solid var(--border-subtle);margin:6px 4px 8px}html.dark .account-menu .account-menu-link:hover{color:var(--vw-cyan,#00e5ff)}@media (width<=700px){:root{--sidebar-width:min(86vw,360px)}.title-bar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));gap:4px}.title-bar .brand{white-space:nowrap;font-size:14px}.search-wrapper{margin-left:auto}.search-input{color:#0000;width:38px;padding-left:30px}.search-input::placeholder{color:#0000}.search-input:focus{left:10px;right:10px;top:calc(6px + env(safe-area-inset-top));z-index:300;color:#fff;width:calc(100vw - 20px);position:fixed}.search-results{left:10px;right:10px;top:calc(48px + env(safe-area-inset-top));width:auto;max-height:55vh;position:fixed}.title-bar button{min-width:38px;min-height:38px;padding:6px}.main-content{position:relative}.tk-strip{z-index:82;width:38px;min-width:38px}.tk-tab{touch-action:manipulation}.tk-tab:hover{width:28px}.tk-tab-active{width:36px}.sidebar{z-index:80;width:var(--sidebar-width);min-width:0;position:absolute;top:0;bottom:0;left:38px;box-shadow:8px 0 24px #00000038}.resizer{display:none}.editor-pane{padding:12px 8px 28px}.editor-container{border-radius:6px;min-height:calc(100% - 8px)}.page-title{padding:20px 18px 10px;font-size:24px}.page-accent{margin:0 18px}.editor-toolbar{flex-wrap:nowrap;padding:6px 10px;overflow-x:auto}.toolbar-btn{min-width:38px;height:38px}.mode-hint{display:none}.source-split{grid-template-rows:minmax(28vh,1fr) minmax(28vh,1fr);grid-template-columns:1fr}.source-split.source-view-split .source-editor{border-right:0;border-bottom:1px solid var(--border-default);min-height:28vh}.editor-body{padding:18px 18px 36px}.ProseMirror{min-height:50vh;font-size:16px}.status-bar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}