.toast-container{position:fixed;top:1rem;right:1rem;z-index:999999;pointer-events:none}.toast{background:#fff;color:#000;padding:1rem 1.5rem;border:1px solid #000000;margin-bottom:.5rem;min-width:280px;max-width:400px;display:flex;align-items:center;gap:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:300;opacity:0;transform:translate(100%);transition:all .15s ease}.toast.show{opacity:1;transform:translate(0)}.toast.success{background:#000;color:#fff;border-color:#000}.toast.error{background:#fff;color:#000;border-color:#000}.toast.info{background:#f5f5f5;color:#000;border-color:#000}.toast-icon{display:none}.toast-content{flex:1}.toast-title{font-weight:400;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.toast-message{font-weight:300;font-size:.875rem;line-height:1.4}:root{--white: #ffffff;--black: #000000;--gray-light: #f5f5f5;--gray-mid: #e0e0e0;--gray-dark: #666666;--border-width: 1px;--transition: all .15s ease;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Consolas, "Liberation Mono", Menlo, monospace}#settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;font-family:var(--font-family)}.settings-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d}.settings-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:700px;max-height:85vh;background:var(--white);border:var(--border-width) solid var(--black);display:flex;flex-direction:column}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:var(--border-width) solid var(--black)}.settings-header h2{margin:0;font-size:1.5rem;font-weight:400;letter-spacing:-.02em}.settings-close{background:transparent;border:none;font-size:1.5rem;color:var(--black);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.settings-close:hover{opacity:.5}.settings-tabs{display:flex;gap:0;padding:0;border-bottom:var(--border-width) solid var(--black)}.settings-tab{flex:1;padding:1rem;background:var(--white);border:none;border-right:var(--border-width) solid var(--black);color:var(--gray-dark);font-size:.875rem;font-weight:300;cursor:pointer;transition:var(--transition);text-align:center}.settings-tab:last-child{border-right:none}.settings-tab:hover{background:var(--gray-light)}.settings-tab.active{background:var(--black);color:var(--white)}.settings-content{flex:1;overflow-y:auto;padding:2rem}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:.875rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-dark);margin:0 0 1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0}.section-description{color:var(--gray-dark);font-size:.875rem;font-weight:300;margin:0 0 1.5rem;line-height:1.6}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--gray-dark)}.loading-spinner{width:40px;height:40px;border:2px solid var(--gray-mid);border-top-color:var(--black);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.settings-error{padding:1rem;background:var(--gray-light);border:var(--border-width) solid var(--black);color:var(--black);text-align:center;font-size:.875rem}.btn-primary,.btn-secondary,.btn-connect,.btn-disconnect{padding:.75rem 1.5rem;font-size:.875rem;font-weight:300;cursor:pointer;transition:var(--transition);font-family:var(--font-family)}.btn-primary{background:var(--black);color:var(--white);border:var(--border-width) solid var(--black)}.btn-primary:hover{background:var(--gray-dark)}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-secondary{background:var(--white);color:var(--black);border:var(--border-width) solid var(--black)}.btn-secondary:hover{background:var(--gray-light)}.btn-connect{background:var(--black);color:var(--white);border:var(--border-width) solid var(--black)}.btn-connect:hover{background:var(--gray-dark)}.btn-disconnect{background:var(--white);color:var(--black);border:var(--border-width) solid var(--black)}.btn-disconnect:hover{background:var(--gray-light)}.wifi-container{max-width:100%}.wifi-status{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:var(--border-width) solid var(--black);margin-bottom:1.5rem}.wifi-status.connected{background:var(--black);color:var(--white)}.wifi-status.disconnected{background:var(--white);color:var(--black)}.status-icon{display:none}.status-info{flex:1}.status-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;opacity:.7}.status-ssid{font-size:1.125rem;font-weight:400}.status-ip,.status-signal{font-size:.75rem;font-family:var(--font-mono);margin-top:.5rem;opacity:.7}.wifi-networks{display:flex;flex-direction:column;gap:0;border:var(--border-width) solid var(--black)}.wifi-network{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--white);border-bottom:var(--border-width) solid var(--black);transition:var(--transition);cursor:pointer}.wifi-network:last-child{border-bottom:none}.wifi-network:hover{background:var(--gray-light)}.wifi-network.connected{background:var(--black);color:var(--white)}.network-info{display:flex;align-items:center;gap:1rem;flex:1}.network-icon{display:none}.network-details{flex:1}.network-ssid{font-size:1rem;font-weight:400;margin-bottom:.25rem}.network-meta{font-size:.75rem;font-family:var(--font-mono);opacity:.7}.network-signal{margin-right:1rem}.signal-bars{display:flex;align-items:flex-end;gap:2px;height:20px}.signal-bar{width:4px;background:var(--gray-mid)}.signal-bar:nth-child(1){height:25%}.signal-bar:nth-child(2){height:50%}.signal-bar:nth-child(3){height:75%}.signal-bar:nth-child(4){height:100%}.signal-bar.active{background:var(--black)}.wifi-network.connected .signal-bar.active{background:var(--white)}.badge-connected{padding:.5rem 1rem;background:var(--black);color:var(--white);font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.wifi-network.connected .badge-connected{background:var(--white);color:var(--black)}.wifi-empty{text-align:center;padding:3rem;color:var(--gray-dark);font-size:.875rem}.wifi-connect-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:11000}.dialog-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d}.dialog-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:var(--white);border:var(--border-width) solid var(--black);padding:2rem}.dialog-content h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:400}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:300;text-transform:uppercase;letter-spacing:.05em}.form-group input{width:100%;padding:.75rem;background:var(--white);border:var(--border-width) solid var(--black);color:var(--black);font-size:1rem;font-family:var(--font-family)}.form-group input:focus{outline:none;background:var(--gray-light)}.dialog-actions{display:flex;gap:0;justify-content:flex-end;border:var(--border-width) solid var(--black)}.dialog-actions .btn-secondary,.dialog-actions .btn-primary{border:none;border-right:var(--border-width) solid var(--black)}.dialog-actions .btn-primary:last-child{border-right:none}.dialog-status{margin-top:1rem;padding:.75rem;border:var(--border-width) solid var(--black);font-size:.875rem;text-align:center}.status-loading{background:var(--gray-light);color:var(--black)}.status-success{background:var(--black);color:var(--white)}.status-error{background:var(--white);color:var(--black)}.display-container{max-width:100%}.display-info{display:flex;flex-direction:column;gap:0;border:var(--border-width) solid var(--black);margin-bottom:1.5rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:var(--border-width) solid var(--black)}.info-item:last-child{border-bottom:none}.info-label{font-size:.875rem;font-weight:300;color:var(--gray-dark)}.info-value{font-size:1rem;font-weight:400;font-family:var(--font-mono)}.rotation-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:var(--border-width) solid var(--black);margin-bottom:1.5rem}.rotation-btn{padding:2rem 1rem;background:var(--white);border:none;border-right:var(--border-width) solid var(--black);border-bottom:var(--border-width) solid var(--black);cursor:pointer;transition:var(--transition);text-align:center}.rotation-btn:nth-child(2n){border-right:none}.rotation-btn:nth-last-child(-n+2){border-bottom:none}.rotation-btn:hover{background:var(--gray-light)}.rotation-btn.active{background:var(--black);color:var(--white)}.rotation-btn:disabled{opacity:.3;cursor:not-allowed}.rotation-icon{display:none}.rotation-label{font-size:1.125rem;font-weight:400;margin-bottom:.5rem}.rotation-desc{font-size:.75rem;opacity:.7}.rotation-preview{display:flex;justify-content:center;align-items:center;padding:3rem;border:var(--border-width) solid var(--black);background:var(--gray-light)}.preview-monitor{width:120px;height:80px;background:var(--white);border:2px solid var(--black);display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.preview-content{font-size:2rem}.audio-container{max-width:100%}.audio-status{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:var(--border-width) solid var(--black);margin-bottom:1.5rem}.audio-devices{display:flex;flex-direction:column;gap:0;border:var(--border-width) solid var(--black)}.audio-device{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--white);border-bottom:var(--border-width) solid var(--black);transition:var(--transition)}.audio-device:last-child{border-bottom:none}.audio-device:hover{background:var(--gray-light)}.audio-device.active{background:var(--black);color:var(--white)}.device-info{display:flex;align-items:center;gap:1rem;flex:1}.device-icon{display:none}.device-details{flex:1}.device-name{font-size:1rem;font-weight:400;margin-bottom:.25rem}.device-description{font-size:.75rem;opacity:.7}.device-actions{display:flex;gap:0;align-items:center;border:var(--border-width) solid var(--black)}.badge-active{padding:.5rem 1rem;background:var(--black);color:var(--white);font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em}.audio-device.active .badge-active{background:var(--white);color:var(--black)}.audio-empty{text-align:center;padding:3rem;color:var(--gray-dark);font-size:.875rem}.btn-select-device,.btn-test-device{padding:.5rem 1rem;font-size:.75rem;font-weight:300;cursor:pointer;transition:var(--transition);background:var(--white);color:var(--black);border:none;border-right:var(--border-width) solid var(--black)}.btn-test-device{border-right:none}.btn-select-device:hover,.btn-test-device:hover{background:var(--gray-light)}.audio-device.active .btn-select-device,.audio-device.active .btn-test-device{background:var(--black);color:var(--white);border-right-color:var(--white)}.audio-device.active .btn-test-device{border-right:none}.btn-select-device:disabled,.btn-test-device:disabled{opacity:.3;cursor:not-allowed}.settings-toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;background:var(--black);color:var(--white);font-size:.875rem;font-weight:300;border:var(--border-width) solid var(--black);z-index:12000;opacity:0;transform:translateY(20px);transition:var(--transition)}.settings-toast.show{opacity:1;transform:translateY(0)}.settings-toast.success{background:var(--black);color:var(--white)}.settings-toast.error{background:var(--white);color:var(--black)}.settings-toast.info{background:var(--gray-light);color:var(--black)}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:var(--white);border-left:var(--border-width) solid var(--black)}.settings-content::-webkit-scrollbar-thumb{background:var(--black)}.settings-content::-webkit-scrollbar-thumb:hover{background:var(--gray-dark)}@media (max-width: 768px){.settings-modal{width:100%;max-width:100%;max-height:100vh;height:100vh;border:none;border-left:var(--border-width) solid var(--black);border-right:var(--border-width) solid var(--black)}.settings-header,.settings-content{padding:1.5rem}.settings-tabs{flex-direction:column}.settings-tab{border-right:none;border-bottom:var(--border-width) solid var(--black)}.settings-tab:last-child{border-bottom:none}.rotation-buttons{grid-template-columns:1fr}.rotation-btn{border-right:none}.rotation-btn:nth-child(2n){border-right:none}.rotation-btn:last-child{border-bottom:none}}.beta-channel-toggle{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border:var(--border-width) solid var(--black);margin-bottom:0}.toggle-info{display:flex;align-items:center;gap:1rem;flex:1}.toggle-icon{font-size:1.5rem}.toggle-details{flex:1}.toggle-label{font-size:1rem;font-weight:400;margin-bottom:.25rem}.toggle-description{font-size:.75rem;color:var(--gray-dark);line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-mid);border:var(--border-width) solid var(--black);transition:var(--transition)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--white);border:var(--border-width) solid var(--black);transition:var(--transition)}.toggle-switch input:checked+.toggle-slider{background-color:var(--black)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background-color:var(--white)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.beta-channel-warning{padding:1rem 1.25rem;background:var(--gray-light);border:var(--border-width) solid var(--black);border-top:none;font-size:.75rem;color:var(--gray-dark);display:none}.beta-channel-warning.show{display:block}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.settings-info-list{display:grid;grid-template-columns:minmax(9rem,auto) 1fr;gap:.5rem 1.25rem;margin:0 0 1.25rem}.settings-info-list dt{color:var(--gray-dark);font-size:.875rem}.settings-info-list dd{margin:0;color:var(--black);font-size:.875rem;word-break:break-all}.settings-hint{margin:0;padding:.75rem 1rem;background:var(--gray-light);border:var(--border-width) solid var(--black);color:var(--gray-dark);font-size:.8125rem;line-height:1.5}