@font-face{font-family:'Amiri';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Amiri-Regular.woff2') format('woff2')}@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Amiri-Bold.woff2') format('woff2')}@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Tajawal-Regular.woff2') format('woff2')}@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Tajawal-Bold.woff2') format('woff2')}@font-face{font-family:'Almarai';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Almarai-Regular.woff2') format('woff2')}@font-face{font-family:'Almarai';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Almarai-Bold.woff2') format('woff2')}@font-face{font-family:'Orbitron';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Orbitron-Bold.woff2') format('woff2')}:root{--direction:rtl;--text-align-start:right;--text-align-end:left;--volume-control-order:1;--panel-bg-color:rgba(255,255,255,0.10);--panel-border-color:rgba(255,255,255,0.2);--input-bg-color:rgba(255,255,255,0.1);--primary-color:#ffda68;--secondary-color:#fff;--accent-color:#ffda68;--text-color:#fff;--background-start:#f00;--background-end:#00f;--background-opacity:.2;--correct-color:#2ecc71;--wrong-color:#e74c3c;--timer-color:#ffc107;--skip-color:rgba(255,255,255,0.1);--settings-panel-bg-rgb:44,62,80;--speaking-color:#FFD700;--speaking-color-rgb:255,215,0;--text-color-muted:#fff;--glass-bg-color:rgba(255,255,255,0.1);--question-bg-color:hsla(207,70%,55%,0.8);--question-bg-opacity:.8;--option-bg-color:hsla(254,100%,50%,0.2);--option-bg-opacity:.2;--question-text-color:#fff;--option-text-color:#fff;--font-family:'Almarai',sans-serif;--base-font-size:16px;--button-font-size:1rem;--heading-font-size:1.6rem;--question-font-size:20px;--option-font-size:16px;--container-width:1200px;--container-min-height:400px;--container-padding-top-bottom:1.5rem;--container-padding-left-right:0;--container-margin-top-bottom:0;--container-margin-left-right:0;--element-spacing:.8rem;--section-spacing:1.3rem;--button-padding:10px 18px;--border-radius:10px;--omnitrix-option-size:120px;--omnitrix-option-padding:15px;--timer-color-rgb:255,193,7;--wrong-color-rgb:231,76,60;--correct-color-rgb:46,204,113;--primary-color-rgb:255,218,104;--secondary-color-rgb:240,163,60;--accent-color-rgb:255,218,104}html[lang="en"]{--direction:ltr;--text-align-start:left;--text-align-end:right;--volume-control-order:-1}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh;font-family:var(--font-family);color:var(--text-color);display:flex;justify-content:center;align-items:center;direction:var(--direction);text-align:var(--text-align-start);font-size:var(--base-font-size);line-height:1.6;background-color:var(--background-end);transition:background .5s ease}@supports(-webkit-touch-callout:none){body{background-attachment:scroll;min-height:-webkit-fill-available}}input,select,button{font-family:inherit}.hidden{display:none!important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInDown{from{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:768px){:root{--base-font-size:14px;--button-font-size:.9rem;--heading-font-size:1.4rem;--question-font-size:18px;--option-font-size:14px;--container-padding-top-bottom:1rem;--element-spacing:.6rem;--section-spacing:1rem;--button-padding:8px 15px}body{padding:15px}}@media(max-width:480px){:root{--base-font-size:13px;--button-font-size:.85rem;--heading-font-size:1.3rem;--question-font-size:16px;--option-font-size:13px;--container-padding-top-bottom:.8rem;--element-spacing:.5rem;--section-spacing:.8rem;--button-padding:6px 12px}body{padding:10px}.container#app-container{padding-left:.5rem;padding-right:.5rem}}@media(max-width:400px){body{padding:10px 5px}.login-container-professional{padding:30px 20px;width:95%}.login-logo{width:70px;height:70px;margin-bottom:15px}.login-container-professional h1{font-size:1.6rem}.login-container-professional p{font-size:.95rem;margin-bottom:25px}.login-btn-google{padding:10px 20px;font-size:1rem}.container#app-container{padding:1rem .8rem}.app-logo{width:70px;margin-bottom:10px}#setup-section h1{font-size:1.4rem}.auth-buttons-new-position{gap:8px}.auth-buttons-new-position .glass-button{padding:8px 10px;font-size:.85em;min-width:0;flex-grow:1;flex-basis:120px}.option-group h3,.h3-like-label{font-size:1rem}}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:rgba(0,0,0,0.3);border-radius:10px}*::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:10px;border:2px solid transparent;background-clip:content-box;transition:background-color .3s ease}*::-webkit-scrollbar-thumb:hover{background-color:hsl(48,100%,75%)}*{scrollbar-width:thin;scrollbar-color:var(--accent-color) rgba(0,0,0,0.2)}select option{background-color:var(--background-end,#0b132b);color:var(--text-color,#f0f0f0)}.glass-panel{background-color:var(--panel-bg-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);border:1px solid var(--panel-border-color);padding:var(--container-padding-top-bottom) var(--container-padding-left-right);width:100%;box-shadow:var(--glass-shadow);text-align:center;animation:fadeIn .5s ease-out;transform:translateZ(0);will-change:transform}.glass-button{background-color:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);padding:var(--button-padding);margin:calc(var(--element-spacing) / 2) 0;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;color:var(--text-color);font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,0.2);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--button-font-size);box-shadow:0 1px 3px rgba(0,0,0,0.1);text-decoration:none;position:relative}.glass-button:hover{background-color:rgba(255,255,255,0.2);transform:translateY(-2px);box-shadow:0 3px 10px rgba(0,0,0,0.15)}.glass-button i{font-size:1.1em}.score-info-btn{padding:8px 12px;font-size:1.2rem;background:transparent;border:none;color:var(--accent-color);margin:0 10px}.score-info-btn:hover{background:rgba(255,255,255,0.1);transform:scale(1.1)}.glow-button{background:var(--accent-color);border:none;color:#333;padding:12px 25px;border-radius:50px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-shadow:none;font-weight:bold;margin-top:var(--section-spacing);display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 10px rgba(0,0,0,0.2),0 0 15px rgba(var(--accent-color-rgb,255,218,104),0.4)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 10px rgba(0,0,0,0.2),0 0 15px rgba(var(--accent-color-rgb,255,218,104),0.4)}50%{transform:scale(1.05);box-shadow:0 6px 15px rgba(0,0,0,0.3),0 0 25px rgba(var(--accent-color-rgb,255,218,104),0.6)}100%{transform:scale(1);box-shadow:0 4px 10px rgba(0,0,0,0.2),0 0 15px rgba(var(--accent-color-rgb,255,218,104),0.4)}}.glow-button:hover{background:hsl(48,100%,65%);transform:translateY(-3px) scale(1.02);animation-play-state:paused}.glow-button:active{transform:translateY(-1px) scale(1)}.glow-button i{font-size:1.2em}.settings-panel{display:none;position:fixed;top:0;right:0;transform:translateX(100%);width:320px;height:100%;background-color:rgba(var(--settings-panel-bg-rgb,44,62,80),0.85);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-right:1px solid rgba(255,255,255,0.1);padding:var(--container-padding);z-index:1010;direction:rtl;overflow-y:auto;box-shadow:-5px 0 15px rgba(0,0,0,0.2);transition:transform .4s ease-in-out}html[lang="en"] .settings-panel{left:0;right:auto;transform:translateX(-100%);border-left:1px solid rgba(255,255,255,0.1);border-right:none;box-shadow:5px 0 15px rgba(0,0,0,0.2)}.settings-panel.visible{display:block;transform:translateX(0)}html[lang="en"] .settings-panel.visible{transform:none!important;left:0!important;right:auto!important;z-index:1020!important}.settings-toggle{position:fixed;top:20px;right:20px;left:auto;z-index:1011;background:var(--primary-color);border:none;border-radius:50%;width:45px;height:45px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 2px 10px rgba(0,0,0,0.3);transition:all .3s ease}html[lang="en"] .settings-toggle{left:20px;right:auto}.settings-toggle:hover{transform:rotate(90deg) scale(1.1);background:var(--secondary-color)}.settings-toggle i{font-size:1.2rem;color:inherit}.settings-close{position:absolute;top:10px;right:10px;left:auto;background:transparent;border:none;font-size:1.8rem;color:rgba(255,255,255,0.7);cursor:pointer;padding:5px;line-height:1}html[lang="en"] .settings-close{left:10px;right:auto}.settings-close:hover{color:white}.custom-alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.custom-alert-overlay.active{opacity:1;visibility:visible}.custom-alert-box{padding:30px 40px;border-radius:15px;text-align:center;width:90%;max-width:450px;position:relative;transform:scale(0.9);opacity:0;transition:transform .3s ease,opacity .3s ease;color:var(--text-color,#f0f0f0)}.custom-alert-overlay.active .custom-alert-box{transform:scale(1);opacity:1}.custom-alert-icon{font-size:3.5em;margin-bottom:20px;text-shadow:0 0 15px rgba(255,255,255,0.3)}#custom-alert-message{font-size:1.2em;line-height:1.6;margin-bottom:25px;font-weight:600}.custom-alert-actions{display:flex;justify-content:center;gap:15px;margin-top:30px}#custom-alert-ok-btn,#custom-alert-cancel-btn{padding:12px 30px;font-size:1em;font-weight:700;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease;min-width:120px}.custom-alert-box.success{background:rgba(46,204,113,0.25);border:1px solid rgba(46,204,113,0.5);box-shadow:0 8px 32px 0 rgba(46,204,113,0.15)}.custom-alert-box.success .custom-alert-icon{color:#2ecc71}.custom-alert-box.success #custom-alert-ok-btn{background-color:#27ae60;color:white}.custom-alert-box.success #custom-alert-ok-btn:hover{background-color:#2ecc71}.custom-alert-box.error{background:rgba(231,76,60,0.25);border:1px solid rgba(231,76,60,0.5);box-shadow:0 8px 32px 0 rgba(231,76,60,0.15)}.custom-alert-box.error .custom-alert-icon{color:#e74c3c}.custom-alert-box.error #custom-alert-ok-btn{background-color:#c0392b;color:white}.custom-alert-box.error #custom-alert-ok-btn:hover{background-color:#e74c3c}.custom-alert-box.confirm .custom-alert-icon,.custom-alert-box.warning .custom-alert-icon{color:#f39c12}.custom-alert-box.confirm,.custom-alert-box.warning{background:rgba(243,156,18,0.25);border:1px solid rgba(243,156,18,0.5);box-shadow:0 8px 32px 0 rgba(243,156,18,0.15)}.custom-alert-box.confirm #custom-alert-ok-btn{background-color:#27ae60;color:white}.custom-alert-box.confirm #custom-alert-ok-btn:hover{background-color:#2ecc71}.custom-alert-box.confirm #custom-alert-cancel-btn{background-color:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:var(--text-color,#f0f0f0)}.custom-alert-box.confirm #custom-alert-cancel-btn:hover{background-color:rgba(255,255,255,0.3)}@keyframes pulse-icon{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.custom-alert-box.warning .custom-alert-icon i,.custom-alert-box.confirm .custom-alert-icon i{animation:pulse-icon 2s infinite ease-in-out}.custom-alert-box.seller-warning-alert #custom-alert-message{max-height:45vh;overflow-y:auto;padding:15px;background:rgba(0,0,0,0.2);border-radius:8px;text-align:start;line-height:1.7;font-size:1.05em}html[dir="rtl"] .custom-alert-box.seller-warning-alert #custom-alert-message{text-align:right}.notification-badge,.unread-badge{position:absolute;top:-5px;right:-5px;width:22px;height:22px;border-radius:50%;background-color:#e74c3c;color:white;font-size:12px;font-weight:bold;font-family:sans-serif;border:2px solid white;box-shadow:0 2px 5px rgba(0,0,0,0.3);display:flex;justify-content:center;align-items:center}html[dir="rtl"] .notification-badge,html[dir="rtl"] .unread-badge{right:auto;left:-5px}.pulse-badge{animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(231,76,60,0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(231,76,60,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(231,76,60,0)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.loading-overlay.active{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s}.loader{width:50px;height:50px;border:5px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin .8s linear infinite;margin-bottom:15px}.loading-overlay p{color:rgba(255,255,255,0.9);font-size:1rem;font-weight:bold}.flash-messages{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1001;width:90%;max-width:500px}.alert{padding:1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;color:#fff;background-color:rgba(0,0,0,0.5);border-color:rgba(255,255,255,0.2)}.alert-success{color:#d4edda;background-color:#155724;border-color:#155724}.alert-error{color:#f8d7da;background-color:#721c24;border-color:#721c24}.alert-info{color:#d1ecf1;background-color:#0c5460;border-color:#0c5460}#lottie-celebration-container,#lottie-feedback-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:10000;display:none;justify-content:center;align-items:center;pointer-events:none}#lottie-celebration-container.active,#lottie-feedback-container.active{display:flex}#lottie-celebration-container svg,#lottie-feedback-container svg{width:80%!important;max-width:600px!important;height:auto!important}.lottie-overlay{position:fixed;inset:0;z-index:10002;display:flex;justify-content:center;align-items:center;background-color:rgba(11,19,43,0.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .5s ease-out}.lottie-overlay.hidden{opacity:0;pointer-events:none}.lottie-overlay>div{max-width:90vw;max-height:90vh}@media(max-width:768px){.settings-panel{width:90%;padding:var(--element-spacing)}.settings-toggle{width:40px;height:40px;top:10px;right:10px}html[lang="en"] .settings-toggle{left:10px;right:auto}.settings-close{font-size:1.5rem;top:5px;right:5px}html[lang="en"] .settings-close{left:5px;right:auto}}@media(max-width:480px){.settings-panel{width:100%}.settings-toggle{width:35px;height:35px;top:5px;right:5px}html[lang="en"] .settings-toggle{left:5px;right:auto}.settings-close{font-size:1.3rem;top:3px;right:3px}html[lang="en"] .settings-close{left:3px;right:auto}}.container{position:relative;width:100%;max-width:var(--container-width);min-height:var(--container-min-height);display:flex;justify-content:center;align-items:center;padding-top:var(--container-padding-top-bottom);padding-bottom:var(--container-padding-top-bottom);padding-left:var(--container-padding-left-right);padding-right:var(--container-padding-left-right);margin-top:var(--container-margin-top-bottom);margin-bottom:var(--container-margin-top-bottom);margin-left:auto;margin-right:auto;transform:translateZ(0)}#setup-section h1{font-size:var(--heading-font-size);margin-bottom:var(--element-spacing);text-shadow:1px 1px 2px rgba(0,0,0,0.3);font-weight:bold;animation:slideInDown .5s ease-out;color:var(--text-color)}#setup-section .description{margin-bottom:var(--section-spacing);opacity:.9}.setup-options{display:flex;flex-direction:column;gap:var(--section-spacing);margin-top:20px}.option-group{padding:var(--element-spacing);border-radius:var(--border-radius);background:rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.1);box-shadow:0 2px 5px rgba(0,0,0,0.05)}.option-group h3,.h3-like-label{font-size:1.1rem;margin-bottom:var(--element-spacing);color:var(--text-color);font-weight:bold;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:calc(var(--element-spacing) / 2);display:flex;align-items:center;gap:8px;justify-content:var(--text-align-start)}.option-group h3 i,.h3-like-label i{color:var(--accent-color)}.text-input-container{display:flex;gap:var(--element-spacing);align-items:center}.text-input-container input[type="text"]{flex-grow:1;padding:10px;border-radius:calc(var(--border-radius) / 1.5);border:1px solid rgba(255,255,255,var(--glass-border-opacity,0.2));background-color:rgba(0,0,0,0.2);color:var(--text-color);font-size:.9rem;outline:none;transition:border-color .3s ease;text-align:var(--text-align-start)}.text-input-container input[type="text"]::placeholder{color:rgba(255,255,255,0.8);font-family:var(--font-family);text-align:var(--text-align-start)}.text-input-container input[type="text"]:focus{border-color:var(--primary-color)}.file-input-container{display:flex;align-items:center;gap:var(--element-spacing);flex-wrap:wrap}.file-input-container input[type="file"]{display:none}.file-upload-label{flex-shrink:0}.file-count,.file-name{font-size:.9em;color:rgba(255,255,255,0.7);flex-grow:1;text-align:var(--text-align-start);word-break:break-all}.icon-options,.options-grid{display:flex;gap:var(--element-spacing);justify-content:center;flex-wrap:wrap}.icon-option{padding:var(--element-spacing);border-radius:calc(var(--border-radius) / 1.5);cursor:pointer;transition:all .3s ease;text-align:center;color:var(--text-color);background-color:rgba(255,255,255,0.05);border:1px solid transparent;min-width:80px;flex:1 1 80px;max-width:120px}.icon-option i{font-size:1.5rem;margin-bottom:.5rem;display:block;color:var(--accent-color)}.icon-option span{display:block;font-size:.9rem}.icon-option:hover{background-color:rgba(255,255,255,0.1);transform:translateY(-2px);border-color:rgba(255,255,255,var(--glass-border-opacity,0.2))}.icon-option.selected{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 8px rgba(var(--primary-color-rgb,109,213,237),0.5);color:white;transform:scale(1.05)}.icon-option.selected i{color:white}.sound-controls{display:flex;align-items:center;justify-content:center;gap:var(--section-spacing);margin-top:var(--element-spacing);flex-direction:row-reverse;flex-wrap:wrap}html[lang="en"] .sound-controls{flex-direction:row}.sound-controls button{padding:8px 15px}.volume-control{display:flex;align-items:center;gap:calc(var(--element-spacing) / 2);order:var(--volume-control-order)}.volume-control i{font-size:1.2rem;color:var(--accent-color)}.volume-control input[type="range"]{width:80px;height:5px;background:rgba(255,255,255,0.2);border-radius:3px;outline:none;opacity:.8;transition:opacity .2s;cursor:pointer;-webkit-appearance:none;appearance:none}.volume-control input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent-color);border-radius:50%;cursor:pointer;box-shadow:0 0 5px rgba(var(--accent-color-rgb,255,218,104),0.5)}.volume-control input[type="range"]::-moz-range-thumb{width:14px;height:14px;background:var(--accent-color);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 5px rgba(var(--accent-color-rgb,255,218,104),0.5)}.volume-control input[type="range"]:hover{opacity:1}.app-logo{width:80px;height:auto;margin-bottom:15px;display:block;margin-left:auto;margin-right:auto;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.auth-buttons-new-position{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;justify-content:center;padding:0 10px;margin-top:20px}.auth-buttons-new-position button,.auth-buttons-new-position a.glass-button{min-width:120px;padding:10px 15px;font-size:1em}.auth-buttons-new-position .glass-button i{color:var(--accent-color);transition:color .3s ease}.auth-buttons-new-position .glass-button:hover i{color:inherit}.start-actions{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px;width:100%}.start-actions .glow-button{width:100%;max-width:400px;justify-content:center;margin-top:0}#quiz-section{display:none;width:100%}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--section-spacing);padding-bottom:var(--element-spacing);border-bottom:1px solid rgba(255,255,255,0.1);flex-direction:row-reverse;flex-wrap:wrap;gap:var(--element-spacing)}html[lang="en"] .quiz-header{flex-direction:row}.quiz-header>*{flex-shrink:0}.quiz-header .score-container{flex-grow:1;justify-content:var(--text-align-end)}html[lang="en"] .quiz-header .score-container{justify-content:var(--text-align-start)}.btn-back{background:transparent;border:none;padding:5px 10px;color:rgba(255,255,255,0.8);font-size:.9rem}.btn-back:hover{background:rgba(255,255,255,0.1);transform:translateX(3px)}html[lang="en"] .btn-back:hover{transform:translateX(-3px)}.btn-back i{font-size:1rem;margin-left:0;margin-right:5px}html[lang="en"] .btn-back i{margin-right:5px;margin-left:0}.score-container{display:flex;align-items:center;gap:8px;font-size:1.1rem;color:var(--accent-color);font-weight:bold}.score-container i{font-size:1.2rem}.question-container{position:relative;margin-bottom:var(--section-spacing);padding:var(--element-spacing) calc(var(--element-spacing)+40px) var(--element-spacing) var(--element-spacing);background-color:rgba(var(--question-bg-color-rgb,52,152,219),var(--question-bg-opacity,0.8));border-radius:var(--border-radius);transition:opacity .3s ease,background-color .3s ease;min-height:80px;display:flex;align-items:center;justify-content:center}.question-container.fade-out{opacity:0}#question-text{font-weight:bold;margin:0;padding:5px;text-align:center;line-height:1.5;width:100%;color:var(--question-text-color)}.read-aloud-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:8px 10px;font-size:.9rem;background-color:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.25)}html[lang="en"] .read-aloud-btn{left:10px;right:auto}.read-aloud-btn:hover{background-color:rgba(255,255,255,0.25)}.read-aloud-btn i{font-size:1.1em}.options-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(80px,auto);gap:40px;width:100%;padding:35px 0;perspective:1000px;padding-block:55px}.options-container.fade-out{opacity:0}.skip-button{background:var(--skip-color,rgba(255,255,255,0.1));border:1px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.8);margin:var(--section-spacing) auto 0;display:block;padding:10px 20px;font-size:.9rem;max-width:150px}.skip-button:hover{background:rgba(255,255,255,0.15);color:white;border-color:rgba(255,255,255,0.5)}.dashboard-footer{margin-top:25px;text-align:center;width:100%;color:rgba(255,255,255,0.7);font-size:.8rem;padding:10px 0;text-shadow:1px 1px 2px rgba(0,0,0,0.4);position:relative;z-index:1}.login-page-wrapper{position:fixed;top:0;left:0;width:100%;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box;display:flex;align-items:flex-start;padding-top:5vh;justify-content:center;overflow-y:auto;z-index:1000}.login-container-professional{display:flex;flex-direction:column;align-items:center;text-align:center;color:#e6f1ff;padding:40px 50px;background:var(--panel-bg-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--panel-border-color);box-shadow:0 8px 32px 0 rgba(0,0,0,0.2);border-radius:20px;max-width:500px;width:90%;margin-top:0;margin-bottom:5vh}.login-logo{width:90px;height:90px;margin-bottom:20px;border-radius:50%;box-shadow:0 0 25px rgba(0,191,255,0.4)}.login-container-professional h1{font-family:'Cairo',sans-serif;font-weight:700;font-size:clamp(1.8rem,5vw,2.2rem);margin-bottom:15px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.login-container-professional p{font-family:'Tajawal',sans-serif;font-size:clamp(1.1rem,4vw,1.2rem);line-height:1.6;margin-bottom:35px;color:var(--text-color);max-width:400px;font-weight:bold}.login-buttons-container{display:flex;flex-direction:column;gap:15px;width:100%;margin-top:10px}.login-btn-google,.login-btn-apple{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 25px;font-family:'Cairo',sans-serif;font-size:clamp(1rem,4vw,1.1rem);font-weight:600;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,0.1);width:100%}.login-btn-google:hover,.login-btn-google:focus,.login-btn-apple:hover,.login-btn-apple:focus{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15)}.login-btn-google:active,.login-btn-apple:active{transform:translateY(0);box-shadow:0 4px 15px rgba(0,0,0,0.1)}.login-btn-google{background-color:#FFF;color:#3c4043;border-color:#dadce0}.login-btn-google:hover,.login-btn-google:focus{background-color:#f8f9fa;border-color:#c6c6c6}.google-icon{display:inline-block;width:18px;height:18px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' xmlns:xlink='http://www.w3.org/1999/xlink' style='enable-background:new 0 0 48 48;'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3Cpath fill='none' d='M0 0h48v48H0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.login-btn-apple{background-color:#FFF;color:#1d1d1f;border-color:#dadce0}.login-btn-apple:hover,.login-btn-apple:focus{background-color:#f5f5f7}.login-btn-apple i{font-size:1.5rem;color:#1d1d1f}.login-btn-apple.disabled{opacity:.6;cursor:not-allowed;background-color:#f0f0f0;color:#888}.login-btn-apple.disabled:hover{transform:none;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.restore-default-music-btn-style{margin-top:10px;width:100%}.cancel-challenge-wait-btn-style{margin-top:20px}@media(max-width:768px){.quiz-header{flex-direction:column;align-items:center}.quiz-header .btn-back,.quiz-header .score-container{width:100%;justify-content:center}.auth-buttons-new-position{gap:8px}.auth-buttons-new-position .glass-button{flex-grow:1}.container{width:100%;padding-left:1rem;padding-right:1rem;margin-top:10px}}@media(max-width:600px){body{align-items:flex-start;padding-top:20px;padding-bottom:20px}.container#app-container{padding-top:0;min-height:unset}.auth-buttons-new-position{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.auth-buttons-new-position .glass-button{width:100%;justify-content:center}}@media(max-width:480px){#setup-section h1{font-size:1.5rem}.option-group h3,.h3-like-label{font-size:1rem}.icon-options,.options-grid{gap:8px}.icon-option{min-width:0;flex-basis:calc(50% - 8px);padding:.6rem}.icon-option i{font-size:1.3rem}.icon-option span{font-size:.8rem}.text-input-container{flex-direction:column;align-items:stretch}.text-input-container .glass-button{width:100%;justify-content:center}.sound-controls{flex-direction:column;gap:15px}}#image-previews-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px;justify-content:center;padding:10px;background:rgba(0,0,0,0.1);border-radius:8px;min-height:120px}.image-preview-item{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,0.2);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 10px rgba(0,0,0,0.2)}.image-preview-item:hover{transform:scale(1.05);box-shadow:0 6px 15px rgba(0,0,0,0.3)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-preview-btn{position:absolute;top:5px;right:5px;background:rgba(0,0,0,0.7);color:white;border:none;width:24px;height:24px;border-radius:50%;font-size:14px;line-height:24px;text-align:center;cursor:pointer;transition:all .2s ease;opacity:0}html[dir="rtl"] .remove-preview-btn{right:auto;left:5px}.image-preview-item:hover .remove-preview-btn{opacity:1}.remove-preview-btn:hover{background:var(--wrong-color);transform:scale(1.1)}#process-images-btn{width:100%;margin-top:15px;display:none;background-color:var(--correct-color);color:white;font-weight:600;padding:10px}.notes-textarea{width:100%;background-color:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);color:#FFF;border-radius:8px;padding:12px;font-family:inherit;font-size:1em;resize:vertical;min-height:70px;transition:all .3s ease}.notes-textarea::placeholder{color:rgba(255,255,255,0.5)}.notes-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),0.3)}.timer-settings{display:flex;justify-content:center;align-items:center}.timer-settings input[type="number"]{width:100px;padding:10px;font-size:1.2em;text-align:center;font-weight:bold;background-color:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.2);color:#FFF;border-radius:8px;transition:all .2s ease-in-out;-webkit-appearance:none;-moz-appearance:textfield;appearance:none}.timer-settings input[type="number"]::-webkit-outer-spin-button,.timer-settings input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timer-settings input[type="number"]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),0.3)}@media(max-width:400px){.login-page-wrapper{align-items:flex-start;padding-top:5vh;overflow-y:auto}.login-container-professional{padding:30px 20px;width:95%;margin-top:0;margin-bottom:5vh}.login-logo{width:70px;height:70px;margin-bottom:15px}.login-container-professional h1{font-size:1.6rem}.login-container-professional p{font-size:.95rem;margin-bottom:25px}.login-btn-google,.login-btn-apple{padding:10px 20px;font-size:1rem}.auth-buttons-new-position .glass-button{padding:8px 10px;font-size:.85em;min-width:0;flex-grow:1;flex-basis:120px}.option-group h3,.h3-like-label{font-size:1rem}}@media(max-width:768px){body[data-page="dashboard"]{padding:0}body[data-page="dashboard"] .container#app-container{padding:20px;padding-top:env(safe-area-inset-top,20px);padding-bottom:env(safe-area-inset-bottom,20px);border-radius:0;min-height:100vh;justify-content:flex-start}}@media(max-width:480px){body[data-page="dashboard"] .container#app-container{padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px)}}.question-container.loading-state-active{display:flex;justify-content:center;align-items:center;min-height:150px;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.1)}.question-container.loading-state-active #question-text{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.question-container.loading-state-active #question-text svg{max-width:80%;max-height:120px}@media(max-height:700px){.login-container-professional{padding:25px 20px;margin-top:2vh;margin-bottom:2vh}.login-logo{width:70px;height:70px;margin-bottom:10px}.login-container-professional h1{font-size:1.6rem;margin-bottom:8px}.login-container-professional p{font-size:1rem;margin-bottom:20px}.login-buttons-container{gap:12px;margin-top:5px}.login-btn-google,.login-btn-apple{padding:10px 20px;font-size:1rem}.icon-option{padding:8px}}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.star-overlay,.particle-overlay,.wave-overlay,.rain-overlay,.custom-bg-dynamic{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;pointer-events:none;overflow:hidden;transform:translateZ(0);will-change:transform,opacity}.star-overlay::before,.particle-overlay::before,.wave-overlay::before,.rain-overlay::before,.custom-bg-dynamic::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,var(--background-start),var(--background-end));background-size:400% 400%;animation:gradientAnimation 15s ease infinite;opacity:var(--background-opacity,0.3);transition:opacity .5s ease;z-index:0}.star-overlay .star{position:absolute;background-color:white;border-radius:50%;animation:animateStar linear infinite;box-shadow:0 0 10px #fff,0 0 20px #fff}.star-overlay .shooting-star{position:absolute;top:0;right:0;height:2px;background:linear-gradient(-45deg,#fff,rgba(255,255,255,0));border-radius:999px;filter:drop-shadow(0 0 6px #fff);animation:shootingStar 3s ease-in-out infinite}@keyframes animateStar{0%,100%{opacity:.5;transform:scale(0.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes shootingStar{0%{transform:translateX(0) translateY(0) rotate(45deg);opacity:1}100%{transform:translateX(-100vw) translateY(100vh) rotate(45deg);opacity:0}}.particle-overlay .particle{position:absolute;bottom:-20px;background-color:rgba(255,255,255,0.2);border-radius:50%;animation-name:animateParticle;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes animateParticle{0%{transform:translateY(0) translateX(0) scale(1);opacity:1}100%{transform:translateY(-110vh) translateX(100px) scale(0.5);opacity:0}}.wave-overlay .wave{position:absolute;left:0;width:200%;height:200px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-320-50-115.1 0-164.5 50-320 50H0v31.8h800v-31.8z' fill='%23ffffff'/%3E%3C/svg%3E");background-repeat:repeat-x;bottom:0;animation:animateWave 20s linear infinite}@keyframes animateWave{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.rain-overlay .raindrop{position:absolute;bottom:100%;width:auto;height:auto;animation:fall linear infinite;display:inline-block}.rain-overlay .raindrop::before{content:'?';color:#fff;font-weight:bold;text-shadow:0 0 6px #fff,0 0 12px #fff,0 0 20px #a1e0ff}@keyframes fall{to{transform:translateY(110vh)}}.custom-bg-dynamic{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;will-change:transform,background-position;animation-name:kenBurnsDynamic;animation-duration:40s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;z-index:-2}@keyframes kenBurnsDynamic{0%{transform:scale(1.1);background-position:0 50%}25%{transform:scale(1.2);background-position:50% 0}50%{transform:scale(1.1);background-position:100% 50%}75%{transform:scale(1.2);background-position:50% 100%}100%{transform:scale(1.1);background-position:0 50%}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1005}.confetti{position:absolute;width:8px;height:12px;opacity:0;animation:confetti-fall 3s cubic-bezier(0.1,0.5,0.5,1) 1 forwards;transform-origin:center}.confetti.shape-rect{border-radius:2px}.confetti.shape-circle{width:10px;height:10px;border-radius:50%}.confetti.color1{background-color:var(--primary-color)}.confetti.color2{background-color:var(--secondary-color)}.confetti.color3{background-color:var(--accent-color)}.confetti.color4{background-color:var(--correct-color)}.confetti.color5{background-color:#ff7eb9}@keyframes confetti-fall{0%{transform:translateY(-20vh) rotateZ(0deg) rotateX(0deg);opacity:1}100%{transform:translateY(110vh) rotateZ(720deg) rotateX(360deg);opacity:0}}#lottie-badge-display-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:10001;display:none;justify-content:center;align-items:center;pointer-events:none}#lottie-badge-display-container.active{display:flex}#lottie-badge-display-container.active::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fadeIn .3s ease-out;z-index:-1}#lottie-badge-display-container svg{width:90vw!important;max-width:700px!important;max-height:80vh!important;height:auto!important;filter:drop-shadow(0 0 25px rgba(255,255,255,0.8))}#lottie-badge-display-container.active svg{animation:scaleUp .4s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes scaleUp{from{transform:scale(0.7);opacity:0}to{transform:scale(1);opacity:1}}.settings-toggle{width:50px;height:50px;border-radius:12px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);color:var(--accent-color);font-size:1.4rem;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:all .3s cubic-bezier(0.175,0.885,0.32,1.275)}.settings-toggle:hover{background:rgba(255,255,255,0.2);transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px rgba(0,0,0,0.3)}.settings-panel{background:var(--panel-bg-color);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-image:linear-gradient(to bottom right,rgba(255,255,255,0.3),rgba(255,255,255,0.1)) 1;width:340px;padding:20px;box-shadow:-8px 0 30px rgba(0,0,0,0.3)}html[lang="en"] .settings-panel{box-shadow:8px 0 30px rgba(0,0,0,0.3)}.settings-panel h3{font-size:1.5rem;padding-bottom:15px;margin-bottom:25px;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.settings-close{width:35px;height:35px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.settings-close:hover{background:rgba(255,255,255,0.2);transform:rotate(180deg)}.settings-section{background:rgba(0,0,0,0.1);border-radius:10px;margin-bottom:25px;padding:15px;border-top:1px solid rgba(255,255,255,0.1)}.settings-section h4{font-size:1.1rem;font-weight:600;text-align:start;justify-content:flex-start;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1)}html[dir="rtl"] .settings-section h4{text-align:right;justify-content:flex-end}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.setting-item label{font-size:.95rem;color:rgba(255,255,255,0.8);margin-bottom:0}.setting-item select{background-color:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);border-radius:6px;padding:8px 30px 8px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');background-repeat:no-repeat;background-position:right 10px top 50%;background-size:.65em auto;transition:all .2s ease-in-out;color:#FFF;text-shadow:0 1px 2px rgba(0,0,0,0.4)}html[dir="rtl"] .setting-item select{background-position:left 10px top 50%;padding:8px 12px 8px 30px}.setting-item select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),0.3)}.setting-item input[type="range"]{-webkit-appearance:none;appearance:none;width:120px;height:6px;background:rgba(0,0,0,0.4);border-radius:5px;outline:none}.setting-item input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent-color);cursor:pointer;border-radius:50%;border:3px solid #1e2a3a;box-shadow:0 0 5px rgba(0,0,0,0.5);transition:background-color .2s ease}.setting-item input[type="range"]::-moz-range-thumb{width:18px;height:18px;background:var(--accent-color);cursor:pointer;border-radius:50%;border:3px solid #1e2a3a;box-shadow:0 0 5px rgba(0,0,0,0.5)}.range-value{color:#FFF}.setting-item input[type="color"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:25px;background-color:transparent;border:none;cursor:pointer}.setting-item input[type="color"]::-webkit-color-swatch{border-radius:6px;border:2px solid rgba(255,255,255,0.5)}.setting-item input[type="color"]::-moz-color-swatch{border-radius:6px;border:2px solid rgba(255,255,255,0.5)}.setting-item input[type="checkbox"]{-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0.3);margin:0;font:inherit;color:currentColor;width:1.5em;height:1.5em;border:1px solid rgba(255,255,255,0.3);border-radius:6px;transform:translateY(-0.075em);display:grid;place-content:center;cursor:pointer}.setting-item input[type="checkbox"]::before{content:"";width:.8em;height:.8em;transform:scale(0);transition:120ms transform ease-in-out;box-shadow:inset 1em 1em var(--accent-color);background-color:var(--accent-color);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}.setting-item input[type="checkbox"]:checked::before{transform:scale(1)}.setting-item input[type="checkbox"]:checked{border-color:var(--accent-color)}.settings-actions .glass-button{flex-grow:1;padding:12px;font-size:1rem;font-weight:700;border-radius:8px;text-shadow:none}.fullscreen-btn-style{width:100%}.update-questions-btn-style{width:100%;margin-top:15px}.settings-actions{display:flex;gap:10px;margin-top:20px}.save-settings-btn{background-color:var(--correct-color,#2ecc71);flex-grow:1}.save-settings-btn{background-color:var(--correct-color);border:1px solid rgba(255,255,255,0.2)}.save-settings-btn:hover{background-color:hsl(145,63%,50%)}.reset-settings-btn{background-color:var(--danger-color,#e74c3c)}.reset-settings-btn{background-color:var(--wrong-color);border:1px solid rgba(255,255,255,0.2)}.reset-settings-btn:hover{background-color:hsl(9,80%,60%)}#settings-image-previews-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;padding:10px;background:rgba(0,0,0,0.2);border-radius:8px;min-height:60px;justify-content:flex-start}.settings-preview-item{position:relative;width:60px;height:60px;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2);transition:transform .2s ease}.settings-preview-item:hover{transform:scale(1.05)}.settings-preview-img{width:100%;height:100%;object-fit:cover}.remove-settings-preview-btn{position:absolute;top:-5px;right:-5px;background:rgba(231,76,60,0.9);color:white;border:2px solid white;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:bold;line-height:20px;text-align:center;cursor:pointer;transition:all .2s ease;opacity:0;transform:scale(0.8);z-index:5}html[dir="rtl"] .remove-settings-preview-btn{right:auto;left:-5px}.settings-preview-item:hover .remove-settings-preview-btn{opacity:1;transform:scale(1)}.remove-settings-preview-btn:hover{background:hsl(9,80%,65%);transform:scale(1.15)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(10,20,35,0.6);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:linear-gradient(145deg,rgba(25,35,55,0.3),rgba(15,25,45,0.35));border:1px solid var(--panel-border-color);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.4);width:90%;max-width:900px;height:auto;max-height:90vh;display:flex;flex-direction:column;transform:scale(0.95);transition:transform .3s ease;overflow:hidden;position:relative}.modal-overlay.active .modal-content{transform:scale(1)}.modal-header{padding:15px 25px;border-bottom:1px solid rgba(255,255,255,0.1);flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{color:var(--primary-color);font-size:1.4em;font-weight:600}.modal-close-button{position:absolute;top:15px;right:20px;width:35px;height:35px;border-radius:50%;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.3rem;color:var(--text-color);cursor:pointer;z-index:2002}html[dir="rtl"] .modal-close-button{right:auto;left:20px}.modal-close-button:hover{background:rgba(255,255,255,0.2);transform:rotate(180deg)}.modal-body{padding:25px;overflow-y:auto;flex-grow:1}.modal-footer{padding:20px 25px;border-top:1px solid rgba(255,255,255,0.1);background-color:rgba(0,0,0,0.2);border-bottom-left-radius:16px;border-bottom-right-radius:16px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.youtube-modal-content .modal-body{display:flex;flex-direction:column;gap:20px;flex-grow:1;padding:10px}.youtube-player-container{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#000;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.3)}#youtube-player-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.transcript-text-container{background-color:rgba(0,0,0,0.3);border-radius:12px;padding:20px;height:280px;max-height:40vh;overflow-y:auto;border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.85);font-size:1em;line-height:1.8;white-space:pre-wrap;text-align:start}html[dir="rtl"] .transcript-text-container{text-align:right}.modal-overlay.active .pdf-modal-content,.modal-overlay.active .youtube-modal-content{width:95vw;height:95vh;max-width:95vw;max-height:95vh}.transcript-text-container .loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:15px;color:var(--text-color)}.pdf-modal-content .modal-body{padding:0!important;background-color:rgba(0,0,0,0.2);display:flex;flex-direction:column;overflow:hidden;flex-grow:1}#pdf-iframe{width:100%;flex-grow:1;border:none}.pdf-modal-content .modal-footer{flex-direction:column;gap:15px}#pdf-modal-feedback{width:100%;padding:12px;margin-bottom:10px;border-radius:8px;background-color:rgba(231,76,60,0.2);border:1px solid var(--wrong-color);color:var(--wrong-color);font-weight:600;box-sizing:border-box;text-align:center;display:none}.page-selection-controls{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;flex-wrap:wrap}.page-selection-controls label,.page-selection-controls span{font-size:1.1em;font-weight:500;color:rgba(255,255,255,0.9)}.page-selection-controls input[type="number"]{width:80px;padding:10px;font-size:1.1em;text-align:center;background-color:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.2);color:#FFF;border-radius:8px;transition:all .2s ease-in-out;-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.page-selection-controls input[type="number"]::-webkit-outer-spin-button,.page-selection-controls input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-selection-controls input[type="number"]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),0.3)}#pdf-modal-confirm-btn{min-width:200px;font-size:1.1em;padding:12px 25px}.image-modal-content{max-width:90vw;max-height:90vh;width:auto;height:auto}.image-modal-content .modal-body{padding:15px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.3)}.image-carousel-container{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;height:100%}#last-image-display{max-width:calc(100% - 120px);max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 5px 25px rgba(0,0,0,0.5)}.carousel-nav{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:white;width:45px;height:45px;border-radius:50%;cursor:pointer;transition:all .2s ease;font-size:1.2rem;flex-shrink:0}.carousel-nav:hover{background:rgba(255,255,255,0.2);transform:scale(1.1)}.carousel-nav:disabled{opacity:.3;cursor:not-allowed;transform:scale(1)}.image-modal-content .modal-footer{flex-direction:column;gap:15px}.carousel-indicator{font-weight:600;font-size:1.1em;color:rgba(255,255,255,0.8);background-color:rgba(0,0,0,0.3);padding:5px 15px;border-radius:20px}@media(max-width:768px){.modal-content:not(.pdf-modal-content):not(.youtube-modal-content){width:95%;max-height:95vh;border-radius:12px}.modal-header{padding:12px 15px}.modal-header h3{font-size:1.2em}.modal-body{padding:15px}.modal-footer{padding:15px}}.omnitrix-option-button{position:relative;background:transparent;border:none;cursor:pointer;min-height:80px;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;transition:transform .3s ease;--button-base-size:var(--omnitrix-option-size,120px);transform:translateZ(0)}.omnitrix-option-button:hover{transform:translateY(-5px) scale(1.03) translateZ(0)}.omnitrix-option-button::before{content:'';position:absolute;width:calc(var(--button-base-size) * 1.3);height:calc(var(--button-base-size) * 1.3);border-radius:50%;background:conic-gradient(from 0deg,transparent 0,transparent 70%,var(--accent-color) 95%,transparent 100%);animation:omni-spin 4s linear infinite;z-index:0;opacity:.7;transition:background .3s ease}.omnitrix-option-button::after{content:'';position:absolute;width:calc(var(--button-base-size) * 1.15);height:calc(var(--button-base-size) * 1.15);border-radius:50%;background:rgba(var(--option-bg-color-rgb,102,0,255),var(--option-bg-opacity,1.0));border:2px solid rgba(255,255,255,0.2);box-shadow:inset 0 0 10px rgba(0,0,0,0.7);z-index:1}.omnitrix-option-button .omnitrix-prong{position:absolute;width:25%;height:120%;background-color:rgba(var(--option-bg-color-rgb,102,0,255),var(--option-bg-opacity,1.0));border:1px solid rgba(255,255,255,0.15);z-index:2;transform-origin:center center}.omnitrix-option-button .omnitrix-prong:nth-of-type(1){transform:rotate(45deg)}.omnitrix-option-button .omnitrix-prong:nth-of-type(2){transform:rotate(-45deg)}.omnitrix-option-button .omnitrix-prong:nth-of-type(3){transform:rotate(135deg)}.omnitrix-option-button .omnitrix-prong:nth-of-type(4){transform:rotate(-135deg)}.omnitrix-option-content-wrapper{position:relative;z-index:3;width:100%;height:100%;padding-top:var(--omnitrix-option-padding,15px);padding-bottom:var(--omnitrix-option-padding,15px);padding-left:20px;padding-right:20px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:radial-gradient(circle,rgba(var(--option-bg-color-rgb,0,30,255),var(--option-bg-opacity,1.0)) 0,rgba(var(--option-bg-color-rgb,0,30,255),calc(var(--option-bg-opacity,1.0) * .7)) 70%);border:2px solid #0b132b;box-shadow:inset 0 0 15px rgba(0,0,0,0.8),0 0 10px var(--accent-color),0 0 20px var(--accent-color);animation:pulse-glow 3s infinite ease-in-out;transition:box-shadow .3s ease,background .3s ease,border-color .3s ease}.omnitrix-option-button:hover .omnitrix-option-content-wrapper{box-shadow:inset 0 0 15px rgba(0,0,0,0.8),0 0 15px var(--accent-color),0 0 30px var(--accent-color)}.omnitrix-option-text{color:var(--option-text-color);font-family:var(--font-family);font-size:var(--option-font-size);font-weight:bold;text-shadow:0 0 5px rgba(0,0,0,0.8),0 0 10px var(--accent-color);transition:color .3s ease,text-shadow .3s ease}.omnitrix-option-button.disabled{opacity:.7;pointer-events:none;animation:none}.omnitrix-option-button.disabled::before,.omnitrix-option-button.disabled .omnitrix-option-content-wrapper{animation:none}.omnitrix-option-button.correct-answer .omnitrix-option-content-wrapper{background:var(--correct-color);box-shadow:inset 0 0 15px rgba(0,0,0,0.8),0 0 15px var(--correct-color),0 0 30px var(--correct-color);animation:pulse-glow-correct 1.5s infinite ease-in-out}.omnitrix-option-button.wrong-answer .omnitrix-option-content-wrapper{background:var(--wrong-color);box-shadow:inset 0 0 15px rgba(0,0,0,0.8),0 0 15px var(--wrong-color),0 0 30px var(--wrong-color);animation:shake .5s ease-in-out}@keyframes omni-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,100%{box-shadow:inset 0 0 15px rgba(0,0,0,0.8),0 0 10px var(--accent-color),0 0 20px var(--accent-color)}50%{box-shadow:inset 0 0 15px rgba(0,0,0,0.8),0 0 15px var(--accent-color),0 0 30px var(--accent-color)}}@keyframes pulse-glow-correct{0%,100%{box-shadow:inset 0 0 15px rgba(0,0,0,0.8),0 0 15px var(--correct-color),0 0 30px var(--correct-color)}50%{box-shadow:inset 0 0 15px rgba(0,0,0,0.8),0 0 25px var(--correct-color),0 0 50px var(--correct-color)}}#timer-position-container{width:100%;display:flex;justify-content:center;margin:var(--element-spacing) 0 var(--section-spacing)}#timer-wrapper{--timer-size:90px;--glow-color:var(--timer-color);--glow-color-rgb:var(--timer-color-rgb,39,255,146);position:relative;display:flex;justify-content:center;align-items:center;transition:width .4s ease}#timer-wrapper.timer-wrapper-bar-mode{width:100%}#timer-wrapper::before{content:'';position:absolute;width:calc(var(--timer-size) * 1.3);height:calc(var(--timer-size) * 1.3);border-radius:50%;background:conic-gradient(from 0deg,transparent 0,transparent 70%,var(--glow-color) 95%,transparent 100%);animation:omni-spin 4s linear infinite;z-index:0;opacity:.7}#timer-wrapper::after{content:'';position:absolute;width:calc(var(--timer-size) * 1.15);height:calc(var(--timer-size) * 1.15);border-radius:50%;background:#2d3436;border:2px solid #636e72;box-shadow:inset 0 0 10px rgba(0,0,0,0.7);z-index:1}.omnitrix-prong{position:absolute;width:25%;height:120%;background-color:#1d2123;border:1px solid #4b4b4b;z-index:2;transform-origin:center center}.omnitrix-prong:nth-child(1){transform:rotate(45deg)}.omnitrix-prong:nth-child(2){transform:rotate(-45deg)}.omnitrix-prong:nth-child(3){transform:rotate(135deg)}.omnitrix-prong:nth-child(4){transform:rotate(-135deg)}.timer-container{display:none;align-items:center;justify-content:center;transition:all .3s ease;z-index:3}.timer-container.active{display:flex}.timer-container.neon-glow{width:var(--timer-size);height:var(--timer-size);position:relative;border-radius:50%;background:radial-gradient(circle,#2a334d 0,#1c2541 70%);border:2px solid #0b132b;box-shadow:inset 0 0 15px rgba(0,0,0,0.8),0 0 10px var(--glow-color),0 0 20px var(--glow-color);animation:pulse-glow 3s infinite ease-in-out}.neon-glow .timer-svg{width:100%;height:100%;transform:rotate(-90deg);position:absolute;top:0;left:0}.neon-glow .timer-bg-circle{fill:none;stroke:rgba(var(--glow-color-rgb),0.1);stroke-width:10%}.neon-glow .timer-fg-circle{fill:none;stroke:var(--glow-color);stroke-width:10%;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--glow-color))}.neon-glow .timer-text{color:var(--text-color);font-family:'Orbitron',sans-serif;font-size:calc(var(--timer-size) * .4);font-weight:bold;text-shadow:0 0 5px rgba(0,0,0,0.8),0 0 10px var(--glow-color);position:relative}.timer-container.minimalist-bar{width:100%;height:calc(var(--timer-size) * .18);min-height:10px;max-height:20px;background-color:rgba(0,0,0,0.3);border-radius:20px;overflow:hidden;margin-top:20px;margin-bottom:20px;border:1px solid rgba(var(--glow-color-rgb),0.3);box-shadow:inset 0 1px 4px rgba(0,0,0,0.5),0 0 15px rgba(var(--glow-color-rgb),0.3)}.minimalist-bar .timer-bar-progress{height:100%;width:100%;border-radius:20px;background:linear-gradient(90deg,var(--glow-color),var(--accent-color));box-shadow:0 0 10px var(--glow-color)}.timer-container.digital-clock{width:calc(var(--timer-size) * 1.6);height:calc(var(--timer-size) * .8);background:#080c10;border-radius:10px;border:2px solid #222;box-shadow:0 0 20px rgba(0,0,0,0.5),inset 0 0 10px #000,0 0 15px rgba(var(--glow-color-rgb),0.4);font-family:'Orbitron',sans-serif}.digital-clock .digital-text{color:var(--glow-color);font-size:calc(var(--timer-size) * .55);text-shadow:0 0 8px var(--glow-color),0 0 15px var(--glow-color);letter-spacing:4px}#timer-wrapper.low-time{--glow-color:var(--wrong-color);--glow-color-rgb:231,76,60}#timer-wrapper.low-time .timer-container.neon-glow{animation:timeout-pulse 1s infinite ease-in-out}#timer-wrapper.low-time .digital-clock{box-shadow:0 0 20px rgba(0,0,0,0.5),inset 0 0 10px #000,0 0 20px rgba(var(--glow-color-rgb),0.6)}.neon-glow.timeout .timer-text,.digital-clock.timeout .digital-text{animation:shake .5s ease-in-out}@keyframes omni-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,100%{box-shadow:inset 0 0 15px rgba(0,0,0,0.8),0 0 10px var(--glow-color),0 0 20px var(--glow-color)}50%{box-shadow:inset 0 0 15px rgba(0,0,0,0.8),0 0 15px var(--glow-color),0 0 30px var(--glow-color)}}@keyframes timeout-pulse{0%,100%{transform:scale(1);box-shadow:inset 0 0 15px rgba(0,0,0,0.8),0 0 15px var(--glow-color),0 0 30px var(--glow-color)}50%{transform:scale(1.05);box-shadow:inset 0 0 15px rgba(0,0,0,0.8),0 0 25px var(--glow-color),0 0 50px var(--glow-color)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.tf-options-container{display:flex;justify-content:center;gap:20px;margin-top:2rem;width:100%}.tf-btn{padding:15px 40px;font-size:1.5rem;font-weight:bold;border:2px solid rgba(255,255,255,0.4);border-radius:12px;cursor:pointer;transition:all .3s ease;color:var(--text-color,#fff);display:flex;align-items:center;justify-content:center;gap:10px;flex-grow:1;max-width:300px}.tf-btn.true-btn{background-color:rgba(46,204,113,0.7)}.tf-btn.false-btn{background-color:rgba(231,76,60,0.7)}.tf-btn:not(.disabled):hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,0.3)}.tf-btn.disabled{cursor:not-allowed;opacity:.7;pointer-events:none}.tf-btn.selected{transform:scale(1.1);box-shadow:0 0 20px 5px currentColor}@keyframes correct-glow{from{box-shadow:0 0 8px var(--correct-color);border-color:var(--correct-color)}to{box-shadow:0 0 25px var(--correct-color),0 0 35px var(--correct-color);border-color:#fff}}.tf-btn.correct-answer-highlight{animation:correct-glow 1.5s infinite alternate;opacity:1}.tf-btn.selected.incorrect{opacity:.5;border-style:dashed;transform:scale(1);box-shadow:none}.feedback-container{margin-top:20px;padding:15px;border-radius:10px;background-color:rgba(0,0,0,0.2);text-align:center;width:100%;max-width:600px;margin-left:auto;margin-right:auto}#feedback-text{font-weight:bold;font-size:1.4em;margin-bottom:10px}#correct-answer-text{font-size:1.1em;margin-bottom:10px;color:var(--text-color)}#correct-answer-text strong{color:var(--correct-color);font-weight:700}#explanation-text{font-style:italic;opacity:.9;font-size:1em;line-height:1.6}@media(max-width:600px){.tf-options-container{flex-direction:column;align-items:stretch;gap:15px}.tf-btn{max-width:100%;padding:12px 20px;font-size:1.3em}}.settings-toggle{position:fixed;top:20px;z-index:1011}html[dir="ltr"] .settings-toggle{left:20px}html[dir="rtl"] .settings-toggle{right:20px}@media(max-width:768px){body[data-page="true-false-quiz"]{padding:0;align-items:flex-start}body[data-page="true-false-quiz"] .container.glass-panel{width:100%;max-width:100%;min-height:100vh;border-radius:0;margin:0;padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px);justify-content:flex-start}}@media(max-width:480px){body[data-page="true-false-quiz"] .container.glass-panel{padding:10px;padding-top:env(safe-area-inset-top,10px);padding-bottom:env(safe-area-inset-bottom,10px)}}.answer-container{display:flex;gap:15px;margin:20px 0;align-items:center}.answer-input{flex-grow:1;padding:15px;font-size:1.2em;border-radius:10px;border:2px solid var(--glass-border-color);background-color:var(--glass-bg-color);color:var(--text-color);transition:all .3s ease}.answer-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 10px rgba(var(--accent-color-rgb),0.5)}.submit-btn{padding:15px 25px;font-size:1.2em;background-color:var(--accent-color);color:#1c2541;font-weight:bold}.submit-btn:hover{filter:brightness(1.1)}.feedback-container{margin-top:20px;padding:15px;border-radius:10px;background-color:rgba(0,0,0,0.2);text-align:center;font-size:1.1em}#feedback-text{font-weight:bold;margin-bottom:10px}#correct-answer-text{margin-bottom:10px}#correct-answer-text strong{color:var(--accent-color);font-size:1.1em}#explanation-text{font-style:italic;opacity:.9}@media(max-width:600px){.answer-container{flex-direction:column;align-items:stretch}.submit-btn{width:100%}.answer-input{text-align:center}}.settings-toggle{position:fixed;top:20px;z-index:1011}html[dir="ltr"] .settings-toggle{left:20px}html[dir="rtl"] .settings-toggle{right:20px}@media(max-width:768px){body[data-page="direct-question-quiz"]{padding:0;align-items:flex-start}body[data-page="direct-question-quiz"] .container.glass-panel{width:100%;max-width:100%;min-height:100vh;border-radius:0;margin:0;padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px);justify-content:flex-start}}@media(max-width:480px){body[data-page="direct-question-quiz"] .container.glass-panel{padding:10px;padding-top:env(safe-area-inset-top,10px);padding-bottom:env(safe-area-inset-bottom,10px)}}.question-container .blank{display:inline-block;border-bottom:2px solid var(--accent-color);padding:0 10px;font-weight:bold;color:var(--accent-color)}.answer-container{display:flex;gap:15px;margin:20px 0;align-items:center}.answer-input{flex-grow:1;padding:15px;font-size:1.2em;border-radius:10px;border:2px solid var(--glass-border-color);background-color:var(--glass-bg-color);color:var(--text-color);transition:all .3s ease}.answer-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 10px rgba(var(--accent-color-rgb),0.5)}.submit-btn{padding:15px 25px;font-size:1.2em;background-color:var(--accent-color);color:#1c2541;font-weight:bold}.submit-btn:hover{filter:brightness(1.1)}.feedback-container{margin-top:20px;padding:15px;border-radius:10px;background-color:rgba(0,0,0,0.2);text-align:center;font-size:1.1em}#feedback-text{font-weight:bold;margin-bottom:10px}#correct-answer-text{margin-bottom:10px}#correct-answer-text strong{color:var(--accent-color);font-size:1.1em}#explanation-text{font-style:italic;opacity:.9}@media(max-width:600px){.answer-container{flex-direction:column;align-items:stretch}.submit-btn{width:100%}.answer-input{text-align:center}}.settings-toggle{position:fixed;top:20px;z-index:1011}html[dir="ltr"] .settings-toggle{left:20px}html[dir="rtl"] .settings-toggle{right:20px}@media(max-width:768px){body[data-page="fill-in-the-blank-quiz"]{padding:0;align-items:flex-start}body[data-page="fill-in-the-blank-quiz"] .container.glass-panel{width:100%;max-width:100%;min-height:100vh;border-radius:0;margin:0;padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px);justify-content:flex-start}}@media(max-width:480px){body[data-page="fill-in-the-blank-quiz"] .container.glass-panel{padding:10px;padding-top:env(safe-area-inset-top,10px);padding-bottom:env(safe-area-inset-bottom,10px)}}:root{--card-bg:var(--panel-bg-color);--card-border:var(--panel-border-color);--input-bg:var(--input-bg-color);--input-border:var(--panel-border-color);--wrong-color:#e74c3c;--correct-color:#2ecc71;--primary-color:#ffda68;--secondary-color:#f0a33c;--accent-color:#ffda68;--primary-color-rgb:255,218,104;--accent-color-rgb:255,218,104;--text-color:#f0f0f0;--background-start:#1c2541;--background-end:#0b132b;--font-family:'Almarai',sans-serif}body{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:linear-gradient(135deg,var(--background-start,#1c2541),var(--background-end,#0b132b));animation:gradientAnimation 15s ease infinite;background-size:400% 400%;color:var(--text-color,#f0f0f0);font-family:var(--font-family);padding:20px;box-sizing:border-box;overflow-y:auto}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.profile-wrapper{max-width:550px;width:100%;position:relative;transition:all .5s ease-in-out;margin-top:20px;margin-bottom:20px;transform:translateZ(0);will-change:transform}.profile-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 8px 32px 0 rgba(0,0,0,0.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:15px;padding:30px;text-align:center;transition:all .4s ease;position:relative}.profile-wrapper.is-editing .profile-view{display:none}.profile-wrapper:not(.is-editing) .edit-view{display:none}.back-to-home{position:absolute;top:10px;left:10px;z-index:10;padding:8px 12px;font-size:.9em}html[dir="rtl"] .back-to-home{left:auto;right:10px}.profile-header{margin-bottom:25px}.profile-header img{width:120px;height:120px;border-radius:50%;border:4px solid var(--accent-color,#ffda68);object-fit:cover;box-shadow:0 0 15px rgba(var(--accent-color-rgb,255,218,104),0.5);margin-bottom:15px}.profile-header h2{margin:0;color:var(--primary-color);font-size:2em;font-weight:700}.profile-header p{margin:5px 0 0;color:var(--text-color,#f0f0f0);font-size:1.1em;font-weight:bold}.info-grid{display:grid;grid-template-columns:1fr;gap:12px;text-align:start;margin-bottom:25px;font-size:1.1em}.info-grid>div{display:flex;align-items:center;gap:15px;padding:10px;border-radius:8px;background:rgba(0,0,0,0.1)}.info-grid i{color:var(--accent-color);font-size:1.2em;width:20px;text-align:center}.info-grid strong{color:var(--secondary-color)}.user-id-container{justify-content:space-between}.user-id-container p{flex-grow:1}.copy-btn{padding:5px 10px;font-size:.9em;min-width:40px;height:40px;border-radius:8px;background-color:rgba(var(--accent-color-rgb),0.1);border-color:rgba(var(--accent-color-rgb),0.3);color:var(--accent-color)}.copy-btn:hover{background-color:rgba(var(--accent-color-rgb),0.25);border-color:var(--accent-color);box-shadow:0 0 10px rgba(var(--accent-color-rgb),0.4)}.copy-btn i{transition:transform .2s ease-in-out}.copy-btn.copied{background-color:var(--correct-color);border-color:var(--correct-color);color:white;transform:scale(1.05)}.usage-card{background-color:rgba(0,0,0,0.15);padding:20px;border-radius:12px;margin-top:15px;border:1px solid rgba(255,255,255,0.1)}.usage-card .tokens-bar{width:100%;background-color:rgba(255,255,255,0.2);border-radius:25px;height:15px;margin-top:10px;overflow:hidden}.usage-card .tokens-progress{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--secondary-color));border-radius:25px;width:0;transition:width .8s ease-in-out}.usage-card .tokens-text{font-size:.9em;margin-top:8px;color:var(--text-color,#f0f0f0);font-weight:bold}.usage-card .usage-details{display:flex;justify-content:space-between;font-size:1em;margin-bottom:10px}.profile-actions{margin-top:30px;display:flex;flex-direction:column;gap:15px}.glass-button{padding:12px 25px;font-size:1.1em;font-weight:600;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:all .3s ease;cursor:pointer}.glass-button.glow-button{background:var(--accent-color);color:#1c2541;border:1px solid var(--accent-color);box-shadow:0 0 15px rgba(var(--accent-color-rgb),0.4)}.glass-button.glow-button:hover{box-shadow:0 0 25px rgba(var(--accent-color-rgb),0.7);transform:translateY(-3px)}.glass-button.secondary-button{background:var(--input-bg);color:var(--text-color,#f0f0f0);border:1px solid var(--input-border)}.glass-button.secondary-button:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.form-card h3{color:var(--primary-color);margin-bottom:25px;font-size:1.8em;font-weight:700}.form-group{margin-bottom:20px;text-align:start}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--secondary-color);font-size:1em}.form-group input,.form-group select{width:100%;padding:12px 15px;border:1px solid var(--input-border);border-radius:8px;background-color:var(--input-bg);color:var(--text-color,#f0f0f0);font-size:1em;font-family:'Tajawal',sans-serif!important;box-sizing:border-box;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),0.3)}.profile-pic-edit-container{display:flex;align-items:center;gap:20px;margin-bottom:15px}#profile-pic-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--input-border);transition:border-color .3s ease}.upload-controls{flex-grow:1;text-align:start}html[dir="rtl"] .upload-controls{text-align:right}.file-upload-label-profile{padding:10px 20px;font-size:1em;cursor:pointer;background:var(--input-bg);border:1px solid var(--input-border);transition:all .3s ease;border-radius:8px;width:100%;justify-content:center}.file-upload-label-profile:hover{border-color:var(--accent-color);color:var(--accent-color)}#profile-pic-feedback{display:block;margin-top:8px;font-weight:600;font-size:.9em}.country-select-container{display:flex;align-items:center;gap:10px;position:relative}.flag-icon-container{position:absolute;top:50%;transform:translateY(-50%);left:15px;font-size:1.5em;pointer-events:none}html[dir="rtl"] .flag-icon-container{left:auto;right:15px}#country_code{padding-inline-start:50px}.flag-icon{box-shadow:0 1px 4px rgba(0,0,0,0.2);border-radius:3px}.phone-input-wrapper{display:flex;align-items:center;border-radius:8px;background-color:var(--input-bg);border:1px solid var(--input-border);transition:all .3s ease}.phone-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),0.3)}#phone-country-code{padding:0 12px;color:var(--secondary-color);opacity:.9;border-right:1px solid var(--input-border);font-weight:600}html[dir="rtl"] #phone-country-code{border-right:none;border-left:1px solid var(--input-border)}#phone_number{border:none;background:transparent;flex-grow:1;width:auto}#phone_number:disabled{background-color:rgba(0,0,0,0.2);cursor:not-allowed;opacity:.5}input[type="date"]{position:relative;color-scheme:light}html[dir="rtl"] input[type="date"]{text-align:right}input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;filter:invert(0.8);transition:opacity .3s ease}input[type="date"]::-webkit-calendar-picker-indicator:hover{opacity:1}body.dark-mode input[type="date"]{color-scheme:dark}input[type="date"]:invalid{color:rgba(var(--text-color-rgb,240,240,240),0.6)}@media(max-width:480px){.profile-card{padding:20px}.profile-header img{width:100px;height:100px}.profile-header h2{font-size:1.8em}.profile-actions{flex-direction:column;align-items:stretch}.profile-actions>*{width:100%}.profile-pic-edit-container{flex-direction:column}}@media(max-width:768px){body[data-page="profile-page"]{padding:0;align-items:flex-start}body[data-page="profile-page"] .profile-wrapper{width:100%;max-width:100%;min-height:100vh;margin:0;padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px)}body[data-page="profile-page"] .profile-card{border-radius:0;border:none;box-shadow:none;background:transparent}}body{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.upgrade-container{max-width:900px;margin:40px auto;padding:30px;text-align:center}.upgrade-container h2{color:var(--primary-color,#ffda68);margin-bottom:15px;font-size:2.5em}.upgrade-container .subtitle{color:#fff;font-weight:bold;margin-bottom:40px;font-size:1.1em}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px}.plan-card{background:rgba(0,0,0,0.15);border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px 0 rgba(0,0,0,0.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:15px;padding:25px;display:flex;flex-direction:column;transition:all .3s ease}.plan-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.3);border-color:var(--accent-color,#ffda68)}.plan-card h3{color:var(--accent-color,#ffda68);font-size:1.8em;margin-bottom:10px}.plan-price{font-size:2.2em;font-weight:bold;color:var(--text-color,#f0f0f0);margin-bottom:5px}.plan-price .currency{font-size:.5em;font-weight:normal;opacity:.8}.plan-price .period{font-size:.4em;font-weight:bold;color:#fff}.plan-description{color:#fff;font-weight:bold;margin-bottom:25px;flex-grow:1;font-size:1em}.activate-btn{width:100%;padding:15px;font-size:1.1em;background:var(--accent-color,#ffda68);color:#1c2541;border:1px solid var(--accent-color,#ffda68);box-shadow:0 0 15px rgba(255,218,104,0.4)}.activate-btn:hover{box-shadow:0 0 25px rgba(255,218,104,0.7);transform:translateY(-3px)}.contact-section{margin-top:50px;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1)}.contact-section h3{color:#fff;font-weight:bold;font-size:1.2em;margin-bottom:25px}.contact-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.contact-btn{font-size:1em;display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-radius:10px;transition:all .3s ease;padding:12px 25px}.contact-btn.whatsapp{background-color:#25D366;color:white;border:1px solid #25D366;box-shadow:0 0 15px rgba(37,211,102,0.4)}.contact-btn.whatsapp:hover{box-shadow:0 0 25px rgba(37,211,102,0.7);transform:translateY(-3px)}.contact-btn.internal-support{background-color:rgba(255,255,255,0.1);color:var(--text-color,#f0f0f0);border:1px solid var(--glass-border,rgba(255,255,255,0.2))}.contact-btn.internal-support:hover{border-color:var(--accent-color,#ffda68);color:var(--accent-color,#ffda68)}.contact-btn.sellers-list{background:rgba(142,68,173,0.25);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(142,68,173,0.5);color:#fff;font-weight:bold;box-shadow:0 4px 15px rgba(0,0,0,0.2);padding:15px 30px}.contact-btn.sellers-list:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.3),0 0 20px rgba(142,68,173,0.5);background:rgba(142,68,173,0.4);color:#e6d0ff}.contact-btn.my-history{background:rgba(22,160,133,0.25);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(22,160,133,0.5);color:#fff;font-weight:bold;box-shadow:0 4px 15px rgba(0,0,0,0.2);padding:15px 30px}.contact-btn.my-history:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.3),0 0 20px rgba(22,160,133,0.5);background:rgba(22,160,133,0.4);color:#b3fff1}@media(max-width:400px){body{padding:10px}.upgrade-container{padding:20px 15px}.upgrade-container h2{font-size:2em}.upgrade-container .subtitle{font-size:1em;margin-bottom:30px}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.plan-card{padding:20px;background:rgba(0,0,0,0.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.plan-card h3{font-size:1.6em}.plan-price{font-size:2em}.contact-buttons{flex-direction:column;align-items:stretch;gap:15px}.contact-btn{font-size:.9em;justify-content:center}}@media(max-width:768px){body[data-page="upgrade-page"]{padding:0;align-items:flex-start}body[data-page="upgrade-page"] .upgrade-container{width:100%;max-width:100%;min-height:100vh;border-radius:0;margin:0;padding:30px 15px;padding-top:env(safe-area-inset-top,30px);padding-bottom:env(safe-area-inset-bottom,30px);display:flex;flex-direction:column;justify-content:center}}:root{--card-bg:var(--panel-bg-color);--card-border:var(--panel-border-color);--input-bg:var(--input-bg-color);--input-border:var(--panel-border-color);--primary-color:#ffda68;--secondary-color:#f0a33c;--accent-color:#ffda68;--primary-color-rgb:255,218,104;--accent-color-rgb:255,218,104;--text-color:#f0f0f0;--text-color-muted:#a9a9b3;--background-start:#1c2541;--background-end:#0b132b;--font-family:'Almarai',sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,var(--background-start),var(--background-end));animation:gradientAnimation 15s ease infinite;background-size:400% 400%}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.form-container{max-width:500px;width:100%;margin:20px auto}.form-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 8px 32px 0 rgba(0,0,0,0.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:15px;padding:40px;text-align:center;position:relative}.form-icon{font-size:3.5em;color:var(--accent-color);margin-bottom:20px;text-shadow:0 0 15px rgba(var(--accent-color-rgb),0.5)}.form-card h2{color:var(--primary-color);margin-bottom:15px;font-size:2.2em;font-weight:700}.form-card p{color:var(--text-color-muted);margin-bottom:30px;font-size:1.1em;line-height:1.6}.form-group{margin-bottom:25px;text-align:start}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--secondary-color);font-size:1.1em}.form-group input{width:100%;padding:15px 20px;border:1px solid var(--input-border);border-radius:10px;background-color:var(--input-bg);color:var(--text-color);font-size:1.2em;font-family:'monospace','Courier New';box-sizing:border-box;transition:all .3s ease;text-align:center;letter-spacing:3px;text-transform:uppercase}.form-group input::placeholder{color:rgba(255,255,255,0.8);text-transform:none}.form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),0.4)}.form-actions{margin-top:30px;display:flex;flex-direction:column;gap:15px}.form-errors{list-style:none;padding:0;margin:0 0 20px 0}.form-errors li{background-color:rgba(220,53,69,0.2);color:#f8d7da;border:1px solid rgba(220,53,69,0.5);padding:12px;border-radius:8px;font-weight:600}.glass-button{padding:15px 25px;font-size:1.1em;font-weight:700;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.glow-button{background:var(--accent-color);color:#1c2541;box-shadow:0 0 15px rgba(var(--accent-color-rgb),0.4)}.glow-button:hover{box-shadow:0 0 25px rgba(var(--accent-color-rgb),0.7);transform:translateY(-3px)}.secondary-button{background:transparent;color:var(--text-color-muted);border:1px solid var(--input-border)}.secondary-button:hover{border-color:var(--text-color);color:var(--text-color)}.back-link{margin-top:25px;display:inline-block;color:var(--text-color-muted);text-decoration:none;font-size:.9em;transition:color .3s}.back-link:hover{color:var(--accent-color)}@media(max-width:480px){body{padding:10px}.form-card{padding:30px 20px}.form-card h2{font-size:1.8em}.form-card p{font-size:1em}}.support-container{max-width:1100px;background:var(--panel-bg-color);border:1px solid var(--panel-border-color);margin:20px auto;padding:25px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 8px 32px 0 rgba(0,0,0,0.25)}.support-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.1)}.support-header .back-to-home{flex-shrink:0}.support-header h2{margin:0;color:var(--primary-color);font-size:1.6em;display:flex;align-items:center;gap:10px;flex-grow:1;justify-content:center}.support-content-grid{display:grid;grid-template-columns:1fr;gap:30px}@media(min-width:768px){.support-content-grid{grid-template-columns:400px 1fr}}.new-ticket-section,.existing-tickets-section{margin-bottom:0}.new-ticket-section h3,.existing-tickets-section h3{color:var(--secondary-color);margin-bottom:15px;font-size:1.5em;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:8px}.form-group{margin-bottom:15px;text-align:start}.form-group label{display:block;margin-bottom:5px;font-weight:bold;color:var(--text-color)}.form-control{width:100%;padding:10px;border:1px solid var(--panel-border-color);background-color:var(--input-bg-color);border-radius:8px;color:var(--text-color);font-size:1em;box-sizing:border-box;font-family:inherit}.form-control:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),0.3)}textarea.form-control{resize:vertical;min-height:100px}.submit-ticket-btn{background:var(--accent-color);padding:10px 20px;font-size:1.1em;color:#1c2541;font-weight:bold}.submit-ticket-btn:hover{box-shadow:0 0 15px var(--accent-color)}.ticket-list{list-style:none;padding:0}.ticket-item{background-color:rgba(255,255,255,0.05);border-radius:8px;margin-bottom:10px;transition:background-color .3s ease}.ticket-item:hover{background-color:rgba(255,255,255,0.1)}.ticket-item a{display:block;padding:15px;text-decoration:none;color:inherit}.ticket-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ticket-subject{font-weight:bold;font-size:1.1em;color:var(--text-color)}.ticket-id{font-size:.9em;color:rgba(255,255,255,0.6)}.ticket-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85em;color:rgba(255,255,255,0.7)}.ticket-status{padding:3px 8px;border-radius:5px;font-weight:bold;font-size:.8em;text-transform:capitalize}.status-open{background-color:var(--correct-color);color:white}.status-pending_admin_reply{background-color:#ffc107;color:#333}.status-pending_user_reply{background-color:#17a2b8;color:white}.status-closed{background-color:#6c757d;color:white}.no-tickets-message{text-align:center;color:rgba(255,255,255,0.7);padding:20px}.form-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:10px}.whatsapp-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;font-size:1em;text-decoration:none;border-radius:8px;background-color:#25D366;color:white;border:1px solid #25D366;box-shadow:0 0 15px rgba(37,211,102,0.4);transition:all .3s ease}.whatsapp-btn:hover{box-shadow:0 0 25px rgba(37,211,102,0.7);transform:translateY(-2px);background-color:#128C7E;border-color:#128C7E}.submit-ticket-btn{flex-grow:1}.pagination-nav{margin-top:25px;padding-top:15px;border-top:1px solid rgba(255,255,255,0.1);flex-shrink:0}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.pagination-controls a,.pagination-controls span{text-decoration:none;color:var(--text-color-muted);padding:8px 15px;border-radius:8px;transition:all .2s ease;font-size:1em;font-weight:600}.pagination-controls a:hover{background-color:rgba(255,255,255,0.1);color:var(--accent-color,#ffda68)}.pagination-controls .current-page{background-color:var(--primary-color,#ffda68);color:var(--background-end,#0b132b);cursor:default;font-weight:700;box-shadow:0 0 10px rgba(255,218,104,0.5)}.pagination-controls .disabled{opacity:.5;cursor:not-allowed}.pagination-controls .ellipsis{padding:8px 5px}.loading-placeholder{display:flex;justify-content:center;align-items:center;padding:40px;font-size:1.5em;color:var(--text-color-muted)}@media(max-width:768px){body[data-page="support-page"]{padding:0;align-items:flex-start}body[data-page="support-page"] .support-container{width:100%;max-width:100%;min-height:100vh;border-radius:0;margin:0;padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px)}}.support-ticket-info{flex-grow:1;text-align:center}[dir="rtl"] .support-ticket-info{text-align:center}.support-ticket-info h2{font-size:1.1em;margin:0;color:var(--text-color);font-weight:600}.ticket-status-header{display:inline-block;padding:3px 10px;border-radius:5px;font-size:.8em;font-weight:bold;text-transform:capitalize;color:#FFF}.ticket-status-header.status-open{background-color:var(--correct-color)}.ticket-status-header.status-pending_admin_reply{background-color:#ffc107}.ticket-status-header.status-pending_user_reply{background-color:#17a2b8}.ticket-status-header.status-closed{background-color:#6c757d}.support-message-bubble.received{background-color:var(--received-bubble-bg);border-bottom-left-radius:4px;align-self:flex-start}html[dir="rtl"] .support-message-bubble.received{border-bottom-left-radius:18px;border-bottom-right-radius:4px}.support-message-bubble.sent{background-color:var(--sent-bubble-bg);border-bottom-right-radius:4px;align-self:flex-end}html[dir="rtl"] .support-message-bubble.sent{border-bottom-right-radius:18px;border-bottom-left-radius:4px}.message-sender-avatar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.message-sender-avatar img{width:30px;height:30px;border-radius:50%;object-fit:cover;cursor:pointer}.message-sender-avatar .name{font-weight:bold;font-size:.9em;cursor:pointer}.support-message-bubble.received .message-sender-avatar .name{color:var(--accent-color)}.support-message-bubble.sent .message-sender-avatar .name{color:var(--text-color)}.ticket-closed-notice{padding:15px;text-align:center;background:rgba(0,0,0,0.3);color:var(--text-color-muted,#aaa);font-weight:600}.support-message-bubble .message-content{color:#FFF!important;font-weight:bold!important}@media(max-width:768px){body[data-page="support-chat"]{padding:0}body[data-page="support-chat"] .chat-container{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0;margin:0;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}body[data-page="support-chat"] .chat-header,body[data-page="support-chat"] .message-input-container{padding-left:env(safe-area-inset-left,15px);padding-right:env(safe-area-inset-right,15px)}}.ticket-item{position:relative}.ticket-item .notification-badge{top:10px;right:10px}html[dir="rtl"] .ticket-item .notification-badge{right:auto;left:10px}body{display:flex;justify-content:center;align-items:flex-start;padding-top:40px;padding-bottom:40px;min-height:100vh}.inbox-container{display:flex;flex-direction:column;width:100%;max-width:700px;min-height:75vh;max-height:90vh;margin:auto;padding:25px;box-sizing:border-box;background:var(--panel-bg-color);border:1px solid var(--panel-border-color);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;box-shadow:0 8px 32px 0 rgba(0,0,0,0.37);overflow:hidden}.inbox-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.1)}.inbox-header h2{color:var(--primary-color);margin:0 auto;font-size:2.3em;display:flex;align-items:center;gap:15px;font-weight:700}.back-to-home{padding:10px 18px;font-size:1em;text-decoration:none;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:12px;color:var(--text-color);transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.back-to-home:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.2)}html[dir="rtl"] .back-to-home{flex-direction:row-reverse}#friends-content-container,.inbox-section{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.inbox-list{list-style:none;padding:0;margin:0;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:15px;padding-right:8px}html[dir="rtl"] .inbox-list{padding-right:0;padding-left:8px}.inbox-list::-webkit-scrollbar{width:8px}.inbox-list::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);border-radius:10px}.inbox-list::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:10px;border:2px solid transparent;background-clip:content-box}.inbox-list::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}.inbox-item{background-color:rgba(0,0,0,0.1);border-radius:15px;transition:background-color .25s ease,transform .2s ease,box-shadow .25s ease;position:relative;border:1px solid transparent}.inbox-item:hover{background-color:rgba(0,0,0,0.25);transform:translateY(-4px) scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,0.25)}.inbox-item a{display:flex;align-items:center;padding:20px;text-decoration:none;color:inherit;width:100%;box-sizing:border-box;gap:15px}.inbox-item .profile-pic{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-color);box-shadow:0 2px 8px rgba(0,0,0,0.3);flex-shrink:0}.inbox-item-content{flex-grow:1;display:flex;flex-direction:column;gap:6px;overflow:hidden}.inbox-item-header{display:flex;justify-content:space-between;align-items:center}.inbox-item-header .user-name{font-weight:700;font-size:1.2em;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-item-header .last-message-time{font-size:.8em;color:#fff;font-weight:bold;flex-shrink:0;margin-inline-start:10px}.last-message-text{font-size:1em;color:#fff;font-weight:bold;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-item .unread-badge{position:absolute;top:50%;transform:translateY(-50%);right:20px;background-color:var(--accent-color);color:#1c2541;border-radius:50%;font-size:.85em;font-weight:bold;min-width:24px;height:24px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px rgba(0,0,0,0.4);z-index:1;line-height:1}html[dir="rtl"] .inbox-item .unread-badge{right:auto;left:20px}.inbox-item.unread{background-color:rgba(var(--accent-color-rgb),0.15);border:1px solid var(--accent-color)}.inbox-item.unread:hover{background-color:rgba(var(--accent-color-rgb),0.25)}.inbox-item.unread .user-name{color:var(--accent-color)}.inbox-item.unread .last-message-text{font-weight:600;color:rgba(255,255,255,0.95)}.friends-section{display:flex;flex-direction:column;height:100%;overflow:hidden}.friends-title-container{display:flex;align-items:center;gap:15px;margin-top:20px;margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,0.1)}.friends-section h3{color:var(--secondary-color,#f0a33c);margin:0;padding:0;border:none}.friends-section h3:first-of-type{margin-top:0}.friend-count-badge{background-color:var(--accent-color);color:#1c2541;border-radius:50%;font-size:.85em;font-weight:bold;min-width:24px;height:24px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,0.2);line-height:1}.friends-list{max-height:40vh;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:var(--accent-color,#ffda68) rgba(0,0,0,0.2)}html[dir="rtl"] .friends-list{padding-right:0;padding-left:10px}.friends-list::-webkit-scrollbar{width:10px}.friends-list::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:10px}.friends-list::-webkit-scrollbar-thumb{background-color:var(--accent-color,#ffda68);border-radius:10px;border:2px solid rgba(0,0,0,0.2);background-clip:content-box}.friends-list::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-color,#f0a33c)}.friend-request-item,.friend-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px}.friend-request-item .friend-info,.friend-item>a{display:flex;align-items:center;gap:15px;flex-grow:1}.friend-actions{display:flex;gap:10px;margin-inline-start:15px}.friend-actions .glass-button{padding:6px 12px;font-size:.85em;font-weight:bold}.friend-actions .accept-btn{background-color:var(--correct-color,#2ecc71);color:#fff}.friend-actions .decline-btn,.friend-actions .unfriend-btn{background-color:var(--wrong-color,#e74c3c);color:#fff}.friends-stats-section{padding:15px 0;margin-top:20px;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}.stat-card.friends-count-card{background:var(--panel-bg-color);border:1px solid var(--panel-border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md,12px);padding:20px;display:flex;align-items:center;justify-content:center;gap:20px;width:fit-content;margin:0 auto;box-shadow:0 4px 15px rgba(0,0,0,0.2);opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out .2s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.stat-card>i{font-size:2.8em;color:var(--accent-color);text-shadow:0 0 10px rgba(var(--accent-color-rgb),0.5)}.stat-card .stat-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}html[dir="rtl"] .stat-card .stat-info{align-items:flex-end;text-align:right}.stat-card .stat-value{font-size:2.2em;font-weight:700;color:var(--text-color);line-height:1}.stat-card .stat-label{font-size:1em;color:var(--text-color-muted);font-weight:600}.friend-item .friend-country{font-size:.9em;color:#fff;font-weight:bold;display:flex;align-items:center;gap:5px}.search-controls{margin-bottom:20px;flex-shrink:0}#friendSearchInput,#inboxSearchInput{width:100%;padding:12px 15px;background:var(--input-bg-color);border:1px solid var(--panel-border-color);border-radius:8px;color:var(--text-color);font-size:1em}#friendSearchInput::placeholder,#inboxSearchInput::placeholder{color:rgba(255,255,255,0.8)}#friendSearchInput:focus,#inboxSearchInput:focus{outline:none;border-color:var(--accent-color)}.loading-placeholder{display:flex;justify-content:center;align-items:center;padding:40px;font-size:2em;color:var(--text-color-muted)}.loading-placeholder .fa-spinner{animation:fa-spin 1.5s linear infinite}.no-results-message{text-align:center;padding:20px;color:var(--text-color-muted)}.inbox-empty-message{text-align:center;color:rgba(255,255,255,0.7);margin-top:40px;font-size:1.25em}.pagination-nav{margin-top:25px;padding-top:15px;border-top:1px solid rgba(255,255,255,0.1);flex-shrink:0}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.pagination-controls a,.pagination-controls span{text-decoration:none;color:var(--text-color-muted);padding:8px 15px;border-radius:8px;transition:all .2s ease;font-size:1em;font-weight:600}.pagination-controls a:hover{background-color:rgba(255,255,255,0.1);color:var(--accent-color,#ffda68)}.pagination-controls .current-page{background-color:var(--primary-color,#ffda68);color:var(--background-end,#0b132b);cursor:default;font-weight:700;box-shadow:0 0 10px rgba(255,218,104,0.5)}.pagination-controls .disabled{opacity:.5;cursor:not-allowed}.pagination-controls .ellipsis{padding:8px 5px}@media(max-width:768px){body{padding-top:20px;padding-bottom:20px}.inbox-container{padding:20px;min-height:85vh;max-height:95vh;border-radius:15px}.inbox-header{flex-direction:column;align-items:center;gap:15px}.inbox-header h2{font-size:2em;order:2}.back-to-home{position:static;order:1;align-self:flex-start}html[dir="rtl"] .back-to-home{align-self:flex-end}.inbox-item a{padding:15px}.inbox-item .profile-pic{width:50px;height:50px;margin-inline-end:15px}.inbox-item-header .user-name{font-size:1.1em}}@media(max-width:480px){body{padding:10px}.inbox-container{padding:15px;border-radius:10px;min-height:90vh;max-height:calc(100vh - 20px)}.inbox-header h2{font-size:1.8em}.inbox-item a{padding:12px}.inbox-item .profile-pic{width:45px;height:45px}.inbox-item .unread-badge{right:15px;min-width:20px;height:20px;font-size:.75em}html[dir="rtl"] .inbox-item .unread-badge{left:15px}}@media(max-width:768px){body[data-page="inbox-page"]{padding:0;align-items:flex-start}body[data-page="inbox-page"] .inbox-container{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0;margin:0;padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px)}}:root{--chat-bg:#0b132b;--header-bg:rgba(255,255,255,0.05);--input-bg:rgba(0,0,0,0.3);--sent-bubble-bg:rgba(58,128,128,0.4);--received-bubble-bg:rgba(28,37,65,0.4);--text-color:#f0f0f0;--text-color-muted:#a9a9b3;--accent-color:#6fffe9;--online-color:#3fb950;--offline-color:#6e7681;--danger-color:#f85149;--radius-md:12px;--radius-lg:18px;--reply-bg:rgba(255,255,255,0.08)}.chat-container{width:100%;max-width:800px;height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden;background:var(--panel-bg-color);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--panel-border-color);border-radius:var(--radius);transform:translateZ(0)}.chat-header{display:flex;align-items:center;padding:10px 15px;background:var(--header-bg);border-bottom:1px solid var(--glass-border);flex-shrink:0}.back-to-inbox{font-size:1.2rem;margin-inline-end:15px}.user-details{display:flex;align-items:center;gap:12px;flex-grow:1}.user-details .profile-pic{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-color);cursor:pointer}.user-details h2{font-size:1.1rem;margin:0;color:var(--text-color)}.status-text{font-size:.8rem;color:#fff;font-weight:bold;display:flex;align-items:center;gap:5px}.status-text::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--offline-color);transition:background-color .3s ease}.status-text.online::before{background-color:var(--online-color)}.chat-actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto}.seller-warning-btn{background-color:rgba(243,156,18,0.2);border:1px solid rgba(243,156,18,0.5);color:#fff;font-weight:bold;padding:0 12px;height:40px}.seller-warning-btn:hover{background-color:rgba(243,156,18,0.4);border-color:#f39c12}.seller-warning-btn i{margin-inline-end:8px}@media(max-width:480px){.seller-warning-btn span{display:none}.seller-warning-btn i{margin:0}.seller-warning-btn{width:40px}}.search-btn-icon{font-size:1rem;padding:0 10px;margin-inline-start:auto}.search-bar-container{display:none;align-items:center;padding:8px 15px;background:var(--input-bg);gap:10px;border-bottom:1px solid var(--glass-border);animation:slideDown .3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#search-chat-input{flex-grow:1;background:none;border:none;color:var(--text-color);outline:none;font-size:1rem}#search-bar-container button{background:none;border:none;color:var(--text-color);font-size:1.2rem;cursor:pointer;transition:color .2s}#search-bar-container button:hover:not(:disabled){color:var(--accent-color)}#search-bar-container button:disabled{opacity:.4;cursor:not-allowed}#search-results-count{font-size:.9rem;font-weight:bold;color:var(--text-color-muted)}.messages-list{flex-grow:1;padding:10px 20px;overflow-y:auto;display:flex;flex-direction:column}.messages-list::-webkit-scrollbar{width:8px}.messages-list::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:10px}.messages-list::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:10px;border:2px solid transparent;background-clip:content-box}.messages-list::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}.messages-list{scrollbar-width:thin;scrollbar-color:var(--accent-color) rgba(0,0,0,0.2)}.loading-indicator{display:none;justify-content:center;align-items:center;padding:10px;color:var(--text-color-muted,#a9a9b3)}.loading-indicator .fa-spinner{animation:fa-spin 1.5s linear infinite}.upload-progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);display:none;justify-content:center;align-items:center;flex-direction:column;gap:15px;z-index:10001;color:white}.upload-progress-overlay .fa-spinner{font-size:2rem;animation:fa-spin 1.5s linear infinite}.upload-progress-overlay p{font-weight:bold}.message-group{display:flex;flex-direction:column;margin-bottom:2px;max-width:75%}.message-group.sent{align-self:flex-end;align-items:flex-end}.message-group.received{align-self:flex-start;align-items:flex-start}.message-bubble{padding:10px 15px;border-radius:var(--radius-lg);margin-bottom:4px;position:relative;word-wrap:break-word;max-width:100%;transition:transform .2s ease;-webkit-user-select:none;user-select:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.1);font-weight:500}.message-bubble .message-content{font-size:1.05rem;line-height:1.5;font-weight:600}.message-bubble.sent{background:var(--sent-bubble-bg);border-bottom-right-radius:4px}html[dir="rtl"] .message-bubble.sent{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:4px}.message-bubble.received{background:var(--received-bubble-bg);border-bottom-left-radius:4px}html[dir="rtl"] .message-bubble.received{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:4px}.message-bubble.highlighted{background-color:rgba(var(--accent-color-rgb),0.3)}.message-bubble .highlight{background-color:yellow;color:black;padding:1px 3px;border-radius:3px}.message-bubble .active-highlight{background-color:rgba(255,165,0,1);animation:blink-animation 1s 1}@keyframes blink-animation{50%{background-color:rgba(255,165,0,0.7)}}.message-bubble.jumbo-emoji{background:transparent;padding:0;box-shadow:none;border:none;backdrop-filter:none;-webkit-backdrop-filter:none}.message-bubble.jumbo-emoji .message-content{font-size:3.5rem;line-height:1.1}.message-bubble.jumbo-emoji .message-meta,.message-bubble.jumbo-emoji .reply-quote{display:none}.reply-quote{background:var(--reply-bg);padding:8px;border-radius:8px;margin-bottom:8px;border-inline-start:3px solid var(--accent-color);font-size:.9em}.reply-quote .sender{font-weight:bold;color:var(--accent-color)}.reply-quote .text{color:#fff;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-bubble.file-attachment{padding:10px;width:100%;max-width:320px}.file-attachment-content{display:flex;flex-direction:column;gap:10px}.file-thumbnail-container{position:relative;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.2);border-radius:var(--radius-md);overflow:hidden;height:160px}.file-thumbnail{max-width:100%;max-height:100%;object-fit:cover;cursor:pointer}.file-thumbnail-container video.file-thumbnail{width:100%;height:100%;object-fit:cover;cursor:pointer}.file-icon{font-size:4rem;color:var(--text-color-muted)}.file-details{display:flex;flex-direction:column;gap:8px}.file-info{display:flex;align-items:center;gap:10px}.file-info .file-icon-small{font-size:1.5rem;color:var(--accent-color)}.file-name-size{display:flex;flex-direction:column;text-align:start;overflow:hidden}html[dir="rtl"] .file-name-size{text-align:right}.file-name{font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.8em;color:#fff;font-weight:bold}.download-btn{padding:8px 12px;background-color:var(--accent-color);color:var(--chat-bg);border:none;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:bold;transition:transform .2s ease;margin-top:5px}.download-btn:hover{transform:scale(1.05)}.file-expiry-warning{font-size:.75em;color:#fff;font-weight:bold;text-align:center;margin-top:5px;padding:5px;background-color:rgba(0,0,0,0.1);border-radius:5px;display:flex;align-items:center;justify-content:center;gap:5px}.audio-player-container{display:flex;align-items:center;gap:10px;width:100%;max-width:280px}.play-pause-btn{background:var(--accent-color);border:none;border-radius:50%;width:35px;height:35px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--chat-bg);font-size:1rem;transition:transform .2s ease}.play-pause-btn:hover{transform:scale(1.1)}.waveform-container{flex-grow:1;position:relative;height:40px;cursor:pointer;min-width:40px;border-radius:5px;overflow:hidden}.waveform-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.waveform-progress{position:absolute;top:0;left:0;height:100%;width:0;background-color:rgba(var(--accent-color-rgb),0.4);mix-blend-mode:lighten;pointer-events:none}.audio-duration{font-size:.8rem;color:#fff;font-weight:bold;font-family:monospace;white-space:nowrap;flex-shrink:0}audio.message-audio{display:none}.message-reactions-container{position:absolute;bottom:-15px;display:flex;gap:4px}.message-group.sent .message-reactions-container{right:10px}.message-group.received .message-reactions-container{left:10px}.reaction-pill{background:rgba(0,0,0,0.5);border-radius:20px;padding:2px 6px;font-size:.75rem;display:flex;align-items:center;gap:3px}.message-meta{font-size:.7rem;color:#fff;font-weight:bold;margin-top:5px;text-align:end;display:flex;align-items:center;gap:5px;justify-content:flex-end}.message-status .fa-check-double.read{color:var(--accent-color)}.date-separator{align-self:center;background:rgba(255,255,255,0.1);padding:4px 12px;border-radius:20px;font-size:.75rem;margin:15px 0;color:#fff;font-weight:bold}.typing-indicator{display:flex;gap:5px;align-items:center;padding:5px 0}.typing-indicator span{width:8px;height:8px;background-color:#fff;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-0.32s}.typing-indicator span:nth-child(2){animation-delay:-0.16s}.typing-indicator span:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1.0)}}.message-bubble .message-content a{color:var(--accent-color);text-decoration:underline;font-weight:600;cursor:pointer}.message-bubble .message-content a:hover{text-decoration:none;opacity:.9}.chat-header .user-info{display:flex;flex-direction:column;align-items:flex-start}.chat-header .status-container{display:flex;align-items:center;margin-top:2px}.status-dot{width:12px;height:12px;border-radius:50%;margin-right:8px;transition:background-color .3s ease;flex-shrink:0}html[dir="rtl"] .status-dot{margin-right:0;margin-left:8px}.status-dot.online{background-color:#2ecc71;box-shadow:0 0 8px rgba(46,204,113,0.7)}.status-dot.offline{background-color:#95a5a6}#online-status{font-size:.9em;font-weight:bold;color:#fff;transition:color .3s ease}#online-status.typing{color:var(--accent-color);font-weight:700;font-size:.95em;letter-spacing:1px;animation:typing-text-pulse 1.5s infinite}@keyframes typing-text-pulse{0%{opacity:.7}50%{opacity:1}100%{opacity:.7}}.modal-content{display:flex;flex-direction:column;max-height:85vh;overflow:hidden}.modal-user-details-list{overflow-y:auto;flex-grow:1;margin-bottom:1rem;padding:0 10px}.modal-actions{flex-shrink:0;padding-bottom:10px}.message-input-container{padding:10px 15px;background:var(--header-bg);border-top:1px solid var(--glass-border);flex-shrink:0}.message-input-area{display:flex;align-items:flex-end;gap:10px}#message-input{flex-grow:1;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px;color:var(--text-color);font-family:inherit;font-size:1rem;resize:none;max-height:150px;overflow-y:auto;scrollbar-width:none}#message-input::-webkit-scrollbar{display:none}#message-input:focus{border-color:var(--accent-color);box-shadow:0 0 5px rgba(111,255,233,0.3)}.send-btn-icon{width:48px;height:48px;font-size:1.2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.reply-preview-container{padding:8px 15px;background:rgba(0,0,0,0.2);display:flex;justify-content:space-between;align-items:center}.reply-preview-content{border-inline-start:3px solid var(--accent-color);padding-inline-start:10px;font-size:.9em;overflow:hidden}.reply-preview-sender{font-weight:bold;color:var(--accent-color)}.reply-preview-text{color:var(--text-color-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#cancel-reply-btn{background:none;border:none;color:var(--text-color-muted);font-size:1.5rem;cursor:pointer}.emoji-picker{position:absolute;bottom:70px;left:15px;z-index:1000;display:none}[dir="rtl"] .emoji-picker{left:auto;right:15px}.recording-controls{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;background-color:var(--input-bg);border-radius:var(--radius-md);padding:0 10px;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recording-btn{background:none;border:none;color:var(--text-color-muted);font-size:1.4rem;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.recording-btn.cancel:hover{color:var(--danger-color);transform:scale(1.1)}.recording-btn.stop{background-color:var(--accent-color);color:var(--chat-bg);border-radius:50%}.recording-btn.stop:hover{transform:scale(1.1)}.recording-status{display:flex;align-items:center;gap:8px;color:var(--text-color);font-family:monospace;font-size:1rem}.recording-icon{color:var(--danger-color);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}100%{transform:scale(1);opacity:1}}.slide-to-cancel-text{display:none;color:var(--text-color-muted);font-size:.8rem;animation:slideHint 2s infinite}@keyframes slideHint{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}#user-details-modal.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#user-details-modal.modal-overlay.active{opacity:1;visibility:visible}#user-details-modal .modal-content{background:var(--panel-bg-color);padding:30px;border-radius:15px;border:1px solid var(--panel-border-color);box-shadow:0 10px 40px rgba(0,0,0,0.5);text-align:center;width:90%;max-width:400px;position:relative;transform:scale(0.9);transition:transform .3s ease;display:flex;flex-direction:column;align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}#user-details-modal.modal-overlay.active .modal-content{transform:scale(1)}#user-details-modal .modal-close-button{position:absolute;top:15px;right:15px;background:none;border:none;color:#a9a9b3;font-size:1.5rem;cursor:pointer;transition:color .2s ease}#user-details-modal .modal-close-button:hover{color:#fff}#user-details-modal .modal-profile-pic{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--accent-color);margin-bottom:15px;box-shadow:0 0 20px rgba(var(--accent-color-rgb),0.4)}#user-details-modal .modal-user-name{font-size:1.8em;font-weight:700;color:var(--primary-color);margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}#user-details-modal .modal-user-details-list{list-style:none;padding:0;margin:0;text-align:start;display:flex;flex-direction:column;gap:12px;color:#d1d1d1;width:100%}#user-details-modal .modal-user-details-list li{display:flex;align-items:center;gap:10px;font-size:1em;padding:8px;background:rgba(0,0,0,0.15);border-radius:8px}#user-details-modal .modal-user-details-list i{width:20px;text-align:center}#user-details-modal .modal-user-details-list .flag-icon{font-size:1.2em}#user-details-modal .modal-user-details-list li.user-id-item{justify-content:space-between;background-color:rgba(var(--accent-color-rgb),0.1)}.user-id-item .info-part{display:flex;align-items:center;gap:10px}#user-details-modal .modal-actions .copy-btn,#user-details-modal .user-id-item .copy-btn{padding:5px 10px;font-size:.9em;min-width:40px;height:35px;background-color:rgba(var(--accent-color-rgb),0.2);border-color:rgba(var(--accent-color-rgb),0.4);color:var(--accent-color)}#user-details-modal .modal-actions .copy-btn:hover,#user-details-modal .user-id-item .copy-btn:hover{background-color:rgba(var(--accent-color-rgb),0.3);border-color:var(--accent-color)}#user-details-modal .modal-actions .copy-btn.copied,#user-details-modal .user-id-item .copy-btn.copied{background-color:var(--correct-color);border-color:var(--correct-color);color:white}#user-details-modal .modal-actions{margin-top:25px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap;width:100%}#user-details-modal .modal-actions .action-btn{padding:10px 20px;font-size:.9em;font-weight:bold;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}#user-details-modal .modal-actions .action-btn i{font-size:1.1em}#user-details-modal .modal-actions .action-btn.add-friend{background-color:var(--correct-color);color:white;border-color:rgba(255,255,255,0.2)}#user-details-modal .modal-actions .action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.3)}#user-details-modal .modal-actions .action-btn.accept{background-color:var(--correct-color);color:white}#user-details-modal .modal-actions .action-btn.unfriend,#user-details-modal .modal-actions .action-btn.block,#user-details-modal .modal-actions .action-btn.decline{background-color:var(--danger-color,#e74c3c);color:white}#user-details-modal .modal-actions .action-btn.report{background-color:#f39c12;color:white}#user-details-modal .modal-actions .action-btn.unblock{background-color:#3498db;color:white}#user-details-modal .modal-actions .status-text{color:var(--text-color-muted);font-style:italic;padding:10px 20px}.context-menu{position:fixed;z-index:10000;background:#2c3e50;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.3);padding:8px 0;display:none}.context-menu-item{padding:8px 15px;cursor:pointer;color:var(--text-color);display:flex;align-items:center;gap:10px}.context-menu-item:hover{background-color:#3a506b}.reaction-menu-item .emoji-reactions-flyout{display:none;position:absolute;background:#2c3e50;padding:5px;border-radius:20px;left:100%;top:0;box-shadow:0 2px 10px rgba(0,0,0,0.2)}[dir="rtl"] .reaction-menu-item .emoji-reactions-flyout{left:auto;right:100%}.reaction-menu-item:hover .emoji-reactions-flyout{display:flex;gap:5px}.emoji-reactions-flyout span{font-size:1.5rem;transition:transform .2s ease;padding:2px}.emoji-reactions-flyout span:hover{transform:scale(1.3)}.media-preview-modal .modal-content{background:transparent;border:none;box-shadow:none;width:90vw;height:90vh;padding:0;justify-content:center;align-items:center;overflow:visible}.media-preview-modal .modal-close-button{top:-15px;right:-15px;background:#1c2541;color:white;width:40px;height:40px;font-size:2rem;border:2px solid white;box-shadow:0 4px 15px rgba(0,0,0,0.4)}html[dir="rtl"] .media-preview-modal .modal-close-button{right:auto;left:-15px}#image-preview-img,#video-preview-player{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.5);display:block}#user-details-modal .modal-user-details-list li.action-item-li{background:transparent;padding:0;margin-top:15px}.action-btn.glassy-yellow{width:100%;padding:12px;font-size:1em;font-weight:bold;color:#fff;background:rgba(255,193,7,0.7);border:1px solid rgba(255,193,7,1);box-shadow:0 4px 15px rgba(255,193,7,0.2)}.action-btn.glassy-yellow:hover{background:rgba(255,193,7,0.9);border-color:#ffc107;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,193,7,0.3)}#owned-badges-modal-body{padding:20px;overflow-y:auto;height:100%}#owned-badges-grid{padding-bottom:20px}.featured-seller-badge{background-color:yellow;color:black;padding:4px 10px;border-radius:6px;font-size:.7em;font-weight:700;text-transform:uppercase;line-height:1.2}.available-codes-modal-content{max-width:550px}.available-codes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.available-code-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:rgba(0,0,0,0.2);border-radius:10px;border-left:4px solid var(--primary-color);transition:background-color .3s ease,border-color .3s ease}.available-code-item:hover{background:rgba(var(--primary-color-rgb),0.1);border-color:var(--accent-color)}html[dir="rtl"] .available-code-item{border-left:none;border-right:4px solid var(--primary-color)}html[dir="rtl"] .available-code-item:hover{border-right-color:var(--accent-color)}.available-code-item .plan-info{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start}html[dir="rtl"] .available-code-item .plan-info{align-items:flex-end;text-align:right}.available-code-item .plan-name{font-weight:bold;font-size:1.2em;color:var(--primary-color);line-height:1.4}.available-code-item .plan-description{font-size:.95em;color:var(--text-color-muted,#d1d1d1);font-weight:normal;margin-top:0;line-height:1.6}.available-code-item .plan-count{font-size:1.4em;font-weight:bold;color:var(--correct-color);background:rgba(var(--correct-color-rgb),0.15);padding:8px 15px;border-radius:8px;min-width:70px;text-align:center;margin-left:15px}html[dir="rtl"] .available-code-item .plan-count{margin-left:0;margin-right:15px}.available-code-item .plan-count .not-available{color:var(--wrong-color);background-color:transparent;font-size:.8em;font-weight:normal;padding:0}#user-details-modal .modal-user-details-list li.role-item{background-color:rgba(var(--accent-color-rgb),0.1);font-weight:bold;justify-content:center}#user-details-modal .modal-user-details-list li.role-item i{color:var(--accent-color)}.ticket-rating-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);width:100%}.ticket-rating-section h4{margin-bottom:15px;font-size:1.1em;color:var(--text-color)}.star-rating-input-modal{display:flex;flex-direction:row-reverse;justify-content:center;font-size:2.2em;gap:5px}.star-rating-input-modal input{display:none}.star-rating-input-modal label{cursor:pointer;transition:color .2s,transform .2s;color:#555}.star-rating-input-modal label:hover,.star-rating-input-modal label:hover ~ label,.star-rating-input-modal input:checked ~ label{color:#ffc107}.star-rating-input-modal label:hover{transform:scale(1.2)}.star-rating-input-modal.rated label{cursor:default}.star-rating-input-modal.rated label:hover{transform:none}.rating-feedback{margin-top:15px;font-weight:bold;color:var(--correct-color);min-height:20px}@media(max-width:768px){body[data-page="chat-page"]{padding:0;align-items:flex-start}body[data-page="chat-page"] .chat-container{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0;margin:0;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}body[data-page="chat-page"] .chat-header,body[data-page="chat-page"] .message-input-container{padding-left:env(safe-area-inset-left,15px);padding-right:env(safe-area-inset-right,15px)}}@media(max-width:480px){.recording-status{flex-grow:1;justify-content:center}.slide-to-cancel-text{display:block}}@media(max-width:400px){body{padding:0}.chat-container{height:100vh;border-radius:0;max-height:100vh}.chat-header{padding:8px 10px;gap:8px}.back-to-inbox{margin-inline-end:8px}.chat-user-info .profile-pic{width:40px;height:40px}.user-details h2{font-size:1rem}.status-text{font-size:.75rem}.messages-list{padding:10px}.message-bubble{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.message-bubble.sent{background:var(--sent-bubble-bg)}.message-bubble.received{background:var(--received-bubble-bg)}.message-bubble .message-content{font-size:1rem}.message-input-container{padding:8px 10px}.message-input-area{gap:8px}.send-btn-icon{width:42px;height:42px;font-size:1.1rem}#user-details-modal .modal-content{padding:20px;max-width:95%}#user-details-modal .modal-profile-pic{width:90px;height:90px}#user-details-modal .modal-user-name{font-size:1.5em}#user-details-modal .modal-user-details-list li{font-size:.9em;padding:6px}#user-details-modal .modal-actions{flex-direction:column;align-items:stretch;gap:10px}#user-details-modal .modal-actions .action-btn{width:100%;justify-content:center}}:root{--background-start:#1c2541;--background-end:#0b132b;--text-color:#f0f0f0;--text-color-muted:#fff;--accent-color-1:#ffda68;--accent-color-2:#f0a33c;--primary-action-color:#c7a768;--danger-color:#f85149;--success-color:#3fb950;--pending-color:#f0a33c;--font-family:'Almarai',sans-serif;--glass-bg:var(--panel-bg-color);--glass-border:var(--panel-border-color);--item-hover-bg:rgba(44,62,80,0.5);--shadow-color:rgba(0,0,0,0.25);--radius:12px}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:var(--background-start);background-image:linear-gradient(45deg,var(--background-start),var(--background-end));animation:gradientAnimation 20s ease infinite;background-size:200% 200%;color:var(--text-color);font-family:var(--font-family);overflow-y:auto;padding:20px}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.leaderboard-container{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);padding:30px;box-shadow:0 8px 32px 0 var(--shadow-color);text-align:center;width:100%;max-width:900px;margin:20px auto;display:flex;flex-direction:column;gap:25px;transform:translateZ(0)}.leaderboard-container h1{color:var(--accent-color-1);margin-bottom:10px;font-size:clamp(2em,5vw,2.8em);display:flex;align-items:center;justify-content:center;gap:15px;text-shadow:0 0 10px rgba(255,218,104,0.5)}.leaderboard-description{color:var(--text-color);font-size:1.1em;line-height:1.7;margin-bottom:25px;max-width:700px;margin-left:auto;margin-right:auto;background:rgba(0,0,0,0.1);padding:15px;border-radius:var(--radius);border:1px solid var(--glass-border)}.leaderboard-description strong{color:var(--accent-color-1);font-weight:700}.top-bar{width:100%;display:flex;justify-content:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--glass-border)}.top-bar a{text-decoration:none;padding:10px 20px;display:inline-flex;align-items:center;gap:8px;color:var(--text-color);background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius);transition:background-color .3s ease}.top-bar a:hover{background-color:rgba(255,255,255,0.2)}.lottie-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(11,19,43,0.85);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:1;transition:opacity .5s ease-out}.lottie-overlay.hidden{opacity:0;pointer-events:none}#lottie-trophy-container{width:90%;max-width:400px}.countdown-container{background:rgba(0,0,0,0.1);padding:20px;border-radius:var(--radius);margin-bottom:25px;border-bottom:2px solid var(--accent-color-1)}.countdown-container h3{color:var(--text-color);font-size:1.2em;margin-bottom:15px;font-weight:600}.countdown-container .timer{display:flex;justify-content:center;gap:20px;text-align:center}.countdown-container .time-part{background:rgba(0,0,0,0.2);padding:10px 15px;border-radius:8px;min-width:70px}.countdown-container .time-part span{font-size:2em;font-weight:700;color:var(--accent-color-1);display:block;font-family:'Orbitron',sans-serif}.countdown-container .time-part small{font-size:.8em;color:var(--text-color-muted);font-weight:bold}.countdown-container .announcement-imminent{font-size:1.5em;font-weight:bold;color:var(--success-color);animation:pulse-badge 2s infinite}.leaderboard-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.leaderboard-controls .search-input-group{display:flex;align-items:center;background:rgba(0,0,0,0.15);border-radius:10px;padding:0 15px;border:1px solid transparent;transition:all .3s ease}.leaderboard-controls .search-input-group:focus-within{border-color:var(--primary-action-color);box-shadow:0 0 8px rgba(199,167,104,0.5)}.leaderboard-controls .search-input-group i{color:var(--text-color-muted);padding-right:10px}html[dir="rtl"] .leaderboard-controls .search-input-group i{padding-right:0;padding-left:10px}.leaderboard-controls input,.leaderboard-controls select{background:transparent;border:none;color:var(--text-color);padding:12px 0;font-size:1em;outline:none;width:100%;height:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.leaderboard-controls select{padding:12px;background-color:rgba(0,0,0,0.15);border-radius:10px}.leaderboard-controls input::placeholder{color:rgba(255,255,255,0.8)}.leaderboard-controls select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f0f0f0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1em;cursor:pointer}html[dir="rtl"] .leaderboard-controls select{background-position:left .7rem center}.leaderboard-controls select option{background:var(--background-end)}.leaderboard-controls .filter-buttons{display:flex;justify-content:flex-end}.leaderboard-controls .filter-buttons button{background:rgba(255,255,255,0.05);cursor:pointer;transition:background .2s;width:auto;max-width:150px;padding:10px 20px;font-size:.95em;border-radius:10px;border:1px solid transparent;color:var(--text-color,#f0f0f0)}.leaderboard-controls .filter-buttons button:hover{background:rgba(255,255,255,0.15)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding-top:20px;border-top:1px solid var(--glass-border);flex-wrap:wrap}.pagination-controls a,.pagination-controls span{text-decoration:none;color:var(--text-color-muted);padding:8px 15px;border-radius:8px;transition:all .2s ease;font-size:1em;font-weight:600}.pagination-controls a:hover{background-color:var(--item-hover-bg);color:var(--accent-color-1)}.pagination-controls .current-page{background-color:var(--accent-color-1);color:var(--background-end);cursor:default;font-weight:700;box-shadow:0 0 10px rgba(255,218,104,0.5)}.pagination-controls .disabled{opacity:.5;cursor:not-allowed}.pagination-controls .ellipsis{padding:8px 5px}.leaderboard-list{list-style:none;display:flex;flex-direction:column;gap:12px}.leaderboard-item{display:flex;align-items:center;gap:15px;padding:12px;background:var(--item-hover-bg);border-radius:var(--radius);transition:all .3s ease}.leaderboard-item:hover{transform:scale(1.02);box-shadow:0 0 15px rgba(255,218,104,0.3);background:var(--glass-bg)}.leaderboard-item.current-user-highlight{border:2px solid var(--accent-color-1);background:rgba(255,218,104,0.1)}.rank{font-size:1.4em;font-weight:700;color:var(--accent-color-1);min-width:40px;text-align:center}.profile-pic{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-color-2)}.user-info-container{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.user-name{font-weight:700;font-size:1.1em}.user-details{display:flex;flex-wrap:wrap;gap:15px;align-items:center;font-size:.85em;color:#fff;font-weight:bold}.user-details>span{display:flex;align-items:center;gap:5px}.user-details .fa-star{color:var(--accent-color-1)}.user-details .fa-user-friends{color:var(--primary-action-color)}.actions-container{display:flex;flex-direction:column;gap:8px;align-items:flex-end;margin-inline-start:auto}.primary-actions,.friendship-actions{display:flex;gap:8px}a.action-btn{text-decoration:none}.action-btn,.status-text{padding:6px 12px;font-size:.8em;border-radius:6px;font-weight:bold;display:inline-flex;align-items:center;justify-content:center}.action-btn{border:none;cursor:pointer;transition:all .2s ease;color:#fff}.action-btn:disabled,.status-text{cursor:default;opacity:.8}.action-btn:hover:not(:disabled){transform:scale(1.05);filter:brightness(1.2)}.action-btn.chat{background-color:var(--primary-action-color)}.action-btn.add-friend,.action-btn.accept{background-color:var(--success-color)}.action-btn.block,.action-btn.decline,.action-btn.unfriend{background-color:var(--danger-color)}.action-btn.report{background-color:#f39c12}.action-btn.unblock{background-color:var(--pending-color);color:var(--background-end)}.status-text.pending{background-color:var(--pending-color);color:var(--background-end)}.status-text.blocked{background-color:#6e7681}.no-users-message,.no-results-message{font-size:1.2em;color:var(--text-color-muted);margin-top:20px}.leaderboard-list.loading{min-height:200px;display:flex;justify-content:center;align-items:center;font-size:2em;color:var(--text-color-muted)}.leaderboard-list.loading .fa-spinner{animation:fa-spin 1.5s linear infinite}@media(min-width:600px){.search-input-group{grid-column:span 2}.filter-buttons{grid-column:span 1;justify-content:flex-start}}@media(min-width:920px){.search-input-group{grid-column:span 3}.filter-buttons{grid-column:span 2}}@media(max-width:768px){.leaderboard-container{padding:15px}.leaderboard-item{flex-wrap:wrap}.rank,.profile-pic{align-self:center}.user-info-container{flex-basis:100%;order:3;align-items:center;text-align:center}.user-details{justify-content:center}.actions-container{flex-basis:100%;order:4;flex-direction:row;justify-content:center;flex-wrap:wrap;margin-inline-start:0;padding-top:10px;border-top:1px solid var(--glass-border)}}@media(max-width:768px){body[data-page="leaderboard-page"]{padding:0;align-items:flex-start}body[data-page="leaderboard-page"] .leaderboard-container{width:100%;max-width:100%;min-height:100vh;border-radius:0;margin:0;padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px)}}@media(max-width:480px){.countdown-container{padding:15px}.countdown-container .timer{gap:10px;flex-wrap:wrap;justify-content:center}.countdown-container .time-part{min-width:60px;padding:8px 10px;flex-grow:1;flex-basis:0}.countdown-container .time-part span{font-size:1.8em}.countdown-container .time-part small{font-size:.7em}}.winners-section{padding:20px;margin-bottom:25px;background:rgba(0,0,0,0.15);border-radius:var(--radius);border-top:2px solid var(--accent-color-1);animation:fadeIn .5s ease-out}.winners-section h2{text-align:center;color:var(--accent-color-1);margin-bottom:20px;font-size:clamp(1.5em,4vw,1.8em);display:flex;align-items:center;justify-content:center;gap:10px}.winners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.winner-card{background:var(--card-bg);border-radius:var(--radius);padding:15px;text-align:center;position:relative;overflow:hidden;border:1px solid var(--card-border);transition:transform .3s ease,box-shadow .3s ease}.winner-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.2)}.winner-card.rank-1{border-color:#ffd700}.winner-card.rank-2{border-color:#c0c0c0}.winner-card.rank-3{border-color:#cd7f32}.winner-rank{position:absolute;top:10px;left:10px;background:rgba(0,0,0,0.5);color:white;border-radius:50%;width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7em;line-height:1;font-weight:bold}html[dir="rtl"] .winner-rank{left:auto;right:10px}.winner-rank .fa-trophy{font-size:1.3em}.winner-rank span{font-size:1.5em}.winner-card.rank-1 .winner-rank{background:#ffd700;color:#333}.winner-card.rank-2 .winner-rank{background:#c0c0c0;color:#333}.winner-card.rank-3 .winner-rank{background:#cd7f32;color:white}.winner-pic{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-color-1);margin-bottom:10px;transition:transform .3s ease}.winner-card:hover .winner-pic{transform:scale(1.1)}.winner-name-link{text-decoration:none}.winner-name{font-size:1.1em;font-weight:bold;color:var(--text-color);margin:0;transition:color .3s ease}.winner-name-link:hover .winner-name{color:var(--accent-color-1)}.winner-votes{font-size:.9em;color:#fff;font-weight:bold;margin-top:4px}.winner-prize{font-size:.9em;color:var(--text-color-muted);margin-top:8px;font-weight:500}.winner-prize .fa-gift{color:var(--accent-color-2);margin-inline-end:5px}:root{--card-bg:var(--panel-bg-color);--card-border:var(--panel-border-color);--item-hover-bg:rgba(44,62,80,0.5);--accent-color-1:#ffda68;--accent-color-2:#f0a33c;--text-color:#f0f0f0;--text-color-muted:#a9a9b3;--success-color:#3fb950;--danger-color:#f85149;--radius:15px;--shadow-color:rgba(0,0,0,0.3)}.voting-container{width:100%;max-width:800px;margin:20px auto;padding:20px;display:flex;flex-direction:column;gap:20px;transform:translateZ(0)}.top-bar{width:100%;display:flex;justify-content:flex-start;padding-bottom:15px;border-bottom:1px solid var(--card-border)}.event-header{text-align:center}.event-header h1{color:var(--accent-color-1);font-size:clamp(1.8em,5vw,2.5em);text-shadow:0 0 15px rgba(255,218,104,0.5);margin-bottom:10px}.event-header .event-description{color:#f0f0f0;font-size:1.1em;font-weight:600;line-height:1.6;text-shadow:1px 1px 3px rgba(0,0,0,0.6);max-width:800px;margin:10px auto 20px}.countdown-container{background:rgba(0,0,0,0.1);padding:20px;border-radius:var(--radius);margin:20px auto;border-bottom:2px solid var(--accent-color-1);max-width:500px}.countdown-container h3{color:var(--text-color);font-size:1.2em;margin-bottom:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.countdown-container .timer{display:flex;justify-content:center;gap:20px;text-align:center}.countdown-container .time-part{background:rgba(0,0,0,0.2);padding:10px 15px;border-radius:8px;min-width:70px}.countdown-container .time-part span{font-size:2em;font-weight:700;color:var(--accent-color-1);display:block;font-family:'Orbitron',sans-serif}.countdown-container .time-part small{font-size:.8em;color:var(--text-color-muted);font-weight:bold}.event-timer.ended{background-color:rgba(248,81,73,0.2);border-color:var(--danger-color);color:var(--danger-color);padding:10px 15px;border-radius:50px;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--danger-color);font-weight:bold}.candidate-info .candidate-user-id{font-size:.9em;color:#fff;font-weight:bold;margin-top:5px;margin-bottom:8px;display:flex;align-items:center;gap:6px;opacity:1}.candidates-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.candidate-card{display:grid;grid-template-columns:auto 50px 1fr auto auto;grid-template-areas:"rank pic info votes button";align-items:center;gap:15px;padding:15px;background:var(--item-hover-bg);border-radius:var(--radius);border:1px solid transparent;transition:all .3s ease}.candidate-card:hover{transform:translateY(-5px);border-color:var(--card-border);box-shadow:0 5px 20px var(--shadow-color)}.candidate-rank{grid-area:rank;font-size:1.5em;font-weight:bold;color:var(--accent-color-2);justify-self:center;width:40px}.candidate-pic{grid-area:pic;width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-color-1)}.candidate-info{grid-area:info;text-align:start}html[dir="rtl"] .candidate-info{text-align:right}.candidate-name{font-size:1.1em;font-weight:bold;margin:0;color:var(--text-color)}.candidate-details{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:5px;font-size:.85em;color:#fff;font-weight:bold}.candidate-details>div{display:flex;align-items:center;gap:5px}.candidate-score .fa-star{color:var(--accent-color-1)}.candidate-votes{grid-area:votes;display:flex;align-items:center;gap:8px;font-size:1.2em;font-weight:bold;justify-self:end;color:var(--text-color)}.vote-btn{grid-area:button;padding:8px 15px;font-size:.9em;background-color:var(--primary-action-color,#c7a768);color:var(--background-end,#0b132b);font-weight:bold;min-width:100px}.vote-btn.voted{background-color:var(--success-color);color:white;border-color:var(--success-color)}.vote-btn:disabled{opacity:.5;cursor:not-allowed}.no-candidates-message,.no-results-message{text-align:center;padding:40px;font-size:1.2em;color:var(--text-color-muted)}.voting-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:25px;align-items:center}.voting-controls .search-box{position:relative;width:100%;max-width:400px}.voting-controls .search-box i{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:var(--text-color-muted);pointer-events:none}html[dir="rtl"] .voting-controls .search-box i{left:auto;right:15px}.voting-controls #search-candidates{width:100%;padding:12px 15px 12px 45px;font-size:1em;border-radius:10px;border:1px solid var(--panel-border-color);background-color:var(--input-bg-color);color:var(--text-color);transition:all .2s ease-in-out}html[dir="rtl"] .voting-controls #search-candidates{padding:12px 45px 12px 15px}.voting-controls #search-candidates::placeholder{color:rgba(255,255,255,0.8)}.voting-controls #search-candidates:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),0.3)}.nominate-btn,.withdraw-btn{padding:12px 25px;font-size:1.1em;font-weight:700;width:100%;max-width:400px}.nominate-btn{color:#fff;background-color:rgba(var(--correct-color-rgb),0.7);border-color:var(--correct-color);box-shadow:0 0 15px rgba(var(--correct-color-rgb),0.2)}.nominate-btn:hover:not(:disabled){background-color:rgba(var(--correct-color-rgb),0.9);box-shadow:0 0 20px rgba(var(--correct-color-rgb),0.5)}.withdraw-btn{color:#fff;background-color:rgba(var(--wrong-color-rgb),0.7);border-color:var(--wrong-color);box-shadow:0 0 15px rgba(var(--wrong-color-rgb),0.2)}.withdraw-btn:hover:not(:disabled){background-color:rgba(var(--wrong-color-rgb),0.9);box-shadow:0 0 20px rgba(var(--wrong-color-rgb),0.5)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding-top:20px;border-top:1px solid var(--glass-border);flex-wrap:wrap}.pagination-controls a,.pagination-controls span{text-decoration:none;color:var(--text-color-muted);padding:8px 15px;border-radius:8px;transition:all .2s ease;font-size:1em;font-weight:600}.pagination-controls a:hover{background-color:var(--item-hover-bg);color:var(--accent-color-1)}.pagination-controls .current-page{background-color:var(--accent-color-1);color:var(--background-end);cursor:default;font-weight:700;box-shadow:0 0 10px rgba(255,218,104,0.5)}.pagination-controls .disabled{opacity:.5;cursor:not-allowed}.pagination-controls .ellipsis{padding:8px 5px}.winners-section{padding:20px;margin-bottom:25px;background:rgba(0,0,0,0.15);border-radius:var(--radius);border-top:2px solid var(--accent-color-1)}.winners-section h2{text-align:center;color:var(--accent-color-1);margin-bottom:20px;font-size:clamp(1.5em,4vw,1.8em)}.winners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.winner-card{background:var(--card-bg);border-radius:var(--radius);padding:15px;text-align:center;position:relative;overflow:hidden;border:1px solid var(--card-border);transition:transform .3s ease,box-shadow .3s ease}.winner-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.2)}.winner-card.rank-1{border-color:#ffd700}.winner-card.rank-2{border-color:#c0c0c0}.winner-card.rank-3{border-color:#cd7f32}.winner-rank{position:absolute;top:10px;left:10px;background:rgba(0,0,0,0.5);color:white;border-radius:50%;width:35px;height:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.6em;line-height:1}html[dir="rtl"] .winner-rank{left:auto;right:10px}.winner-rank .fa-trophy{font-size:1.2em}.winner-rank span{font-weight:bold;font-size:1.4em}.winner-card.rank-1 .winner-rank{background:#ffd700;color:#333}.winner-card.rank-2 .winner-rank{background:#c0c0c0;color:#333}.winner-card.rank-3 .winner-rank{background:#cd7f32;color:white}.winner-pic{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-color-1);margin-bottom:10px}.winner-name{font-size:1em;font-weight:bold;color:var(--text-color);margin:0}.winner-votes{font-size:.9em;color:#fff;font-weight:bold;margin-top:4px}.winner-prize{font-size:.8em;color:#fff;font-weight:bold;margin-top:5px}.winner-prize .fa-gift{color:var(--accent-color-2);margin-inline-end:5px}@media(max-width:768px){.voting-container{padding:15px}.voting-controls{flex-direction:column}.nominate-btn,.withdraw-btn{width:100%;max-width:none}.candidate-card{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;grid-template-areas:"pic info" "votes votes" "button button";row-gap:10px;column-gap:12px;padding:12px}.candidate-rank{display:none}.candidate-info{align-self:center}.candidate-votes{grid-area:votes;justify-self:center;padding:8px 0;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);width:100%;justify-content:center}.vote-btn{grid-area:button;width:100%;padding:12px;font-size:1em}}@media(max-width:480px){.event-header h1{font-size:1.6em}.event-header .event-description{font-size:.9em}.event-timer{font-size:.9em;padding:8px 12px}.candidate-card{gap:10px}.candidate-pic{width:45px;height:45px}.candidate-name{font-size:1em}.candidate-details{font-size:.8em}.candidate-votes{font-size:1.1em}}@media(max-width:768px){body[data-page="voting-room"]{padding:0;align-items:flex-start}body[data-page="voting-room"] .voting-container{width:100%;max-width:100%;min-height:100vh;border-radius:0;margin:0;padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px)}}@media(max-width:480px){.countdown-container{padding:15px}.countdown-container .timer{gap:10px;flex-wrap:wrap;justify-content:center}.countdown-container .time-part{min-width:60px;padding:8px 10px;flex-grow:1;flex-basis:0}.countdown-container .time-part span{font-size:1.8em}.countdown-container .time-part small{font-size:.7em}}.challenges-container{width:100%;max-width:800px;margin:20px auto;padding:30px;display:flex;flex-direction:column;gap:30px;transform:translateZ(0)}.challenges-header{display:flex;justify-content:center;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1);width:100%;position:relative}.challenges-header .back-to-home{position:absolute;left:0}html[dir="rtl"] .challenges-header .back-to-home{left:auto;right:0}.challenges-header h1{color:var(--primary-color);font-size:clamp(1.8em,4vw,2.2em);margin:0;display:flex;align-items:center;gap:15px}.challenges-section{width:100%}.challenges-section h2{font-size:1.6em;color:var(--secondary-color);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1);text-align:start;display:flex;align-items:center;gap:10px}html[dir="rtl"] .challenges-section h2{text-align:right}.challenge-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.challenge-item{background:rgba(0,0,0,0.2);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;transition:background .3s ease}.challenge-item:hover{background:rgba(0,0,0,0.3)}.no-items-message,.loading-placeholder{text-align:center;color:var(--text-color-muted,#aaa);font-size:1.1em;padding:20px}.loading-placeholder .fa-spinner{font-size:1.5em;animation:fa-spin 1.5s linear infinite}.pagination-nav{margin-top:25px;padding-top:15px;border-top:1px solid rgba(255,255,255,0.1);flex-shrink:0}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.pagination-controls a,.pagination-controls span{text-decoration:none;color:var(--text-color-muted,#aaa);padding:8px 15px;border-radius:8px;transition:all .2s ease;font-size:1em;font-weight:600}.pagination-controls a:hover{background-color:rgba(0,0,0,0.3);color:var(--accent-color,#ffda68)}.pagination-controls .current-page{background-color:var(--primary-color,#ffda68);color:var(--background-end,#0b132b);cursor:default;font-weight:700;box-shadow:0 0 10px rgba(255,218,104,0.5)}.pagination-controls .disabled{opacity:.5;cursor:not-allowed}.pagination-controls .ellipsis{padding:8px 5px}@media(max-width:768px){.challenges-container{padding:20px}.challenges-header h1{font-size:1.6em;gap:10px}.challenges-section h2{font-size:1.4em}.challenge-item{flex-direction:column;align-items:flex-start;padding:15px}}@media(max-width:480px){.challenges-header .back-to-home span{display:none}.challenges-header h1{font-size:1.4em}.challenges-section h2{font-size:1.3em}.pagination-controls a,.pagination-controls span{padding:6px 12px;font-size:.9em}}@media(max-width:768px){body[data-page="challenges-page"],body[data-page="live-challenges"]{padding:0;align-items:flex-start}body[data-page="challenges-page"] .challenges-container,body[data-page="live-challenges"] .challenges-container{width:100%;max-width:100%;min-height:100vh;border-radius:0;margin:0;padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px)}}.invitation-item .invitation-info,.active-challenge-item .invitation-info{display:flex;align-items:center;gap:15px;flex-grow:1;width:100%}.invitation-item .profile-pic,.active-challenge-item .profile-pic{width:50px;height:50px;border-radius:50%;object-fit:cover;flex-shrink:0}.invitation-item p,.active-challenge-item p{margin:0;font-size:1.1em}.invitation-actions{display:flex;align-items:center;gap:15px;flex-shrink:0}.invitation-actions .accept-btn,.invitation-actions .join-btn{background-color:var(--correct-color);color:white}.invitation-actions .decline-btn{background-color:var(--wrong-color);color:white}.history-item{flex-direction:column;align-items:flex-start}.history-item-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap}.history-item-header h4{margin:0;font-size:1.2em;color:var(--primary-color)}.history-item-header h4 a{color:inherit;text-decoration:none;font-weight:inherit;transition:color .2s ease,text-decoration .2s ease}.history-item-header h4 a:hover,.history-item-header h4 a:focus{color:var(--accent-color,#ffda68);text-decoration:underline}.history-meta{display:flex;align-items:center;gap:15px;color:#fff;font-weight:bold;font-size:.9em}.challenge-date{font-size:.9em;color:#fff;font-weight:bold}.challenge-likes{display:flex;align-items:center;gap:5px;background:rgba(255,71,87,0.1);color:#ff4757;padding:3px 8px;border-radius:5px;font-weight:bold}.participants-list{width:100%;display:flex;flex-direction:column;gap:10px}.participant-info{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.05);padding:10px;border-radius:8px}.participant-info.winner{background:rgba(var(--accent-color-rgb,255,218,104),0.1);border:1px solid var(--accent-color,#ffda68)}.profile-pic-small{width:35px;height:35px;border-radius:50%;object-fit:cover;flex-shrink:0}.participant-name{flex-grow:1;font-weight:600}.participant-name-link{text-decoration:none;color:inherit;display:inline-block}.participant-name-link:hover{color:var(--accent-color);text-decoration:underline}.participant-score{font-weight:bold;color:var(--accent-color,#ffda68);white-space:nowrap}.winner-icon{color:#ffd700;margin-inline-end:5px}.challenges-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px 0;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1)}.stat-card{background:rgba(var(--glass-color-rgb,44,62,80),var(--glass-opacity,0.25));border-radius:12px;padding:20px;display:flex;align-items:center;gap:20px;border:1px solid rgba(var(--glass-border-color-rgb,255,255,255),var(--glass-border-opacity,0.18));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;animation:fadeInUp .5s ease-out forwards;opacity:0}.challenges-stats-section:first-of-type .stat-card:nth-child(1){animation-delay:.1s}.challenges-stats-section:first-of-type .stat-card:nth-child(2){animation-delay:.2s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.2);background-color:rgba(var(--primary-color-rgb),0.15);box-shadow:0 0 20px rgba(var(--accent-color-rgb),0.4),inset 0 0 10px rgba(var(--accent-color-rgb),0.2)}.stat-card>i{font-size:2.5em;color:var(--accent-color,#ffda68);background:linear-gradient(135deg,var(--accent-color),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background-color:rgba(var(--primary-color-rgb),0.1);flex-shrink:0;animation:icon-subtle-glow 3s infinite ease-in-out}.stat-card>i.fa-heart{background:linear-gradient(135deg,#ff5252,#ff4d4d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:heart-pulse-glow 2.5s infinite ease-in-out}.stat-info{display:flex;flex-direction:column;align-items:flex-start}html[dir="rtl"] .stat-info{align-items:flex-end}.stat-value{font-size:2em;font-weight:700;color:var(--text-color,#fff)}.stat-label{font-size:.9em;color:var(--secondary-color,#ccc);opacity:.8}.challenges-stats-section.reactions-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding-top:0;border-bottom:none;margin-bottom:10px}.reaction-stat{flex-direction:column;text-align:center;gap:10px;padding:15px;animation:fadeInUp .5s ease-out forwards}.reactions-stats .reaction-stat:nth-child(1){animation-delay:.3s}.reactions-stats .reaction-stat:nth-child(2){animation-delay:.4s}.reactions-stats .reaction-stat:nth-child(3){animation-delay:.5s}.reactions-stats .reaction-stat:nth-child(4){animation-delay:.6s}.reaction-stat .reaction-icon{font-size:2.5em;filter:drop-shadow(0 0 10px rgba(255,255,255,0.3));transition:filter .3s ease,transform .3s ease}.reaction-stat:hover .reaction-icon{transform:scale(1.15) rotate(-5deg);filter:drop-shadow(0 0 18px rgba(255,255,255,0.6))}.reaction-stat .stat-info{align-items:center}.reaction-stat .stat-value{font-size:1.5em}.history-item-stats{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:10px 15px;margin-top:10px;border-top:1px solid rgba(255,255,255,0.1)}html[dir="rtl"] .history-item-stats{justify-content:flex-start}.reaction-stat-item{display:flex;align-items:center;gap:5px;font-size:1.1em;color:var(--secondary-color,#ccc);transition:transform .2s ease;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}.reaction-stat-item:hover{transform:scale(1.1)}.reaction-stat-item span{font-weight:600;color:var(--text-color,#fff)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heart-pulse-glow{0%,100%{filter:drop-shadow(0 0 7px rgba(255,82,82,0.6));transform:scale(1)}50%{filter:drop-shadow(0 0 14px rgba(255,82,82,1));transform:scale(1.08)}}@keyframes icon-subtle-glow{0%,100%{filter:drop-shadow(0 0 6px rgba(var(--accent-color-rgb),0.5))}50%{filter:drop-shadow(0 0 12px rgba(var(--accent-color-rgb),0.8))}}@media(max-width:480px){.invitation-item p,.active-challenge-item p{font-size:1em}.profile-pic-small{width:30px;height:30px}}@media(max-width:768px){.invitation-actions{width:100%;margin-top:15px;justify-content:flex-end}.invitation-actions .glass-button{flex-grow:1;text-align:center}.history-item-header{flex-direction:column;align-items:flex-start;gap:5px}.participant-info{flex-wrap:wrap}.participant-name{flex-basis:100%;margin-bottom:5px}}body[data-page="live-challenges"] .search-controls{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:15px}body[data-page="live-challenges"] #challengeSearchInput,body[data-page="live-challenges"] #countryFilter{flex-grow:1;padding:12px 15px;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.2);border-radius:8px;color:var(--text-color);font-size:1em}body[data-page="live-challenges"] #challengeSearchInput::placeholder{color:rgba(255,255,255,0.8)}body[data-page="live-challenges"] #challengeSearchInput:focus,body[data-page="live-challenges"] #countryFilter:focus{outline:none;border-color:var(--accent-color)}body[data-page="live-challenges"] #countryFilter{flex-basis:200px;flex-grow:1}body[data-page="live-challenges"] #resetFiltersButton{flex-shrink:0}.host-details{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.host-name{display:flex;align-items:center;gap:8px;font-weight:600}.host-country-flag .flag-icon{font-size:1.2em;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.2);flex-shrink:0}html[dir="rtl"] .host-details{align-items:flex-end}.challenge-topic{font-size:.9em;color:#fff;font-weight:bold;font-style:italic;display:flex;align-items:center;gap:6px}.challenge-topic .fa-book-open{color:var(--accent-color)}.pagination-controls .glass-button{padding:8px 15px;font-size:1em;font-weight:600;min-width:44px;text-align:center}.pagination-controls .current-page{background-color:var(--primary-color,#ffda68);color:var(--background-end,#0b132b);cursor:default;font-weight:700;box-shadow:0 0 10px rgba(255,218,104,0.5)}.pagination-controls .disabled{opacity:.5;cursor:not-allowed;background-color:rgba(0,0,0,0.2);color:var(--text-color-muted)}.pagination-controls .disabled:hover{transform:none;box-shadow:none}.friend-challenge-modal{display:none;position:fixed;z-index:1010;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}.friend-challenge-modal.visible{display:flex;opacity:1}.friend-challenge-modal-content{background:linear-gradient(145deg,rgba(31,41,71,0.3),rgba(18,24,46,0.35));border:1px solid var(--panel-border-color);margin:auto;padding:30px;width:90%;max-width:500px;border-radius:15px;position:relative;animation:slide-down .4s ease-out}@keyframes slide-down{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.friend-challenge-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.friend-challenge-modal-header h3{margin:0;font-size:1.8em;color:var(--primary-color)}.friend-search-input,.challenge-topic-input{width:100%;padding:12px;background-color:rgba(0,0,0,0.2);border:1px solid var(--glass-border-color,rgba(255,255,255,0.2));color:var(--text-color);border-radius:8px;font-size:1em;transition:border-color .3s ease}.friend-search-input::placeholder,.challenge-topic-input::placeholder{color:rgba(255,255,255,0.8)}.challenge-topic-container{margin-bottom:15px}.friend-search-input{margin-bottom:20px}.challenge-topic-input:focus,.friend-search-input:focus{outline:none;border-color:var(--accent-color)}.friend-list{list-style:none;padding:0;max-height:300px;overflow-y:auto;margin-bottom:20px;border:1px solid rgba(255,255,255,0.1);border-radius:8px}.friend-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:12px;gap:15px;cursor:pointer;transition:background-color .2s ease}.friend-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.1)}.friend-item:hover{background-color:rgba(var(--accent-color-rgb,255,218,104),0.1)}.friend-item.selected{background-color:rgba(var(--accent-color-rgb,255,218,104),0.2);border-left:3px solid var(--accent-color)}html[dir="rtl"] .friend-item.selected{border-left:none;border-right:3px solid var(--accent-color)}.friend-item .profile-pic{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--secondary-color)}.friend-item .friend-details{display:flex;flex-direction:column;text-align:start}html[dir="rtl"] .friend-item .friend-details{text-align:right}.friend-item .friend-name{font-size:1.1em;font-weight:600}.friend-item .friend-country{font-size:.9em;color:var(--text-color-muted,#aaa);display:flex;align-items:center;gap:5px}.checkbox-container{width:22px;height:22px;border:2px solid var(--glass-border-color,rgba(255,255,255,0.2));border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.checkbox-container .fa-check{color:var(--accent-color);font-size:14px;opacity:0;transform:scale(0.5);transition:all .2s ease}.friend-item.selected .checkbox-container{background-color:var(--accent-color);border-color:var(--accent-color)}.friend-item.selected .checkbox-container .fa-check{opacity:1;transform:scale(1);color:#12182e}.friend-challenge-modal-footer{display:flex;justify-content:flex-end;gap:15px;margin-top:20px}.selected-friends-count{flex-grow:1;text-align:start;color:var(--text-color-muted,#aaa);align-self:center}html[dir="rtl"] .selected-friends-count{text-align:right}@media(max-width:768px){.friend-challenge-modal-content{width:95%;padding:20px}}.challenge-room-container{display:flex;flex-direction:column;width:100%;min-height:100vh;box-sizing:border-box;padding:15px;gap:15px}.quiz-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;width:100%}.challenge-players-bar{width:100%;flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.header-actions-group{display:flex;align-items:center;gap:15px;justify-self:end}.voice-controls-group{display:flex;gap:10px}.end-challenge-btn{background-color:rgba(var(--wrong-color-rgb),0.3);border-color:rgba(var(--wrong-color-rgb),0.6);color:var(--wrong-color)}.end-challenge-btn:hover{background-color:rgba(var(--wrong-color-rgb),0.5);color:white;box-shadow:0 0 10px var(--wrong-color)}.quiz-main-area{display:flex;justify-content:center;align-items:center;flex-grow:1}.quiz-main-area .container{width:100%;max-width:var(--container-width,900px);display:flex;flex-direction:column}#quiz-section{display:flex;flex-direction:column}#options-box,#answer-container{flex-shrink:1}.challenge-title-main{text-align:center;justify-self:center;color:var(--primary-color)}.challenge-status-display{min-height:30px;font-size:1.2em;font-weight:bold;text-align:center;margin-top:15px;color:var(--text-color)}.challenge-status-display .correct{color:var(--correct-color)}.challenge-status-display .incorrect{color:var(--wrong-color)}.waiting-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:1020;display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white;padding:20px}.waiting-overlay p{max-width:500px;font-size:1.2em;line-height:1.6}.question-container.loading-state-active{display:flex;justify-content:center;align-items:center;min-height:150px;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:20px}.question-container.loading-state-active #question-text{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.question-container.loading-state-active #question-text svg{max-width:80%;max-height:120px}.cancel-challenge-wait-btn-style{margin-top:20px}.waiting-overlay h2{font-size:2em;margin-bottom:20px}.waiting-overlay .loader{width:50px;height:50px;border:5px solid rgba(255,255,255,0.3);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.challenge-room-container #answer-container{width:100%;display:flex;justify-content:center;align-items:center;gap:30px;margin-top:2rem;flex-wrap:wrap}.challenge-room-container #answer-container .tf-btn{padding:20px 50px;font-size:1.8em;flex-grow:1;max-width:350px}@media(max-width:768px){.challenge-room-container #answer-container{flex-direction:column;align-items:stretch;gap:15px}.challenge-room-container #answer-container .tf-btn{max-width:100%;padding:15px 30px;font-size:1.5em}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleUp{from{transform:scale(0.7);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.quiz-header{gap:10px}.header-actions-group{gap:8px}.voice-controls-group{gap:8px}.quiz-header .glass-button{padding:8px 10px;font-size:1.1em;min-width:40px;min-height:40px}.challenge-title-main{font-size:1.2em}}@media(max-width:480px){body[data-page="challenge-quiz"]{padding:0}.challenge-room-container{width:100%;min-height:100vh;padding:10px;padding-top:env(safe-area-inset-top,10px);padding-bottom:env(safe-area-inset-bottom,10px);gap:10px}.quiz-main-area .container.glass-panel{border-radius:0}.quiz-header{gap:5px;grid-template-columns:auto 1fr auto}.header-actions-group,.voice-controls-group{gap:5px}.challenge-title-main{font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-header .glass-button{padding:6px 8px;font-size:1em;min-width:36px;min-height:36px}}.connection-overlay{z-index:10000;background-color:rgba(0,0,0,0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.connection-overlay.active{display:flex;opacity:1}.connection-modal-content{background:linear-gradient(145deg,rgba(231,76,60,0.2),rgba(192,57,43,0.25));border:1px solid rgba(231,76,60,0.5);box-shadow:0 8px 32px 0 rgba(231,76,60,0.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:40px;border-radius:20px;text-align:center;color:var(--text-color,#fff);max-width:90%;width:450px;animation:fadeIn .5s ease-out}.connection-status-icon{font-size:4rem;margin-bottom:20px;position:relative;color:var(--wrong-color,#e74c3c);animation:pulse-icon 2s infinite ease-in-out}.connection-status-icon .fa-slash{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(20deg);font-size:5rem;opacity:.8}.connection-modal-content h2{margin:0;font-size:1.5rem;font-weight:600}.participants-sidebar.top-sidebar{display:flex;justify-content:flex-start;align-items:center;gap:15px;padding:10px;background:rgba(0,0,0,0.1);border-radius:12px;overflow-x:auto;flex-grow:1}.participant-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease,box-shadow .1s linear;flex-shrink:0;width:120px;position:relative;overflow:visible}.participant-pic{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-color)}.participant-details{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.participant-name{font-size:.9em;font-weight:bold;color:var(--text-color);white-space:nowrap;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px}.participant-name .name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.participant-name-link{text-decoration:none;color:inherit;display:block}.participant-name-link:hover .participant-name .name-text{color:var(--accent-color);text-decoration:underline}.challenge-score-wrapper{display:flex;align-items:center;gap:5px;font-size:1em;color:var(--accent-color);font-weight:bold}.participant-total-score{display:flex;align-items:center;gap:5px;font-size:.85em;color:#fff;font-weight:bold}.participant-total-score .fa-trophy{color:#BDBDBD}.participant-user-id{font-size:.8em;color:#fff;font-weight:bold;display:flex;align-items:center;gap:5px;margin-top:4px}.participant-user-id .copy-id-btn{background:none;border:none;color:#fff;cursor:pointer;padding:2px;font-size:.9em;line-height:1}.participant-user-id .copy-id-btn:hover{color:var(--accent-color)}.participant-status-indicator{position:absolute;top:8px;right:8px;width:12px;height:12px;border-radius:50%;background-color:#888;border:2px solid var(--background-end,#0b132b);transition:background-color .3s ease}html[dir="rtl"] .participant-status-indicator{right:auto;left:8px}.participant-card.status-online .participant-status-indicator{background-color:var(--correct-color,#2ecc71)}.host-indicator{position:absolute;top:6px;left:8px;font-size:1.2em;color:#0FF;text-shadow:0 0 5px rgba(0,0,0,0.7),0 0 8px rgba(0,255,255,0.6);animation:host-pulse-glow 2s infinite ease-in-out}html[dir="rtl"] .host-indicator{left:auto;right:8px}.leader-crown{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:50px;color:#ffd700;z-index:5;filter:drop-shadow(0 0 8px rgba(255,215,0,0.7));display:none}.participant-card.is-leader{border-color:#fdd835;box-shadow:0 0 15px rgba(253,216,53,0.4)}.participant-card.is-leader .leader-crown{display:block;animation:crown-pulse-glow 2s infinite ease-in-out}.participant-card.is-overall-leader{border-color:transparent!important;background:none;position:relative;z-index:1;animation:pulse-leader-glow 2.5s infinite ease-in-out}.participant-card.is-overall-leader::before,.participant-card.is-overall-leader::after{content:'';position:absolute;border-radius:10px;z-index:-1}.participant-card.is-overall-leader::before{inset:-2px;background:conic-gradient(from 180deg at 50% 50%,#FFD700,#FFC300,#FA0,#FF8C00,#FFC300,#FFD700)}.participant-card.is-overall-leader::after{inset:0;background:transparent}.participant-card.is-overall-leader .participant-total-score,.participant-card.is-overall-leader .participant-total-score span,.participant-card.is-overall-leader .participant-total-score .fa-trophy{color:#FFD700;font-weight:bold}.participant-card.is-overall-leader .participant-total-score .fa-trophy{font-size:1.2em;animation:trophy-pulse 2s infinite ease-in-out}.kick-player-btn{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;background-color:var(--wrong-color);color:white;border:2px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1em;font-weight:bold;line-height:1;box-shadow:0 2px 5px rgba(0,0,0,0.3);opacity:1;transform:scale(1);transition:all .2s ease-in-out;z-index:10}html[dir="rtl"] .kick-player-btn{right:auto;left:-8px}.kick-player-btn:hover{transform:scale(1.15);box-shadow:0 0 10px var(--wrong-color)}@keyframes host-pulse-glow{0%,100%{transform:scale(1);text-shadow:0 0 5px rgba(0,0,0,0.7),0 0 6px rgba(0,255,255,0.6)}50%{transform:scale(1.15);text-shadow:0 0 5px rgba(0,0,0,0.7),0 0 12px rgba(0,255,255,0.9)}}@keyframes crown-pulse-glow{0%,100%{transform:translateX(-50%) scale(1);filter:drop-shadow(0 0 8px rgba(255,215,0,0.7))}50%{transform:translateX(-50%) scale(1.1);filter:drop-shadow(0 0 16px rgba(255,215,0,1))}}@keyframes pulse-leader-glow{0%{box-shadow:0 0 8px 2px rgba(255,215,0,0.5)}50%{box-shadow:0 0 20px 8px rgba(255,215,0,0.8)}100%{box-shadow:0 0 8px 2px rgba(255,215,0,0.5)}}@keyframes trophy-pulse{0%,100%{transform:scale(1);text-shadow:0 0 5px rgba(255,215,0,0.7)}50%{transform:scale(1.15);text-shadow:0 0 12px rgba(255,215,0,1)}}@media(max-width:480px){.participants-sidebar.top-sidebar{justify-content:flex-start;gap:10px}.participant-card{width:100px}.participant-pic{width:45px;height:45px}.participant-name{font-size:.8em}.challenge-score-wrapper,.participant-total-score{font-size:.8em}}.spectator-info-container{display:flex;justify-content:center;width:100%;margin-top:-10px;margin-bottom:15px}.spectator-info{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,0.25);padding:8px 16px;border-radius:20px;font-size:1em;color:#fff;font-weight:bold;border:1px solid rgba(255,255,255,0.1);box-shadow:0 2px 5px rgba(0,0,0,0.15)}.spectator-info .fa-eye{color:var(--primary-color)}.spectator-info #spectator-count{font-weight:bold;color:var(--text-color)}.spectator-actions-container{padding:20px 0;text-align:center}.join-requests-container{padding:10px 0;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin-top:20px}.join-request-notification{background:rgba(255,255,255,0.08);border-radius:10px;padding:15px;display:flex;align-items:center;gap:15px;transition:opacity .3s,transform .3s;animation:slideInDown .4s ease-out}.requester-pic{width:45px;height:45px;border-radius:50%;object-fit:cover;flex-shrink:0}.requester-info{flex-grow:1;text-align:start;font-size:1.05em}html[dir="rtl"] .requester-info{text-align:right}.requester-info strong{color:var(--accent-color)}.requester-actions{display:flex;gap:10px}.join-request-action-btn{padding:8px 15px;font-size:.9em;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:var(--glass-bg-color,rgba(255,255,255,0.1));border:1px solid var(--glass-border-color,rgba(255,255,255,0.2));color:var(--text-color,#fff);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.join-request-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.2)}.join-request-action-btn.accept{background-color:rgba(var(--correct-color-rgb,46,204,113),0.2);border-color:rgba(var(--correct-color-rgb,46,204,113),0.5);color:var(--correct-color,#2ecc71)}.join-request-action-btn.accept:hover{background-color:rgba(var(--correct-color-rgb,46,204,113),0.4);color:#fff}.join-request-action-btn.decline{background-color:rgba(var(--wrong-color-rgb,231,76,60),0.2);border-color:rgba(var(--wrong-color-rgb,231,76,60),0.5);color:var(--wrong-color,#e74c3c)}.join-request-action-btn.decline:hover{background-color:rgba(var(--wrong-color-rgb,231,76,60),0.4);color:#fff}.spectators-list-container{margin-top:20px;padding:15px;display:flex;flex-direction:column;background:rgba(0,0,0,0.2)}.spectators-list-title{font-size:1.2em;color:var(--secondary-color);margin:0 0 15px 0;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;gap:10px}.spectators-list{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:10px}html[dir="rtl"] .spectators-list{padding-right:0;padding-left:10px}.spectator-item{display:flex;align-items:center;gap:12px;padding:8px;background:rgba(255,255,255,0.05);border-radius:8px;text-decoration:none;color:var(--text-color);transition:background-color .2s ease}.spectator-item:hover{background-color:rgba(var(--accent-color-rgb),0.1)}.spectator-item .spectator-pic{width:35px;height:35px;border-radius:50%;object-fit:cover;flex-shrink:0}.spectator-item .spectator-name{font-weight:600;font-size:.95em}.no-spectators-message{color:#fff;font-weight:bold;text-align:center;padding:10px;font-style:italic}.challenge-answer-toast{position:fixed;left:50%;top:-150px;transform:translateX(-50%);z-index:10002;display:flex;align-items:center;gap:15px;width:90%;max-width:450px;padding:15px 20px;background:rgba(23,29,58,0.7);border:1px solid rgba(255,255,255,0.1);border-left:5px solid #fff;border-radius:12px;box-shadow:0 8px 32px 0 rgba(0,0,0,0.37);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:top .6s cubic-bezier(0.68,-0.6,0.27,1.55)}html[dir="rtl"] .challenge-answer-toast{border-left:1px solid rgba(255,255,255,0.1);border-right:5px solid #fff}.challenge-answer-toast.show{top:25px}.toast-player-pic{width:50px;height:50px;border-radius:50%;object-fit:cover;flex-shrink:0}.toast-text-content{flex-grow:1;text-align:start}html[dir="rtl"] .toast-text-content{text-align:right}.toast-player-info{margin:0 0 5px 0;font-weight:700;font-size:1.1em;color:var(--secondary-color)}.toast-answer-text{margin:0;font-size:1em;color:var(--text-color);opacity:.9}.toast-result-icon{font-size:2em;flex-shrink:0}.challenge-answer-toast.correct{border-left-color:var(--correct-color)}.challenge-answer-toast.correct .toast-result-icon::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--correct-color)}html[dir="rtl"] .challenge-answer-toast.correct{border-right-color:var(--correct-color)}.challenge-answer-toast.incorrect{border-left-color:var(--wrong-color)}.challenge-answer-toast.incorrect .toast-result-icon::before{content:'\f00d';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--wrong-color)}html[dir="rtl"] .challenge-answer-toast.incorrect{border-right-color:var(--wrong-color)}.challenge-answer-toast.timed-out{border-left-color:var(--pending-color,#f0a3dc)}.challenge-answer-toast.timed-out .toast-result-icon::before{content:'\f017';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--pending-color,#f0a33c)}html[dir="rtl"] .challenge-answer-toast.timed-out{border-right-color:var(--pending-color,#f0a33c)}#lottie-points-toast-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:10002;pointer-events:none;display:flex;justify-content:center;align-items:center}.badge-points-toast{background:linear-gradient(135deg,#f09819,#edde5d);color:#333;font-weight:bold;font-size:1.4em;padding:15px 30px;border-radius:50px;box-shadow:0 8px 30px rgba(0,0,0,0.4);white-space:nowrap;opacity:0;animation:float-up-and-fade-points 4s ease-out forwards;transform:translateY(220px)}.badge-points-toast strong{color:#000}.badge-points-toast.deduction{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.5)}.badge-points-toast.deduction strong{color:#fff;font-weight:900}@keyframes float-up-and-fade-points{0%{opacity:0;transform:translateY(220px) scale(0.8)}20%{opacity:1;transform:translateY(190px) scale(1)}85%{opacity:1;transform:translateY(180px) scale(1)}100%{opacity:0;transform:translateY(160px) scale(0.9)}}@media(max-width:600px){.badge-points-toast{max-width:90vw;white-space:normal;text-align:center;padding:12px 20px;font-size:1.2em;box-sizing:border-box}}@keyframes float-up-and-fade-toast{0%{opacity:1;transform:translate(-50%,0) scale(0.8)}100%{opacity:0;transform:translate(-50%,-150px) scale(1.1)}}.challenge-reaction-toast{position:fixed;left:50%;bottom:25%;transform:translateX(-50%);z-index:10003;display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;background:rgba(30,40,70,0.75);border:1px solid rgba(255,255,255,0.15);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none}.challenge-reaction-toast.show{animation:float-up-and-fade-toast 4s ease-out forwards}.toast-sender-pic{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-color)}.toast-reaction-info{font-size:1.1em;font-weight:bold;color:#fff;text-align:center;margin:0;text-shadow:0 1px 3px rgba(0,0,0,0.5)}.toast-reaction-emoji{font-size:4em;line-height:1}#lottie-badge-display-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:10001;display:none;justify-content:center;align-items:center;pointer-events:none}#lottie-badge-display-container.active{display:flex}#lottie-badge-display-container.active::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fadeIn .3s ease-out;z-index:-1}#lottie-badge-display-container svg{width:98vw!important;max-width:800px!important;max-height:98vh!important;height:auto!important;filter:drop-shadow(0 0 25px rgba(255,255,255,0.8))}#lottie-badge-display-container.active svg{animation:scaleUp .4s cubic-bezier(0.175,0.885,0.32,1.275)}@media(max-width:600px){#lottie-badge-display-container svg{transform:scale(1.25)}}.challenge-chat-container{margin-top:20px;padding:0;display:flex;flex-direction:column;height:300px;max-height:40vh;background:rgba(0,0,0,0.2)}.challenge-chat-container .messages-list{padding:15px;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.challenge-chat-container .message-group{display:flex;gap:10px;max-width:85%}.challenge-chat-container .message-group.sent{align-self:flex-end;flex-direction:row-reverse}.challenge-chat-container .message-group.received{align-self:flex-start}.challenge-chat-container .message-sender-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;align-self:flex-end;flex-shrink:0}.challenge-chat-container .message-bubbles-stack{display:flex;flex-direction:column;gap:4px;flex-grow:1}.challenge-chat-container .sender-name{font-size:.85em;font-weight:bold;color:var(--accent-color);margin-bottom:5px;text-align:start;transition:color .2s ease}html[dir="rtl"] .challenge-chat-container .sender-name{text-align:right}.challenge-chat-container .message-bubbles-stack>a{text-decoration:none;display:inline-block}.challenge-chat-container .message-bubbles-stack>a:hover .sender-name{color:var(--primary-color);text-decoration:underline}.challenge-chat-container .message-group>a .message-sender-avatar{transition:transform .2s ease,box-shadow .2s ease}.challenge-chat-container .message-group>a:hover .message-sender-avatar{transform:scale(1.1);box-shadow:0 0 8px var(--accent-color)}.challenge-chat-container .message-bubble{padding:10px 15px;border-radius:18px;box-shadow:0 2px 5px rgba(0,0,0,0.2);word-wrap:break-word;max-width:100%;text-align:start}html[dir="rtl"] .challenge-chat-container .message-bubble{text-align:right}.challenge-chat-container .message-group.sent .message-bubble{background:rgba(58,128,128,0.7);border-bottom-right-radius:4px}html[dir="rtl"] .challenge-chat-container .message-group.sent .message-bubble{border-bottom-right-radius:18px;border-bottom-left-radius:4px}.challenge-chat-container .message-group.received .message-bubble{background:rgba(28,37,65,0.8);border-bottom-left-radius:4px}html[dir="rtl"] .challenge-chat-container .message-group.received .message-bubble{border-bottom-left-radius:18px;border-bottom-right-radius:4px}.challenge-chat-container .message-content{font-size:1rem;line-height:1.5;color:#FFF}.challenge-chat-container .message-input-container{border-top:1px solid rgba(255,255,255,0.1);background-color:transparent}#challenge-message-input-area{padding:10px}#challenge-message-input{background:rgba(0,0,0,0.25);border-radius:22px;padding:10px 18px;font-size:1.05em;color:#FFF;font-weight:600;width:100%;resize:none}#challenge-message-input:focus{box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),0.4)}.challenge-chat-container .message-bubble.jumbo-emoji{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0}.challenge-chat-container .message-bubble.jumbo-emoji .message-content{font-size:3.5rem;line-height:1.1;text-shadow:0 4px 15px rgba(0,0,0,0.4)}.challenge-chat-container .message-bubble.jumbo-emoji .message-meta{display:none}.emoji-picker-container{height:280px;background-color:rgba(0,0,0,0.25);border-top:1px solid rgba(255,255,255,0.1);overflow-y:auto;display:none;animation:slideInUp .3s ease-out}@keyframes slideInUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.card-bottom-bar{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:8px;position:relative}.participant-like-container{display:flex;align-items:center;gap:8px}.like-btn{background:none;border:none;color:var(--text-color-muted);font-size:1.4em;cursor:pointer;padding:0;transition:color .2s ease,transform .2s ease}.like-btn:hover:not(:disabled){color:#ff6b81;transform:scale(1.15)}.like-btn.liked{color:#ff4757;animation:heart-pop .3s cubic-bezier(0.175,0.885,0.32,1.275)}.like-btn:disabled{opacity:.5;cursor:not-allowed}.like-count{font-size:1em;font-weight:bold;color:var(--text-color)}.reaction-counts{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.reaction-count-item{display:flex;align-items:center;gap:3px;font-size:.85em;background:rgba(0,0,0,0.25);padding:3px 7px;border-radius:20px;border:1px solid rgba(255,255,255,0.1)}.reaction-icon{font-size:1em}.reaction-menu-toggle{background:none;border:none;color:var(--text-color-muted);cursor:pointer;font-size:1.3em;padding:5px;transition:color .2s ease,transform .2s ease}.reaction-menu-toggle:hover{color:var(--accent-color);transform:scale(1.1)}.reaction-menu{position:absolute;bottom:calc(100%+10px);left:0;background:rgba(40,50,90,0.8);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,0.2);border-radius:50px;padding:8px 12px;box-shadow:0 6px 20px rgba(0,0,0,0.3);display:flex;gap:10px;z-index:20;opacity:0;transform:translateY(10px) scale(0.95);visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility 0s .25s}html[dir="rtl"] .reaction-menu{right:0;left:auto}.reaction-menu.visible{opacity:1;transform:translateY(0) scale(1);visibility:visible;transition:opacity .25s ease,transform .25s ease}.reaction-menu-btn{background:none;border:none;font-size:1.8em;cursor:pointer;transition:transform .2s cubic-bezier(0.175,0.885,0.32,1.275),filter .2s;padding:5px;filter:grayscale(50%) saturate(0.8)}.reaction-menu-btn:hover{transform:scale(1.3) translateY(-3px);filter:grayscale(0%) saturate(1)}.reaction-menu-btn.selected{transform:scale(1.1);filter:grayscale(0%) saturate(1)}.attached-reaction{position:absolute;top:-12px;left:-12px;font-size:1.8em;background:rgba(40,50,90,0.8);border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border:1px solid var(--panel-border-color);box-shadow:0 2px 5px rgba(0,0,0,0.3);animation:reaction-pop-in .3s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes heart-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}@keyframes reaction-pop-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.floating-emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3em;opacity:1;pointer-events:none;animation:float-up-and-fade 1.5s ease-out forwards;text-shadow:0 0 10px rgba(0,0,0,0.5);z-index:10}@keyframes float-up-and-fade{0%{transform:translate(-50%,-50%) scale(0.5);opacity:1}100%{transform:translate(-50%,-200%) scale(1);opacity:0}}:root{--bg-color-light:#f0f0f0;--paper-bg-light:#fff;--text-color-light:#000;--border-color-light:#000;--table-header-bg-light:#e0e0e0;--input-border-light:#999;--correct-bg-light:#e8f5e9;--correct-border-light:#4CAF50;--incorrect-bg-light:#ffcdd2;--incorrect-border-light:#e57373;--font-family:'Almarai',sans-serif;--bg-color-dark:#121212;--paper-bg-dark:#1e1e1e;--text-color-dark:#e0e0e0;--border-color-dark:#555;--table-header-bg-dark:#333;--input-border-dark:#666;--correct-bg-dark:#14301d;--correct-border-dark:#388E3C;--incorrect-bg-dark:#3c1f20;--incorrect-border-dark:#c62828}body.exam-paper{font-family:'Amiri','Times New Roman',serif;font-size:14pt;line-height:1.8;direction:rtl;transition:background-color .3s,color .3s}html[lang="en"] body.exam-paper{direction:ltr}body.light-mode{background-color:var(--bg-color-light);color:var(--text-color-light)}body.dark-mode{background-color:var(--bg-color-dark);color:var(--text-color-dark)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}html body[data-page="exam-setup"]{font-family:'Almarai',sans-serif;background-color:#eef2f5;color:#333;transition:background-color .3s ease,color .3s ease;display:block!important;padding:20px;box-sizing:border-box}html[lang="en"] body[data-page="exam-setup"]{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}body[data-page="exam-setup"] .container{width:100%;max-width:800px;margin:40px auto;background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:background-color .3s ease,box-shadow .3s ease;display:block}body[data-page="exam-setup"] h1,body[data-page="exam-setup"] h3{color:#2c3e50}body[data-page="exam-setup"] h1{text-align:center;margin-bottom:25px}body[data-page="exam-setup"] h3{border-bottom:2px solid #3498db;padding-bottom:10px;margin-top:30px;margin-bottom:20px}body[data-page="exam-setup"] .form-group{margin-bottom:20px}body[data-page="exam-setup"] .form-group label{display:block;font-weight:600;margin-bottom:8px;color:#555}body[data-page="exam-setup"] .form-group input,body[data-page="exam-setup"] .form-group select,body[data-page="exam-setup"] .form-group textarea{width:100%;padding:12px;border-radius:6px;border:1px solid #ccc;font-size:1em;font-family:inherit;box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body[data-page="exam-setup"] .form-group input:focus,body[data-page="exam-setup"] .form-group select:focus,body[data-page="exam-setup"] .form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px rgba(52,152,219,0.5)}body[data-page="exam-setup"] .submit-btn{display:block;width:100%;padding:15px;font-size:1.2em;font-weight:700;background-color:#27ae60;color:white;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s;margin-top:30px}body[data-page="exam-setup"] .submit-btn:hover{background-color:#2ecc71}body[data-page="exam-setup"] .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}body[data-page="exam-setup"] .theme-toggle-btn{position:fixed;top:20px;right:20px;background:#fff;border:1px solid #ccc;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:1.2em;transition:all .3s ease;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,0.1)}html[dir="rtl"] body[data-page="exam-setup"] .theme-toggle-btn{right:auto;left:20px}html body[data-page="exam-setup"].dark-mode{background-color:#121212;color:#e0e0e0}body[data-page="exam-setup"].dark-mode .container{background:#1e1e1e;box-shadow:0 4px 20px rgba(0,0,0,0.5)}body[data-page="exam-setup"].dark-mode h1,body[data-page="exam-setup"].dark-mode h3{color:#ecf0f1}body[data-page="exam-setup"].dark-mode h3{border-bottom-color:#3498db}body[data-page="exam-setup"].dark-mode .form-group label{color:#bbb}body[data-page="exam-setup"].dark-mode .form-group input,body[data-page="exam-setup"].dark-mode .form-group select,body[data-page="exam-setup"].dark-mode .form-group textarea{background-color:#2c3e50;color:#ecf0f1;border-color:#555}body[data-page="exam-setup"].dark-mode .form-group input::placeholder,body[data-page="exam-setup"].dark-mode .form-group textarea::placeholder{color:#95a5a6}body[data-page="exam-setup"].dark-mode .theme-toggle-btn{background:#2c3e50;color:#fff;border-color:#555}body[data-page="exam-play"]{display:block}.exam-container{width:100%;max-width:21cm;min-height:29.7cm;padding:1.5cm;margin:30px auto;box-shadow:0 0 15px rgba(0,0,0,0.2);box-sizing:border-box;transition:background-color .3s,box-shadow .3s}body.light-mode .exam-container{background:var(--paper-bg-light)}body.dark-mode .exam-container{background:var(--paper-bg-dark);box-shadow:0 0 15px rgba(255,255,255,0.1)}.exam-controls{width:100%;color:white;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,0.3);transition:background-color .3s;box-sizing:border-box}body.light-mode .exam-controls{background-color:#2c3e50}body.dark-mode .exam-controls{background-color:#263238}.controls-group{display:flex;align-items:center;gap:15px;flex:1}.controls-group.left-controls{justify-content:flex-start}html[dir="rtl"] .controls-group.left-controls{justify-content:flex-end}.controls-group.right-controls{justify-content:flex-end}html[dir="rtl"] .controls-group.right-controls{justify-content:flex-start}#exam-timer-container{flex:2;text-align:center;white-space:nowrap}#exam-timer{font-weight:bold;font-family:'Tajawal',monospace;font-size:1.2em}.exam-controls button,.exam-controls a.exam-controls-btn{padding:8px 15px;background-color:transparent;color:white;border:1px solid rgba(255,255,255,0.7);border-radius:5px;cursor:pointer;font-weight:bold;font-family:'Tajawal',sans-serif;display:flex;align-items:center;gap:8px;transition:background-color .2s,border-color .2s;text-decoration:none}.exam-controls button:hover,.exam-controls a.exam-controls-btn:hover{background-color:rgba(255,255,255,0.1);border-color:white}#submit-exam-btn{background-color:#c0392b;border-color:#c0392b}#submit-exam-btn:hover{background-color:#e74c3c;border-color:#e74c3c}#theme-toggle-btn{width:40px;height:40px;padding:0;border-radius:50%;justify-content:center;font-size:1.2em;border-color:rgba(255,255,255,0.5)}.exam-loader{text-align:center;padding:50px}.spinner{width:40px;height:40px;border:4px solid rgba(128,128,128,0.3);border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.error-message{text-align:center;color:#c0392b;font-size:1.2em;font-weight:bold;padding:40px}.exam-header{text-align:center;padding-bottom:10px;margin-bottom:20px;border-bottom:2px solid var(--border-color-light)}body.dark-mode .exam-header{border-bottom-color:var(--border-color-dark)}.header-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.header-section{display:flex;align-items:center;flex-basis:33.33%}.logo-section{justify-content:flex-start;gap:10px;font-family:'Tajawal',sans-serif;font-weight:bold;font-size:.8em;text-align:left}html[dir="rtl"] .logo-section{justify-content:flex-end;text-align:right}.header-logo{width:50px;height:50px}.title-section{justify-content:center;flex-direction:column;line-height:1.2}.title-section h1{font-size:1.5em;margin:0;font-family:'Amiri',serif}.title-section h2{font-size:1.2em;font-weight:normal;margin:0;font-family:'Amiri',serif}.student-pic-section{justify-content:flex-end}html[dir="rtl"] .student-pic-section{justify-content:flex-start}.student-profile-pic{width:60px;height:60px;border-radius:8px;border:2px solid var(--border-color-light);object-fit:cover;background-color:#eee}body.dark-mode .student-profile-pic{border-color:var(--border-color-dark)}.exam-info-table{width:100%;margin-top:15px;border-collapse:collapse;border:1px solid var(--border-color-light);font-size:.95em}.exam-info-table td{border:1px solid var(--border-color-light);padding:8px;font-weight:bold;width:50%}body.dark-mode .exam-info-table,body.dark-mode .exam-info-table td{border-color:var(--border-color-dark)}.exam-section{margin-bottom:30px}.section-title{font-size:1.3em;font-weight:700;margin-bottom:20px;padding-bottom:8px}body.light-mode .section-title{border-bottom:1px solid var(--border-color-light)}body.dark-mode .section-title{border-bottom:1px solid var(--border-color-dark)}.question-item{margin-bottom:25px;position:relative;padding-right:40px}html[dir="ltr"] .question-item{padding-right:0;padding-left:40px}.question-item::before{content:"س" counter(question-counter) ".";counter-increment:question-counter;position:absolute;right:0;top:0;font-weight:bold;color:var(--text-color-light)}html[dir="ltr"] .question-item::before{content:"Q" counter(question-counter) ".";right:auto;left:0}body.dark-mode .question-item::before{color:var(--text-color-dark)}body{counter-reset:question-counter}.question-text{font-weight:bold;margin-bottom:15px;line-height:1.9}.options-list,.mcq-options-list{list-style-type:none;padding-right:20px}html[dir="ltr"] .options-list,html[dir="ltr"] .mcq-options-list{padding-right:0;padding-left:20px}.mcq-options-list li{margin-bottom:10px}.options-list label,.mcq-options-list label{display:flex;align-items:center;gap:10px;cursor:pointer}.blank-input{border:none;border-bottom:1px dotted;padding:2px 5px;background:transparent;font-family:inherit;font-size:inherit;width:150px;text-align:center}body.light-mode .blank-input{color:var(--text-color-light);border-bottom-color:var(--border-color-light)}body.dark-mode .blank-input{color:var(--text-color-dark);border-bottom-color:var(--border-color-dark)}.blank-input:focus{outline:none;border-bottom:1px solid #3498db}.essay-answer{width:100%;min-height:120px;padding:10px;resize:vertical;background:transparent;font-family:inherit;font-size:inherit}body.light-mode .essay-answer{border:1px solid var(--input-border-light);color:var(--text-color-light)}body.dark-mode .essay-answer{border:1px solid var(--input-border-dark);color:var(--text-color-dark)}.exam-container.review-mode .question-item{border-radius:8px;padding:15px;padding-right:40px;margin-bottom:15px}html[dir="ltr"] .exam-container.review-mode .question-item{padding-right:15px;padding-left:40px}body.light-mode .exam-container.review-mode .question-item.correct{background-color:var(--correct-bg-light);border:1px solid var(--correct-border-light)}body.dark-mode .exam-container.review-mode .question-item.correct{background-color:var(--correct-bg-dark);border:1px solid var(--correct-border-dark)}body.light-mode .exam-container.review-mode .question-item.incorrect{background-color:var(--incorrect-bg-light);border:1px solid var(--incorrect-border-light)}body.dark-mode .exam-container.review-mode .question-item.incorrect{background-color:var(--incorrect-bg-dark);border:1px solid var(--incorrect-border-dark)}.exam-container.review-mode input,.exam-container.review-mode textarea{pointer-events:none}body.light-mode .exam-container.review-mode input,body.light-mode .exam-container.review-mode textarea{background-color:#f8f9fa}body.dark-mode .exam-container.review-mode input,body.dark-mode .exam-container.review-mode textarea{background-color:#2a2a2a}.exam-summary-box{text-align:center;padding:20px;margin-bottom:30px;border-radius:10px;background:linear-gradient(135deg,#3498db,#2980b9);color:white}.exam-summary-box h2{margin-top:0;font-size:1.8em}.exam-summary-box p{font-size:1.4em;margin:5px 0}.review-mode .mcq-options-list li{padding:8px;border-radius:5px;margin-bottom:5px}body.light-mode .review-mode .mcq-options-list .user-choice.correct{background-color:#c8e6c9;border:1px solid #81c784}body.dark-mode .review-mode .mcq-options-list .user-choice.correct{background-color:#1b4b27;border:1px solid #558B2F}body.light-mode .review-mode .mcq-options-list .user-choice.incorrect{background-color:var(--incorrect-bg-light);border:1px solid var(--incorrect-border-light);text-decoration:line-through}body.dark-mode .review-mode .mcq-options-list .user-choice.incorrect{background-color:var(--incorrect-bg-dark);border:1px solid var(--incorrect-border-dark);text-decoration:line-through}body.light-mode .review-mode .mcq-options-list .model-correct-answer{background-color:var(--correct-bg-light);font-weight:bold;border-right:4px solid var(--correct-border-light)}body.dark-mode .review-mode .mcq-options-list .model-correct-answer{background-color:var(--correct-bg-dark);font-weight:bold;border-right:4px solid var(--correct-border-dark)}.model-answer-wrapper{padding:10px;margin-top:10px;border-radius:4px}body.light-mode .model-answer-wrapper{background:var(--correct-bg-light);border-right:4px solid var(--correct-border-light)}body.dark-mode .model-answer-wrapper{background:var(--correct-bg-dark);border-right:4px solid var(--correct-border-dark)}html[dir="ltr"] .model-answer-wrapper{border-right:none;border-left:4px solid var(--correct-border-light)}html[dir="ltr"] body.dark-mode .model-answer-wrapper{border-left:4px solid var(--correct-border-dark)}.question-points-review{text-align:left;font-size:.9em;font-style:italic;font-weight:bold;margin-top:10px;padding-top:5px}html[dir="rtl"] .question-points-review{text-align:right}body.light-mode .question-points-review{border-top:1px dotted #ccc;color:#4a4a4a}body.dark-mode .question-points-review{border-top:1px dotted #555;color:#aaa}body.light-mode .exam-container.review-mode .question-item.correct .question-points-review{color:#1e8e3e}body.dark-mode .exam-container.review-mode .question-item.correct .question-points-review{color:#66BB6A}body.light-mode .exam-container.review-mode .question-item.incorrect .question-points-review{color:#b71c1c}body.dark-mode .exam-container.review-mode .question-item.incorrect .question-points-review{color:#ef5350}.back-to-home-btn{display:block;width:fit-content;margin:40px auto 10px;padding:10px 25px;text-decoration:none;border-radius:8px;font-family:'Tajawal',sans-serif;transition:all .3s}body.light-mode .back-to-home-btn{background-color:#34495e;color:white}body.dark-mode .back-to-home-btn{background-color:#546e7a;color:white}.back-to-home-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.summary-actions{margin-top:20px;display:flex;justify-content:center;gap:15px}.action-button{padding:10px 20px;font-size:1em;font-weight:bold;color:white;text-decoration:none;border-radius:8px;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.download-btn{background-color:#2980b9}.download-btn:hover{background-color:#3498db;transform:translateY(-2px)}@media(max-width:600px){body[data-page="exam-setup"] .form-grid{grid-template-columns:1fr}}@media(max-width:768px){body[data-page="exam-setup"]{padding:0;align-items:flex-start}body[data-page="exam-setup"] .container{width:100%;max-width:100%;min-height:100vh;border-radius:0;margin:0;padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px)}body[data-page="exam-setup"] h1{font-size:1.6em}body[data-page="exam-setup"] h3{font-size:1.3em}}@media(max-width:768px){body.exam-paper{font-size:12pt}.exam-container{padding:1cm;min-height:0;margin:20px 10px}.header-logo{width:40px;height:40px}.student-profile-pic{width:50px;height:50px}.title-section h1{font-size:1.2em}.title-section h2{font-size:1.0em}.logo-section{font-size:.7em}}@media(max-width:480px){.exam-container{padding:1cm .5cm}.header-top-row{flex-wrap:wrap;justify-content:center;gap:10px}.header-section{flex-basis:auto}.title-section{order:-1;width:100%}.exam-info-table,.exam-info-table td{display:block;width:100%}.exam-info-table tr{display:flex;flex-direction:column;margin-bottom:10px}.exam-info-table td{border-bottom:1px dotted}.exam-info-table td:last-child{border-bottom:none}body.light-mode .exam-info-table tr{border:1px solid var(--border-color-light)}body.dark-mode .exam-info-table tr{border:1px solid var(--border-color-dark)}body.light-mode .exam-info-table td{border-color:#ccc}body.dark-mode .exam-info-table td{border-color:#444}}@media(max-width:768px){body[data-page="exam-play"]{padding:0;align-items:flex-start}body[data-page="exam-play"] .exam-container{width:100%;max-width:100%;min-height:auto;border-radius:0;margin:0;padding:15px;padding-top:15px;padding-bottom:env(safe-area-inset-bottom,15px)}body[data-page="exam-play"] .exam-controls{padding-left:env(safe-area-inset-left,10px);padding-right:env(safe-area-inset-right,10px);flex-direction:column;gap:15px;padding-top:15px;padding-bottom:15px;height:auto}body[data-page="exam-play"] .controls-group{width:100%;justify-content:center;flex-wrap:wrap;gap:10px}body[data-page="exam-play"] #exam-timer-container{order:1;width:100%;text-align:center}body[data-page="exam-play"] .controls-group.right-controls{order:2}body[data-page="exam-play"] .controls-group.left-controls{order:3}body[data-page="exam-play"] #submit-exam-btn{width:100%;max-width:350px;padding:12px;font-size:1.1em}}@media print{body.exam-paper,body.light-mode,body.dark-mode{background-color:#fff!important;color:#000!important}.exam-controls{display:none}.exam-container{box-shadow:none;margin:0;padding:1.5cm;width:100%;height:auto;min-height:0}.exam-section{page-break-inside:avoid}.exam-container.review-mode .question-item.correct,.exam-container.review-mode .question-item.incorrect{background-color:#fff!important;border:1px solid #ccc}.review-mode .mcq-options-list .model-correct-answer{background-color:#eee!important;border-left:4px solid #000!important}.model-answer-wrapper{background:#eee!important;border-right:4px solid #000!important}}:root{--speaking-color:#FFD700;--speaking-color-rgb:255,215,0}.mic-btn{width:45px;height:45px;border-radius:50%;font-size:1.2em;flex-shrink:0;color:var(--wrong-color);border:2px solid var(--wrong-color);position:relative;overflow:hidden;transition:color .3s,border-color .3s,box-shadow .3s}.mic-btn.active{color:var(--correct-color);border-color:var(--correct-color);box-shadow:0 0 10px var(--correct-color)}.mic-wave{position:absolute;bottom:0;left:50%;width:5px;background-color:var(--correct-color);border-radius:5px;transform-origin:bottom;transform:translateX(-50%);transition:height .1s ease-out;height:0}.mic-wave.wave1{transform:translateX(calc(-50% - 7px))}.mic-wave.wave2{transform:translateX(calc(-50% - 0))}.mic-wave.wave3{transform:translateX(calc(-50%+7px))}.voice-controls-group{display:flex;gap:10px}.speaker-btn{width:45px;height:45px;border-radius:50%;font-size:1.2em;flex-shrink:0;color:var(--wrong-color);border:2px solid var(--wrong-color);transition:color .3s,border-color .3s,box-shadow .3s}.speaker-btn.active{color:var(--correct-color);border-color:var(--correct-color);box-shadow:0 0 10px var(--correct-color)}@keyframes speaking-pulse{from{box-shadow:0 0 15px rgba(var(--speaking-color-rgb),0.4)}to{box-shadow:0 0 25px rgba(var(--speaking-color-rgb),0.8),0 0 35px rgba(var(--speaking-color-rgb),0.5)}}.participant-card.speaking{border-color:var(--speaking-color);animation:speaking-pulse 1.5s infinite alternate}.voice-visualizer-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:10px;opacity:0;transition:opacity .3s ease;pointer-events:none}.participant-card.speaking .voice-visualizer-canvas{opacity:.7}@import url('sellers/_sellers_base.css');@import url('sellers/_sellers_controls.css');@import url('sellers/_sellers_list.css');@import url('sellers/_sellers_modals.css');body[data-page="seller-choice-page"]{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh;padding:5vh 20px;background-color:#0c163b;color:#fff;overflow-y:auto}.choice-container{background:rgba(255,255,255,0.1);border-radius:20px;padding:40px;text-align:center;max-width:600px;width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);animation:fadeIn .8s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.choice-logo{width:120px;height:120px;border-radius:50%;margin-bottom:25px;object-fit:cover;border:3px solid rgba(255,255,255,0.5);box-shadow:0 0 25px rgba(255,255,255,0.3),0 4px 15px rgba(0,0,0,0.2)}.choice-container h1{font-size:1.8rem;margin-bottom:10px;color:var(--primary-color,#ffda68)}.choice-container p{font-size:1.1rem;margin-bottom:30px}.choice-buttons{display:flex;flex-direction:column;gap:20px}.choice-button{display:flex;align-items:center;justify-content:center;padding:20px;border-radius:15px;text-decoration:none;font-size:1.2rem;font-weight:bold;transition:all .3s ease;border:1px solid rgba(255,255,255,0.3);color:#fff;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.choice-button:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.2)}.choice-button i{font-size:1.5rem;margin-inline-end:15px}.choice-button.user-platform-btn{background-color:rgba(46,204,113,0.7);border-color:rgba(46,204,113,1)}.choice-button.user-platform-btn:hover{background-color:rgba(46,204,113,0.9)}.choice-button.seller-dashboard-btn{background-color:rgba(142,68,173,0.7);border-color:rgba(142,68,173,1)}.choice-button.seller-dashboard-btn:hover{background-color:rgba(142,68,173,0.9)}@media(max-width:600px){.choice-container{padding:25px}.choice-button{padding:15px;font-size:1rem}.choice-button i{font-size:1.3rem}}body{display:flex;justify-content:center;align-items:flex-start;padding:20px;min-height:100vh}.history-container{max-width:900px;width:100%;margin:20px auto;background:var(--panel-bg-color);border:1px solid var(--panel-border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px 0 rgba(0,0,0,0.2);border-radius:15px;padding:30px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.1)}.history-header h2{margin:0;color:var(--primary-color);font-size:1.8em;display:flex;align-items:center;gap:10px}.history-content{display:grid;grid-template-columns:300px 1fr;gap:30px}.stats-section,.history-list-section{background:rgba(0,0,0,0.1);padding:20px;border-radius:10px}.stats-section h3,.history-list-section h3{color:var(--secondary-color);margin-bottom:15px;font-size:1.5em;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:8px}.stats-list{list-style:none;padding:0}.stat-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.05)}.stat-item:last-child{border-bottom:none}.stat-item .plan-name{font-weight:bold}.stat-item .count{background-color:var(--accent-color);color:#1c2541;padding:2px 8px;border-radius:5px;font-weight:bold;font-size:.9em}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:12px 15px;text-align:start;border-bottom:1px solid rgba(255,255,255,0.1)}html[dir="rtl"] .history-table th,html[dir="rtl"] .history-table td{text-align:right}.history-table th{color:var(--secondary-color);font-weight:bold}.history-table tbody tr:hover{background-color:rgba(255,255,255,0.05)}.history-table .no-data{text-align:center;padding:40px;color:var(--text-color-muted)}.pagination-nav{margin-top:25px;padding-top:15px;border-top:1px solid rgba(255,255,255,0.1)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:8px}.pagination-controls a,.pagination-controls span{text-decoration:none;padding:8px 15px;border-radius:8px;transition:all .2s ease;font-weight:600}.pagination-controls a{color:var(--text-color-muted)}.pagination-controls a:hover{background-color:rgba(255,255,255,0.1);color:var(--accent-color)}.pagination-controls .current-page{background-color:var(--primary-color);color:var(--background-end);cursor:default;font-weight:700}.pagination-controls .ellipsis{padding:8px 5px}@media(max-width:900px){.history-content{grid-template-columns:1fr}}@media(max-width:768px){body{padding:0;align-items:flex-start}.history-container{width:100%;max-width:100%;min-height:100vh;border-radius:0;margin:0;padding:15px}}body[data-page="terms-page"]{display:flex;justify-content:center;align-items:flex-start;padding:20px;min-height:100vh}.terms-container{max-width:900px;width:100%;margin:20px auto;background:var(--panel-bg-color);border:1px solid var(--panel-border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px 0 rgba(0,0,0,0.2);border-radius:15px;padding:30px}.terms-container h1{display:flex;align-items:center;justify-content:center;gap:15px;font-size:2em;color:var(--primary-color);margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.1)}.terms-content{text-align:start;line-height:1.8;color:var(--text-color);font-size:1.05em}html[dir="rtl"] .terms-content{text-align:right}.terms-content h2{color:var(--secondary-color);font-size:1.5em;margin-top:30px;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:8px}.terms-content h3{color:var(--accent-color);font-size:1.2em;margin-top:20px;margin-bottom:10px}.terms-content p,.terms-content li{margin-bottom:10px}.terms-content ul{list-style-position:inside;padding-inline-start:20px}.terms-content strong{font-weight:bold;color:#fff}@media(max-width:768px){body[data-page="terms-page"]{padding:0;align-items:flex-start}.terms-container{width:100%;max-width:100%;min-height:100vh;border-radius:0;margin:0;padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px)}}body[data-page="badges-page"]{display:flex;justify-content:center;align-items:flex-start;padding:20px;min-height:100vh}.badges-container{max-width:1200px;width:100%;margin:20px auto;background:var(--panel-bg-color);border:1px solid var(--panel-border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px 0 rgba(0,0,0,0.2);border-radius:15px;padding:30px}.badges-container h1{display:flex;align-items:center;justify-content:center;gap:15px;font-size:2em;color:var(--primary-color);margin-bottom:20px;text-shadow:0 2px 5px rgba(0,0,0,0.2)}.badges-description{text-align:center;color:#fff;font-weight:bold;max-width:800px;margin:0 auto 30px auto;font-size:1.1em;line-height:1.7}.badges-description strong{color:var(--accent-color);font-weight:bold}@media(max-width:768px){body[data-page="badges-page"]{padding:0;align-items:flex-start}body[data-page="badges-page"] .badges-container{width:100%;max-width:100%;min-height:100vh;border-radius:0;margin:0;padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px)}}.user-stats-container{display:flex;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.user-score-display,.user-wallet-display{text-align:center;font-size:1.5em;font-weight:bold;color:#fff;background:rgba(0,0,0,0.2);padding:15px 25px;border-radius:10px;display:inline-flex;align-items:center;gap:10px}.user-score-display i,.user-wallet-display i{color:var(--accent-color)}.usage-card.profile-style-card{background:rgba(0,0,0,0.15);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:15px 20px;margin:20px auto 30px auto;max-width:800px;color:#fff}.profile-style-card h4{text-align:center;margin-bottom:15px;font-size:1.2em;color:var(--primary-color);display:flex;align-items:center;justify-content:center;gap:10px}.profile-style-card .usage-details{display:flex;justify-content:space-between;margin-bottom:10px;gap:15px;flex-wrap:wrap}.profile-style-card .usage-details span{display:flex;align-items:center;gap:8px}.profile-style-card .tokens-bar{width:100%;background-color:rgba(0,0,0,0.3);border-radius:5px;height:10px;overflow:hidden}.profile-style-card .tokens-progress{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--primary-color));border-radius:5px;transition:width .5s ease-in-out}.profile-style-card .tokens-text{text-align:center;margin-top:5px;font-size:.9em}.exchange-cards-container{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.exchange-card{background:rgba(0,0,0,0.25);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,0.1);flex:1;min-width:300px}.exchange-card h2{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--primary-color);font-size:1.5em;margin-bottom:5px}.exchange-rate-info{text-align:center;color:var(--text-color-muted);margin-bottom:20px}.exchange-controls{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.exchange-input-group{display:flex;flex-direction:column}.exchange-input-group label{font-size:.9em;margin-bottom:5px;color:var(--text-color-muted)}.exchange-input-group input{max-width:150px;text-align:center;background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2);border-radius:8px}.exchange-cost-display{font-size:1.2em;font-weight:bold;display:flex;align-items:center;gap:8px}#exchange-cost-value,#token-exchange-cost-value{color:var(--wrong-color)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px}.badge-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:15px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;cursor:pointer;transform:translateZ(0);will-change:transform;display:flex;flex-direction:column;justify-content:space-between}.badge-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.2);border-color:var(--accent-color)}.badge-card.active{border-color:var(--primary-color);box-shadow:0 0 20px rgba(var(--primary-color-rgb),0.7)}.badge-animation{width:120px;height:120px;margin-bottom:15px;transform:translateZ(0);will-change:transform}.badge-name{font-size:1.2em;font-weight:bold;color:var(--text-color);margin-bottom:10px;min-height:2.4em}.badge-cost{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.3em;font-weight:bold;color:var(--primary-color);margin-bottom:15px}.badge-action{margin-top:auto;width:100%;display:flex;flex-direction:column;gap:8px}.buy-badge-btn,.equip-badge-btn{width:100%;font-weight:bold}.buy-badge-btn{background-color:var(--correct-color);color:#fff}.buy-badge-btn:hover{background-color:hsl(145,63%,55%)}.buy-badge-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.equip-badge-btn{background-color:var(--accent-color);color:#1c2541}.unequip-badge-btn{background-color:var(--wrong-color);color:#fff;font-weight:bold;width:100%}.unequip-badge-btn:hover{background-color:hsl(0,60%,50%)}.badge-card.unaffordable{opacity:.7}.badge-card.owned{border-color:var(--correct-color);background:rgba(var(--correct-color-rgb),0.1)}.owned-indicator,.equipped-indicator{font-weight:bold;font-size:1.1em;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0}.owned-indicator{color:var(--correct-color)}.equipped-indicator{color:var(--primary-color)}.no-badges-message{grid-column:1 / -1;text-align:center;font-size:1.2em;color:var(--text-color-muted);padding:40px}#badges-content-wrapper.loading-content{opacity:.5;pointer-events:none;transition:opacity .3s ease}.badges-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:15px;margin-bottom:20px;background:rgba(255,255,255,0.05);border-radius:15px;border:1px solid rgba(255,255,255,0.1)}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;border:1px solid transparent;transition:all .3s ease}.filter-btn.active{background-color:var(--primary-color)!important;color:var(--background-end)!important;border-color:var(--primary-color)!important;box-shadow:0 0 10px var(--primary-color);font-weight:bold}.search-input-container{position:relative;display:flex;align-items:center;flex-grow:1;min-width:250px}.search-input-container i{position:absolute;left:15px;color:var(--text-color);opacity:.6}html[dir="rtl"] .search-input-container i{left:auto;right:15px}#badgeSearchInput{width:100%;padding:10px 15px 10px 40px;border-radius:10px;border:1px solid rgba(255,255,255,0.2);background-color:rgba(0,0,0,0.2);color:var(--text-color);font-family:inherit;font-size:1rem;transition:border-color .3s ease}html[dir="rtl"] #badgeSearchInput{padding:10px 40px 10px 15px}#badgeSearchInput:focus{outline:none;border-color:var(--primary-color)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(10,20,35,0.6);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-content.badge-preview-content{background:linear-gradient(145deg,rgba(25,35,55,0.3),rgba(15,25,45,0.35));border:1px solid var(--panel-border-color);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.4);width:90%;max-width:450px;display:flex;flex-direction:column;align-items:center;padding:40px 30px;transform:scale(0.95);transition:transform .3s ease;position:relative;overflow-y:auto}.modal-overlay.active .modal-content.badge-preview-content{transform:scale(1)}#preview-animation-container{width:300px;height:300px;margin-bottom:25px;cursor:pointer}#preview-badge-name{font-size:2em;font-weight:bold;color:var(--primary-color);text-shadow:0 2px 5px rgba(0,0,0,0.3);margin-bottom:10px}.badge-description-preview{font-size:1em;color:var(--text-color);font-weight:bold;line-height:1.6;margin-bottom:20px;max-width:90%;text-align:center}.badge-strength-preview{display:none;align-items:center;justify-content:center;gap:8px;background-color:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:8px 15px;margin-bottom:20px}.badge-strength-preview i{color:#f39c12;font-size:1.1em}.badge-strength-preview span{font-size:1em;font-weight:bold;color:#fff}#preview-badge-cost{font-size:1.8em;margin-bottom:20px}#preview-badge-action{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center}.modal-close-button{position:absolute;top:15px;right:20px;width:35px;height:35px;border-radius:50%;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.3rem;color:var(--text-color);cursor:pointer;z-index:2002}html[dir="rtl"] .modal-close-button{right:auto;left:20px}.modal-close-button:hover{background:rgba(255,255,255,0.2);transform:rotate(180deg)}.badge-owners-action{width:100%;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,0.1);display:block}.badge-owners-action .secondary-button{width:100%;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2)}.badge-owners-action .secondary-button:hover{background:rgba(255,255,255,0.2);border-color:var(--accent-color)}.badge-owners-content{max-width:500px;width:90%;height:70vh;padding:0}.badge-owners-content .modal-header{padding:15px 25px;border-bottom:1px solid rgba(255,255,255,0.1);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.badge-owners-content .modal-header h3{color:var(--primary-color);font-size:1.4em;font-weight:600;margin:0;flex-grow:1;text-align:start}html[dir="rtl"] .badge-owners-content .modal-header h3{text-align:right}.owners-count-badge{background-color:rgba(0,0,0,0.3);color:#fff;font-size:.9em;font-weight:bold;padding:4px 10px;border-radius:20px;margin:0 15px}.owner-item.current-user-owner{background:linear-gradient(90deg,rgba(255,215,0,0.15),rgba(255,193,7,0.25));border:1px solid rgba(255,215,0,0.5)}.owner-item .you-indicator{font-size:.9em;font-weight:bold;color:var(--primary-color);margin-inline-start:8px}#owners-modal-body{padding:20px;overflow-y:auto;height:100%}.owners-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.owner-item{display:flex;align-items:center;gap:15px;background:rgba(0,0,0,0.2);padding:10px;border-radius:10px;text-decoration:none;color:var(--text-color);transition:background-color .2s ease}.owner-item:hover{background-color:rgba(var(--accent-color-rgb),0.1)}.owner-item .profile-pic{width:50px;height:50px;border-radius:50%;object-fit:cover}.owner-item .user-info{flex-grow:1}.owner-item .user-name{font-weight:bold;font-size:1.1em}.owner-item .user-id{font-size:.9em;color:var(--text-color-muted);opacity:.8}.owner-item i.fa-chevron-right,.owner-item i.fa-chevron-left{color:var(--text-color-muted)}.pagination-nav{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.pagination-controls a,.pagination-controls span{text-decoration:none;padding:8px 15px;border-radius:8px;transition:all .2s ease;font-weight:600}.pagination-controls a.glass-button{color:var(--text-color-muted);background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2)}.pagination-controls a.glass-button:hover{background-color:rgba(255,255,255,0.2);color:var(--accent-color);border-color:var(--accent-color)}.pagination-controls .current-page{background-color:var(--primary-color);color:var(--background-end);cursor:default;font-weight:700;padding:8px 15px;border-radius:8px}.pagination-controls .ellipsis{padding:8px 5px;color:var(--text-color-muted)}.sellers-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:20px}.seller-card{background:var(--panel-bg-color);border:1px solid var(--panel-border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px 0 rgba(0,0,0,0.2);border-radius:15px;padding:20px;display:flex;align-items:center;gap:20px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer}.seller-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.2);border-color:var(--accent-color)}.seller-card .profile-pic{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-color);flex-shrink:0}.seller-info{flex-grow:1;text-align:start}html[dir="rtl"] .seller-info{text-align:right}.seller-info h3{margin:0 0 5px 0;font-size:1.3em;color:var(--text-color);display:flex;align-items:center;gap:10px}.seller-info p{margin:0;color:#fff;font-weight:bold;font-size:.9em}.seller-rating{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.star-rating-display{font-size:1.2em;color:#ffc107}.review-count{font-size:.8em;color:#fff;font-weight:bold}.seller-actions{display:flex;gap:10px;margin-left:auto}html[dir="rtl"] .seller-actions{margin-left:0;margin-right:auto}.seller-card .chat-btn,.seller-card .show-codes-btn{flex-shrink:0;width:45px;height:45px;padding:0;font-size:1.1rem;border-radius:50%;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2)}.seller-card .chat-btn:hover,.seller-card .show-codes-btn:hover{background:rgba(255,255,255,0.2);color:var(--accent-color);border-color:var(--accent-color)}.seller-card .chat-btn i,.seller-card .show-codes-btn i{margin:0}.seller-card.featured-seller{background:rgba(142,68,173,0.25);border-color:rgba(142,68,173,0.7);box-shadow:0 8px 32px 0 rgba(142,68,173,0.2)}.seller-card.featured-seller:hover{border-color:#c58af9;box-shadow:0 10px 40px rgba(142,68,173,0.3)}.featured-badge{background-color:var(--primary-color);color:#1c2541;padding:3px 8px;border-radius:5px;font-size:.7em;font-weight:bold;margin-inline-start:10px;vertical-align:middle;text-transform:uppercase}@media(max-width:520px){.seller-card{flex-direction:column;text-align:center;padding:15px;gap:15px}.seller-info{text-align:center}.seller-card .profile-pic{width:60px;height:60px}.seller-info h3{font-size:1.1em;justify-content:center}.seller-actions{margin-left:0;margin-right:0;margin-top:10px}}.available-codes-modal-content{max-width:500px}.available-codes-modal-content .modal-header h3{word-break:break-word}.available-codes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.available-code-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:rgba(0,0,0,0.2);border-radius:10px;border-left:4px solid var(--primary-color);transition:background-color .3s ease,border-color .3s ease}.available-code-item:hover{background:rgba(var(--primary-color-rgb),0.1);border-color:var(--accent-color)}html[dir="rtl"] .available-code-item{border-left:none;border-right:4px solid var(--primary-color)}html[dir="rtl"] .available-code-item:hover{border-right-color:var(--accent-color)}.available-code-item .plan-info{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start}html[dir="rtl"] .available-code-item .plan-info{align-items:flex-end;text-align:right}.available-code-item .plan-name{font-weight:bold;font-size:1.2em;color:var(--primary-color);line-height:1.4}.available-code-item .plan-description{font-size:.95em;color:var(--text-color-muted,#d1d1d1);font-weight:normal;margin-top:0;line-height:1.6}.available-code-item .plan-count{font-size:1.4em;font-weight:bold;color:var(--correct-color);background:rgba(var(--correct-color-rgb),0.15);padding:8px 15px;border-radius:8px;min-width:70px;text-align:center;margin-left:15px}html[dir="rtl"] .available-code-item .plan-count{margin-left:0;margin-right:15px}.available-code-item .plan-count .not-available{color:var(--wrong-color);background-color:transparent;font-size:.8em;font-weight:normal;padding:0}.review-modal-content{max-width:750px;max-height:90vh;padding:0;display:flex;flex-direction:column}#review-modal-body{padding:25px;display:flex;flex-direction:column;gap:25px;flex-grow:1;min-height:0;overflow-y:auto}.review-seller-header{display:flex;align-items:center;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--panel-border-color);flex-shrink:0}.review-seller-header img{width:60px;height:60px;border-radius:50%}.review-seller-header h2{margin:0;font-size:1.5em}.review-modal-main-content{display:contents}.reviews-column{flex-grow:1;min-height:200px}.review-item{display:flex;flex-wrap:wrap;gap:15px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.1)}.review-item:last-child{border-bottom:none}.review-user-info{flex-shrink:0}.review-user-info img{width:45px;height:45px;border-radius:50%}.review-content{flex-grow:1;min-width:200px;text-align:start}html[dir="rtl"] .review-content{text-align:right}.review-replies-container{flex-basis:100%;list-style:none;padding-inline-start:60px;margin-top:15px;border-inline-start:2px solid rgba(255,255,255,0.1);display:flex;flex-direction:column;gap:15px}.review-meta{display:flex;align-items:center;gap:10px;margin-bottom:5px;flex-wrap:wrap}.review-user-name{display:flex;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}.review-user-name a{font-weight:bold;color:var(--text-color);text-decoration:none;transition:color .2s ease;font-size:1em}.review-user-name a:hover{color:var(--accent-color);text-decoration:underline}.review-user-id-display{font-size:.8em;color:#fff;font-weight:bold}.review-user-info a{display:block}.review-user-info a:hover img{transform:scale(1.1);box-shadow:0 0 10px var(--accent-color)}.review-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.review-timestamp{font-size:.8em;color:#fff;font-weight:bold}.review-comment{font-size:.95em;line-height:1.6}#my-review-form{text-align:start;background:rgba(0,0,0,0.2);padding:20px;border-radius:10px}html[dir="rtl"] #my-review-form{text-align:right}.star-rating-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;font-size:1.8em}.star-rating-input input{display:none}.star-rating-input label{cursor:pointer;transition:color .2s}.star-rating-input i.fa-star{color:#ccc}.star-rating-input label:hover i,.star-rating-input label:hover ~ label i,.star-rating-input input:checked ~ label i{color:#ffc107}#review-comment{width:100%;min-height:120px;margin-top:15px}#submit-review-btn{width:100%;margin-top:15px}.review-actions{display:flex;gap:15px}.btn-link-style{background:none;border:none;color:var(--text-color-muted);cursor:pointer;padding:0;font-size:.8em;transition:color .2s ease}.btn-link-style:hover{color:var(--accent-color)}.review-item.seller-reply{background:rgba(var(--accent-color-rgb),0.08);border-radius:8px;padding:10px;border-bottom:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.review-reply-form{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,0.1)}.review-reply-form textarea{width:100%;min-height:60px}.review-reply-form .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}@media(max-width:480px){.review-item{text-align:center}.review-content{text-align:center}.review-replies-container{padding-inline-start:15px}}body[data-page="sellers-page"]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.sellers-container{max-width:900px;width:100%;margin:40px auto;padding:30px;text-align:center;background:var(--panel-bg-color);border:1px solid var(--panel-border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px 0 rgba(0,0,0,0.2);border-radius:15px}.sellers-container h1{display:flex;align-items:center;justify-content:center;gap:15px;font-size:2.5em;color:var(--primary-color);margin-bottom:15px;text-shadow:0 2px 5px rgba(0,0,0,0.2)}.sellers-description{color:#fff;font-weight:bold;font-size:1.1em;line-height:1.7;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto;text-align:center;background:rgba(0,0,0,0.1);padding:15px;border-radius:10px}.sellers-description a,.sellers-description strong{color:var(--accent-color);font-weight:bold;text-decoration:none}.sellers-description a:hover{color:#fff;text-decoration:underline}@media(max-width:768px){body[data-page="sellers-page"]{padding:0;align-items:flex-start}body[data-page="sellers-page"] .sellers-container{width:100%;max-width:100%;min-height:100vh;border-radius:0;margin:0;padding:15px;padding-top:env(safe-area-inset-top,15px);padding-bottom:env(safe-area-inset-bottom,15px)}}@media(max-width:480px){.sellers-container h1{font-size:1.8em}.sellers-description{font-size:1em}}.search-filter-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;align-items:center;justify-content:center}body[data-page="sellers-page"] .search-input-group{position:relative;flex:1 1 300px;max-width:400px}body[data-page="sellers-page"] .search-input-group i{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#fff;z-index:1}html[dir="rtl"] body[data-page="sellers-page"] .search-input-group i{left:auto;right:15px}body[data-page="sellers-page"] .search-input-group input,body[data-page="sellers-page"] .form-control{width:100%;padding:12px 15px 12px 45px;font-size:1em;border-radius:10px;border:1px solid var(--panel-border-color);background-color:var(--panel-bg-color);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:var(--text-color);height:48px;box-sizing:border-box;transition:all .2s ease-in-out}html[dir="rtl"] body[data-page="sellers-page"] .search-input-group input{padding:12px 45px 12px 15px}body[data-page="sellers-page"] .search-input-group input::placeholder{color:#fff;font-weight:bold}body[data-page="sellers-page"] .search-input-group input:focus,body[data-page="sellers-page"] .form-control:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),0.3)}body[data-page="sellers-page"] .form-control{padding:12px 15px;flex:1 1 200px;max-width:220px}body[data-page="sellers-page"] #resetFiltersButton{flex-shrink:0;width:48px;height:48px;padding:0;font-size:1.2em;border-radius:10px}@media(max-width:480px){body[data-page="sellers-page"] .search-input-group,body[data-page="sellers-page"] .form-control,body[data-page="sellers-page"] #resetFiltersButton{width:100%;flex-basis:100%;max-width:100%}body[data-page="sellers-page"] .search-input-group input,body[data-page="sellers-page"] .form-control{height:auto;padding-top:8px;padding-bottom:8px;font-size:.9em}body[data-page="sellers-page"] #resetFiltersButton{width:auto;height:40px;padding-left:15px;padding-right:15px}}