.tab-navigation{width:100%;padding:0 1rem;background:#14141499;border-bottom:1px solid rgba(255,255,255,.1)}.tab-navigation__list{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;-webkit-overflow-scrolling:touch}.tab-navigation__list::-webkit-scrollbar{height:4px}.tab-navigation__list::-webkit-scrollbar-track{background:transparent}.tab-navigation__list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.tab-navigation__tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#fff9;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .25s ease;position:relative}.tab-navigation__tab:hover{color:#ffffffe6;background:#ffffff0d}.tab-navigation__tab:focus{outline:none}.tab-navigation__tab:focus-visible{outline:2px solid rgba(52,152,219,.8);outline-offset:-2px;border-radius:4px}.tab-navigation__tab--active{color:#fff;border-bottom-color:#3498db}.tab-navigation__tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#3498dbcc,#9b59b6cc)}.tab-navigation__icon{font-size:1.125rem;line-height:1}.tab-navigation__label{line-height:1}@media (max-width: 768px){.tab-navigation{padding:0 .5rem}.tab-navigation__tab{padding:.75rem;font-size:.8125rem;gap:.375rem}.tab-navigation__icon{font-size:1rem}}@media (max-width: 480px){.tab-navigation__tab{flex-direction:column;padding:.625rem .5rem;gap:.25rem}.tab-navigation__label{font-size:.6875rem}}@media (prefers-reduced-motion: reduce){.tab-navigation__tab{transition:none}}.feature-card{position:relative;padding:1rem;background:#1e1e1ecc;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(135deg,#3498db1a,#9b59b61a,#e74c3c1a);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card:hover{border-color:#3498db66;transform:translateY(-2px);box-shadow:0 4px 20px #3498db26,0 0 30px #9b59b61a}.feature-card:hover:before{opacity:1}.feature-card--highlight{border-color:#3498db4d;background:#282828e6}.feature-card--highlight:before{opacity:.5}.feature-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.feature-card__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:1.25rem;background:linear-gradient(135deg,#3498db4d,#9b59b64d);border-radius:8px;flex-shrink:0}.feature-card__title{font-size:1rem;font-weight:600;color:#fff;margin:0;line-height:1.3}.feature-card__description{font-size:.875rem;color:#fffc;line-height:1.5;margin:0 0 .75rem}.feature-card__details{margin:0;padding:0;list-style:none}.feature-card__detail-item{position:relative;padding-left:1rem;font-size:.8rem;color:#fff9;line-height:1.6}.feature-card__detail-item:before{content:"•";position:absolute;left:0;color:#3498dbcc}@media (max-width: 768px){.feature-card{padding:.875rem}.feature-card__icon{width:32px;height:32px;font-size:1.1rem}.feature-card__title{font-size:.9375rem}.feature-card__description{font-size:.8125rem}.feature-card__detail-item{font-size:.75rem}}@media (prefers-reduced-motion: reduce){.feature-card{transition:none}.feature-card:before{transition:none}.feature-card:hover{transform:none}}.help-modal-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.help-modal-content__panels{flex:1;overflow-y:auto;padding:1.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.help-modal-content__panels::-webkit-scrollbar{width:8px}.help-modal-content__panels::-webkit-scrollbar-track{background:transparent}.help-modal-content__panels::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.help-modal-content__panels::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.help-modal-content__panels:focus{outline:none}.help-modal-content__panels:focus-visible{outline:2px solid rgba(52,152,219,.5);outline-offset:-2px}.help-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}@media (max-width: 768px){.help-modal-content__panels{padding:1rem}.help-panel__grid{grid-template-columns:1fr}}@media (max-width: 480px){.help-modal-content__panels{padding:.75rem}}.help-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:backdrop-fade-in .2s ease-out}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.help-modal-backdrop__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3498db1a,#9b59b61a,#e74c3c0d,#2ecc711a,#3498db1a);background-size:400% 400%;animation:gradient-shift 15s ease infinite;pointer-events:none}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.help-modal{position:relative;width:80%;max-width:1200px;height:85%;max-height:900px;background:#141419f2;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;display:flex;flex-direction:column;overflow:hidden;animation:modal-slide-in .25s ease-out}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.help-modal:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:17px;padding:1px;background:linear-gradient(135deg,#3498db80,#9b59b680,#3498db80);background-size:200% 200%;animation:border-gradient 8s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}@keyframes border-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.help-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#1e1e23cc;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.help-modal__title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;color:#fff}.help-modal__title-icon{font-size:1.5rem}.help-modal__close-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .2s ease}.help-modal__close-button:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.help-modal__close-button:focus{outline:none}.help-modal__close-button:focus-visible{outline:2px solid rgba(52,152,219,.8);outline-offset:2px}.help-modal__close-button:active{transform:scale(.95)}@media (max-width: 1024px){.help-modal{width:90%;height:90%}}@media (max-width: 768px){.help-modal{width:95%;height:95%;border-radius:12px}.help-modal__header{padding:1rem}.help-modal__title{font-size:1.125rem}.help-modal__title-icon{font-size:1.25rem}.help-modal__close-button{width:32px;height:32px;font-size:1.25rem}}@media (max-width: 480px){.help-modal{width:100%;height:100%;border-radius:0}.help-modal:before{display:none}.help-modal__header{padding:.875rem}.help-modal__title{font-size:1rem;gap:.5rem}.help-modal__title-icon{font-size:1.125rem}}@media (prefers-reduced-motion: reduce){.help-modal-backdrop,.help-modal,.help-modal-backdrop__gradient,.help-modal:before{animation:none}.help-modal__close-button{transition:none}}@supports not (backdrop-filter: blur(8px)){.help-modal-backdrop{background:#000000e6}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#000;color:#fff}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.header-installation-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;font-size:1rem;background-color:#1a1a1a;border:1px solid #444;border-radius:4px;cursor:pointer;transition:all .2s ease;opacity:.6}.header-installation-btn:hover{border-color:#9b59b6;opacity:.8}.header-installation-btn--active{background-color:#9b59b633;border-color:#9b59b6;opacity:1}.header-installation-btn--active:hover{background-color:#9b59b64d}.app--installation-mode .app-header{display:none!important}.app--installation-mode .app-main{height:100vh}.app--installation-mode .ticker-overlay--header{display:none}.app--installation-mode .settings-drawer,.app--installation-mode .settings-overlay{display:none!important}.app-header{background-color:#111;color:#fff;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #333}.app-header h1{font-size:1.25rem;font-weight:500;white-space:nowrap}.header-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.header-controls .recording-controls{flex-direction:row;gap:.5rem}.header-controls .record-button{padding:.5rem .75rem;font-size:.875rem;gap:.35rem;background-color:#222;border:1px solid #444}.header-controls .record-button:hover:not(:disabled){background-color:#333;border-color:#3498db;transform:none}.header-controls .record-button.recording{background-color:#222;border-color:#e74c3c}.header-controls .record-icon{font-size:.875rem}.header-controls .status-text{display:none}.header-controls .fade-select{padding:.5rem .75rem;font-size:.875rem;background-color:#222;border-color:#444;color:#fff}.header-controls .fade-select:focus,.header-controls .fade-select:hover{border-color:#3498db}.header-controls .clear-cloud-button{padding:.5rem 1rem;font-size:.875rem}.header-audio-reactive-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;font-size:1rem;background-color:#1a1a1a;border:1px solid #444;border-radius:4px;cursor:pointer;transition:all .2s ease;opacity:.6}.header-audio-reactive-btn:hover{border-color:#3498db;opacity:.8}.header-audio-reactive-btn--active{background-color:#3498db33;border-color:#3498db;opacity:1}.header-audio-reactive-btn--active:hover{background-color:#3498db4d}.header-message{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:4px;font-size:.8rem;white-space:nowrap}.header-message--error{background-color:#e74c3c33;color:#ff6b6b;border:1px solid rgba(231,76,60,.3)}.header-message--warning{background-color:#f1c40f26;color:#ffeaa7;border:1px solid rgba(241,196,15,.25);cursor:pointer}.header-message--warning:hover{background-color:#f1c40f40}.header-message__dismiss{font-size:1rem;line-height:1;opacity:.7;margin-left:.25rem}.header-message__dismiss:hover{opacity:1}.app-nav{flex:1;max-width:400px}.nav-tabs{display:flex;list-style:none;gap:.5rem}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;background:transparent;color:#ffffffb3;cursor:pointer;transition:all .2s;font-size:.9rem}.nav-tab:hover{background:#ffffff1a;color:#fff}.nav-tab.active{background:#fff3;color:#fff}.nav-icon{font-size:1.1rem}.app-main{flex:1;min-height:0;padding:0;display:flex;flex-direction:column}.word-cloud-section{flex:1;min-height:0;display:flex;flex-direction:column}.recording-controls{display:flex;flex-direction:column;align-items:center;gap:.75rem}.record-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;border:none;border-radius:8px;background-color:#3498db;color:#fff;cursor:pointer;transition:all .2s}.record-button:hover:not(:disabled){background-color:#2980b9;transform:scale(1.02)}.record-button:disabled{opacity:.6;cursor:not-allowed}.record-button.recording{background-color:#e74c3c;animation:pulse 1.5s infinite}.record-button.recording:hover:not(:disabled){background-color:#c0392b}.record-button.processing{background-color:#f39c12}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.record-icon{font-size:1.25rem}.status-text{font-size:.875rem;color:#666}.status-text.error{color:#e74c3c}.fade-select{padding:.5rem 1rem;border:1px solid #444;border-radius:6px;font-size:.9rem;background:#222;color:#fff;cursor:pointer;transition:border-color .2s}.fade-select:focus{outline:none;border-color:#3498db}.fade-select:hover{border-color:#3498db}.clear-cloud-button{padding:.5rem .75rem;border:1px solid #e74c3c;border-radius:6px;background-color:#4a2020;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.clear-cloud-button:hover{background-color:#5a3030;border-color:#e74c3c}.clear-cloud-button:active{transform:scale(.98)}.rotation-toggle{padding:.5rem .75rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#888;font-size:.875rem;cursor:pointer;transition:all .2s}.rotation-toggle:hover{border-color:#3498db;color:#fff}.rotation-toggle.active{background-color:#2a4a5e;border-color:#3498db;color:#3498db}.instant-toggle{padding:.5rem .75rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#888;font-size:.875rem;cursor:pointer;transition:all .2s}.instant-toggle:hover{border-color:#f39c12;color:#fff}.instant-toggle.active{background-color:#3d3520;border-color:#f39c12;color:#f39c12}.word-cloud-container{flex:1;display:flex;align-items:center;justify-content:center;background-color:transparent;min-height:400px;position:relative;overflow:hidden}.word-cloud-container.empty{color:#666}.word-cloud-svg{width:100%;height:100%}.word-cloud-word{cursor:pointer}.word-cloud-word:hover{filter:brightness(.8)}.word-cloud-fade{transition:opacity 1s ease-out,font-size 1s ease-out}.word-cloud-fade.fading-out{opacity:0!important;pointer-events:none}.word-cloud-tooltip{position:absolute;padding:.5rem .75rem;background:#000c;color:#fff;border-radius:4px;font-size:.875rem;pointer-events:none;z-index:100;white-space:nowrap}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem;text-align:center;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;margin:1rem}.error-boundary h2{color:#c53030;margin-bottom:.5rem}.error-boundary p{color:#742a2a;margin-bottom:1rem}.error-boundary button{padding:.5rem 1rem;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.error-boundary button:hover{background:#2980b9}.error-display{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;border-radius:8px;margin:1rem 0;max-width:600px;width:100%}.error-display--error{background-color:#fff5f5;border:1px solid #feb2b2}.error-display--warning{background-color:#fffaf0;border:1px solid #fbd38d}.error-display--status{background-color:#ebf8ff;border:1px solid #90cdf4;padding:.75rem 1rem}.error-display__icon{font-size:1.5rem;flex-shrink:0;line-height:1}.error-display__icon--pulse{animation:error-pulse 1.5s ease-in-out infinite}@keyframes error-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.error-display__content{flex:1;display:flex;flex-direction:column;gap:.5rem}.error-display__title{font-size:1rem;font-weight:600;color:#2d3748;margin:0}.error-display--error .error-display__title{color:#c53030}.error-display--warning .error-display__title{color:#c05621}.error-display__message{font-size:.9rem;color:#4a5568;margin:0;line-height:1.5}.error-display__hint{font-size:.85rem;color:#718096;margin:0;line-height:1.5}.error-display__instructions{background-color:#ffffff80;padding:.75rem;border-radius:4px;margin-top:.25rem}.error-display__status{font-size:.9rem;color:#2b6cb0;font-weight:500}.error-display__button{align-self:flex-start;padding:.5rem 1rem;border:1px solid #cbd5e0;border-radius:6px;background-color:#fff;color:#4a5568;font-size:.875rem;cursor:pointer;transition:all .2s;margin-top:.5rem}.error-display__button:hover{background-color:#f7fafc;border-color:#a0aec0}.error-display__button--primary{background-color:#3498db;border-color:#3498db;color:#fff}.error-display__button--primary:hover{background-color:#2980b9;border-color:#2980b9}.error-section{display:flex;justify-content:center;padding:1rem;background-color:#111}.error-section:empty{display:none}@media (max-width: 768px){.app-header{flex-direction:column;gap:.75rem;padding:.75rem 1rem}.header-controls{width:100%;justify-content:center}.app-main{padding:0}.header-controls .record-button{padding:.75rem 1.25rem;min-height:44px}.header-controls .clear-cloud-button{padding:.5rem 1rem;min-height:44px}.header-controls .fade-select{min-height:44px}}@media (max-width: 480px){.app-header h1{font-size:1.1rem}.header-controls{gap:.5rem}.header-controls .record-button{padding:.5rem .75rem;font-size:.8rem}.error-display{flex-direction:column;text-align:center;align-items:center}.error-display__button{align-self:center}}@media (hover: none) and (pointer: coarse){.record-button,.clear-cloud-button,.nav-tab{min-height:44px}.record-button:hover:not(:disabled){transform:none}.word-cloud-word:hover{filter:none}}@media (max-height: 500px) and (orientation: landscape){.app-header{padding:.5rem 1rem;flex-direction:row}.app-header h1{font-size:1rem}}.demo-controls{display:flex;align-items:center;gap:.5rem}.demo-controls--disabled{opacity:.5;pointer-events:none}.demo-controls__file-input{display:none}.demo-controls__button{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}.demo-controls__button:hover:not(:disabled){background-color:#333;border-color:#3498db}.demo-controls__button:disabled{opacity:.5;cursor:not-allowed}.demo-controls__button--load{background-color:#2a4a5e;border-color:#3498db}.demo-controls__button--load:hover:not(:disabled){background-color:#3a5a6e}.demo-controls__button--sample{background-color:#3d3520;border-color:#f39c12}.demo-controls__button--sample:hover:not(:disabled){background-color:#4d4530}.demo-controls__button--play{background-color:#1e4620;border-color:#27ae60}.demo-controls__button--play:hover:not(:disabled){background-color:#2e5630}.demo-controls__button--play.playing{background-color:#3d3520;border-color:#f39c12}.demo-controls__button--stop{background-color:#4a2020;border-color:#e74c3c}.demo-controls__button--stop:hover:not(:disabled){background-color:#5a3030}.demo-controls__icon,.demo-controls__text{font-size:.875rem}.demo-controls__rate-select{padding:.5rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;cursor:pointer;transition:border-color .2s}.demo-controls__rate-select:hover:not(:disabled),.demo-controls__rate-select:focus{border-color:#3498db;outline:none}.demo-controls__rate-select:disabled{opacity:.5;cursor:not-allowed}.demo-controls__info{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:#3498db26;border:1px solid rgba(52,152,219,.3);border-radius:4px;font-size:.8rem;color:#7fb3d5}.demo-controls__filename{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-controls__progress{font-family:monospace;color:#aaa}.demo-controls__error{color:#e74c3c;font-size:.8rem;padding:.25rem .5rem;background-color:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:4px;margin-left:.5rem}@media (max-width: 768px){.demo-controls{flex-wrap:wrap;justify-content:center}.demo-controls__button,.demo-controls__rate-select{min-height:44px}}@media (max-width: 480px){.demo-controls__button{padding:.5rem;font-size:.8rem}.demo-controls__text{display:none}.demo-controls__info{width:100%;justify-content:center}}.settings-toggle{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#888;cursor:pointer;transition:all .2s;min-height:36px}.settings-toggle:hover:not(:disabled){background-color:#333;border-color:#555;color:#fff}.settings-toggle:focus{outline:2px solid #3498db;outline-offset:2px}.settings-toggle--on{background-color:#2a4a5e;border-color:#3498db;color:#fff}.settings-toggle--disabled{opacity:.5;cursor:not-allowed}.settings-toggle__track{position:relative;width:36px;height:20px;background-color:#444;border-radius:10px;transition:background-color .2s;flex-shrink:0}.settings-toggle--on .settings-toggle__track{background-color:#3498db}.settings-toggle__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .2s}.settings-toggle--on .settings-toggle__thumb{transform:translate(16px)}.settings-toggle__label{font-size:.75rem;font-weight:600;min-width:24px}.settings-select{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;cursor:pointer;transition:border-color .2s;min-height:44px}.settings-select:hover,.settings-select:focus{border-color:#3498db;outline:none}.settings-select:disabled{opacity:.5;cursor:not-allowed}.settings-slider{flex:1;height:6px;border-radius:3px;background:#333;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3498db;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d;transition:transform .1s}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.settings-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3498db;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}.settings-slider:focus{outline:2px solid #3498db;outline-offset:2px}.settings-slider__value{font-size:.8rem;font-weight:600;color:#3498db;min-width:40px;text-align:right}.inline-dropdown-toggle{display:flex;flex-direction:column;gap:.5rem;width:100%}.inline-dropdown-toggle__label{font-size:.875rem;color:#ccc;font-weight:500}.inline-dropdown-toggle__controls{display:flex;align-items:center;gap:.5rem}.inline-dropdown-toggle__dropdown{flex:1;min-width:0}.inline-dropdown-toggle__dropdown .settings-select{width:100%}.settings-toggle--compact{padding:.25rem .5rem;min-height:36px;flex-shrink:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-row--nested{padding-left:1rem;margin-top:.5rem}.audio-reactive-subsection{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.audio-reactive-subsection__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.audio-reactive-subsection__title{font-size:.875rem;font-weight:500;color:var(--text-secondary, #888);display:flex;align-items:center;gap:.5rem}.audio-reactive-subsection__icon{font-size:1rem}.audio-reactive-subsection__content{display:flex;flex-direction:column;gap:12px}.audio-reactive-subsection__content--disabled{opacity:.5;pointer-events:none}@media (max-width: 479px){.inline-dropdown-toggle__controls{flex-wrap:wrap}.inline-dropdown-toggle__dropdown{flex-basis:100%;min-width:100%}.settings-toggle--compact{margin-top:.5rem}.settings-row--nested{padding-left:.75rem}.audio-reactive-subsection{margin-top:.75rem;padding-top:.75rem}.audio-reactive-subsection__header{flex-wrap:wrap;gap:.5rem}}@media (hover: none) and (pointer: coarse){.settings-toggle,.settings-select{min-height:44px}.settings-slider::-webkit-slider-thumb{width:24px;height:24px}.settings-slider::-moz-range-thumb{width:24px;height:24px}}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;z-index:998;pointer-events:none}.settings-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.settings-drawer{position:fixed;top:0;right:0;bottom:0;width:360px;background-color:#1a1a1a;border-left:1px solid #333;transform:translate(100%);transition:transform .3s ease-out;z-index:999;display:flex;flex-direction:column;overflow:hidden}.settings-drawer.open{transform:translate(0)}.settings-drawer.swiping{transition:none}.settings-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #333;background-color:#111;min-height:56px}.settings-drawer__title{font-size:1.125rem;font-weight:500;color:#fff;margin:0}.settings-drawer__back{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:6px;background-color:transparent;color:#888;font-size:1.25rem;cursor:pointer;transition:all .2s;margin-right:.5rem}.settings-drawer__back:hover{background-color:#333;color:#fff}.settings-drawer__back:focus{outline:2px solid #3498db;outline-offset:2px}.settings-drawer__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:6px;background-color:transparent;color:#888;font-size:1.25rem;cursor:pointer;transition:all .2s}.settings-drawer__close:hover{background-color:#333;color:#fff}.settings-drawer__close:focus{outline:2px solid #3498db;outline-offset:2px}.settings-drawer__content{flex:1;overflow-y:auto;padding:1rem}.settings-drawer__section{margin-bottom:1.5rem}.settings-drawer__section:last-child{margin-bottom:0}.settings-drawer__section-title{font-size:.875rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #333}.settings-drawer__placeholder{color:#666;font-size:.875rem;font-style:italic}@media (min-width: 480px) and (max-width: 767px){.settings-drawer{width:320px}.settings-drawer__header{padding:.875rem 1rem}.settings-drawer__content{padding:.875rem}}@media (max-width: 479px){.settings-drawer{width:100%;left:0;border-left:none}.settings-drawer__header{padding:.75rem 1rem}.settings-drawer__back{display:flex}.settings-drawer__close{display:none}.settings-drawer__title{font-size:1rem;flex:1}.settings-drawer__content{padding:.75rem}}@media (hover: none) and (pointer: coarse){.settings-drawer__close,.settings-drawer__back{min-width:44px;min-height:44px}.demo-mode-section__button{min-height:44px;min-width:44px}.demo-mode-section__rate-select,.display-settings-section__select{min-height:44px}}.demo-mode-section{display:flex;flex-direction:column;gap:12px}.demo-mode-section--disabled{opacity:.5;pointer-events:none}.demo-mode-section__file-input{display:none}.demo-mode-section__row{display:flex;gap:.5rem}.demo-mode-section__row--rate{flex-direction:column;gap:.375rem}.demo-mode-section__label{font-size:13px;font-weight:400;color:#888;line-height:1.4}.demo-mode-section__button{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap;min-height:44px}.demo-mode-section__button:hover:not(:disabled){background-color:#333;border-color:#3498db}.demo-mode-section__button:disabled{opacity:.5;cursor:not-allowed}.demo-mode-section__button:focus{outline:2px solid #3498db;outline-offset:2px}.demo-mode-section__button--load{background-color:#2a4a5e;border-color:#3498db}.demo-mode-section__button--load:hover:not(:disabled){background-color:#3a5a6e}.demo-mode-section__button--sample{background-color:#3d3520;border-color:#f39c12}.demo-mode-section__button--sample:hover:not(:disabled){background-color:#4d4530}.demo-mode-section__button--play{background-color:#1e4620;border-color:#27ae60}.demo-mode-section__button--play:hover:not(:disabled){background-color:#2e5630}.demo-mode-section__button--play.playing{background-color:#3d3520;border-color:#f39c12}.demo-mode-section__button--stop{background-color:#4a2020;border-color:#e74c3c}.demo-mode-section__button--stop:hover:not(:disabled){background-color:#5a3030}.demo-mode-section__icon,.demo-mode-section__text{font-size:.875rem}.demo-mode-section__rate-select{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;cursor:pointer;transition:border-color .2s;min-height:44px}.demo-mode-section__rate-select:hover:not(:disabled),.demo-mode-section__rate-select:focus{border-color:#3498db;outline:none}.demo-mode-section__rate-select:disabled{opacity:.5;cursor:not-allowed}.demo-mode-section__progress{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:#3498db26;border:1px solid rgba(52,152,219,.3);border-radius:6px;font-size:.8rem;color:#7fb3d5}.demo-mode-section__filename{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.demo-mode-section__progress-count{font-family:monospace;color:#aaa}.demo-mode-section__error{color:#e74c3c;font-size:.8rem;padding:.5rem .75rem;background-color:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:6px}.display-settings-section{display:flex;flex-direction:column;gap:12px}.display-settings-section__row{display:flex;gap:.5rem}.display-settings-section__row--select{flex-direction:column;gap:.375rem}.display-settings-section__label{font-size:13px;font-weight:400;color:#888;line-height:1.4}.display-settings-section__select{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;cursor:pointer;transition:border-color .2s;min-height:44px}.display-settings-section__select:hover,.display-settings-section__select:focus{border-color:#3498db;outline:none}.settings-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;cursor:pointer;transition:all .2s}.settings-button:hover{background-color:#333;border-color:#3498db}.settings-button:focus{outline:2px solid #3498db;outline-offset:2px}.settings-button__icon{font-size:1.125rem;line-height:1}.settings-button__indicator{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background-color:#27ae60;animation:settings-indicator-pulse 1.5s ease-in-out infinite}@keyframes settings-indicator-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@media (hover: none) and (pointer: coarse){.settings-button{min-width:44px;min-height:44px}}@media (max-width: 480px){.settings-button{width:44px;height:44px}}.help-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;cursor:pointer;transition:all .2s}.help-button:hover{background-color:#333;border-color:#3498db}.help-button:focus{outline:2px solid #3498db;outline-offset:2px}.help-button__icon{font-size:1.125rem;font-weight:600;line-height:1}@media (hover: none) and (pointer: coarse){.help-button{min-width:44px;min-height:44px}}@media (max-width: 480px){.help-button{width:44px;height:44px}}.midi-bridge-section{display:flex;flex-direction:column;gap:12px}.midi-bridge__toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#888;cursor:pointer;transition:all .2s;min-height:44px;width:100%;text-align:left}.midi-bridge__toggle:hover{background-color:#333;border-color:#555;color:#fff}.midi-bridge__toggle:focus{outline:2px solid #9b59b6;outline-offset:2px}.midi-bridge__toggle.active{background-color:#3d2a4a;border-color:#9b59b6;color:#fff}.midi-bridge__toggle-icon{font-size:1rem;flex-shrink:0}.midi-bridge__toggle-text{flex:1}.midi-bridge__toggle-indicator{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:4px;background-color:#ffffff1a;color:#666}.midi-bridge__toggle.active .midi-bridge__toggle-indicator{background-color:#9b59b64d;color:#9b59b6}.midi-bridge__status{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:4px;font-size:.8rem;background-color:#ffffff0d}.midi-bridge__status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.midi-bridge__status-label{color:#888}.midi-bridge__status--connected .midi-bridge__status-dot{background-color:#27ae60;box-shadow:0 0 6px #27ae6080}.midi-bridge__status--connected .midi-bridge__status-label{color:#27ae60}.midi-bridge__status--connecting .midi-bridge__status-dot{background-color:#f39c12;animation:midi-status-pulse 1s ease-in-out infinite}.midi-bridge__status--connecting .midi-bridge__status-label{color:#f39c12}.midi-bridge__status--disconnected .midi-bridge__status-dot{background-color:#666}.midi-bridge__status--disconnected .midi-bridge__status-label{color:#666}.midi-bridge__status--error .midi-bridge__status-dot{background-color:#e74c3c}.midi-bridge__status--error .midi-bridge__status-label{color:#e74c3c}@keyframes midi-status-pulse{0%,to{opacity:1}50%{opacity:.4}}.midi-bridge__row{display:flex;gap:.5rem}.midi-bridge__row--select{flex-direction:column;gap:.375rem}.midi-bridge__label{font-size:13px;font-weight:400;color:#888;line-height:1.4}.midi-bridge__select{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;cursor:pointer;transition:border-color .2s;min-height:44px}.midi-bridge__select:hover,.midi-bridge__select:focus{border-color:#9b59b6;outline:none}.midi-bridge__select:disabled{opacity:.5;cursor:not-allowed}.midi-bridge__buffer{display:flex;flex-direction:column;gap:.375rem;padding:.625rem .75rem;background-color:#9b59b61a;border:1px solid rgba(155,89,182,.3);border-radius:6px}.midi-bridge__buffer--empty{background-color:#ffffff08;border-color:#333}.midi-bridge__buffer-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.midi-bridge__buffer-words{display:flex;flex-wrap:wrap;gap:.375rem}.midi-bridge__buffer-word{display:inline-block;padding:.25rem .5rem;font-size:.8rem;background-color:#9b59b633;border-radius:4px;color:#d4a5e8;font-family:monospace;animation:midi-word-appear .2s ease-out}@keyframes midi-word-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.midi-bridge__buffer-empty-text{font-size:.8rem;color:#666;font-style:italic}.midi-bridge__buffer-word.emitting{animation:midi-emit-pulse .3s ease-out}@keyframes midi-emit-pulse{0%{background-color:#9b59b633;transform:scale(1)}50%{background-color:#9b59b699;transform:scale(1.1)}to{background-color:#9b59b633;transform:scale(1)}}@media (hover: none) and (pointer: coarse){.midi-bridge__toggle,.midi-bridge__select{min-height:44px}}@media (max-width: 480px){.midi-bridge__buffer-words{gap:.25rem}.midi-bridge__buffer-word{padding:.2rem .4rem;font-size:.75rem}}.tempo-sync-section{display:flex;flex-direction:column;gap:12px}.tempo-sync__toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#888;cursor:pointer;transition:all .2s;min-height:44px;width:100%;text-align:left}.tempo-sync__toggle:hover{background-color:#333;border-color:#555;color:#fff}.tempo-sync__toggle:focus{outline:2px solid #e67e22;outline-offset:2px}.tempo-sync__toggle.active{background-color:#3d3020;border-color:#e67e22;color:#fff}.tempo-sync__toggle-icon{font-size:1rem;flex-shrink:0}.tempo-sync__toggle-text{flex:1}.tempo-sync__toggle-indicator{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:4px;background-color:#ffffff1a;color:#666}.tempo-sync__toggle.active .tempo-sync__toggle-indicator{background-color:#e67e224d;color:#e67e22}.tempo-sync__status{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:4px;font-size:.8rem;background-color:#ffffff0d}.tempo-sync__status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tempo-sync__status-label{color:#888}.tempo-sync__status--connected .tempo-sync__status-dot{background-color:#27ae60;box-shadow:0 0 6px #27ae6080}.tempo-sync__status--connected .tempo-sync__status-label{color:#27ae60}.tempo-sync__status--disconnected .tempo-sync__status-dot{background-color:#e74c3c}.tempo-sync__status--disconnected .tempo-sync__status-label{color:#e74c3c}.tempo-sync__status--internal .tempo-sync__status-dot{background-color:#3498db}.tempo-sync__status--internal .tempo-sync__status-label{color:#3498db}.tempo-sync__tempo-display{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background-color:#e67e221a;border:1px solid rgba(230,126,34,.3);border-radius:6px}.tempo-sync__tempo-label{font-size:.8rem;color:#888}.tempo-sync__tempo-value{font-size:1.125rem;font-weight:600;color:#e67e22;font-family:monospace}.tempo-sync__row{display:flex;gap:.5rem}.tempo-sync__row--select,.tempo-sync__row--input{flex-direction:column;gap:.375rem}.tempo-sync__label{font-size:13px;font-weight:400;color:#888;line-height:1.4}.tempo-sync__select{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;cursor:pointer;transition:border-color .2s;min-height:44px}.tempo-sync__select:hover,.tempo-sync__select:focus{border-color:#e67e22;outline:none}.tempo-sync__input{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;transition:border-color .2s;min-height:44px}.tempo-sync__input:hover,.tempo-sync__input:focus{border-color:#e67e22;outline:none}.tempo-sync__input:disabled{opacity:.5;cursor:not-allowed}@media (hover: none) and (pointer: coarse){.tempo-sync__toggle,.tempo-sync__select,.tempo-sync__input{min-height:44px}}.tempo-sync__bridge-section{display:flex;flex-direction:column;gap:12px;padding:.75rem;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px}.tempo-sync__row--toggle{display:flex;align-items:center;justify-content:space-between}.tempo-sync__bridge-toggle{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border:1px solid #444;border-radius:4px;background-color:#222;color:#888;cursor:pointer;transition:all .2s;min-width:48px}.tempo-sync__bridge-toggle:hover{background-color:#333;border-color:#555;color:#fff}.tempo-sync__bridge-toggle.active{background-color:#1a3d36;border-color:#1abc9c;color:#1abc9c}.tempo-sync__row--bridge-url{display:flex;flex-direction:column;gap:.375rem}.tempo-sync__bridge-url-container{display:flex;gap:.5rem;align-items:center}.tempo-sync__bridge-url-input{flex:1;font-family:monospace;font-size:.8rem}.tempo-sync__input--invalid{border-color:#e74c3c!important}.tempo-sync__input--invalid:focus{border-color:#e74c3c!important;box-shadow:0 0 0 2px #e74c3c33}.tempo-sync__reconnect-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;font-size:1.25rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#888;cursor:pointer;transition:all .2s;flex-shrink:0}.tempo-sync__reconnect-button:hover:not(:disabled){background-color:#333;border-color:#e67e22;color:#e67e22}.tempo-sync__reconnect-button:disabled{opacity:.5;cursor:not-allowed}.tempo-sync__validation-error{font-size:.75rem;color:#e74c3c;margin-top:.25rem}.tempo-sync__status--connecting .tempo-sync__status-dot{background-color:#f39c12;animation:pulse-connecting 1s ease-in-out infinite}.tempo-sync__status--connecting .tempo-sync__status-label{color:#f39c12}.tempo-sync__status--error .tempo-sync__status-dot{background-color:#e74c3c;box-shadow:0 0 6px #e74c3c80}.tempo-sync__status--error .tempo-sync__status-label{color:#e74c3c}.tempo-sync__link-active-badge{font-size:.65rem;font-weight:600;padding:.125rem .375rem;background-color:#27ae6033;border:1px solid rgba(39,174,96,.4);border-radius:3px;color:#27ae60;margin-left:.5rem}@keyframes pulse-connecting{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}@media (hover: none) and (pointer: coarse){.tempo-sync__bridge-toggle{min-height:44px;padding:.5rem 1rem}.tempo-sync__reconnect-button{width:48px;height:48px}}.strum-settings-section{display:flex;flex-direction:column;gap:12px}.strum-settings__toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#888;cursor:pointer;transition:all .2s;min-height:44px;width:100%;text-align:left}.strum-settings__toggle:hover{background-color:#333;border-color:#555;color:#fff}.strum-settings__toggle:focus{outline:2px solid #1abc9c;outline-offset:2px}.strum-settings__toggle.active{background-color:#1a3d36;border-color:#1abc9c;color:#fff}.strum-settings__toggle-icon{font-size:1rem;flex-shrink:0}.strum-settings__toggle-text{flex:1}.strum-settings__toggle-indicator{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:4px;background-color:#ffffff1a;color:#666}.strum-settings__toggle.active .strum-settings__toggle-indicator{background-color:#1abc9c4d;color:#1abc9c}.strum-settings__row{display:flex;gap:.5rem}.strum-settings__row--select,.strum-settings__row--input,.strum-settings__row--slider{flex-direction:column;gap:.375rem}.strum-settings__label{font-size:13px;font-weight:400;color:#888;line-height:1.4}.strum-settings__select{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;cursor:pointer;transition:border-color .2s;min-height:44px}.strum-settings__select:hover,.strum-settings__select:focus{border-color:#1abc9c;outline:none}.strum-settings__input{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;transition:border-color .2s;min-height:44px}.strum-settings__input:hover,.strum-settings__input:focus{border-color:#1abc9c;outline:none}.strum-settings__slider{width:100%;height:8px;border-radius:4px;background:#333;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.strum-settings__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#1abc9c;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d;transition:transform .1s}.strum-settings__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.strum-settings__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#1abc9c;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}.strum-settings__slider:focus{outline:2px solid #1abc9c;outline-offset:2px}@media (hover: none) and (pointer: coarse){.strum-settings__toggle,.strum-settings__select,.strum-settings__input{min-height:44px}.strum-settings__slider::-webkit-slider-thumb{width:28px;height:28px}.strum-settings__slider::-moz-range-thumb{width:28px;height:28px}}.ticker-overlay-container{width:100%;overflow:hidden;z-index:10}.ticker-overlay-container[data-position=header]{position:relative;height:36px;background-color:transparent;border-bottom:1px solid rgba(255,255,255,.1)}.ticker-overlay-container[data-position=top],.ticker-overlay-container[data-position=bottom]{position:absolute;left:0;right:0;height:32px;pointer-events:none}.ticker-overlay-container[data-position=top]{top:0}.ticker-overlay-container[data-position=bottom]{bottom:0}.ticker-overlay-canvas{display:block;width:100%;height:100%}@media (max-width: 768px){.ticker-overlay-container[data-position=header]{height:32px}.ticker-overlay-container[data-position=top],.ticker-overlay-container[data-position=bottom]{height:28px}}@media (max-width: 480px){.ticker-overlay-container[data-position=header]{height:28px}.ticker-overlay-container[data-position=top],.ticker-overlay-container[data-position=bottom]{height:24px}}@media (hover: none) and (pointer: coarse){.ticker-overlay-container[data-position=top],.ticker-overlay-container[data-position=bottom]{pointer-events:none}}@media (max-height: 500px) and (orientation: landscape){.ticker-overlay-container[data-position=header]{height:24px}.ticker-overlay-container[data-position=top],.ticker-overlay-container[data-position=bottom]{height:22px}}.ticker-overlay-settings{display:flex;flex-direction:column;gap:12px}.ticker-overlay__toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#888;cursor:pointer;transition:all .2s;min-height:44px;width:100%;text-align:left}.ticker-overlay__toggle:hover{background-color:#333;border-color:#555;color:#fff}.ticker-overlay__toggle:focus{outline:2px solid #00d4ff;outline-offset:2px}.ticker-overlay__toggle.active{background-color:#1a3d4a;border-color:#00d4ff;color:#fff}.ticker-overlay__toggle-icon{font-size:1rem;flex-shrink:0}.ticker-overlay__toggle-text{flex:1}.ticker-overlay__toggle-indicator{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:4px;background-color:#ffffff1a;color:#666}.ticker-overlay__toggle.active .ticker-overlay__toggle-indicator{background-color:#00d4ff4d;color:#00d4ff}.ticker-overlay__row{display:flex;gap:.5rem}.ticker-overlay__row--select{flex-direction:column;gap:.375rem}.ticker-overlay__label{font-size:13px;font-weight:400;color:#888;line-height:1.4}.ticker-overlay__select{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid #444;border-radius:6px;background-color:#222;color:#fff;cursor:pointer;transition:border-color .2s;min-height:44px}.ticker-overlay__select:hover,.ticker-overlay__select:focus{border-color:#00d4ff;outline:none}.ticker-overlay__select:disabled{opacity:.5;cursor:not-allowed}@media (hover: none) and (pointer: coarse){.ticker-overlay__toggle,.ticker-overlay__select{min-height:44px}}.audio-settings{display:flex;flex-direction:column;gap:12px}.audio-settings__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.audio-settings__row--status{padding:.375rem 0}.audio-settings__label{font-size:13px;font-weight:400;color:#ccc;line-height:1.4}.audio-settings__control{display:flex;align-items:center;gap:.5rem}.audio-settings__control--slider{flex:1;display:flex;align-items:center;gap:.75rem}.audio-settings__message{font-size:.8rem;padding:.5rem .75rem;border-radius:4px;line-height:1.4}.audio-settings__message--warning{background-color:#f1c40f1a;border:1px solid rgba(241,196,15,.3);color:#f1c40f}.audio-settings__message--error{background-color:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.background-settings{display:flex;flex-direction:column;gap:12px}.background-settings__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.background-settings__label{font-size:13px;font-weight:400;color:#ccc;line-height:1.4}.background-settings__control{display:flex;align-items:center;gap:.5rem}.background-settings__control--slider{flex:1;display:flex;align-items:center;gap:.75rem}.category-accordion{margin-bottom:24px;background-color:#ffffff08;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.category-accordion:last-child{margin-bottom:0}.category-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:none;border-radius:8px 8px 0 0;background-color:#ffffff0d;color:#fff;cursor:pointer;transition:background-color .2s;min-height:48px;text-align:left}.category-accordion.collapsed .category-accordion__header{border-radius:8px}.category-accordion__header:hover{background-color:#ffffff14}.category-accordion__header:focus{outline:2px solid #3498db;outline-offset:2px}.category-accordion__header-left{display:flex;align-items:center;gap:8px}.category-accordion__header-right{display:flex;align-items:center;gap:12px}.category-accordion__icon{font-size:1rem;flex-shrink:0}.category-accordion__title{font-size:16px;font-weight:700;color:#fff;letter-spacing:.01em}.category-accordion__summary{font-size:12px;font-weight:500;color:#888}.category-accordion__chevron{font-size:.75rem;color:#888;transition:transform .25s ease-out;flex-shrink:0}.category-accordion__chevron.expanded{transform:rotate(180deg)}.category-accordion__content{max-height:0;overflow:hidden;transition:max-height .25s ease-out,opacity .25s ease-out;opacity:0}.category-accordion__content.expanded{max-height:2000px;opacity:1}.category-accordion__content-inner{padding:8px 16px 16px}@media (hover: none) and (pointer: coarse){.category-accordion__header{min-height:48px}}@media (max-width: 480px){.category-accordion__header{padding:10px 12px}.category-accordion__title{font-size:15px}.category-accordion__content-inner{padding:6px 12px 12px}}.section-accordion{margin-bottom:16px;border-radius:6px;overflow:hidden}.section-accordion:last-child{margin-bottom:0}.section-accordion.feature-disabled{opacity:.6}.section-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:1px solid #333;border-radius:6px;background-color:#ffffff08;color:#fff;cursor:pointer;transition:background-color .2s,border-color .2s;min-height:40px;text-align:left}.section-accordion__header:hover{background-color:#ffffff0f;border-color:#444}.section-accordion__header:focus{outline:2px solid #3498db;outline-offset:2px}.section-accordion__header-left{display:flex;align-items:center;gap:6px}.section-accordion__header-right{display:flex;align-items:center;gap:8px}.section-accordion__title{font-size:14px;font-weight:600;color:#ccc}.section-accordion__help{font-size:.75rem;color:#666;cursor:help;transition:color .2s}.section-accordion__help:hover{color:#3498db}.section-accordion__badge{font-size:12px;font-weight:500}.section-accordion__chevron{font-size:.625rem;color:#666;transition:transform .25s ease-out;flex-shrink:0}.section-accordion__chevron.expanded{transform:rotate(180deg)}.section-accordion__content{max-height:0;overflow:hidden;transition:max-height .25s ease-out,opacity .25s ease-out;opacity:0}.section-accordion__content.expanded{max-height:1500px;opacity:1}.section-accordion__content-inner{padding:12px 0 0}@media (hover: none) and (pointer: coarse){.section-accordion__header{min-height:44px}}@media (max-width: 480px){.section-accordion__header{padding:8px 10px}.section-accordion__title{font-size:13px}}.settings-control-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.settings-control-row:last-child{margin-bottom:0}.settings-control-row--horizontal{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.settings-control-label{font-size:13px;font-weight:400;color:#888;line-height:1.4}.settings-control-input{flex:1;max-width:100%}.settings-control-row--horizontal .settings-control-input{flex:0 0 auto;max-width:50%}.demo-mode-section,.display-settings-section,.audio-settings,.midi-bridge-section,.tempo-sync-section,.strum-settings-section,.ticker-overlay-settings{display:flex;flex-direction:column;gap:12px}.tempo-sync__progressive-disclosure,.audio-settings__progressive-disclosure,.midi-bridge__progressive-disclosure,.strum-settings__progressive-disclosure{animation:progressive-disclosure-appear .25s ease-out}@keyframes progressive-disclosure-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.progressive-disclosure-enter{animation:progressive-disclosure-appear .25s ease-out}.summary-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:12px;font-weight:500;border-radius:4px;white-space:nowrap;transition:background-color .2s,color .2s}.summary-badge--info{background-color:#3498db33;color:#7fb3d5}.summary-badge--success{background-color:#27ae6033;color:#58d68d}.summary-badge--warning{background-color:#f39c1233;color:#f5b041}.summary-badge--error{background-color:#e74c3c33;color:#ec7063}.summary-badge__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.summary-badge--success .summary-badge__dot{background-color:#27ae60;box-shadow:0 0 4px #27ae6080}.summary-badge--warning .summary-badge__dot{background-color:#f39c12;animation:summary-badge-pulse 1s ease-in-out infinite}.summary-badge--error .summary-badge__dot{background-color:#e74c3c}.summary-badge--info .summary-badge__dot{background-color:#3498db}@keyframes summary-badge-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 480px){.summary-badge{font-size:11px;padding:.1rem .375rem}}.music-category-summary{display:flex;align-items:center;gap:.375rem}.midi-cc-section{display:flex;flex-direction:column;gap:12px}.midi-cc__toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#2a2a2a;border:1px solid #444;border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s}.midi-cc__toggle:hover{background-color:#333;border-color:#555}.midi-cc__toggle:focus{outline:2px solid #9b59b6;outline-offset:2px}.midi-cc__toggle.active{background-color:#3d2a4a;border-color:#9b59b6}.midi-cc__toggle-icon{font-size:1rem;flex-shrink:0}.midi-cc__toggle-text{flex:1;color:#fff;font-size:.875rem}.midi-cc__toggle-indicator{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;background-color:#ffffff1a;color:#888}.midi-cc__toggle.active .midi-cc__toggle-indicator{background-color:#9b59b64d;color:#9b59b6}.midi-cc__status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#ffffff08;border-radius:6px}.midi-cc__status-dot{width:8px;height:8px;border-radius:50%}.midi-cc__status-label{font-size:.8rem;color:#888}.midi-cc__status--connected .midi-cc__status-dot{background-color:#27ae60;box-shadow:0 0 6px #27ae6080}.midi-cc__status--connected .midi-cc__status-label{color:#27ae60}.midi-cc__status--connecting .midi-cc__status-dot{background-color:#f39c12;animation:midi-status-pulse 1s ease-in-out infinite}.midi-cc__status--connecting .midi-cc__status-label{color:#f39c12}.midi-cc__status--disconnected .midi-cc__status-dot{background-color:#666}.midi-cc__status--disconnected .midi-cc__status-label{color:#666}.midi-cc__status--error .midi-cc__status-dot{background-color:#e74c3c}.midi-cc__status--error .midi-cc__status-label{color:#e74c3c}.midi-cc__row{display:flex;gap:.5rem}.midi-cc__row--select{flex-direction:column;gap:.375rem}.midi-cc__label{font-size:13px;font-weight:400;color:#888}.midi-cc__select{width:100%;padding:.625rem .75rem;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:.875rem;cursor:pointer;transition:border-color .2s}.midi-cc__select:hover,.midi-cc__select:focus{border-color:#9b59b6;outline:none}.midi-cc__select:disabled{opacity:.5;cursor:not-allowed}.midi-cc__mappings{display:flex;flex-direction:column;gap:.5rem}.midi-cc__mappings-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid #333}.midi-cc__mappings-title{font-size:13px;font-weight:500;color:#aaa}.midi-cc__mappings-list{display:flex;flex-direction:column;gap:.375rem}.midi-cc__mapping-row{display:flex;flex-direction:column;gap:.375rem;padding:.5rem .625rem;background-color:#ffffff08;border:1px solid transparent;border-radius:6px;transition:background-color .2s,border-color .2s}.midi-cc__mapping-row:hover{background-color:#ffffff0d}.midi-cc__mapping-row.learning{background-color:#9b59b61a;border-color:#9b59b6}.midi-cc__mapping-info{display:flex;align-items:center;gap:.5rem}.midi-cc__mapping-type{font-size:.75rem;flex-shrink:0;opacity:.7}.midi-cc__mapping-label{flex:1;font-size:.8rem;color:#ddd}.midi-cc__mapping-value{font-size:.75rem;font-weight:500;color:#9b59b6;min-width:50px;text-align:right}.midi-cc__mapping-controls{display:flex;gap:.25rem;justify-content:flex-end}.midi-cc__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background-color:#ffffff0d;border:1px solid #444;border-radius:4px;color:#888;font-size:.75rem;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.midi-cc__btn:hover:not(:disabled){background-color:#ffffff1a;border-color:#666;color:#fff}.midi-cc__btn:focus{outline:2px solid #9b59b6;outline-offset:1px}.midi-cc__btn:disabled{opacity:.4;cursor:not-allowed}.midi-cc__btn--learn.active{background-color:#9b59b64d;border-color:#9b59b6;color:#9b59b6;animation:midi-cc-learn-pulse 1s ease-in-out infinite}.midi-cc__btn--manual.active{background-color:#3498db4d;border-color:#3498db;color:#3498db}.midi-cc__btn--clear:hover:not(:disabled){background-color:#e74c3c33;border-color:#e74c3c;color:#e74c3c}.midi-cc__btn--confirm{background-color:#27ae6033;border-color:#27ae60;color:#27ae60}.midi-cc__btn--confirm:hover:not(:disabled){background-color:#27ae604d}.midi-cc__manual-input{display:flex;gap:.375rem;padding-top:.25rem}.midi-cc__input{flex:1;padding:.375rem .5rem;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:.8rem;max-width:80px}.midi-cc__input:focus{border-color:#9b59b6;outline:none}.midi-cc__input::placeholder{color:#666}.midi-cc__learning-indicator{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background-color:#9b59b61a;border-radius:4px}.midi-cc__learning-pulse{width:8px;height:8px;border-radius:50%;background-color:#9b59b6;animation:midi-cc-learn-pulse 1s ease-in-out infinite}.midi-cc__learning-text{font-size:.75rem;color:#9b59b6;font-style:italic}@keyframes midi-cc-learn-pulse{0%,to{opacity:1}50%{opacity:.4}}.midi-cc__progressive-disclosure{animation:progressive-disclosure-appear .25s ease-out}@media (hover: none) and (pointer: coarse){.midi-cc__toggle,.midi-cc__select{min-height:44px}.midi-cc__btn{width:36px;height:36px}}@media (max-width: 480px){.midi-cc__mapping-row{padding:.625rem}.midi-cc__mapping-label{font-size:.75rem}.midi-cc__btn{width:32px;height:32px}}.explosion-settings{display:flex;flex-direction:column;gap:12px}.explosion-settings__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.explosion-settings__label{font-size:13px;font-weight:400;color:#ccc;line-height:1.4}.explosion-settings__control{display:flex;align-items:center;gap:.5rem}.explosion-settings__control--slider{flex:1;display:flex;align-items:center;gap:.75rem}.explosion-settings__progressive-disclosure{animation:progressive-disclosure-appear .25s ease-out}@media (hover: none) and (pointer: coarse){.explosion-settings__row{min-height:44px}}.font-selector{position:relative;width:100%}.font-selector__select{width:100%;padding-right:2.5rem}.font-selector__select--loading{opacity:.7;cursor:wait}.font-selector__loading{position:absolute;right:2rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.font-selector__spinner{width:16px;height:16px;border:2px solid #444;border-top-color:#3498db;border-radius:50%;animation:font-selector-spin .8s linear infinite}@keyframes font-selector-spin{to{transform:rotate(360deg)}}.font-selector__option{padding:.5rem;font-size:.875rem}.font-selector__select optgroup{font-weight:600;font-style:normal;color:#888;background-color:#1a1a1a;padding:.5rem 0}@media (hover: none) and (pointer: coarse){.font-selector__select{min-height:44px}.font-selector__spinner{width:20px;height:20px}}@media (max-height: 400px){.app{height:auto;min-height:100vh;overflow:auto}.word-cloud-section{min-height:300px}}.modifier-settings-section{display:flex;flex-direction:column;gap:12px}.modifier-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;transition:opacity .2s,background-color .2s}.modifier-row--inactive{opacity:.4}.modifier-row--inactive .modifier-row__slider{cursor:not-allowed}.modifier-row--midi-assigned .modifier-row__label{color:#3498db}.modifier-row--learning{background-color:#3498db26;border-radius:6px;padding:.5rem;margin:-.25rem;animation:modifier-row-learn-pulse 1s ease-in-out infinite}@keyframes modifier-row-learn-pulse{0%,to{background-color:#3498db26;box-shadow:0 0 0 1px #3498db4d}50%{background-color:#3498db40;box-shadow:0 0 0 2px #3498db80}}.modifier-row__label{flex-shrink:0;width:80px;font-size:.8rem;font-weight:500;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modifier-row__slider{flex:1;min-width:80px;height:6px;border-radius:3px;background:linear-gradient(to right,#333,#444);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modifier-row__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3498db;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d;transition:transform .1s,background-color .2s}.modifier-row__slider::-webkit-slider-thumb:hover{transform:scale(1.1);background:#5dade2}.modifier-row__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3498db;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}.modifier-row__slider::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(to right,#333,#444)}.modifier-row__slider:focus{outline:none}.modifier-row__slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #3498db66,0 2px 4px #0000004d}.modifier-row__slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px #3498db66,0 2px 4px #0000004d}.modifier-row__slider:disabled{cursor:not-allowed}.modifier-row__slider:disabled::-webkit-slider-thumb{background:#666;border-color:#888}.modifier-row__slider:disabled::-moz-range-thumb{background:#666;border-color:#888}.modifier-row__value{flex-shrink:0;width:40px;font-size:.8rem;font-weight:600;color:#3498db;font-family:monospace;text-align:right}.modifier-row__midi-learn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #444;border-radius:4px;background-color:#222;color:#888;font-size:.875rem;cursor:pointer;transition:all .2s}.modifier-row__midi-learn:hover{background-color:#333;border-color:#3498db;color:#fff}.modifier-row__midi-learn:focus{outline:2px solid #3498db;outline-offset:2px}.modifier-row__midi-learn--active{background-color:#3498db4d;border-color:#3498db;color:#3498db;animation:modifier-midi-learn-button-pulse .8s ease-in-out infinite}@keyframes modifier-midi-learn-button-pulse{0%,to{opacity:1}50%{opacity:.6}}.modifier-row__midi-indicator{flex-shrink:0;width:20px;font-size:.75rem;text-align:center;color:#3498db}@media (hover: none) and (pointer: coarse){.modifier-row{min-height:44px;gap:.75rem}.modifier-row__slider::-webkit-slider-thumb{width:24px;height:24px}.modifier-row__slider::-moz-range-thumb{width:24px;height:24px}.modifier-row__midi-learn{width:44px;height:44px;font-size:1rem}}@media (max-width: 479px){.modifier-row{gap:.375rem}.modifier-row__label{width:60px;font-size:.75rem}.modifier-row__value{width:32px;font-size:.75rem}.modifier-row__midi-learn{width:28px;height:28px;font-size:.75rem}.modifier-row__midi-indicator{width:16px;font-size:.625rem}}@media (min-width: 480px) and (max-width: 767px){.modifier-row__label{width:70px}.modifier-row__value{width:36px}}