*,*:before,*:after{transition:color .3s,background .3s;box-sizing:border-box;margin:0}body{--color-primary: #4a90d9;--color-primary-light: hsl(211, 65%, 75%);--color-danger: #e74c3c;--color-success: #27ad60;--color-info: #2980b9;--color-text: #333;--color-text-muted: #5a5a5a;--color-text-light: #fff;--color-bg-canvas: #f2ffed;--color-bg-canvas-dark: rgba(0,0,0,.15);--color-bg-sidebar: #fdf6e3;--color-bg-sidebar-secondary: #eee7d5;--color-border: #ddd;--color-border-strong: black;--color-rule: rgb(116, 116, 116);--color-bg-surface: #fff;--color-bg-surface-hover: #e8f0fe;--color-bg-overlay: rgba(0,0,0,.5);--color-visited: #a71fa3;--font-sans: "Helvetica";--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 15px}body.dark{--color-primary: #5a9fd4;--color-primary-light: hsl(211, 50%, 90%);--color-danger: #e74c3c;--color-success: hsl(145, 63%, 29%);--color-info: #3498db;--color-text: #d4d4d4;--color-text-muted: #9a9a9a;--color-text-light: #fff;--color-bg-canvas: #1a1f2e;--color-bg-canvas-dark: rgba(255,255,255,.08);--color-bg-sidebar: #1e2433;--color-bg-sidebar-secondary: #272d3d;--color-border: #3a3f4b;--color-border-strong:#ddd;--color-rule: rgb(80,80,80);--color-bg-surface: #232838;--color-bg-surface-hover: #2a3148;--color-bg-overlay: rgba(0,0,0,.7);--color-visited: pink}#root{min-height:100vh}.canvas{background:var(--color-bg-canvas);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpBAMAAADLrBAJAAAAElBMVEW9vb2SkpK9vb29vb2+vr69vb3CFyyWAAAABnRSTlM+B2AzHE0R53HmAAAAdklEQVR4AWNgECQDMjAZK4GgiRKEdobQqsYQOgirrAKDMEFlmLIG5Okiz4U4dY36a9RfIqEuJEOHkRZfo/4a9Rd5OWXExdeov0b9xepCelYJGGnxNeqvUX+Rl1PI89dofI36a7SfMhpfo/4a7aeM9lNG/TXqLwCwpddSj5lJkwAAAABJRU5ErkJggg==);background-repeat:repeat;flex:1;min-width:0;z-index:2}.canvasPlaceholder{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;color:var(--color-text-muted)}.backendOffline{background:#fff3cd;color:#856404;padding:var(--spacing-sm) var(--spacing-md);font-size:13px;text-align:center;border-bottom:1px solid #ffc107}.appRoot{width:100vw;height:100vh;display:flex;flex-direction:column;font-family:var(--font-sans)}.mainArea{flex:1;display:flex;overflow:hidden}.canvasColumn{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.snapshotBanner{padding:var(--spacing-sm) var(--spacing-md);background:#fff3cd;border-bottom:1px solid #ffc107;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#856404}.snapshotBannerButton{padding:var(--spacing-xs) 12px;background:#ffc107;color:#856404;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-size:13px}.notebookHeader{padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.notebookHeaderLabel{color:var(--color-text-muted)}.notebookClearButton{background:none;border:none;color:#aaa;cursor:pointer;font-size:12px}.notebookScroll{flex:1;overflow-y:auto}.notebookEmpty{padding:var(--spacing-lg) var(--spacing-md);color:#bbb;font-size:13px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn{padding:var(--spacing-xs) var(--spacing-sm);border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text);cursor:pointer;font-weight:400;white-space:nowrap}.btn.active,.btn.active:hover{background:var(--color-primary);color:var(--color-text-light);font-weight:700}.btn:hover{border-bottom:4px solid var(--color-border-strong);transition:border-bottom .1s,border-right .1s}.btn:active{border-bottom:1px solid black}.modal{background:var(--color-bg-sidebar);color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0003}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-header{padding:14px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-sidebar-secondary);display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-title{font-weight:700;font-size:20px}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-md) 20px}.modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--color-text-muted);padding:0 var(--spacing-xs)}@media(max-width:900px){.mainArea{flex-direction:column}.canvasColumn{min-height:0}.sidebar{width:100%!important;height:40vh;border-left:none;border-top:1px solid var(--color-border)}.sidebar-drag-handle{display:none}.menu-bar-hamburger{display:flex;align-items:center;background:none;border:none;font-size:20px;cursor:pointer;padding:var(--spacing-sm);color:var(--color-text)}.menu-bar-file-ops{display:none;position:absolute;top:100%;left:0;background:var(--color-bg-sidebar);border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:100;flex-direction:column;min-width:160px;overflow:hidden;border-radius:10px}.menu-bar-file-ops.menu-open{display:flex}.menu-bar-file-ops .menu-bar-button{text-align:left;border-radius:10}.menu-bar-button{font-size:13px;padding:var(--spacing-xs) var(--spacing-xs)}.menu-bar-file-ops .menu-bar-filename{padding:var(--spacing-sm) var(--spacing-sm);border-bottom:1px solid var(--color-border);font-size:12px;width:auto;margin:0}.toolbar{flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.draw-hop-bar{flex-wrap:wrap;gap:var(--spacing-xs)}}@media(max-width:480px){.sidebar{position:fixed;inset:0;width:100%!important;height:100%;z-index:500;transform:translate(100%);border-left:none;border-top:none}.sidebar.sidebar-open{transform:translate(0);transition:transform .25s ease-out}.sidebar-button{font-size:18px;display:block}.sidebar-close-button{display:flex}.randomizer{position:fixed;top:90%;left:50%;transform:translate(-50%,-50%);z-index:1000}.modal{width:100vw;height:100vh;max-height:100vh;border-radius:0}.help-body{flex-direction:column}.help-toc{width:100%;flex-shrink:0;max-height:120px;overflow-x:auto;overflow-y:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs);border-right:none;border-bottom:1px solid var(--color-border)}.help-toc-row{flex-shrink:0}.library-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.control-panel{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.control-panel-title{color:var(--color-text);margin:0;font-size:14px}.control-panel-row{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.control-panel-label{color:var(--color-text);font-size:14px}.control-panel-input{width:50px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text);border-radius:var(--radius-sm)}.control-panel-elapsed{font-size:13px;color:var(--color-text-muted)}.control-panel-cancel{padding:3px 10px;background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.control-panel-error{padding:var(--spacing-sm);background:#fdecea;border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:#c0392b;font-size:13px}.compute-button{padding:6px 14px;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px}.compute-button:disabled{background:#95a5a6;cursor:default}.library-modal{width:640px;height:80vh}.library-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-bg-sidebar-secondary);color:var(--color-text);padding:var(--spacing-md) 20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.library-title{margin:0}.library-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-text);padding:var(--spacing-xs) var(--spacing-sm)}.library-tabs{display:flex;gap:0px;min-height:48px;overflow-x:auto;padding-top:12px}.library-tab{padding:var(--spacing-sm) 14px;border:none;border-bottom:2px solid transparent;background:none;color:var(--color-text);font-weight:400;font-size:13px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;min-width:90px}.library-tab.active{background:var(--color-primary);color:var(--color-text-light);font-weight:600;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.library-search-bar{padding:12px 20px;background:var(--color-primary);display:flex;gap:var(--spacing-sm);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.library-search-input{flex:1;padding:var(--spacing-sm) 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-bg-surface);font-size:14px}.library-grid-container{overflow-y:auto;padding:12px 20px}.library-empty{color:var(--color-text-muted);text-align:center;padding:var(--spacing-lg)}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.graph-card{border:1px solid var(--color-border);background:var(--color-bg-surface);border-radius:6px;padding:12px;cursor:pointer;transition:border-color .15s}.graph-card:hover{border-color:var(--color-primary)}.graph-card-name{font-weight:700;color:var(--color-text);margin-top:var(--spacing-sm)}.graph-card-info{font-size:13px;color:var(--color-text-muted)}.graph-card-tags{margin-top:var(--spacing-xs);display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.graph-card-tag{font-size:11px;background:#e8f0fe;color:#3367d6;padding:2px 6px;border-radius:3px}.mini-preview{width:100%;height:80px;display:block}.mini-preview-line{stroke:var(--color-text);marker-end:"url(#arrowhead)"}.notebook-entry{padding:10px 14px;border-bottom:1px solid var(--color-border);position:relative}.notebook-entry-dismiss{position:absolute;top:8px;right:8px;background:none;border:none;color:#bbb;cursor:pointer;font-size:14px;padding:0 var(--spacing-xs);line-height:1}.entry-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;padding-right:20px}.entry-header-title{color:var(--color-text);font-weight:700;font-size:13px}.entry-header-see-graph{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:11px;margin-left:6px;padding:0;text-decoration:underline}.entry-header-meta{font-size:11px;color:#aaa}.entry-body-unknown{font-size:13px;color:var(--color-text-muted)}.leap-group-body{display:flex;flex-direction:column;gap:var(--spacing-xs)}.leap-group-structure{padding:6px var(--spacing-sm);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;color:var(--color-text)}.leap-group-order{font-size:12px;color:var(--color-text-muted)}.hops-body{display:flex;flex-direction:column;gap:var(--spacing-xs)}.hops-body-count{font-size:12px;color:var(--color-text-muted)}.hops-body-empty{font-size:13px;color:var(--color-text-muted);font-style:italic}.hops-body-toggle{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-primary);cursor:pointer;font-size:12px}.hop-item{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;cursor:default;transition:border-color .15s,background .15s}.hop-item.selected{background:#e8f0fe;border-color:var(--color-primary)}.hop-item-cycle{flex:1}.hop-item-perform{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:13px;padding:0 var(--spacing-xs)}.hop-item-pin{background:none;border:none;color:#aaa;cursor:pointer;font-size:11px;padding:0 var(--spacing-xs)}.working-leap{padding:12px var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-sidebar-secondary)}.working-leap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.working-leap-title{font-size:16px;color:var(--color-text-muted)}.working-leap-actions{display:flex;gap:6px}.working-leap-save{background:none;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-sm);padding:2px var(--spacing-sm);cursor:pointer;font-size:11px}.working-leap-reset{background:none;border:1px solid #aaa;color:var(--color-text-muted);border-radius:var(--radius-sm);padding:2px var(--spacing-sm);cursor:pointer;font-size:11px}.working-leap-perm{font-family:var(--font-mono);font-size:15px;padding:6px var(--spacing-sm);background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.working-leap-count{font-size:12px;color:#666;margin-top:var(--spacing-xs)}.working-leap-history{margin-left:6px;font-family:var(--font-mono)}.working-leap-empty{font-size:12px;color:#aaa;font-style:italic}.saved-leaps{margin-top:var(--spacing-sm)}.saved-leaps-title{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.saved-leap-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-sm);margin-bottom:3px;font-size:12px}.saved-leap-name{cursor:pointer;color:var(--color-primary);flex:1}.saved-leap-cycle{font-family:var(--font-mono);color:var(--color-text-muted);font-size:11px;margin-right:var(--spacing-sm)}.saved-leap-delete{background:none;border:none;color:#ccc;cursor:pointer;font-size:12px;padding:0 2px}.hop-palette{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.hop-palette-header{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:6px}.hop-palette-item{display:flex;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-sm);background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-sm);margin-bottom:3px;font-size:12px;cursor:default;transition:border-color .15s,background .15s}.hop-palette-item.selected{background:#e8f0fe;border-color:var(--color-primary)}.hop-palette-cycle{font-family:var(--font-mono);flex:1}.hop-palette-source{font-size:10px;color:#aaa;font-style:italic}.hop-palette-perform{background:none;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:3px;padding:1px 6px;font-size:10px}.hop-palette-perform.compatible{cursor:pointer}.hop-palette-perform.incompatible{cursor:not-allowed}.hop-palette-remove{background:none;border:none;color:#ccc;cursor:pointer;font-size:12px;padding:0 2px}.toast-container{position:absolute;top:0;left:0;right:0;z-index:100;display:flex;flex-direction:column;align-items:center;pointer-events:none}.toast{margin:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:6px;font-size:13px;font-weight:500;pointer-events:auto;cursor:pointer;box-shadow:0 2px 8px;animation:slideDown .2s ease-out}.toast-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.toast-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.toast-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.randomizer{position:absolute;top:250%;left:10px;padding:10px;border-radius:var(--radius-lg);background:var(--color-bg-sidebar-secondary);border:2px solid black;box-shadow:5px 8px 3px #0003}.randomizer-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-bg-sidebar-secondary);color:var(--color-text);padding:var(--spacing-xs) 0px;display:flex;justify-content:space-between;align-items:center}.randomizer-buttons{display:flex;align-items:end;justify-content:center;font-size:12px;height:35px}.randomizer-label{color:var(--color-text);font-size:16px}.randomizer-input{font-size:12px;margin:4px}.randomizer-button{width:150px;margin:4px}.menu-bar{padding:0;display:flex;align-items:center;background:var(--color-bg-sidebar);box-shadow:0 5px 5px var(--color-bg-canvas-dark);z-index:3;position:relative}.menu-bar-button{padding:var(--spacing-sm) var(--spacing-sm);border:2px solid transparent;border-radius:0;color:var(--color-text);background:var(--color-bg-sidebar);cursor:pointer}.menu-bar-button:hover{border-bottom:2px solid var(--color-primary);transition:border-bottom .5s;color:var(--color-primary)}.menu-bar-filename{width:100px;margin-left:12px;margin-top:10px;color:var(--color-text-muted);font-size:14px;border-right:1px solid var(--color-border)}.menu-bar-left{display:flex;white-space:nowrap}.menu-bar-right{display:flex;flex-direction:row-reverse;align-items:end;width:100%;height:100%}.segment-button{padding:var(--spacing-xs);border:1px solid black;background:#fff;color:#555;cursor:pointer;font-weight:400}.segment-button.active{background:var(--color-primary);border:2px solid black;color:#fff;cursor:default;font-weight:700}.segment-button-left{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none}.segment-button-right{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.theme-button{display:flex;border:2px solid transparent;border-radius:0;color:var(--color-text);background:var(--color-bg-sidebar);cursor:pointer}.theme-button:hover{border-bottom:2px solid var(--color-primary);transition:border-bottom .5s;color:var(--color-primary)}.sidebar-button{display:none}.sidebar-close-button{display:none;position:absolute;left:95%;top:7px}.menu-bar-hamburger{display:none}.menu-bar-file-ops{display:contents}.sidebar{flex-shrink:0;border-left:1px solid var(--color-border);display:flex;flex-direction:column;background:var(--color-bg-sidebar);box-shadow:0 5px 5px var(--color-bg-canvas-dark);color:#000;position:relative;z-index:3}.sidebar-drag-handle{position:absolute;left:-5px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:10}.sidebar-drag-handle:hover{background-color:var(--color-border);transition:background-color .2s;transition-delay:.1s}.draw-hop-bar{padding:0;display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px}.draw-hop-bar-label{color:var(--color-success);font-weight:700}.draw-hop-bar-status{color:var(--color-text)}.draw-hop-bar-undo{padding:3px 10px;background:var(--color-bg-surface);color:var(--color-text);border:1px solid #aaa;border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.draw-hop-bar-verify{padding:3px 10px;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.draw-hop-bar-perform{padding:3px 10px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.draw-hop-bar-cancel{padding:3px 10px;background:#fff;color:var(--color-text);border:1px solid #ccc;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;margin-left:auto}.toolbar{padding:var(--spacing-sm) 12px;display:flex;background:var(--color-bg-canvas);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpBAMAAADLrBAJAAAAElBMVEW9vb2SkpK9vb29vb2+vr69vb3CFyyWAAAABnRSTlM+B2AzHE0R53HmAAAAdklEQVR4AWNgECQDMjAZK4GgiRKEdobQqsYQOgirrAKDMEFlmLIG5Okiz4U4dY36a9RfIqEuJEOHkRZfo/4a9Rd5OWXExdeov0b9xepCelYJGGnxNeqvUX+Rl1PI89dofI36a7SfMhpfo/4a7aeM9lNG/TXqLwCwpddSj5lJkwAAAABJRU5ErkJggg==);background-repeat:repeat;gap:var(--spacing-sm);align-items:center}.toolbar-spacer{flex:1}.settings-button{display:flex;align-items:end;height:30px;padding-bottom:1px}.settings-icon{font-size:20px;padding:0 5px}.settings-modal{width:380px}.settings-header{padding:14px 20px;border-bottom:1px solid #e0e0e0;background:var(--color-bg-sidebar-secondary);display:flex;justify-content:space-between;align-items:center}.settings-title{font-weight:700;font-size:20px}.settings-body{padding:var(--spacing-md) 20px;display:flex;flex-direction:column;gap:18px}.settings-section-title{font-size:14px;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.settings-layout-buttons{display:flex;align-items:center;height:40px;flex-wrap:wrap;gap:6px}.settings-display-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;cursor:pointer}.settings-index-options{display:flex;gap:12px}.settings-index-option{display:flex;align-items:flex-start;gap:6px;cursor:pointer;flex:1;padding:var(--spacing-sm) 10px;border-radius:6px;border:1px solid black;background:#fff;transition:border-color .15s,background .15s}.settings-index-option.active{border-color:var(--color-primary);background:#e8f0fe}.settings-index-radio{margin-top:2px}.settings-index-label{font-size:14px;font-weight:500}.settings-index-desc{font-size:11px;color:var(--color-text-muted);margin-top:2px}.settings-footer{padding:12px 20px;display:flex;justify-content:flex-end}.settings-done{padding:6px 20px;border-radius:var(--radius-sm);border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;font-size:13px;font-weight:700}.help-modal{width:min(1200px,90vw);height:80vh}.help-header{background:var(--color-bg-sidebar-secondary);box-shadow:0 5px 5px var(--color-bg-canvas-dark);color:var(--color-text);padding:var(--spacing-md) 20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;z-index:2}.help-body{display:flex;flex:1;overflow:hidden}.help-toc{width:200px;flex-shrink:0;border-right:1px solid var(--color-border);padding:var(--spacing-sm) 12px;overflow-y:auto;background:var(--color-bg-sidebar);box-shadow:0 5px 5px var(--color-bg-canvas-dark);z-index:3}.help-toc-item,.help-toc-item-active{width:100%;padding:var(--spacing-xs) var(--spacing-sm);text-align:left;font-size:16px;color:var(--color-text-muted);background:none;border:none}.help-toc-item:hover{background:var(--color-bg-sidebar-secondary)}.help-toc-item-active{border-left:3px solid var(--color-primary);transition:border-left .15s;font-weight:700;color:var(--color-primary)}.help-content{flex:1;color:var(--color-text);padding:var(--spacing-sm) 12px;overflow-y:auto;background:var(--color-bg-canvas);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpBAMAAADLrBAJAAAAElBMVEW9vb2SkpK9vb29vb2+vr69vb3CFyyWAAAABnRSTlM+B2AzHE0R53HmAAAAdklEQVR4AWNgECQDMjAZK4GgiRKEdobQqsYQOgirrAKDMEFlmLIG5Okiz4U4dY36a9RfIqEuJEOHkRZfo/4a9Rd5OWXExdeov0b9xepCelYJGGnxNeqvUX+Rl1PI89dofI36a7SfMhpfo/4a7aeM9lNG/TXqLwCwpddSj5lJkwAAAABJRU5ErkJggg==);background-repeat:repeat}.help-content h3{color:var(--color-primary);padding-top:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);margin-left:25px;border-bottom:1px solid var(--color-rule)}.help-content p{line-height:1.5;text-indent:12px;margin:0 50px}.frog-grid{background:#256b9078;border-radius:30px;padding:var(--spacing-sm);font-size:18px;border:4px solid brown;margin:var(--spacing-md) auto}.frog-grid th,.frog-grid td{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);background:var(--color-bg-canvas);box-shadow:0 5px 5px var(--color-bg-canvas-dark);border-radius:25px}.keyboard-shortcut-table{width:50%;border-collapse:collapse;margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);margin-left:75px;border:1px solid var(--color-border)}.keyboard-shortcut-table th,.keyboard-shortcut-table td{padding:10px;border:1px solid var(--color-border);background:var(--color-bg-sidebar);box-shadow:0 5px 5px var(--color-bg-canvas-dark)}.keyboard-shortcut-table th{background:var(--color-bg-sidebar-secondary)}kbd{font-family:var(--font-mono);font-size:.85em;padding:2px 6px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-bg-surface)}.help-blockquote{border:1px solid var(--color-border);width:80%;border-radius:var(--radius-lg);padding:var(--spacing-sm);margin:25px 75px;background:var(--color-bg-sidebar);box-shadow:0 5px 5px var(--color-bg-canvas-dark)}.help-content pre{margin:0;text-align:center;padding:var(--spacing-sm)}.help-table{font-size:12px}.help-content ul{margin-bottom:var(--spacing-sm);margin-left:50px}.help-content li{margin-bottom:var(--spacing-xs);line-height:1.5}.help-content a{color:var(--color-primary);text-decoration:underline;transition:color .15s,background .15s;cursor:pointer}.help-content a:hover{color:var(--color-primary-light);text-decoration:underline}.help-content a:visited{color:var(--color-visited)}