:root{--primary: #2563eb;--background: #ffffff;--surface: #f8fafc;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--success: #059669;--warning: #d97706;--error: #ef4444;--bg-preview: #f0f4f8;--primary-hover: #1d4ed8;--bg-primary: var(--background);--bg-secondary: var(--surface);--bg-hover: #f1f5f9;--text-primary: var(--text);--border-light: var(--border)}[data-theme=dark]{--primary: #3b82f6;--background: #0f172a;--surface: #1e293b;--text: #f1f5f9;--text-muted: #94a3b8;--border: #334155;--error: #f87171;--bg-preview: #172133;--primary-hover: #60a5fa;--bg-primary: var(--surface);--bg-secondary: var(--background);--bg-hover: #334155;--text-primary: var(--text);--border-light: #2c3a4f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--text);font-size:14px;line-height:1.6;height:100vh;overflow:hidden;padding:20px}.app{height:calc(100vh - 40px);display:grid;grid-template-rows:auto 1fr;background:var(--background);border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:hidden;border:1px solid var(--border)}[data-theme=dark] .app{box-shadow:0 20px 60px #0006}.header{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:16px;border-radius:16px 16px 0 0}.logo{font-weight:600;color:var(--primary);font-size:16px}.search-input{flex:1;max-width:300px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--text);font-size:14px}.search-input:focus{outline:none;border-color:var(--primary)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.header-byline{font-size:12px;color:var(--text-muted);margin-left:16px;white-space:nowrap}.header-byline a{color:var(--primary);text-decoration:none}.header-byline a:hover{text-decoration:underline}.preview-content table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:14px;border:1px solid var(--border);box-shadow:0 2px 4px #0000000d;border-radius:6px;overflow:hidden}[data-theme=dark] .preview-content table{box-shadow:0 2px 4px #0003}.preview-content th,.preview-content td{border:1px solid var(--border);padding:10px 14px;text-align:left}.preview-content th{background-color:var(--surface);font-weight:600;color:var(--text)}.preview-content tr:nth-child(2n){background-color:var(--surface)}.preview-content tr:hover{background-color:var(--bg-hover)}.pyodide-status{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:12px;transition:all .3s ease}.pyodide-status .status-icon{font-size:16px;animation:pulse 2s ease-in-out infinite}.pyodide-status .status-text{color:var(--text-muted);font-weight:500}.pyodide-status.loading{border-color:var(--warning);background:#d977061a}.pyodide-status.loading .status-text{color:var(--warning)}.pyodide-status.ready{border-color:var(--success);background:#0596691a}.pyodide-status.ready .status-text{color:var(--success)}.pyodide-status.ready .status-icon{animation:none}.pyodide-status.error{border-color:var(--error);background:#ef44441a}.pyodide-status.error .status-text{color:var(--error)}.pyodide-status.error .status-icon{animation:shake .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}[data-theme=dark] .pyodide-status{background:#ffffff0d}[data-theme=dark] .pyodide-status.loading{background:#d9770633}[data-theme=dark] .pyodide-status.ready{background:#05966933}[data-theme=dark] .pyodide-status.error{background:#ef444433}.btn{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;font-size:14px;transition:all .2s}.btn:hover{background:var(--background);border-color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{opacity:.9}.main{display:grid;grid-template-columns:280px minmax(0,1fr) 280px;height:100%;overflow:hidden}.editor-area{position:relative;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-header{padding:16px;border-bottom:1px solid var(--border);font-weight:600}.note-list{flex:1;overflow-y:auto;padding:8px}.note-item{padding:12px;border-radius:6px;cursor:pointer;margin-bottom:4px;transition:background .2s}.note-item:hover{background:var(--background)}.note-item.active{background:var(--primary);color:#fff}.note-title{font-weight:500;margin-bottom:4px}.note-preview{font-size:12px;color:var(--text-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-item.active .note-preview{color:#fffc}.editor-panes-container{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;height:100%}.editor-container{flex:1;min-width:300px;max-width:800px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.editor-container:last-child{border-right:none}.editor-container.maximized{position:relative;z-index:100;box-shadow:0 8px 32px #00000026!important;border:2px solid var(--primary)!important;border-radius:8px!important;background:var(--background)!important;margin:2px!important;min-width:0!important;max-width:100%!important}[data-theme=dark] .editor-container.maximized{box-shadow:0 8px 32px #0006!important}.editor-container.maximized:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--primary),var(--warning));border-radius:10px;z-index:-1;animation:maximizedGlow 2s ease-in-out infinite alternate}@keyframes maximizedGlow{0%{opacity:.5}to{opacity:.8}}.editor-container.focused{border-right-color:var(--primary);border-left:2px solid var(--primary);box-shadow:0 0 0 1px var(--primary),0 4px 12px #2563eb1a;background:var(--background);position:relative;z-index:5;transform:translateY(-1px)}.editor-container.focused:first-child{border-left:2px solid var(--primary)}.editor-container.maximized.focused{border-color:var(--warning)!important;box-shadow:0 0 0 2px var(--warning),0 8px 32px #00000026!important}[data-theme=dark] .editor-container.maximized.focused{box-shadow:0 0 0 2px var(--warning),0 8px 32px #0006!important}.editor-panes-container{gap:0}.editor-container[style*="display: none"]{display:none!important}.resize-handle{width:6px;background:var(--border);cursor:col-resize;position:relative;flex-shrink:0;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.resize-handle:hover,.resize-handle:active{background:var(--primary)}.resize-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:30px;background:currentColor;opacity:.3;border-radius:1px;pointer-events:none}.resize-handle:hover:before{opacity:.8;background:#fff}.resize-handle.dragging{background:var(--primary);z-index:1000}.resize-handle.dragging:before{opacity:1;background:#fff}.resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.resizing *{pointer-events:none}.resizing .resize-handle{pointer-events:auto}.width-tooltip{position:fixed;background:var(--text);color:var(--background);padding:4px 8px;border-radius:4px;font-size:12px;pointer-events:none;z-index:1001;opacity:0;transition:opacity .2s;white-space:nowrap}.width-tooltip.visible{opacity:1}[data-theme=dark] .resize-handle{background:var(--border)}[data-theme=dark] .resize-handle:hover{background:var(--primary)}[data-theme=dark] .width-tooltip{background:var(--surface);color:var(--text);border:1px solid var(--border)}.editor-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface)}.editor-title-wrapper{display:flex;align-items:center;gap:8px}.editor-title{font-weight:500;color:var(--text)}.close-pane-btn{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1;padding:2px 4px;border-radius:4px}.close-pane-btn:hover{color:var(--text);background-color:var(--border)}.editor-modes{display:flex!important;gap:4px!important;align-items:center!important}.mode-btn{padding:6px 12px;border:1px solid var(--border);border-radius:4px;background:var(--background);color:var(--text);cursor:pointer;font-size:12px}.mode-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.maximize-btn{padding:4px 8px!important;font-size:12px!important;border:1px solid var(--border)!important;border-radius:4px!important;background:var(--surface)!important;color:var(--text)!important;cursor:pointer!important;margin-left:8px!important;min-width:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;position:relative;overflow:hidden}.maximize-btn:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px #2563eb33!important}.maximize-btn:before{font-family:"Font Awesome 5 Free";content:"";font-weight:900;display:inline-block;position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.maximize-btn.minimized:before{content:"⤢"}.maximize-btn:active:before{width:100px;height:100px}.editor-container.focused .maximize-btn{background:#ffffff1a!important;color:#ffffffe6!important;border-color:#fff3!important}.editor-container.focused .maximize-btn:hover{background:#fff!important;color:var(--primary)!important;border-color:#fff!important}.maximize-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.maximize-btn:focus:not(:focus-visible){outline:none}.maximize-btn:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)!important}.maximize-btn[title]{position:relative}.maximize-btn[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;background:var(--text);color:var(--background);font-size:11px;border-radius:4px;white-space:nowrap;z-index:1000;margin-bottom:4px;opacity:0;animation:fadeInTooltip .2s ease forwards}@keyframes fadeInTooltip{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.editor-container.focused .editor-header{background:linear-gradient(135deg,var(--primary),rgba(37,99,235,.8));color:#fff;position:relative}.editor-container.focused .editor-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--warning);box-shadow:0 0 8px var(--warning)}.editor-container.focused .editor-title{color:#fff;font-weight:600}.editor-container.focused .mode-btn{background:#ffffff1a;color:#ffffffe6;border-color:#fff3}.editor-container.focused .mode-btn.active{background:#fff;color:var(--primary);border-color:#fff}.editor-container.focused .mode-btn:hover{background:#fff3;color:#fff}.editor-container.focused .close-pane-btn{color:#fffc}.editor-container.focused .close-pane-btn:hover{color:#fff;background-color:#ffffff1a}.editor-container.maximized .editor-header{background:linear-gradient(135deg,var(--primary),rgba(37,99,235,.9))!important;color:#fff!important;border-bottom:2px solid rgba(255,255,255,.1)!important;border-radius:6px 6px 0 0!important}.editor-container.maximized .editor-title{color:#fff!important;font-weight:600!important}.editor-container.maximized .close-pane-btn{color:#fffc!important}.editor-container.maximized .close-pane-btn:hover{color:#fff!important;background-color:#ffffff1a!important}[data-theme=dark] .editor-container.focused{box-shadow:0 0 0 1px var(--primary),0 4px 12px #3b82f633}[data-theme=dark] .editor-container.focused .editor-header{background:linear-gradient(135deg,var(--primary),rgba(59,130,246,.8))}[data-theme=dark] body{background:linear-gradient(135deg,#1e293b,#0f172a)}.editor-content{flex:1;display:grid;overflow:hidden}.editor-content.edit-mode{grid-template-columns:1fr}.editor-content.split-mode{grid-template-columns:1fr 1fr}.editor-content.preview-mode{grid-template-columns:1fr}.editor-pane,.preview-pane{overflow-y:auto;background-color:#f0f4f8}.editor-pane{overflow-y:auto;background-color:var(--background)}.preview-pane{overflow-y:auto;background-color:#f0f4f8}.editor-content.preview-mode .editor-pane,.editor-content.edit-mode .preview-pane{display:none}.editor-textarea{flex:1;width:100%;border:none;outline:none;padding:20px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:14px;line-height:1.6;background:var(--background);color:var(--text);resize:none}.editor-container.focused .editor-textarea{border-left:3px solid var(--primary);background:var(--background)}.preview-content{padding:20px;max-width:none}.preview-content h1,.preview-content h2,.preview-content h3{margin-bottom:16px;color:var(--text)}.preview-content p{margin-bottom:16px}.preview-content pre{background:var(--surface);padding:16px;border-radius:6px;overflow-x:auto;margin-bottom:16px}.preview-content code{background:var(--surface);padding:2px 6px;border-radius:4px;font-size:13px}.preview-content pre code{background:none;padding:0}.wikilink{color:var(--primary);text-decoration:none;border-bottom:1px dotted var(--primary);cursor:pointer}.wikilink:hover{background:#2563eb1a}.wikilink.broken{color:var(--warning);border-bottom-color:var(--warning)}.right-sidebar{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow-y:auto;transition:all .2s;border-radius:0 0 16px}.right-sidebar-content{padding:8px}.main.right-sidebar-collapsed{grid-template-columns:280px minmax(0,1fr) 0}#toggle-right-sidebar{margin-left:8px;font-size:16px;padding:6px 10px;position:relative;z-index:1}#toggle-right-sidebar i{transition:transform .3s ease-in-out}.main.right-sidebar-collapsed #toggle-right-sidebar i{transform:rotate(90deg)}.sidebar-section{margin-bottom:20px}.sidebar-section-header{padding:12px 8px;font-weight:600;font-size:14px;color:var(--text);border-bottom:1px solid var(--border);margin-bottom:8px}.word-count-display{padding:0 8px;font-size:14px;color:var(--text-muted)}.empty-sidebar{padding:16px;text-align:center;color:var(--text-muted);font-size:14px}.backlinks-list{padding:0}.backlink-item{padding:8px 12px;border-radius:4px;cursor:pointer;margin-bottom:4px;transition:background .2s}.backlink-item:hover{background:var(--background)}.backlink-title{font-weight:500;margin-bottom:4px}.backlink-context{font-size:12px;color:var(--text-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.graph-container{padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--background);margin-bottom:8px}.graph-container svg{width:100%;height:auto}.graph-container svg text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.graph-node{cursor:pointer}.graph-node.current{cursor:default}.graph-link{stroke:var(--border);stroke-opacity:.6}.graph-controls{margin-bottom:8px;display:flex;justify-content:center;gap:4px;padding:4px}.step-btn{padding:4px 8px;font-size:11px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text);cursor:pointer;transition:all .2s ease;font-family:inherit}.step-btn:hover{background:var(--background);border-color:var(--primary);transform:translateY(-1px)}.step-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 4px #2563eb33}.graph-svg-container{border:1px solid var(--border);border-radius:6px;background:var(--background);margin-bottom:8px;position:relative}.step-legend{pointer-events:none;-webkit-user-select:none;user-select:none}.step-legend text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:9px;fill:var(--text-muted)}.step-legend circle{stroke:var(--border);stroke-width:1}.graph-container svg .node-step-1{filter:drop-shadow(0 2px 4px rgba(5,150,105,.3))}.graph-container svg .node-step-2{filter:drop-shadow(0 1px 3px rgba(217,119,6,.3))}.graph-container svg .node-step-3{filter:drop-shadow(0 1px 2px rgba(100,116,139,.2))}[data-theme=dark] .step-btn{background:var(--surface);border-color:var(--border)}[data-theme=dark] .step-btn:hover{background:var(--background)}[data-theme=dark] .step-btn.active{background:var(--primary);box-shadow:0 2px 4px #3b82f64d}[data-theme=dark] .graph-svg-container{background:var(--surface)}.autocomplete{position:fixed!important;display:block!important;visibility:visible!important;z-index:9999!important;opacity:1!important;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;min-width:200px}[data-theme=dark] .autocomplete{box-shadow:0 4px 12px #0000004d}.autocomplete-item{padding:8px 12px;cursor:pointer;font-size:14px;border-bottom:1px solid var(--border)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.selected{background:var(--primary);color:#fff}.autocomplete-create{font-style:italic;color:var(--text-muted)}.autocomplete-item.selected.autocomplete-create{color:#fffc}.status-bar{background:var(--surface);border-top:1px solid var(--border);padding:8px 16px;font-size:12px;color:var(--text-muted);display:flex;justify-content:flex-end}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.empty-state h3{margin-bottom:8px;font-size:18px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:6px;border:3px solid var(--surface)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.hidden{display:none}.context-menu{position:fixed;z-index:1000;width:200px;background-color:var(--surface);border-radius:8px;border:1px solid var(--border);box-shadow:0 5px 15px #0000001a;padding:6px;display:flex;flex-direction:column}[data-theme=dark] .context-menu{box-shadow:0 5px 15px #0000004d}.context-menu-item{font-size:14px;padding:8px 12px;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:8px;background:none;border:none;text-align:left;color:var(--text)}.context-menu-item:hover{background-color:var(--primary);color:#fff}.context-menu-separator{height:1px;background:var(--border);margin:4px 0}.embedded-block{display:block;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px;margin-bottom:16px}.embedded-block p:last-child{margin-bottom:0}.embedded-block-source{font-size:11px;color:var(--text-muted);margin-top:10px;text-align:right}.embedded-block-source .wikilink{font-size:11px}.broken-embed{border-left:3px solid var(--warning);padding:8px;background:var(--surface);color:var(--text-muted);font-style:italic}.welcome-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.welcome-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.welcome-modal-content{position:relative;background:var(--background);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:800px;max-height:90vh;width:90%;border:1px solid var(--border);overflow:hidden}.welcome-header{background:var(--surface);padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.welcome-header h2{margin:0;color:var(--text);font-size:24px}.welcome-close-btn{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;line-height:1}.welcome-close-btn:hover{background:var(--border);color:var(--text)}.welcome-body{padding:20px;overflow-y:auto;max-height:calc(90vh - 140px);color:var(--text);line-height:1.6}.welcome-body h3{color:var(--primary);margin:0 0 16px;font-size:20px}.welcome-body h4{color:var(--text);margin:20px 0 8px;font-size:16px;font-weight:600}.welcome-body ul,.welcome-body ol{margin:0 0 16px 20px;padding:0}.welcome-body li{margin-bottom:4px}.welcome-body ul ul{margin:4px 0 4px 20px}.welcome-body code{background:var(--surface);padding:2px 6px;border-radius:4px;font-size:13px;color:var(--primary)}.welcome-body pre{background:var(--surface);padding:16px;border-radius:6px;overflow-x:auto;margin:16px 0;border:1px solid var(--border)}.welcome-body pre code{background:none;padding:0;color:var(--text)}.welcome-body p{margin:0 0 12px}.welcome-body strong{color:var(--text);font-weight:600}.welcome-footer{background:var(--surface);padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.welcome-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);cursor:pointer}.welcome-checkbox input[type=checkbox]{margin:0}[data-theme=dark] .welcome-modal-content{box-shadow:0 20px 60px #0009}[data-theme=dark] .welcome-overlay{background:#000000b3}.code-container{border:1px solid var(--border);border-radius:6px;margin-bottom:16px;background:var(--surface);overflow:hidden;position:relative}.code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--background);border-bottom:1px solid var(--border)}.code-header span{font-weight:500;font-size:12px;color:var(--text-muted);text-transform:uppercase}.execution-counter{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-muted);font-weight:400}.run-btn{padding:4px 10px;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s}.run-btn:hover{background-color:#1d4ed8}[data-theme=dark] .run-btn:hover{background-color:#60a5fa}.run-btn:disabled{opacity:.5;cursor:not-allowed}.code-container pre{margin:0;border-radius:0}.code-output{padding:12px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;background:var(--background);border-top:1px dashed var(--border);min-height:1.5em}.code-output.has-output{border-top:1px solid var(--border)}.code-output pre{white-space:pre-wrap;word-break:break-all;margin:0;background:none;padding:0}.code-output .output-text{color:var(--text);margin-bottom:8px}.code-output .output-result{color:var(--success);margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}.code-output .output-error{color:var(--error);background:#ef44441a;padding:8px;border-radius:4px}.code-output .spinner{color:var(--text-muted);font-style:italic}.output-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-weight:500}.code-output table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}.code-output table th,.code-output table td{border:1px solid var(--border);padding:4px 8px;text-align:left}.code-output table th{background:var(--surface);font-weight:600}.code-output table tr:nth-child(2n){background:var(--surface)}.code-output img{max-width:100%;height:auto;margin-top:8px;border-radius:4px;border:1px solid var(--border)}.execution-info{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted);margin-bottom:4px}.execution-number{font-weight:500;color:var(--primary)}@media (prefers-contrast: high){.maximize-btn{border-width:2px!important}.editor-container.maximized{border-width:3px!important}.pyodide-status{border-width:2px}}@media (prefers-reduced-motion: reduce){.editor-container,.maximize-btn,.maximize-btn:before,.editor-container.maximized:before,.pyodide-status .status-icon{transition:none!important;animation:none!important}}@media print{.maximize-btn,.pyodide-status{display:none!important}}@media (max-width: 768px){body{padding:10px}.app{height:calc(100vh - 20px);border-radius:12px}.header{border-radius:12px 12px 0 0;padding:8px 12px}.main{grid-template-columns:240px minmax(0,1fr) 240px}.resize-handle{width:8px}.editor-container{min-width:250px}.resize-handle:before{width:3px;height:40px}.maximize-btn{padding:3px 6px!important;font-size:11px!important;min-width:24px!important;margin-left:4px!important}.graph-controls{flex-wrap:wrap;gap:2px}.step-btn{padding:3px 6px;font-size:10px}.welcome-modal-content{width:95%;max-height:95vh;margin:10px}.welcome-header{padding:16px}.welcome-header h2{font-size:20px}.welcome-body{padding:16px;max-height:calc(95vh - 120px)}.welcome-footer{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch}.welcome-checkbox{justify-content:center}.pyodide-status .status-text{display:none}.pyodide-status{padding:6px}}.confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:9998;display:flex;align-items:center;justify-content:center}.confirm-modal{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 15px #0003;width:90%;max-width:400px;z-index:9999;overflow:hidden}.confirm-modal-header{padding:16px;font-size:1.1em;font-weight:600;border-bottom:1px solid var(--border-light)}.confirm-modal-body{padding:20px 16px;line-height:1.5}.confirm-modal-footer{padding:12px 16px;display:flex;justify-content:flex-end;gap:12px;background-color:var(--bg-secondary);border-top:1px solid var(--border-light)}.confirm-btn{padding:8px 16px;border:1px solid var(--border);border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .2s,border-color .2s}.confirm-btn.primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.confirm-btn.primary:hover{background-color:var(--primary-hover)}.confirm-btn.danger{background-color:#d9534f;color:#fff;border-color:#d9534f}.confirm-btn.danger:hover{background-color:#c9302c}.confirm-btn.secondary{background-color:var(--bg-primary);color:var(--text-primary)}.confirm-btn.secondary:hover{background-color:var(--bg-hover)}.confirm-modal-skip{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-light);font-size:.9em;color:var(--text-muted)}.confirm-modal-skip label{display:flex;align-items:center;gap:8px;cursor:pointer}.folder-item{margin:4px 0}.folder-header{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;background:var(--bg-secondary);border-radius:4px;transition:background .2s}.folder-header:hover{background:var(--bg-hover)}.folder-arrow{font-size:10px;width:12px}.folder-name{flex:1;font-weight:500}.folder-count{font-size:11px;color:var(--text-muted)}.folder-contents{margin-left:20px;margin-top:4px}.main.right-sidebar-collapsed .right-sidebar{width:0;min-width:0;padding:0;border-left:none;overflow:hidden}.editor-content.edit-mode .preview-pane,.editor-content.preview-mode .editor-pane{display:none}.editor-content.split-mode{display:flex}.editor-content.split-mode .editor-pane,.editor-content.split-mode .preview-pane{flex:1;min-width:0}.editor-content.split-mode .preview-pane{border-left:1px solid var(--border);margin-left:8px;padding-left:8px}.cm-wikilink{color:#4a90e2;text-decoration:none;background-color:#4a90e21a;border-bottom:1px dotted #4a90e2;padding:1px 2px;border-radius:3px}.cm-wikilink:hover{background-color:#4a90e233;text-decoration:underline}.cm-wikilink-broken{color:#d0021b;background-color:#d0021b1a;border-bottom:1px dotted #d0021b}.cm-wikilink-broken:hover{background-color:#d0021b33}.cm-wikilink-broken:hover .navigation-controls{display:flex;gap:4px;margin-left:16px}.cm-wikilink-broken:hover .nav-btn{padding:8px 10px}.cm-wikilink-broken:hover .nav-btn:disabled{opacity:.4;cursor:not-allowed;background-color:var(--surface);border-color:var(--border)}.cm-wikilink-broken:hover .nav-btn:disabled:hover{background-color:var(--surface);border-color:var(--border)}