:root{--background-color:#ffffff;--background-color-red:#ffdfb5a2;--dark-background-color:#0f0f0f;--dark-background-color-red:#571c009d;--text-color:rgb(14,14,14);--dark-text-color:rgb(226,226,226);--link-color:#ff7b00;--link-opacity:#ff7b002c;--dark-link-color:#ffa033;--dark-link-opacity:#ffa03342;--button-color:rgb(245,245,245);--button-hover:rgb(228,228,228);--dark-button-color:rgb(49,49,49);--dark-button-hover:rgb(75,75,75);--border-color:#ccc;--dark-border-color:#5a5a5a;--dark-form-color:rgb(49,49,49);--dark-secondary-button:rgb(54,54,54);--dark-section-color:#272727;--chat-message-me:#ffeace;--chat-message-other:#e9e9e9;--dark-chat-message-me:rgb(92,84,74);--dark-chat-message-other:rgb(63,63,63);--dark-chat-meta:#dbdbdb;--chat-author:#333;--dark-chat-author:#d4d4d4;--chat-separator-bg:#dbdbdb;--dark-chat-separator-bg:#303030;--box-shadow:rgba(0,0,0,0.2);}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:normal;font-weight:400;src:url('../assets/fonts/sourcesans3/source-sans-3-v15-latin-regular.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:italic;font-weight:400;src:url('../assets/fonts/sourcesans3/source-sans-3-v15-latin-italic.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:normal;font-weight:500;src:url('../assets/fonts/sourcesans3/source-sans-3-v15-latin-500.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:italic;font-weight:500;src:url('../assets/fonts/sourcesans3/source-sans-3-v15-latin-500italic.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:normal;font-weight:600;src:url('../assets/fonts/sourcesans3/source-sans-3-v15-latin-600.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:italic;font-weight:600;src:url('../assets/fonts/sourcesans3/source-sans-3-v15-latin-600italic.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:normal;font-weight:700;src:url('../assets/fonts/sourcesans3/source-sans-3-v15-latin-700.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Source Sans 3';font-style:italic;font-weight:700;src:url('../assets/fonts/sourcesans3/source-sans-3-v15-latin-700italic.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:100;src:url('../assets/fonts/poppins/Poppins-Thin.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:100;src:url('../assets/fonts/poppins/Poppins-ThinItalic.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:200;src:url('../assets/fonts/poppins/Poppins-ExtraLight.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:200;src:url('../assets/fonts/poppins/Poppins-ExtraLightItalic.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:300;src:url('../assets/fonts/poppins/Poppins-Light.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:300;src:url('../assets/fonts/poppins/Poppins-LightItalic.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:400;src:url('../assets/fonts/poppins/Poppins-Regular.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:400;src:url('../assets/fonts/poppins/Poppins-Italic.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:500;src:url('../assets/fonts/poppins/Poppins-Medium.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:500;src:url('../assets/fonts/poppins/Poppins-MediumItalic.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:600;src:url('../assets/fonts/poppins/Poppins-SemiBold.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:600;src:url('../assets/fonts/poppins/Poppins-SemiBoldItalic.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:700;src:url('../assets/fonts/poppins/Poppins-Bold.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:700;src:url('../assets/fonts/poppins/Poppins-BlackItalic.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:800;src:url('../assets/fonts/poppins/Poppins-ExtraBold.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:800;src:url('../assets/fonts/poppins/Poppins-ExtraBoldItalic.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:900;src:url('../assets/fonts/poppins/Poppins-Black.woff2') format('woff2');}@font-face{font-display:swap;font-family:'Poppins';font-style:italic;font-weight:900;src:url('../assets/fonts/poppins/Poppins-BlackItalic.woff2') format('woff2');}#buttonRepeatOne.active,#buttonRepeatAll.active{background-color:var(--link-opacity);border-color:var(--link-color);}[data-bs-theme="dark"] #buttonRepeatOne.active,[data-bs-theme="dark"] #buttonRepeatAll.active{background-color:var(--dark-link-opacity);border-color:var(--dark-link-color);}.remove-track-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;line-height:1;padding:0;}.playlist-track-current{background-color:var(--link-opacity);border-left:3px solid var(--link-color);padding-left:8px !important;}[data-bs-theme="dark"] .playlist-track-current{background-color:var(--dark-link-opacity);border-left:3px solid var(--dark-link-color);}.playlist-track-current .text-muted{color:var(--link-color) !important;font-weight:bold;}[data-bs-theme="dark"] .playlist-track-current .text-muted{color:var(--dark-link-color)!important;}.playlist-selected{border-color:var(--link-color) !important;border-width:1px !important;background-color:var(--link-opacity) !important;box-shadow:0 0 12px var(--link-opacity);}[data-bs-theme="dark"] .playlist-selected{border-color:var(--dark-link-color) !important;background-color:var(--dark-link-opacity) !important;box-shadow:0 0 12px var(--dark-link-opacity);}.playlist-card{background:var(--background-color);transition:border-color 0.3s,box-shadow 0.3s,background-color 0.3s;cursor:pointer;}[data-bs-theme="dark"] .playlist-card{background:var(--dark-background-color);}.playlist-card:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1);}.playlist-track-row{transition:background 0.15s;}.playlist-track-row:hover{background:rgba(0,0,0,0.03);}.playlist-track-row:last-child{border-bottom:none !important;}.btn-success{background-color:var(--link-opacity)!important;border-color:var(--link-color)!important;color:white !important;transition:background-color 0.3s;}[data-bs-theme="dark"] .btn-success{background-color:var(--dark-link-opacity)!important;border-color:var(--dark-link-color)!important;color:white !important;}.form-control:focus{border-color:var(--link-color);box-shadow:0 0 0 .25rem var(--link-opacity);}[data-bs-theme="dark"] .form-control:focus{border-color:var(--dark-link-color);box-shadow:0 0 0 .25rem var(--dark-link-opacity);}.btn-custom.active{border-color:var(--link-color);}[data-bs-theme="dark"] .btn-custom.active{border-color:var(--dark-link-color);}.upload-area{border:2px dashed var(--border-color);transition:border-color 0.3s,background-color 0.3s;cursor:pointer;}[data-bs-theme="dark"] .upload-area{border:2px dashed var(--dark-border-color);}.hidden-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.upload-area:hover,.upload-area.dragover{border-color:var(--link-color)!important;background-color:var(--link-opacity)!important;}[data-bs-theme="dark"] .upload-area:hover,.upload-area.dragover{border-color:var(--dark-link-color)!important;background-color:var(--dark-link-opacity)!important;}.upload-icon{color:var(--text-color);}[data-bs-theme="dark"] .upload-icon{color:var(--dark-text-color);}.upload-btn{cursor:pointer;}.upload-status-success{color:#198754;}.upload-status-error{color:#dc3545;}.upload-status-info{color:var(--text-color);}[data-bs-theme="dark"] .upload-status-info{color:var(--dark-text-color);}.nav-tabs .nav-link.active{color:var(--text-color)!important;}[data-bs-theme="dark"] .nav-tabs .nav-link.active{color:var(--dark-text-color)!important;}.nav-tabs .nav-link{color:var(--link-color)!important;}[data-bs-theme="dark"] .nav-tabs .nav-link{color:var(--dark-link-color)!important;}#toggleRecorder{background:none;border:none;padding:0;margin:0;cursor:pointer;outline:none;box-shadow:none;}#toggleRecorder:hover{background:none;}#toggleRecorder:focus{outline:none;box-shadow:none;}#globalRecorder{max-height:100vh;display:flex;flex-direction:column;position:fixed;top:100px;left:100px;width:320px;z-index:9999;background:var(--background-color);color:var(--text-color);border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.5);user-select:none;outline:1px solid var(--border-color);border-radius:10px 10px 0 0;}[data-bs-theme="dark"] #globalRecorder{background:var(--dark-background-color);color:var(--dark-text-color);box-shadow:none;outline:1px solid var(--dark-border-color);}#globalRecorder.hidden{display:none;}#recorderHeader{touch-action:none;}.recorder.minimized .recorder-body{display:none;}.recorder.minimized{height:auto;width:200px;}.recorder-header{cursor:move;background:var(--background-color-red);padding:8px 10px;border-radius:10px 10px 0 0;display:flex;align-items:center;}[data-bs-theme="dark"] .recorder-header{background:var(--dark-background-color-red);}.recorder-actions{margin-left:auto;display:flex;gap:10px;}#minimizeRecorder,.recorder-close{cursor:pointer;font-weight:bold;}.recorder-body{display:flex;flex-direction:column;min-height:0;transition:all 0.2s ease;padding:10px;}.recorder-settings{min-height:0;flex:1;overflow-y:auto;padding:10px;border-top:1px solid var(--border-color);scrollbar-gutter:stable;}[data-bs-theme="dark"] .recorder-settings{border-top:1px solid var(--dark-border-color);}.recorder-settings.hidden{display:none;}.form-check-input{cursor:pointer;}.form-check-input:checked{background-color:#ff3b3b;border-color:#ff3b3b;}.form-check-input:focus{box-shadow:0 0 0 0.2rem rgba(255,59,59,0.25);}.form-switch .form-check-input{width:2.5em;height:1.3em;}.form-check{display:flex;justify-content:space-between;align-items:center;}#settingsModal .form-check{display:flex;justify-content:flex-start;align-items:center;}label{color:var( --text-color);font-weight:500;font-size:0.9rem;}[data-bs-theme="dark"] label{color:var(--background-color);font-weight:400;}.optionSpan{color:var( --text-color);font-weight:500;font-size:0.9rem;}[data-bs-theme="dark"] .optionSpan{color:var(--background-color);font-weight:400;}.form-range-custom{height:1rem;}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:0.6;}.search-icon svg{width:18px;height:18px;fill:currentColor;}#searchInput{padding-left:30px;}#searchInput:not(:placeholder-shown) + .clear-btn ~ .search-icon{opacity:0.3;}.clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;font-size:16px;cursor:pointer;opacity:0.5;display:none;transition:opacity 0.2s;width:24px;height:24px;border-radius:50%;}.clear-btn:hover{background:rgba(0,0,0,0.1);}.clear-btn:hover{opacity:1;}.music404{position:relative;overflow:hidden;}.music404 h1{font-size:7rem;}.music404-illustration{position:relative;display:inline-block;font-size:50px;color:var(--link-color);}.notes{position:absolute;left:50%;top:-10px;transform:translateX(-50%);pointer-events:none;}.notes span{position:absolute;font-size:26px;opacity:0;animation:floatNote 4s infinite;}.notes span:nth-child(1){left:-30px;animation-delay:0s;}.notes span:nth-child(2){left:0px;animation-delay:1s;}.notes span:nth-child(3){left:30px;animation-delay:2s;}.notes span:nth-child(4){left:60px;animation-delay:3s;}@keyframes floatNote{0%{transform:translateY(0) scale(0.8);opacity:0;}20%{opacity:1;}100%{transform:translateY(-120px) scale(1.2);opacity:0;}}.player-highlight{box-shadow:0 0 25px var(--link-color);transform:scale(1.02);transition:all 0.4s ease;}.time-wrapper{display:flex;align-items:flex-end;height:100%;}.time-signature{display:flex;flex-direction:column;align-items:center;font-family:serif;font-weight:bold;font-size:32px;line-height:0.9;}.time-signature div{padding:2px 0;}.btn:disabled{opacity:0.5;cursor:not-allowed;}#grid{margin-top:20px;display:inline-block;min-width:max-content;}.grid-wrapper{overflow-x:auto;overflow-y:hidden;width:100%;-webkit-overflow-scrolling:touch;}.drum-row{display:flex;align-items:center;margin-bottom:5px;}.drum-icon{display:flex;align-items:center;flex:0 0 auto;width:50px;}.kit-drum .drum-icon{width:35px;justify-content:center;}.kit-tabla .drum-icon{width:60px;justify-content:flex-start;}.drum-icon-content{display:flex;align-items:center;gap:6px;}.drum-icon svg{width:20px;height:20px;flex-shrink:0;}.tabla-label{font-size:12px;white-space:nowrap;}.step{width:25px;height:25px;margin:2px;background:#333;cursor:pointer;border-radius:4px;transition:transform 0.08s ease-out,box-shadow 0.08s ease-out;}[data-bs-theme="dark"] .step{background:#b6b6b6;}.step.playing{animation:pulse 0.12s ease-out;}@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.2);}100%{transform:scale(1);}}.step.active{background:#00c853;}[data-bs-theme="dark"] .step.active{background:#00c853;}.step.subdivision{opacity:0.6;}.header-row{margin-bottom:6px;}.header-step{font-size:12px;font-weight:bold;text-align:center;border:none;background:transparent;cursor:default;}[data-bs-theme="dark"] .header-step{background:transparent;}.beat-number{color:var(--text-color);}[data-bs-theme="dark"] .beat-number{color:var(--dark-text-color);}.user-list{padding:1rem;border-radius:8px;}.user-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;}.status-dot{width:10px;height:10px;border-radius:50%;}.status-dot.online{background:#28a745;}.status-dot.offline{background:#dc3545;opacity:0.6;}.nohoversvg{fill:var(--text-color)}[data-bs-theme="dark"] .nohoversvg{fill:var(--dark-text-color)}.usersvg{fill:var(--text-color)}[data-bs-theme="dark"] .usersvg{fill:var(--dark-text-color)}.usersvg:hover{fill:var(--link-color)}[data-bs-theme="dark"] .usersvg:hover{fill:var(--dark-link-color)}.msg-menu{position:absolute;top:-6px;right:-6px;opacity:0;transition:opacity 0.15s;}.message:hover .msg-menu{opacity:1;}@media (hover:none){.msg-menu{opacity:1;}}.reaction-bar{display:flex;gap:6px;white-space:normal;padding:15px 15px;border-bottom:1px solid var(--border-color);}[data-bs-theme="dark"] .reaction-bar{border-bottom:1px solid var(--dark-border-color);}.reaction-bar span{cursor:pointer;font-size:18px;line-height:1;transition:transform 0.15s;}.reaction-bar span:hover{transform:scale(1.3);}.menu-dropdown{margin-top:8px;white-space:normal;position:absolute;top:20px;max-width:90vw;min-width:140px;z-index:100;display:none;background:var(--background-color);border-radius:6px;box-shadow:0 4px 12px var(--box-shadow);opacity:0;transform:translateY(-4px);transition:0.15s;overflow-wrap:break-word;}[data-bs-theme="dark"] .menu-dropdown{background:var(--dark-secondary-button);box-shadow:none;}.menu-dropdown.open{display:block;opacity:1;}.menu-btn{background:transparent;border:none;font-size:18px;padding:4px;border-radius:6px;cursor:pointer;}.menu-dropdown button{margin:0;line-height:1.2;display:block;width:100%;padding:14px 14px;border:none;background:none;cursor:pointer;text-align:left;white-space:nowrap;}.menu-dropdown button:only-child{text-align:left;}.menu-dropdown button:hover{background:var(--button-hover);}[data-bs-theme="dark"] .menu-dropdown button:hover{background:var(--dark-button-hover);}.chat-image{max-width:70%;max-height:320px;width:auto;height:auto;border-radius:8px;display:block;cursor:zoom-in;}#image-viewer{position:fixed;inset:0;background:rgba(0,0,0,0.9);display:none;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;}#image-viewer img{max-width:90%;max-height:90%;border-radius:8px;}.chat-image:hover{transform:scale(1.01);}#imagePreview{margin-right:2px;display:flex;align-items:center;}.preview-wrapper{position:relative;display:inline-block;}.preview-wrapper img{max-height:120px;max-width:120px;border-radius:6px;}.remove-image{position:absolute;top:-6px;right:-6px;background:#ff4d4d;color:white;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:14px;line-height:22px;text-align:center;}.youtube-preview{position:relative;max-width:420px;cursor:pointer;margin-top:6px;}.youtube-thumb{width:100%;border-radius:8px;}.youtube-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:white;background:rgba(0,0,0,0.6);border-radius:50%;padding:12px 18px;}[data-bs-theme="dark"] .youtube-play{color:white;background:rgba(0,0,0,0.6);}.youtube-preview iframe{width:100%;height:236px;border-radius:8px;}.preview-link-wrapper{display:block;text-decoration:none;color:inherit;}.preview-url a{color:var(--link-color);word-break:break-all;}[data-bs-theme="dark"] .preview-url a{color:var(--dark-link-color);}.link-preview{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;max-width:420px;margin-top:6px;background:var(--background-color);color:var(--text-color);}[data-bs-theme="dark"] .link-preview{border:1px solid var(--dark-border-color);background:var(--dark-section-color);color:var(--dark-text-color);}.preview-image{width:100%;display:block;}.preview-content{padding:10px;}.preview-title{font-weight:bold;margin-bottom:4px;color:var(--text-color);}[data-bs-theme="dark"] .preview-title{color:var(--dark-text-color);}.preview-desc{font-size:13px;color:#555;}[data-bs-theme="dark"] .preview-desc{color:#aaa;}.preview-url{font-size:12px;color:#888;margin-top:6px;}[data-bs-theme="dark"] .preview-url{color:#bbb;}.text{white-space:pre-line;}.input-container{display:flex;flex-direction:column;}.input-row{display:flex;}.activity-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;}.activity-image{display:flex;align-items:center;gap:8px;}.activity-image span{font-size:12px;opacity:0.8;}.reply-box{display:flex;justify-content:space-between;align-items:center;background:#f0f2f5;border-left:4px solid var(--link-color);padding:6px 8px;border-radius:6px;gap:10px;}[data-bs-theme="dark"] .reply-box{background:#474747;border-left:4px solid var(--dark-link-color);}.reply-content{display:flex;flex-direction:column;gap:3px;overflow:hidden;min-width:0;}.reply-thumb{width:36px;height:36px;min-width:36px;object-fit:cover;border-radius:6px;border:1px solid var(--box-shadow);transition:0.2s;}.reply:hover .reply-thumb{transform:scale(1.05);}.reply-content > div{white-space:nowrap;}.reply-preview-inner span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.reply-preview-inner{max-width:200px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-color);}[data-bs-theme="dark"] .reply-preview-inner{color:var(--dark-text-color);}.cancel-reply{border:none;background:none;cursor:pointer;font-size:16px;opacity:0.6;transition:0.2s;}.cancel-reply:hover{opacity:1;transform:scale(1.1);}.reply{opacity:0.8;background:rgba(0,0,0,0.1);border-left:3px solid var(--link-color);padding:4px 6px;margin-bottom:4px;font-size:12px;border-radius:4px;cursor:pointer;transition:0.15s;}[data-bs-theme="dark"] .reply{border-left:3px solid var(--dark-link-color);}.reply:hover{background:var(--box-shadow);transform:scale(1.02);}.reply:active{transform:scale(0.98);}.highlight{animation:highlightGlow 1.6s ease;}@keyframes highlightGlow{0%{background:rgba(255,235,100,0.4);box-shadow:0 0 0 rgba(255,235,100,0);}40%{background:rgba(255,235,100,0.25);box-shadow:0 0 12px rgba(255,235,100,0.6);}100%{background:transparent;box-shadow:0 0 0 rgba(255,235,100,0);}}[data-bs-theme="dark"] .highlight{animation:highlightGlowDark 1.6s ease;}@keyframes highlightGlowDark{0%{background:rgba(255,200,0,0.25);box-shadow:0 0 0 rgba(255,200,0,0);}40%{background:rgba(255,200,0,0.2);box-shadow:0 0 10px rgba(255,200,0,0.5);}100%{background:transparent;box-shadow:none;}}.reaction-popup{position:fixed;transform:translate(-50%,-100%);background:var(--background-color);color:var(--text-color);padding:6px 10px;border-radius:6px;font-size:12px;pointer-events:none;z-index:9999;white-space:nowrap;}[data-bs-theme="dark"] .reaction-popup{background:var(--dark-button-color);color:var(--dark-text-color);}.reaction-popup.pos{left:var(--x);top:var(--y);}.message{margin-top:6px;padding:0px 12px;border-radius:12px;background:var(--background-color);color:var(--text-color);font-size:14px;line-height:1.4;overflow-wrap:anywhere;word-break:break-word;word-wrap:break-word;white-space:pre-wrap;display:inline-block;position:relative;max-width:100%;box-sizing:border-box;}[data-bs-theme="dark"] .message{background:var(--dark-background-color);color:var(--dark-text-color);}.message.me.grouped{border-top-right-radius:4px;border-bottom-right-radius:4px;}.message.other.grouped{border-top-left-radius:4px;border-bottom-left-radius:4px;}.message.grouped{margin-top:2px;}.message:not(.grouped){margin-top:10px;}.message.grouped .author{display:none;}.message.me{align-self:flex-end;background:var(--chat-message-me);border-bottom-right-radius:4px;margin-left:auto;margin-right:5px;}[data-bs-theme="dark"] .message.me{background:var(--dark-chat-message-me);}.message.other{align-self:flex-start;background:var(--chat-message-other);border-bottom-left-radius:4px;margin-right:auto;margin-left:5px;}[data-bs-theme="dark"] .message.other{background:var(--dark-chat-message-other);}.message .author{font-size:12px;font-weight:600;margin-bottom:2px;color:var(--chat-author);}[data-bs-theme="dark"] .message .author{color:var(--dark-chat-author);}.message .time{font-size:11px;color:var(--chat-meta);text-align:right;margin-top:4px;}[data-bs-theme="dark"] .message .time{color:var(--dark-chat-meta);}#chat{display:flex;flex-direction:column;height:100vh;border:1px solid var(--border-color);background:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)),radial-gradient(rgba(0,0,0,0.03) 1px,transparent 1px),url("../images/chat-pattern.webp") repeat,var(--background-color);background-size:auto,3px 3px,180px,auto;background-attachment:scroll,scroll,fixed,scroll;}[data-bs-theme="dark"] #chat{border:1px solid var(--dark-border-color);background:linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9)),radial-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),url("../images/chat-pattern.webp") repeat,var(--dark-background-color);background-size:auto,3px 3px,180px,auto;background-attachment:scroll,scroll,fixed,scroll;}#messages{flex:1;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;overflow-x:visible;padding:10px;position:relative;}#chatForm{margin:4px;box-sizing:border-box;}#chatForm textarea{flex:1;width:100%;resize:none;padding:8px 10px;margin-right:2px;border-radius:18px;background:var(--background-color);color:var(--text-color);border:1px solid var(--border-color);font-family:inherit;font-size:14px;line-height:1.4;min-height:40px;max-height:150px;overflow-y:auto;box-sizing:border-box;}[data-bs-theme="dark"] #chatForm textarea{background:var(--dark-form-color);color:var(--dark-text-color);border:1px solid var(--dark-border-color);}#chatForm input{flex:1;padding:10px;border:none;}.chatBtn{background:none;border:none;font-size:22px;cursor:pointer;}.emoji-picker{position:absolute;bottom:-370px;left:10px;width:260px;max-height:200px;overflow-y:auto;background:var(--background-color);border-radius:10px;padding:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:6px;box-shadow:0 4px 12px var(--box-shadow);z-index:999;}[data-bs-theme="dark"] .emoji-picker{background:var(--dark-section-color);}.emoji-picker span{cursor:pointer;font-size:22px;text-align:center;}.date-separator{text-align:center;margin:10px 0;font-size:12px;color:var(--chat-author);position:relative;}[data-bs-theme="dark"] .date-separator{color:var(--dark-chat-meta);}.date-separator span{background:var(--chat-separator-bg);padding:4px 10px;border-radius:10px;display:inline-block;}[data-bs-theme="dark"] .date-separator span{background:var(--dark-chat-separator-bg);}input[type="range"]::-webkit-slider-runnable-track{background:#a7b5c5;height:10px;border-radius:5px;}input[type="range"]::-webkit-slider-thumb{background:#1f1f3b;width:18px;height:18px;border-radius:50%;cursor:pointer;border:2px solid var(--background-color);}input[type="range"]::-moz-range-track{background:#a7b5c5;height:10px;border-radius:5px;}input[type="range"]::-moz-range-thumb{background:#1f1f3b;width:18px;height:18px;border-radius:50%;cursor:pointer;border:2px solid var(--background-color);}input[type="range"]::-ms-track{background:transparent;border-color:transparent;color:transparent;}input[type="range"]::-ms-fill-lower{background:#a7b5c5;}input[type="range"]::-ms-fill-upper{background:#a7b5c5;}input[type="range"]::-ms-thumb{background:#1f1f3b;width:18px;height:18px;border-radius:50%;border:2px solid var(--background-color);}#title{text-align:center;color:var( --text-color);font-weight:600;}[data-bs-theme="dark"] #title{color:var( --dark-text-color);}.btn-custom .svgBtn{color:black;width:20px;height:20px;}[data-bs-theme="dark"] .btn-custom .svgBtn{color:white;}.btn-custom{background-color:var(--button-color);color:var(--text-color);border:1px solid var(--text-color);font-weight:500;}.btn-custom:hover{background-color:var(--button-hover);color:var(--text-color);border:1px solid var( --text-color);}[data-bs-theme="dark"] .btn-custom{background-color:var(--dark-button-color);color:var(--background-color);border:1px solid var(--dark-text-color);}[data-bs-theme="dark"] .btn-custom:hover{background-color:var(--dark-button-hover);color:var(--dark-text-color);}.btn-secondary-custom{background-color:var(--dark-button-hover);color:var( --background-color)!important;opacity:1!important;}.btn-secondary-custom:hover{background-color:var(--dark-button-color);color:var( --background-color)!important;}[data-bs-theme="dark"] .btn-secondary-custom{background-color:var(--dark-secondary-button);color:var(--background-color)!important;}[data-bs-theme="dark"] .btn-secondary-custom:hover{background-color:var(--dark-button-hover);color:var(--background-color)!important;}.form-custom{border-radius:12px !important;padding:6px 32px 6px 12px;border:1px solid var(--text-color);background-color:var(--background-color);color:var(--text-color);font-weight:500;transition:all 0.2s ease;}.form-custom:focus{box-shadow:0 0 0 2px var(--box-shadow);border-color:var(--text-color);}[data-bs-theme="dark"] .form-custom{background-color:var(--dark-button-color);color:var(--dark-text-color);border:1px solid var(--dark-text-color);}#home{padding-top:10rem;padding-bottom:5rem;}footer p{text-align:start;}.eye,.eye-slash{fill:var(--text-color);}[data-bs-theme="dark"] .eye,[data-bs-theme="dark"] .eye-slash{fill:var(--dark-text-color);}[data-bs-theme="dark"] .form-select{background-color:var(--dark-form-color);}[data-bs-theme="dark"] .form-control:disabled{background-color:var(--dark-button-color);color:var(--background-color);}[data-bs-theme="dark"] .form-control{color:var(--background-color);background-color:var(--dark-form-color);}.hidden{display:none;}#close-button{position:absolute;top:20px;right:20px;font-size:2rem;color:white;cursor:pointer;z-index:1000;}h1{font-family:'Poppins';text-align:center;color:var( --text-color);font-weight:600;text-transform:uppercase;z-index:1;}h2{text-align:center;color:var( --text-color);font-weight:700;text-transform:uppercase;z-index:1;}[data-bs-theme="dark"] h1{color:var(--dark-text-color);font-weight:500;}[data-bs-theme="dark"] h2{color:var(--dark-text-color);font-weight:600;}p{font-size:1rem;color:var( --text-color);text-align:center;margin-bottom:0;}[data-bs-theme="dark"] p{color:var( --dark-text-color);}.image-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;}.image-card{display:flex;flex-direction:column;align-items:center;padding:10px;text-align:center;width:150px;justify-content:space-between;border-radius:5px;}.image-card img{max-width:100%;height:auto;}.image-card form{margin-top:auto;}.formLogin{padding-top:20rem;width:50%;}.cgsection h2,.cgsection h3{margin-top:1rem;margin-bottom:0.5rem;}.cgsection p{margin-bottom:1rem;text-align:start;}.cgsection ul{margin-top:1rem;margin-bottom:1rem;padding-left:1.5rem;}.cgsection li{margin-bottom:0.5rem;font-size:1rem;color:var( --text-color);}.cgsection h2{text-transform:none;text-align:start;font-size:1.5rem;color:var( --text-color);}[data-bs-theme="dark"] .cgsection h2{color:var(--dark-text-color);}.cgsection h3{font-size:1.2rem;color:var( --text-color);}[data-bs-theme="dark"] .cgsection h3{color:var(--dark-text-color);}[data-bs-theme="dark"] .cgsection li{color:var(--dark-text-color);}.socialIcon{fill:var(--text-color);margin-right:1rem;}[data-bs-theme="dark"] .socialIcon{fill:var( --dark-text-color);}footer a{text-decoration:none;color:var( --text-color);opacity:0.8;transition:opacity 0.3s;}[data-bs-theme="dark"] footer a{color:var( --dark-text-color);}footer a:hover{opacity:1;}.cgsection a{text-decoration:none;color:var( --text-color);opacity:0.8;transition:opacity 0.3s;}[data-bs-theme="dark"] .cgsection a{color:var( --dark-text-color);}.cgsection a:hover{opacity:1;}.line-container{position:relative;display:flex;align-items:center;justify-content:center;gap:0.2rem;}.line{height:3px;width:8rem;background:var(--link-color);border-radius:5px;}[data-bs-theme="dark"] .line{background:var( --dark-link-color);}.logosvg{fill:var(--link-color);}[data-bs-theme="dark"] .logosvg{fill:var( --dark-link-color);}.spaceDiv{background-color:var( --text-color);padding-top:2rem;padding-bottom:1rem;border-radius:5px;position:relative;filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.5));}[data-bs-theme="dark"] .spaceDiv{background-color:var(--dark-text-color);}html,body{margin:0;padding:0;overflow-x:hidden;}body{font-family:'Source Sans 3';font-weight:600;letter-spacing:1px;overflow-y:hidden;background:var(--background-color);min-height:100vh;}[data-bs-theme="dark"] body{background-color:var(--dark-background-color);color:var(--background-color);}.navbar-collapse-custom{opacity:0.9;background-color:var(--background-color);}[data-bs-theme="dark"] .navbar-collapse-custom{background-color:var( --dark-background-color);}.navbar-custom{z-index:100;padding-right:1rem;font-weight:600!important;}[data-bs-theme="dark"] .navbar-custom{font-weight:500!important;}.logosection{background:linear-gradient(0deg,var(--background-color),var(--background-color-red))!important;}[data-bs-theme="dark"] .logosection{background:linear-gradient(0deg,var(--dark-background-color),var(--dark-background-color-red))!important;}.navbar-nav-custom{align-items:center;background-color:var( --background-color);}[data-bs-theme="dark"] .navbar-nav-custom{background-color:var( --dark-background-color);}.navbar-toggler-custom{position:absolute;top:28px;right:28px;border:none;}.bellsvg{border-radius:4px;transition:border-color 0.3s ease,color 0.3s ease;fill:var(--text-color);cursor:pointer;outline:1px solid var(--text-color);outline-offset:2px;}[data-bs-theme="dark"] .bellsvg{outline:1px solid var(--dark-text-color);fill:var(--dark-text-color);}.bell-wrapper{position:relative;display:inline-flex;}.notif-dot{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#dc3545;border-radius:50%;}.nav-link-custom{font-family:"Poppins";display:inline-block;font-size:1.1rem;color:var(--text-color);text-transform:uppercase;font-weight:500;transition:color .3s;white-space:nowrap;opacity:1;cursor:pointer;padding:0.5rem;border-radius:6px;transition:background-color 0.15s ease,color 0.15s ease;}[data-bs-theme="dark"] .nav-link-custom{color:var( --dark-text-color);font-weight:400;}.nav-link-custom svg{pointer-events:none;fill:currentColor;}[data-bs-theme="dark"] .nav-link-custom svg{fill:currentColor;}.nav-link-custom:hover{color:var( --link-color);}[data-bs-theme="dark"] .nav-link-custom:hover{color:var( --dark-link-color);}.nav-link-icon{margin:2px;display:inline-block;font-size:1.2rem;color:var(--text-color);transition:color .3s;opacity:1;cursor:pointer;}[data-bs-theme="dark"] .nav-link-icon{color:var( --dark-text-color);font-weight:500;}.nav-link-icon:hover{color:var( --link-color);}[data-bs-theme="dark"] .nav-link-icon:hover{color:var( --dark-link-color);}.logo{max-width:180px;height:auto;}.nav-tabs .nav-item{margin-right:0;}.navbar-toggler svg{height:2.5rem;}.hamburger-icon svg{stroke:var(--text-color);}[data-bs-theme="dark"] .hamburger-icon svg{stroke:var(--dark-text-color);}.close-icon svg{stroke:var(--text-color);}[data-bs-theme="dark"] .close-icon svg{stroke:var(--dark-text-color);}#userSection{margin-top:10rem;}.border{border-radius:5px;border-color:var(--border-color);}#section{padding:0;min-height:100vh;box-shadow:0px 20px 20px 0px rgba(0,0,0,0.3),10px 0 15px -10px rgba(0,0,0,0.3);}[data-bs-theme="dark"] #section{box-shadow:none;}main{min-height:100vh;}footer{background-color:var(--background-color);background:linear-gradient(180deg,var(--background-color) 0%,var(--background-color) 60%,var(--background-color-red) 100%)!important;}[data-bs-theme="dark"] footer{background-color:var(--dark-background-color);background:linear-gradient(180deg,var(--dark-background-color) 0%,var(--dark-background-color) 60%,var(--dark-background-color-red) 100%)!important;}input{font-family:'source sans pro';letter-spacing:1px;}.copy{text-align:center;color:var( --text-color);}[data-bs-theme="dark"] .copy{color:var( --dark-text-color);;}.copy p{font-size:1rem;text-align:center;}@media (max-width:576px){#dropdownLink{display:flex;align-items:center;padding-right:0 !important;width:100%;justify-content:flex-end;}.nav-item.dropdown{width:100%;}.dropdown-divider{display:none;}.dropdown-menu{position:static !important;transform:none !important;width:100%;border:0 !important;box-shadow:none !important;background:transparent !important;text-align:right;margin:0;padding:0;}.dropdown-item{text-align:right;justify-content:flex-end;}.dropdown-item.nav-link-custom{display:flex;align-items:center;justify-content:flex-end;padding:2px 0 !important;}.nav-link-custom{font-size:1.1rem;margin-block:4px;padding:0;}.step{width:18px;min-width:18px;height:18px;}#chatForm{gap:2px;padding:2px;margin:2px;}#chatForm button{padding-left:2px;padding-right:2px;}table{font-size:0.4rem;}th,td{padding:1px;}#backgroundImage{top:20px;}.mainSection{padding:0;}.homeSection{padding:0;}.formLogin{padding-top:15rem;width:80%;}.cgsection h2{font-size:1.2rem;}.copy i{font-size:0.6rem!important;}.cgsection{padding-top:10rem;}.cgsection li{font-size:0.9rem;}.navbar-custom{padding-right:0;}.navbar-collapse-custom{height:auto;position:fixed;opacity:0.9;z-index:1050;background-color:var( --background-color);transition:opacity 0.3s ease-in-out;}.nav-item{margin-right:2rem;}p{font-size:0.9rem;}.navbar-nav-custom{align-items:end;}#home{padding-top:8rem;padding-bottom:2rem;}}@media (min-width:576px) and (max-width:768px){#dropdownLink{display:flex;align-items:center;padding-right:0 !important;width:100%;justify-content:flex-end;}.nav-item.dropdown{width:100%;}.dropdown-divider{display:none;}.dropdown-menu{position:static !important;transform:none !important;width:100%;border:0 !important;box-shadow:none !important;background:transparent !important;text-align:right;margin:0;padding:0;margin-top:10px;}.dropdown-item{text-align:right;justify-content:flex-end;}.dropdown-item.nav-link-custom{display:flex;align-items:center;justify-content:flex-end;padding:2px 0 !important;}#section{max-width:none;}table{font-size:0.8rem;}th,td{padding:4px;}.nav-link-custom{font-size:1.1rem;margin-block:4px;padding:0;}.nav-item{margin-right:2rem;}.cgsection{padding-top:10rem;}.navbar-custom{padding-right:0;}.navbar-collapse-custom{height:auto;position:fixed;opacity:0.9;z-index:1050;background-color:var( --background-color);transition:opacity 0.3s ease-in-out;}.navbar-nav-custom{align-items:end;}#home{padding-top:9rem;padding-bottom:2rem;}}@media (min-width:768px) and (max-width:992px){#dropdownLink{display:flex;align-items:center;padding-right:0 !important;width:100%;justify-content:flex-end;}.nav-item.dropdown{width:100%;}.dropdown-divider{display:none;}.dropdown-menu{position:static !important;transform:none !important;width:100%;border:0 !important;box-shadow:none !important;background:transparent !important;text-align:right;margin:0;padding:0;margin-top:10px;}.dropdown-item{text-align:right;justify-content:flex-end;}.dropdown-item.nav-link-custom{display:flex;align-items:center;justify-content:flex-end;padding:2px 0 !important;}th,td{padding:8px;}.nav-link-custom{font-size:1.1rem;margin-block:4px;padding:0;}.nav-item{margin-right:2rem;}.cgsection{padding-top:10rem;}.navbar-custom{padding-right:0;}.navbar-collapse-custom{height:auto;position:fixed;opacity:0.9;z-index:1050;background-color:var( --background-color);transition:opacity 0.3s ease-in-out;}.navbar-nav-custom{align-items:end;}#home{padding-top:9rem;padding-bottom:2rem;}#section{max-width:none;}}@media (min-width:992px) and (max-width:1200px){th,td{padding:8px;}.navbar-expand-lg .navbar-collapse{max-height:0;opacity:0;transition:max-height 0.5s ease,opacity 0.5s ease;overflow:visible;}.navbar-expand-lg .navbar-collapse.show{max-height:500px;opacity:1;overflow:visible;}.nav-item .dropdown-menu{z-index:1050;position:absolute;top:100%;left:0;}.icon-container{margin-inline:2rem;}.language-container{margin-right:2rem;}}@media (min-width:1200px){th,td{padding:8px;}.navbar-expand-lg .navbar-collapse{max-height:0;opacity:0;transition:max-height 0.5s ease,opacity 0.5s ease;overflow:visible;}.navbar-expand-lg .navbar-collapse.show{max-height:500px;opacity:1;overflow:visible;}.nav-item .dropdown-menu{z-index:1050;position:absolute;top:100%;left:0;}.icon-container{margin-inline:2rem;}.language-container{margin-right:2rem;}}.navbar-toggler .close-icon{display:none;}.navbar-toggler.collapsed .hamburger-icon{display:inline-block;}.navbar-toggler:not(.collapsed) .hamburger-icon{display:none;}.navbar-toggler:not(.collapsed) .close-icon{display:inline-block;}.navbar-toggler-custom:focus{outline:none;box-shadow:none;}.copy i{font-size:0.8rem;}.icon-container svg{border-radius:4px;transition:border-color 0.3s ease,color 0.3s ease;fill:var(--text-color);cursor:pointer;}[data-bs-theme="dark"] .icon-container svg{fill:var(--dark-text-color);}.icon-container svg:hover{fill:var(--link-color);}[data-bs-theme="dark"] .icon-container svg:hover{fill:var( --dark-link-color);}.icon-container svg.active{outline:1px solid var(--text-color);outline-offset:2px;}[data-bs-theme="dark"] .icon-container svg.active{outline:1px solid var(--dark-text-color);}.icon-container,.language-container{display:flex;align-items:center;}.language-option{border-radius:4px;transition:border-color 0.3s ease,color 0.3s ease;padding:2px;padding-left:4px;padding-right:4px;}.language-option.active{border:1px solid var(--text-color);}[data-bs-theme="dark"] .language-option.active{border:1px solid var(--dark-text-color);}.menu{display:block !important;}table{width:100%;border-collapse:collapse;table-layout:fixed;border-radius:8px;overflow:hidden;}th,td{text-align:left;border-bottom:1px solid var(--border-color);word-wrap:break-word;}[data-bs-theme="dark"] th,td{border-bottom:1px solid var(--dark-border-color);}th{background-color:var(--link-color);color:var(--background-color);text-transform:uppercase;}[data-bs-theme="dark"] table{background-color:var(--dark-section-color);}[data-bs-theme="dark"] th{background-color:var(--dark-link-color);color:var(--dark-background-color);}a{text-decoration:none;}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}@keyframes blink{0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}}.blink{animation:blink 1s infinite;}#tuner{margin-top:40px;}.gauge{position:relative;width:200px;height:100px;border:8px solid var(--dark-border-color);border-bottom:none;border-top-left-radius:200px;border-top-right-radius:200px;margin:40px auto 0;overflow:hidden;}[data-bs-theme="dark"] .gauge{border:8px solid var(--border-color);border-bottom:none;}.zone{position:absolute;bottom:0;left:8px;width:calc(100% - 16px);height:100%;border-radius:200px 200px 0 0;border:10px solid transparent;border-top-color:#f1c40f;transform-origin:bottom center;transform:rotate(0deg);clip-path:polygon(40% 0%,60% 0%,100% 100%,0% 100%);transition:border-top-color 0.2s ease;}.zone.good{border-top-color:#2ecc71;box-shadow:0 0 12px rgba(46,204,113,0.8);}.needle{position:absolute;width:4px;height:80px;background:#ff7b00;bottom:0;left:50%;transform-origin:bottom center;transform:rotate(0deg);transition:transform 0.1s linear;}.tick{position:absolute;width:100%;height:100%;left:0;bottom:0;transform-origin:bottom center;}.tick--10,.tick-10{height:10px;background:#333;bottom:0;}.tick-0{width:2px;height:80%;background:rgb(0,0,0);left:50%;bottom:0;transform:translateX(-50%);}[data-bs-theme="dark"] .tick-0{background:rgb(255,255,255);}