:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}@keyframes btnPop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.btn-pop{animation:btnPop .18s ease-out}@media(prefers-reduced-motion:reduce){.btn-pop{animation:none}}.header{padding:1rem 1.5rem;background:#242424;border-bottom:1px solid #333;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;max-width:100%;overflow-x:hidden}.header h1{margin:0;font-size:1.25rem;font-weight:600}.rule-selector{display:flex;align-items:center;gap:.5rem}.rule-selector label{font-size:.9rem}.rule-selector input[type=number]{width:4rem;padding:.35rem .5rem;font-size:1rem;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:inherit}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.controls button{padding:.5rem 1rem;font-size:.9rem;border-radius:6px;border:1px solid #555;background:#333;color:inherit;cursor:pointer}.controls button:hover:not(:disabled){border-color:#646cff;background:#404050}.controls button:disabled{opacity:.6;cursor:not-allowed}.controls label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.row-viewer{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0}.row-viewer label{font-size:.9rem}.row-viewer .row-length-value{font-size:.85rem;font-family:monospace;padding:.1rem .25rem;border:1px solid #555;border-radius:4px;background:#1a1a1a}.grouping-row{flex-basis:100%;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0}.row-length-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;flex-basis:100%}.remove-from-left-right-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0}.start-index-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.row-viewer input[type=number]{width:4rem;padding:.35rem .5rem;font-size:1rem;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:inherit}.midi-controls{flex-basis:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:0}.midi-row-scale-select{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0}.scale-select{padding:.35rem .5rem;font-size:1rem;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:inherit;min-width:12rem;max-width:100%}.tempo-division-select{padding:.35rem .5rem;font-size:1rem;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:inherit;min-width:4.5rem;max-width:100%}.midi-row-notes-tempo,.midi-transpose-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0}.tempo-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem;min-width:0}.randomize-and-cycle-data{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.row-meta-value{font-size:.85rem;font-family:monospace;padding:.1rem .25rem;border:1px solid #555;border-radius:4px;background:#1a1a1a}.midi-row-output-send{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.notes-input{max-width:12rem;width:100%;min-width:0;padding:.35rem .5rem;font-size:1rem;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:inherit}.tempo-input{width:4rem;padding:.35rem .5rem;font-size:1rem;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:inherit}.transpose-btn{padding:.35rem .5rem;font-size:1rem;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.transpose-btn:hover{border-color:#646cff;background:#404050}.output-select{padding:.35rem .5rem;font-size:1rem;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:inherit;min-width:0;max-width:100%}.output-select:disabled{opacity:.7;cursor:not-allowed}.randomize-notes-button{padding:.5rem 1rem;font-size:.9rem;border-radius:6px;border:1px solid #555;background:#333;color:inherit;cursor:pointer}.randomize-notes-button:hover{border-color:#646cff;background:#404050}.graph-clear-button{padding:.5rem 1rem;font-size:.9rem;border-radius:6px;border:1px solid #b91c1c;background:#7f1d1d;color:#fff;cursor:pointer}.graph-clear-button:hover{border-color:#f87171;background:#991b1b}.send-midi-button{padding:.5rem 1rem;font-size:.9rem;border-radius:6px;border:1px solid #555;background:#333;color:inherit;cursor:pointer}.send-midi-button:hover:not(:disabled){border-color:#646cff;background:#404050}.send-midi-button:disabled{opacity:.6;cursor:not-allowed}.row-viewer .row-display{font-family:monospace;font-size:.85rem;padding:.35rem .5rem;max-width:min(300px,100%);max-height:3rem;overflow:auto;border:1px solid #555;border-radius:6px;background:#1a1a1a;white-space:nowrap;-webkit-user-select:text;user-select:text}.header2-visual{padding:.1rem 1.5rem;background:#242424;display:flex;flex-wrap:wrap;align-items:center;max-width:100%;overflow-x:hidden}.rule-visual-container{display:flex;align-items:flex-end;gap:0;padding:.25rem;margin-top:10px;margin-right:1.5rem;border:1px solid #555;border-radius:6px;background:#1a1a1a;flex-shrink:0;width:fit-content}.rule-visual-segment{display:flex;flex-direction:column;align-items:center;border-right:1px solid #555;padding:0 2px}.rule-visual-segment:last-child{border-right:none}.rule-visual-top{display:flex;gap:0}.rule-visual-bottom{display:flex;justify-content:center}.rule-visual-container .cell{width:14px;height:14px;min-width:14px;min-height:14px;border:1px solid #555}.header2-container{display:flex;flex-wrap:wrap;align-items:center;column-gap:1rem;row-gap:0;min-width:0}.rule-container{display:flex;align-items:center;gap:.5rem}.main{flex:1;min-height:0;display:flex;justify-content:center;padding:1rem;overflow:auto}.scroll-inner{display:inline-block;padding-left:50vw;padding-right:50vw;min-width:100%}.grid-container{display:inline-block;width:min-content;overflow:visible}.grid{display:flex;flex-direction:column;gap:0;width:fit-content}.grid-row{display:flex;flex-wrap:nowrap;justify-content:center}.cell{width:6px;height:6px;min-width:6px;min-height:6px;box-sizing:border-box}.cell-off{background:#1a1a1a}.cell-on{background:#e0e0e0}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#f5f5f5}.header{background:#fff;border-bottom-color:#ddd}.rule-selector input[type=number],.row-viewer input[type=number],.notes-input,.scale-select,.tempo-division-select,.tempo-input,.transpose-btn,.output-select{background:#f9f9f9;border-color:#ccc}.send-midi-button{background:#f0f0f0;border-color:#ccc}.send-midi-button:hover:not(:disabled){background:#e5e5ff;border-color:#646cff}.randomize-notes-button{background:#f0f0f0;border-color:#ccc}.randomize-notes-button:hover{background:#e5e5ff;border-color:#646cff}.graph-clear-button{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.graph-clear-button:hover{background:#fecaca;border-color:#f87171}.row-viewer .row-display,.row-meta-value{background:#f9f9f9;border-color:#ccc}.controls button{background:#f0f0f0;border-color:#ccc}.controls button:hover:not(:disabled){background:#e5e5ff;border-color:#646cff}.cell-off{background:#f5f5f5}.cell-on{background:#222}.rule-visual-container{background:#f9f9f9;border-color:#ccc}.rule-visual-segment{border-right-color:#ccc}.rule-visual-container .cell{border-color:#ccc}}@media(max-width:480px){.header,.header2-visual{padding-left:.75rem;padding-right:.75rem}.row-viewer .row-display{max-width:100%}}.toolbox-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .4rem;padding:.5rem 1.25rem;background:#1a1a1a;border-bottom:1px solid #333;position:sticky;top:0;z-index:100}.toolbox-nav-link{color:#ffffffd9;text-decoration:none;font-size:.95rem;padding:.35rem .5rem;border-radius:6px}.toolbox-nav-link:hover{background:#333;color:#fff}.toolbox-nav-link.active{background:#333;color:#a5b4fc}.rhythm-textarea{width:100%;max-width:min(100%,36rem);min-height:4rem;padding:.4rem .5rem;font-family:ui-monospace,monospace;font-size:.9rem;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:inherit;resize:vertical}.home-midi-panel>label[for=main-rhythm-input]{width:100%;margin-top:.25rem}.send-to-main-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem}.send-to-main-button{padding:.45rem .75rem;font-size:.9rem;border-radius:6px;border:1px solid #555;background:#333;color:inherit;cursor:pointer}.send-to-main-button:hover:not(:disabled){border-color:#646cff;background:#404050}.send-to-main-button:disabled{opacity:.55;cursor:not-allowed}.send-notes-to-main-updown{align-self:center}.updown-global-fields{flex-direction:column;align-items:stretch}.scale-preset-row{align-items:center;width:100%;margin-bottom:.15rem}.scale-preset-row .scale-select{flex:1;min-width:min(100%,12rem);max-width:100%}.field-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0;flex-basis:100%}.field-row label{font-size:.9rem;min-width:5.5rem}.text-input{padding:.35rem .5rem;font-size:1rem;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:inherit}.scale-input-wide{flex:1;min-width:min(100%,18rem);max-width:100%}.narrow-num{width:5rem}.updown-ops-section{flex-direction:column;align-items:stretch}.section-hint{margin:0 0 .5rem;font-size:.85rem;color:#ffffffa6;max-width:48rem}.operation-table-wrap{overflow-x:auto;width:100%}.operation-table{border-collapse:collapse;font-size:.85rem;width:100%;max-width:100%}.operation-table th,.operation-table td{border:1px solid #555;padding:.35rem .5rem;text-align:left;vertical-align:middle}.operation-table th{background:#1a1a1a;font-weight:600;white-space:nowrap}.table-input{width:100%;min-width:4rem;max-width:8rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.operation-table .col-remove{width:2.75rem;text-align:center;vertical-align:middle}.row-remove-btn{display:inline-flex;align-items:center;justify-content:center;padding:.3rem;min-width:2rem;min-height:2rem;border-radius:6px;border:1px solid #555;background:#333;color:#ffffffd9;cursor:pointer}.row-remove-btn:hover:not(:disabled){border-color:#f87171;background:#404040;color:#fca5a5}.row-remove-btn:disabled{opacity:.35;cursor:not-allowed}.row-remove-icon{display:block;flex-shrink:0}.row-actions{margin-top:.75rem}.updown-output-section{flex-direction:column;align-items:stretch}.output-header-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:.75rem 1.25rem;margin-bottom:.35rem}.output-label{font-size:.9rem;margin-bottom:0}.output-range-group{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.output-stat{display:flex;align-items:center;gap:.4rem}.output-stat-label{font-size:.9rem}.output-stat-value{font-family:ui-monospace,monospace;font-size:.85rem;padding:.1rem .35rem;border:1px solid #555;border-radius:4px;background:#1a1a1a;min-width:2.25rem;text-align:center}.output-textarea{width:100%;max-width:100%;min-height:10rem;padding:.5rem .65rem;font-family:ui-monospace,monospace;font-size:.85rem;line-height:1.4;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:inherit;resize:vertical}.apply-error{margin:0 0 .5rem;color:#f87171;font-size:.9rem}.graph-page .header2-visual{display:block;padding:.75rem 1rem;background:transparent;max-width:none;overflow:visible}.graph-page .header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;width:100%;max-width:calc(1200px + 2rem);margin:0 auto;padding-left:1rem;padding-right:1rem}.graph-page .header2-container{max-width:1200px;margin:0 auto;width:100%;min-width:0}.graph-page .header2-container:not(.graph-controls-row){display:block}.graph-page .header2-container.graph-controls-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem}.graph-page .field-label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#bbb}.graph-page .graph-scale-preset-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem}.graph-page .graph-notes-meta-label{font-size:.85rem;color:#bbb}.graph-select{min-width:12rem;padding:.35rem .5rem;border-radius:6px;border:1px solid #555;background:#1a1a1a;color:inherit}.graph-num-input{width:4.5rem;padding:.35rem;border-radius:6px;border:1px solid #555;background:#1a1a1a;color:inherit}.graph-num-input.wide-cap{width:min(100%,9rem)}button.controls{padding:.5rem 1rem;font-size:.9rem;border-radius:6px;border:1px solid #555;background:#333;color:inherit;cursor:pointer}button.controls.primary-send{background:#1e6b3a;border-color:#2a9952}button.controls:hover:not(:disabled){border-color:#646cff;background:#404050}button.controls.primary-send:hover:not(:disabled){background:#258547;border-color:#34a85f}.graph-action-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;flex:1 1 auto;width:100%;min-width:min(100%,17rem)}.graph-action-buttons>button.controls{margin:0}.edge-hint-inline{margin:0 0 0 auto;flex:1 1 12rem;max-width:min(28rem,100%);text-align:right;color:#9cf;font-size:.9rem;line-height:1.35}.graph-svg-wrap{padding:0 1rem 1.25rem;width:100%;max-width:min(1230px,calc(100vw - 2rem));margin:0 auto}.graph-svg{width:100%;height:auto;display:block;border-radius:8px;touch-action:none}.edge-hint{margin:0 1rem .5rem;color:#9cf;font-size:.9rem}.section-title{margin:0 0 .75rem;font-size:1rem}.subsection-title{margin:1rem 0 .5rem;font-size:.95rem;color:#ff8}.matrix-title{margin-top:1.25rem}.matrix-wrap{overflow:auto;max-width:100%}.adj-matrix-table{border-collapse:collapse;font-size:.8rem}.adj-matrix-table th,.adj-matrix-table td{border:1px solid #444;padding:.25rem .5rem;text-align:center}.adj-matrix-table th{background:#2a2a2a}.midi-note-grid{display:flex;flex-wrap:wrap;gap:.75rem}.midi-note-field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.midi-note-field input{width:5rem;padding:.35rem;border-radius:6px;border:1px solid #555;background:#1a1a1a;color:inherit}.graph-page .output-label{display:block;margin-top:.75rem;margin-bottom:.35rem}.output-textarea.mono{max-width:56rem;background:#121212;color:#e0e0e0}.stat-text{margin:.25rem 0;color:#aaa}.warn-text{color:#fa9;margin:0 0 .5rem}.path-lines-hint{margin:0 0 .5rem;font-size:.8rem;color:#888}.path-lines-scroll{max-width:56rem;max-height:min(50vh,28rem);overflow-y:auto;border:1px solid #555;border-radius:6px;background:#121212}.path-lines-empty{margin:0;padding:.75rem 1rem;color:#777;font-size:.9rem}.path-lines-list{margin:0;padding:0;list-style:none}.path-lines-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem;border-bottom:1px solid #2a2a2a;cursor:grab;-webkit-user-select:none;user-select:none}.path-lines-item:last-child{border-bottom:none}.path-lines-item:active{cursor:grabbing}.path-lines-item-dragover{box-shadow:inset 0 3px #646cff;background:#1a1f2e}.path-lines-grip{flex:0 0 auto;color:#555;font-family:monospace;letter-spacing:-.05em;font-size:.85rem}.path-lines-code{flex:1 1 auto;min-width:0;font-family:ui-monospace,monospace;font-size:.85rem;color:#e0e0e0;white-space:pre-wrap;word-break:break-all}.rhythm-comp-list .path-lines-item,.rhythm-comp-list .path-lines-item:active{cursor:pointer}.rhythm-comp-item-selected{background:#1a2f4a;box-shadow:inset 3px 0 #646cff}.rhythm-compositions-page .header2-container{max-width:56rem}.rhythm-compositions-page .rhythm-displays-stack{flex:1 1 100%;width:100%;min-width:0;display:flex;flex-direction:column;gap:.25rem}.rhythm-compositions-page .header2-container>.rhythm-side-label-row{flex:1 1 100%;width:100%;box-sizing:border-box}.rhythm-side-label-row{display:flex;flex-direction:row;align-items:flex-start;gap:.75rem 1rem;margin:.75rem 0;max-width:100%}.rhythm-side-label-row .path-lines-scroll,.rhythm-side-label-row .rhythm-selected-display{flex:1 1 auto;min-width:0;margin:0;max-width:none}.rhythm-compositions-row{align-items:stretch}.rhythm-side-label{flex:0 0 auto;margin:0;padding-top:.5rem;font-size:.9rem;color:#bbb;white-space:nowrap}.rhythm-compositions-row .rhythm-side-label{padding-top:.75rem}.rhythm-selected-display{min-height:2.5rem;padding:.65rem .75rem;border:1px solid #555;border-radius:6px;background:#121212}.rhythm-selected-display .path-lines-code{display:block}.traversal-hint{flex:1 1 14rem;margin:0;font-size:.8rem;color:#999;line-height:1.35}.traversal-hint strong{color:#bbb}.morse-rhythm-page .header2-container{max-width:56rem}.morse-preset-row{margin-bottom:.75rem}.morse-preset-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#ddd;cursor:pointer}.morse-gap-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.35rem;flex-basis:100%}.morse-gap-label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#bbb;min-width:10rem;cursor:pointer}.morse-gap-duration{width:4.5rem}.morse-text-input{min-height:4rem}.morse-readout{min-height:2.5rem;margin-bottom:.75rem;padding:.65rem .75rem;border:1px solid #555;border-radius:6px;background:#121212;max-width:56rem;flex-basis:100%}.morse-readout .path-lines-code{display:block}.morse-rhythm-output-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem 1.25rem;margin-top:.75rem}.morse-rhythm-output-row .output-label{margin:0}.morse-group-control{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.morse-rhythm-stats{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem;margin-left:auto}.morse-rhythm-display{font-family:ui-monospace,monospace;font-size:.85rem}@media(prefers-color-scheme:light){.toolbox-nav{background:#f0f0f0;border-bottom-color:#ddd}.toolbox-nav-link{color:#213547}.toolbox-nav-link:hover,.toolbox-nav-link.active{background:#e5e5e5}.rhythm-textarea,.text-input,.output-textarea,.output-stat-value{background:#f9f9f9;border-color:#ccc}.section-hint{color:#213547b3}.apply-error{color:#b91c1c}.operation-table th{background:#f0f0f0}.operation-table th,.operation-table td{border-color:#ccc}.row-remove-btn{background:#f0f0f0;border-color:#ccc;color:#374151}}.take2-page .header2-visual{display:block;padding:1rem 1.5rem;border-bottom:1px solid #2a2a2a;max-width:100%;overflow-x:hidden}.take2-page .header{width:100%;max-width:calc(1100px + 3rem);margin:0 auto}.take2-page .header2-container{display:flex;flex-direction:column;gap:.85rem;background:#242424;border:1px solid #333;border-radius:10px;padding:1rem 1.25rem;max-width:1100px;margin:0 auto}.take2-page .seq-row{display:flex;align-items:center;align-self:stretch;gap:.75rem;flex-wrap:wrap}.take2-page .seq-row .send-to-main-button{flex-shrink:0;margin-left:auto}.take2-page .seq-label{font-size:.9rem;white-space:nowrap;min-width:8.5rem}.take2-page .seq-input{flex:1 1 320px;min-width:0;max-width:100%}.take2-page .param-input{width:6rem}.take2-page .replace-input{flex:1 1 12rem;min-width:0;max-width:100%}.take2-page .param-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}.take2-page .param-row.center{justify-content:center}.take2-page .param-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;white-space:nowrap}.take2-page .btn-row{display:flex;flex-wrap:wrap;gap:.6rem}.take2-page .btn-row.center{justify-content:center}.take2-page .controls-btn{padding:.5rem .9rem;font-size:.88rem;border-radius:6px;border:1px solid #555;background:#333;color:inherit;cursor:pointer;white-space:normal;max-width:100%}.take2-page .controls-btn:hover:not(:disabled){border-color:#646cff;background:#404050}.take2-page .controls-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.take2-page .seq-row{flex-direction:column;align-items:stretch}.take2-page .seq-label{min-width:0}.take2-page .seq-input{flex:0 0 auto;width:100%}.take2-page .seq-row .send-to-main-button{margin-left:0;width:100%}.take2-page .param-row{flex-direction:column;align-items:stretch}.take2-page .param-label{display:flex;justify-content:space-between;width:100%}.take2-page .param-input{width:auto;flex:0 0 8rem}.take2-page .replace-input{flex:1 1 8rem}}.tutorial-link{flex-shrink:0;padding:.35rem .75rem;font-size:.9rem;border:1px solid #555;border-radius:6px;background:#333;color:inherit;text-decoration:none}.tutorial-link:hover{border-color:#646cff;background:#404050}.tutorial-page .header2-container{max-width:70ch}.tutorial-toc{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #333}.tutorial-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.tutorial-toc a{color:#a5b4fc;text-decoration:none;font-size:.95rem}.tutorial-toc a:hover{text-decoration:underline}.tutorial-section{scroll-margin-top:5rem;margin-bottom:2rem;overflow-wrap:break-word}.tutorial-section a{overflow-wrap:anywhere;word-break:break-word}.tutorial-section h2{font-size:1.15rem;margin:0 0 .5rem}.tutorial-section h3{font-size:1rem;margin:1rem 0 .5rem}.tutorial-section p{margin:0 0 .75rem}.tutorial-section ul{margin:0 0 .75rem;padding-left:1.25rem}.tutorial-section li{margin-bottom:.4rem}.tutorial-section code{font-family:ui-monospace,monospace;font-size:.85em;padding:.05rem .3rem;border-radius:4px;background:#1a1a1a;border:1px solid #555}.tutorial-mono-list{list-style:none;padding-left:0}@media(prefers-color-scheme:light){.tutorial-link{background:#f0f0f0;border-color:#ccc}.tutorial-link:hover{background:#e5e5ff;border-color:#646cff}.tutorial-toc{border-bottom-color:#ddd}.tutorial-toc a{color:#4f46e5}.tutorial-section code{background:#f9f9f9;border-color:#ccc}}