.sl-root{--sl-bg:#0c0d12a8;--sl-bg-solid:#0c0d12;--sl-line:#ffffff12;--sl-line-strong:#ffffff24;--sl-fg:#e6e8ee;--sl-fg-dim:#8b90a0;--sl-fg-faint:#5c6070;--sl-accent:#8fb8ff;--sl-accent-soft:#8fb8ff29;--sl-danger:#ff8a7a;--sl-serif:"Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sl-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sl-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color:var(--sl-fg);font:12px/1.4 var(--sl-sans);-webkit-user-select:none;user-select:none;contain:strict;background:#020203;outline:none;position:absolute;inset:0;overflow:hidden}.sl-root *,.sl-root :before,.sl-root :after{box-sizing:border-box}.sl-root .sl-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sl-root .sl-panel{background:var(--sl-bg);border:1px solid var(--sl-line);-webkit-backdrop-filter:blur(14px)saturate(1.2);border-radius:12px;box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff0a}.sl-root .sl-icon{flex:none;width:18px;height:18px;display:inline-flex}.sl-root .sl-icon svg{width:100%;height:100%}.sl-root .sl-title{pointer-events:none;align-items:baseline;gap:10px;display:flex;position:absolute;top:16px;left:18px}.sl-root .sl-title button.sl-title-name{all:unset;pointer-events:auto;cursor:pointer;font:italic 400 22px/1 var(--sl-serif);color:#f2f0ea;transition:color .15s}.sl-root .sl-title button.sl-title-name:hover{color:#fff;text-shadow:0 0 18px #bed2ff99}.sl-root .sl-title button.sl-title-name:focus-visible{outline:1px solid var(--sl-accent);outline-offset:3px;text-shadow:0 1px 12px #0009}.sl-root .sl-title-name{font:italic 400 22px/1 var(--sl-serif);letter-spacing:.01em;color:#f2f0ea}.sl-root .sl-title-sub{font:400 10px/1 var(--sl-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sl-fg-faint)}.sl-root .sl-palette{flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sl-root .sl-palette-btn{all:unset;color:var(--sl-fg-dim);cursor:grab;font:500 11px/1 var(--sl-sans);letter-spacing:.02em;border-radius:8px;align-items:center;gap:10px;padding:7px 10px 7px 8px;transition:background .15s,color .15s;display:flex}.sl-root .sl-palette-btn:hover{color:var(--sl-fg);background:#ffffff0d}.sl-root .sl-palette-btn:active{cursor:grabbing}.sl-root .sl-palette-btn:focus-visible{outline:1px solid var(--sl-accent)}.sl-root .sl-palette-btn{position:relative}.sl-root .sl-tip{border:1px solid var(--sl-line-strong);width:260px;color:var(--sl-fg-dim);font:400 11.5px/1.5 var(--sl-sans);white-space:normal;opacity:0;pointer-events:none;z-index:5;cursor:default;background:#0c0d12f0;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:50%;left:calc(100% + 14px);transform:translate(-4px,-50%);box-shadow:0 12px 40px #00000080}.sl-root .sl-palette-btn:hover .sl-tip,.sl-root .sl-palette-btn:focus-visible .sl-tip{opacity:1;transition-delay:.25s;transform:translateY(-50%)}.sl-root .sl-tip-title{font:italic 400 15px/1.2 var(--sl-serif);color:var(--sl-fg)}.sl-root .sl-tip-row b{font:500 9.5px/1 var(--sl-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sl-accent);margin-right:4px}.sl-root .sl-tip-foot{color:var(--sl-fg-faint);margin-top:2px;font-size:10.5px}.sl-root .sl-about{color:var(--sl-fg-faint);margin:-4px 0 6px;font-size:11.5px;line-height:1.5}.sl-root .sl-about-music{color:var(--sl-fg-dim)}.sl-root .sl-summary{cursor:pointer;margin-bottom:0;list-style:none}.sl-root .sl-summary::-webkit-details-marker{display:none}.sl-root .sl-summary:after{content:"+";color:var(--sl-fg-faint);margin-left:auto;font-size:13px}.sl-root details[open]>.sl-summary{margin-bottom:12px}.sl-root details[open]>.sl-summary:after{content:"−"}.sl-root .sl-summary-hint{text-transform:none;letter-spacing:0;font:400 10.5px/1 var(--sl-sans);color:var(--sl-fg-faint)}.sl-root .sl-help{border:1px solid var(--sl-line-strong);width:13px;height:13px;color:var(--sl-fg-faint);font:600 8.5px/1 var(--sl-sans);cursor:help;vertical-align:1px;border-radius:50%;place-items:center;margin-left:5px;display:inline-grid;position:relative}.sl-root .sl-help:hover,.sl-root .sl-help:focus-visible{color:var(--sl-fg);border-color:var(--sl-accent);outline:none}.sl-root .sl-help-tip{display:none}.sl-root .sl-float-tip{border:1px solid var(--sl-line-strong);width:230px;color:var(--sl-fg-dim);font:400 11.5px/1.45 var(--sl-sans);pointer-events:none;z-index:30;background:#0c0d12f7;border-radius:9px;padding:9px 11px;position:absolute;box-shadow:0 10px 30px #00000080}.sl-root .sl-float-tip[hidden]{display:none}.sl-root .sl-notes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sl-root .sl-note{font:500 10px/1 var(--sl-mono);color:#e8ecf5;white-space:nowrap;will-change:transform, opacity;background:#08090c8c;border:1px solid #ffffff14;border-radius:999px;padding:2px 5px;position:absolute;top:0;left:0}.sl-root .sl-chords{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sl-root .sl-chord{white-space:nowrap;background:#0a0b10b8;border:1px solid #ffdca073;border-radius:999px;align-items:baseline;gap:5px;padding:4px 9px;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 0 18px #ffd28c40}.sl-root .sl-chord-name{font:italic 500 16px/1 var(--sl-serif);color:#fff3dc}.sl-root .sl-chord-roman{font:500 9.5px/1 var(--sl-mono);letter-spacing:.08em;color:#ffe6beb3}.sl-root .sl-chord-notes{font:400 10px/1 var(--sl-mono);color:#fff0d7d9;border-left:1px solid #ffdca04d;padding-left:3px}.sl-root .sl-chord-notes:empty{display:none}.sl-root .sl-chord-pop{animation:.5s ease-out sl-chord-pop}@keyframes sl-chord-pop{0%{box-shadow:0 0 34px #ffdca0b3}}@media (prefers-reduced-motion:reduce){.sl-root .sl-chord-pop{animation:none}}.sl-root .sl-side{pointer-events:none;flex-direction:column;gap:10px;width:244px;display:flex;position:absolute;top:14px;bottom:44px;right:14px}.sl-root .sl-side>*{pointer-events:auto}.sl-root .sl-inspector,.sl-root .sl-globals{scrollbar-width:thin;padding:12px 14px 14px;overflow:visible auto}.sl-root .sl-inspector{flex:0 auto;min-height:0}.sl-root .sl-globals{flex:0 auto;min-height:0;margin-top:auto}.sl-root .sl-panel-title{font:500 10px/1 var(--sl-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sl-fg-dim);align-items:center;gap:8px;margin-bottom:12px;display:flex}.sl-root .sl-panel-title .sl-icon{width:16px;height:16px;color:var(--sl-fg)}.sl-root .sl-badge{border:1px solid var(--sl-line-strong);border-radius:999px;margin-left:auto;padding:3px 6px;font-size:9px}.sl-root .sl-badge[data-on=true]{color:#9ff0b8;border-color:#9ff0b84d}.sl-root .sl-hint{color:var(--sl-fg-faint);margin:0;font-size:11.5px;line-height:1.5}.sl-root .sl-field{margin-top:10px}.sl-root .sl-field-head{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.sl-root .sl-field-label{color:var(--sl-fg-dim);font-size:11px}.sl-root .sl-field-value{font:400 11px/1 var(--sl-mono);color:var(--sl-fg);font-variant-numeric:tabular-nums}.sl-root .sl-field-inline{justify-content:space-between;align-items:center;display:flex}.sl-root .sl-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}.sl-root .sl-range::-webkit-slider-runnable-track{background:var(--sl-line-strong);border-radius:2px;height:2px}.sl-root .sl-range::-moz-range-track{background:var(--sl-line-strong);border-radius:2px;height:2px}.sl-root .sl-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;box-shadow:0 0 0 3px var(--sl-accent-soft), 0 0 12px #8fb8ff73;background:#eef2ff;border-radius:50%;margin-top:-5px}.sl-root .sl-range::-moz-range-thumb{width:12px;height:12px;box-shadow:0 0 0 3px var(--sl-accent-soft), 0 0 12px #8fb8ff73;background:#eef2ff;border:0;border-radius:50%}.sl-root .sl-range:focus-visible{outline:none}.sl-root .sl-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #8fb8ff73}.sl-root .sl-seg{border:1px solid var(--sl-line);background:#ffffff09;border-radius:8px;gap:2px;padding:2px;display:flex}.sl-root .sl-seg-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sl-root .sl-seg-btn{all:unset;text-align:center;color:var(--sl-fg-dim);font:400 11px/1 var(--sl-mono);cursor:pointer;border-radius:6px;flex:1;padding:5px 4px;transition:background .15s,color .15s}.sl-root .sl-seg-btn:hover{color:var(--sl-fg)}.sl-root .sl-seg-btn[aria-pressed=true]{background:var(--sl-accent-soft);color:#dbe7ff}.sl-root .sl-seg-btn:focus-visible{outline:1px solid var(--sl-accent)}.sl-root .sl-toggle{appearance:none;background:var(--sl-line-strong);cursor:pointer;border-radius:999px;width:28px;height:16px;margin:0;transition:background .2s;position:relative}.sl-root .sl-toggle:after{content:"";background:#cfd5e4;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px}.sl-root .sl-toggle:checked{background:#8fb8ff80}.sl-root .sl-toggle:checked:after{background:#fff;transform:translate(12px)}.sl-root .sl-actions{gap:6px;margin-top:14px;display:flex}.sl-root .sl-btn{all:unset;text-align:center;border:1px solid var(--sl-line-strong);color:var(--sl-fg-dim);font:500 11px/1 var(--sl-sans);cursor:pointer;border-radius:8px;flex:1;padding:7px 8px;transition:background .15s,color .15s,border-color .15s}.sl-root .sl-btn:hover{color:var(--sl-fg);background:#ffffff0d}.sl-root .sl-btn:focus-visible{outline:1px solid var(--sl-accent)}.sl-root .sl-btn-danger:hover{color:var(--sl-danger);border-color:#ff8a7a66}.sl-root .sl-transport{border-radius:999px;align-items:center;gap:4px;padding:5px 8px 5px 5px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.sl-root .sl-tbtn{all:unset;width:30px;height:30px;color:var(--sl-fg-dim);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.sl-root .sl-tbtn .sl-icon{width:16px;height:16px}.sl-root .sl-tbtn:hover{color:var(--sl-fg);background:#ffffff12}.sl-root .sl-tbtn:focus-visible{outline:1px solid var(--sl-accent)}.sl-root .sl-play{color:#0b0c10;background:linear-gradient(135deg,#f6f2e8,#cfd8ff);width:36px;height:36px;box-shadow:0 0 18px #bed2ff59}.sl-root .sl-play:hover{color:#000;background:linear-gradient(135deg,#fff,#dfe6ff)}.sl-root .sl-pos-wrap,.sl-root .sl-le-phase-wrap{align-items:center;gap:7px;display:inline-flex}.sl-root .sl-pos{width:120px}.sl-root .sl-le-phase{width:110px}.sl-root .sl-pos-label,.sl-root .sl-le-phase-label{min-width:44px;font:400 10.5px/1 var(--sl-mono);color:var(--sl-fg-dim);white-space:nowrap}.sl-root .sl-tbtn-label{width:auto;font:500 11px/1 var(--sl-sans);gap:5px;padding:0 9px}.sl-root .sl-tbtn[hidden]{display:none}.sl-root .sl-tbtn:disabled{opacity:.3;cursor:default}.sl-root .sl-restore{color:#ffe2a8;border:1px solid #ffe2a859}.sl-root .sl-simple{opacity:.55}.sl-root .sl-simple.sl-on{opacity:1;color:#ffe2a8}.sl-root .sl-uisnd{opacity:.4}.sl-root .sl-uisnd.sl-on{opacity:1;color:#ffe2a8}.sl-root .sl-play.sl-on{box-shadow:0 0 24px #bed2ff99}.sl-root .sl-rec{color:#e0806f}.sl-root .sl-rec.sl-busy{cursor:progress;animation:1.2s ease-in-out infinite sl-pulse}@keyframes sl-pulse{50%{opacity:.35}}.sl-root .sl-sep{background:var(--sl-line-strong);width:1px;height:18px;margin:0 6px}.sl-root .sl-beats{gap:5px;margin:0 6px 0 8px;display:flex}.sl-root .sl-beat{opacity:.22;background:#cfe0ff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #bed2ffcc}.sl-root .sl-select{appearance:none;color:var(--sl-fg);font:italic 400 15px/1 var(--sl-serif);cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238b90a0' fill='none'/%3E%3C/svg%3E") right 8px center no-repeat;border:0;border-radius:8px;padding:6px 26px 6px 8px}.sl-root .sl-select:hover{background-color:#ffffff0d}.sl-root .sl-select:focus-visible{outline:1px solid var(--sl-accent)}.sl-root .sl-select option,.sl-root .sl-select optgroup{background:var(--sl-bg-solid);color:var(--sl-fg);font:400 13px var(--sl-sans)}.sl-root .sl-vol-wrap{color:var(--sl-fg-dim);align-items:center;gap:6px;display:inline-flex}.sl-root .sl-vol-wrap .sl-icon{width:16px;height:16px}.sl-root .sl-vol{width:72px}.sl-root .sl-select.sl-quality{font:400 11px/1 var(--sl-sans);color:var(--sl-fg-dim);padding:6px 22px 6px 6px}.sl-root .sl-caption{pointer-events:none;text-shadow:0 1px 10px #000c;max-width:300px;position:absolute;top:54px;left:18px}.sl-root .sl-caption-title{font:400 15px/1.2 var(--sl-serif);color:#efeae0}.sl-root .sl-caption-sub{font:400 10px/1 var(--sl-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sl-fg-faint);margin-top:3px}.sl-root .sl-caption-blurb{font:400 12px/1.5 var(--sl-sans);color:var(--sl-fg-dim);margin:8px 0 0}.sl-root .sl-overlay{z-index:10;background:radial-gradient(#02020459 0%,#020204d1 70%);place-items:center;transition:opacity .6s;display:grid;position:absolute;inset:0}.sl-root .sl-overlay.sl-hidden{opacity:0;pointer-events:none}.sl-root .sl-overlay-card{text-align:center;max-width:420px;padding:0 24px}.sl-root .sl-overlay-kicker{font:400 10px/1 var(--sl-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--sl-fg-faint)}.sl-root .sl-overlay-title{font:italic 400 38px/1.1 var(--sl-serif);color:#f4efe4;letter-spacing:-.01em;margin:14px 0 12px}.sl-root .sl-overlay-text{font:400 14px/1.6 var(--sl-sans);color:var(--sl-fg-dim);margin:0 0 26px}.sl-root .sl-start-btn{all:unset;cursor:pointer;color:#0b0c10;font:500 14px/1 var(--sl-sans);letter-spacing:.04em;background:linear-gradient(90deg,#ffb3a0,#ffe3a0,#b8ffcf,#a8d8ff,#cdb8ff);border-radius:999px;align-items:center;gap:10px;padding:12px 30px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 40px #c8dcff59}.sl-root .sl-start-btn:hover{transform:translateY(-1px);box-shadow:0 0 60px #c8dcff8c}.sl-root .sl-empty-btn,.sl-root .sl-continue-btn{all:unset;cursor:pointer;color:var(--sl-fg);font:500 13px/1 var(--sl-sans);letter-spacing:.03em;background:#ffffff0f;border:1px solid #ffffff47;border-radius:999px;flex-direction:column;align-items:center;gap:5px;margin-top:18px;padding:11px 26px;transition:background .15s,border-color .15s;display:inline-flex}.sl-root .sl-empty-btn:hover,.sl-root .sl-continue-btn:hover{background:#ffffff1f;border-color:#ffffff80}.sl-root .sl-continue-btn{color:#ffe9c2;border-color:#ffe2a88c;width:-moz-fit-content;width:fit-content;margin:0 auto 16px;display:flex}.sl-root .sl-continue-sub{font:400 11px/1 var(--sl-mono);color:var(--sl-fg-dim);letter-spacing:.02em}.sl-root .sl-empty-btn:focus-visible,.sl-root .sl-continue-btn:focus-visible,.sl-root .sl-start-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.sl-root .sl-overlay-foot{font:400 11px/1 var(--sl-mono);color:var(--sl-fg-faint);margin:18px 0 0}.sl-root .sl-welcome .sl-overlay-card{max-width:560px}.sl-root .sl-welcome-label{font:400 10px/1 var(--sl-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sl-fg-faint);margin:34px 0 10px}.sl-root .sl-welcome-demos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.sl-root .sl-demo-card{all:unset;text-align:left;border:1px solid var(--sl-line-strong);cursor:pointer;background:#ffffff06;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.sl-root .sl-demo-card:hover{background:#ffffff0f;border-color:#bed2ff59}.sl-root .sl-demo-card:focus-visible{outline:1px solid var(--sl-accent)}.sl-root .sl-demo-title{font:italic 400 15px/1.2 var(--sl-serif);color:var(--sl-fg)}.sl-root .sl-demo-sub{font:400 9.5px/1.2 var(--sl-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sl-fg-faint)}.sl-root .sl-link{all:unset;color:var(--sl-fg-dim);font:400 12px/1 var(--sl-sans);text-underline-offset:3px;cursor:pointer;margin-top:18px;-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3;display:inline-block}.sl-root .sl-welcome-links{flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-top:14px;display:flex}.sl-root .sl-coffee{width:-moz-fit-content;width:fit-content;color:var(--sl-fg-dim);font:400 11px/1 var(--sl-sans);opacity:.7;text-decoration:none;display:block}.sl-root .sl-coffee:hover{opacity:1;color:#ffe2a8}.sl-root .sl-link:hover{color:var(--sl-fg)}.sl-root .sl-coach{z-index:6;border-color:#bed2ff38;width:min(560px,100% - 560px);min-width:340px;padding:12px 16px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.sl-root .sl-coach.sl-coach-top{top:64px;bottom:auto}.sl-root .sl-coach.sl-coach-done{border-color:#9ff0b859}.sl-root .sl-coach.sl-coach-done .sl-coach-title{color:#c9f5d6}.sl-root .sl-coach-count{font:400 10px/1 var(--sl-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sl-accent)}.sl-root .sl-coach-title{font:italic 400 18px/1.2 var(--sl-serif);color:#f2eee4;margin:4px 0}.sl-root .sl-coach-text{font:400 12.5px/1.5 var(--sl-sans);color:var(--sl-fg-dim);margin:0}.sl-root .sl-coach-hint{font:400 12px/1.4 var(--sl-sans);color:#ffd79a;margin:8px 0 0}.sl-root .sl-coach-hint:empty{display:none}.sl-root .sl-coach-actions{gap:6px;margin-top:10px;display:flex}.sl-root .sl-coach-actions .sl-btn{flex:none;padding:8px 12px}.sl-root .sl-btn-primary{color:#0b0c10;background:#e9eeff;border-color:#0000}.sl-root .sl-btn-primary:hover{color:#000;background:#fff}.sl-root .sl-btn-quiet{border-color:#0000;margin-left:auto}.sl-root .sl-palette-btn.sl-attn{color:#fff;background:#8fb8ff24;animation:1.6s ease-in-out infinite sl-attn;box-shadow:inset 0 0 0 1px #8fb8ff8c,0 0 18px #8fb8ff59}@keyframes sl-attn{50%{box-shadow:inset 0 0 0 1px #8fb8ffe6,0 0 26px #8fb8ff99}}@media (prefers-reduced-motion:reduce){.sl-root .sl-palette-btn.sl-attn,.sl-root .sl-rec.sl-busy{animation:none}}.sl-root .sl-chip{all:unset;color:#ffd9a0;font:500 12px/1 var(--sl-sans);cursor:pointer;z-index:8;background:#ffc87824;border:1px solid #ffc87873;border-radius:999px;padding:8px 14px;position:absolute;top:64px;left:50%;transform:translate(-50%)}.sl-root .sl-chip[hidden]{display:none}.sl-root .sl-loom-editor{z-index:6;width:min(920px,100% - 560px);min-width:420px;padding:10px 12px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.sl-root .sl-loom-editor[hidden]{display:none}.sl-root .sl-le-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.sl-root .sl-le-title{font:italic 400 16px/1 var(--sl-serif);color:var(--sl-fg);white-space:nowrap;text-overflow:ellipsis;margin-right:auto;overflow:hidden}.sl-root .sl-le-select{appearance:none;border:1px solid var(--sl-line-strong);color:var(--sl-fg-dim);font:400 11px/1 var(--sl-sans);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:6px 8px}.sl-root .sl-le-select option{background:var(--sl-bg-solid);color:var(--sl-fg)}.sl-root .sl-le-head .sl-btn{flex:none;padding:6px 10px}.sl-root .sl-le-head .sl-btn-quiet{margin-left:0}.sl-root .sl-le-scroll{scrollbar-width:thin;background:#00000040;border-radius:8px;max-height:260px;overflow:auto}.sl-root .sl-le-canvas{cursor:crosshair;touch-action:none;display:block}.sl-root .sl-le-hint{font:400 11px/1.4 var(--sl-sans);color:var(--sl-fg-faint);margin:8px 2px 0}.sl-root .sl-zoom{gap:4px;display:flex;position:absolute;bottom:38px;left:18px}.sl-root .sl-zbtn{all:unset;background:var(--sl-bg);border:1px solid var(--sl-line-strong);width:26px;height:26px;color:var(--sl-fg-dim);font:500 14px/1 var(--sl-sans);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;place-items:center;display:grid}.sl-root .sl-zbtn:hover{color:var(--sl-fg)}.sl-root .sl-zbtn:focus-visible{outline:1px solid var(--sl-accent)}.sl-root .sl-keys{color:var(--sl-fg-faint);font:400 10.5px/1 var(--sl-sans);pointer-events:none;white-space:nowrap;position:absolute;bottom:14px;left:18px}.sl-root .sl-keys kbd{font:400 10px/1 var(--sl-mono);color:var(--sl-fg-dim);border:1px solid var(--sl-line-strong);border-radius:4px;margin:0 3px 0 8px;padding:2px 5px}.sl-root .sl-keys kbd+kbd{margin-left:0}.sl-root .sl-stats{font:400 10px/1 var(--sl-mono);color:var(--sl-fg-faint);pointer-events:none;position:absolute;bottom:16px;right:18px}@media (max-width:1500px){.sl-root .sl-title-sub{display:none}}@media (max-width:1100px){.sl-root .sl-caption{display:none}}@media (max-width:900px){.sl-root .sl-keys,.sl-root .sl-palette-label{display:none}.sl-root .sl-side{width:210px}}.sl-root .sl-film-caption{text-align:center;pointer-events:none;opacity:0;text-shadow:0 2px 18px #000000d9,0 0 2px #000000e6;position:absolute;bottom:9%;left:0;right:0}.sl-root .sl-film-caption-text{font:italic 500 46px/1.1 var(--sl-serif);color:#fff6e6;letter-spacing:.01em}.sl-root .sl-film-caption-sub{font:400 19px/1.2 var(--sl-mono);color:#ffeccde0;letter-spacing:.04em;margin-top:8px}.sl-root.sl-capture>:not(.sl-canvas):not(.sl-notes):not(.sl-film-caption):not(.sl-chords){display:none!important}html,body{background:#020203;height:100%;margin:0}#app{position:fixed;inset:0}