.nav-link.active,.nav-item .active,.navbar-nav .nav-link.active,.nav-dropdown .active,.dropdown-item.active{color:var(--nav-active)!important;background-color:transparent!important;font-weight:700;text-shadow:0 0 2px var(--bg-secondary);filter:brightness(1)!important}.navbar-nav .nav-link{transition:color .2s,filter .2s}.navbar-nav .nav-link:hover:not(.active),.navbar-nav .nav-link:focus:not(.active),.dropdown-item:hover:not(.active),.dropdown-item:focus:not(.active){color:var(--nav-hover)!important;background-color:transparent!important;text-shadow:0 0 4px var(--nav-text-shadow-light, rgba(255,255,255,.4)),0 0 2px var(--bg-secondary);filter:brightness(1.2)!important}.dropdown-menu{background-color:var(--dropdown-bg)!important;border:1px solid var(--border-primary)!important}.dropdown-item{color:var(--dropdown-text)!important}.dropdown-item.active,.dropdown-item:active{color:var(--nav-active)!important;background-color:transparent!important;text-shadow:0 0 4px var(--nav-text-shadow-light, rgba(255,255,255,.4)),0 0 2px var(--bg-secondary)}.dropdown-item:hover,.dropdown-item:focus{color:var(--nav-hover)!important;background-color:var(--dropdown-hover-bg)!important}@media (max-width: 768px){.navbar-nav .nav-link{padding:8px 12px;font-size:14px}.dropdown-menu{position:static!important;transform:none!important;width:100%}}@keyframes _tutorialFadeIn_lwro4_1{0%{opacity:0}to{opacity:1}}@keyframes _tutorialSlideIn_lwro4_1{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _spotlightPulse_lwro4_1{0%,to{box-shadow:0 0 0 4px #4caf5066,0 0 20px #4caf5033}50%{box-shadow:0 0 0 8px #4caf5099,0 0 30px #4caf5066}}@keyframes _dotPulse_lwro4_1{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}._tutorial-overlay_lwro4_42{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}._tutorial-backdrop_lwro4_49{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:_tutorialFadeIn_lwro4_1 .3s ease;pointer-events:auto}._tutorial-spotlight_lwro4_58{position:absolute;border-radius:8px;box-shadow:0 0 0 4px #4caf5080,0 0 0 9999px #000000b3;animation:_spotlightPulse_lwro4_1 2s ease-in-out infinite;pointer-events:none;transition:all .3s ease}._tutorial-tooltip_lwro4_68{position:absolute;background:linear-gradient(135deg,var(--overlay-bg-start, #1e293b) 0%,var(--overlay-bg-end, #0f172a) 100%);border:2px solid var(--accent-primary, #4caf50);border-radius:12px;padding:20px;min-width:320px;max-width:420px;box-shadow:0 10px 40px #00000080,0 0 20px #4caf5033;pointer-events:auto;animation:_tutorialSlideIn_lwro4_1 .4s ease;color:var(--text-primary, #fff)}._tutorial-tooltip__header_lwro4_82{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}._tutorial-tooltip__title_lwro4_90{margin:0;font-size:20px;font-weight:700;color:var(--accent-primary, #4caf50);flex:1}._tutorial-tooltip__close_lwro4_98{background:transparent;border:none;color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}._tutorial-tooltip__close_lwro4_98:hover{background:#ffffff1a;color:var(--text-primary, #fff)}._tutorial-tooltip__content_lwro4_119{margin-bottom:20px}._tutorial-tooltip__content_lwro4_119 p{margin:0;font-size:15px;line-height:1.6;color:var(--text-secondary, rgba(255, 255, 255, .85))}._tutorial-tooltip__action_lwro4_130{margin-top:12px;padding:8px 12px;background:#4caf5026;border-left:3px solid var(--accent-primary, #4caf50);border-radius:4px;font-size:13px;font-weight:500;color:var(--accent-secondary, #66bb6a)}._tutorial-tooltip__footer_lwro4_141{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}._tutorial-tooltip__progress_lwro4_149{font-size:13px;font-weight:600;color:var(--text-tertiary, rgba(255, 255, 255, .6));padding:4px 10px;background:#ffffff0d;border-radius:12px}._tutorial-tooltip__buttons_lwro4_158{display:flex;gap:8px}._tutorial-btn_lwro4_163{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}._tutorial-btn--primary_lwro4_173{background:var(--accent-primary, #4caf50);color:var(--btn-primary-text, #000)}._tutorial-btn--primary_lwro4_173:hover{background:var(--accent-secondary, #66bb6a);transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}._tutorial-btn--secondary_lwro4_184{background:#ffffff1a;color:var(--text-primary, #fff);border:1px solid rgba(255,255,255,.2)}._tutorial-btn--secondary_lwro4_184:hover{background:#ffffff26;border-color:#ffffff4d}._tutorial-tooltip__dots_lwro4_195{display:flex;justify-content:center;gap:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}._tutorial-dot_lwro4_203{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease}._tutorial-dot--active_lwro4_211{background:var(--accent-primary, #4caf50);animation:_dotPulse_lwro4_1 1s ease-in-out infinite}._tutorial-dot--completed_lwro4_216{background:var(--accent-secondary, rgba(76, 175, 80, .5))}@media (max-width: 600px){._tutorial-tooltip_lwro4_68{min-width:280px;max-width:calc(100vw - 32px);padding:16px}._tutorial-tooltip__title_lwro4_90{font-size:18px}._tutorial-tooltip__content_lwro4_119 p{font-size:14px}._tutorial-tooltip__buttons_lwro4_158{flex-direction:column;width:100%}._tutorial-btn_lwro4_163{width:100%}}._bar_1023v_1{display:flex;align-items:center;gap:8px;padding:4px 16px;background:var(--card-bg-alt, #1a1a2e);border-bottom:1px solid var(--border-color, #333);min-height:48px}._padSlot_1023v_12{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:4px 8px;border-radius:8px;cursor:pointer;transition:background .15s;position:relative;-webkit-user-select:none;user-select:none}._padSlot_1023v_12:hover{background:#ffffff14}._padSlotSelected_1023v_30{background:#ffffff1f;outline:1px solid var(--accent, #3b82f6)}._padIcon_1023v_35{font-size:1.5rem;transition:opacity .2s,color .2s}._padDisconnected_1023v_40{opacity:.2;color:var(--text-muted, #666)}._padConnected_1023v_45{opacity:1;color:var(--text-primary, #fff)}._padAssigned_1023v_50{opacity:1}._padLabel_1023v_55{font-size:.65rem;color:var(--text-muted, #aaa);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px;text-align:center;line-height:1}._padLabelConnected_1023v_66{font-weight:600;color:var(--text-primary, #fff)}._checkIcon_1023v_71{position:absolute;top:2px;right:4px;font-size:.6rem;color:#4ade80}._separator_1023v_80{width:1px;height:32px;background:var(--border-color, #444);flex-shrink:0}._carousel_1023v_87{display:flex;align-items:center;gap:4px;flex-shrink:0}._carouselArrow_1023v_94{display:flex;align-items:center;justify-content:center;width:24px;height:28px;border-radius:4px;border:none;background:#ffffff0f;color:var(--text-muted, #aaa);cursor:pointer;font-size:.75rem;transition:background .15s,color .15s;padding:0}._carouselArrow_1023v_94:hover{background:#ffffff26;color:var(--text-primary, #fff)}._carouselItem_1023v_115{display:flex;align-items:center;gap:6px;padding:4px 14px;border-radius:16px;font-size:.8rem;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid transparent;transition:border-color .15s,background .15s;min-width:100px;justify-content:center}._carouselItem_1023v_115:hover{border-color:var(--accent, #3b82f6);background:#3b82f61f}._carouselItemActive_1023v_136{border-color:var(--accent, #3b82f6);background:#3b82f62e}._carouselDot_1023v_141{width:10px;height:10px;border-radius:50%;flex-shrink:0}._addNewBtn_1023v_148{font-size:.75rem;padding:4px 10px;border-radius:16px;border:1px dashed var(--border-color, #555);background:transparent;color:var(--text-muted, #aaa);cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}._addNewBtn_1023v_148:hover{border-color:var(--accent, #3b82f6);color:var(--accent, #3b82f6)}._hint_1023v_165{font-size:.65rem;color:var(--text-muted, #888);margin-left:auto;white-space:nowrap}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em var(--link-color))}.logo.react:hover{filter:drop-shadow(0 0 2em var(--accent-primary))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--text-tertiary)}.monaco-parse-highlight{background-color:#ffc8c873!important}.monaco-validate-highlight{background-color:#ffebc873!important}.monaco-glyph-parse{width:12px;height:12px;border-radius:50%;background:var(--error);display:inline-block;margin-left:2px}.monaco-glyph-validate{width:12px;height:12px;border-radius:50%;background:var(--warning);display:inline-block;margin-left:2px}.issue-list-glyph{width:12px;height:12px;border-radius:50%;display:inline-block}.issue-list-glyph-parse{background:var(--error)}.issue-list-glyph-validate{background:var(--warning)}.editor-quickfix-popup{background:var(--card-bg);color:var(--text-primary);border-radius:6px;padding:6px;gap:6px}.editor-quickfix-popup button{background:var(--accent-primary);color:var(--btn-text);border:none;padding:6px 8px;border-radius:4px;cursor:pointer}.editor-quickfix-popup button:hover{opacity:.95}.karaoke-active-line{background:color-mix(in srgb,var(--info) 12%,transparent);border-left:3px solid color-mix(in srgb,var(--info) 35%,transparent);padding-left:6px}.fade-in{animation:fadeIn .35s cubic-bezier(.4,0,.2,1)}.slide-in-right{animation:slideInRight .4s cubic-bezier(.4,0,.2,1)}.slide-in-bottom{animation:slideInBottom .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}:root{--bs-body-color: var(--text-primary);--bs-secondary-color: color-mix(in srgb, var(--text-primary) 72%, transparent)}.form-control,.form-select{background:var(--input-bg)!important;color:var(--input-text)!important;border-color:var(--input-border)!important}.form-control::placeholder{color:var(--text-tertiary)!important}.form-control:focus,.form-select:focus{background:var(--input-bg)!important;color:var(--input-text)!important;border-color:var(--input-focus-border)!important;box-shadow:0 0 0 .25rem color-mix(in srgb,var(--input-focus-border) 25%,transparent)!important}.form-control:disabled,.form-select:disabled,.form-control[readonly]{background:var(--bg-secondary)!important;color:var(--text-secondary)!important}html body .text-muted,html body .text-secondary,html body small.text-muted,html body .small.text-muted{--bs-text-opacity: 1;color:var(--text-primary)!important;color:color-mix(in srgb,var(--text-primary) 72%,transparent)!important}.card-title,.card-text,.list-group-item{color:var(--text-primary)!important}.list-group-item{background:var(--card-bg)!important;border-color:var(--card-border)!important}.btn-outline-secondary{color:var(--text-primary)!important;color:color-mix(in srgb,var(--text-primary) 78%,transparent)!important;border-color:var(--btn-border)!important}.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active{background:var(--btn-hover-bg)!important;color:var(--text-primary)!important;border-color:var(--accent-primary)!important}.audio-editor,.audio-editor .card,.audio-editor .layer-selection,.audio-editor .form-control,.audio-editor .form-select{background:var(--bg-primary)!important;color:var(--text-primary)!important}.audio-editor .card{background:var(--card-bg)!important;border-color:var(--card-border)!important}.audio-editor .btn,.audio-editor .btn-outline-secondary,.audio-editor .btn-outline-primary,.audio-editor .btn-outline-success,.audio-editor .btn-outline-danger{background:var(--btn-bg)!important;color:var(--btn-text)!important;border-color:var(--btn-border)!important}.audio-editor input,.audio-editor select{background:var(--input-bg)!important;color:var(--input-text)!important;border-color:var(--input-border)!important}:root{--focus-color: var(--focus, #4caf50);--focus-color-alpha: var(--focus-alpha, rgba(76, 175, 80, .25));--focus-bg: var(--focus-bg, rgba(76, 175, 80, .08));--focus-outline-width: 2px;--focus-shadow-spread: 4px}.focusable-active{outline:var(--focus-outline-width) solid var(--focus-color)!important;outline-offset:2px;box-shadow:0 0 0 var(--focus-shadow-spread) var(--focus-color-alpha);background:var(--focus-bg);position:relative;z-index:10;transition:outline .15s ease,box-shadow .15s ease,background .15s ease;border-radius:10px;padding-bottom:4px}@keyframes focus-pulse{0%,to{box-shadow:0 0 0 var(--focus-shadow-spread) var(--focus-color-alpha)}50%{box-shadow:0 0 0 calc(var(--focus-shadow-spread) + 2px) var(--focus-color-alpha)}}.focusable-active.focus-pulse{animation:focus-pulse 2s ease-in-out infinite}.focusable-active-dim{position:relative;z-index:10;filter:none!important;opacity:1!important;transition:filter .2s ease,opacity .2s ease;border-radius:10px;box-shadow:0 0 0 2000px #0006}.focusable-active-brighten{position:relative;z-index:10;filter:brightness(1.3) contrast(1.1);box-shadow:0 0 12px #ffffff4d;transition:filter .15s ease,box-shadow .15s ease;border-radius:10px}.focusable-active-glow{position:relative;z-index:10;box-shadow:0 0 8px var(--focus-color),0 0 16px var(--focus-color-alpha),0 0 24px var(--focus-color-alpha);border-radius:10px;transition:box-shadow .2s ease}@keyframes focus-glow-pulse{0%,to{box-shadow:0 0 8px var(--focus-color),0 0 16px var(--focus-color-alpha)}50%{box-shadow:0 0 12px var(--focus-color),0 0 24px var(--focus-color-alpha),0 0 36px var(--focus-color-alpha)}}.focusable-active-glow.focus-pulse{animation:focus-glow-pulse 1.5s ease-in-out infinite}.focusable-active-scale{position:relative;z-index:10;transform:scale(1.03);box-shadow:0 4px 16px #0003;outline:1px solid var(--focus-color-alpha);transition:transform .15s ease,box-shadow .15s ease,outline .15s ease;border-radius:10px}#root{width:100%}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #242424;--bg-elevated: #2a2a2a;--text-primary: rgba(255,255,255,.95);--text-secondary: rgba(255,255,255,.75);--text-tertiary: rgba(255,255,255,.55);--text-disabled: rgba(255,255,255,.35);--border-primary: rgba(255,255,255,.15);--border-secondary: rgba(255,255,255,.08);--accent-primary: #4caf50;--accent-secondary: #66bb6a;--accent-hover: #388e3c;--link-color: #646cff;--link-hover: #535bf2;--success: #4caf50;--warning: #ff9800;--error: #f44336;--info: #2196f3;--shadow-sm: 0 2px 4px rgba(0,0,0,.3);--shadow-md: 0 4px 8px rgba(0,0,0,.4);--shadow-lg: 0 8px 16px rgba(0,0,0,.5);--nav-bg: #0a0a0a;--nav-text: rgba(255,255,255,.9);--nav-active: goldenrod;--nav-hover: gold;--dropdown-bg: #1a1a1a;--dropdown-text: #ffffff;--dropdown-hover-bg: rgba(255,255,255,.08);--input-bg: #1a1a1a;--input-text: #ffffff;--input-border: rgba(255,255,255,.2);--input-focus-border: #4caf50;--card-bg: #1a1a1a;--card-border: rgba(255,255,255,.12);--btn-bg: #1a1a1a;--btn-text: #ffffff;--btn-border: rgba(255,255,255,.2);--btn-hover-bg: #2a2a2a;--scrollbar-track: #1a1a1a;--scrollbar-thumb: #444}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-primary);background-color:var(--bg-tertiary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover)}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.song-controls-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.song-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.song-card{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:22px;padding:18px 24px;border-radius:10px;gap:8px;background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border);transition:background-color .2s ease,color .2s ease}.card{padding:10px;background-color:var(--card-bg);color:var(--text-primary);border-color:var(--card-border)}.card-body{padding:0}.song-card:hover{background-color:var(--btn-hover-bg);color:var(--text-primary)}.song-card__title{font-weight:700}.song-card__year{font-size:16px;font-weight:400}.song-card__loading{font-size:16px;color:var(--text-tertiary)}@media (max-width: 900px){.song-card{font-size:20px;padding:16px 20px}}@media (max-width: 600px){.song-controls-bar label{font-size:14px}.song-card{font-size:18px;padding:14px 18px}.song-card__year,.song-card__loading{font-size:14px}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--btn-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--btn-bg);color:var(--btn-text);cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}button:hover{border-color:var(--accent-primary);background-color:var(--btn-hover-bg)}button:focus,button:focus-visible{outline:2px solid var(--focus-color, #4caf50);outline-offset:2px}.nav-link{padding:4px 5px;height:30px;color:var(--nav-text)}.nav-link:hover{color:var(--nav-hover)}.active-nav{color:var(--nav-active)}.nav-drop{color:var(--dropdown-text)!important}.nav-drop:hover{color:var(--nav-hover)!important}nav .navbar-nav.mr-auto.mt-2 .nav-item .nav-link{color:var(--nav-text)!important}.timeline-container{padding:20px;text-align:left;display:flex;flex-direction:column}.controls{display:flex;gap:10px;margin-bottom:10px;align-items:center}.control-button{width:50px;height:50px;background-color:var(--bg-tertiary);color:var(--text-primary);font-size:24px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.control-button:hover{background-color:var(--bg-elevated)}.recording{background-color:red!important;color:#fff}.loop-checkbox{transform:scale(1.5);cursor:pointer}.sound-block{background-color:#3498db;width:10px;height:20px}.wiki-content{line-height:1.7}.wiki-content h1,.wiki-content h2,.wiki-content h3,.wiki-content h4,.wiki-content h5,.wiki-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600}.wiki-content h1{font-size:1.75rem;border-bottom:1px solid var(--border-secondary, rgba(255,255,255,.08));padding-bottom:.3em}.wiki-content h2{font-size:1.4rem;border-bottom:1px solid var(--border-secondary, rgba(255,255,255,.08));padding-bottom:.25em}.wiki-content h3{font-size:1.15rem}.wiki-content p{margin-bottom:.8em}.wiki-content ul,.wiki-content ol{padding-left:1.8em;margin-bottom:.8em}.wiki-content li{margin-bottom:.25em}.wiki-content table{width:100%;border-collapse:collapse;margin-bottom:1em}.wiki-content th,.wiki-content td{border:1px solid var(--border-primary, rgba(255,255,255,.15));padding:.45em .75em;text-align:left}.wiki-content th{background:var(--bg-elevated, #2a2a2a);font-weight:600}.wiki-content tr:nth-child(2n){background:var(--bg-secondary, #1a1a1a)}.wiki-content code{background:var(--bg-elevated, #2a2a2a);padding:.15em .35em;border-radius:4px;font-size:.9em}.wiki-content pre{background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-secondary, rgba(255,255,255,.08));border-radius:6px;padding:1em;overflow-x:auto;margin-bottom:1em}.wiki-content pre code{background:transparent;padding:0}.wiki-content blockquote{border-left:4px solid var(--accent-primary, #4caf50);padding:.5em 1em;margin:.8em 0;background:var(--bg-secondary, #1a1a1a);border-radius:0 6px 6px 0}.wiki-content blockquote p:last-child{margin-bottom:0}.wiki-content img{max-width:100%;border-radius:6px}.wiki-content hr{border:none;border-top:1px solid var(--border-secondary, rgba(255,255,255,.08));margin:1.5em 0}