.tutor-dialog{--sd-surface:#fff;--sd-text:#202636;--sd-muted:#647184;--sd-border:#dfe5ed;--sd-accent:#0245ae;--sd-tint:#edf4ff;border:1px solid var(--sd-border);background:var(--sd-surface);width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:var(--sd-text);box-sizing:border-box;letter-spacing:0;border-radius:8px;margin:auto;padding:24px;position:fixed;inset:0;overflow:auto;box-shadow:0 18px 64px #0003}[data-theme=dark] .tutor-dialog{--sd-surface:var(--fxv-surface,#242424);--sd-text:var(--fxv-text,#f5f5f5);--sd-muted:var(--fxv-text-muted,#aab5c4);--sd-border:var(--fxv-border,#3b3b3b);--sd-accent:#79b5ff;--sd-tint:#293646}.tutor-dialog::backdrop{background:#10182080}.tutor-dialog h2{color:var(--sd-text);margin:0 0 12px;font-size:22px;line-height:1.35}.tutor-dialog p{color:var(--sd-muted);overflow-wrap:anywhere;line-height:1.65}.tutor-dialog button{letter-spacing:0;box-shadow:none;border-radius:6px}.tutor-dialog button:disabled{opacity:.55;cursor:not-allowed}.tutor-dialog :focus-visible{outline:2px solid var(--sd-accent);outline-offset:3px}.tutor-dialog .tutor-dialog-art{object-fit:contain;width:48px;height:48px;margin-bottom:16px}.tutor-dialog .tutor-dialog-close{border:1px solid var(--sd-border);width:36px;height:36px;color:var(--sd-muted);background:0 0;place-items:center;padding:0;display:grid;position:absolute!important;top:12px!important;right:12px!important}.tutor-dialog .tutor-dialog-actions{border-top:1px solid var(--sd-border);flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;display:flex}.tutor-dialog .tutor-dialog-actions button{background:var(--sd-surface);min-height:40px;color:var(--sd-text);border:1px solid var(--sd-border);justify-content:center;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.tutor-dialog .tutor-dialog-actions .primary{background:var(--sd-accent);color:#fff;border-color:var(--sd-accent)}[data-theme=dark] .tutor-dialog .tutor-dialog-actions .primary{color:#142233}@media (max-width:600px){.tutor-dialog{padding:20px}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;max-width:400px;display:flex;position:fixed;top:20px;right:20px}.toast-container>.toast.fxv-toast{display:flex}.toast{pointer-events:auto;background:#fff;border-radius:10px;align-items:flex-start;gap:12px;min-width:300px;max-width:400px;padding:14px 16px;animation:.3s ease-out toast-slide-in;display:flex;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d}.toast.toast-exit{animation:.3s ease-in forwards toast-slide-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-icon{font-size:14px}.toast-success .toast-icon-wrapper{background:#22c55e1a}.toast-success .toast-icon{color:#22c55e}.toast-error .toast-icon-wrapper{background:#ef44441a}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon-wrapper{background:#f59e0b1a}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon-wrapper{background:#3b82f61a}.toast-info .toast-icon{color:#3b82f6}.toast-content{flex:1;min-width:0}.toast-title{color:#1e293b;margin-bottom:2px;font-size:14px;font-weight:600}.toast-message{color:#64748b;word-break:break-word;font-size:13px;line-height:1.4}.toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .15s;display:flex}.toast-close:hover{color:#64748b;background:#f1f5f9}.toast-success{border-left:4px solid #22c55e}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-confirm-overlay{z-index:10001;background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast-confirm-modal{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;animation:.2s ease-out modalSlideIn;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-confirm-title{color:#1e293b;margin:0 0 8px;font-size:18px;font-weight:600}.toast-confirm-message{color:#64748b;margin:0 0 20px;font-size:14px;line-height:1.5}.toast-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.toast-confirm-btn{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.toast-confirm-btn.cancel{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.toast-confirm-btn.cancel:hover{background:#e2e8f0}.toast-confirm-btn.confirm{color:#fff;background:#0245ae;border:none}.toast-confirm-btn.confirm:hover{background:#0234a1}@media (max-width:480px){.toast-container{inset:auto 10px 20px}.toast{min-width:unset;max-width:100%}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}footer{border:none!important}footer *{border-top:none!important}.footer-top-wrap{background:linear-gradient(135deg,#0a1628 0%,#0d2847 50%,#0a1628 100%);padding:80px 0 50px;position:relative;overflow:hidden;border:none!important}.footer-top-wrap:before{content:"";background:linear-gradient(90deg,#0000,#4a9eff80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.footer-logo img{max-width:40px;height:auto}.footer-brand-text{color:#4a9eff;letter-spacing:.5px;align-items:center;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;font-size:22px;font-weight:600;display:flex}.footer-brand-text .brand-x{color:#60b0ff;font-weight:600}.footer-description{color:#ffffffb3;margin-bottom:20px;font-size:15px;line-height:1.6}.footer-email{color:#fff9;margin-bottom:20px;font-size:14px}.footer-email a{color:#4a9eff;text-decoration:underline;transition:color .3s}.footer-email a:hover{color:#60b0ff}.footer-social{gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-social li a{color:#4a9eff;background:#4a9eff26;border:1px solid #4a9eff4d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .3s;display:flex}.footer-social li a:hover{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#3b82f6 100%);border-color:#4a9eff;transform:translateY(-3px);box-shadow:0 8px 20px #4a9eff4d}.footer-widget .fw-title{color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:25px;font-size:18px;font-weight:700}.fw-links li{margin-bottom:12px}.fw-links li a{color:#ffffffb3;padding-left:0;font-size:15px;transition:all .3s;display:inline-block;position:relative}.fw-links li a:hover{color:#4a9eff;padding-left:8px}.fw-links li a:before{content:"";background:linear-gradient(90deg,#4a9eff,#0000);width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.fw-links li a:hover:before{width:100%}.footer-social-links{gap:12px;display:flex}.footer-social-links a{color:#4a9eff;background:#4a9eff26;border:1px solid #4a9eff4d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex}.footer-social-links a:hover{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#3b82f6 100%);border-color:#4a9eff;transform:translateY(-3px);box-shadow:0 8px 20px #4a9eff4d}.contact-info li{color:#ffffffb3;align-items:flex-start;gap:12px;margin-bottom:15px;font-size:14px;display:flex}.contact-info li i{color:#4a9eff;margin-top:3px;font-size:16px}.newsletter-form{margin-top:25px;position:relative}.newsletter-form input{color:#fff;background:#ffffff1a;border:1px solid #4a9eff4d;border-radius:12px;width:100%;padding:15px 70px 15px 20px;font-size:14px}.newsletter-form input::placeholder{color:#ffffff80}.newsletter-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#3b82f6 100%);border:none;border-radius:12px;height:100%;padding:0 24px;font-size:14px;transition:all .3s;position:absolute;top:0;right:0}.newsletter-form button:hover{box-shadow:0 5px 15px #4a9eff66}.copyright-wrap{background:#050d1a;padding:25px 0}.copyright-text p{color:#fff9;margin-bottom:0;font-size:14px}.copyright-text p a{color:#4a9eff;transition:color .3s}.copyright-text p a:hover{color:#60b0ff}.copyright-link-list{justify-content:flex-end;align-items:center;display:flex}.copyright-link-list li{margin-right:17px;padding-right:18px;position:relative}.copyright-link-list li:before{content:"|";color:#fff6;position:absolute;top:50%;right:0;transform:translateY(-50%)}.copyright-link-list li:last-child{margin-right:0;padding-right:0}.copyright-link-list li:last-child:before{display:none}.copyright-link-list li a{color:#fff9;font-size:14px;transition:color .3s}.copyright-link-list li a:hover{color:#4a9eff}@media (max-width:767px){.footer-top-wrap{padding:60px 0 30px}.footer-widget{margin-bottom:30px}.copyright-wrap{text-align:center;padding:20px 0}.copyright-text{margin-bottom:15px}.copyright-link-list{flex-wrap:wrap;justify-content:center;gap:10px}.copyright-link-list li{margin:0;padding:0 10px}.copyright-link-list li:before{display:none}.footer-widget .fw-title{margin-bottom:20px;font-size:18px}.fw-links li{margin-bottom:10px}}.moving-text-banner{background:#0a1628;align-items:center;height:100px;padding:0;display:flex;position:relative;overflow:hidden}.moving-text-container{width:100%;max-width:1200px;height:100%;margin:0 auto;padding:0 15px;position:relative;overflow:hidden}.moving-text-container:before,.moving-text-container:after{content:"";z-index:2;pointer-events:none;width:150px;position:absolute;top:0;bottom:0}.moving-text-container:before{background:linear-gradient(90deg,#0a1628 0%,#0a1628cc 50%,#0000 100%);left:0}.moving-text-container:after{background:linear-gradient(270deg,#0a1628 0%,#0a1628cc 50%,#0000 100%);right:0}.moving-text{white-space:nowrap;color:#4a9eff4d;text-transform:capitalize;letter-spacing:2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:8rem;font-weight:800;line-height:1;animation:120s linear infinite moveTextContinuous;position:absolute;top:50%;transform:translateY(-50%)}@keyframes moveTextContinuous{0%{transform:translateY(-50%)translate(0%)}to{transform:translateY(-50%)translate(-100%)}}@media (max-width:768px){.moving-text-banner{height:70px}.moving-text{letter-spacing:1px;font-size:5rem}.moving-text-container{padding:0 10px}.moving-text-container:before,.moving-text-container:after{width:100px}}@media (max-width:480px){.moving-text-banner{height:60px}.moving-text{letter-spacing:.5px;font-size:3.5rem}.moving-text-container{padding:0 5px}.moving-text-container:before,.moving-text-container:after{width:80px}}.login-modal{text-align:center;background:#fff;border-radius:12px;width:100%;min-width:340px;max-width:450px;padding:2.5rem 2rem 2rem;position:relative;box-shadow:0 8px 32px #00000026}@media (min-width:768px){.login-modal{min-width:400px;max-width:500px}}.modal-close{color:#888;cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.modal-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.modal-logo img{mix-blend-mode:normal;filter:none;width:auto;height:50px;display:block}.dark-mode .modal-brand-text,.dark-mode .modal-brand-text .brand-x{color:#4a9eff}.modal-title{color:#222;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.modal-subtitle{color:#666;margin-bottom:1.5rem;font-size:.95rem}.modal-form{flex-direction:column;gap:1rem;display:flex}.modal-input{border:1.5px solid var(--border-color,#e9e9e9);color:var(--primary-text-color,#2e2e2e);background:var(--section-background-color,#f7f8fa);box-sizing:border-box;border-radius:8px;outline:none;width:100%;height:44px;padding:10px 14px;font-size:1rem;transition:border .2s}.modal-input:focus{border-color:var(--dark-lime-color);box-shadow:0 0 0 2px #6dbe4533}.dark-mode .modal-input{background:var(--dark-bg-color,#1a1a1a);color:var(--dark-text-color,#f0f0f0);border-color:var(--dark-border-color,#333)}dark-mode .modal-input:focus{border-color:var(--primary-light,#a8ff04);box-shadow:0 0 0 2px #a8ff0433}.modal-error{color:#e74c3c;margin-bottom:.5rem;font-size:.95rem}.modal-footer{margin-top:1.5rem;font-size:.95rem}.modal-footer a{color:#6c63ff;text-decoration:underline}.modal-footer,.standard-blog-content.p,.standard-blog-content p,.standard-blog-content span{color:var(--body-color,#222)}.modal-link{color:#6dbe45;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.modal-btn{text-transform:uppercase;letter-spacing:1px;background:#a8ff04;background:var(--nft-gradient-color);cursor:pointer;box-sizing:border-box;text-align:center;border:none;border-radius:50px;width:100%;max-width:500px;margin:0 auto;padding:.7rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s;display:block;color:#fff!important}.modal-btn:hover{opacity:.9;transform:translateY(-1px)}.modal-btn:active{transform:translateY(0)}.fxv-theme-switch{border:1px solid var(--fxv-border-strong);background:var(--fxv-bg-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:6px;padding:4px;display:inline-flex;box-shadow:0 2px 8px #0f172a14}.fxv-theme-switch--sm{gap:4px;padding:3px}.fxv-theme-switch__option{min-width:40px;min-height:40px;color:var(--fxv-text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 12px;transition:background-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex;position:relative}.fxv-theme-switch--sm .fxv-theme-switch__option{min-width:34px;min-height:34px;padding:0 10px}.fxv-theme-switch__option:hover{color:var(--fxv-text);background:#4a9eff1f;transform:translateY(-1px)}.fxv-theme-switch__option.is-active{background:linear-gradient(135deg, var(--fxv-accent) 0%, var(--fxv-accent-strong) 100%);color:#fff;box-shadow:0 0 0 1px #ffffff24,0 4px 12px #0245ae2e}[data-theme=dark] .fxv-theme-switch__option.is-active{color:#fff;box-shadow:0 0 0 1px #93c5fdb8,0 3px 10px #2563eb2e}[data-theme=dark] .fxv-theme-switch{background:#1e1e1ef5;border-color:#ffffff14}[data-theme=dark] .fxv-theme-switch__option{color:#9ca3af}[data-theme=dark] .fxv-theme-switch__option:hover{color:#f3f4f6;background:#ffffff0f}.fxv-theme-switch__icon{justify-content:center;align-items:center;font-size:14px;display:inline-flex}.fxv-theme-switch__copy{text-align:left;flex-direction:column;align-items:flex-start;gap:1px;display:flex}.fxv-theme-switch__label{letter-spacing:.01em;font-size:12px;font-weight:700}.fxv-theme-switch__hint{color:currentColor;opacity:.72;font-size:10px;font-weight:500}.fxv-theme-switch--labels{border-radius:24px;width:100%}.fxv-theme-switch--labels .fxv-theme-switch__option{border-radius:20px;flex:1;justify-content:flex-start;min-width:0;padding:10px 12px}.fxv-theme-switch--labels.fxv-theme-switch--sm .fxv-theme-switch__option{min-height:0;padding:9px 12px}@media (max-width:767.98px){.fxv-theme-switch{box-shadow:0 2px 8px #0f172a14}}.header-action ul{align-items:center;gap:14px;display:flex}.header-theme-switch,.header-login{align-items:center;display:flex}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae,#4a9eff);border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 10px #0245ae33}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0245ae4d}.theme-toggle{align-items:center;margin-right:15px;display:flex}.theme-btn{color:#f8b500;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .3s;display:flex}.theme-btn:hover{background-color:#f8b5001a}.dark-mode .theme-btn{color:var(--text-color,#fff)}@media (max-width:767.98px){.theme-btn{width:32px;height:32px;font-size:16px}}.login-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.login-modal-content{background:#fff;border-radius:20px;width:90%;max-width:440px;padding:40px;animation:.3s slideUp;position:relative;box-shadow:0 20px 60px #0000004d}.dark-mode .login-modal-content{background:#1a1f2e}.modal-close-btn{color:#5a6c7d;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.dark-mode .modal-close-btn{color:#9ca9b8}.dark-mode .modal-close-btn:hover{color:#fff;background:#ffffff1a}.modal-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-bottom:32px;display:flex}.modal-logo{justify-content:center;align-items:center;padding:0;display:flex;background:0 0!important}.modal-logo img{mix-blend-mode:multiply;filter:brightness(1.2)contrast(1.1);width:auto;height:60px;padding:0;display:block;background:0 0!important}.dark-mode .modal-logo img{mix-blend-mode:screen;filter:brightness(1.3)invert()}.modal-brand-text{color:#0245ae;letter-spacing:.5px;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;font-size:28px;font-weight:600}.modal-brand-text .brand-x{color:#0245ae}.dark-mode .modal-brand-text,.dark-mode .modal-brand-text .brand-x{color:#4a9eff}.brand-text{color:#0245ae;letter-spacing:.5px;align-items:center;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:600;display:flex}.brand-x{color:#0245ae;font-weight:600}@media (max-width:360px){.menu-nav .brand-text{letter-spacing:0;white-space:nowrap;font-size:18px}}.dark-mode .brand-text,.dark-mode .brand-x{color:#4a9eff}.modal-header h2{color:#1a1f2e;margin:0 0 8px;font-size:28px;font-weight:700}.dark-mode .modal-header h2{color:#fff}.modal-header p{color:#5a6c7d;margin:0;font-size:15px}.dark-mode .modal-header p{color:#9ca9b8}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#1a1f2e;font-size:14px;font-weight:600}.dark-mode .form-group label{color:#fff}.form-group input{color:#1a1f2e;background:#fff;border:2px solid #e1e8ed;border-radius:12px;padding:14px 16px;font-size:15px;transition:all .3s}.dark-mode .form-group input{color:#fff;background:#0f1419;border-color:#2a3441}.form-group input:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.dark-mode .form-group input:focus{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a}.form-options{justify-content:flex-end;align-items:center;margin-top:-8px;display:flex}.checkbox-label{color:#5a6c7d;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.dark-mode .checkbox-label{color:#9ca9b8}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.forgot-password{color:#0245ae;font-size:14px;font-weight:600;text-decoration:none}.dark-mode .forgot-password{color:#4a9eff}.forgot-password:hover{text-decoration:underline}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae,#4a9eff);border:none;border-radius:12px;margin-top:8px;padding:16px;font-size:16px;font-weight:600;transition:all .3s}.login-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0245ae4d}.modal-footer{text-align:center;border-top:1px solid #e1e8ed;margin-top:24px;padding-top:24px}.dark-mode .modal-footer{border-top-color:#2a3441}.modal-footer p{color:#5a6c7d;margin:0;font-size:14px}.dark-mode .modal-footer p{color:#9ca9b8}.modal-footer a{color:#0245ae;font-weight:600;text-decoration:none}.dark-mode .modal-footer a{color:#4a9eff}.modal-footer a:hover{text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:575px){.login-modal-content{padding:30px 20px}.modal-header h2{font-size:24px}}.login-modal-content .modal-header,.login-modal-content .modal-logo,.login-modal-content .modal-header:before,.login-modal-content .modal-logo:before{box-shadow:none!important;background:0 0!important;border:0!important}.login-modal-content .modal-header{width:100%;margin-bottom:28px;padding:0!important}.login-modal-content .modal-header *{background:0 0!important}.modal-logo img{display:inline-block}.mobile-menu-actions{border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;margin-top:20px;padding:20px;display:flex}.mobile-theme-row{justify-content:space-between;align-items:center;gap:14px;padding:4px 0 8px;display:flex}.mobile-theme-row-label{letter-spacing:.04em;text-transform:uppercase;color:#7c8da6;font-size:13px;font-weight:700}.dark-mode .mobile-theme-row-label{color:#a9b8cf}.mobile-login-btn,.mobile-register-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.mobile-login-btn{color:#fff;background:linear-gradient(135deg,#0245ae,#4a9eff);border:none}.mobile-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0245ae4d}.mobile-register-btn{color:#0245ae;background:0 0;border:2px solid #0245ae}.mobile-register-btn:hover{background:#0245ae1a}.home-illustration{object-fit:contain;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.benefits-section .benefit-icon,.how-it-works-section .step-icon-box{transition:none}.benefits-section .benefit-card:hover .benefit-icon,.how-it-works-section .step-card-inner:hover .step-icon-box{transform:none}}.hero-section{background:#fff;min-height:90vh;padding:140px 0 0;position:relative;overflow:hidden}.dark-mode .hero-section{background:#0f1419}.hero-section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#0245ae14 0%,#4a9eff1f 100%);border-radius:50% 0 0 50%;width:70%;height:120%;position:absolute;top:-10%;right:-5%}.dark-mode .hero-section:before{background:linear-gradient(135deg,#4a9eff1f 0%,#0245ae26 100%)}.hero-section:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(225deg,#4a9eff0f 0%,#0000 70%);border-radius:50%;width:50%;height:50%;position:absolute;bottom:-15%;right:10%}.hero-content{z-index:2;padding-right:40px;position:relative}.hero-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#0245ae,#4a9eff);border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 22px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #0245ae40}.hero-title{color:#1a1f2e;margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.15}.dark-mode .hero-title{color:#fff}.hero-title .highlight{color:#0245ae;position:relative}.dark-mode .hero-title .highlight{background:linear-gradient(135deg,#4a9eff,#0245ae);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text{color:#5a6c7d;max-width:540px;margin-bottom:36px;font-size:18px;line-height:1.7}.dark-mode .hero-text{color:#9ca9b8}.hero-buttons{flex-wrap:wrap;gap:16px;margin-bottom:48px;display:flex}.cta-button{border:2px solid #0000;border-radius:50px;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.cta-button.primary{color:#fff;background:linear-gradient(135deg,#0245ae,#4a9eff) no-repeat border-box;box-shadow:0 4px 20px #0245ae4d}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0245ae66}.cta-button.secondary{color:#0245ae;background:0 0;border-color:#e1e8ed}.dark-mode .cta-button.secondary{color:#4a9eff;border-color:#2a3441}.cta-button.secondary:hover{background:#f8f9fc;border-color:#0245ae}.dark-mode .cta-button.secondary:hover{background:#1a1f2e;border-color:#4a9eff}.hero-features{flex-wrap:wrap;gap:28px;display:flex}.feature-badge{align-items:center;gap:10px;padding:12px 0;display:flex}.feature-illustration{flex:0 0 40px;width:40px;height:40px}.feature-badge span{color:#5a6c7d;font-size:14px}.dark-mode .feature-badge span{color:#9ca9b8}.feature-badge strong{color:#1a1f2e;font-weight:700}.dark-mode .feature-badge strong{color:#fff}.hero-image-wrapper{z-index:1;justify-content:flex-end;align-items:center;width:55%;height:100%;display:flex;position:absolute;top:50%;right:-5%;transform:translateY(-50%)}.hero-image-wrapper:before{content:"";z-index:0;background:linear-gradient(135deg,#0245ae14,#4a9eff0d);border-radius:40% 0 0 40%;width:600px;height:110%;position:absolute;top:-10%;right:-10%}.dark-mode .hero-image-wrapper:before{background:linear-gradient(135deg,#4a9eff1f,#0245ae14)}.hero-image-bg{z-index:0;background:radial-gradient(circle,#0245ae0f,#0000 70%);border-radius:50%;width:700px;height:700px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.dark-mode .hero-image-bg{background:radial-gradient(circle,#4a9eff1a,#0000 70%)}.hero-image{object-fit:cover;object-position:center;z-index:1;border-radius:40% 0 0 40%/30% 0 0 30%;width:auto;max-width:120%;height:85vh;max-height:800px;transition:transform .4s;position:relative;box-shadow:-20px 20px 80px #0000001f}.dark-mode .hero-image{box-shadow:-20px 20px 80px #00000080}.hero-image:hover{transform:scale(1.01)}@media (max-width:991px){.hero-section{min-height:auto;padding:120px 0 80px}.hero-content{text-align:center;margin-bottom:60px;padding-right:0}.hero-title{font-size:44px}.hero-text{margin-left:auto;margin-right:auto}.hero-buttons,.hero-features{justify-content:center}.hero-image-wrapper{width:100%;height:auto;padding:40px 0;position:relative;top:0;right:0;transform:none}.hero-image{border-radius:24px;max-width:90%;height:auto;max-height:600px;margin:0 auto}.hero-image-wrapper:before{display:none}}@media (max-width:767px){.hero-section{padding:100px 0 50px}.hero-title{font-size:36px}.hero-text{font-size:16px}.hero-badge{padding:8px 18px;font-size:12px}.cta-button{justify-content:center;width:100%;padding:14px 28px;font-size:15px}.hero-buttons{flex-direction:column;width:100%}.hero-features{flex-direction:column;align-items:center;gap:16px}.floating-card{padding:12px 16px}.floating-card i{font-size:20px}.card-title{font-size:16px}.card-subtitle{font-size:12px}.floating-card.card-3{display:none}}@media (max-width:575px){.hero-title{font-size:32px}.hero-text{font-size:15px}.hero-image-bg{width:350px;height:350px}.hero-image{max-height:400px}}.career-section{background:#fff;padding:120px 0;position:relative;overflow:hidden}.career-organic-shape{opacity:.15;z-index:0;border-radius:50% 40% 60% 50%;animation:20s ease-in-out infinite float-organic;position:absolute}.career-organic-shape.shape-green{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);width:350px;height:350px;animation-delay:0s;top:10%;left:5%}.career-organic-shape.shape-peach{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);width:280px;height:280px;animation-delay:3s;bottom:15%;right:8%}.career-organic-shape.shape-yellow{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);width:220px;height:220px;animation-delay:6s;top:50%;right:15%}@keyframes float-organic{0%,to{border-radius:50% 40% 60% 50%;transform:translate(0)rotate(0)}25%{border-radius:40% 60% 50% 40%;transform:translate(30px,-30px)rotate(5deg)}50%{border-radius:60% 50% 40% 60%;transform:translate(-20px,20px)rotate(-5deg)}75%{border-radius:50% 60% 40% 50%;transform:translate(20px,30px)rotate(3deg)}}.container{z-index:1;position:relative}.career-content{grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;display:grid}.career-image{border-radius:20px;position:relative;overflow:visible}.career-image img{border-radius:20px;width:100%;height:auto;display:block;box-shadow:0 20px 60px #0000001a}.career-text{padding:20px 0}.career-title{color:#2c3e50;margin-bottom:28px;font-size:48px;font-weight:700;line-height:1.2}.career-description{color:#5a6c7d;margin-bottom:36px;font-size:18px;line-height:1.8}.career-btn{color:#0245ae;background:0 0;border:2px solid #0245ae;border-radius:50px;padding:16px 40px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.career-btn:hover{color:#fff;background:#0245ae;transform:translateY(-2px);box-shadow:0 8px 20px #0245ae4d}@media (max-width:1200px){.career-content{gap:60px}.career-title{font-size:42px}}@media (max-width:992px){.career-section{padding:80px 0}.career-content{grid-template-columns:1fr;gap:50px}.career-title{font-size:38px}.career-description{font-size:17px}.career-image{max-width:500px;margin:0 auto}}@media (max-width:768px){.career-section{padding:60px 0}.career-title{margin-bottom:20px;font-size:32px}.career-description{margin-bottom:28px;font-size:16px}.career-btn{padding:14px 32px;font-size:15px}.career-organic-shape.shape-green{width:250px;height:250px}.career-organic-shape.shape-peach{width:200px;height:200px}.career-organic-shape.shape-yellow{width:150px;height:150px}}@media (max-width:480px){.career-section{padding:40px 0}.career-title{font-size:28px}.career-description{font-size:15px}}.benefits-section{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:100px 0;position:relative;overflow:hidden}.benefits-section:before{content:"";opacity:.15;pointer-events:none;background-image:-webkit-image-set(url(/assets/img/banner/teacher_home3.webp) 1x type("image/webp"),url(/assets/img/banner/teacher_home3.png) 1x type("image/png"));background-image:image-set("/assets/img/banner/teacher_home3.webp" 1x type("image/webp"),"/assets/img/banner/teacher_home3.png" 1x type("image/png"));background-position:50%;background-repeat:no-repeat;background-size:120%;width:50%;position:absolute;top:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 100%);mask-image:linear-gradient(90deg,#000 0%,#0000 100%)}.benefits-bg-shape{opacity:.5;z-index:0;border-radius:50%;position:absolute}.benefits-bg-shape.shape-1{background:linear-gradient(135deg,#3b82f61a 0%,#93c5fd1a 100%);width:400px;height:400px;top:-100px;right:-100px}.benefits-bg-shape.shape-2{background:linear-gradient(135deg,#2563eb1a 0%,#60a5fa1a 100%);width:300px;height:300px;bottom:-50px;left:-50px}.benefits-section .container{z-index:1;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.benefits-header{text-align:center;margin-bottom:60px}.benefits-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:30px;margin-bottom:20px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-block}.benefits-title{color:#1e293b;margin-bottom:16px;font-size:42px;font-weight:700;line-height:1.2}.benefits-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.benefit-card{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:20px;padding:40px 30px;transition:all .3s;box-shadow:0 4px 20px #0000000d}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001a}.benefit-icon{justify-content:center;align-items:center;width:124px;height:124px;margin:0 auto 24px;transition:transform .3s;display:flex}.benefit-card:hover .benefit-icon{transform:translateY(-3px)scale(1.04)}.benefit-title{color:#1e293b;margin-bottom:12px;font-size:22px;font-weight:700}.benefit-description{color:#64748b;margin:0;font-size:15px;line-height:1.7}@media (max-width:1024px){.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefits-title{font-size:36px}}@media (max-width:768px){.benefits-section{padding:70px 0}.benefits-header{margin-bottom:40px}.benefits-title{font-size:30px}.benefits-subtitle{font-size:16px}.benefits-grid{grid-template-columns:1fr;gap:20px}.benefit-card{padding:30px 24px}.benefit-icon{width:108px;height:108px}.benefit-title{font-size:20px}}.dark-mode .benefits-section{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}.dark-mode .benefits-section:before{opacity:.08}.dark-mode .benefit-card{background:#334155;border-color:#ffffff1a}.dark-mode .benefits-title,.dark-mode .benefit-title{color:#f1f5f9}.dark-mode .benefits-subtitle,.dark-mode .benefit-description{color:#94a3b8}.how-it-works-section{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);padding:100px 0 120px;position:relative;overflow:hidden}.how-it-works-section:before{content:"";opacity:.2;pointer-events:none;background-image:-webkit-image-set(url(/assets/img/banner/teacher_home2.webp) 1x type("image/webp"),url(/assets/img/banner/teacher_home2.png) 1x type("image/png"));background-image:image-set("/assets/img/banner/teacher_home2.webp" 1x type("image/webp"),"/assets/img/banner/teacher_home2.png" 1x type("image/png"));background-position:50%;background-repeat:no-repeat;background-size:120%;width:50%;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 0%,#0000 100%);mask-image:linear-gradient(270deg,#000 0%,#0000 100%)}.how-it-works-bg-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shape{filter:blur(60px);opacity:.4;border-radius:50%;position:absolute}.shape-1{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);width:400px;height:400px;top:-100px;left:-100px}.shape-2{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);width:300px;height:300px;top:50%;right:-50px}.shape-3{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);width:250px;height:250px;bottom:-50px;left:30%}.how-it-works-section .container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.how-it-works-header{text-align:center;margin-bottom:70px}.how-it-works-badge{color:#3b82f6;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,#3b82f626 0%,#2563eb26 100%);border:1px solid #3b82f64d;border-radius:50px;margin-bottom:20px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-block}.how-it-works-title{color:#0f172a;letter-spacing:-1px;margin:0 0 16px;font-size:48px;font-weight:800}.how-it-works-subtitle{color:#64748b;max-width:500px;margin:0 auto;font-size:18px;line-height:1.7}.steps-timeline{grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:60px;display:grid;position:relative}.timeline-connector{z-index:0;background:linear-gradient(90deg,#3b82f6,#60a5fa,#2563eb,#3b82f6);border-radius:3px;height:3px;position:absolute;top:100px;left:12%;right:12%}.timeline-connector:before{content:"";background:inherit;filter:blur(8px);opacity:.5;position:absolute;inset:-3px 0}.step-card{z-index:1;position:relative}.step-card-inner{-webkit-backdrop-filter:blur(20px);text-align:center;background:#fffc;border:1px solid #ffffffe6;border-radius:24px;padding:35px 25px 30px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a,0 8px 40px #3b82f614}.step-card-inner:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000014,0 20px 60px #3b82f626}.step-glow{opacity:0;height:4px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.step-card-inner:hover .step-glow{opacity:1}.step-number{color:#fff;z-index:2;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 24px;font-size:16px;font-weight:800;display:flex;position:relative;box-shadow:0 4px 15px #00000026}.step-icon-box{justify-content:center;align-items:center;width:112px;height:112px;margin:0 auto 24px;transition:transform .3s;display:flex;position:relative}.step-card-inner:hover .step-icon-box{transform:translateY(-3px)scale(1.04)}.step-title{color:#0f172a;margin:0 0 12px;font-size:22px;font-weight:700}.step-description{color:#64748b;margin:0;font-size:15px;line-height:1.65}.step-connector-dot{display:none}.how-it-works-cta{text-align:center}.how-it-works-btn{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:14px;align-items:center;gap:12px;padding:18px 40px;font-size:17px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f64d,0 8px 30px #3b82f633}.how-it-works-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.how-it-works-btn:hover:before{left:100%}.how-it-works-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #3b82f666,0 15px 45px #3b82f640}.how-it-works-btn i{transition:transform .3s}.how-it-works-btn:hover i{transform:translate(4px)}.cta-note{color:#94a3b8;margin-top:16px;font-size:14px}@media (max-width:1024px){.steps-timeline{grid-template-columns:repeat(2,1fr);gap:24px}.timeline-connector{display:none}.how-it-works-title{font-size:40px}}@media (max-width:640px){.how-it-works-section{padding:70px 0 80px}.how-it-works-header{margin-bottom:50px}.how-it-works-title{font-size:32px}.how-it-works-subtitle{font-size:16px}.steps-timeline{grid-template-columns:1fr;gap:20px}.step-card-inner{padding:30px 20px 25px}.step-icon-box{width:104px;height:104px}.shape-1{width:250px;height:250px}.shape-2{width:200px;height:200px}.shape-3{width:150px;height:150px}}.dark-mode .how-it-works-section{background:linear-gradient(#0f172a 0%,#1e1b4b 100%)}.dark-mode .how-it-works-section:before{opacity:.05}.dark-mode .shape{opacity:.2}.dark-mode .how-it-works-badge{background:linear-gradient(135deg,#3b82f633 0%,#2563eb33 100%);border-color:#3b82f666}.dark-mode .how-it-works-title{color:#f1f5f9}.dark-mode .how-it-works-subtitle{color:#94a3b8}.dark-mode .step-card-inner{background:#1e293bb3;border-color:#33415580}.dark-mode .step-title{color:#f1f5f9}.dark-mode .step-description{color:#94a3b8}.dark-mode .cta-note{color:#64748b}.cta-section{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);padding:100px 0;position:relative;overflow:hidden}.cta-organic-shape{opacity:.1;z-index:0;border-radius:50% 40% 60% 50%;animation:20s ease-in-out infinite float-organic;position:absolute}.cta-organic-shape.shape-blue-1{background:#fff3;width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.cta-organic-shape.shape-blue-2{background:#ffffff26;width:300px;height:300px;animation-delay:4s;bottom:-80px;right:-80px}.cta-content{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.cta-title{color:#fff;margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.2}.cta-description{color:#fffffff2;margin-bottom:40px;font-size:20px;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.home-cta-btn{border-radius:50px;padding:18px 48px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.home-cta-btn.primary{color:#0245ae;background:#fff;border:2px solid #fff}.home-cta-btn.primary:hover{color:#0245ae;background:#ffffffe6;transform:translateY(-2px);box-shadow:0 8px 20px #ffffff4d}.home-cta-btn.secondary{color:#fff;background:0 0;border:2px solid #fff}.home-cta-btn.secondary:hover{color:#0245ae;background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0003}@media (max-width:768px){.cta-section{padding:80px 0}.cta-title{margin-bottom:16px;font-size:36px}.cta-description{margin-bottom:32px;font-size:18px}.cta-buttons{flex-direction:column;align-items:center}.home-cta-btn{width:100%;max-width:300px}}@media (max-width:480px){.cta-section{padding:60px 0}.cta-title{font-size:28px}.cta-description{font-size:16px}.home-cta-btn{padding:16px 36px;font-size:15px}}main,.dark-mode main{background-color:#0000}.banner-bg+section,section+section{margin-top:0!important}.dashboard-header{z-index:10;justify-content:space-between;align-items:center;height:80px;margin-bottom:0;padding:0 24px;transition:all .3s;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.dashboard-header.light{color:var(--fxv-text);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f8fafc;border-bottom:1px solid #cbd5e1b8}.dashboard-header.dark{color:var(--fxv-text);border-bottom:1px solid var(--fxv-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1af5;box-shadow:0 6px 18px #0000002e}.header-left{align-items:center;gap:16px;display:flex}.philippine-clock{background:linear-gradient(#fff 0%,#f1f5f9 100%);border:1px solid #94a3b852;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;display:flex;box-shadow:0 8px 18px #1e293b0f}.philippine-clock>i{color:#0245ae;font-size:18px}.clock-content{flex-direction:column;gap:2px;display:flex}.clock-time{color:#1e293b;letter-spacing:.5px;font-family:SF Mono,Roboto Mono,monospace;font-size:16px;font-weight:700}.clock-date{color:#64748b;font-size:11px;font-weight:500}.clock-timezone{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:4px;padding:3px 6px;font-size:10px;font-weight:600}.dashboard-header-actions{align-items:center;gap:12px;display:flex}.inbox-btn{color:#64748b;cursor:pointer;background:linear-gradient(#fff 0%,#f1f5f9 100%);border:1px solid #94a3b852;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;text-decoration:none;transition:all .3s;display:flex;position:relative}.inbox-btn:hover{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0000;transform:scale(1.02);box-shadow:0 0 15px #0245ae66}.inbox-badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#f97316 100%);border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 6px #ef444466}.notification-btn{color:#64748b;cursor:pointer;background:linear-gradient(#fff 0%,#f1f5f9 100%);border:1px solid #94a3b852;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .3s;display:flex;position:relative}.notification-btn:hover{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0000;transform:scale(1.02);box-shadow:0 0 15px #0245ae66}.notification-btn.active{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0000;transform:scale(1.05);box-shadow:0 0 20px #0245ae99,0 0 40px #4a9eff66}.notification-btn.active i{text-shadow:0 0 10px #fffc}.notification-badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#f97316 100%);border-radius:9px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 6px #ef444466}.dashboard-notification-container{position:relative}.notifications-dropdown{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;width:360px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.dashboard-header.dark .dashboard-page-title,.dashboard-header.dark .clock-time,.dashboard-header.dark .notifications-header h4,.dashboard-header.dark .notification-title,.dashboard-header.dark .view-all-notifications{color:var(--fxv-text)}.dashboard-header.dark .philippine-clock,.dashboard-header.dark .inbox-btn,.dashboard-header.dark .notification-btn{color:var(--fxv-text-muted);background:linear-gradient(135deg,#1f1f1f 0%,#272727 100%);border-color:#ffffff14}.dashboard-header.dark .clock-date,.dashboard-header.dark .notification-message,.dashboard-header.dark .notification-time,.dashboard-header.dark .mark-all-read{color:var(--fxv-text-muted)}.dashboard-header.dark .notifications-dropdown{border-color:var(--fxv-border);background:#1e1e1e;box-shadow:0 10px 28px #00000042}.dashboard-header.dark .notifications-header{border-bottom-color:var(--fxv-border);background:linear-gradient(135deg,#232323 0%,#2b2b2b 100%)}.dashboard-header.dark .notification-item{border-bottom-color:#94a3b81a}.dashboard-header.dark .notification-item:hover{background-color:#7cb8ff14}.dashboard-header.dark .notification-empty,.dashboard-header.dark .notification-loading,.dashboard-header.dark .notifications-footer{color:var(--fxv-text-muted);background:0 0;border-top-color:#94a3b81f}.notifications-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notifications-header h4{color:#1e293b;margin:0;font-size:16px;font-weight:600}.mark-all-read{color:#0245ae;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500;transition:color .2s}.mark-all-read:hover{color:#4a9eff}.notifications-list{background:inherit;scrollbar-color:#94a3b8 transparent;scrollbar-width:thin;max-height:360px;overflow-y:auto}.notifications-list::-webkit-scrollbar{width:8px}.notifications-list::-webkit-scrollbar-track{background:0 0}.notifications-list::-webkit-scrollbar-thumb{background:linear-gradient(#cbd5e1 0%,#94a3b8 100%) padding-box padding-box;border:2px solid #0000;border-radius:999px}.notifications-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#94a3b8 0%,#64748b 100%) padding-box padding-box;border:2px solid #0000}.dashboard-header.dark .notifications-list{scrollbar-color:#5a5a5a transparent}.dashboard-header.dark .notifications-list::-webkit-scrollbar-thumb{background:linear-gradient(#5a5a5a 0%,#3f3f3f 100%) padding-box padding-box;border:2px solid #0000}.dashboard-header.dark .notifications-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6a6a6a 0%,#4a4a4a 100%) padding-box padding-box;border:2px solid #0000}.notification-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;min-height:92px;padding:16px 20px;transition:background-color .2s;display:flex}.notifications-list .notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f8fafc}.notification-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notification-icon.green{color:#6dbe45;background-color:#6dbe4526}.notification-icon.blue{color:#0245ae;background-color:#0245ae1a}.notification-icon.orange{color:#ed8936;background-color:#ed893626}.notification-icon.type-booking_new{color:#10b981!important;background-color:#10b98126!important}.notification-icon.type-booking_cancelled{color:#ef4444!important;background-color:#ef444426!important}.notification-icon.type-session_reminder,.notification-icon.type-interview_reminder,.notification-icon.type-review_received{color:#f59e0b!important;background-color:#f59e0b26!important}.notification-icon.type-session_started,.notification-icon.type-interview_scheduled,.notification-icon.type-message{color:#3b82f6!important;background-color:#3b82f626!important}.notification-icon.type-payment_received{color:#10b981!important;background-color:#10b98126!important}.notification-content{flex:1;min-width:0}.notification-content p{color:#1e293b;margin:0 0 4px;font-size:14px;line-height:1.4}.notification-content .notification-title{color:#1e293b;margin-bottom:2px;font-size:14px;font-weight:600}.notification-content .notification-message{color:#64748b;margin-bottom:4px;font-size:13px;font-weight:400}.notification-time{color:#94a3b8;font-size:12px}.notification-item.unread{background-color:#0245ae08}.notification-unread-dot{background-color:#0245ae;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:9px}.notification-status-actions{flex-shrink:0;justify-content:flex-end;align-items:flex-start;gap:8px;width:66px;min-width:66px;padding-top:1px;display:flex}.notification-mark-read{color:#0245ae;cursor:pointer;white-space:nowrap;background:#0245ae0f;border:1px solid #0245ae2e;border-radius:6px;width:48px;min-height:26px;padding:0 8px;font-size:11px;font-weight:700;line-height:1}.notification-mark-read:hover{background:#0245ae1f}.dashboard-header.dark .notification-mark-read{color:#93c5fd;background:#4a9eff1a;border-color:#4a9eff47}.dashboard-header.dark .notification-mark-read:hover{background:#4a9eff29}.notification-empty,.notification-loading{text-align:center;color:#64748b;padding:40px 20px}.notification-empty i,.notification-loading i{opacity:.5;color:#94a3b8;margin-bottom:12px;font-size:32px}.notification-empty p,.notification-loading p{color:#1e293b;margin:0 0 4px;font-size:14px}.notification-empty span{color:#94a3b8;font-size:12px}.notifications-footer{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-top:1px solid #e2e8f0;padding:12px 16px}.view-all-notifications{color:#0245ae;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.view-all-notifications:hover{color:#4a9eff;background-color:#0245ae14}.dashboard-header *{transition:background-color .3s,color .3s,border-color .3s}@media (max-width:991px){.dashboard-header{top:60px}}@media (max-width:768px){.dashboard-header{padding:0 16px}.philippine-clock{padding:8px 12px}.clock-time{font-size:14px}.clock-date{font-size:10px}.notifications-dropdown{width:300px;right:-20px}.dashboard-logo .logo{height:32px}}@media (max-width:480px){.dashboard-header{gap:8px;padding:0 12px}.dashboard-header-actions{flex-shrink:0;gap:6px}.dashboard-header .fxv-theme-switch--sm .fxv-theme-switch__option{width:30px;min-width:30px;height:30px;min-height:30px;padding:0}.philippine-clock{gap:4px;padding:6px}.philippine-clock>i{display:none}.clock-time{white-space:nowrap;font-size:11px}.clock-timezone{padding:2px 5px;font-size:9px}.inbox-btn,.notification-btn{width:36px;height:36px;font-size:16px}.notifications-dropdown{width:280px;right:-40px}}@media (max-width:360px){.dashboard-header .clock-timezone{display:none}}.settings-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.settings-modal{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:20px;width:95%;max-width:560px;padding:2rem 2.5rem;animation:.3s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.dark-mode .settings-modal{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);box-shadow:0 20px 60px #000c}.settings-modal-close{color:#888;cursor:pointer;z-index:10;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.settings-modal-close:hover{color:#333;background:#0000001a;transform:rotate(90deg)}.dark-mode .settings-modal-close{color:#ccc;background:#ffffff1a}.dark-mode .settings-modal-close:hover{color:#fff;background:#fff3}.settings-modal-back{color:#64748b;cursor:pointer;z-index:10;background:#0000000d;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:1rem;left:1rem}.settings-modal-back:hover{color:#0245ae;background:#0245ae1a;transform:translate(-2px)}.dark-mode .settings-modal-back{color:#94a3b8;background:#ffffff1a}.dark-mode .settings-modal-back:hover{color:#4a9eff;background:#4a9eff33}.settings-profile{text-align:center;border-bottom:2px solid #0245ae1a;margin-bottom:1.5rem;padding:1rem 0 1.5rem}.dark-mode .settings-profile{border-bottom-color:#4a9eff33}.settings-avatar{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0245ae33}.dark-mode .settings-avatar{border-color:#2d2d2d;box-shadow:0 8px 24px #4a9eff4d}.settings-avatar img{object-fit:cover;width:100%;height:100%}.avatar-overlay{opacity:0;background:linear-gradient(#0000,#00000026 40%,#0000008c);flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:6px;transition:opacity .25s;display:flex;position:absolute;inset:0}.settings-avatar:hover .avatar-overlay{opacity:1}.dark-mode .avatar-overlay{background:linear-gradient(#0000,#00000040 40%,#000000a6)}.dark-mode .avatar-btn{color:#e2e8f0;background:#0009}.dark-mode .avatar-btn.secondary{background:#00000073}.settings-name{color:#0245ae;letter-spacing:.5px;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.dark-mode .settings-name{background:linear-gradient(135deg,#4a9eff 0%,#0245ae 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.settings-tutor-id{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:20px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #0245ae4d}.settings-label{opacity:.9;letter-spacing:1px;font-size:.75rem}.settings-value{letter-spacing:1px;font-weight:700}.settings-email{color:#64748b;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.95rem;display:flex}.settings-email i{font-size:1rem}.dark-mode .settings-email{color:#94a3b8}.settings-actions{flex-direction:column;gap:.75rem;display:flex}.settings-wallet{color:#14532d;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;padding:.55rem .9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;display:flex;position:relative;overflow:hidden}.dark-mode .settings-wallet{color:#d1fae5;background:#14532d59;border-color:#34d399}.settings-wallet-label{letter-spacing:.5px;color:#065f46;font-weight:600}.dark-mode .settings-wallet-label{color:#6ee7b7}.settings-wallet-value{-webkit-user-select:text;user-select:text}.settings-copy-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;padding:.4rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;box-shadow:0 4px 10px #10b98159}.settings-copy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #10b98173}.settings-copy-btn:active{transform:translateY(0)}.dark-mode .settings-copy-btn{box-shadow:0 4px 10px #10b9818c}@keyframes copiedPulse{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes copiedFlash{0%{filter:brightness()}50%{filter:brightness(1.25)}to{filter:brightness()}}.settings-copy-btn.copied{pointer-events:none;background:linear-gradient(135deg,#059669 0%,#047857 100%);animation:.6s copiedPulse,1.2s copiedFlash;box-shadow:0 6px 16px #0596698c}.settings-copy-btn.copied i{margin-right:4px}.settings-action-btn{cursor:pointer;color:#334155;text-align:left;background:#fff;border:2px solid #0245ae1a;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.dark-mode .settings-action-btn{color:#e2e8f0;background:#ffffff0d;border-color:#4a9eff33}.settings-action-btn:hover{border-color:#0245ae;transform:translateY(-2px);box-shadow:0 8px 16px #0245ae26}.dark-mode .settings-action-btn:hover{border-color:#4a9eff;box-shadow:0 8px 16px #4a9eff4d}.settings-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.settings-action-icon svg{width:20px;height:20px;display:block}.update-email{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b98166}.settings-action-btn:hover .update-email{transform:scale(1.05);box-shadow:0 6px 16px #10b98180}.update-password{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 12px #f59e0b66}.settings-action-btn:hover .update-password{transform:scale(1.05);box-shadow:0 6px 16px #f59e0b80}.update-info{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 12px #3b82f666}.settings-action-btn:hover .update-info{transform:scale(1.05);box-shadow:0 6px 16px #3b82f680}.logout-icon{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef444466}.settings-action-btn:hover .logout-icon{transform:scale(1.05);box-shadow:0 6px 16px #ef444480}.settings-action-btn.logout-btn:hover{border-color:#dc2626!important;box-shadow:0 8px 16px #dc262640!important}.dark-mode .settings-action-btn.logout-btn:hover{border-color:#ef4444!important;box-shadow:0 8px 16px #ef444459!important}@media (max-width:480px){.settings-modal{max-width:340px;padding:1.5rem}.settings-avatar{width:100px;height:100px}.settings-name{font-size:1.25rem}.settings-action-btn{padding:.85rem 1rem;font-size:.9rem}.settings-action-icon{width:36px;height:36px}.settings-action-icon i{font-size:1.1rem}}.settings-subview{padding-top:2.5rem}.settings-subview-header{text-align:center;margin-bottom:1.5rem}.settings-subview-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.settings-subview-icon svg{width:28px;height:28px}.settings-subview-title{color:#1e293b;margin:0 0 .5rem;font-size:1.35rem;font-weight:700}.dark-mode .settings-subview-title{color:#f1f5f9}.settings-subview-subtitle{color:#64748b;margin:0;font-size:.9rem}.dark-mode .settings-subview-subtitle{color:#94a3b8}.settings-current-value{background:#0245ae0d;border:1px solid #0245ae1a;border-radius:10px;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.dark-mode .settings-current-value{background:#4a9eff14;border-color:#4a9eff26}.settings-current-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-size:.7rem;font-weight:600}.dark-mode .settings-current-label{color:#94a3b8}.settings-current-text{color:#0245ae;font-size:.95rem;font-weight:500}.dark-mode .settings-current-text{color:#4a9eff}.settings-form{flex-direction:column;gap:1.25rem;display:flex}.settings-form-group{flex-direction:column;gap:.5rem;display:flex}.settings-form-label{color:#334155;font-size:.85rem;font-weight:600}.dark-mode .settings-form-label{color:#cbd5e1}.settings-input-wrapper{align-items:center;display:flex;position:relative}.settings-form-input{color:#1e293b;background:#fff;border:2px solid #0245ae26;border-radius:10px;width:100%;padding:.75rem 2.75rem .75rem 1rem;font-size:.95rem;transition:all .2s}.settings-form-input:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.settings-form-input::placeholder{color:#94a3b8}.settings-form-input-no-toggle{padding-right:1rem}.dark-mode .settings-form-input{color:#f1f5f9;background:#ffffff0d;border-color:#4a9eff33}.dark-mode .settings-form-input:focus{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff26}.dark-mode .settings-form-input::placeholder{color:#64748b}.settings-input-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex;position:absolute;right:.75rem}.settings-input-toggle:hover{color:#0245ae}.dark-mode .settings-input-toggle:hover{color:#4a9eff}.settings-form-hint{color:#94a3b8;font-size:.75rem}.dark-mode .settings-form-hint{color:#64748b}.settings-form-error{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;display:flex}.dark-mode .settings-form-error{color:#f87171;background:#ef444426;border-color:#ef444466}.settings-form-success{color:#059669;background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;display:flex}.dark-mode .settings-form-success{color:#34d399;background:#10b98126;border-color:#10b98166}.settings-form-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.9rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #0245ae4d}.settings-form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0245ae66}.settings-form-submit:active:not(:disabled){transform:translateY(0)}.settings-form-submit:disabled{opacity:.7;cursor:not-allowed}.settings-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-subview-scrollable{max-height:70vh;margin-top:1rem;margin-right:-.5rem;padding-right:.5rem;overflow-y:auto}.settings-subview-scrollable::-webkit-scrollbar{width:6px}.settings-subview-scrollable::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.settings-subview-scrollable::-webkit-scrollbar-thumb{background:#0245ae4d;border-radius:3px}.settings-subview-scrollable::-webkit-scrollbar-thumb:hover{background:#0245ae80}.dark-mode .settings-subview-scrollable::-webkit-scrollbar-track{background:#ffffff0d}.dark-mode .settings-subview-scrollable::-webkit-scrollbar-thumb{background:#4a9eff4d}.dark-mode .settings-subview-scrollable::-webkit-scrollbar-thumb:hover{background:#4a9eff80}.settings-form-section{border-bottom:1px solid #0245ae1a;padding:1.25rem 0}.settings-form-section:first-of-type{padding-top:0}.settings-form-section:last-of-type{border-bottom:none;padding-bottom:0}.dark-mode .settings-form-section{border-bottom-color:#4a9eff26}.settings-form-section-title{color:#0245ae;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin:0 0 1.25rem;font-size:.9rem;font-weight:700}.dark-mode .settings-form-section-title{color:#4a9eff}.settings-form-row{gap:1rem;margin-top:.25rem;display:flex}.settings-form-group-half{flex:1;min-width:0}.settings-form-select{color:#1e293b;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 1rem center no-repeat;border:2px solid #0245ae26;border-radius:10px;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.95rem;transition:all .2s}.settings-form-select:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.dark-mode .settings-form-select{color:#f1f5f9;background-color:#ffffff0d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");border-color:#4a9eff33}.dark-mode .settings-form-select:focus{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff26}.dark-mode .settings-form-select option{color:#f1f5f9;background:#1a1a1a}.settings-form-textarea{color:#1e293b;resize:vertical;background:#fff;border:2px solid #0245ae26;border-radius:10px;width:100%;min-height:80px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.settings-form-textarea:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.settings-form-textarea::placeholder{color:#94a3b8}.dark-mode .settings-form-textarea{color:#f1f5f9;background:#ffffff0d;border-color:#4a9eff33}.dark-mode .settings-form-textarea:focus{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff26}.dark-mode .settings-form-textarea::placeholder{color:#64748b}.settings-form-checkbox{cursor:pointer;color:#64748b;align-items:flex-start;gap:.6rem;margin-top:.5rem;font-size:.85rem;display:flex}.settings-form-checkbox input[type=checkbox]{accent-color:#0245ae;cursor:pointer;width:16px;height:16px;margin-top:2px}.dark-mode .settings-form-checkbox{color:#94a3b8}.dark-mode .settings-form-checkbox input[type=checkbox]{accent-color:#4a9eff}.settings-checkbox-group{background:#0245ae08;border:1px solid #0245ae14;border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.dark-mode .settings-checkbox-group{background:#4a9eff0d;border-color:#4a9eff1a}.settings-checkbox-item{cursor:pointer;color:#334155;align-items:center;gap:.75rem;padding:.4rem 0;font-size:.9rem;display:flex}.settings-checkbox-item input[type=checkbox]{accent-color:#0245ae;cursor:pointer;width:16px;height:16px}.dark-mode .settings-checkbox-item{color:#e2e8f0}.dark-mode .settings-checkbox-item input[type=checkbox]{accent-color:#4a9eff}.school-dropdown-container{position:relative}.school-dropdown-trigger{cursor:pointer;color:#333;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s;display:flex}.school-dropdown-trigger:hover{border-color:#0245ae}.school-dropdown-trigger .placeholder{color:#9ca3af}.school-dropdown-trigger .dropdown-arrow{color:#666;font-size:12px;transition:transform .2s}.school-dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.dark-mode .school-dropdown-trigger{color:#e0e0e0;background:#2d2d2d;border-color:#404040}.dark-mode .school-dropdown-trigger .placeholder{color:#888}.school-dropdown-panel{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.dark-mode .school-dropdown-panel{background:#2d2d2d;border-color:#404040}.school-dropdown-search{background:#f8f9fa;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:10px 14px;display:flex}.dark-mode .school-dropdown-search{background:#1a1a1a;border-bottom-color:#404040}.school-dropdown-search i{color:#888;font-size:14px}.school-dropdown-search input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:14px}.dark-mode .school-dropdown-search input{color:#e0e0e0}.school-dropdown-search input::placeholder{color:#9ca3af}.school-dropdown-list{max-height:200px;overflow-y:auto}.school-dropdown-item{cursor:pointer;color:#333;border-bottom:1px solid #f0f0f0;padding:10px 14px;font-size:14px;transition:background .15s}.dark-mode .school-dropdown-item{color:#e0e0e0;border-bottom-color:#404040}.school-dropdown-item:last-child{border-bottom:none}.school-dropdown-item:hover{background:#f0f4ff}.dark-mode .school-dropdown-item:hover{background:#3a3a3a}.school-dropdown-item.selected{color:#0245ae;background:#e8f0fe;font-weight:500}.dark-mode .school-dropdown-item.selected{color:#4a9eff;background:#1a3a5c}.school-dropdown-empty{text-align:center;color:#888;padding:12px 14px;font-size:14px}.school-dropdown-backdrop{z-index:99;position:fixed;inset:0}@media (max-width:480px){.settings-form-row{flex-direction:column;gap:1rem}.settings-subview-scrollable{max-height:65vh}}.settings-form-row{margin-bottom:1rem}.settings-form-section .settings-form-group+.settings-form-group{margin-top:.75rem}.settings-form-row+.settings-form-group .settings-form-label{margin-top:.25rem}.settings-form-row{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1rem}.settings-input-wrapper{width:100%}.settings-form-input,.settings-form-select{box-sizing:border-box;height:50px;line-height:1.2}.settings-form-textarea{box-sizing:border-box}.settings-form-label{margin:0 0 6px;line-height:1.2}.settings-form-input,.settings-form-select{padding-top:.55rem;padding-bottom:.55rem}.settings-form-select{appearance:none}.settings-form-group-half .settings-input-wrapper{display:block}.settings-form-group-half{width:100%}.main-content{background:#f8fafc}.home-page-container{background:#f8fafc;min-height:100vh;padding:40px 0}.certification-alert{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fca5a5;border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.certification-alert-icon{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.certification-alert-icon i{color:#fff;font-size:18px}.certification-alert-content{flex-direction:column;flex:1;gap:2px;display:flex}.certification-alert-content strong{color:#991b1b;font-size:14px;font-weight:700}.certification-alert-content span{color:#b91c1c;font-size:13px}.certification-alert-close{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.certification-alert-close:hover{background:#ef44441a}.notification-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0245ae1a;border-radius:16px;align-items:center;gap:20px;margin-bottom:36px;padding:20px 28px;display:flex;box-shadow:0 4px 20px #0245ae1a}.notification-icon{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 12px #0245ae4d}.notification-icon i{color:#fff;font-size:24px}.notification-content{flex:1}.notification-title{color:#0245ae;letter-spacing:.5px;margin-bottom:6px;font-size:15px;font-weight:700}.notification-text{color:#475569;font-size:14px;line-height:1.5}.notification-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0245ae4d}.page-title-row{align-items:center;gap:16px;margin-bottom:12px;display:flex}.page-title-icon{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #0245ae4d}.page-title-icon i{color:#fff;font-size:22px}.page-title-gradient{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:800}.main-status-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0245ae14;border-radius:24px;margin-bottom:36px;padding:40px;box-shadow:0 8px 32px #0245ae1f}.progress-steps{justify-content:space-between;margin-bottom:56px;display:flex;position:relative}.progress-line{z-index:0;background:#0245ae1a;border-radius:999px;height:4px;position:absolute;top:28px;left:12%;right:12%;overflow:hidden}.progress-line-fill{border-radius:inherit;background:linear-gradient(90deg,#0245ae 0%,#4a9eff 100%);height:100%;transition:width .5s;box-shadow:0 2px 8px #0245ae4d}.progress-step{text-align:center;z-index:1;flex:1;position:relative}.progress-step-number{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:20px;font-weight:800;transition:all .3s;display:inline-flex}.progress-step-number.is-active{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);box-shadow:0 4px 16px #0245ae66}.progress-step-number.is-inactive{color:#fff;box-shadow:none;background:#e2e8f0}.progress-step-copy.is-active .progress-step-label{color:#0245ae}.progress-step-copy.is-inactive .progress-step-label{color:#94a3b8}.progress-step-label{letter-spacing:.5px;font-size:13px;font-weight:700}.status-description{color:#475569;text-align:center;margin-bottom:40px;font-size:15px;font-weight:500;line-height:1.6}.assessment-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fafc99;border:1px solid #0245ae14;border-radius:20px;margin-bottom:28px;padding:32px}.section-title{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);-webkit-text-fill-color:transparent;text-align:center;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin-bottom:28px;font-size:18px;font-weight:800}.test-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #0245ae14;border-radius:16px;align-items:center;gap:24px;margin-bottom:20px;padding:24px;display:flex;box-shadow:0 4px 16px #0245ae14}.test-icon{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 6px 20px #0245ae4d}.test-content{flex:1}.test-content h4{color:#0f172a;margin:0 0 10px;font-size:19px;font-weight:800}.test-content p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.test-content p a{color:#0245ae;font-weight:600}.test-content .secondary-text{color:#94a3b8;margin-top:10px;font-size:13px}.test-content .secondary-text a{color:#0245ae;font-weight:700}.test-status{letter-spacing:.5px;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:flex}.test-status.done{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.exam-code{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fbbf24;border-radius:12px;margin-top:14px;padding:12px 18px;font-size:13px;font-weight:600}.exam-code strong{color:#78350f;font-weight:800}.take-test-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:14px;margin:0 auto;padding:16px 40px;font-size:15px;font-weight:800;transition:transform .2s;display:block;box-shadow:0 6px 20px #0245ae66}.test-action-btn{color:#fff;cursor:pointer;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #10b9814d}.test-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.test-action-btn.secondary{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);box-shadow:0 4px 16px #0245ae4d}.test-action-btn.secondary:hover{box-shadow:0 6px 20px #0245ae66}.test-action-btn:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#e5e7eb}.test-action-btn:disabled:hover{transform:none}.test-action-btn i{font-size:12px}.test-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.test-header h4{color:#0f172a;margin:0;font-size:19px;font-weight:800}.test-status-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.test-status-badge.passed{color:#166534;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1px solid #86efac}.test-status-badge.failed{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5}.test-status-badge.pending{color:#64748b;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:1px solid #cbd5e1}.attempts-info{align-items:center;gap:6px;display:flex;color:#94a3b8!important;margin-top:10px!important;font-size:12px!important}.attempts-info i{color:#0245ae}.test-complete-badge{color:#166534;letter-spacing:.5px;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1px solid #86efac;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;display:flex}.test-complete-badge i{font-size:16px}.test-processing-badge{color:#92400e;letter-spacing:.5px;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;animation:2s ease-in-out infinite pulse-processing;display:flex}.test-processing-badge i{font-size:16px}@keyframes pulse-processing{0%,to{opacity:1}50%{opacity:.7}}.test-card.passed{background:linear-gradient(135deg,#dcfce74d 0%,#bbf7d01a 100%);border-color:#86efac}.test-card.failed{background:linear-gradient(135deg,#fee2e24d 0%,#fecaca1a 100%);border-color:#fca5a5}.test-card.processing{background:linear-gradient(135deg,#fef3c74d 0%,#fde68a1a 100%);border-color:#fcd34d}.test-status-badge.processing{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#fcd34d}.action-btn{cursor:pointer;letter-spacing:.5px;color:#fff;white-space:nowrap;border:none;border-radius:12px;margin-top:12px;padding:12px 24px;font-size:13px;font-weight:700;transition:transform .2s;display:inline-block;width:auto!important;height:auto!important}.action-btn.blue{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);box-shadow:0 4px 12px #0245ae4d}.action-btn.green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}@media screen and (max-width:991px){.main-content{margin-left:0!important;padding-left:0!important}.home-page-container{padding-top:80px!important}}@media screen and (max-width:768px){.home-page-container{padding:100px 0 30px}.home-page-container .container{padding:0 16px}.notification-banner{text-align:center;flex-direction:column;gap:16px;padding:20px}.notification-icon{width:48px;height:48px}.notification-icon i{font-size:20px}.notification-btn{justify-content:center;width:100%}.page-title-row{text-align:center;flex-direction:column;gap:12px}.page-title-gradient{font-size:24px}.main-status-card{border-radius:16px;padding:24px 16px}.progress-steps{flex-direction:column;gap:20px;margin-bottom:32px}.progress-step{text-align:left;align-items:center;gap:16px;display:flex}.progress-step-number{flex-shrink:0;width:48px;height:48px;margin-bottom:0;font-size:18px}.progress-step-label{font-size:14px}.progress-line{display:none!important}.assessment-section{border-radius:16px;padding:20px}.section-title{margin-bottom:20px;font-size:16px}.test-card{text-align:center;flex-direction:column;gap:16px;padding:20px}.test-icon{width:60px;height:60px}.test-icon i{font-size:26px}.test-content h4{font-size:17px}.test-status{justify-content:center;width:100%}.take-test-btn{width:100%;padding:14px 24px}.action-btn{text-align:center;width:100%}.status-description{margin-bottom:28px;font-size:14px}}@media screen and (max-width:480px){.home-page-container{padding:90px 0 20px}.home-page-container .container{padding:0 12px}.notification-banner{border-radius:12px;margin-bottom:24px;padding:16px}.notification-title,.notification-text{font-size:13px}.notification-btn{padding:10px 16px;font-size:14px}.page-title-row{margin-bottom:20px}.page-title-icon{width:40px;height:40px}.page-title-icon i{font-size:18px}.page-title-gradient{font-size:20px}.main-status-card{margin-bottom:24px;padding:16px 12px}.progress-step-number{border-radius:12px;width:40px;height:40px;font-size:16px}.progress-step-label{font-size:13px}.assessment-section{padding:16px}.section-title{font-size:14px}.test-card{padding:16px}.test-icon{width:50px;height:50px}.test-icon i{font-size:22px}.test-content h4{font-size:15px}.test-content p{font-size:13px}.exam-code{padding:10px 14px;font-size:12px}.take-test-btn{padding:12px 20px;font-size:14px}.action-btn{padding:10px 18px;font-size:12px}.status-description{font-size:13px}}[data-theme=dark] .main-content,[data-theme=dark] .home-page-container{background:#1a1a1a}[data-theme=dark] .certification-alert{background:linear-gradient(135deg,#7f1d1de0 0%,#450a0aeb 100%);border-color:#f871713d}[data-theme=dark] .certification-alert-content strong,[data-theme=dark] .certification-alert-content span,[data-theme=dark] .certification-alert-close{color:#fecaca}[data-theme=dark] .notification-banner,[data-theme=dark] .main-status-card,[data-theme=dark] .assessment-section,[data-theme=dark] .test-card,[data-theme=dark] .next-steps-card,[data-theme=dark] .step-card,[data-theme=dark] .score-card{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-md)}[data-theme=dark] .status-description,[data-theme=dark] .notification-text,[data-theme=dark] .test-content p,[data-theme=dark] .attempts-info,[data-theme=dark] .section-subtitle{color:var(--fxv-text-muted)}[data-theme=dark] .test-content h4,[data-theme=dark] .test-header h4,[data-theme=dark] .section-title{color:var(--fxv-text)}[data-theme=dark] .progress-line{background:#ffffff14}[data-theme=dark] .progress-line-fill{box-shadow:0 2px 10px #2563eb38}[data-theme=dark] .progress-step-number.is-inactive{background:var(--fxv-surface-soft);color:#cbd5e1;border:1px solid var(--fxv-border)}[data-theme=dark] .progress-step-copy.is-active .progress-step-label{color:#93c5fd}[data-theme=dark] .progress-step-copy.is-inactive .progress-step-label{color:var(--fxv-text-muted)}[data-theme=dark] .test-status-badge.pending{color:#cfe4ff;background:#7cb8ff1f}.dispatch-notes-widget{--notes-header-gradient:linear-gradient(135deg, #0245ae 0%, #0366d6 100%);--notes-label-color:#0245ae;--notes-accent:#0245ae;--notes-accent-hover:#023d9a;--notes-accent-soft:#0245ae1f;z-index:999;background:#fff;border-radius:16px;flex-direction:column;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 140px);animation:.2s ease-out slideUp;display:flex;position:fixed;bottom:96px;right:24px;overflow:hidden;box-shadow:0 8px 40px #0003}.lesson-notes-material-picker{background:var(--notes-input-bg,#f8fafc);border-bottom:1px solid var(--notes-border-color,#dbe3ee);color:var(--notes-text-color,#202020);flex-shrink:0;gap:8px;padding:12px 16px;display:grid}.lesson-notes-material-picker label{font-size:12px;font-weight:600}.lesson-notes-material-picker select{border:1px solid var(--notes-border-color,#dbe3ee);width:100%;min-width:0;height:36px;font:inherit;color:inherit;background:var(--notes-input-bg,#fff);border-radius:5px;padding:6px 8px;font-size:12px}.lesson-notes-material-picker button{border:1px solid var(--notes-accent);min-height:32px;color:var(--notes-label-color);font:inherit;cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.lesson-notes-material-picker button:disabled{cursor:default;opacity:.7}.lesson-material-note-fields{border:0;min-width:0;margin:0;padding:0}.lesson-material-note-fields:disabled{opacity:.6}.lesson-material-progress-editor{color:#202020;border-bottom:1px solid #dbe3ee;gap:8px;margin-bottom:20px;padding-bottom:16px;display:grid}.lesson-material-progress-editor>label:not(.dispatch-notes-label){color:inherit;font-size:12px;font-weight:600}.lesson-progress-status{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.lesson-progress-status button{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:5px;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.lesson-progress-status button[aria-pressed=true]{background:var(--notes-accent-soft);border-color:var(--notes-accent);color:var(--notes-label-color);font-weight:700}.lesson-material-progress-editor :is(select,input){box-sizing:border-box;color:#202020;width:100%;min-width:0;min-height:36px;font:inherit;background:#fff;border:1px solid #dbe3ee;border-radius:5px;padding:7px 9px;font-size:12px}.lesson-material-completed{color:#166534;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.lesson-progress-previous{color:#64748b;overflow-wrap:anywhere;margin:2px 0 0;font-size:11px;line-height:1.5}.lesson-progress-previous i{margin-right:6px}.lesson-progress-context-error{align-items:center;gap:8px;font-size:11px;display:flex}.lesson-progress-context-error button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:1px solid #dbe3ee;border-radius:4px;place-items:center;padding:0;display:grid}[data-theme=dark] .lesson-material-progress-editor,.dispatch-notes-widget--business-english-dark .lesson-material-progress-editor{color:#f1f1f1;border-color:#414141}[data-theme=dark] .lesson-material-progress-editor :is(select,input),.dispatch-notes-widget--business-english-dark .lesson-material-progress-editor :is(select,input){color:#f1f1f1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#303030;border-color:#484848}[data-theme=dark] .lesson-progress-status button,.dispatch-notes-widget--business-english-dark .lesson-progress-status button{color:#f1f1f1;background:#303030;border-color:#484848}[data-theme=dark] .lesson-progress-status button[aria-pressed=true],.dispatch-notes-widget--business-english-dark .lesson-progress-status button[aria-pressed=true]{background:var(--notes-accent-soft);color:var(--notes-label-color);border-color:var(--notes-accent)}[data-theme=dark] .lesson-progress-previous,.dispatch-notes-widget--business-english-dark .lesson-progress-previous{color:#b8b8b8}[data-theme=dark] .lesson-material-completed{color:#86efac}.lesson-summary-retry{width:24px;height:24px;color:inherit;cursor:pointer;vertical-align:middle;background:0 0;border:0;border-radius:4px;margin-left:8px;padding:0}[data-theme=dark] .lesson-notes-material-picker,.dispatch-notes-widget--business-english-dark .lesson-notes-material-picker{color:#f1f1f1;background:#262626;border-color:#414141}[data-theme=dark] .lesson-notes-material-picker select,.dispatch-notes-widget--business-english-dark .lesson-notes-material-picker select{color:#f1f1f1;background:#303030;border-color:#484848}.dispatch-notes-header{background:var(--notes-header-gradient);color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dispatch-notes-widget--daily-dispatch{--notes-header-gradient:linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--notes-label-color:#d97706;--notes-accent:#d97706;--notes-accent-hover:#b45309;--notes-accent-soft:#d977061a}.dispatch-notes-widget--business-english-light{--notes-header-gradient:linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);--notes-label-color:#7c3aed;--notes-accent:#7c3aed;--notes-accent-hover:#6d28d9;--notes-accent-soft:#7c3aed24}.dispatch-notes-widget--business-english{border-radius:14px;width:344px;max-height:calc(100vh - 128px)}.dispatch-notes-widget--business-english .dispatch-notes-header{padding:13px 16px}.dispatch-notes-widget--business-english .dispatch-notes-header h3{gap:7px;font-size:15px}.dispatch-notes-widget--business-english .dispatch-notes-header h3 i{font-size:18px}.dispatch-notes-widget--business-english .dispatch-notes-close{width:30px;height:30px}.dispatch-notes-widget--business-english .dispatch-notes-content{gap:12px;padding:12px}.dispatch-notes-widget--business-english .dispatch-notes-section{gap:6px}.dispatch-notes-widget--business-english .dispatch-notes-label{gap:6px;font-size:11px}.dispatch-notes-widget--business-english .dispatch-notes-label i{font-size:14px}.dispatch-notes-widget--business-english .vocabulary-items,.dispatch-notes-widget--business-english .grammar-items,.dispatch-notes-widget--business-english .pronunciation-items{gap:8px}.dispatch-notes-widget--business-english .vocabulary-row,.dispatch-notes-widget--business-english .grammar-row,.dispatch-notes-widget--business-english .pronunciation-row{border-radius:10px;gap:5px;padding:10px 36px 10px 10px}.dispatch-notes-widget--business-english .vocabulary-inputs,.dispatch-notes-widget--business-english .grammar-inputs,.dispatch-notes-widget--business-english .pronunciation-inputs{gap:6px}.dispatch-notes-widget--business-english .vocabulary-field,.dispatch-notes-widget--business-english .grammar-field,.dispatch-notes-widget--business-english .pronunciation-field{gap:3px}.dispatch-notes-widget--business-english .vocabulary-field-label,.dispatch-notes-widget--business-english .grammar-field-label,.dispatch-notes-widget--business-english .pronunciation-field-label{font-size:10px}.dispatch-notes-widget--business-english .vocabulary-word-input,.dispatch-notes-widget--business-english .vocabulary-definition-input,.dispatch-notes-widget--business-english .grammar-input,.dispatch-notes-widget--business-english .pronunciation-word-input{padding:8px 10px;font-size:12px}.dispatch-notes-widget--business-english .vocabulary-definition-input,.dispatch-notes-widget--business-english .grammar-input,.dispatch-notes-widget--business-english .dispatch-notes-textarea{min-height:36px}.dispatch-notes-widget--business-english .dispatch-notes-textarea.dispatch-notes-textarea--tall{min-height:72px}.dispatch-notes-widget--business-english .vocabulary-input-row,.dispatch-notes-widget--business-english .vocabulary-definition-row,.dispatch-notes-widget--business-english .grammar-input-row,.dispatch-notes-widget--business-english .grammar-correct-row,.dispatch-notes-widget--business-english .pronunciation-input-row,.dispatch-notes-widget--business-english .pronunciation-phonetic-row{gap:6px}.dispatch-notes-widget--business-english .vocabulary-check-btn,.dispatch-notes-widget--business-english .vocabulary-info-btn,.dispatch-notes-widget--business-english .vocabulary-send-btn,.dispatch-notes-widget--business-english .vocabulary-toggle-btn,.dispatch-notes-widget--business-english .grammar-check-btn,.dispatch-notes-widget--business-english .grammar-info-btn,.dispatch-notes-widget--business-english .grammar-send-btn,.dispatch-notes-widget--business-english .pronunciation-check-btn,.dispatch-notes-widget--business-english .pronunciation-toggle-btn,.dispatch-notes-widget--business-english .pronunciation-send-btn{width:30px;height:30px}.dispatch-notes-widget--business-english .vocabulary-remove-btn,.dispatch-notes-widget--business-english .grammar-remove-btn{top:8px;right:8px}.dispatch-notes-widget--business-english .pronunciation-remove-btn{width:22px;height:22px;top:6px;right:6px}.dispatch-notes-widget--business-english .vocabulary-add-btn,.dispatch-notes-widget--business-english .grammar-add-btn,.dispatch-notes-widget--business-english .pronunciation-add-btn{margin-top:2px;padding:7px 12px;font-size:12px}.dispatch-notes-widget--business-english .dispatch-notes-footer{gap:10px;padding:12px}.dispatch-notes-widget--business-english .dispatch-notes-clear,.dispatch-notes-widget--business-english .dispatch-notes-copy{padding:9px 12px;font-size:12px}.dispatch-notes-widget--business-english-dark{--notes-header-gradient:linear-gradient(135deg, #2e1065 0%, #5b21b6 100%);--notes-label-color:#6d28d9;--notes-accent:#6d28d9;--notes-accent-hover:#5b21b6;--notes-accent-soft:#5b21b629;background:linear-gradient(#161225 0%,#1d1830 100%);border:1px solid #7c3aed3d;box-shadow:0 18px 48px #0605108c}.dispatch-notes-header h3{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex;color:#fff!important}.dispatch-notes-header h3 i{font-size:20px;color:#fff!important}.dispatch-notes-close{cursor:pointer;background:#ffffff26;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s;display:flex;color:#fff!important}.dispatch-notes-close i{justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;color:#fff!important}.dispatch-notes-close:hover{background:#ffffff40}.dispatch-notes-content{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.dispatch-notes-section{flex-direction:column;gap:8px;display:flex}.dispatch-notes-widget--business-english-dark .dispatch-notes-content{background:linear-gradient(#161225 0%,#1a1628 100%)}.dispatch-notes-label{color:var(--notes-label-color);text-transform:uppercase;letter-spacing:0;overflow-wrap:anywhere;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.dispatch-notes-label i{flex-shrink:0;font-size:16px}.vocabulary-items{flex-direction:column;gap:12px;display:flex}.vocabulary-row{background:#fafafa;border-radius:8px;flex-direction:column;gap:6px;padding:12px 40px 12px 12px;display:flex;position:relative}.vocabulary-inputs{flex-direction:column;gap:8px;display:flex}.vocabulary-word-input{color:#1e293b;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s}.vocabulary-definition-input{color:#1e293b;box-sizing:border-box;resize:none;field-sizing:content;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;width:100%;min-height:40px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.4;transition:border-color .15s,box-shadow .15s;overflow:hidden}.vocabulary-word-input::placeholder,.vocabulary-definition-input::placeholder{color:#94a3b8}.vocabulary-word-input:focus{border-color:var(--notes-accent);box-shadow:0 0 0 3px var(--notes-accent-soft);outline:none}.vocabulary-definition-input:focus{border-color:#22c55e;outline:none;box-shadow:0 0 0 3px #22c55e1a}.vocabulary-remove-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:12px;line-height:1;transition:all .15s;display:flex;position:absolute;top:10px;right:10px}.vocabulary-remove-btn i{justify-content:center;align-items:center;display:flex}.vocabulary-remove-btn:hover{background:#fee2e2;border-color:#fca5a5}.vocabulary-add-btn{border:1px dashed var(--notes-accent);color:var(--notes-accent);cursor:pointer;background:#fffbeb;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.vocabulary-add-btn:hover{background:#fef3c7;border-style:solid}.vocabulary-add-btn i{font-size:12px}.dispatch-notes-widget--business-english-dark .vocabulary-row,.dispatch-notes-widget--business-english-dark .grammar-row,.dispatch-notes-widget--business-english-dark .pronunciation-row{background:#ffffff09;border:1px solid #8b5cf629;box-shadow:inset 0 1px #ffffff05}.dispatch-notes-widget--business-english-dark .vocabulary-field-label,.dispatch-notes-widget--business-english-dark .grammar-field-label,.dispatch-notes-widget--business-english-dark .pronunciation-field-label{color:#b6adc9}.dispatch-notes-widget--business-english-dark .vocabulary-word-input,.dispatch-notes-widget--business-english-dark .vocabulary-definition-input,.dispatch-notes-widget--business-english-dark .grammar-input,.dispatch-notes-widget--business-english-dark .pronunciation-word-input,.dispatch-notes-widget--business-english-dark .dispatch-notes-textarea{color:#f5f3ff;background:#263247;border-color:#8a98b22e}.dispatch-notes-widget--business-english-dark .vocabulary-definition-input,.dispatch-notes-widget--business-english-dark .grammar-input-correct{color:#d1fae5;background:#20283a;border-color:#68d3912e}.dispatch-notes-widget--business-english-dark .vocabulary-word-input::placeholder,.dispatch-notes-widget--business-english-dark .vocabulary-definition-input::placeholder,.dispatch-notes-widget--business-english-dark .grammar-input::placeholder,.dispatch-notes-widget--business-english-dark .pronunciation-word-input::placeholder,.dispatch-notes-widget--business-english-dark .dispatch-notes-textarea::placeholder{color:#8f9bb3}.dispatch-notes-widget--business-english-dark .vocabulary-definition-content,.dispatch-notes-widget--business-english-dark .vocabulary-translations,.dispatch-notes-widget--business-english-dark .grammar-explanation,.dispatch-notes-widget--business-english-dark .pronunciation-loading,.dispatch-notes-widget--business-english-dark .pronunciation-display{background:#6d28d914;border-color:#8b5cf633}.dispatch-notes-widget--business-english-dark .vocabulary-def-tab,.dispatch-notes-widget--business-english-dark .vocabulary-check-btn,.dispatch-notes-widget--business-english-dark .vocabulary-info-btn,.dispatch-notes-widget--business-english-dark .vocabulary-toggle-btn,.dispatch-notes-widget--business-english-dark .grammar-check-btn,.dispatch-notes-widget--business-english-dark .grammar-info-btn,.dispatch-notes-widget--business-english-dark .pronunciation-check-btn,.dispatch-notes-widget--business-english-dark .pronunciation-toggle-btn,.dispatch-notes-widget--business-english-dark .dispatch-notes-clear{color:#d7d2e8;background:#ffffff0a;border-color:#8a98b22e}.dispatch-notes-widget--business-english-dark .vocabulary-add-btn,.dispatch-notes-widget--business-english-dark .grammar-add-btn,.dispatch-notes-widget--business-english-dark .pronunciation-add-btn{color:#e9ddff;background:#ffffff08;border-color:#8b5cf66b}.dispatch-notes-widget--business-english-dark .vocabulary-check-btn:hover:not(:disabled),.dispatch-notes-widget--business-english-dark .vocabulary-info-btn:hover,.dispatch-notes-widget--business-english-dark .vocabulary-toggle-btn:hover,.dispatch-notes-widget--business-english-dark .grammar-check-btn:hover:not(:disabled),.dispatch-notes-widget--business-english-dark .grammar-info-btn:hover,.dispatch-notes-widget--business-english-dark .pronunciation-check-btn:hover:not(:disabled),.dispatch-notes-widget--business-english-dark .pronunciation-toggle-btn:hover,.dispatch-notes-widget--business-english-dark .dispatch-notes-clear:hover{color:#f5f3ff;background:#6d28d91f;border-color:#8b5cf652}.dispatch-notes-widget--business-english-dark .vocabulary-add-btn:hover,.dispatch-notes-widget--business-english-dark .grammar-add-btn:hover,.dispatch-notes-widget--business-english-dark .pronunciation-add-btn:hover{color:#f5f3ff;background:#6d28d91f;border-color:#a78bfa80}.dispatch-notes-widget--business-english-dark .vocabulary-definition-placeholder,.dispatch-notes-widget--business-english-dark .vocabulary-definition-hidden,.dispatch-notes-widget--business-english-dark .pronunciation-phonetic-hidden,.dispatch-notes-widget--business-english-dark .pronunciation-phonetic-placeholder{color:#9fabc2;background:#ffffff08;border-color:#8a98b22e}.dispatch-notes-widget--business-english-dark .vocabulary-definition-hidden span,.dispatch-notes-widget--business-english-dark .pronunciation-phonetic-hidden span,.dispatch-notes-widget--business-english-dark .vocabulary-loading,.dispatch-notes-widget--business-english-dark .grammar-loading,.dispatch-notes-widget--business-english-dark .pronunciation-loading,.dispatch-notes-widget--business-english-dark .translation-romanized,.dispatch-notes-widget--business-english-dark .vocabulary-part-of-speech{color:#a9b3c9}.dispatch-notes-widget--business-english-dark .vocabulary-meaning,.dispatch-notes-widget--business-english-dark .translation-native,.dispatch-notes-widget--business-english-dark .grammar-explanation-simple,.dispatch-notes-widget--business-english-dark .grammar-explanation-technical,.dispatch-notes-widget--business-english-dark .pronunciation-phonetic-display{color:#f5f3ff}.dispatch-notes-widget--business-english-dark .grammar-explanation-simple{background:#10b9811f;border-color:#34d3993d}.dispatch-notes-widget--business-english-dark .grammar-explanation-simple i{color:#6ee7b7}.dispatch-notes-widget--business-english-dark .grammar-explanation-technical{background:#f59e0b1a;border-color:#fbbf2433}.dispatch-notes-widget--business-english-dark .grammar-explanation-technical i{color:#fbbf24}.vocabulary-field{flex-direction:column;gap:4px;display:flex}.vocabulary-field-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.vocabulary-input-row{align-items:flex-start;gap:8px;display:flex}.vocabulary-input-row .vocabulary-word-input{flex:1}.vocabulary-definition-row{align-items:flex-start;gap:8px;display:flex}.vocabulary-definition-row .vocabulary-definition-input{flex:1}.vocabulary-definition-content{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;flex-direction:column;flex:1;gap:6px;padding:10px 12px;display:flex}.vocabulary-definition-tabs{flex-wrap:wrap;gap:4px;display:flex}.vocabulary-def-tab{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s}.vocabulary-def-tab:hover{border-color:var(--notes-accent);color:var(--notes-accent)}.vocabulary-def-tab.active{background:var(--notes-accent);border-color:var(--notes-accent);color:#fff}.vocabulary-definition-display{flex-direction:column;gap:2px;display:flex}.vocabulary-part-of-speech{color:#64748b;font-size:11px;font-style:italic}.vocabulary-meaning{color:#166534;font-size:13px;line-height:1.4}.vocabulary-definition-placeholder{color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;flex:1;padding:10px 12px;font-size:13px}.vocabulary-check-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;line-height:1;transition:all .15s;display:flex}.vocabulary-check-btn i{justify-content:center;align-items:center;display:flex}.vocabulary-check-btn:hover:not(:disabled){border-color:var(--notes-accent);color:var(--notes-accent);background:#f8fafc}.vocabulary-check-btn:disabled{opacity:.5;cursor:not-allowed}.vocabulary-check-btn.loading i{animation:1s linear infinite spin}.vocabulary-loading{color:#64748b;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.vocabulary-loading i{animation:1s linear infinite spin}.vocabulary-info-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;line-height:1;transition:all .15s;display:flex}.vocabulary-info-btn i{justify-content:center;align-items:center;display:flex}.vocabulary-info-btn:hover{color:#3b82f6;background:#f8fafc;border-color:#3b82f6}.vocabulary-info-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.vocabulary-send-btn{background:var(--notes-accent);border:1px solid var(--notes-accent);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:13px;line-height:1;transition:all .15s;display:flex}.vocabulary-send-btn i{justify-content:center;align-items:center;display:flex}.vocabulary-send-btn:hover{background:var(--notes-accent-hover);border-color:var(--notes-accent-hover)}.vocabulary-toggle-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;line-height:1;transition:all .15s;display:flex}.vocabulary-toggle-btn i{justify-content:center;align-items:center;display:flex}.vocabulary-toggle-btn:hover{color:#10b981;background:#f8fafc;border-color:#10b981}.vocabulary-toggle-btn.active{color:#fff;background:#10b981;border-color:#10b981}.vocabulary-definition-hidden{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;flex:1;align-items:center;min-width:0;padding:10px 14px;display:flex}.vocabulary-definition-hidden span{color:#94a3b8;font-size:13px;font-style:italic}.vocabulary-translations{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.vocabulary-translation-item{align-items:flex-start;gap:10px;display:flex}.translation-flag{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;line-height:1;display:flex}.translation-content{flex-direction:column;gap:2px;display:flex}.translation-native{color:#1e293b;font-size:14px;font-weight:600}.translation-romanized{color:#64748b;font-size:12px;font-style:italic}.grammar-items{flex-direction:column;gap:12px;display:flex}.grammar-row{background:#fafafa;border-radius:8px;flex-direction:column;gap:6px;padding:12px 40px 12px 12px;display:flex;position:relative}.grammar-inputs{flex-direction:column;gap:8px;display:flex}.grammar-field{flex-direction:column;gap:4px;display:flex}.grammar-field-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.grammar-input{color:#1e293b;box-sizing:border-box;resize:none;field-sizing:content;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-height:40px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.4;transition:border-color .15s,box-shadow .15s;overflow:hidden}.grammar-input::placeholder{color:#94a3b8}.grammar-input:focus{border-color:var(--notes-accent);box-shadow:0 0 0 3px var(--notes-accent-soft);outline:none}.grammar-input-correct{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.grammar-input-correct:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.grammar-input-row{align-items:flex-start;gap:8px;display:flex}.grammar-input-row .grammar-input{flex:1}.grammar-check-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;line-height:1;transition:all .15s;display:flex}.grammar-check-btn i{justify-content:center;align-items:center;display:flex}.grammar-check-btn:hover:not(:disabled){border-color:var(--notes-accent);color:var(--notes-accent);background:#f8fafc}.grammar-check-btn:disabled{opacity:.5;cursor:not-allowed}.grammar-check-btn.loading i{animation:1s linear infinite spin}.grammar-correct-row{align-items:flex-start;gap:8px;display:flex}.grammar-correct-row .grammar-input{flex:1}.grammar-info-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;line-height:1;transition:all .15s;display:flex}.grammar-info-btn i{justify-content:center;align-items:center;display:flex}.grammar-info-btn:hover{color:#3b82f6;background:#f8fafc;border-color:#3b82f6}.grammar-info-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.grammar-send-btn{background:var(--notes-accent);border:1px solid var(--notes-accent);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:13px;line-height:1;transition:all .15s;display:flex}.grammar-send-btn i{justify-content:center;align-items:center;display:flex}.grammar-send-btn:hover{background:var(--notes-accent-hover);border-color:var(--notes-accent-hover)}.grammar-loading{color:#64748b;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.grammar-loading i{animation:1s linear infinite spin}.grammar-explanation{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.grammar-explanation-simple,.grammar-explanation-technical{align-items:flex-start;gap:8px;display:flex}.grammar-explanation-simple{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:8px 10px}.grammar-explanation-simple i{color:#22c55e}.grammar-explanation-technical{color:#92400e;background:#fefce8;border:1px solid #fef08a;border-radius:6px;padding:8px 10px}.grammar-explanation-technical i{color:#eab308}.grammar-explanation i{flex-shrink:0;margin-top:1px;font-size:14px}.grammar-remove-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:12px;line-height:1;transition:all .15s;display:flex;position:absolute;top:10px;right:10px}.grammar-remove-btn i{justify-content:center;align-items:center;display:flex}.grammar-remove-btn:hover{background:#fee2e2;border-color:#fca5a5}.grammar-add-btn{border:1px dashed var(--notes-accent);color:var(--notes-accent);cursor:pointer;background:#fffbeb;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.grammar-add-btn:hover{background:#fef3c7;border-style:solid}.grammar-add-btn i{font-size:12px}.dispatch-notes-textarea{color:#1e293b;resize:vertical;border:1px solid #e2e8f0;border-radius:10px;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.dispatch-notes-textarea::placeholder{color:#94a3b8}.dispatch-notes-textarea:focus{border-color:var(--notes-accent);box-shadow:0 0 0 3px var(--notes-accent-soft);outline:none}.dispatch-notes-textarea.dispatch-notes-textarea--tall{min-height:92px}.dispatch-notes-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:12px;padding:16px;display:flex}.dispatch-notes-save-state{color:#64748b;width:100%;font-size:11px;font-weight:600;line-height:1.3}.dispatch-notes-save-state--saving{color:var(--notes-accent)}.dispatch-notes-save-state--saved{color:#16a34a}.dispatch-notes-save-state--draft{color:#7c3aed}.dispatch-notes-save-state--error{color:#dc2626}.dispatch-notes-clear,.dispatch-notes-copy{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.dispatch-notes-clear{color:#64748b;background:#fff;border:1px solid #e2e8f0}.dispatch-notes-clear:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.dispatch-notes-copy{background:var(--notes-header-gradient);color:#fff;border:none}.dispatch-notes-copy:hover{box-shadow:0 4px 12px var(--notes-accent-soft);transform:translateY(-1px)}.dispatch-notes-widget--business-english-dark .dispatch-notes-footer{background:linear-gradient(#181427 0%,#161225 100%);border-top-color:#8a98b224}.dispatch-notes-widget--business-english-dark .dispatch-notes-save-state{color:#b6adc9}.dispatch-notes-widget--business-english-dark .dispatch-notes-save-state--saving{color:#c4b5fd}.dispatch-notes-widget--business-english-dark .dispatch-notes-save-state--saved{color:#86efac}.dispatch-notes-widget--business-english-dark .dispatch-notes-save-state--draft{color:#c4b5fd}.dispatch-notes-widget--business-english-dark .dispatch-notes-save-state--error{color:#fca5a5}.pronunciation-items{flex-direction:column;gap:12px;display:flex}.pronunciation-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:8px;padding:12px;display:flex;position:relative}.pronunciation-remove-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:14px;line-height:1;transition:all .15s;display:flex;position:absolute;top:8px;right:8px}.pronunciation-remove-btn:hover{color:#fff;background:#dc2626}.pronunciation-inputs{flex-direction:column;flex:1;gap:10px;display:flex}.pronunciation-field{flex-direction:column;gap:4px;display:flex}.pronunciation-field-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.pronunciation-input-row{align-items:center;gap:8px;display:flex}.pronunciation-word-input{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.pronunciation-word-input:focus{border-color:var(--notes-accent);box-shadow:0 0 0 3px var(--notes-accent-soft);outline:none}.pronunciation-check-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:14px;line-height:1;transition:all .15s;display:flex}.pronunciation-check-btn:hover:not(:disabled){background:var(--notes-accent);border-color:var(--notes-accent);color:#fff}.pronunciation-check-btn:disabled{opacity:.5;cursor:not-allowed}.pronunciation-check-btn.loading i{animation:1s linear infinite spin}.pronunciation-phonetic-row{align-items:center;gap:8px;display:flex}.pronunciation-loading{color:#92400e;background:#fffbeb;border-radius:8px;flex:1;align-items:center;gap:8px;padding:12px 14px;font-size:13px;display:flex}.pronunciation-loading i{animation:1s linear infinite spin}.pronunciation-phonetic-content{flex:1;min-width:0}.pronunciation-display{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;padding:8px 12px;display:flex}.pronunciation-phonetic-display{color:#047857;letter-spacing:.5px;font-family:Courier New,monospace;font-size:14px;font-weight:600}.pronunciation-phonetic-hidden{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;flex:1;align-items:center;min-width:0;padding:12px 14px;display:flex}.pronunciation-phonetic-hidden span{color:#94a3b8;font-size:13px;font-style:italic}.pronunciation-phonetic-placeholder{color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;flex:1;padding:12px 14px;font-size:13px}.pronunciation-toggle-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;line-height:1;transition:all .15s;display:flex}.pronunciation-toggle-btn i{justify-content:center;align-items:center;display:flex}.pronunciation-toggle-btn:hover{color:#10b981;background:#f8fafc;border-color:#10b981}.pronunciation-toggle-btn.active{color:#fff;background:#10b981;border-color:#10b981}.pronunciation-send-btn{background:var(--notes-accent);border:1px solid var(--notes-accent);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:13px;line-height:1;transition:all .15s;display:flex}.pronunciation-send-btn i{justify-content:center;align-items:center;display:flex}.pronunciation-send-btn:hover{background:var(--notes-accent-hover);border-color:var(--notes-accent-hover)}.pronunciation-add-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.pronunciation-add-btn:hover{color:#475569;background:#e2e8f0;border-color:#94a3b8}.dispatch-notes-section .notes-character-count{color:var(--notes-muted,#64748b);margin:5px 0 0;font-size:11px;line-height:1.5}.dispatch-notes-section .notes-field-error{color:#be123c;margin:5px 0 0;font-size:12px;line-height:1.5}[data-theme=dark] .dispatch-notes-section .notes-character-count{color:#b5b5b5}[data-theme=dark] .dispatch-notes-section .notes-field-error{color:#fda4af}.dispatch-notes-widget--daily-dispatch{width:min(360px,100vw - 32px)}.dispatch-notes-widget--daily-dispatch .dispatch-notes-header,.dispatch-notes-widget--daily-dispatch .dispatch-notes-footer{flex-shrink:0}.dispatch-notes-widget--daily-dispatch .dispatch-notes-content{overflow-wrap:anywhere;min-height:0}.dispatch-notes-widget--daily-dispatch :is(.vocabulary-inputs,.grammar-inputs,.pronunciation-inputs,.vocabulary-definition-content,.translation-content){min-width:0}.dispatch-notes-widget--daily-dispatch :is(input,textarea){box-sizing:border-box;min-width:0}[data-theme=dark] .dispatch-notes-widget--daily-dispatch{--notes-header-gradient:linear-gradient(180deg, #2a2a2a, #232323);--notes-label-color:#fbbf24;--notes-accent:#fbbf24;--notes-accent-hover:#fcd34d;--notes-accent-soft:#fbbf2424;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--fxv-surface,#1e1e1e);color:var(--fxv-text,#f3f4f6);border:1px solid #404040;box-shadow:0 12px 40px #00000073}[data-theme=dark] .dispatch-notes-widget--daily-dispatch .dispatch-notes-header{border-bottom:2px solid var(--notes-accent)}[data-theme=dark] .dispatch-notes-widget--daily-dispatch .dispatch-notes-content{background:var(--fxv-surface,#1e1e1e);scrollbar-color:var(--notes-accent) var(--fxv-surface,#1e1e1e)}[data-theme=dark] .dispatch-notes-widget--daily-dispatch .dispatch-notes-content::-webkit-scrollbar-track{background:var(--fxv-surface,#1e1e1e)}[data-theme=dark] .dispatch-notes-widget--daily-dispatch .dispatch-notes-content::-webkit-scrollbar-thumb{background:var(--notes-accent)}[data-theme=dark] .dispatch-notes-widget--daily-dispatch :is(.vocabulary-row,.grammar-row,.pronunciation-row){background:var(--fxv-surface-muted,#232323);border:1px solid #404040}[data-theme=dark] .dispatch-notes-widget--daily-dispatch :is(.vocabulary-field-label,.grammar-field-label,.pronunciation-field-label,.vocabulary-part-of-speech,.translation-romanized,.vocabulary-loading,.grammar-loading,.pronunciation-loading){color:#b8b8b8}[data-theme=dark] .dispatch-notes-widget--daily-dispatch :is(input,textarea){color:#f3f4f6;caret-color:var(--notes-accent);background:#2a2a2a;border-color:#525252}[data-theme=dark] .dispatch-notes-widget--daily-dispatch :is(input,textarea)::placeholder{color:#b8b8b8;opacity:1}[data-theme=dark] .dispatch-notes-widget--daily-dispatch :is(input,textarea):focus{border-color:var(--notes-accent);box-shadow:0 0 0 3px var(--notes-accent-soft)}[data-theme=dark] .dispatch-notes-widget--daily-dispatch :is(.vocabulary-definition-content,.vocabulary-definition-placeholder,.vocabulary-definition-hidden,.vocabulary-translations,.grammar-explanation,.pronunciation-display,.pronunciation-loading,.pronunciation-phonetic-hidden,.pronunciation-phonetic-placeholder){color:#b8b8b8;background:#2a2a2a;border-color:#525252}[data-theme=dark] .dispatch-notes-widget--daily-dispatch :is(.vocabulary-meaning,.translation-native,.pronunciation-phonetic-display){color:#f3f4f6}[data-theme=dark] .dispatch-notes-widget--daily-dispatch :is(.vocabulary-definition-hidden span,.pronunciation-phonetic-hidden span){color:#b8b8b8}[data-theme=dark] .dispatch-notes-widget--daily-dispatch :is(.vocabulary-check-btn,.vocabulary-info-btn,.vocabulary-toggle-btn,.vocabulary-def-tab,.grammar-check-btn,.grammar-info-btn,.pronunciation-check-btn,.pronunciation-toggle-btn,.vocabulary-add-btn,.grammar-add-btn,.pronunciation-add-btn,.dispatch-notes-clear){color:#f3f4f6;background:#2a2a2a;border-color:#525252}[data-theme=dark] .dispatch-notes-widget--daily-dispatch :is(.vocabulary-add-btn,.grammar-add-btn,.pronunciation-add-btn){border-color:var(--notes-accent);color:var(--notes-accent)}[data-theme=dark] .dispatch-notes-widget--daily-dispatch button:hover:not(:disabled){border-color:var(--notes-accent)}[data-theme=dark] .dispatch-notes-widget--daily-dispatch :is(.vocabulary-add-btn,.grammar-add-btn,.pronunciation-add-btn,.dispatch-notes-clear):hover{background:#383838}[data-theme=dark] .dispatch-notes-widget--daily-dispatch :is(.vocabulary-def-tab.active,.vocabulary-toggle-btn.active,.vocabulary-info-btn.active,.grammar-info-btn.active,.pronunciation-toggle-btn.active,.vocabulary-send-btn,.grammar-send-btn,.pronunciation-send-btn,.dispatch-notes-copy){background:var(--notes-accent);border-color:var(--notes-accent);color:#171717}[data-theme=dark] .dispatch-notes-widget--daily-dispatch :is(.vocabulary-remove-btn,.grammar-remove-btn,.pronunciation-remove-btn){color:#fca5a5;background:#3b2222;border-color:#7f3939}[data-theme=dark] .dispatch-notes-widget--daily-dispatch .grammar-explanation-simple{color:#bbf7d0;background:#20372b;border-color:#39664d}[data-theme=dark] .dispatch-notes-widget--daily-dispatch .grammar-explanation-technical{color:#fde68a;background:#382f20;border-color:#78613a}[data-theme=dark] .dispatch-notes-widget--daily-dispatch .dispatch-notes-footer{background:#232323;border-top-color:#404040}[data-theme=dark] .dispatch-notes-widget--daily-dispatch .dispatch-notes-save-state{color:#b8b8b8}[data-theme=dark] .dispatch-notes-widget--daily-dispatch .dispatch-notes-save-state--saving{color:#fbbf24}[data-theme=dark] .dispatch-notes-widget--daily-dispatch .dispatch-notes-save-state--saved{color:#86efac}[data-theme=dark] .dispatch-notes-widget--daily-dispatch .dispatch-notes-save-state--draft{color:#d8b4fe}[data-theme=dark] .dispatch-notes-widget--daily-dispatch .dispatch-notes-save-state--error{color:#fca5a5}@media (max-width:900px){.dispatch-notes-widget--daily-dispatch{right:16px}}.lesson-student-attendance{border-bottom:1px solid var(--lne-border,var(--notes-border));color:var(--lne-text,var(--notes-text));flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 0;font-size:12px;display:flex}.lesson-student-attendance strong{color:inherit}.lesson-student-attendance label{color:inherit;cursor:pointer;align-items:center;gap:8px;margin:0;display:inline-flex}.lesson-student-attendance input[type=checkbox]{accent-color:#0245ae;width:16px;height:16px}.lesson-student-attendance .lesson-attendance-status{color:inherit}.lesson-student-attendance .lesson-attendance-status[data-status=absent]{color:#be123c;font-weight:600}.lesson-student-attendance .lesson-attendance-status[data-status=present]{color:#166534;font-weight:600}.lesson-absence-confirmation{box-sizing:border-box;color:#202020;background:#fff;border:1px solid #dbe3ee;border-radius:8px;width:min(500px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:20px;position:fixed;inset:0;overflow:auto}.lesson-absence-confirmation::backdrop{background:#0009}.lesson-absence-confirmation h2{color:inherit;align-items:center;gap:10px;margin:0 0 16px;font-size:18px;display:flex}.lesson-absence-confirmation h2 i{color:#be123c}.lesson-absence-confirmation p{color:inherit;margin:0 0 16px;font-size:13px;line-height:1.7}.lesson-absence-confirmation label{gap:6px;margin-bottom:16px;font-size:13px;display:grid}.lesson-absence-confirmation textarea{box-sizing:border-box;width:100%;min-height:72px;color:inherit;resize:vertical;background:0 0;border:1px solid #dbe3ee;border-radius:6px;padding:10px}[data-theme=dark] .lesson-absence-confirmation textarea{border-color:#484848}.lesson-absence-confirmation footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.lesson-absence-confirmation button{color:#202020;min-height:38px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #dbe3ee;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex}.lesson-absence-confirmation .lesson-absence-confirm{color:#fff;background:#be123c;border-color:#be123c}.lesson-absence-confirmation button:disabled{opacity:.5;cursor:default}.lesson-attendance-error{flex-basis:100%;margin:0}.lesson-student-attendance .lesson-attendance-error,.lesson-absence-confirmation .lesson-attendance-error{color:#be123c;font-size:12px}.lesson-student-attendance input:focus-visible,.lesson-absence-confirmation button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}[data-theme=dark] .lesson-absence-confirmation{color:#f1f1f1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#242424;border-color:#484848}[data-theme=dark] .lesson-absence-confirmation button:not(.lesson-absence-confirm){color:#f1f1f1;background:#303030;border-color:#484848}[data-theme=dark] :is(.lesson-student-attendance .lesson-attendance-error,.lesson-absence-confirmation .lesson-attendance-error,.lesson-student-attendance .lesson-attendance-status[data-status=absent]){color:#fda4af}[data-theme=dark] .lesson-student-attendance .lesson-attendance-status[data-status=present]{color:#86efac}.lesson-workflow-status{border-bottom:1px solid var(--border-color,#dce4ef);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;font-size:13px;display:flex}.lesson-workflow-status>div{flex:1;gap:4px;min-width:180px;display:grid}.lesson-workflow-status span{color:var(--lne-muted,var(--notes-muted,#64748b))}.lesson-workflow-status button{color:#fff;white-space:normal;background:#195bc5;border:1px solid #3978df;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.lesson-workflow-status button:disabled{opacity:.5;cursor:not-allowed}.lesson-workflow-status>.lesson-workflow-error{flex-wrap:wrap;flex:0 0 100%;align-items:center;gap:12px;min-width:0;display:flex}.lesson-workflow-error p{color:#c43d52;overflow-wrap:anywhere;flex:180px;margin:0}.lesson-workflow-error button{flex-shrink:0;margin:0}.lesson-report-outcome{border-bottom:1px solid var(--border-color,#dce4ef);padding:16px 0}.lesson-report-outcome h2{font-size:16px}[data-theme=dark] :is(.lesson-workflow-status,.lesson-report-outcome){border-color:#454545}[data-theme=dark] .lesson-workflow-status span{color:#aeb9c9}[data-theme=dark] .lesson-workflow-status p{color:#fda4af}.lesson-notes-editor.dispatch-notes-widget{--lne-bg:#fff;--lne-field:#f8fafc;--lne-text:#202020;--lne-muted:#64748b;--lne-border:#dbe3ee;--notes-header-gradient:#0245ae;--notes-label-color:#0245ae;--notes-accent:#0245ae;--notes-accent-hover:#023d9a;--notes-accent-soft:#0245ae1f;border:1px solid var(--lne-border);width:min(460px,100vw - 32px);max-width:none;height:-moz-fit-content;height:fit-content;max-height:min(880px,100dvh - 32px);color:var(--lne-text);background:var(--lne-bg);border-radius:8px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.lesson-notes-editor::backdrop{background:#0009}.lesson-notes-editor form{flex-direction:column;max-height:min(878px,100dvh - 34px);margin:0;display:flex}.lesson-notes-editor .dispatch-notes-header{flex-shrink:0;padding:14px 16px}.lesson-notes-editor h2{color:inherit;align-items:center;gap:9px;margin:0;font-size:16px;display:flex}.lesson-notes-editor .lne-body{overscroll-behavior:contain;scrollbar-color:var(--notes-accent) var(--lne-bg);flex:1;gap:16px;min-height:0;max-height:none;padding:16px;overflow:auto}.lesson-notes-editor .lne-body::-webkit-scrollbar{width:6px}.lesson-notes-editor .lne-body::-webkit-scrollbar-track{background:var(--lne-bg)}.lesson-notes-editor .lne-body::-webkit-scrollbar-thumb{background:var(--notes-accent);border-radius:3px}.lesson-notes-editor fieldset{border:0;flex-direction:column;gap:16px;min-width:0;margin:0;padding:0;display:flex}.lesson-notes-editor fieldset:disabled{opacity:.65}.lesson-notes-editor .lesson-material-progress-editor{background:0 0;margin:0}.lesson-notes-editor .dispatch-notes-label{text-transform:none;color:var(--notes-label-color)}.lesson-notes-editor :is(.lne-material-picker,.lne-library,.notes-manual-edit) label{min-width:0;color:var(--lne-text);flex-direction:column;gap:6px;margin:0;font-size:12px;font-weight:600;display:flex}.lesson-notes-editor :is(.lne-material-picker,.lne-library,.notes-manual-edit) :is(input:not([type=radio]),select,textarea){border:1px solid var(--lne-border);background:var(--lne-field);width:100%;min-width:0;min-height:36px;color:var(--lne-text);font:inherit;box-sizing:border-box;border-radius:5px;padding:8px 10px;font-size:13px}.lesson-notes-editor :is(.lne-material-picker,.lne-library,.notes-manual-edit,footer) button,.lesson-notes-editor .lne-icon{background:var(--lne-field);border:1px solid var(--lne-border);min-height:36px;color:var(--lne-text);font:inherit;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.lesson-notes-editor button:disabled{cursor:default;opacity:.5}.lesson-notes-editor :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--notes-accent);outline-offset:2px}.lesson-notes-editor .lne-icon{flex:0 0 32px;width:32px;min-height:32px;padding:0}.lesson-notes-editor .lne-material-picker{border-bottom:1px solid var(--lne-border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding-bottom:16px;display:grid}.lesson-notes-editor .lne-library{border-bottom:1px solid var(--lne-border);gap:12px;padding-bottom:16px;display:grid}.lesson-notes-editor .lne-library>button{justify-self:start}.lesson-notes-editor .notes-manual-edit{gap:10px;font-size:12px;display:grid}.lesson-notes-editor .notes-manual-edit summary{color:var(--lne-muted);cursor:pointer}.lesson-notes-editor .notes-manual-edit .notes-meaning-choice{flex-direction:row;align-items:center}.lesson-notes-editor .notes-meaning-editor{border-top:1px solid var(--lne-border);gap:8px;padding-top:10px;display:grid}.lesson-notes-editor .notes-meaning-editor>button{justify-self:start}.lesson-notes-editor input[type=radio]{width:16px;height:16px;accent-color:var(--notes-accent)}.lesson-notes-editor .lne-error,.lesson-notes-editor .lne-notice{overflow-wrap:anywhere;color:#be123c;margin:0;font-size:12px;line-height:1.6}.lesson-notes-editor .lne-notice{color:var(--lne-muted)}.lesson-notes-editor .lne-validation-summary{color:#be123c;overflow-wrap:anywhere;background:#fff1f2;border-bottom:1px solid #fecdd3;flex-shrink:0;gap:6px;max-height:25dvh;padding:12px 16px;font-size:12px;line-height:1.5;display:grid;overflow:auto}.lesson-notes-editor .lne-validation-summary strong{color:inherit;font-size:13px}.lesson-notes-editor .lne-validation-summary p{margin:0}.lesson-notes-editor .lne-validation-summary button{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}[data-theme=dark] .lesson-notes-editor .lne-validation-summary{color:#fda4af;background:#3b252b;border-color:#854453}.lesson-notes-editor .lesson-feedback-privacy{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;margin:0;padding:10px;font-size:12px;line-height:1.6}.lesson-feedback-privacy i{margin-right:6px}.lesson-notes-editor .lne-absence-message{color:var(--lne-text);margin:0;font-size:13px;line-height:1.7}[data-theme=dark] .lesson-notes-editor .lesson-feedback-privacy{color:#bfdbfe;background:#243349;border-color:#42648d}.notes-field-optional{color:inherit;margin-left:4px;font-size:11px;font-weight:400}.lesson-notes-editor .lesson-level-assessment h3{margin:0 0 10px}.lesson-assessment-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lesson-assessment-options label{cursor:pointer;color:var(--lne-text);align-items:flex-start;gap:7px;margin:0;font-size:12px;display:flex}.lesson-assessment-none{grid-column:1/-1;padding:4px 0}.lesson-assessment-option{border:1px solid var(--lne-border);background:var(--lne-field);border-radius:5px;padding:10px}.lesson-assessment-option[data-selected=true]{border-color:var(--notes-accent);background:var(--notes-accent-soft)}.lesson-assessment-option span{overflow-wrap:anywhere;min-width:0}.lesson-assessment-option strong{font-size:12px;line-height:1.5;display:block}.lesson-notes-editor .lesson-assessment-option :is(span,strong){color:var(--lne-text)}.lesson-assessment-option small{color:var(--lne-muted);margin-top:5px;font-size:11px;line-height:1.5;display:block}.lesson-assessment-options input[type=radio]{flex:0 0 16px;margin:2px 0 0}.lesson-notes-editor .notes-field-error,.lesson-notes-editor .lne-validation-error{color:#be123c;margin:0;font-size:12px;line-height:1.5}.lesson-notes-editor [aria-invalid=true]{border-color:#be123c}.lesson-notes-editor .lne-validation-error{overflow-wrap:anywhere;flex-basis:100%;max-height:84px;overflow-y:auto}.lesson-notes-editor .lne-validation-error span{color:inherit;display:block}[data-theme=dark] .lesson-notes-editor :is(.notes-field-error,.lne-validation-error){color:#fda4af}[data-theme=dark] .lesson-notes-editor [aria-invalid=true]{border-color:#fda4af}.lesson-notes-editor footer.dispatch-notes-footer{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.lesson-notes-editor footer>span{color:var(--lne-muted);flex-basis:100%;font-size:12px}.lesson-notes-editor footer .lne-save{background:var(--notes-accent);border-color:var(--notes-accent);color:#fff;margin-left:auto}[data-theme=dark] .lesson-notes-editor.dispatch-notes-widget{--lne-bg:#242424;--lne-field:#303030;--lne-text:#f1f1f1;--lne-muted:#b8b8b8;--lne-border:#484848;--notes-label-color:#93c5fd;--notes-accent:#3b82f6;--notes-accent-hover:#2563eb;--notes-accent-soft:#3b82f629;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .lesson-notes-editor .lne-error{color:#fda4af}[data-theme=dark] .lesson-notes-editor :is(.dispatch-notes-content,.dispatch-notes-footer){background:var(--lne-bg);border-color:var(--lne-border)}[data-theme=dark] .lesson-notes-editor :is(.vocabulary-row,.grammar-row,.pronunciation-row){border-color:var(--lne-border);background:#2a2a2a}[data-theme=dark] .lesson-notes-editor :is(input,textarea,.vocabulary-definition-content,.vocabulary-definition-placeholder,.vocabulary-definition-hidden,.vocabulary-translations,.pronunciation-display,.pronunciation-phonetic-placeholder,.pronunciation-phonetic-hidden,.grammar-explanation){background:var(--lne-field);color:var(--lne-text);border-color:var(--lne-border)}[data-theme=dark] .lesson-notes-editor :is(input,textarea)::placeholder{color:var(--lne-muted);opacity:1}[data-theme=dark] .lesson-notes-editor :is(.vocabulary-field-label,.grammar-field-label,.pronunciation-field-label,.vocabulary-definition-placeholder,.pronunciation-phonetic-placeholder,.vocabulary-part-of-speech,.translation-romanized){color:var(--lne-muted)}[data-theme=dark] .lesson-notes-editor :is(.vocabulary-meaning,.translation-native,.pronunciation-phonetic-display,.grammar-explanation-simple,.grammar-explanation-technical){color:var(--lne-text)}[data-theme=dark] .lesson-notes-editor :is(.vocabulary-check-btn,.vocabulary-info-btn,.vocabulary-toggle-btn,.vocabulary-def-tab,.grammar-check-btn,.grammar-info-btn,.pronunciation-check-btn,.pronunciation-toggle-btn){background:var(--lne-field);border-color:var(--lne-border);color:var(--lne-text)}[data-theme=dark] .lesson-notes-editor :is(.vocabulary-def-tab.active,.vocabulary-toggle-btn.active,.vocabulary-info-btn.active,.grammar-info-btn.active,.pronunciation-toggle-btn.active){color:#fff;background:#2563eb;border-color:#2563eb}[data-theme=dark] .lesson-notes-editor :is(.vocabulary-add-btn,.grammar-add-btn,.pronunciation-add-btn){background:var(--notes-accent-soft);border-color:var(--notes-accent);color:var(--notes-label-color)}[data-theme=dark] .lesson-notes-editor footer .lne-save{color:#fff;background:#2563eb;border-color:#2563eb}[data-theme=dark] .lesson-notes-editor :is(input,textarea,select)[aria-invalid=true]{border-color:#fda4af}@media (max-width:600px){.lesson-notes-editor.dispatch-notes-widget{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.lesson-notes-editor form{max-height:calc(100dvh - 18px)}.lesson-notes-editor .lne-material-picker{grid-template-columns:minmax(0,1fr)}.lesson-notes-editor .lne-material-picker>button{justify-self:start}}.lne-continuation{border-bottom:1px solid var(--border-color,#dce4ef);padding:12px 0}.lne-continuation p{margin:6px 0}.lesson-notes-card{box-sizing:border-box;--notes-text:#000;--notes-muted:#64748b;--notes-border:#e2e8f0;--notes-surface:#fff;--notes-header:#f8fafc;--notes-divider:#94a3b8;--notes-blue:#1d4ed8;--notes-teal:#0f766e;--notes-amber:#925c0a;--notes-rose:#a33459;background:var(--notes-surface);border:1px solid var(--notes-border);min-width:0;color:var(--notes-text);border-radius:8px;margin-top:16px;padding:20px}.student-profile-main .lesson-notes-card{margin-top:16px!important}.lesson-notes-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.lesson-notes-heading h2{color:var(--notes-text);align-items:center;gap:10px;margin:0;font-size:16px;display:flex}.lesson-notes-refresh{border:1px solid var(--notes-border);background:var(--notes-header);width:34px;height:34px;color:var(--notes-muted);cursor:pointer;border-radius:6px;place-items:center;display:grid}.lesson-notes-refresh:disabled{opacity:.5;cursor:wait}.lesson-notes-actions{align-items:center;gap:8px;display:flex}.lesson-notes-edit{border:1px solid var(--notes-blue);background:var(--notes-header);min-height:34px;color:var(--notes-blue);font:inherit;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.lesson-notes-edit:disabled{cursor:default;opacity:.5}.lesson-notes-edit-window{min-height:20px;color:var(--notes-muted);margin-bottom:8px;font-size:12px;line-height:1.6}.lesson-notes-edit-window button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}@media (max-width:400px){.lesson-notes-heading{flex-wrap:wrap}}.lesson-notes-tabs{border-bottom:1px solid var(--notes-border);gap:4px;display:flex;overflow-x:auto}.lesson-notes-tabs button{min-height:42px;color:var(--notes-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:4px 4px 0 0;flex:none;padding:10px 16px;font-size:13px;font-weight:600}.lesson-notes-tabs button:hover{background:var(--notes-header);color:var(--notes-text)}.lesson-notes-tabs button[aria-selected=true]{color:#1d4ed8;background:#eff6ff;border-bottom-color:#3b82f6}.lesson-notes-card button:focus-visible,.lesson-notes-card [role=tabpanel]:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.lesson-notes-card [role=tabpanel]{box-sizing:border-box;scrollbar-gutter:stable;overscroll-behavior-y:contain;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:var(--notes-divider) transparent;height:520px;padding-right:8px;overflow:hidden auto}.lesson-notes-card [role=tabpanel]::-webkit-scrollbar{width:6px}.lesson-notes-card [role=tabpanel]::-webkit-scrollbar-track{background:0 0}.lesson-notes-card [role=tabpanel]::-webkit-scrollbar-thumb{background:var(--notes-divider);border-radius:3px}.lesson-notes-entry{padding:16px 0}.lesson-notes-entry+.lesson-notes-entry{border-top:3px solid var(--notes-divider);margin-top:12px;padding-top:24px}.lesson-notes-entry:last-child{padding-bottom:0}.lesson-notes-meta{color:var(--notes-muted);flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:12px;font-size:12px;display:flex}.lesson-notes-meta span{align-items:center;gap:7px;display:inline-flex}.lesson-notes-columns{grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}.lesson-notes-column{flex-direction:column;gap:20px;min-width:0;padding-right:20px;display:flex}.lesson-notes-column+.lesson-notes-column{border-left:1px solid var(--notes-border);padding:0 0 0 20px}.lesson-notes-column h3,.lesson-notes-column h4{color:var(--notes-text);align-items:flex-start;gap:8px;margin:0 0 8px;font-size:13px;font-weight:700;display:flex}.lesson-notes-column h3 i,.lesson-notes-column h4 i{color:#3b82f6;flex-shrink:0}.lesson-note-section{--note-accent:var(--notes-blue)}.lesson-grammar-section,.lesson-feedback-section{--note-accent:var(--notes-teal)}.lesson-pronunciation-section{--note-accent:var(--notes-amber)}.lesson-handoff-section{--note-accent:var(--notes-rose)}.lesson-note-section h4{color:var(--note-accent);border-bottom:1px solid var(--notes-border);padding-bottom:8px;line-height:1.5}.lesson-note-section h4 i{color:inherit}.lesson-note-section.lesson-words-section li,.lesson-vocabulary-section li strong{color:var(--notes-text);font-weight:600}.lesson-grammar-note strong{color:var(--notes-text)}.lesson-pending-feedback h3,.lesson-pending-feedback h3 i{color:var(--notes-teal)}.lesson-pending-handoff h3,.lesson-pending-handoff h3 i{color:var(--notes-rose)}.lesson-notes-column p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--notes-text);margin:0;font-size:13px;line-height:1.7}.lesson-material-notes+.lesson-material-notes{border-top:1px solid var(--notes-border);margin-top:20px;padding-top:20px}.lesson-material-notes .lesson-learning-notes{padding-right:0}.lesson-materials-used{border-bottom:1px solid var(--notes-border);margin-bottom:20px;padding:0 0 16px}.lesson-materials-used h3{color:var(--notes-blue);align-items:center;gap:8px;margin:0 0 10px;font-size:13px;display:flex}.lesson-materials-used h3 span{color:var(--notes-muted);font-size:12px;font-weight:400}.lesson-materials-used ol{color:var(--notes-text);margin:0;padding-left:20px;font-size:13px;list-style:decimal}.lesson-materials-used li+li{margin-top:8px}.lesson-materials-used li span{color:var(--notes-muted);font-size:12px;display:block}.lesson-materials-used li strong{overflow-wrap:anywhere;font-weight:600;display:block}.lesson-summary-notes{border-top:2px solid var(--notes-border);margin-top:24px;padding-top:20px}.lesson-material-progress{color:var(--notes-text);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:10px;font-size:12px;display:flex}.lesson-material-progress .lesson-material-status{color:var(--notes-muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.lesson-material-progress[data-status=completed] .lesson-material-status{color:var(--notes-teal)}.lesson-material-progress[data-status=in_progress] .lesson-material-status{color:var(--notes-amber)}.lesson-material-progress p{overflow-wrap:anywhere;color:var(--notes-text);margin:0}.lesson-material-progress .lesson-material-progress-details{white-space:pre-wrap;flex-basis:100%;line-height:1.6}.lesson-material-progress.is-compact{margin-top:3px}.lesson-notes-material{border-bottom:1px solid var(--notes-border);overflow-wrap:anywhere;margin-bottom:20px;padding-bottom:12px}.lesson-notes-material span{color:var(--notes-muted);align-items:center;gap:8px;font-size:12px;display:flex}.lesson-notes-material h3{color:var(--notes-blue);margin:5px 0 0;font-size:16px;line-height:1.5}.lesson-learning-notes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px 24px;display:grid}.lesson-learning-notes>section{min-width:0}.lesson-learning-notes .lesson-words-section,.lesson-learning-notes .lesson-vocabulary-section,.lesson-learning-notes .lesson-feedback-section{grid-column:1/-1}.lesson-tutor-notes{align-self:start}.lesson-words-section ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 28px;display:grid}.lesson-note-section.lesson-words-section li+li{margin-top:0}.lesson-note-section ol,.lesson-note-section ul{overflow-wrap:anywhere;margin:0;padding-left:22px;font-size:13px;line-height:1.7}.lesson-note-section li{list-style:inherit;color:var(--notes-text)}.lesson-note-section li+li{margin-top:4px}.lesson-grammar-note+.lesson-grammar-note{margin-top:12px}.lesson-notes-card .lesson-note-section .lesson-note-phonetic{color:var(--notes-text)!important}.recent-lesson-details{margin-bottom:20px}.lesson-history-heading{background:var(--notes-header);border-left:4px solid var(--notes-blue);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:8px;padding:12px;display:flex}.lesson-history-heading h3{min-width:0;color:var(--notes-text);overflow-wrap:anywhere;align-items:flex-start;gap:8px;margin:0;font-size:14px;font-weight:700;line-height:1.5;display:flex}.lesson-history-heading h3 i{color:var(--notes-blue);flex-shrink:0}.recent-lesson-current{color:var(--notes-blue);border:1px solid;border-radius:4px;padding:3px 7px;font-size:12px;font-weight:600;display:inline-block}.recent-lesson-details dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px;margin:0;font-size:12px;display:grid}.recent-lesson-details dl>div{border-bottom:1px solid var(--notes-border);grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:12px;padding:8px 0;display:grid}.recent-lesson-details dt{color:var(--notes-muted);align-items:flex-start;gap:7px;font-weight:600;display:flex}.recent-lesson-details dt i{flex-shrink:0}.recent-lesson-details dd{color:var(--notes-text);overflow-wrap:anywhere;margin:0}.recent-lesson-details dl>div:first-child dd{font-weight:600}.recent-lesson-details .lesson-attendance{color:var(--notes-text);font-weight:600}.recent-lesson-timezone{color:var(--notes-muted);font-size:11px;display:inline-block}.recent-lesson-pending{min-height:100px}.lesson-notes-pending-message{align-items:flex-start;gap:10px;font-size:13px;display:flex}.lesson-notes-pending-message>i{color:var(--notes-muted)}.lesson-notes-pending-message strong{color:var(--notes-text)}.lesson-notes-pending-message p{color:var(--notes-muted);margin-top:5px;font-size:12px}.recent-lessons-footer{color:var(--notes-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:12px;display:flex}.recent-lessons-footer button{border:1px solid var(--notes-border);background:var(--notes-header);min-height:36px;color:var(--notes-text);font:inherit;cursor:pointer;border-radius:5px;align-items:center;gap:7px;padding:7px 12px;font-weight:600;display:inline-flex}.lesson-notes-column p.lesson-note-empty{color:var(--notes-muted)}.lesson-notes-state{color:var(--notes-muted);margin:0;padding:20px 0;font-size:13px}.lesson-notes-empty{padding-top:20px}.lesson-notes-empty .lesson-notes-state{padding-bottom:0}.lesson-notes-error{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lesson-notes-error button{background:var(--notes-header);border:1px solid var(--notes-border);color:var(--notes-text);cursor:pointer;border-radius:6px;padding:6px 12px}[data-theme=dark] .lesson-notes-card{--notes-text:var(--fxv-text,#f1f5f9);--notes-muted:var(--fxv-text-muted,#a1a1aa);--notes-border:var(--fxv-border,#3a3a3a);--notes-surface:var(--fxv-surface,#242424);--notes-header:#2c2c2c;--notes-divider:#737373;--notes-blue:#93c5fd;--notes-teal:#5eead4;--notes-amber:#fcd34d;--notes-rose:#f9a8c4}[data-theme=dark] .lesson-notes-tabs button[aria-selected=true]{color:#93c5fd;background:#263448}@media (max-width:640px){.lesson-notes-card{padding:16px}.lesson-notes-card [role=tabpanel]{height:560px}.lesson-notes-tabs button{min-height:44px;padding:10px 12px}.lesson-notes-columns{grid-template-columns:minmax(0,1fr);gap:16px}.lesson-notes-column{padding:0}.lesson-notes-column+.lesson-notes-column{border-left:0;border-top:1px solid var(--notes-border);padding:16px 0 0}.lesson-learning-notes{grid-template-columns:minmax(0,1fr)}.lesson-words-section ol{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-lesson-details dl{grid-template-columns:minmax(0,1fr)}.recent-lesson-details dl>div{grid-template-columns:minmax(0,105px) minmax(0,1fr)}}.lesson-advance-material-request{color:#202020;background:#fff;border:1px solid #dbe3ee;border-radius:8px;margin-bottom:16px;padding:20px;font-size:13px}.lesson-advance-material-request header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.lesson-advance-material-request h2{color:inherit;align-items:center;gap:10px;margin:0;font-size:16px;display:flex}.lesson-advance-material-request p{color:#64748b;margin:4px 0;line-height:1.6}.lesson-advance-material-request strong{color:inherit}.lesson-advance-material-request button{color:#64748b;cursor:pointer;background:0 0;border:1px solid #dbe3ee;border-radius:4px;padding:8px}.lesson-advance-material-request button:disabled{opacity:.5}.lesson-advance-material-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.lesson-advance-material-content>div{overflow-wrap:anywhere;min-width:0}.lesson-advance-material-request a{color:#0245ae;flex-shrink:0;align-items:center;gap:8px;display:inline-flex}[data-theme=dark] .lesson-advance-material-request{background:var(--fxv-surface);color:var(--fxv-text);border-color:var(--fxv-border)}[data-theme=dark] .lesson-advance-material-request :is(p,button){color:var(--fxv-text-muted);border-color:var(--fxv-border)}[data-theme=dark] .lesson-advance-material-request a{color:#93c5fd}@media (max-width:600px){.lesson-advance-material-content{flex-direction:column;align-items:flex-start;gap:10px}}.trouble-report-overlay{z-index:10000;background:#0f172ab8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.trouble-report-modal{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:min(100%,500px);max-height:90vh;overflow-y:auto;box-shadow:0 20px 45px #0000003d}.trouble-report-header,.trouble-report-actions{align-items:center;gap:10px;padding:16px 20px;display:flex}.trouble-report-header{border-bottom:1px solid #e2e8f0;justify-content:space-between}.trouble-report-step{color:#64748b;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.trouble-report-header h2{align-items:center;gap:9px;margin:0;font-size:18px;line-height:1.3;display:flex}.trouble-report-header h2 i{color:#d97706}.trouble-report-close{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:5px;flex:0 0 32px;justify-content:center;align-items:center;height:32px;display:inline-flex}.trouble-report-close:disabled{cursor:not-allowed;opacity:.5}.trouble-report-content{padding:20px}.trouble-report-content h3{color:inherit;margin:0 0 14px;font-size:15px}.trouble-report-options{gap:8px;display:grid}.trouble-report-options button{color:#334155;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px;font-size:13px;font-weight:600}.trouble-report-options button:hover{background:#eff6ff;border-color:#60a5fa}.trouble-report-options button.selected{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.trouble-report-reasons{grid-template-columns:repeat(2,minmax(0,1fr))}.trouble-report-error{color:#b91c1c;margin:14px 0 0;font-size:12px;line-height:1.4}.trouble-report-actions{border-top:1px solid #e2e8f0;justify-content:flex-end}.trouble-report-actions button{color:#334155;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:7px 12px;font-size:12px;font-weight:700}.trouble-report-actions .trouble-report-back{margin-right:auto}.trouble-report-actions .trouble-report-submit{color:#fff;background:#2563eb;border-color:#2563eb}.trouble-report-actions button:disabled{opacity:.5;cursor:not-allowed}.trouble-report-modal button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}[data-theme=dark] .trouble-report-modal{border-color:var(--fxv-border);background:var(--fxv-surface);color:var(--fxv-text)}[data-theme=dark] .trouble-report-header,[data-theme=dark] .trouble-report-actions{border-color:var(--fxv-border)}[data-theme=dark] .trouble-report-step{color:var(--fxv-text-muted)}[data-theme=dark] .trouble-report-close,[data-theme=dark] .trouble-report-options button,[data-theme=dark] .trouble-report-actions button:not(.trouble-report-submit){border-color:var(--fxv-border);background:var(--fxv-surface-soft);color:var(--fxv-text)}[data-theme=dark] .trouble-report-options button:hover,[data-theme=dark] .trouble-report-options button.selected{background:#2563eb2e;border-color:#60a5fa}[data-theme=dark] .trouble-report-error{color:#fca5a5}.trouble-report-dialog{background:0 0;border:0;width:min(500px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.trouble-report-dialog::backdrop{background:#000000a6}.trouble-report-dialog .trouble-report-modal{box-sizing:border-box;flex-direction:column;width:100%;max-height:calc(100dvh - 32px);display:flex;overflow:hidden}.trouble-report-dialog .trouble-report-header,.trouble-report-dialog .trouble-report-actions{flex-shrink:0}.trouble-report-dialog .trouble-report-content{min-height:0;overflow-y:auto}[data-theme=dark] .trouble-report-modal{color:#f1f1f1;background:#242424;border-color:#484848}[data-theme=dark] .trouble-report-modal :is(.trouble-report-header,.trouble-report-actions){border-color:#484848}[data-theme=dark] .trouble-report-modal :is(.trouble-report-close,.trouble-report-options button,.trouble-report-actions button:not(.trouble-report-submit)){color:#f1f1f1;background:#303030;border-color:#484848}[data-theme=dark] .trouble-report-modal .trouble-report-step{color:#b1b1b1}[data-theme=dark] .trouble-report-modal .trouble-report-options button.selected{color:#fff;background:#244064;border-color:#60a5fa}.classroom-tutor-report-control{color:#64748b;background:#fff;border-bottom:1px solid #dbe3ee;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 12px;padding:6px 12px;font-size:11px;display:flex}.classroom-tutor-report-control button{color:#202020;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:4px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.classroom-tutor-report-control button:disabled{opacity:.5;cursor:default}.classroom-tutor-report-control button:focus-visible{outline-offset:3px;outline:2px solid #3b82f6}[data-theme=dark] .classroom-tutor-report-control{color:#b1b1b1;background:#242424;border-color:#484848}[data-theme=dark] .classroom-tutor-report-control button{color:#f1f1f1;background:#242424;border-color:#484848}@media (max-width:480px){.trouble-report-reasons{grid-template-columns:minmax(0,1fr)}.trouble-report-header h2{font-size:16px}}.student-profile-page{background:#f8fafc;min-height:100vh;display:flex}.student-profile-content{flex:1;min-width:0;margin-left:116px}.student-profile-main{max-width:1200px;margin:0 auto;padding:32px 48px}.student-profile-state{text-align:center;color:#64748b;padding:32px}.student-profile-state.error{color:#dc2626}.back-button{cursor:pointer;color:#64748b;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:8px 0;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.back-button:hover{color:#0245ae}.back-button i{font-size:14px;transition:transform .2s}.back-button:hover i{transform:translate(-4px)}.lesson-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:20px 24px;display:flex}.lesson-info-header{align-items:center;gap:12px;display:flex}.lesson-info-header i{color:#0245ae;background:#0245ae1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.lesson-info-header h2{color:#1e293b;margin:0;font-size:16px;font-weight:700}.lesson-status-badge{color:#059669;text-transform:capitalize;background:#10b9811a;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.lesson-status-badge.confirmed{color:#059669;background:#10b9811a}.lesson-status-badge.completed{color:#64748b;background:#64748b1a}.lesson-status-badge.cancelled{color:#dc2626;background:#ef44441a}.lesson-info-details{align-items:center;gap:20px;display:flex}.lesson-info-item{color:#64748b;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.lesson-info-item i{color:#94a3b8;font-size:14px}.profile-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:32px}.profile-header-content{align-items:center;gap:32px;display:flex}.profile-photo-container{flex-shrink:0;position:relative}.profile-avatar{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#0245ae 0%,#3b82f6 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:36px;font-weight:700;display:flex}.profile-level-badge{color:#fff;white-space:nowrap;background:#10b981;border:3px solid #fff;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;bottom:0;right:0}.profile-info{flex:1}.profile-name-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.profile-name{color:#1e293b;margin:0;font-size:24px;font-weight:700;line-height:1.2}.profile-id-badge{color:#64748b;letter-spacing:0;background:#f1f5f9;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.profile-action-buttons{flex-direction:row;gap:10px;margin-left:auto;display:flex}.enter-classroom-btn{color:#fff;letter-spacing:.01em;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#2563eb 52%,#60a5fa 100%);border:1px solid #60a5fa57;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px #0245ae47,0 4px 10px #2563eb38,inset 0 1px #ffffff2e}.enter-classroom-btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff2e 0%,#fff0 46%);position:absolute;inset:1px}.enter-classroom-btn:hover:not(:disabled){filter:saturate(1.06)brightness(1.04);border-color:#93c5fd80;transform:translateY(-2px);box-shadow:0 16px 30px #0245ae57,0 6px 14px #2563eb3d,inset 0 1px #ffffff3d}.enter-classroom-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 18px #0245ae42,inset 0 1px #ffffff1f}.enter-classroom-btn i{font-size:16px}.enter-classroom-btn span,.enter-classroom-btn i{z-index:1;color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 1px 2px #07174038;position:relative}.contact-info-grid{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.contact-info-item{align-items:center;gap:8px;display:flex}.contact-info-item i{color:#94a3b8;font-size:14px}.contact-info-item span{color:#64748b;font-size:13px;font-weight:500}.stats-container{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.stat-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;min-width:100px;padding:12px 20px}.stat-card.blue{background:#0245ae0d;border-color:#0245ae33}.stat-card.green{background:#10b9810d;border-color:#10b98133}.stat-card.orange{background:#f59e0b0d;border-color:#f59e0b33}.stat-value{color:#1e293b;font-size:24px;font-weight:700;line-height:1}.stat-card.blue .stat-value{color:#0245ae}.stat-card.green .stat-value{color:#059669}.stat-card.orange .stat-value{color:#d97706}.stat-value.with-icon{justify-content:center;align-items:center;gap:4px;display:flex}.stat-value i{font-size:18px}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:11px;font-weight:600}.stat-card.blue .stat-label{color:#0245ae}.stat-card.green .stat-label{color:#059669}.stat-card.orange .stat-label{color:#b45309}.tabs-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.tab-button{color:#64748b;cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.tab-button:hover{color:#1e293b;background:#f8fafc}.tab-button.active,.tab-button.active:hover{color:#fff;background:#0245ae}.learner-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px 24px}.learner-profile-title{color:#1e293b;margin:0 0 18px;font-size:16px;font-weight:700}.learner-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.learner-profile-field{border-left:1px solid #e2e8f0;flex-direction:column;gap:7px;min-width:0;padding:0 20px;display:flex}.learner-profile-field:first-child{border-left:0;padding-left:0}.learner-profile-label{color:#64748b;font-size:12px;font-weight:700}.learner-profile-field strong{color:#1e293b;overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.4}.learner-profile-note{color:#64748b;font-size:12px;line-height:1.4}.assessment-results{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:18px}.assessment-results[hidden]{display:none}.assessment-results-scores{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.assessment-results-score{flex-direction:column;gap:5px;display:flex}.assessment-results-score span,.assessment-results-remarks h3{color:#64748b;text-transform:capitalize;font-size:12px;font-weight:700}.assessment-results-score strong{color:#1e293b;font-size:16px}.assessment-results-remarks{margin-top:18px}.assessment-results-remarks h3{margin:0 0 8px}.assessment-results-remarks ul{color:#334155;margin:0;padding-left:20px;font-size:13px;line-height:1.6}.assessment-results-assessor{color:#64748b;margin:16px 0 0;font-size:12px}.assessment-results-assessor strong{color:#1e293b}.assessment-results-action{justify-content:flex-end;margin-top:18px;display:flex}.assessment-results-toggle{color:#1d4ed8;min-height:36px;font:inherit;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.assessment-results-toggle:hover{background:#dbeafe}.assessment-results-toggle:focus-visible{outline-offset:2px;outline:2px solid #2563eb}[data-theme=dark] .assessment-results{border-top-color:var(--fxv-border)}[data-theme=dark] .assessment-results-score span,[data-theme=dark] .assessment-results-remarks h3,[data-theme=dark] .assessment-results-assessor{color:var(--fxv-text-muted)}[data-theme=dark] .assessment-results-score strong,[data-theme=dark] .assessment-results-remarks ul,[data-theme=dark] .assessment-results-assessor strong{color:var(--fxv-text)}[data-theme=dark] .assessment-results-toggle{color:#bfdbfe;background:#2563eb26;border-color:#93c5fd59}[data-theme=dark] .assessment-results-toggle:hover{background:#2563eb40}@media (max-width:480px){.assessment-results-scores{grid-template-columns:1fr;gap:12px}.assessment-results-score{flex-direction:row;justify-content:space-between}}@media (max-width:720px){.learner-profile-grid{grid-template-columns:1fr}.learner-profile-field,.learner-profile-field:first-child{border-top:1px solid #e2e8f0;border-left:0;padding:14px 0}.learner-profile-field:first-child{border-top:0;padding-top:0}.learner-profile-field:last-child{padding-bottom:0}}.overview-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.content-card,.content-card.simple{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.card-title{color:#1e293b;align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.card-title i{color:#0245ae;font-size:18px}.card-title.blue{color:#0245ae;font-size:16px}.card-title.blue i{font-size:18px}.card-text{color:#64748b;margin-bottom:20px;font-size:14px;line-height:1.6}.section-subtitle{color:#1e293b;margin-bottom:12px;font-size:14px;font-weight:700}.topic-tags{flex-wrap:wrap;gap:8px;display:flex}.topic-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.sessions-list{flex-direction:column;gap:10px;display:flex}.session-card{background:#f8fafc;border-left:3px solid #0245ae;border-radius:10px;padding:14px 16px}.session-card.completed{background:#f8fafc;border-left-color:#10b981;justify-content:space-between;align-items:center;display:flex}.session-topic{color:#1e293b;margin-bottom:4px;font-size:14px;font-weight:600}.session-card.completed .session-topic{font-size:14px}.session-meta{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.session-meta i{font-size:12px}.session-meta-row{color:#64748b;align-items:center;gap:16px;font-size:13px;display:flex}.session-meta-item{align-items:center;gap:6px;display:flex}.session-meta-item i{font-size:12px}.rating-badge{color:#d97706;background:#fef3c7;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;display:flex}.rating-badge i{font-size:12px}.rating-badge.small{padding:4px 8px;font-size:12px}.rating-badge.small i{font-size:11px}.notes-list{flex-direction:column;gap:12px;display:flex}.note-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.note-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.note-date-time{align-items:center;gap:12px;display:flex}.note-date{color:#1e293b;font-size:13px;font-weight:600}.note-time{color:#94a3b8;font-size:12px}.note-content{color:#64748b;margin:0;font-size:14px;line-height:1.6}.empty-state{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px 24px;display:flex}.empty-state i{color:#cbd5e1;margin-bottom:12px;font-size:40px}.empty-state h3{color:#64748b;margin-bottom:6px;font-size:16px;font-weight:600}.empty-state p{color:#94a3b8;font-size:13px}.test-headset-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.test-headset-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.test-headset-btn i{font-size:14px}.open-chatlog-btn{color:#334155;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:inline-flex}.open-chatlog-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.open-chatlog-btn:focus-visible,.chatlog-close-btn:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.chatlog-modal-overlay{z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.chatlog-modal{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;width:min(100%,640px);max-height:min(760px,90vh);display:flex;box-shadow:0 20px 40px #0000003d}.chatlog-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.chatlog-modal-header h2{align-items:center;gap:9px;margin:0;font-size:17px;display:flex}.chatlog-modal-header h2 i{color:#2563eb}.chatlog-close-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.chatlog-modal-body{min-height:160px;padding:16px 20px;overflow-y:auto}.chatlog-state{color:#64748b;text-align:center;margin:40px 0}.chatlog-error{color:#b91c1c}.chatlog-messages{gap:12px;margin:0;padding:0;list-style:none;display:grid}.chatlog-message{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px}.chatlog-message.tutor{border-left:3px solid #2563eb}.chatlog-message.student{border-left:3px solid #10b981}.chatlog-message-meta{color:#64748b;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:11px;display:flex}.chatlog-message-meta strong{color:#334155;font-size:12px}.chatlog-message p{overflow-wrap:anywhere;white-space:pre-wrap;margin:5px 0 0;font-size:13px;line-height:1.5}.chatlog-message .chatlog-correction{color:#1d4ed8;border-top:1px solid #e2e8f0;padding-top:6px}[data-theme=dark] .open-chatlog-btn{border-color:var(--fxv-border);background:var(--fxv-surface-soft);color:var(--fxv-text)}[data-theme=dark] .open-chatlog-btn:hover{background:#2563eb2e;border-color:#60a5fa}[data-theme=dark] .chatlog-modal{border-color:var(--fxv-border);background:var(--fxv-surface);color:var(--fxv-text)}[data-theme=dark] .chatlog-modal-header,[data-theme=dark] .chatlog-message .chatlog-correction{border-color:var(--fxv-border)}[data-theme=dark] .chatlog-close-btn,[data-theme=dark] .chatlog-message{background:var(--fxv-surface-soft);color:var(--fxv-text)}[data-theme=dark] .chatlog-message{border-color:var(--fxv-border)}[data-theme=dark] .chatlog-message.tutor{border-left-color:#60a5fa}[data-theme=dark] .chatlog-message.student{border-left-color:#34d399}[data-theme=dark] .chatlog-message-meta,[data-theme=dark] .chatlog-state{color:var(--fxv-text-muted)}[data-theme=dark] .chatlog-message-meta strong{color:var(--fxv-text)}[data-theme=dark] .chatlog-error{color:#fca5a5}[data-theme=dark] .chatlog-message .chatlog-correction{color:#93c5fd}.headset-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background:#0f172a80;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.headset-modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:480px;max-height:90vh;margin:auto;animation:.2s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.headset-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.headset-modal-header h2{align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex;color:#1e293b!important}.headset-modal-header h2 i{font-size:20px;color:#0245ae!important}.modal-close-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#1e293b;background:#f1f5f9}.modal-close-btn i{font-size:14px}.headset-modal-content{flex:1;min-height:0;padding:24px;overflow-y:auto}.test-section{margin-bottom:24px}.test-section:last-child{margin-bottom:0}.test-section h3{color:#1e293b;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;display:flex}.test-section h3 i{color:#0245ae;font-size:16px}.test-description{color:#64748b;margin:0 0 12px;font-size:13px}.permission-request-area{text-align:center;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:10px;padding:16px}.permission-request-area .test-description{text-align:center;margin-bottom:16px}.request-permission-btn{color:#fff;cursor:pointer;background:#0245ae;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.request-permission-btn:hover{background:#013d99}.request-permission-btn:active{transform:scale(.98)}.request-permission-btn.camera{background:#059669}.request-permission-btn.camera:hover{background:#047857}.request-permission-btn i{font-size:14px}.retry-permission-btn{cursor:pointer;color:inherit;background:0 0;border:2px solid;border-radius:10px;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.retry-permission-btn:hover{background:#fff3}.cam-status{border-radius:12px;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.cam-status i{font-size:18px}.cam-status.pending{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f64d}.cam-status.denied{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d;flex-wrap:wrap;gap:12px}.cam-status.granted{color:#059669;background:#10b9811a;border:1px solid #10b9814d;margin-bottom:16px}.camera-test-area{grid-template-columns:1fr;gap:16px;display:grid}.camera-preview{background:#0b1220;border:2px solid #0245ae33;border-radius:16px;overflow:hidden}.camera-preview video{width:100%;height:auto;display:block}.camera-controls{gap:12px;display:flex}.camera-btn{cursor:pointer;color:#0245ae;background:#0245ae0d;border:2px solid #0245ae26;border-radius:14px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.camera-btn:hover{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0000}.mic-status{border-radius:12px;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.mic-status i{font-size:18px}.mic-status.pending{color:#d97706;background:#fbbf241a;border:1px solid #fbbf244d}.mic-status.pending i{animation:1s linear infinite spin}.mic-status.denied{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d;flex-wrap:wrap;gap:12px}.mic-status.denied .denied-reason,.cam-status.denied .denied-reason{flex:100%;font-weight:500;line-height:1.5}.mic-status.denied .https-hint,.cam-status.denied .https-hint{background:#fffc;border:1px dashed #ef444466;border-radius:8px;margin-top:10px;padding:12px;font-size:12px;font-weight:400;line-height:1.6}.mic-status.denied .https-hint code,.cam-status.denied .https-hint code{word-break:break-all;background:#0000000d;border-radius:4px;margin:8px 0;padding:6px 10px;font-family:Courier New,monospace;font-size:11px;display:block}.mic-status.granted{color:#059669;background:#10b9811a;border:1px solid #10b9814d;margin-bottom:16px}.mic-test-area{flex-direction:column;gap:12px;display:flex}.mic-level-container{align-items:center;gap:16px;display:flex}.mic-level-bar{background:#0245ae1a;border-radius:12px;flex:1;height:24px;position:relative;overflow:hidden}.mic-level-fill{background:linear-gradient(90deg,#10b981 0%,#059669 50%,#047857 100%);border-radius:12px;height:100%;transition:width 50ms;position:relative}.mic-level-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mic-level-text{color:#0245ae;text-align:right;min-width:45px;font-size:14px;font-weight:800}.speaker-buttons{gap:16px;display:flex}.speaker-btn{cursor:pointer;color:#0245ae;background:#0245ae0d;border:2px solid #0245ae26;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:10px;padding:24px 20px;font-size:15px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.speaker-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 24px #0245ae4d}.speaker-btn:disabled{cursor:not-allowed}.speaker-btn.playing{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0000}.speaker-btn i{font-size:20px}.sound-wave{pointer-events:none;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);width:100%;height:100%;animation:.5s ease-out infinite pulse;position:absolute;top:0;left:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.headset-modal-footer{background:#f8fafccc;border-top:1px solid #0245ae1a;flex-shrink:0;justify-content:flex-end;padding:20px 32px;display:flex}.done-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:14px;padding:14px 40px;font-size:15px;font-weight:800;transition:all .3s;box-shadow:0 4px 16px #10b9814d}.done-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #10b98166}@media screen and (max-width:991px){.student-profile-content{margin-left:0}.student-profile-main{padding:80px 20px 24px}.lesson-info-card{flex-direction:column;align-items:flex-start;gap:16px}.lesson-info-details{flex-wrap:wrap;gap:12px}.profile-header-card{padding:24px}.profile-header-content{text-align:center;flex-direction:column;align-items:center;gap:20px}.profile-avatar{width:80px;height:80px;font-size:28px}.profile-level-badge{padding:4px 8px;font-size:10px}.profile-info{width:100%}.profile-name-row{flex-direction:column;justify-content:center;gap:8px}.profile-name{font-size:20px}.contact-info-grid{justify-content:center}.profile-action-buttons{flex-direction:column;width:100%;margin-left:0}.enter-classroom-btn,.test-headset-btn{justify-content:center;width:100%}.stats-container{justify-content:center}.tabs-container{flex-wrap:wrap}.tab-button{padding:8px 16px;font-size:13px}.overview-grid{grid-template-columns:1fr}.stat-card{min-width:90px;padding:12px 16px}.stat-value{font-size:22px}.stat-label{font-size:10px}.content-card{padding:20px}.card-title{font-size:16px}.card-text{font-size:13px}.section-subtitle{font-size:14px}.topic-tags{gap:8px}.topic-tag{padding:8px 14px;font-size:12px}.session-card{padding:16px}.session-topic{font-size:14px}.session-meta{font-size:12px}.session-card.completed{flex-direction:column;align-items:flex-start;gap:12px}.session-meta-row{flex-direction:column;gap:4px}.note-card{padding:16px}.note-header{flex-direction:column;align-items:flex-start;gap:8px}.note-content{font-size:13px}.back-button{margin-bottom:20px;padding:12px 20px;font-size:14px}.back-button i{font-size:16px}.headset-modal-overlay{padding:12px}.headset-modal{width:100%;max-width:100%;max-height:calc(100vh - 24px)}.headset-modal-header{padding:14px 16px}.headset-modal-header h2{font-size:16px}.modal-close-btn{width:32px;height:32px}.headset-modal-content{padding:16px}.permission-request-area{padding:12px}.request-permission-btn,.retry-permission-btn{width:100%;padding:12px;font-size:13px}.test-section h3{font-size:14px}.test-description{font-size:12px}.speaker-btn{padding:12px;font-size:13px}.camera-preview{height:140px}.headset-modal-footer{flex-shrink:0;padding:16px 20px}.done-btn{width:100%;padding:14px 24px}}@media screen and (max-width:480px){.student-profile-main{padding:70px 12px 20px}.profile-header-card{padding:16px}.profile-avatar{width:64px;height:64px;font-size:24px}.profile-level-badge{padding:3px 6px;font-size:9px}.profile-name{font-size:18px}.stats-container{flex-wrap:wrap;gap:6px}.stat-card{flex:1;min-width:80px;padding:10px 12px}.stat-value{font-size:18px}.stat-label{font-size:9px}.tabs-container{gap:4px}.tab-button{padding:8px 12px;font-size:12px}.content-card{padding:14px}.card-title{font-size:14px}.back-button{margin-bottom:12px;font-size:13px}.headset-modal-overlay{padding:0}.headset-modal{border-radius:0;height:100%;max-height:100vh}.headset-modal-header{padding:12px 14px}.headset-modal-header h2{font-size:15px}.headset-modal-content{padding:14px}}[data-theme=dark] .student-profile-page{background:var(--fxv-bg);color:var(--fxv-text)}[data-theme=dark] .student-profile-content,[data-theme=dark] .student-profile-main{color:var(--fxv-text)}[data-theme=dark] .student-profile-state{color:var(--fxv-text-muted)}[data-theme=dark] .student-profile-state.error{color:#fca5a5}[data-theme=dark] .lesson-info-card,[data-theme=dark] .profile-header-card,[data-theme=dark] .learner-profile-card,[data-theme=dark] .tabs-container,[data-theme=dark] .content-card,[data-theme=dark] .content-card.simple,[data-theme=dark] .empty-state,[data-theme=dark] .stat-card,[data-theme=dark] .note-card,[data-theme=dark] .session-card,[data-theme=dark] .headset-modal,[data-theme=dark] .permission-request-area{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .back-button,[data-theme=dark] .lesson-info-header h2,[data-theme=dark] .profile-name,[data-theme=dark] .stat-value,[data-theme=dark] .card-title,[data-theme=dark] .section-subtitle,[data-theme=dark] .session-topic,[data-theme=dark] .note-date,[data-theme=dark] .empty-state h3,[data-theme=dark] .headset-modal-header h2,[data-theme=dark] .test-section h3{color:var(--fxv-text)!important}[data-theme=dark] .lesson-info-item,[data-theme=dark] .contact-info-item span,[data-theme=dark] .stat-label,[data-theme=dark] .tab-button,[data-theme=dark] .card-text,[data-theme=dark] .topic-tag,[data-theme=dark] .session-meta,[data-theme=dark] .session-meta-row,[data-theme=dark] .note-time,[data-theme=dark] .note-content,[data-theme=dark] .empty-state p,[data-theme=dark] .test-description{color:var(--fxv-text-muted)}[data-theme=dark] .back-button:hover{color:#bfdbfe}[data-theme=dark] .lesson-info-header i{color:#93c5fd;background:#2563eb24}[data-theme=dark] .card-title i,[data-theme=dark] .test-section h3 i{color:#93c5fd}[data-theme=dark] .lesson-info-item i,[data-theme=dark] .contact-info-item i,[data-theme=dark] .session-meta i,[data-theme=dark] .session-meta-item i{color:var(--fxv-text-soft)}[data-theme=dark] .profile-id-badge{background:var(--fxv-surface-soft);color:var(--fxv-text-muted)}[data-theme=dark] .learner-profile-title,[data-theme=dark] .learner-profile-field strong{color:var(--fxv-text)}[data-theme=dark] .learner-profile-label,[data-theme=dark] .learner-profile-note{color:var(--fxv-text-muted)}[data-theme=dark] .learner-profile-field{border-color:var(--fxv-border)}.student-profile-main{box-sizing:border-box;width:min(100%,1200px);max-width:none;padding:24px 36px 48px}.student-profile-main .back-button{margin-bottom:14px}.student-profile-main .lesson-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px 20px;box-shadow:0 3px 12px #0f172a0a}.student-profile-main .lesson-info-header h2{font-size:15px}.student-profile-main .lesson-info-details{flex-wrap:wrap;gap:10px 20px}.student-profile-main .lesson-info-item{color:#334155;font-size:13px}.student-profile-main .profile-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:22px;box-shadow:0 3px 12px #0f172a0a}.student-profile-main .profile-header-content{gap:22px}.student-profile-main .profile-avatar{letter-spacing:0;width:72px;height:72px;font-size:27px}.profile-eyebrow{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.student-profile-main .profile-name{font-size:30px;line-height:1.15}.student-profile-main .profile-name-row{margin-bottom:10px}.student-profile-main .stats-container{margin-top:10px}.student-profile-main .stat-card{border-radius:5px;flex:none;align-items:center;gap:6px;min-width:0;padding:4px 8px;display:inline-flex}.student-profile-main .stat-value{font-size:13px}.student-profile-main .stat-label{letter-spacing:0;margin-top:0;font-size:10px}.student-profile-main .profile-action-buttons{flex-direction:column;flex:none;gap:6px;width:200px;max-width:100%;margin-left:auto}.student-profile-main .enter-classroom-btn,.student-profile-main .test-headset-btn,.student-profile-main .open-chatlog-btn,.student-profile-main .lesson-issue-report-btn{box-sizing:border-box;border-radius:7px;width:100%;min-height:36px;padding:6px 10px}.student-profile-main .learner-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:22px;box-shadow:0 3px 12px #0f172a0a}.student-profile-main .learner-profile-title,.lesson-context-heading h2{color:#1e293b;align-items:center;gap:10px;margin:0 0 16px;font-size:17px;font-weight:700;display:flex}.lesson-section-icon{color:#2563eb;background:#eaf2ff;border-radius:6px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:inline-flex}.student-profile-main .learner-profile-label,.lesson-context-field>span{align-items:center;gap:8px;font-size:13px;display:inline-flex}.student-profile-main .learner-profile-label i,.lesson-context-field>span i{color:#2563eb;text-align:center;width:15px;font-size:13px}.student-profile-main .learner-profile-field strong{font-size:15px}.lesson-recording-notice{color:#1e3a5f;background:#eff6ff;border:1px solid #93c5fd;border-radius:6px;align-items:flex-start;gap:10px;margin:0 0 16px;padding:10px 14px;font-size:13px;line-height:1.45;display:flex}.lesson-recording-notice>i{color:#2563eb;flex:none;margin-top:1px;font-size:16px}.lesson-recording-notice p{margin:0}.lesson-recording-notice strong{color:#1d4ed8}[data-theme=dark] .lesson-recording-notice{color:var(--fxv-text);background:#2563eb1f;border-color:#60a5fa73}[data-theme=dark] .lesson-recording-notice>i,[data-theme=dark] .lesson-recording-notice strong{color:#93c5fd}.lesson-context{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:22px;box-shadow:0 3px 12px #0f172a0a}.lesson-context-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.lesson-context-heading h2{margin:0}.lesson-materials-link{color:#2563eb;white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.lesson-materials-link:hover{text-decoration:underline}.lesson-materials-link:focus-visible{outline-offset:3px;outline:2px solid}.lesson-context-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.lesson-context-column{min-width:0}.lesson-context-column+.lesson-context-column{border-left:1px solid #d8e0ea;padding-left:32px}.lesson-context-column h3{color:#1e293b;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.lesson-context-column h3 i{color:#2563eb;font-size:14px}.lesson-context-bio{color:#475569;overflow-wrap:anywhere;margin:0 0 14px;font-size:13px;line-height:1.5}.lesson-context-field{border-top:1px solid #d8e0ea;flex-direction:column;gap:6px;min-width:0;padding-top:10px;display:flex}.lesson-context-field+.lesson-context-field{margin-top:10px}.lesson-context-field span{color:#64748b;font-size:12px;font-weight:700}.lesson-context-field strong{color:#334155;overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.45}.lesson-context-field small{color:#64748b;font-size:12px;line-height:1.45}.lesson-context-hobbies{flex-wrap:wrap;gap:6px;display:flex}.lesson-context-hobbies strong{border:1px solid #d8e0ea;border-radius:4px;padding:5px 8px;font-size:12px}.lesson-issue-report-btn{color:#92400e;font:inherit;white-space:nowrap;cursor:pointer;background:#fff7ed;border:1px solid #f59e0b;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.lesson-issue-report-btn:hover:not(:disabled){color:#78350f;background:#ffedd5}.lesson-issue-report-btn:disabled{opacity:.5;cursor:not-allowed}.student-profile-main .lesson-issue-report-btn.report-received{color:#be123c;opacity:1;background:#fff1f2;border-color:#be123c}.student-profile-main .lesson-issue-report-btn.report-received:hover{color:#9f1239;background:#ffe4e6}[data-theme=dark] .student-profile-main .lesson-issue-report-btn.report-received{color:#fda4af;background:#3b252b;border-color:#fb7185}.student-profile-main .lesson-report-outcome{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:20px 22px;scroll-margin-top:100px;box-shadow:0 3px 12px #0f172a0a}.lesson-report-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.student-profile-main .lesson-report-header h2{align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;display:flex}.lesson-report-status{color:#1d4ed8;background:#eff6ff;border-radius:5px;flex-shrink:0;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.lesson-report-status--under_review{color:#9a3412;background:#fff7ed}.lesson-report-status--resolved{color:#047857;background:#ecfdf5}.student-profile-main .lesson-report-issue{border-top:1px solid #e2e8f0;margin:16px 0 0;padding-top:14px;font-size:14px;font-weight:600}.lesson-report-fields{gap:12px;margin:14px 0 0;display:grid}.lesson-report-fields:empty{display:none}.lesson-report-fields dt{color:#64748b;margin-bottom:3px;font-size:12px;font-weight:600}.lesson-report-fields dd{margin:0;font-size:14px;line-height:1.6}.lesson-report-issue,.lesson-report-fields dd{white-space:pre-wrap;overflow-wrap:anywhere}.student-report-received .lesson-section-icon{color:#be123c;background:#fff1f2}[data-theme=dark] .student-profile-main .lesson-report-outcome{background:var(--fxv-surface);border-color:var(--fxv-border);color:var(--fxv-text);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .student-profile-main .lesson-report-issue{border-color:var(--fxv-border)}[data-theme=dark] .lesson-report-fields dt{color:var(--fxv-text-muted)}[data-theme=dark] .lesson-report-status{color:#93c5fd;background:#25344b}[data-theme=dark] .lesson-report-status--under_review{color:#fdba74;background:#422e24}[data-theme=dark] .lesson-report-status--resolved{color:#6ee7b7;background:#203d34}[data-theme=dark] .student-report-received .lesson-section-icon{color:#fda4af;background:#3b252b}@media (max-width:720px){.student-profile-main .lesson-report-outcome{padding:16px}.student-profile-main .lesson-report-header h2{font-size:15px}}.lesson-issue-report-btn:focus-visible{outline-offset:2px;outline:2px solid #d97706}[data-theme=dark] .lesson-issue-report-btn{color:#fbbf24;background:#d977061a;border-color:#d97706}[data-theme=dark] .lesson-issue-report-btn:hover:not(:disabled){background:#d9770633}[data-theme=dark] .student-profile-main .lesson-issue-report-btn.report-received:hover:not(:disabled){color:#fda4af;background:#4c2933}.student-profile-main .lesson-issue-report-btn.report-received:focus-visible{outline-color:#be123c}[data-theme=dark] .student-profile-main .lesson-info-card,[data-theme=dark] .student-profile-main .profile-header-card,[data-theme=dark] .student-profile-main .learner-profile-card,[data-theme=dark] .student-profile-main .lesson-context{background:var(--fxv-surface);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .student-profile-main .lesson-info-item,[data-theme=dark] .lesson-context-field strong,[data-theme=dark] .lesson-context-heading h2,[data-theme=dark] .lesson-context-column h3,[data-theme=dark] .student-profile-main .learner-profile-title{color:var(--fxv-text)}[data-theme=dark] .profile-eyebrow,[data-theme=dark] .lesson-context-field span,[data-theme=dark] .lesson-context-field small,[data-theme=dark] .lesson-context-bio{color:var(--fxv-text-muted)}[data-theme=dark] .lesson-context-field,[data-theme=dark] .lesson-context-column+.lesson-context-column,[data-theme=dark] .lesson-context-hobbies strong{border-color:var(--fxv-border)}[data-theme=dark] .lesson-materials-link{color:#93c5fd}[data-theme=dark] .lesson-section-icon{color:#93c5fd;background:#2563eb2e}[data-theme=dark] .student-profile-main .learner-profile-label i,[data-theme=dark] .lesson-context-field>span i,[data-theme=dark] .lesson-context-column h3 i{color:#93c5fd}@media (max-width:991px){.student-profile-main{padding:78px 20px 32px}.student-profile-main .profile-header-content{text-align:left;align-items:flex-start}.student-profile-main .profile-action-buttons{align-self:flex-end}.student-profile-main .contact-info-grid{justify-content:flex-start}.student-profile-main .profile-name-row{flex-direction:row;justify-content:flex-start}.student-profile-main .stats-container{justify-content:flex-start}}@media (max-width:720px){.student-profile-main .lesson-info-card{gap:12px}.student-profile-main .profile-header-content{gap:14px}.student-profile-main .profile-name{font-size:24px}.student-profile-main .profile-action-buttons{flex-wrap:nowrap;align-self:stretch;width:100%}.student-profile-main .enter-classroom-btn,.student-profile-main .test-headset-btn,.student-profile-main .open-chatlog-btn,.student-profile-main .lesson-issue-report-btn{flex:none}.lesson-context-columns{grid-template-columns:1fr;gap:18px}.lesson-context-column+.lesson-context-column{border-top:1px solid #d8e0ea;border-left:0;padding-top:18px;padding-left:0}}@media (max-width:480px){.trouble-report-reasons{grid-template-columns:1fr}}[data-theme=dark] .profile-level-badge{border-color:var(--fxv-surface)}[data-theme=dark] .stat-card{background:var(--fxv-surface-soft)}[data-theme=dark] .stat-card.blue{background:#2563eb24;border-color:#7cb8ff38}[data-theme=dark] .stat-card.green{background:#16a34a1f;border-color:#4ade8038}[data-theme=dark] .stat-card.orange{background:#d9770624;border-color:#fbbf243d}[data-theme=dark] .stat-card.blue .stat-value,[data-theme=dark] .stat-card.blue .stat-label{color:#93c5fd}[data-theme=dark] .stat-card.green .stat-value,[data-theme=dark] .stat-card.green .stat-label{color:#86efac}[data-theme=dark] .stat-card.orange .stat-value,[data-theme=dark] .stat-card.orange .stat-label{color:#fcd34d}[data-theme=dark] .test-headset-btn{background:var(--fxv-surface-soft);color:var(--fxv-text);border-color:var(--fxv-border)}[data-theme=dark] .test-headset-btn:hover{color:var(--fxv-text);border-color:var(--fxv-border-strong);background:#ffffff14}[data-theme=dark] .enter-classroom-btn{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 52%,#60a5fa 100%);border-color:#7cb8ff57;box-shadow:0 14px 28px #00000042,0 6px 14px #2563eb3d,inset 0 1px #ffffff29}[data-theme=dark] .enter-classroom-btn:hover:not(:disabled){border-color:#93c5fd80;box-shadow:0 18px 34px #00000052,0 8px 18px #2563eb47,inset 0 1px #ffffff38}.enter-classroom-btn:disabled{color:#748091;box-shadow:none;cursor:not-allowed;filter:none;background:#e9edf3;border-color:#d2dbe5;transform:none}.enter-classroom-btn:disabled:before{display:none}.enter-classroom-btn:disabled span,.enter-classroom-btn:disabled i{color:inherit;-webkit-text-fill-color:currentColor}[data-theme=dark] .enter-classroom-btn:disabled{color:#989898;box-shadow:none;background:#303030;border-color:#484848}[data-theme=dark] .tabs-container{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%)}[data-theme=dark] .tab-button:hover{color:var(--fxv-text);background:#ffffff0f}[data-theme=dark] .tab-button.active{background:linear-gradient(135deg, var(--fxv-accent) 0%, var(--fxv-accent-strong) 100%);color:#fff}[data-theme=dark] .topic-tag{background:var(--fxv-surface-soft);color:var(--fxv-text-muted)}[data-theme=dark] .session-card,[data-theme=dark] .note-card{background:#ffffff08}[data-theme=dark] .session-card{border-left-color:#60a5fa}[data-theme=dark] .session-card.completed{background:#ffffff08;border-left-color:#4ade80}[data-theme=dark] .rating-badge{color:#fbbf24;background:#f59e0b29}[data-theme=dark] .headset-modal-overlay{background:#0009}[data-theme=dark] .headset-modal{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%);border:1px solid var(--fxv-border)}[data-theme=dark] .headset-modal-header{background:var(--fxv-surface);border-bottom-color:var(--fxv-border)}[data-theme=dark] .modal-close-btn{background:var(--fxv-surface-soft);color:var(--fxv-text-muted)}[data-theme=dark] .modal-close-btn:hover{color:var(--fxv-text);background:#ffffff14}[data-theme=dark] .permission-request-area{border-color:var(--fxv-border);background:#ffffff08}[data-theme=dark] .mic-status.pending,[data-theme=dark] .cam-status.pending{color:#93c5fd;background:#3b82f61f;border-color:#60a5fa4d}[data-theme=dark] .mic-status.denied,[data-theme=dark] .cam-status.denied{color:#fca5a5;background:#7f1d1d29;border-color:#f8717142}[data-theme=dark] .mic-status.granted,[data-theme=dark] .cam-status.granted{color:#86efac;background:#14532d2e;border-color:#4ade803d}[data-theme=dark] .mic-status.denied .https-hint,[data-theme=dark] .cam-status.denied .https-hint{background:#ffffff0a;border-color:#f8717138}[data-theme=dark] .mic-status.denied .https-hint code,[data-theme=dark] .cam-status.denied .https-hint code{color:var(--fxv-text);background:#ffffff0f}[data-theme=dark] .camera-preview{border-color:#7cb8ff3d}[data-theme=dark] .camera-btn,[data-theme=dark] .speaker-btn{color:#93c5fd;background:#2563eb1a;border-color:#7cb8ff33}[data-theme=dark] .camera-btn:hover,[data-theme=dark] .speaker-btn:hover:not(:disabled),[data-theme=dark] .speaker-btn.playing{background:linear-gradient(135deg, var(--fxv-accent) 0%, var(--fxv-accent-strong) 100%);color:#fff}[data-theme=dark] .mic-level-bar{background:#ffffff14}[data-theme=dark] .mic-level-text{color:#93c5fd}[data-theme=dark] .headset-modal-footer{border-top-color:var(--fxv-border);background:#ffffff08}.tutor-recording-dialog{--recording-bg:#fff;--recording-text:#202636;--recording-muted:#647184;--recording-border:#dfe5ed;border:1px solid var(--recording-border);background:var(--recording-bg);width:min(480px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--recording-text);font:inherit;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:8px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.tutor-recording-dialog[open]{flex-direction:column;display:flex}.tutor-recording-dialog::backdrop{background:#0009}[data-theme=dark] .tutor-recording-dialog{--recording-bg:var(--fxv-surface,#262626);--recording-text:var(--fxv-text,#f1f3f6);--recording-muted:var(--fxv-text-muted,#aab2bd);--recording-border:var(--fxv-border,#3c3c3c);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tutor-recording-dialog *{box-sizing:border-box;letter-spacing:0}.tutor-recording-dialog header{border-bottom:1px solid var(--recording-border);flex-shrink:0;align-items:center;gap:12px;padding:18px 20px;display:flex}.tutor-recording-dialog header img{object-fit:contain;flex-shrink:0;width:40px;height:40px}.tutor-recording-dialog h2{min-width:0;color:inherit;outline:none;flex:1;margin:0;font-size:18px;line-height:1.4}.tutor-recording-dialog button{font:inherit;box-shadow:none;cursor:pointer}.tutor-recording-dialog svg{flex-shrink:0}.tutor-recording-dialog .recording-close{border:1px solid var(--recording-border);background:var(--recording-bg);width:36px;height:36px;color:var(--recording-muted);border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:grid;position:static!important}.tutor-recording-dialog .recording-dialog-body{min-height:0;padding:20px;overflow-y:auto}.tutor-recording-dialog p{color:inherit;margin:0 0 16px;font-size:14px;line-height:1.65}.tutor-recording-dialog .recording-details{color:var(--recording-muted);font-size:12px}.tutor-recording-dialog .recording-current-choice{font-size:12px;font-weight:600}.tutor-recording-dialog .recording-authority{color:var(--recording-text);cursor:pointer;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;display:flex}.tutor-recording-dialog .recording-authority input{appearance:auto;accent-color:#0245ae;flex-shrink:0;width:17px;height:17px;margin:2px 0 0}.tutor-recording-dialog footer{border-top:1px solid var(--recording-border);flex-wrap:wrap;flex-shrink:0;gap:12px;padding:16px 20px;display:flex}.tutor-recording-dialog footer button{border:1px solid var(--recording-border);background:var(--recording-bg);min-height:44px;color:var(--recording-text);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:650;display:flex}.tutor-recording-dialog .recording-agree{border-color:#0245ae;color:#fff!important;background:#0245ae!important}.tutor-recording-dialog .recording-agree:hover:not(:disabled){background:#063b8d!important}.tutor-recording-dialog .recording-decline:hover:not(:disabled){background:#64718414}.tutor-recording-dialog button:disabled{opacity:.5;cursor:default}.tutor-recording-dialog :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #79b5ff}.tutor-recording-dialog .recording-error{color:#bd3547;background:#fff4f5;border:1px solid #efcdd3;border-radius:6px;align-items:flex-start;gap:8px;padding:12px;font-size:12px;display:flex}.tutor-recording-dialog .recording-error svg{margin-top:2px}[data-theme=dark] .tutor-recording-dialog .recording-error{color:#ff9ca8;background:#38262a;border-color:#74454d}.tutor-recording-dialog .recording-saving{color:var(--recording-muted);flex-basis:100%;font-size:12px}.recording-spinner{animation:1s linear infinite recording-spin}@keyframes recording-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.recording-spinner{animation:none}}@media (max-width:360px){.tutor-recording-dialog header{gap:8px;padding:16px}.tutor-recording-dialog h2{font-size:16px}.tutor-recording-dialog header img{width:32px;height:32px}.tutor-recording-dialog footer,.tutor-recording-dialog .recording-dialog-body{padding:16px}}.pdf-viewer-wrapper{background:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden auto}.pdf-viewer-wrapper::-webkit-scrollbar{width:6px}.pdf-viewer-wrapper::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.pdf-viewer-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:3px}.pdf-viewer-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0336a0 0%,#3b8fee 100%)}.pdf-toolbar{z-index:100;background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000a}.page-navigation{background:#f1f5f9;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:flex}.nav-btn{cursor:pointer;color:#64748b;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000014}.nav-btn:hover:not(:disabled){background:var(--primary-color,#7b4aff);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #7b4aff40}.nav-btn:active:not(:disabled){transform:translateY(0)}.nav-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.nav-btn svg{width:18px;height:18px}.page-indicator{color:#475569;text-align:center;min-width:65px;padding:0 8px;font-size:14px;font-weight:600}.jump-to-page{border-left:1px solid #e2e8f0;align-items:center;gap:6px;margin-left:6px;padding-left:10px;display:flex}.jump-to-page input{text-align:center;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:60px;padding:8px 10px;font-size:14px;transition:all .2s}.jump-to-page input::placeholder{color:#94a3b8;font-size:12px}.jump-to-page input:focus{border-color:var(--primary-color,#7b4aff);outline:none;box-shadow:0 0 0 3px #7b4aff1a}.jump-to-page button{background:var(--primary-color,#7b4aff);cursor:pointer;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #7b4aff40}.jump-to-page button:hover{background:var(--primary-hover,#6a3de8);transform:translateY(-1px);box-shadow:0 4px 12px #7b4aff4d}.jump-to-page button:active{transform:translateY(0)}.highlighter-toolbar{align-items:center;gap:10px;display:flex}.highlighter-toggle{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.highlighter-toggle:before{content:"";background:linear-gradient(135deg, var(--primary-color,#7b4aff) 0%, #9f7aea 100%);opacity:0;z-index:0;width:100%;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.highlighter-toggle:hover{background:#e2e8f0;transform:translateY(-1px)}.highlighter-toggle.active{color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #7b4aff59}.highlighter-toggle.active:before{opacity:1}.highlighter-toggle svg,.highlighter-toggle span{z-index:1;position:relative}.highlighter-toggle svg{width:18px;height:18px}.color-picker{gap:6px;display:flex}.color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .2s}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#1e293b;box-shadow:0 0 0 2px #fff,0 0 0 4px #1e293b}.clear-btn{cursor:pointer;color:#dc2626;background:#fef2f2;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.clear-btn:hover{background:#fee2e2;transform:translateY(-1px);box-shadow:0 4px 12px #dc262626}.clear-btn:active{transform:translateY(0)}.clear-btn svg{width:16px;height:16px}.highlight-canvas{pointer-events:none;z-index:5;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.pdf-pages-container{background:#fff;flex-direction:column;align-items:center;width:100%;display:flex}.pdf-page-wrapper{width:100%;position:relative}.pdf-page-canvas{display:block;width:100%!important;height:auto!important}.textLayer{opacity:.2;pointer-events:auto;z-index:10;line-height:1;position:absolute;top:0;left:0;overflow:hidden;width:100%!important;height:100%!important}.textLayer span,.textLayer br{color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}.textLayer .highlight{background-color:#b400aa66;border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#00640066}.textLayer ::selection{background:#0000ff4d}.pdf-loading,.pdf-error{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:200px;font-size:14px;display:flex}.pdf-spinner{border:3px solid #0245ae33;border-top-color:#0245ae;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite pdf-spin}@keyframes pdf-spin{to{transform:rotate(360deg)}}.pdf-error{color:#dc2626}.dispatch-picker{--dp-surface:#fff;--dp-muted-surface:#f8fafc;--dp-text:#1e293b;--dp-muted:#64748b;--dp-border:#e2e8f0;min-width:0;color:var(--dp-text);gap:10px;display:grid}.material-selector-layout.material-selector-layout--dispatch{grid-template-columns:minmax(0,1fr)}.material-selector-layout--dispatch .material-selector-trigger{border-radius:6px;height:44px;min-height:44px;padding:7px 10px}.dp-section{border:1px solid var(--dp-border);background:var(--dp-surface);border-radius:6px;min-width:0;overflow:hidden}.dp-heading{border-bottom:1px solid var(--dp-border);background:var(--dp-muted-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.dispatch-picker .dp-heading h3{color:var(--dp-text);align-items:center;gap:8px;margin:0;font-size:13px;line-height:1.4;display:flex}.dp-heading h3 i{color:#3b82f6}.dp-heading>span{color:var(--dp-muted);font-size:12px}.dp-filters{border-bottom:1px solid var(--dp-border);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:10px;padding:8px 10px;display:grid}.dp-filters label{min-width:0;color:var(--dp-muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.dp-filters select{border:1px solid var(--dp-border);background:var(--dp-surface);width:100%;min-width:0;min-height:30px;color:var(--dp-text);font:inherit;border-radius:4px;padding:4px 8px;font-size:12px}.dp-article{border-bottom:1px solid var(--dp-border);grid-template-columns:88px minmax(0,1fr) 110px;align-items:center;gap:10px;padding:8px 10px;display:grid}.dp-article:last-child{border-bottom:0}.dp-article time{color:var(--dp-muted);font-size:12px;line-height:1.5}.dp-article-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.dp-article-copy strong{color:var(--dp-text);overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.4}.dp-category{color:#166534;overflow-wrap:anywhere;background:#dcfce7;border-radius:4px;max-width:100%;padding:3px 7px;font-size:11px;font-weight:600}.dispatch-picker .dp-open{color:#fff;text-align:center;white-space:nowrap;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:4px;justify-content:center;align-items:center;gap:7px;width:110px;min-height:30px;padding:5px 8px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}.dp-open:hover{background:#1d4ed8}.dispatch-picker .dp-open>span,[data-theme=dark] .dispatch-picker .dp-open>span{color:#fff}.dp-empty{color:var(--dp-muted);margin:0;padding:14px 10px;font-size:12px;line-height:1.5}.dp-pagination{color:var(--dp-muted);border-top:1px solid var(--dp-border);justify-content:space-between;align-items:center;gap:12px;padding:3px 10px;font-size:11px;display:flex}.dp-pagination>div{align-items:center;gap:10px;display:flex}.dp-pagination button{border:1px solid var(--dp-border);background:var(--dp-surface);width:28px;height:28px;color:var(--dp-text);cursor:pointer;border-radius:4px;place-items:center;display:grid}.dp-pagination button:disabled{opacity:.4;cursor:not-allowed}.dispatch-picker button:focus-visible,.dp-filters select:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.dp-state{flex-wrap:wrap;align-items:center;padding:24px 14px;font-size:13px;display:flex}.dp-material-position{color:var(--dp-muted);font-size:11px;line-height:1.5}.curriculum-picker .dp-article-copy{grid-template-columns:minmax(0,1fr)}@media (min-width:701px){.dispatch-picker{grid-template-rows:80px minmax(0,1fr);height:347px}.dp-section{flex-direction:column;display:flex}.dp-heading,.dp-filters,.dp-pagination{flex-shrink:0}.dp-heading{box-sizing:border-box;min-height:33px}.dp-results{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));min-height:0;display:grid}.dp-results>.dp-empty{grid-row:1/-1}.dp-article{box-sizing:border-box;min-height:0}.dp-article-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dp-category{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.lesson-request-container--dispatch .lesson-request-section{box-sizing:border-box;flex-direction:column;flex:0 0 185px;height:185px;display:flex}.lesson-request-container--dispatch .lesson-request-header{flex-shrink:0}.lesson-request-container--dispatch .lesson-request-body{flex:1;min-height:0;overflow-y:auto}.lesson-request-container--dispatch .request-summary-grid{grid-auto-rows:74px}.lesson-request-container--dispatch .request-stat-card{min-width:0}.lesson-request-container--dispatch .request-detail-value--text,.lesson-request-container--dispatch .request-link--material{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lesson-request-container--dispatch .material-selector-section{min-height:466px}}.dp-retry{border:1px solid var(--dp-border);background:var(--dp-surface);color:var(--dp-text);cursor:pointer;border-radius:6px;padding:8px 12px}[data-theme=dark] .dispatch-picker{--dp-surface:var(--fxv-surface,#202020);--dp-muted-surface:var(--fxv-surface-muted,#242424);--dp-text:var(--fxv-text,#f3f4f6);--dp-muted:var(--fxv-text-muted,#a1a1aa);--dp-border:var(--fxv-border,#3a3a3a)}[data-theme=dark] .dp-category{color:#86efac;background:#163a2c}@media (max-width:700px){.dp-article{grid-template-columns:minmax(0,1fr) 110px;gap:8px 12px}.dp-article time{grid-column:1/-1}.dp-article-copy{grid-template-columns:minmax(0,1fr);gap:5px}.dp-category{justify-self:start}}.lesson-request-container.lesson-request-container--dispatch{gap:10px;padding:10px 16px 12px}.lesson-request-container--dispatch .lesson-request-header,.lesson-request-container--dispatch .material-selector-header{gap:10px;padding:8px 12px}.lesson-request-container--dispatch .lesson-request-title,.lesson-request-container--dispatch .material-selector-label{font-size:16px}.lesson-request-container--dispatch .lesson-request-title i,.lesson-request-container--dispatch .material-selector-header-icon{border-radius:6px;width:26px;height:26px}.lesson-request-container--dispatch .lesson-request-meta{flex-flow:wrap;align-items:center;gap:6px}.lesson-request-container--dispatch .lesson-request-status,.lesson-request-container--dispatch .lesson-request-updated{min-height:22px;margin:0;padding:3px 7px;font-size:10px;line-height:1.3}.lesson-request-container--dispatch .lesson-request-subtitle,.lesson-request-container--dispatch .material-selector-description,.lesson-request-container--dispatch .material-selector-trigger-subtitle,.lesson-request-container--dispatch .material-selector-field-label,.lesson-request-container--dispatch .request-detail-meta,.lesson-request-container--dispatch .preference-card-note{display:none}.lesson-request-container--dispatch .lesson-request-body,.lesson-request-container--dispatch .material-selector-body{padding:10px}.lesson-request-container--dispatch .material-selector-layout{gap:10px}.lesson-request-container--dispatch .material-selector-trigger-icon{border-radius:6px;width:26px;height:26px}.lesson-request-container--dispatch .lesson-request-content{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:10px}.lesson-request-container--dispatch .lesson-request-details,.lesson-request-container--dispatch .student-preferences-sidebar{border-radius:6px;height:auto;min-height:0;padding:8px}.lesson-request-container--dispatch .request-material-summary{gap:6px}.lesson-request-container--dispatch .request-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:0}.lesson-request-container--dispatch .request-stat-card{border-radius:4px;padding:7px}.lesson-request-container--dispatch .request-stat-card--wide{grid-column:auto}.lesson-request-container--dispatch .request-detail-value--text,.lesson-request-container--dispatch .request-link--material{font-size:13px;line-height:1.4}.lesson-request-container--dispatch .request-detail-label{margin-bottom:4px}.lesson-request-container--dispatch .student-preferences-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.lesson-request-container--dispatch .preference-panel-title{margin:0;font-size:13px}.lesson-request-container--dispatch .preference-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.lesson-request-container--dispatch .preference-row{border-radius:4px;grid-template-columns:24px minmax(0,1fr);gap:7px;min-height:0;padding:5px}.lesson-request-container--dispatch .preference-row-icon{border-radius:4px;width:24px;height:24px}.lesson-request-container--dispatch .preference-card-value{font-size:12px}.lesson-request-container--dispatch .request-detail-label,.lesson-request-container--dispatch .preference-card-label{letter-spacing:0}@media (max-width:700px){.lesson-request-container--dispatch .lesson-request-content{grid-template-columns:minmax(0,1fr)}.lesson-request-container--dispatch .request-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-request-container--dispatch .request-stat-card--wide{grid-column:1/-1}.lesson-request-container--dispatch .preference-list{grid-template-columns:minmax(0,1fr)}.dp-filters label{flex-direction:column;align-items:stretch;gap:3px}.dp-filters select{min-height:36px}.dp-pagination button{width:36px;height:36px}}@media (max-width:480px){.dp-article{grid-template-columns:minmax(0,1fr)}.dp-article time{grid-column:auto}.dispatch-picker .dp-open{justify-self:start;min-height:40px}.dp-filters{gap:6px;padding:12px 10px}.dp-filters select{padding:7px 4px;font-size:12px}}.beve{--beve-tutor-sticky-top:24px;--beve-tutor-sticky-bottom-gap:24px;color:#e4e4e7;background:#0c0c12;flex-direction:column;height:100vh;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.beve-toolbar{color:#fff;z-index:50;background:linear-gradient(45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(-45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,linear-gradient(-45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,linear-gradient(135deg,#0e0a18 0%,#110d1c 50%,#0a0814 100%) 0 0/100% 100%;border-bottom:1px solid #7c3aed59;justify-content:space-between;align-items:center;gap:12px;height:54px;min-height:54px;padding:0 20px;display:flex;box-shadow:0 2px 12px #4c1d9533,inset 0 -1px #7c3aed26}.beve-toolbar-left{align-items:center;gap:10px;display:flex}.beve-toolbar-left .beve-back-btn{color:#c4b5fd;cursor:pointer;background:#7c3aed14;border:1px solid #7c3aed40;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.beve-toolbar-left .beve-back-btn:hover{color:#ddd6fe;background:#7c3aed2e;border-color:#7c3aed73;box-shadow:0 0 10px #7c3aed26}.beve-toolbar-divider{background:linear-gradient(#0000,#7c3aed4d,#0000);width:1px;height:28px}.beve-toolbar-title{color:#d4d4d8;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.beve-toolbar-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#6d28d9,#4c1d95);border-radius:5px;padding:3px 10px;font-size:10px;font-weight:700;box-shadow:0 1px 4px #6d28d94d}.beve-toolbar-center{color:#a1a1aa;align-items:center;gap:6px;font-size:13px;display:flex}.beve-toolbar-center i{color:#a78bfa}.beve-toolbar-right{align-items:center;gap:10px;display:flex}.beve-toolbar-btn{color:#c4b5fd;cursor:pointer;background:#7c3aed14;border:1px solid #7c3aed40;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.beve-toolbar-btn:hover{background:#7c3aed2e;border-color:#7c3aed66;box-shadow:0 0 10px #7c3aed1f}.beve-toolbar-btn.primary{color:#fff;background:linear-gradient(135deg,#6d28d9,#4c1d95);border-color:#7c3aed;box-shadow:0 2px 8px #6d28d94d}.beve-toolbar-btn.primary:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 2px 12px #7c3aed66}.beve-save-status{color:#a1a1aa;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;min-height:32px;margin-right:4px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.beve-save-status i{font-size:14px}.beve-save-status.pending{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2447}.beve-save-status.pending i{animation:1s linear infinite spin}.beve-save-status.saved{color:#34d399;background:#34d39914;border-color:#34d39942}.beve-body{flex:1;display:flex;overflow:hidden}.beve-sidebar{background:linear-gradient(#0f0d18,#0b0a12);border-right:1px solid #7c3aed26;flex-direction:column;width:210px;min-width:210px;display:flex;overflow-y:auto}.beve-sidebar-header{letter-spacing:1.5px;text-transform:uppercase;color:#7c3aed;padding:16px 16px 10px;font-size:10px;font-weight:700}.beve-sidebar-pages{flex-direction:column;gap:3px;padding:0 8px;display:flex}.beve-sidebar-page{cursor:pointer;color:#a1a1aa;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;transition:all .2s;display:flex;position:relative}.beve-sidebar-page:hover{color:#c4b5fd;background:#7c3aed14}.beve-sidebar-page.active{color:#ddd6fe;background:linear-gradient(135deg,#7c3aed26,#4c1d9526);font-weight:600;box-shadow:0 0 16px #7c3aed14}.beve-sidebar-page.active:before{content:"";background:linear-gradient(#a78bfa,#7c3aed);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0;box-shadow:0 0 8px #7c3aed80}.beve-sidebar-page .beve-page-num{color:#71717a;background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.beve-sidebar-page.active .beve-page-num{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 0 8px #7c3aed59}.beve-sidebar-page .beve-page-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.beve-canvas{background:radial-gradient(at 20% 0,#4c1d950f 0%,#0000 60%),radial-gradient(at 80% 100%,#7c3aed0a 0%,#0000 60%),#0c0c12;flex-direction:column;flex:1;align-items:center;gap:36px;padding:28px;display:flex;overflow-y:auto}.beve-canvas::-webkit-scrollbar{width:8px}.beve-canvas::-webkit-scrollbar-track{background:#0c0c12}.beve-canvas::-webkit-scrollbar-thumb{background:#7c3aed40;border-radius:4px}.beve-canvas::-webkit-scrollbar-thumb:hover{background:#7c3aed66}.beve-page{zoom:1.15;background:#141420;border:1px solid #7c3aed1f;border-radius:12px;flex-shrink:0;width:100%;max-width:1050px;scroll-margin-top:28px;transition:box-shadow .3s;overflow:visible;box-shadow:0 2px 8px #0000004d,0 8px 32px #00000026,0 0 0 1px #7c3aed0f}.beve-page:hover{box-shadow:0 2px 8px #0000004d,0 8px 32px #00000026,0 0 24px #7c3aed14}.beve-page-header{color:#fff;background:linear-gradient(45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(-45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,linear-gradient(-45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,repeating-linear-gradient(-55deg,#0000 0 18px,#7c3aed0f 18px 20px,#0000 20px 38px) 0 0/100% 100% no-repeat,radial-gradient(at 15%,#7c3aed1f 0%,#0000 55%) 0 0/100% 100% no-repeat,radial-gradient(at 85% 30%,#8b5cf61a 0%,#0000 50%) 0 0/100% 100% no-repeat,radial-gradient(at 50% 80%,#4c1d9514 0%,#0000 50%) 0 0/100% 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='100'%3E%3Cdefs%3E%3Cstyle%3Eline,polyline%7Bfill:none;stroke:rgba(124,58,237,0.18);stroke-width:1.4%7Dcircle%7Bfill:rgba(124,58,237,0.22)%7D%3C/style%3E%3C/defs%3E%3Cline x1='0' y1='30' x2='40' y2='30'/%3E%3Cpolyline points='40,30 50,20 90,20'/%3E%3Ccircle cx='90' cy='20' r='2.5'/%3E%3Cline x1='90' y1='20' x2='130' y2='20'/%3E%3Cpolyline points='130,20 140,30 170,30'/%3E%3Ccircle cx='170' cy='30' r='2'/%3E%3Cline x1='170' y1='30' x2='200' y2='30'/%3E%3Cline x1='20' y1='70' x2='60' y2='70'/%3E%3Cpolyline points='60,70 70,80 110,80'/%3E%3Ccircle cx='110' cy='80' r='2.5'/%3E%3Cline x1='110' y1='80' x2='150' y2='80'/%3E%3Cpolyline points='150,80 160,70 200,70'/%3E%3Ccircle cx='60' cy='70' r='2'/%3E%3Cline x1='45' y1='0' x2='45' y2='15'/%3E%3Cpolyline points='45,15 55,25'/%3E%3Cline x1='155' y1='100' x2='155' y2='85'/%3E%3Cpolyline points='155,85 145,75'/%3E%3Ccircle cx='45' cy='50' r='1.5'/%3E%3Cline x1='45' y1='50' x2='80' y2='50'/%3E%3Ccircle cx='80' cy='50' r='2'/%3E%3Cline x1='80' y1='50' x2='120' y2='50'/%3E%3Cpolyline points='120,50 130,40 160,40'/%3E%3Ccircle cx='160' cy='40' r='1.5'/%3E%3C/svg%3E") 0 0/200px 100px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cdefs%3E%3Cstyle%3Epath%7Bfill:none;stroke:rgba(124,58,237,0.16);stroke-width:1.6%7Dcircle%7Bfill:none;stroke:rgba(124,58,237,0.16);stroke-width:1.6%7D%3C/style%3E%3C/defs%3E%3Ccircle cx='60' cy='60' r='20'/%3E%3Ccircle cx='60' cy='60' r='8'/%3E%3Cpath d='M60 36 L57 28 L63 28Z'/%3E%3Cpath d='M60 84 L57 92 L63 92Z'/%3E%3Cpath d='M36 60 L28 57 L28 63Z'/%3E%3Cpath d='M84 60 L92 57 L92 63Z'/%3E%3Cpath d='M43 43 L37 37 L42 35Z'/%3E%3Cpath d='M77 77 L83 83 L78 85Z'/%3E%3Cpath d='M77 43 L83 37 L85 42Z'/%3E%3Cpath d='M43 77 L37 83 L35 78Z'/%3E%3Cpath d='M55 37 L53 29 L57 28Z'/%3E%3Cpath d='M65 83 L67 91 L63 92Z'/%3E%3Cpath d='M37 55 L29 53 L28 57Z'/%3E%3Cpath d='M83 65 L91 67 L92 63Z'/%3E%3C/svg%3E") right 20px top -10px/120px 120px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cdefs%3E%3Cstyle%3Epath%7Bfill:none;stroke:rgba(139,92,246,0.14);stroke-width:1.3%7Dcircle%7Bfill:none;stroke:rgba(139,92,246,0.14);stroke-width:1.3%7D%3C/style%3E%3C/defs%3E%3Ccircle cx='40' cy='40' r='14'/%3E%3Ccircle cx='40' cy='40' r='5'/%3E%3Cpath d='M40 23L38 17 42 17Z'/%3E%3Cpath d='M40 57L38 63 42 63Z'/%3E%3Cpath d='M23 40L17 38 17 42Z'/%3E%3Cpath d='M57 40L63 38 63 42Z'/%3E%3Cpath d='M28 28L23 23 27 22Z'/%3E%3Cpath d='M52 52L57 57 53 58Z'/%3E%3Cpath d='M52 28L57 23 58 27Z'/%3E%3Cpath d='M28 52L23 57 22 53Z'/%3E%3C/svg%3E") right 90px bottom -5px/80px 80px,linear-gradient(135deg,#0a0614 0%,#110b20 30%,#0d0818 60%,#12091f 100%) 0 0/100% 100% no-repeat;border-bottom:1px solid #7c3aed40;flex-direction:column;gap:0;padding:12px 22px 10px;display:flex;position:relative;overflow:hidden}.beve-page-header:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#7c3aed0a 20%,#8b5cf612 40%,#4c1d950d 60%,#7c3aed08 80%,#0000 100%);position:absolute;inset:0}.beve-page-header:after{content:"";background:linear-gradient(90deg,#0000,#7c3aed80,#8b5cf699,#7c3aed80,#0000);height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 8px #7c3aed4d}.beve-page-header-left{z-index:1;flex-direction:column;flex:1;gap:0;display:flex;position:relative}.beve-header-row1{z-index:1;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-bottom:5px;padding-bottom:4px;display:flex;position:relative}.beve-header-brand{align-items:baseline;gap:8px;display:flex}.beve-header-brand-text{letter-spacing:-.3px;align-items:baseline;font-size:16px;font-weight:800;display:inline-flex;position:relative}.beve-header-brand-text .brand-fluent{background:linear-gradient(135deg,#e9d5ff 0%,#d8c4f8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.beve-header-brand-text .brand-x{background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 50%,#6d28d9 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #7c3aed99)drop-shadow(0 0 16px #7c3aed4d);-webkit-background-clip:text;background-clip:text;margin:0 -.5px;font-size:20px;font-weight:900;position:relative}.beve-header-brand-text .brand-verse{background:linear-gradient(135deg,#c4b5fd 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.beve-header-brand-sub{color:#ffffff8c;letter-spacing:.3px;font-size:11px;font-weight:500}.beve-header-meta{color:#fff9;align-items:center;gap:6px;font-size:11px;display:flex}.beve-header-meta strong{color:#fff;font-size:12px;font-weight:700}.beve-header-meta-divider{color:#fff3;font-weight:300}.beve-header-level,.beve-header-page{font-weight:400}.beve-header-row2{z-index:1;justify-content:space-between;align-items:center;margin-bottom:2px;display:flex;position:relative}.beve-header-chapter{letter-spacing:.8px;text-transform:uppercase;color:#ffffffa6;font-size:10px;font-weight:700}.beve-header-row3{z-index:1;position:relative}.beve-header-lesson{color:#fff;letter-spacing:-.1px;text-shadow:0 1px 3px #00000040;font-size:14px;font-style:italic;font-weight:600}.beve-page-header-lesson{color:#a1a1aa;margin-top:1px;font-size:12px}.beve-page-header-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.beve-skill-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#6d28d9,#4c1d95);border-radius:5px;padding:3px 10px;font-size:9px;font-weight:700;box-shadow:0 2px 8px #6d28d940}.beve-header-row2-right{align-items:center;gap:8px;display:flex}.beve-lesson-type-select{appearance:none;color:#a78bfa;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;background:#7c3aed26 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a78bfa' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 7px center no-repeat;border:1px solid #7c3aed59;border-radius:5px;outline:none;padding:3px 22px 3px 10px;font-size:9px;font-weight:700;transition:border-color .15s,background .15s}.beve-lesson-type-select:hover{background-color:#7c3aed38;border-color:#a78bfa}.beve-lesson-type-select:focus{border-color:#a78bfa;box-shadow:0 0 0 2px #7c3aed33}.beve-lesson-type-select option{color:#d4d4d8;background:#1e1b2e}.beve-page-number{color:#71717a;font-size:11px}.beve-columns{grid-template-columns:1fr 340px;min-height:500px;display:grid}.beve-page-sections{flex-direction:column;display:flex}.beve-page-section{grid-template-columns:1fr 340px;align-items:start;display:grid}.beve-page-section.beve-page-section-full{grid-template-columns:1fr}.beve-page-section+.beve-page-section{border-top:1px solid #7c3aed14}.beve-col-student{background:#141420;border-right:none;min-width:0;padding:28px 32px;overflow:hidden}.beve-col-tutor{color:#d4d4d8;min-width:0;top:var(--beve-tutor-sticky-top);max-height:calc(100vh - var(--beve-tutor-sticky-top) - var(--beve-tutor-sticky-bottom-gap));background:#13111d;align-self:start;padding:28px 16px 16px;position:sticky;overflow-y:auto}.beve-col-tutor::-webkit-scrollbar{width:8px}.beve-col-tutor::-webkit-scrollbar-track{background:0 0}.beve-col-tutor::-webkit-scrollbar-thumb{background:#7c3aed40;border-radius:999px}.beve-col-tutor::-webkit-scrollbar-thumb:hover{background:#7c3aed66}.beve-col-tutor-title{letter-spacing:1px;text-transform:uppercase;color:#fff;z-index:1;background:linear-gradient(45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(-45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,linear-gradient(-45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,repeating-linear-gradient(-55deg,#0000 0 18px,#7c3aed0f 18px 20px,#0000 20px 38px) 0 0/100% 100%,radial-gradient(at 15%,#7c3aed26 0%,#0000 55%) 0 0/100% 100%,radial-gradient(at 85% 30%,#8b5cf61f 0%,#0000 50%) 0 0/100% 100%,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='100'%3E%3Cdefs%3E%3Cstyle%3Eline,polyline%7Bfill:none;stroke:rgba(124,58,237,0.18);stroke-width:1.4%7Dcircle%7Bfill:rgba(124,58,237,0.22)%7D%3C/style%3E%3C/defs%3E%3Cline x1='0' y1='30' x2='40' y2='30'/%3E%3Cpolyline points='40,30 50,20 90,20'/%3E%3Ccircle cx='90' cy='20' r='2.5'/%3E%3Cline x1='90' y1='20' x2='130' y2='20'/%3E%3Cpolyline points='130,20 140,30 170,30'/%3E%3Ccircle cx='170' cy='30' r='2'/%3E%3Cline x1='170' y1='30' x2='200' y2='30'/%3E%3Cline x1='20' y1='70' x2='60' y2='70'/%3E%3Cpolyline points='60,70 70,80 110,80'/%3E%3Ccircle cx='110' cy='80' r='2.5'/%3E%3Cline x1='110' y1='80' x2='150' y2='80'/%3E%3Cpolyline points='150,80 160,70 200,70'/%3E%3C/svg%3E") 0 0/200px 100px,linear-gradient(135deg,#0a0614 0%,#110b20 30%,#0d0818 60%,#12091f 100%) 0 0/100% 100%;border:1px solid #7c3aed33;border-radius:5px;align-items:center;gap:8px;margin:0 0 16px;padding:10px 16px;font-size:11px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000040,0 0 12px #7c3aed14}.beve-col-tutor-title:after{content:"";opacity:.5;background:linear-gradient(90deg,#7c3aed,#a78bfa,#7c3aed);height:2px;position:absolute;bottom:0;left:0;right:0}.beve-col-tutor-title i{color:#a78bfa;font-size:14px}.beve-col-tutor .beve-sub-heading{color:#d4d4d8;border-bottom-color:#7c3aed26}.beve-col-tutor .beve-sub-heading i{color:#a78bfa}.beve-col-tutor .beve-sub-heading .kr-label{color:#71717a}.beve-col-tutor .beve-guide-q{color:#d4d4d8;background:#7c3aed0f;border-color:#7c3aed26}.beve-col-tutor .beve-guide-q span{color:#a78bfa!important}.beve-col-tutor .beve-editable:hover{background:#7c3aed0f;border-color:#7c3aed4d}.beve-col-tutor .beve-editable:focus{background:#7c3aed14;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.beve-col-tutor .beve-rich-input{color:#d4d4d8;caret-color:#d4d4d8}.beve-col-tutor .beve-rich-input:hover{background:#7c3aed0f;border-color:#7c3aed4d}.beve-col-tutor .beve-rich-input:focus{color:#e4e4e7;background:#7c3aed14;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.beve-col-tutor .beve-rich-input strong,.beve-col-tutor .beve-rich-input b{color:#a78bfa}.beve-col-tutor .beve-rich-input u{text-decoration-color:#a78bfa80}.beve-col-tutor .beve-rich-placeholder:empty:before,.beve-col-tutor .beve-rich-hint{color:#52525b}.beve-col-tutor .beve-rich-hint kbd{color:#a78bfa;background:#7c3aed1a;border-color:#7c3aed33}.beve-col-tutor .beve-icon-btn{color:#a1a1aa;background:#ffffff0a;border-color:#0000}.beve-col-tutor .beve-icon-btn:hover{color:#d4d4d8;background:#ffffff14}.beve-col-tutor .beve-icon-btn.danger:hover{color:#f87171;background:#ef44441f}.beve-section-banner{background:linear-gradient(100deg,#0b1030 0%,#141b45 35%,#1a2050 60%,#0f1538 100%);border:1px solid #7c3aed33;border-radius:5px;justify-content:space-between;align-items:center;min-width:0;max-width:100%;margin-bottom:16px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000059,0 0 20px #7c3aed14}.beve-section-banner:before{content:"";background:linear-gradient(90deg,#0000,#7c3aed66 30%,#a78bfa4d 60%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.beve-section-banner-left{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);flex-shrink:0;align-items:center;min-width:140px;padding:10px 34px 10px 18px;display:flex;position:relative}.beve-section-banner-left:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff1a 50%,#0000 70%);position:absolute;inset:0}.beve-section-banner-title{color:#fff;letter-spacing:1.5px;text-shadow:0 1px 4px #0000004d;white-space:nowrap;font-size:13px;font-weight:800}.beve-chevron-bar{flex:auto;justify-content:center;align-items:center;gap:0;min-width:0;padding:0 18px;display:flex}.beve-chevron{cursor:default;justify-content:center;align-items:center;transition:all .25s;display:flex;position:relative}.beve-chevron-connector{background:#ffffff1a;border-radius:1px;flex-shrink:0;width:20px;height:2px;display:block}.beve-chevron-num{color:#ffffff4d;background:#ffffff0f;border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;transition:all .25s;display:flex}.beve-chevron.completed .beve-chevron-connector{background:#7c3aed66}.beve-chevron.completed .beve-chevron-num{color:#ffffffb3;background:#7c3aed40;border-color:#7c3aed80}.beve-chevron.active .beve-chevron-connector{background:#7c3aed66}.beve-chevron.active .beve-chevron-num{color:#fff;background:#7c3aed;border-color:#a78bfa;box-shadow:0 0 10px #7c3aed80,0 0 20px #7c3aed33}.beve-section-label{color:#e4e4e7;align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:800;display:inline-flex}.beve-section-num{display:none}.beve-editable{cursor:text;border:1px dashed #0000;border-radius:6px;min-height:1.5em;margin:-2px -4px;padding:2px 4px;transition:all .2s;position:relative}.beve-editable:hover{background:#7c3aed0a;border-color:#7c3aed4d}.beve-editable:focus{background:#7c3aed14;border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1f,0 0 12px #7c3aed0f}.beve-rich-wrap{width:100%;position:relative}.beve-rich-input{width:100%;font-size:inherit;color:inherit;cursor:text;background:0 0;border:1px dashed #0000;border-radius:6px;outline:none;min-height:1.5em;margin:-2px -4px;padding:2px 4px;line-height:1.6;transition:all .2s}.beve-rich-input:hover{background:#7c3aed0a;border-color:#7c3aed4d}.beve-rich-input:focus{background:#7c3aed14;border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1f,0 0 12px #7c3aed0f}.beve-rich-placeholder:empty:before{content:attr(data-placeholder);color:#52525b;pointer-events:none;font-style:italic}.beve-rich-input strong,.beve-rich-input b{color:#a78bfa;font-weight:700}.beve-rich-input em,.beve-rich-input i:not([class]){color:inherit;font-style:italic}.beve-rich-input u{text-underline-offset:2px;-webkit-text-decoration:underline #a78bfa80;text-decoration:underline #a78bfa80}.beve-rich-hint{color:#52525b;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:3px;font-size:10px;transition:opacity .15s}.beve-rich-wrap:focus-within .beve-rich-hint{opacity:1}.beve-rich-hint kbd{color:#a78bfa;background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:3px;padding:0 3px;font-family:inherit;font-size:9px;display:inline-block}.beve-rich-compact .beve-rich-input{border-color:#0000;min-height:1.2em;margin:0;padding:1px 4px}.beve-rich-compact .beve-rich-input:hover{background:#7c3aed05;border-color:#7c3aed26}.beve-rich-compact .beve-rich-input:focus{box-shadow:none;background:#7c3aed0a;border-color:#7c3aed66}.beve-goal-box{background:linear-gradient(135deg,#4c1d951a,#7c3aed0d);border:1px solid #7c3aed33;border-left:4px solid #7c3aed;border-radius:8px;margin-bottom:20px;padding:18px 22px}.beve-goal-label{letter-spacing:.8px;text-transform:uppercase;color:#a78bfa;margin-bottom:8px;font-size:11px;font-weight:700}.beve-goal-en{color:#e4e4e7;margin-bottom:4px;font-size:15px;font-weight:600}.beve-goal-kr{color:#71717a;font-size:13px}.beve-situation-box{background:#ffffff05;border:1px solid #7c3aed1f;border-radius:8px;margin-bottom:16px;padding:18px 22px}.beve-situation-label{color:#d4d4d8;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.beve-situation-label i{color:#a78bfa}.beve-situation-en{color:#d4d4d8;font-size:14px;line-height:1.6}.beve-situation-kr{color:#71717a;margin-top:6px;font-size:13px;line-height:1.6}.beve-patterns-grid{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.beve-pattern-card{background:#ffffff05;border:1px solid #7c3aed1f;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;padding:14px 18px;transition:all .2s;display:grid;position:relative}.beve-pattern-card:hover{background:#7c3aed0a;border-color:#7c3aed4d;box-shadow:0 0 12px #7c3aed0f}.beve-pattern-en{color:#e4e4e7;font-size:15px;font-weight:600}.beve-pattern-kr{color:#a1a1aa;align-items:center;font-size:13px;display:flex}.beve-pattern-actions{opacity:0;gap:2px;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.beve-pattern-card:hover .beve-pattern-actions{opacity:1}.beve-icon-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.beve-icon-btn:hover{color:#a78bfa;background:#7c3aed1f}.beve-icon-btn.danger:hover{color:#f87171;background:#ef44441f}.beve-add-btn{color:#71717a;cursor:pointer;background:0 0;border:2px dashed #7c3aed26;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:13px;transition:all .2s;display:flex}.beve-add-btn:hover{color:#a78bfa;background:#7c3aed0a;border-color:#7c3aed66}.beve-vocab-table{border-collapse:collapse;width:100%;margin-bottom:20px}.beve-vocab-table th{letter-spacing:.5px;text-transform:uppercase;color:#a78bfa;text-align:left;border-bottom:1px solid #7c3aed40;padding:10px 12px;font-size:11px;font-weight:700}.beve-vocab-table td{vertical-align:middle;color:#d4d4d8;border-bottom:1px solid #ffffff0a;padding:10px 12px;font-size:14px}.beve-vocab-table tr:hover td{background:#7c3aed0a}.beve-vocab-word{color:#e4e4e7;font-weight:600}.beve-vocab-pos{color:#71717a;font-size:12px;font-style:italic}.beve-vocab-translation{color:#a1a1aa}.beve-pronun-box{background:#7c3aed0a;border:1px solid #7c3aed26;border-radius:8px;margin-bottom:20px;padding:20px 22px}.beve-pronun-title{color:#d4d4d8;margin-bottom:14px;font-size:12px;font-weight:700}.beve-pronun-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.beve-pronun-col{text-align:center}.beve-pronun-symbol{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:26px;font-weight:700}.beve-pronun-symbol.beve-editable:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-color:#7c3aed4d}.beve-pronun-symbol.beve-editable:focus{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1f,0 0 12px #7c3aed0f}.beve-pronun-words{flex-direction:column;gap:4px;display:flex}.beve-pronun-word{color:#d4d4d8;border-radius:6px;justify-content:space-between;gap:8px;padding:5px 12px;font-size:14px;display:flex}.beve-pronun-word:nth-child(odd){background:#7c3aed0f}.beve-block-wrapper{margin-top:24px;padding:4px 0 0;position:relative}.beve-block-wrapper:first-child{margin-top:0}.beve-block-remove-btn{z-index:4;color:#ef4444;cursor:pointer;opacity:0;background:#ef444414;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;transition:all .2s;display:flex;position:absolute;top:2px;right:-4px}.beve-block-wrapper:hover .beve-block-remove-btn{opacity:1}.beve-block-remove-btn:hover{background:#ef44442e;border-color:#ef44444d;transform:scale(1.08)}.beve-block-add-btn{color:#a78bfa;cursor:pointer;background:#7c3aed05;border:2px dashed #7c3aed33;border-radius:10px;align-items:center;gap:8px;width:100%;margin-top:16px;padding:14px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.beve-block-add-btn:first-child{margin-top:24px}.beve-block-add-btn:hover{color:#7c3aed;background:#7c3aed0f;border-color:#7c3aed66}.beve-block-add-btn i{font-size:16px}.beve-step-card{background:#ffffff05;border:1px solid #7c3aed1f;border-radius:8px;margin-bottom:16px;overflow:hidden}.beve-step-header{color:#fff;background:linear-gradient(45deg,#ffffff03 25%,#0000 25%) 0 0/4px 4px,linear-gradient(-45deg,#ffffff03 25%,#0000 25%) 0 0/4px 4px,linear-gradient(45deg,#0000 75%,#ffffff03 75%) 0 0/4px 4px,linear-gradient(-45deg,#0000 75%,#ffffff03 75%) 0 0/4px 4px,linear-gradient(135deg,#110e1e 0%,#16122a 50%,#0f0c19 100%) 0 0/100% 100%;align-items:center;gap:10px;padding:11px 18px;font-size:13px;font-weight:700;display:flex}.beve-step-header .step-title-text{color:inherit}.beve-step-header .step-num{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex;box-shadow:0 2px 6px #7c3aed4d}.beve-step-body{background:#141420;padding:18px 20px}.beve-step-instruction{color:#a1a1aa;background:#7c3aed0d;border-left:3px solid #7c3aed;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-style:italic}.beve-step-instruction-kr{color:#71717a;margin-top:4px;font-size:12px}.beve-dialogue{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.beve-dialogue-line{border-radius:8px;gap:10px;padding:10px 14px;font-size:14px;line-height:1.5;display:flex}.beve-dialogue-line.tutor{background:linear-gradient(135deg,#4c1d951f,#7c3aed14);border:1px solid #7c3aed1f}.beve-dialogue-line.student{background:#ffffff08;border:1px solid #ffffff0d}.beve-dialogue-role{white-space:nowrap;color:#a78bfa;min-width:55px;font-weight:700}.beve-dialogue-line.student .beve-dialogue-role{color:#d4d4d8}.beve-dialogue-text{color:#d4d4d8;flex:1}.beve-dialogue-text-kr{color:#71717a;margin-top:2px;font-size:12px}.beve-challenge-box{background:linear-gradient(135deg,#4c1d951a,#7c3aed0f);border:1px solid #7c3aed4d;border-radius:10px;margin-bottom:20px;padding:22px 26px;position:relative;overflow:hidden}.beve-challenge-box:before{content:"";background:linear-gradient(90deg,#0000,#7c3aed,#0000);height:2px;position:absolute;top:0;left:0;right:0}.beve-challenge-title{color:#a78bfa;align-items:center;gap:6px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.beve-challenge-scenario{color:#d4d4d8;margin-bottom:10px;font-size:14px;line-height:1.7}.beve-challenge-scenario-kr{color:#71717a;font-size:13px;line-height:1.6}.beve-discussion-categories{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.beve-disc-cat{background:#ffffff05;border:1px solid #7c3aed1f;border-radius:8px;padding:16px 18px;transition:all .2s}.beve-disc-cat:hover{background:#7c3aed0a;border-color:#7c3aed4d}.beve-disc-cat-title{color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:700}.beve-disc-questions{flex-direction:column;gap:6px;display:flex}.beve-disc-q{color:#d4d4d8;padding-left:16px;font-size:13px;line-height:1.5;position:relative}.beve-disc-q:before{content:attr(data-num);color:#7c3aed;font-size:12px;font-weight:700;position:absolute;left:0}.beve-feedback-review{background:#7c3aed0d;border:1px solid #7c3aed26;border-radius:8px;margin-bottom:16px;padding:18px 22px}.beve-feedback-label{color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700}.beve-feedback-template{color:#d4d4d8;white-space:pre-wrap;background:#0003;border:1px solid #7c3aed1f;border-radius:8px;padding:18px;font-family:JetBrains Mono,Courier New,monospace;font-size:12px;line-height:1.7}.beve-feedback-template strong{color:#a78bfa}.beve-tutor-notes{flex-direction:column;gap:3px;display:flex}.beve-practice-note-groups{flex-direction:column;gap:12px;display:flex}.beve-practice-note-group{background:#21183666;border:1px solid #7c3aed29;border-radius:10px;padding:0 8px 6px}.beve-practice-note-group-header{border-bottom:1px solid #7c3aed1f;margin-bottom:4px;padding:8px 0 6px}.beve-practice-note-group-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#c4b5fd;align-items:center;gap:5px;margin-bottom:4px;font-size:9px;font-weight:700;display:flex}.beve-practice-note-group-title{color:#a78bfa;margin-bottom:0;font-size:11px;font-weight:700}.beve-practice-note-panel-title{color:#a78bfa;margin:0 0 8px;font-size:11px;font-weight:700}.beve-tutor-note{color:#d4d4d8;background:0 0;border:none;border-bottom:1px solid #7c3aed1a;border-radius:0;padding:4px 6px 4px 10px;font-size:11.5px;font-weight:500;line-height:1.35;transition:background .15s;position:relative}.beve-tutor-note:last-of-type{border-bottom:none}.beve-tutor-note:hover{background:#7c3aed0f}.beve-tutor-note.drag-over{background:#7c3aed1a;box-shadow:inset 0 0 0 1px #a78bfa73}.beve-tutor-note.script{color:#c4b5fd;padding-left:12px;font-style:italic;font-weight:500}.beve-tutor-note.script:before{content:"▸";color:#a78bfa;font-size:12px;font-style:normal;position:absolute;top:4px;left:0}.beve-tutor-note.instruction{padding-left:12px}.beve-tutor-note.instruction:before{content:"•";color:#a78bfa;font-size:14px;font-weight:700;position:absolute;top:4px;left:2px}.beve-tutor-note.tip{background:#e6a81714;border-bottom:none;border-left:3px solid #e6a817;border-radius:4px;margin:1px 0;padding-left:8px}.beve-tutor-note.question{color:#c4b5fd;background:#7c3aed0a;padding-left:12px}.beve-tutor-note.question:before{content:"?";color:#a78bfa;font-size:11px;font-weight:700;position:absolute;top:4px;left:2px}.beve-tutor-note-type{letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:4px;margin-bottom:1px;font-size:7px;font-weight:700;display:flex}.beve-tutor-note-drag{color:#71717a;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.beve-tutor-note-drag:active{cursor:grabbing}.beve-tutor-note-drag:hover{color:#a78bfa;background:#7c3aed14}.beve-tutor-note.script .beve-tutor-note-type,.beve-tutor-note.instruction .beve-tutor-note-type{color:#a78bfa}.beve-tutor-note.tip .beve-tutor-note-type{color:#fbbf24}.beve-tutor-note.question .beve-tutor-note-type{color:#a78bfa}.beve-tutor-note .beve-rich-input{min-height:1.1em;margin:0 -2px;padding:0 2px;line-height:1.35}.beve-tutor-note .beve-rich-hint{display:none}.beve-tutor-note .beve-rich-input strong,.beve-tutor-note .beve-rich-input b{color:inherit}.beve-tutor-note .beve-rich-input u{text-decoration-color:currentColor}.beve-tutor-note-actions{opacity:.72;gap:1px;transition:all .15s;display:flex;position:absolute;top:1px;right:1px}.beve-tutor-note:hover .beve-tutor-note-actions,.beve-tutor-note:focus-within .beve-tutor-note-actions{opacity:1}.beve-icon-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.beve-tutor-add-note{color:#71717a;cursor:pointer;background:0 0;border:1px dashed #7c3aed40;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:0;padding:3px;font-size:9px;transition:all .15s;display:flex}.beve-tutor-add-note:hover{color:#a78bfa;background:#7c3aed0f;border-color:#7c3aed80}.beve-fill-table{border-collapse:collapse;width:100%;margin-bottom:16px}.beve-fill-table td{color:#d4d4d8;border:1px solid #7c3aed1a;padding:8px 12px;font-size:14px}.beve-fill-table .blank{color:#a78bfa;background:#7c3aed14;border-color:#7c3aed33;min-width:100px;font-weight:600}.beve-pattern-drills{flex-direction:column;gap:16px;margin-bottom:12px;display:flex}.beve-drill-card{background:#7c3aed0a;border:1px solid #7c3aed26;border-radius:8px;position:relative;overflow:hidden}.beve-drill-header{padding:12px 16px 8px;position:relative}.beve-drill-label{color:#d4d4d8;font-size:13px;font-weight:600}.beve-drill-label-kr{color:#71717a;margin-top:2px;font-size:11px}.beve-drill-template{color:#a78bfa;background:#7c3aed14;border-top:1px solid #7c3aed1a;border-bottom:1px solid #7c3aed1a;padding:8px 16px;font-size:14px;font-weight:600}.beve-drill-table{border-collapse:collapse;width:100%}.beve-drill-table td{color:#d4d4d8;vertical-align:top;border-bottom:1px solid #7c3aed14;padding:6px 16px;font-size:13px}.beve-drill-table td:nth-child(2){color:#71717a;font-size:12px}.beve-drill-table tr:last-child td{border-bottom:none}.beve-word-box{background:linear-gradient(135deg,#4c1d9514,#7c3aed0a);border:1px dashed #7c3aed4d;border-radius:8px;padding:12px 16px}.beve-word-box-label{letter-spacing:.8px;text-transform:uppercase;color:#a78bfa;margin-bottom:10px;font-size:11px;font-weight:700}.beve-word-box-label i{margin-right:4px}.beve-word-box-items{flex-wrap:wrap;gap:8px;display:flex}.beve-word-box-item{color:#d4d4d8;background:#7c3aed1f;border:1px solid #7c3aed40;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:600;display:flex}.beve-word-box-item .beve-editable{outline:none;min-width:24px}.beve-word-box-trans{color:#71717a;font-size:11px;font-weight:400}.beve-hint-box{background:linear-gradient(135deg,#4c1d9514,#7c3aed0a);border:1px solid #7c3aed33;border-radius:8px;margin-top:18px;padding:14px 18px}.beve-hint-label{color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.beve-hint-patterns{flex-direction:column;gap:4px;display:flex}.beve-hint-pattern{grid-template-columns:1fr 1fr;gap:8px;padding:4px 0;font-size:13px;display:grid}.beve-hint-en{color:#e4e4e7;font-weight:600}.beve-hint-kr{color:#71717a}.beve-page-footer{color:#71717a;background:linear-gradient(45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(-45deg,#ffffff05 25%,#0000 25%) 0 0/4px 4px,linear-gradient(45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,linear-gradient(-45deg,#0000 75%,#ffffff05 75%) 0 0/4px 4px,repeating-linear-gradient(-55deg,#0000 0 18px,#7c3aed0f 18px 20px,#0000 20px 38px) 0 0/100% 100% no-repeat,radial-gradient(at 15%,#7c3aed1f 0%,#0000 55%) 0 0/100% 100% no-repeat,radial-gradient(at 85% 30%,#8b5cf61a 0%,#0000 50%) 0 0/100% 100% no-repeat,radial-gradient(at 50% 80%,#4c1d9514 0%,#0000 50%) 0 0/100% 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='100'%3E%3Cdefs%3E%3Cstyle%3Eline,polyline%7Bfill:none;stroke:rgba(124,58,237,0.18);stroke-width:1.4%7Dcircle%7Bfill:rgba(124,58,237,0.22)%7D%3C/style%3E%3C/defs%3E%3Cline x1='0' y1='30' x2='40' y2='30'/%3E%3Cpolyline points='40,30 50,20 90,20'/%3E%3Ccircle cx='90' cy='20' r='2.5'/%3E%3Cline x1='90' y1='20' x2='130' y2='20'/%3E%3Cpolyline points='130,20 140,30 170,30'/%3E%3Ccircle cx='170' cy='30' r='2'/%3E%3Cline x1='170' y1='30' x2='200' y2='30'/%3E%3Cline x1='20' y1='70' x2='60' y2='70'/%3E%3Cpolyline points='60,70 70,80 110,80'/%3E%3Ccircle cx='110' cy='80' r='2.5'/%3E%3Cline x1='110' y1='80' x2='150' y2='80'/%3E%3Cpolyline points='150,80 160,70 200,70'/%3E%3Ccircle cx='60' cy='70' r='2'/%3E%3Cline x1='45' y1='0' x2='45' y2='15'/%3E%3Cpolyline points='45,15 55,25'/%3E%3Cline x1='155' y1='100' x2='155' y2='85'/%3E%3Cpolyline points='155,85 145,75'/%3E%3Ccircle cx='45' cy='50' r='1.5'/%3E%3Cline x1='45' y1='50' x2='80' y2='50'/%3E%3Ccircle cx='80' cy='50' r='2'/%3E%3Cline x1='80' y1='50' x2='120' y2='50'/%3E%3Cpolyline points='120,50 130,40 160,40'/%3E%3Ccircle cx='160' cy='40' r='1.5'/%3E%3C/svg%3E") 0 0/200px 100px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cdefs%3E%3Cstyle%3Epath%7Bfill:none;stroke:rgba(124,58,237,0.16);stroke-width:1.6%7Dcircle%7Bfill:none;stroke:rgba(124,58,237,0.16);stroke-width:1.6%7D%3C/style%3E%3C/defs%3E%3Ccircle cx='60' cy='60' r='20'/%3E%3Ccircle cx='60' cy='60' r='8'/%3E%3Cpath d='M60 36 L57 28 L63 28Z'/%3E%3Cpath d='M60 84 L57 92 L63 92Z'/%3E%3Cpath d='M36 60 L28 57 L28 63Z'/%3E%3Cpath d='M84 60 L92 57 L92 63Z'/%3E%3Cpath d='M43 43 L37 37 L42 35Z'/%3E%3Cpath d='M77 77 L83 83 L78 85Z'/%3E%3Cpath d='M77 43 L83 37 L85 42Z'/%3E%3Cpath d='M43 77 L37 83 L35 78Z'/%3E%3Cpath d='M55 37 L53 29 L57 28Z'/%3E%3Cpath d='M65 83 L67 91 L63 92Z'/%3E%3Cpath d='M37 55 L29 53 L28 57Z'/%3E%3Cpath d='M83 65 L91 67 L92 63Z'/%3E%3C/svg%3E") left 30px bottom -10px/120px 120px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cdefs%3E%3Cstyle%3Epath%7Bfill:none;stroke:rgba(139,92,246,0.14);stroke-width:1.3%7Dcircle%7Bfill:none;stroke:rgba(139,92,246,0.14);stroke-width:1.3%7D%3C/style%3E%3C/defs%3E%3Ccircle cx='40' cy='40' r='14'/%3E%3Ccircle cx='40' cy='40' r='5'/%3E%3Cpath d='M40 23L38 17 42 17Z'/%3E%3Cpath d='M40 57L38 63 42 63Z'/%3E%3Cpath d='M23 40L17 38 17 42Z'/%3E%3Cpath d='M57 40L63 38 63 42Z'/%3E%3Cpath d='M28 28L23 23 27 22Z'/%3E%3Cpath d='M52 52L57 57 53 58Z'/%3E%3Cpath d='M52 28L57 23 58 27Z'/%3E%3Cpath d='M28 52L23 57 22 53Z'/%3E%3C/svg%3E") 100px -5px/80px 80px,linear-gradient(135deg,#0a0614 0%,#110b20 30%,#0d0818 60%,#12091f 100%) 0 0/100% 100% no-repeat;border-top:none;padding:0;font-size:11px;position:relative;overflow:hidden}.beve-page-footer:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#7c3aed0a 20%,#8b5cf612 40%,#4c1d950d 60%,#7c3aed08 80%,#0000 100%);position:absolute;inset:0}.beve-page-footer:after{content:"";background:linear-gradient(90deg,#0000,#7c3aed80,#8b5cf699,#7c3aed80,#0000);height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 8px #7c3aed4d}.beve-footer-content{z-index:1;justify-content:space-between;align-items:center;padding:12px 28px;display:flex;position:relative}.beve-footer-left{align-items:center;gap:6px;display:flex}.beve-page-footer-brand{letter-spacing:.3px;align-items:baseline;font-size:12px;font-weight:800;display:inline-flex}.beve-page-footer-brand .brand-fluent{background:linear-gradient(135deg,#e9d5ff,#d8c4f8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.beve-page-footer-brand .brand-x{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px #7c3aed80);-webkit-background-clip:text;background-clip:text;margin:0 -.3px;font-size:15px;font-weight:900}.beve-page-footer-brand .brand-verse{background:linear-gradient(135deg,#c4b5fd,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.beve-footer-divider{color:#7c3aed4d;font-size:14px;font-weight:300}.beve-footer-course{color:#52525b;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:600}.beve-footer-center{align-items:center;gap:8px;display:flex}.beve-footer-badge{letter-spacing:.8px;text-transform:uppercase;color:#a78bfa;background:#7c3aed14;border:1px solid #7c3aed26;border-radius:3px;align-items:center;padding:2px 8px;font-size:8px;font-weight:700;display:inline-flex}.beve-footer-dot{background:#7c3aed66;border-radius:50%;width:3px;height:3px}.beve-footer-right{align-items:center;display:flex}.beve-footer-copy{color:#3f3f50;letter-spacing:.3px;font-size:9px}.beve-guide-questions{flex-direction:column;gap:4px;margin-top:6px;display:flex}.beve-guide-q{color:#d4d4d8;background:#ffffff08;border:1px solid #7c3aed1a;border-radius:6px;padding:6px 8px;font-size:12px;line-height:1.35}.beve-guide-q-row{align-items:flex-start;gap:6px;display:flex}.beve-guide-q-num{color:#7c3aed;flex-shrink:0;margin-top:1px;font-size:11px;font-weight:700;line-height:1.35}.beve-guide-q .beve-rich-input{min-height:1.1em;margin:0 -2px;padding:0 2px;font-size:12px;line-height:1.35}.beve-guide-q .beve-rich-hint{display:none}.beve-col-tutor .beve-guide-q .beve-rich-input,.beve-col-tutor .beve-guide-q .beve-rich-input strong,.beve-col-tutor .beve-guide-q .beve-rich-input b{color:#a78bfa;caret-color:#a78bfa}.beve-col-tutor .beve-guide-q .beve-rich-input:hover,.beve-col-tutor .beve-guide-q .beve-rich-input:focus{box-shadow:none;background:0 0}.beve-guide-q-delete{flex-shrink:0;width:18px;height:18px;margin-top:1px}.beve-guide-q-actions{flex-shrink:0;gap:1px;display:flex}.beve-challenge-tail-notes{margin-top:10px}.beve-sub-heading{color:#e4e4e7;border-bottom:1px solid #7c3aed26;align-items:center;gap:6px;margin-top:22px;margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:700;display:flex}.beve-sub-heading i{color:#a78bfa}.beve-sub-heading .kr-label{color:#71717a;font-size:12px;font-weight:400}.beve-next-lesson{color:#a1a1aa;background:linear-gradient(135deg,#4c1d9514,#7c3aed0a);border:1px solid #7c3aed26;border-radius:8px;align-items:center;gap:12px;margin-top:18px;padding:16px 20px;font-size:13px;display:flex}.beve-next-lesson i{color:#a78bfa;font-size:18px}.beve-next-lesson strong{color:#e4e4e7}.beve-loading,.beve-error{color:#71717a;background:#0c0c12;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100vh;display:flex}.beve-loading i{color:#7c3aed;font-size:34px;animation:1s linear infinite spin}.beve-error i{color:#f87171;font-size:34px}.beve-error button{color:#c4b5fd;cursor:pointer;background:#7c3aed1f;border:1px solid #7c3aed40;border-radius:8px;margin-top:8px;padding:8px 16px;font-size:13px;transition:all .2s}.beve-error button:hover{background:#7c3aed33;border-color:#7c3aed66}@media (max-width:900px){.beve-columns,.beve-page-section{grid-template-columns:1fr}.beve-col-tutor{border-top:2px solid #627aa8;max-height:none;position:static;top:auto;overflow:visible}.beve-col-student{border-right:none}.beve-sidebar{width:170px;min-width:170px}}.beve.light{color:#1e1e2e;background:#f4f4f8}.beve.light .beve-toolbar{color:#1e1e2e;background:linear-gradient(135deg,#fff 0%,#f8f7fc 100%);border-bottom:1px solid #e0d9f0;box-shadow:0 1px 4px #7c3aed14}.beve.light .beve-toolbar-left .beve-back-btn{color:#5b21b6;background:#7c3aed0f;border-color:#7c3aed33}.beve.light .beve-toolbar-left .beve-back-btn:hover{color:#4c1d95;background:#7c3aed1f;border-color:#7c3aed59;box-shadow:0 0 6px #7c3aed1a}.beve.light .beve-toolbar-divider{background:linear-gradient(#0000,#7c3aed2e,#0000)}.beve.light .beve-toolbar-title{color:#3f3f50}.beve.light .beve-toolbar-center{color:#6b6b80}.beve.light .beve-toolbar-center i{color:#7c3aed}.beve.light .beve-toolbar-btn{color:#5b21b6;background:#7c3aed0f;border-color:#7c3aed2e}.beve.light .beve-toolbar-btn:hover{background:#7c3aed1f;border-color:#7c3aed4d;box-shadow:0 0 6px #7c3aed14}.beve.light .beve-toolbar-btn.primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed}.beve.light .beve-toolbar-btn.primary:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.beve.light .beve-save-status{color:#6b7280;background:#00000008;border-color:#00000014}.beve.light .beve-save-status.saved{color:#059669;background:#05966914;border-color:#05966933}.beve.light .beve-save-status.pending{color:#d97706;background:#d9770614;border-color:#d977062e}.beve.light .beve-sidebar{background:linear-gradient(#fff,#faf9fe);border-right:1px solid #e8e0f5}.beve.light .beve-sidebar-header{color:#7c3aed}.beve.light .beve-sidebar-page{color:#6b6b80}.beve.light .beve-sidebar-page:hover{color:#5b21b6;background:#7c3aed0f}.beve.light .beve-sidebar-page.active{color:#4c1d95;background:linear-gradient(135deg,#7c3aed1a,#a78bfa1a);box-shadow:0 0 8px #7c3aed0d}.beve.light .beve-sidebar-page.active:before{background:linear-gradient(#8b5cf6,#7c3aed);box-shadow:0 0 6px #7c3aed4d}.beve.light .beve-sidebar-page .beve-page-num{color:#6b6b80;background:#7c3aed0f}.beve.light .beve-sidebar-page.active .beve-page-num{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.beve.light .beve-canvas{background:radial-gradient(at 20% 0,#7c3aed08 0%,#0000 60%),radial-gradient(at 80% 100%,#a78bfa08 0%,#0000 60%),#f0eff5}.beve.light .beve-canvas::-webkit-scrollbar-track{background:#f0eff5}.beve.light .beve-canvas::-webkit-scrollbar-thumb{background:#7c3aed33}.beve.light .beve-canvas::-webkit-scrollbar-thumb:hover{background:#7c3aed59}.beve.light .beve-page{background:#fff;border-color:#e0d9f0;box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a}.beve.light .beve-page:hover{box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a,0 0 16px #7c3aed0f}.beve.light .beve-col-student{background:#fff;border-right:none}.beve.light .beve-col-tutor{color:#2c3040;background:#fff}.beve.light .beve-col-tutor .beve-sub-heading{color:#1e1e2e;border-bottom-color:#e0e4ee}.beve.light .beve-col-tutor .beve-sub-heading i{color:#7c3aed}.beve.light .beve-col-tutor .beve-sub-heading .kr-label{color:#9ca3af}.beve.light .beve-col-tutor .beve-guide-q{color:#2c3040;background:#f8f9fc;border-color:#e0e4ee}.beve.light .beve-col-tutor .beve-guide-q span{color:#7c3aed!important}.beve.light .beve-col-tutor .beve-rich-input{color:#2c3040;caret-color:#2c3040}.beve.light .beve-col-tutor .beve-rich-input:hover{background:#7c3aed08;border-color:#7c3aed40}.beve.light .beve-col-tutor .beve-rich-input:focus{color:#1a1e2e;background:#7c3aed0d;box-shadow:0 0 0 3px #7c3aed1a}.beve.light .beve-col-tutor .beve-rich-input strong,.beve.light .beve-col-tutor .beve-rich-input b{color:#7c3aed}.beve.light .beve-col-tutor .beve-rich-placeholder:empty:before,.beve.light .beve-col-tutor .beve-rich-hint{color:#9ca3af}.beve.light .beve-col-tutor .beve-rich-hint kbd{color:#7c3aed;background:#f1f5f9;border-color:#e2e8f0}.beve.light .beve-col-tutor .beve-icon-btn{color:#6b7080;background:#0000000a}.beve.light .beve-col-tutor .beve-icon-btn:hover{color:#3f4050;background:#00000014}.beve.light .beve-col-tutor .beve-icon-btn.danger:hover{color:#dc2626;background:#ef44441a}.beve.light .beve-col-tutor-title{color:#fff}.beve.light .beve-col-tutor-title i{color:#a78bfa}.beve.light .beve-section-banner{background:linear-gradient(100deg,#e8eaf6 0%,#ede7f6 35%,#f3e5f5 60%,#e8eaf6 100%);border-color:#7c3aed2e;box-shadow:0 2px 12px #00000014,0 0 20px #7c3aed0f}.beve.light .beve-section-banner:before{background:linear-gradient(90deg,#0000,#7c3aed40 30%,#a78bfa33 60%,#0000)}.beve.light .beve-chevron-connector{background:#00003214}.beve.light .beve-chevron-num{color:#1e1e3c4d;background:#0000320a;border-color:#0000321a}.beve.light .beve-chevron.completed .beve-chevron-connector{background:#7c3aed40}.beve.light .beve-chevron.completed .beve-chevron-num{color:#5b21b6;background:#7c3aed1f;border-color:#7c3aed59}.beve.light .beve-chevron.active .beve-chevron-connector{background:#7c3aed40}.beve.light .beve-chevron.active .beve-chevron-num{color:#fff;background:#7c3aed;border-color:#7c3aed;box-shadow:0 0 8px #7c3aed4d}.beve.light .beve-editable:hover{background:#7c3aed08;border-color:#7c3aed40}.beve.light .beve-editable:focus{background:#7c3aed0d;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a,0 0 8px #7c3aed0a}.beve.light .beve-rich-input:hover{background:#7c3aed08;border-color:#7c3aed40}.beve.light .beve-rich-input:focus{background:#7c3aed0d;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a,0 0 8px #7c3aed0a}.beve.light .beve-rich-placeholder:empty:before{color:#9ca3af}.beve.light .beve-rich-input strong,.beve.light .beve-rich-input b{color:#7c3aed}.beve.light .beve-rich-input u{text-decoration-color:#7c3aed66}.beve.light .beve-rich-hint{color:#9ca3af}.beve.light .beve-rich-hint kbd{color:#7c3aed;background:#f1f5f9;border-color:#e2e8f0}.beve.light .beve-goal-box{background:linear-gradient(135deg,#7c3aed0a,#a78bfa08);border-color:#7c3aed26 #7c3aed26 #7c3aed26 #7c3aed}.beve.light .beve-goal-label{color:#7c3aed}.beve.light .beve-goal-en{color:#1e1e2e}.beve.light .beve-goal-kr{color:#6b6b80}.beve.light .beve-situation-box{background:#fafafe;border-color:#e0d9f0}.beve.light .beve-situation-label{color:#3f3f50}.beve.light .beve-situation-label i{color:#7c3aed}.beve.light .beve-situation-en{color:#3f3f50}.beve.light .beve-situation-kr{color:#6b6b80}.beve.light .beve-pattern-card{background:#fafafe;border-color:#e0d9f0}.beve.light .beve-pattern-card:hover{background:#7c3aed08;border-color:#7c3aed40;box-shadow:0 0 8px #7c3aed0a}.beve.light .beve-pattern-en{color:#1e1e2e}.beve.light .beve-pattern-kr{color:#6b6b80}.beve.light .beve-icon-btn{color:#9ca3af}.beve.light .beve-icon-btn:hover{color:#7c3aed;background:#7c3aed14}.beve.light .beve-icon-btn.danger:hover{color:#dc2626;background:#ef444414}.beve.light .beve-add-btn{color:#9ca3af;border-color:#7c3aed26}.beve.light .beve-add-btn:hover{color:#7c3aed;background:#7c3aed08;border-color:#7c3aed59}.beve.light .beve-vocab-table th{color:#7c3aed;border-bottom-color:#e0d9f0}.beve.light .beve-vocab-table td{color:#3f3f50;border-bottom-color:#f0eff5}.beve.light .beve-vocab-table tr:hover td{background:#7c3aed08}.beve.light .beve-vocab-word{color:#1e1e2e}.beve.light .beve-vocab-pos{color:#9ca3af}.beve.light .beve-vocab-translation{color:#6b6b80}.beve.light .beve-pronun-box{background:#7c3aed08;border-color:#e0d9f0}.beve.light .beve-pronun-title,.beve.light .beve-pronun-word{color:#3f3f50}.beve.light .beve-pronun-symbol.beve-editable:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-color:#7c3aed40}.beve.light .beve-pronun-symbol.beve-editable:focus{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a,0 0 8px #7c3aed0a}.beve.light .beve-pronun-word:nth-child(odd){background:#7c3aed0a}.beve.light .beve-block-remove-btn{background:#ef44440f}.beve.light .beve-block-remove-btn:hover{background:#ef444424;border-color:#ef444440}.beve.light .beve-block-add-btn{color:#7c3aed;background:#7c3aed05;border-color:#7c3aed26}.beve.light .beve-block-add-btn:hover{color:#6d28d9;background:#7c3aed0d;border-color:#7c3aed59}.beve.light .beve-step-card{background:#fff;border-color:#e0d9f0}.beve.light .beve-step-header{color:#1e1e2e;background:linear-gradient(135deg,#f5f3fb 0%,#f0ecf9 50%,#f5f3fb 100%)}.beve.light .beve-step-body{background:#fff}.beve.light .beve-step-instruction{color:#6b6b80;background:#7c3aed0a;border-left-color:#7c3aed}.beve.light .beve-step-instruction-kr{color:#9ca3af}.beve.light .beve-dialogue-line.tutor{background:linear-gradient(135deg,#7c3aed0f,#a78bfa0a);border-color:#7c3aed1a}.beve.light .beve-dialogue-line.student{background:#fafafe;border-color:#e8e0f5}.beve.light .beve-dialogue-role{color:#7c3aed}.beve.light .beve-dialogue-line.student .beve-dialogue-role,.beve.light .beve-dialogue-text{color:#3f3f50}.beve.light .beve-dialogue-text-kr{color:#9ca3af}.beve.light .beve-challenge-box{background:linear-gradient(135deg,#7c3aed0d,#a78bfa08);border-color:#7c3aed33}.beve.light .beve-challenge-box:before{background:linear-gradient(90deg,#0000,#8b5cf6,#0000)}.beve.light .beve-challenge-title{color:#7c3aed}.beve.light .beve-challenge-scenario{color:#3f3f50}.beve.light .beve-challenge-scenario-kr{color:#6b6b80}.beve.light .beve-disc-cat{background:#fafafe;border-color:#e0d9f0}.beve.light .beve-disc-cat:hover{background:#7c3aed08;border-color:#7c3aed40}.beve.light .beve-disc-cat-title{color:#7c3aed}.beve.light .beve-disc-q{color:#3f3f50}.beve.light .beve-disc-q:before{color:#7c3aed}.beve.light .beve-feedback-review{background:#7c3aed08;border-color:#e0d9f0}.beve.light .beve-feedback-label{color:#7c3aed}.beve.light .beve-feedback-template{color:#3f3f50;background:#fafafe;border-color:#e0d9f0}.beve.light .beve-feedback-template strong{color:#7c3aed}.beve.light .beve-tutor-note{color:#3f3f50;background:#fff;border-color:#d8cef0 #d8cef0 #eaedf3;border-bottom-style:solid;border-bottom-width:1px;box-shadow:0 1px 3px #0000000f}.beve.light .beve-tutor-note:last-of-type{border-bottom:none}.beve.light .beve-tutor-note:hover{background:#faf8ff;border-color:#7c3aed4d;box-shadow:0 2px 8px #7c3aed14}.beve.light .beve-tutor-note.drag-over{background:#f4eeff;box-shadow:inset 0 0 0 1px #7c3aed40}.beve.light .beve-tutor-note.script{color:#5b21b6;background:#7c3aed0a;border-left:4px solid #7c3aed}.beve.light .beve-tutor-note.script:before,.beve.light .beve-tutor-note.instruction:before{color:#3a5090}.beve.light .beve-tutor-note.instruction{background:#3b82f608;border-left:4px solid #3b82f6}.beve.light .beve-tutor-note.tip{background:#fffbeb;border-left:4px solid #f59e0b}.beve.light .beve-tutor-note.question{color:#6d28d9;background:#7c3aed0d;border-left:4px solid #8b5cf6}.beve.light .beve-tutor-note.script .beve-tutor-note-type{color:#7c3aed;background:#7c3aed14}.beve.light .beve-tutor-note.instruction .beve-tutor-note-type{color:#2563eb;background:#2563eb14}.beve.light .beve-tutor-note.tip .beve-tutor-note-type{color:#d97706;background:#d9770614}.beve.light .beve-tutor-note.question .beve-tutor-note-type{color:#7c3aed;background:#7c3aed14}.beve.light .beve-tutor-note-drag{color:#9ca3af}.beve.light .beve-tutor-note-drag:hover{color:#7c3aed}.beve.light .beve-tutor-add-note{color:#8992a4;border-color:#c5cad6}.beve.light .beve-tutor-add-note:hover{color:#3a5090;background:#f5f7fc;border-color:#7889ac}.beve.light .beve-practice-note-group{background:#fcfbff;border-color:#d8cef0;box-shadow:0 1px 3px #0000000a}.beve.light .beve-practice-note-group-header{border-bottom-color:#e6def6}.beve.light .beve-practice-note-group-eyebrow{color:#6d5db2}.beve.light .beve-practice-note-group-title,.beve.light .beve-practice-note-panel-title{color:#7c3aed}.beve.light .beve-fill-table td{color:#3f3f50;border-color:#e0d9f0}.beve.light .beve-fill-table .blank{color:#7c3aed;background:#7c3aed0d;border-color:#7c3aed26}.beve.light .beve-lesson-type-select{color:#7c3aed;background:#7c3aed0f;border-color:#d0c4f0}.beve.light .beve-lesson-type-select:hover{background:#7c3aed1a;border-color:#7c3aed}.beve.light .beve-lesson-type-select option{color:#3f3f50;background:#fff}.beve.light .beve-drill-card{background:#7c3aed05;border-color:#e0d9f0}.beve.light .beve-drill-label{color:#1e1e2e}.beve.light .beve-drill-label-kr{color:#9ca3af}.beve.light .beve-drill-template{color:#7c3aed;background:#7c3aed0d;border-color:#e0d9f0}.beve.light .beve-drill-table td{color:#3f3f50;border-color:#f0ecf7}.beve.light .beve-drill-table td:nth-child(2){color:#9ca3af}.beve.light .beve-word-box{background:linear-gradient(135deg,#7c3aed08,#a78bfa03);border-color:#d0c4f0}.beve.light .beve-word-box-label{color:#7c3aed}.beve.light .beve-word-box-item{color:#3f3f50;background:#7c3aed0f;border-color:#d0c4f0}.beve.light .beve-word-box-trans{color:#9ca3af}.beve.light .beve-hint-box{background:linear-gradient(135deg,#7c3aed0a,#a78bfa05);border-color:#e0d9f0}.beve.light .beve-hint-label{color:#7c3aed}.beve.light .beve-hint-en{color:#1e1e2e}.beve.light .beve-hint-kr{color:#6b6b80}.beve.light .beve-guide-q{color:#3f3f50;background:#fafafe;border-color:#e0d9f0}.beve.light .beve-col-tutor .beve-guide-q .beve-rich-input,.beve.light .beve-col-tutor .beve-guide-q .beve-rich-input strong,.beve.light .beve-col-tutor .beve-guide-q .beve-rich-input b{color:#7c3aed;caret-color:#7c3aed}.beve.light .beve-sub-heading{color:#1e1e2e;border-bottom-color:#e0d9f0}.beve.light .beve-sub-heading i{color:#7c3aed}.beve.light .beve-sub-heading .kr-label{color:#9ca3af}.beve.light .beve-next-lesson{color:#6b6b80;background:linear-gradient(135deg,#7c3aed0a,#a78bfa05);border-color:#e0d9f0}.beve.light .beve-next-lesson i{color:#7c3aed}.beve.light .beve-next-lesson strong{color:#1e1e2e}.beve.light.beve-loading,.beve.light .beve-loading,.beve.light.beve-error,.beve.light .beve-error{color:#6b6b80;background:#f4f4f8}@media (max-width:900px){.beve.light .beve-col-tutor{border-top:2px solid #627aa8}}.beve-activity-blocks-area{margin-top:20px}.beve-activity-block{background:#7c3aed0f;border:1px solid #7c3aed2e;border-radius:10px;margin-bottom:14px;padding:14px 16px;position:relative}.beve-activity-header{border-bottom:1px solid #7c3aed1f;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.beve-activity-header>i{color:#a78bfa;flex-shrink:0;font-size:18px}.beve-activity-header .beve-activity-title{color:#e0e0e8;border-radius:4px;flex:1;padding:2px 6px;font-size:14px;font-weight:700}.beve-activity-header .beve-activity-title:hover{background:#ffffff0d}.beve-activity-header .beve-icon-btn.danger{opacity:0;transition:opacity .2s}.beve-activity-block:hover .beve-activity-header .beve-icon-btn.danger{opacity:1}.beve-add-activity-wrap{margin-top:12px;position:relative}.beve-add-activity-btn{color:#a78bfa;cursor:pointer;background:#7c3aed0a;border:2px dashed #7c3aed40;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.beve-add-activity-btn:hover{background:#7c3aed1a;border-color:#a78bfa}.beve-add-activity-btn i{font-size:18px}.beve-add-activity-dropdown{z-index:50;background:#1e1e2e;border:1px solid #7c3aed4d;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px;padding:6px;display:grid;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 8px 32px #0006}.beve-add-activity-option{color:#d4d4dc;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.beve-add-activity-option:hover{color:#fff;background:#7c3aed26}.beve-add-activity-option i{color:#a78bfa;font-size:16px}.beve-matching-table{border-collapse:collapse;width:100%;font-size:13px}.beve-matching-table th{color:#a78bfa;text-transform:uppercase;letter-spacing:.4px;text-align:left;border-bottom:1px solid #7c3aed26;padding:4px 8px;font-size:10px;font-weight:700}.beve-matching-table td{border-bottom:1px solid #ffffff0a;padding:4px 8px}.beve-mcq-item{background:#00000026;border-radius:8px;margin-bottom:12px;padding:10px 12px;position:relative}.beve-mcq-question{align-items:center;gap:6px;margin-bottom:8px;display:flex}.beve-mcq-num{color:#a78bfa;flex-shrink:0;font-size:14px;font-weight:700}.beve-mcq-options{flex-direction:column;gap:4px;padding-left:20px;display:flex}.beve-mcq-option{border-radius:6px;align-items:center;gap:6px;padding:4px 8px;transition:background .15s;display:flex}.beve-mcq-option.correct{background:#22c55e14}.beve-mcq-radio{cursor:pointer;color:#71717a;background:0 0;border:none;padding:0;font-size:16px}.beve-mcq-option.correct .beve-mcq-radio{color:#22c55e}.beve-reorder-item{background:#00000026;border-radius:8px;margin-bottom:10px;padding:10px 12px;position:relative}.beve-reorder-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.beve-reorder-label{color:#a78bfa;text-transform:uppercase;flex-shrink:0;width:55px;font-size:10px;font-weight:700}.beve-error-item{background:#00000026;border-radius:8px;margin-bottom:10px;padding:10px 12px;position:relative}.beve-error-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.beve-error-label{text-align:center;flex-shrink:0;width:20px;font-size:14px;font-weight:700}.beve-error-row:first-child .beve-error-label{color:#ef4444}.beve-error-row:nth-child(2) .beve-error-label{color:#22c55e}.beve-error-row:nth-child(3) .beve-error-label{color:#71717a}.beve-dialogue-slot{border-left:3px solid #71717a;border-radius:8px;margin-bottom:6px;padding:8px 12px}.beve-dialogue-slot.tutor{background:#7c3aed0d;border-left-color:#a78bfa}.beve-dialogue-slot.student{background:#3b82f60d;border-left-color:#3b82f6}.beve-dialogue-slot.blank{opacity:.85;border-left-style:dashed}.beve-dialogue-slot-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.beve-dialogue-role-select{color:#d4d4dc;background:#0003;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.beve-dialogue-blank-toggle{color:#71717a;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;padding:2px 8px;font-size:10px}.beve-dialogue-blank-toggle.active{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b4d}.beve-tf-item{margin-bottom:8px}.beve-tf-statement{align-items:center;gap:6px;margin-bottom:4px;display:flex}.beve-tf-num{color:#a78bfa;flex-shrink:0;font-size:13px;font-weight:700}.beve-tf-answer{align-items:center;gap:4px;padding-left:20px;display:flex}.beve-tf-btn{color:#71717a;cursor:pointer;background:#00000026;border:1px solid #ffffff1a;border-radius:4px;padding:3px 14px;font-size:11px;font-weight:600;transition:all .15s}.beve-tf-btn.active{color:#22c55e;background:#22c55e26;border-color:#22c55e4d}.beve-reading-passage{background:#00000026;border-radius:8px;min-height:80px;margin-bottom:10px;padding:12px 14px;font-size:13px;line-height:1.6}.beve-reading-questions{padding-top:6px}.beve-reading-q{align-items:flex-start;gap:6px;margin-bottom:6px;display:flex}.beve-reading-q-num{color:#a78bfa;flex-shrink:0;padding-top:2px;font-size:13px;font-weight:700}.beve-categorize-grid{gap:10px;margin-bottom:8px;display:grid}.beve-categorize-col{background:#0000001f;border-radius:8px;padding:10px 12px}.beve-categorize-col-header{border-bottom:1px solid #7c3aed1f;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;font-size:13px;font-weight:700;display:flex}.beve-categorize-item{background:#7c3aed0f;border-radius:5px;align-items:center;gap:4px;margin-bottom:4px;padding:3px 6px;display:flex}.beve-readonly-ref{pointer-events:none;-webkit-user-select:text;user-select:text;background:#7c3aed0a;border:1px solid #7c3aed1f;border-radius:10px;margin-bottom:14px;padding:14px 16px}.beve-readonly-ref .beve-goal-label{text-transform:uppercase;letter-spacing:.5px;color:#a78bfa;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.beve-readonly-ref .beve-goal-en{color:#e0e0e8;margin-bottom:2px;font-size:15px;font-weight:600}.beve-readonly-ref .beve-goal-kr{color:#a1a1aa;font-size:13px}.beve-key-expr-ref{margin-top:0}.beve-key-expr-row{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.beve-key-expr-num{color:#a78bfa;flex-shrink:0;padding-top:1px;font-size:14px;font-weight:700}.beve-key-expr-en{color:#e0e0e8;font-size:14px;font-weight:600}.beve-key-expr-kr{color:#a1a1aa;margin-top:1px;font-size:12px}.beve.light .beve-activity-block{background:#7c3aed0a;border-color:#7c3aed26}.beve.light .beve-activity-header .beve-activity-title{color:#1e1e2e}.beve.light .beve-activity-header .beve-activity-title:hover{background:#0000000a}.beve.light .beve-add-activity-dropdown{background:#fff;border-color:#7c3aed33;box-shadow:0 8px 32px #0000001f}.beve.light .beve-add-activity-option{color:#3f3f50}.beve.light .beve-add-activity-option:hover{color:#1e1e2e;background:#7c3aed14}.beve.light .beve-mcq-item,.beve.light .beve-reorder-item,.beve.light .beve-error-item{background:#00000008}.beve.light .beve-mcq-option.correct{background:#22c55e0f}.beve.light .beve-dialogue-role-select{color:#3f3f50;background:#0000000a;border-color:#0000001f}.beve.light .beve-tf-btn{color:#71717a;background:#0000000a;border-color:#0000001a}.beve.light .beve-tf-btn.active{color:#16a34a;background:#22c55e1a;border-color:#22c55e40}.beve.light .beve-reading-passage,.beve.light .beve-categorize-col{background:#00000008}.beve.light .beve-categorize-item{background:#7c3aed0a}.beve.light .beve-readonly-ref{background:#7c3aed08;border-color:#7c3aed1a}.beve.light .beve-readonly-ref .beve-goal-en{color:#1e1e2e}.beve.light .beve-readonly-ref .beve-goal-kr{color:#6b6b80}.beve.light .beve-key-expr-en{color:#1e1e2e}.beve.light .beve-key-expr-kr{color:#6b6b80}.beve.light .beve-matching-table td{border-bottom-color:#0000000d}.beve-img-grid{gap:10px;width:100%;display:grid}.beve-img-grid.beve-img-single{grid-template-columns:1fr;max-width:320px;margin:0 auto}.beve-img-grid.beve-img-double,.beve-img-grid.beve-img-triple{grid-template-columns:1fr 1fr}.beve-img-grid.beve-img-triple .beve-img-cell:nth-child(3){grid-column:1/-1;justify-self:center;max-width:calc(50% - 5px)}.beve-img-grid.beve-img-quad{grid-template-columns:1fr 1fr}.beve-img-cell{flex-direction:column;align-items:center;display:flex}.beve-img-square{aspect-ratio:1;background:#00000026;border:2px solid #7c3aed1f;border-radius:12px;width:100%;transition:border-color .2s;position:relative;overflow:hidden}.beve-img-square:hover{border-color:#7c3aed59}.beve-img-square img{object-fit:cover;width:100%;height:100%;display:block}.beve-img-remove{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.beve-img-square:hover .beve-img-remove{opacity:1}.beve-img-remove:hover{background:#ef4444cc}.beve-img-label{text-align:center;color:#a1a1aa;border-radius:4px;width:100%;margin-top:6px;padding:2px 4px;font-size:12px}.beve-img-label:hover{background:#ffffff0d}.beve-img-add-btn{margin-top:10px}.beve.light .beve-img-square{background:#0000000a;border-color:#7c3aed1a}.beve.light .beve-img-square:hover{border-color:#7c3aed4d}.beve.light .beve-img-remove{background:#00000073}.beve.light .beve-img-label{color:#6b6b80}.beve.light .beve-img-label:hover{background:#00000008}.beve-preview{--beve-tutor-sticky-top:16px;--beve-tutor-sticky-bottom-gap:16px}.beve-preview--embedded .beve-toolbar,.beve-preview--embedded .beve-sidebar{display:none}.beve-preview--embedded{height:100%;min-height:100%}.beve-preview--embedded .beve-body{flex:1;height:100%;display:block;overflow:hidden}.beve-preview--embedded .beve-canvas{align-items:stretch;gap:20px;height:100%;padding:16px 16px 28px}.beve-preview .beve-toolbar-center{color:#a1a1aa}.beve-preview--embedded .beve-canvas{padding-bottom:28px}.beve-preview--embedded .beve-page{zoom:1;border-radius:10px;width:100%;max-width:none;scroll-margin-top:16px}.beve-preview--embedded .beve-page:hover{box-shadow:0 2px 8px #00000029,0 8px 24px #0000001a,0 0 18px #7c3aed0f}.beve-preview--embedded .beve-page-header{padding:10px 18px 9px}.beve-preview--embedded .beve-page-section{padding-left:18px;padding-right:18px}.beve-preview-type-pill{color:#a78bfa;letter-spacing:.8px;text-transform:uppercase;background:#7c3aed26;border:1px solid #7c3aed59;border-radius:5px;align-items:center;padding:3px 10px;font-size:9px;font-weight:700;display:inline-flex}.beve-preview .beve-preview-static-rich{white-space:pre-wrap;word-break:break-word}.beve-preview .beve-preview-empty{color:#71717a;font-size:13px;font-style:italic;line-height:1.6}.beve-preview .beve-step-body>.beve-preview-static-rich+.beve-dialogue,.beve-preview .beve-step-body>.beve-preview-static-rich+.beve-word-box{margin-top:12px}.beve-preview .beve-preview-step-note-title{color:#7c3aed;margin-top:12px;margin-bottom:6px;font-size:11px;font-weight:700}.beve-preview .beve-preview-step-note-title:first-child{margin-top:0}.beve-preview .beve-preview-roleplay-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.beve-preview .beve-preview-role-label{color:#a78bfa;margin-bottom:6px;font-size:11px;font-weight:700}.beve-preview .beve-preview-role-list{flex-direction:column;gap:6px;display:flex}.beve-preview .beve-preview-radio{color:#71717a;font-size:16px;line-height:1}.beve-preview .beve-preview-role-pill,.beve-preview .beve-preview-blank-pill{letter-spacing:.3px;text-transform:uppercase;border-radius:999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.beve-preview .beve-preview-role-pill{color:#c4b5fd;background:#7c3aed1f;border:1px solid #7c3aed38}.beve-preview .beve-preview-blank-pill{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b38}.beve-preview .beve-preview-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.beve-preview .beve-preview-image-card{background:#ffffff08;border:1px solid #7c3aed29;border-radius:8px;margin:0;overflow:hidden}.beve-preview .beve-preview-image-card img,.beve-preview .beve-preview-image-placeholder{aspect-ratio:16/10;width:100%;display:block}.beve-preview .beve-preview-image-card img{object-fit:cover}.beve-preview .beve-preview-image-placeholder{color:#a78bfa;background:#7c3aed0f;justify-content:center;align-items:center;font-size:28px;display:flex}.beve-preview .beve-preview-image-card figcaption{color:#a1a1aa;padding:10px 12px;font-size:12px;line-height:1.5}.beve-preview.light .beve-preview-type-pill{color:#5b21b6;background:#7c3aed14;border-color:#7c3aed33}.beve-preview.light .beve-preview-role-label,.beve-preview.light .beve-preview-step-note-title{color:#7c3aed}.beve-preview.light .beve-preview-role-pill{color:#5b21b6;background:#7c3aed14;border-color:#7c3aed2e}.beve-preview.light .beve-preview-image-card{background:#00000005;border-color:#7c3aed1a}.beve-preview.light .beve-preview-image-card figcaption{color:#6b6b80}@media (max-width:900px){.beve-preview .beve-preview-roleplay-grid,.beve-preview .beve-preview-image-grid{grid-template-columns:1fr}}.classroom-start-wait{color:#0245ae;background:#edf4ff;border-bottom:1px solid #cbd5e1;flex-shrink:0;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.5}[data-theme=dark] .classroom-start-wait{color:#93c5fd;background:#263443;border-color:#484848}.classroom-container .control-btn:disabled{opacity:.45;cursor:default}.classroom-container{background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 50%,#f5f7ff 100%);height:100vh;display:flex;overflow:hidden}.classroom-left{z-index:2;background:#fff;border-right:none;flex-direction:column;width:480px;display:flex;position:relative;box-shadow:6px 0 32px #0000001f}.classroom-header{box-sizing:border-box;background:linear-gradient(135deg,#0245ae 0%,#0366d6 100%);border-bottom:none;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex}.classroom-header-actions{align-items:center;gap:10px;display:flex}.classroom-theme-switch{box-shadow:none;background:#ffffff24;border-color:#ffffff29}.classroom-theme-switch .fxv-theme-switch__option{color:#ffffffd1}.classroom-theme-switch .fxv-theme-switch__option:hover{color:#fff;background:#ffffff24}.classroom-theme-switch .fxv-theme-switch__option.is-active{color:#0245ae;background:#fffffff5;box-shadow:0 10px 22px #00000029}.classroom-logo{color:#fff;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.classroom-logo img{filter:brightness(0)invert();height:28px}.classroom-session-info{align-items:center;gap:14px;display:flex}.session-student{color:#ffffffe6;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.student-avatar-small{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:flex;box-shadow:0 2px 8px #10b98166}.session-time-display{background:#ffffff26;border-radius:22px;align-items:center;gap:8px;padding:6px 12px;display:flex}.session-time-display .timer{color:#fff;font-family:ui-monospace,monospace;font-size:15px;font-weight:700}.session-time-display .session-date{color:#fffc;font-size:12px}[data-theme=dark] .classroom-container{background:var(--fxv-bg)}[data-theme=dark] .classroom-left{background:var(--fxv-surface);box-shadow:var(--fxv-shadow-md)}[data-theme=dark] .classroom-header{border-bottom:1px solid var(--fxv-border);background:#1a1a1af5}[data-theme=dark] .classroom-logo{color:#fff}[data-theme=dark] .classroom-logo img{filter:none}[data-theme=dark] .session-time-display{background:var(--fxv-surface-soft)}[data-theme=dark] .chat-section{background:linear-gradient(180deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%)}[data-theme=dark] .chat-header{background:linear-gradient(180deg, var(--fxv-surface-muted) 0%, var(--fxv-surface) 100%);border-bottom-color:var(--fxv-border);border-top-color:var(--fxv-accent);color:var(--fxv-accent-strong)}[data-theme=dark] .chat-header i,[data-theme=dark] .chat-tool-btn,.dark-mode .chat-tool-btn{color:var(--fxv-accent-strong)}[data-theme=dark] .chat-tool-btn:hover,.dark-mode .chat-tool-btn:hover{color:var(--fxv-text)}[data-theme=dark] .chat-messages::-webkit-scrollbar-track{background:var(--fxv-surface)}[data-theme=dark] .chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--fxv-accent) 0%, var(--fxv-accent-strong) 100%)}[data-theme=dark] .chat-message.other .message-bubble,[data-theme=dark] .message-correction,[data-theme=dark] .typing-indicator{background:var(--fxv-surface-soft);border-color:var(--fxv-border);color:var(--fxv-text)}[data-theme=dark] .message-correction .label,[data-theme=dark] .typing-indicator span:first-child,[data-theme=dark] .message-time,[data-theme=dark] .file-preview-size{color:var(--fxv-text-muted)}[data-theme=dark] .chat-input-area,[data-theme=dark] .file-preview-bar{background:var(--fxv-surface);border-top-color:var(--fxv-border)}[data-theme=dark] .chat-input-area textarea,[data-theme=dark] .chat-input-area input[type=text],[data-theme=dark] .file-preview-name{color:var(--fxv-text)}[data-theme=dark] .chat-input-area textarea::placeholder,[data-theme=dark] .chat-input-area input::placeholder{color:var(--fxv-text-soft)}[data-theme=dark] .attach-btn,[data-theme=dark] .file-preview-icon{background:var(--fxv-accent-soft);color:var(--fxv-accent-strong)}[data-theme=dark] .attach-btn:hover{background:#7cb8ff38}[data-theme=dark] .message-file{background:#ffffff0f}[data-theme=dark] .message-file:hover{background:#ffffff1a}[data-theme=dark] .message-file .file-size{color:#94a3b8}.video-section{background:#000;flex:none;height:280px;position:relative}.video-section:hover .video-controls{opacity:1;visibility:visible}.video-main{width:100%;height:100%;position:relative}.connection-status.overlay-top{z-index:5;pointer-events:none;background:#000c;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;top:6px;left:8px;right:8px}.connection-status.overlay-top p{color:#fff;overflow-wrap:anywhere;margin:0;font-size:12px}.connection-status.call-error{background:#8b2020}.connection-status.call-connected{background:#176b48}.local-video-full{background:#000;border-radius:0;width:100%;height:100%;position:relative;overflow:hidden}.mic-large{width:24px;height:24px;bottom:12px;left:12px}.mic-large .mic-dot{width:10px;height:10px}.video-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.video-placeholder.student-video{background:linear-gradient(135deg,#1e293b 0%,#334155 100%)}.video-placeholder.tutor-video{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.video-placeholder.remote-camera-off{color:#f4f7fb;background:radial-gradient(circle,#15171c 0%,#08090c 62%,#030405 100%)}.camera-off-icon{color:#f4f7fbc7;font-size:36px}.camera-off-text{color:#f4f7fbdb;letter-spacing:0;font-size:15px;font-weight:800}.video-avatar-large{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:900;display:flex;box-shadow:0 6px 24px #0245ae66}.video-avatar-small{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:flex}.video-name{color:#fff;font-size:16px;font-weight:700}.video-pip{aspect-ratio:16/9;z-index:3;cursor:pointer;background:#000;border:2px solid #ffffff40;border-radius:12px;width:180px;transition:transform .15s,box-shadow .15s;position:absolute;bottom:8px;left:12px;overflow:hidden;box-shadow:0 4px 16px #00000073}.video-pip:hover{transform:scale(1.03);box-shadow:0 6px 20px #0000008c}.local-video-wrapper{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.local-video,.remote-video{object-fit:cover;width:100%;height:100%}.local-video-small,.remote-video-small{object-fit:cover;background:#000;width:100%;height:100%}.mic-indicator{background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:background .25s,box-shadow .25s;display:flex;position:absolute;bottom:6px;left:6px}.mic-indicator .mic-dot{background:#94a3b8;border-radius:50%;width:8px;height:8px;transition:background .25s,transform .25s}.mic-indicator.active{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 0 0 2px #10b9814d,0 0 8px 4px #10b98166}.mic-indicator.active .mic-dot{background:#fff;transform:scale(1.2)}.media-error-text{color:#ffffffb3;margin-top:4px;font-size:10px;font-weight:600}.video-pip .video-placeholder{gap:0}.video-pip .video-placeholder i,.video-pip .camera-off-icon{color:#ffffff80;font-size:24px}.video-pip .pip-camera-off{background:#050608}.video-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;z-index:10;background:#0f172ae6;border:1px solid #ffffff1a;border-radius:16px;gap:12px;padding:10px 20px;transition:opacity .3s,visibility .3s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.control-btn{color:#f8fafcf5;cursor:pointer;background:#1e293be0;border:1px solid #94a3b83d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:inset 0 1px #ffffff0f}.control-btn svg{stroke:currentColor}.control-btn:not(.active):not(.end-call):hover{color:#fff;background:linear-gradient(135deg,#0245aef2 0%,#3b82f6eb 100%);border-color:#93c5fd6b;transform:translateY(-2px);box-shadow:0 10px 24px #0245ae3d}.control-btn.active{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#fecaca66;box-shadow:0 8px 18px #ef44443d}.control-btn.active:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#fecaca85;transform:translateY(-2px);box-shadow:0 10px 24px #dc262647}.control-btn.end-call{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#fecaca6b;box-shadow:0 4px 12px #ef444466}.control-btn.end-call:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#fecaca85;transform:translateY(-2px);box-shadow:0 10px 24px #dc262652}.control-btn.end-call.sent{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#a7f3d06b;box-shadow:0 4px 12px #10b98166}.control-btn.end-call.sent:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);border-color:#a7f3d085;transform:translateY(-2px);box-shadow:0 10px 24px #0596694d}.chat-section{background:linear-gradient(#fff 0%,#f8fafc 100%);border-top:none;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-header{color:#0245ae;background:linear-gradient(#f8fafc 0%,#fff 100%);border-top:3px solid #0245ae;border-bottom:1px solid #0245ae1a;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.chat-header i{color:#0245ae;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:18px;line-height:1;display:inline-flex}.chat-header span{line-height:18px}.chat-header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.chat-tool-btn{color:#0245ae;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:color .18s,opacity .18s;display:inline-flex}.chat-tool-btn i{justify-content:center;align-items:center;width:17px;height:17px;font-size:17px;line-height:1;display:inline-flex}.chat-tool-btn:hover{color:#023a91;opacity:.86}.classroom-chat-popover{z-index:25;position:absolute;top:47px;left:0;right:0}.classroom-modal{background:#fff;border:1px solid #94a3b847;border-top:0;border-radius:0 0 10px 10px;flex-direction:column;width:100%;max-height:min(360px,100vh - 96px);display:flex;overflow:hidden;box-shadow:0 16px 34px #0f172a38}.classroom-modal-header{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 14px 10px;display:flex}.classroom-modal-header h2{color:#172033;letter-spacing:0;margin:0;font-size:18px;line-height:1.1}.classroom-modal-meta{color:#475569;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;font-size:11px;font-weight:700;display:flex}.classroom-modal-meta span{align-items:center;gap:6px;display:inline-flex}.classroom-modal-close{color:#475569;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.classroom-modal-close i{font-size:22px;line-height:1}.classroom-modal-close:hover{color:#0245ae}.classroom-history-list{background:#f8fafc;min-height:120px;max-height:220px;padding:8px 14px;overflow-y:auto}.classroom-history-item{color:#334155;grid-template-columns:20px minmax(64px,auto) 1fr;align-items:start;gap:8px;padding:7px 0;display:grid;position:relative}.classroom-history-item:before{content:"";background:#94a3b873;width:1px;position:absolute;top:0;bottom:0;left:9px}.classroom-history-marker{z-index:1;background:#f8fafc;border:2px solid #60a5fa;border-radius:50%;width:20px;height:20px;position:relative}.classroom-history-item.student .classroom-history-marker{border-color:#22c55e}.classroom-history-time{color:#0245ae;font-size:12px;font-weight:800;line-height:20px}.classroom-history-item.student .classroom-history-time{color:#15803d}.classroom-history-message{color:#334155;font-size:13px;line-height:20px}.classroom-modal-empty{color:#64748b;text-align:center;padding:34px 12px;font-weight:700}.classroom-device-fields{gap:12px;padding:14px;display:grid}.classroom-device-field{gap:8px;display:grid}.classroom-device-field>span{color:#334155;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.classroom-device-field>span i{color:#0245ae}.classroom-device-field select{color:#172033;width:100%;height:38px;font:inherit;background:#f8fafc;border:1px solid #94a3b861;border-radius:8px;padding:0 12px;font-size:14px}.classroom-device-field select:focus{border-color:#0245ae7a;outline:none;box-shadow:0 0 0 3px #0245ae1f}.classroom-modal-footer{border-top:1px solid #94a3b833;justify-content:flex-end;gap:10px;padding:10px 14px 12px;display:flex}.classroom-modal-primary,.classroom-modal-secondary{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:96px;height:34px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.classroom-modal-primary{color:#fff;background:#0245ae;border:0}.classroom-modal-secondary{color:#0245ae;background:#eef5ff;border:1px solid #0245ae2e}.classroom-modal-primary:disabled{cursor:not-allowed;opacity:.62}.chat-messages{background:0 0;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0336a0 0%,#3b8fee 100%)}.chat-message{flex-direction:column;gap:4px;display:flex}.chat-message.other{align-items:flex-start}.chat-message.self{align-items:flex-end}.message-bubble{border-radius:12px;max-width:85%;padding:10px 14px;font-size:14px;line-height:1.5}.chat-message.other .message-bubble{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.chat-message.self .message-bubble{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-bottom-right-radius:4px}.message-correction{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px 12px 12px 4px;padding:12px 14px;font-size:13px;line-height:1.6}.message-correction .label{color:#64748b;font-weight:700}.message-time{color:#94a3b8;padding:0 4px;font-size:11px}.message-row{align-items:flex-start;gap:6px;max-width:88%;display:flex;position:relative}.chat-message.self .message-row{flex-direction:row-reverse;justify-content:flex-start}.message-row .message-bubble{max-width:100%}.message-actions{opacity:0;margin-right:4px;transition:opacity .14s,transform .14s;position:absolute;top:50%;right:100%;transform:translateY(calc(1px - 50%))}.chat-message:hover .message-actions,.message-actions:focus-within{opacity:1;transform:translateY(-50%)}.message-more-btn{color:#64748b;cursor:pointer;width:24px;height:24px;box-shadow:none;font:inherit;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.message-more-btn span{letter-spacing:0;justify-content:center;align-items:center;height:24px;font-size:17px;font-weight:900;line-height:1;display:inline-flex}.message-more-btn:hover{color:#0245ae;background:#94a3b829}.message-action-menu{z-index:15;background:#fff;border:1px solid #94a3b842;border-radius:8px;min-width:118px;padding:5px;position:absolute;top:32px;right:0;box-shadow:0 16px 32px #0f172a2e}.message-action-menu button{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;height:32px;padding:0 10px;font-size:13px;font-weight:700;display:flex}.message-action-menu button:hover{color:#0245ae;background:#eff6ff}.message-action-menu button.danger{color:#dc2626}.message-action-menu button.danger:hover{color:#b91c1c;background:#fef2f2}.message-edited-label{opacity:.72;margin-top:4px;font-size:10px;font-weight:700;display:block}.message-edit-panel{min-width:210px}.message-edit-input{resize:vertical;width:100%;min-height:64px;font:inherit;color:#0f172a;background:#fffffff5;border:1px solid #94a3b85c;border-radius:8px;outline:none;padding:8px 10px;line-height:1.4}.message-edit-input:focus{border-color:#3b82f694;box-shadow:0 0 0 3px #3b82f624}.message-edit-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.message-edit-actions button{cursor:pointer;border-radius:7px;height:30px;padding:0 10px;font-size:12px;font-weight:800}.message-edit-cancel{color:#475569;background:#ffffffeb;border:1px solid #94a3b857}.message-edit-save{color:#fff;background:#2563eb;border:1px solid #2563eb6b}.message-edit-save:disabled{cursor:not-allowed;opacity:.55}.chat-input-area{background:#f8fafc;border-top:1px solid #e2e8f0;align-items:flex-end;gap:10px;padding:12px 16px;display:flex}.chat-input-area textarea{color:#0f172a;resize:none;field-sizing:content;background:0 0;border:none;outline:none;flex:1;min-height:20px;max-height:100px;margin:0;padding:0;font-family:inherit;font-size:14px;line-height:20px;overflow-y:auto}.chat-input-area textarea::placeholder{color:#94a3b8}.chat-input-area input[type=text]{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:14px}.chat-input-area input::placeholder{color:#94a3b8}.attach-btn{color:#0245ae;cursor:pointer;background:#0245ae1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.attach-btn:hover{background:#0245ae33;transform:scale(1.05)}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .2s;display:flex}.send-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.file-preview-bar{background:#f1f5f9;border-top:1px solid #e2e8f0;align-items:center;gap:10px;padding:10px 16px;display:flex}.file-preview-thumb{object-fit:cover;border-radius:6px;width:40px;height:40px}.file-preview-icon{color:#0245ae;background:#0245ae1a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.file-preview-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.file-preview-size{color:#64748b;font-size:12px}.file-preview-remove{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.file-preview-remove:hover{background:#ef444433}.message-image{max-width:240px;margin-bottom:8px}.message-image img{cursor:pointer;border-radius:8px;max-width:100%;transition:transform .2s}.message-image img:hover{transform:scale(1.02)}.message-file{color:inherit;background:#0000000d;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 14px;text-decoration:none;transition:background .2s;display:flex}.message-file:hover{background:#00000014}.message-file svg{color:#0245ae;flex-shrink:0}.message-file .file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.message-file .file-size{color:#64748b;font-size:11px}.chat-message.self .message-file{color:#fff;background:#fff3}.chat-message.self .message-file:hover{background:#ffffff4d}.chat-message.self .message-file svg,.chat-message.self .message-file i{color:#fff}.chat-message.self .message-file .file-size{color:#fffc}.chat-link{color:#2563eb;word-break:break-all;text-decoration:underline}.chat-link:hover{color:#1d4ed8}.chat-message.self .chat-link{color:#fff}.chat-message.self .chat-link:hover{color:#e0f2fe}.typing-indicator{color:#64748b;background:#f1f5f9e6;border-radius:16px 16px 16px 4px;align-self:flex-start;align-items:center;gap:6px;margin-left:4px;padding:8px 14px;font-size:12px;font-style:italic;display:flex}.typing-indicator span:first-child{color:#475569;font-weight:500}.typing-dots{gap:2px;display:inline-flex}.typing-dots:before,.typing-dots:after{content:"•"}.typing-dots:before{animation:1s infinite typingDot}.typing-dots{animation:1s .2s infinite typingDot}.typing-dots:after{animation:1s .4s infinite typingDot}@keyframes typingDot{0%,60%,to{opacity:.3}30%{opacity:1}}.classroom-right{background:0 0;flex-direction:column;flex:1;display:flex;overflow:hidden}.material-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:#ffffffa3;border-bottom:1px solid #94a3b81f;align-items:center;gap:18px;height:60px;padding:0 16px;display:flex}.material-tabs{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;padding:0;display:flex;overflow-x:auto}.material-tab{color:#475569;cursor:pointer;background:#f8fafcd9;border:1px solid #94a3b82e;border-radius:12px;flex:0 300px;align-items:center;gap:9px;min-width:0;min-height:40px;padding:7px 11px;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:flex}.material-tab:hover{background:#fffffff5;border-color:#2563eb2e}.material-tab.is-active{color:#0f172a;background:#fff;border-color:#2563eb2e;box-shadow:0 6px 18px #0f172a0f}.material-tab-icon{color:#1d4ed8;background:#2563eb14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex}.material-tab-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.material-tab-label{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;line-height:1.2;overflow:hidden}.material-tab-meta{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:9px;line-height:1.2;overflow:hidden}.material-header{color:#1e293b;box-sizing:border-box;background:0 0;border-bottom:none;flex:none;align-items:center;gap:10px;min-width:180px;height:auto;padding:0;font-size:14px;font-weight:700;display:flex}.material-header i{color:#1d4ed8;font-size:14px}.material-header span{color:inherit;flex:none}.btn-toggle-lesson-request{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-toggle-lesson-request:hover{background:#ffffff40;border-color:#ffffff80}.pdf-viewer-container{flex:1;min-height:0;display:flex;overflow:hidden}.pdf-viewer{background:#fff;border:none;width:100%;height:100%}.material-nav{background:#fff;border-bottom:2px solid #0245ae1a;gap:8px;padding:16px 24px;display:flex}.material-nav-btn{cursor:pointer;background:#fff;border:2px solid #0245ae26;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:flex}.material-nav-btn:hover{background:#0245ae0d;border-color:#0245ae}.material-nav-btn.active{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0000;box-shadow:0 4px 12px #0245ae4d}.material-nav-btn .nav-number{color:#0245ae;background:#0245ae1a;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:flex}.material-nav-btn.active .nav-number{color:#fff;background:#fff3}.material-nav-btn .nav-label{color:#64748b;font-size:13px;font-weight:700}.material-nav-btn.active .nav-label{color:#fff}.material-title{color:#0245ae;align-items:center;gap:10px;margin-bottom:20px;font-size:18px;font-weight:900;display:flex}.material-title i{font-size:20px}.dialogue-box{background:#fff;border:1px solid #0245ae1a;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0245ae14}.dialogue-line{border-bottom:1px solid #0000000d;padding:12px 0;font-size:15px;line-height:1.7}.dialogue-line:last-child{border-bottom:none}.dialogue-line .speaker{color:#0245ae;margin-right:8px;font-weight:800}.dialogue-line .text{color:#334155}.trivia-box{background:linear-gradient(135deg,#fef9c3 0%,#fef08a 100%);border:2px solid #fbbf24;border-radius:16px;padding:24px}.trivia-explanation{color:#713f12;margin-bottom:20px;font-size:15px;line-height:1.8}.trivia-examples{flex-direction:column;gap:10px;display:flex}.example-item{align-items:center;gap:10px;font-size:14px;display:flex}.example-marker{color:#0245ae;font-weight:800}.example-text{color:#0f172a;font-weight:700}.example-meaning{color:#64748b;font-style:italic}.practice-box{background:#fff;border-left:4px solid #0245ae;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0245ae14}.practice-instruction{color:#334155;border-bottom:1px dashed #0000001a;margin-bottom:20px;padding-bottom:16px;font-size:15px;line-height:1.7}.practice-exercises{flex-direction:column;gap:16px;display:flex}.exercise-item{gap:12px;font-size:15px;line-height:1.6;display:flex}.exercise-number{color:#0245ae;font-weight:800}.exercise-text{color:#334155}.tutor-instructions{background:linear-gradient(135deg,#0245ae 0%,#1e40af 100%);width:300px;padding:24px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.instructions-title{color:#fff;letter-spacing:1px;border-bottom:1px solid #fff3;margin-bottom:16px;padding-bottom:12px;font-size:14px;font-weight:800}.instructions-list{flex-direction:column;gap:12px;display:flex}.instruction-item{color:#fffffff2;gap:10px;font-size:13px;line-height:1.5;display:flex}.instruction-number{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.instruction-quote{color:#fef08a;padding-left:30px;font-style:italic}.next-section-btn{color:#0245ae;cursor:pointer;background:#fffffff2;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;padding:14px 20px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.next-section-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}@media (max-width:1400px){.classroom-left{width:420px}}@media (max-width:900px){.classroom-container{flex-direction:column}.classroom-left{width:100%;height:60vh}.video-section{height:clamp(100px,60vh - 280px,240px)}.classroom-right{height:40vh}}.dark-mode .classroom-right{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}.dark-mode .material-nav{background:#1e293b;border-color:#4a9eff33}.dark-mode .material-nav-btn{background:#0f172a;border-color:#4a9eff33}.dark-mode .material-nav-btn .nav-label{color:#94a3b8}.dark-mode .dialogue-box,.dark-mode .practice-box{background:#1e293b;border-color:#4a9eff33}.dark-mode .dialogue-line .text,.dark-mode .practice-instruction,.dark-mode .exercise-text{color:#e2e8f0}.dark-mode .material-title{color:#4a9eff}.material-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.material-content--request{overflow:visible}.material-content>.dispatch-article-iframe{background:#fff;border:none;flex:1;width:100%;height:100%}.lesson-request-container{background:radial-gradient(circle at 0 0,#3b82f614,#0000 26%),linear-gradient(#f8fafceb 0%,#f1f5f9f5 100%);flex-direction:column;gap:10px;width:100%;max-width:1180px;min-height:0;margin:0 auto;padding:10px 16px 14px;display:flex;overflow-y:auto}.lesson-request-section{background:#fff;border:1px solid #94a3b829;border-radius:20px;flex-shrink:0;padding:0;overflow:hidden;box-shadow:0 18px 44px #0f172a12,0 3px 10px #0245ae0d}.no-material-selected{color:#64748b;padding:12px 0;font-style:italic}.lesson-request-header{background:linear-gradient(135deg,#f8fafcf5 0%,#fffffffa 100%);border-bottom:1px solid #94a3b829;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 14px 8px;display:flex}.lesson-request-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;display:flex}.lesson-request-title i{color:#0245ae;background:linear-gradient(135deg,#0245ae24 0%,#38bdf81f 100%);border-radius:8px;padding:5px;font-size:14px;box-shadow:inset 0 0 0 1px #0245ae0f}.lesson-request-title-wrap{flex-direction:column;gap:2px;max-width:700px;display:flex}.lesson-request-subtitle{color:#64748b;margin:0;font-size:10px;line-height:1.35}.lesson-request-status{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.lesson-request-status:before{content:"";opacity:.18;background:currentColor;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px}.lesson-request-status--ready{color:#1d4ed8;background:#2563eb14;border-color:#2563eb24}.lesson-request-status--pending{color:#64748b;background:#94a3b81f;border-color:#94a3b829}.lesson-request-updated{color:#64748b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid #94a3b82e;border-radius:999px;margin:0;padding:5px 9px;font-size:9px}.lesson-request-body{padding:10px 14px 12px}.lesson-request-details{background:linear-gradient(160deg,#f8fbff 0%,#fff 100%);border:1px solid #94a3b82e;border-radius:16px;align-self:start;min-height:0;padding:10px 12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.lesson-request-details:before{content:"";background:linear-gradient(#2563eb 0%,#38bdf8 100%);border-radius:4px 0 0 4px;width:5px;height:100%;position:absolute;top:0;left:0}.request-intro-block{flex-direction:column;gap:3px;margin-bottom:6px;display:flex}.request-eyebrow{color:#1d4ed8;letter-spacing:.08em;text-transform:uppercase;background:#2563eb14;border-radius:999px;align-self:flex-start;padding:3px 7px;font-size:9px;font-weight:700;display:inline-flex}.request-intro{color:#64748b;margin:0;font-size:10px;line-height:1.35}.request-detail-grid{grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:stretch;gap:10px;display:grid}.request-detail-card{background:#fffffff0;border:1px solid #94a3b82e;border-radius:16px;flex-direction:column;justify-content:space-between;gap:8px;padding:14px;display:flex;box-shadow:0 10px 24px #0f172a0a}.request-detail-card--primary{background:linear-gradient(135deg,#eff6fff2 0%,#fff 100%)}.request-detail-card--compact{text-align:left;background:linear-gradient(135deg,#f8fafcf5 0%,#fff 100%)}.request-detail-label{color:#1d4ed8;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.request-detail-value{color:#0f172a;font-size:22px;font-weight:800;line-height:1.1}.request-detail-meta{color:#64748b;font-size:11px;line-height:1.5}.request-goal-card{background:linear-gradient(135deg,#f0f9ffdb 0%,#fffffffa 100%);border:1px solid #38bdf82e;border-radius:16px;margin-top:10px;padding:14px 16px}.request-empty-state{background:#ffffffd1;border:1px dashed #94a3b84d;border-radius:13px;align-items:center;gap:9px;max-width:100%;padding:9px 10px;display:flex}.request-empty-icon{color:#1d4ed8;background:linear-gradient(135deg,#2563eb1f 0%,#38bdf824 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.request-empty-copy{flex-direction:column;gap:3px;display:flex}.request-empty-title{color:#0f172a;margin:0;font-size:12px;font-weight:700}.request-empty-description{color:#64748b;margin:0;font-size:10px;line-height:1.35}.request-link{color:#023c8d;align-items:center;gap:8px;font-size:20px;font-weight:800;line-height:1.25;text-decoration:none;transition:all .2s;display:inline-flex}.request-link:after{content:"↗";color:#2563eb;font-size:14px}.request-link:hover{color:#2563eb}.student-preferences-sidebar{background:linear-gradient(#fffffffa 0%,#f8fafcfa 100%);border:1px solid #94a3b82e;border-radius:14px;justify-self:start;width:100%;max-width:340px;padding:8px;box-shadow:0 10px 24px #0f172a0d}.student-preferences-header{flex-direction:column;gap:2px;margin-bottom:5px;display:flex}.preference-kicker{color:#047857;letter-spacing:.08em;text-transform:uppercase;background:#10b9811a;border-radius:999px;align-self:flex-start;padding:3px 8px;font-size:9px;font-weight:700;display:inline-flex}.preference-panel-title{color:#0f172a;margin:0;font-size:12px;font-weight:800}.preference-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.preference-card{background:#ffffffe6;border:1px solid #94a3b824;border-radius:12px;flex-direction:column;gap:2px;min-height:58px;padding:8px 9px;display:flex;position:relative;overflow:hidden}.preference-card:before{content:"";background:linear-gradient(#2563eb 0%,#38bdf8 100%);border-radius:4px 0 0 4px;width:4px;position:absolute;inset:0 auto 0 0}.preference-card--proficiency:before{background:linear-gradient(#0f766e 0%,#14b8a6 100%)}.preference-card--correction:before{background:linear-gradient(#ea580c 0%,#f59e0b 100%)}.preference-card--other:before{background:linear-gradient(#7c3aed 0%,#a855f7 100%)}.preference-card--wide{grid-column:1/-1;min-height:auto}.preference-card-label{color:#1d4ed8;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.preference-card-value{color:#0f172a;margin:0;font-size:11px;font-weight:700;line-height:1.2}.preference-card-note{color:#64748b;font-size:9px;line-height:1.25}.material-selector-section{z-index:6;background:#fff;border:1px solid #94a3b829;border-radius:20px;flex-shrink:0;padding:0;position:relative;overflow:visible;box-shadow:0 18px 44px #0f172a12,0 3px 10px #0245ae0d}.material-selector-header{background:linear-gradient(135deg,#f8fafcf5 0%,#fffffffa 100%);border-bottom:1px solid #94a3b829;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px 12px;display:flex}.material-selector-header-icon{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#0366d6 100%);border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;display:flex;box-shadow:0 12px 22px #0245ae2e}.material-selector-copy{flex-direction:column;gap:1px;display:flex}.material-selector-label{color:#0f172a;margin:0;font-size:18px;font-weight:800;display:block}.material-selector-description{color:#64748b;margin:0;font-size:12px;line-height:1.45}.material-selector-chip{color:#1d4ed8;background:#2563eb14;border:1px solid #2563eb1f;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex}.material-selector-body{background:linear-gradient(#f8fafca8 0%,#fffffff0 100%);padding:14px 18px 18px;overflow:visible}.material-selector-row{width:100%;max-width:700px;margin-bottom:12px}.material-selector-row--course{z-index:20;position:relative}.material-selector-row:last-child{margin-bottom:0}.material-selector-field{flex-direction:column;gap:6px;width:100%;display:flex}.material-selector-field-label{color:#1d4ed8;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.material-selector-combobox{z-index:24;position:relative}.material-selector-trigger{cursor:pointer;text-align:left;background:linear-gradient(#fffffffa 0%,#f8fafcf5 100%);border:1px solid #94a3b83d;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 12px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 10px 24px #0f172a0d}.material-selector-trigger:hover{border-color:#2563eb52;box-shadow:0 14px 28px #0f172a0f}.material-selector-combobox.is-open .material-selector-trigger{border-color:#2563eb6b;box-shadow:0 0 0 4px #2563eb14,0 16px 30px #0f172a12}.material-selector-trigger-content{align-items:center;gap:8px;min-width:0;display:flex}.material-selector-trigger-icon{background:linear-gradient(135deg,#2563eb1f 0%,#38bdf824 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.material-selector-trigger-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.material-selector-trigger-title{color:#0f172a;font-size:13px;font-weight:700;line-height:1.25}.material-selector-trigger-subtitle{color:#64748b;font-size:10px;line-height:1.35}.material-selector-trigger-placeholder{color:#64748b;font-size:13px;font-weight:600}.material-selector-trigger-arrow{color:#1d4ed8;background:#2563eb14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}.material-selector-menu{box-sizing:border-box;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:120;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#64748b6b transparent;background:#fffffffa;border:1px solid #94a3b833;border-radius:16px;padding:5px 10px 5px 5px;position:fixed;overflow-y:auto;box-shadow:0 22px 44px #0f172a1f}.material-selector-menu::-webkit-scrollbar{width:6px}.material-selector-menu::-webkit-scrollbar-track{background:0 0;margin:10px 0}.material-selector-menu::-webkit-scrollbar-thumb{background:#64748b66 padding-box padding-box;border:2px solid #0000;border-radius:999px}.material-selector-menu::-webkit-scrollbar-thumb:hover{background:#47556994 padding-box padding-box}.material-selector-option{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:10px;width:100%;padding:9px;transition:background-color .2s,transform .2s;display:flex}.material-selector-option:hover{background:#2563eb0f}.material-selector-option.is-selected{background:linear-gradient(135deg,#eff6fff2 0%,#f8fafcfa 100%)}.material-selector-option-icon{background:#2563eb14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.material-selector-option-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.material-selector-option-title{color:#0f172a;font-size:13px;font-weight:700;line-height:1.35}.material-selector-option-description{color:#64748b;font-size:11px;line-height:1.45}.material-selector-option-check{color:#1d4ed8;background:#2563eb1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;font-size:10px;display:flex}.material-selector-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:8px;display:grid}.material-selector-combobox--filter .material-selector-menu{max-width:100%}.material-selector-trigger--filter{border-radius:16px;min-height:64px;padding:12px 14px}.material-selector-trigger--filter:disabled{cursor:not-allowed;opacity:.7;box-shadow:none;background:#f8fafce6;border-color:#cbd5e1e6}.material-selector-trigger--filter:disabled:hover{box-shadow:none;border-color:#cbd5e1e6;transform:none}.material-selector-trigger-icon--level,.material-selector-option-icon--level{color:#2563eb;background:#2563eb1a}.material-selector-trigger-icon--chapter,.material-selector-option-icon--chapter{color:#0f766e;background:#0d94881f}.material-selector-trigger-icon--lesson,.material-selector-option-icon--lesson{color:#6d28d9;background:#7c3aed1f}.material-selector-dropdown{color:#0f172a;cursor:pointer;appearance:none;background:#fffffff2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230245ae' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 20px center no-repeat;border:1px solid #94a3b847;border-radius:18px;width:100%;min-height:58px;padding:14px 48px 14px 18px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 10px 24px #0f172a0d}.material-selector-dropdown:focus{background-color:#fff;border-color:#0245ae;outline:none;box-shadow:0 0 0 4px #0245ae14,0 14px 30px #0f172a0f}.material-selector-dropdown:hover{background-color:#fff;border-color:#2563eb80}[data-theme=dark] .classroom-right{background:var(--fxv-bg)}[data-theme=dark] .material-topbar{border-bottom-color:var(--fxv-border);background:#1a1a1af5}[data-theme=dark] .material-tabs{background:0 0;border-bottom-color:#0000}[data-theme=dark] .material-tab{background:linear-gradient(180deg, var(--fxv-surface-muted) 0%, var(--fxv-surface) 100%);color:var(--fxv-text-muted);border-color:var(--fxv-border)}[data-theme=dark] .material-tab:hover{background:linear-gradient(180deg, var(--fxv-surface-soft) 0%, var(--fxv-surface-muted) 100%);border-color:var(--fxv-border-strong)}[data-theme=dark] .material-tab.is-active{background:var(--fxv-surface);color:var(--fxv-text);border-color:var(--fxv-border-strong);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .material-tab-icon{background:var(--fxv-accent-soft);color:var(--fxv-accent-strong)}[data-theme=dark] .material-tab-meta{color:var(--fxv-text-soft)}[data-theme=dark] .material-header{color:var(--fxv-text);background:0 0;border-bottom:none}[data-theme=dark] .material-content--request,[data-theme=dark] .lesson-request-container{background:0 0}[data-theme=dark] .lesson-request-header,[data-theme=dark] .material-selector-header{background:linear-gradient(180deg, var(--fxv-surface-muted) 0%, var(--fxv-surface) 100%);border-bottom-color:var(--fxv-border)}[data-theme=dark] .lesson-request-title,[data-theme=dark] .preference-panel-title,[data-theme=dark] .material-selector-label,[data-theme=dark] .material-selector-trigger-title,[data-theme=dark] .material-selector-option-title,[data-theme=dark] .request-empty-title,[data-theme=dark] .request-detail-value,[data-theme=dark] .preference-card-value,[data-theme=dark] .dispatch-col-title,[data-theme=dark] .lesson-col-title,[data-theme=dark] .lesson-col-number{color:var(--fxv-text)}[data-theme=dark] .lesson-request-title i,[data-theme=dark] .material-selector-header-icon{background:var(--fxv-accent-soft);color:var(--fxv-accent-strong);box-shadow:inset 0 0 0 1px #7cb8ff24}[data-theme=dark] .lesson-request-subtitle,[data-theme=dark] .lesson-request-updated,[data-theme=dark] .request-intro,[data-theme=dark] .request-detail-meta,[data-theme=dark] .request-empty-description,[data-theme=dark] .preference-card-note,[data-theme=dark] .material-selector-description,[data-theme=dark] .material-selector-trigger-subtitle,[data-theme=dark] .material-selector-trigger-placeholder,[data-theme=dark] .material-selector-option-description,[data-theme=dark] .dispatch-loading,[data-theme=dark] .dispatch-empty p,[data-theme=dark] .dispatch-col-date,[data-theme=dark] .lesson-col-goal,[data-theme=dark] .lesson-table-header,[data-theme=dark] .dispatch-table-header{color:var(--fxv-text-muted)}[data-theme=dark] .lesson-request-updated{background:var(--fxv-surface-soft);border-color:var(--fxv-border)}[data-theme=dark] .lesson-request-status--ready{background:var(--fxv-accent-soft);border-color:var(--fxv-border-strong);color:var(--fxv-accent-strong)}[data-theme=dark] .lesson-request-status--pending{background:var(--fxv-surface-soft);border-color:var(--fxv-border);color:var(--fxv-text-muted)}[data-theme=dark] .lesson-request-details{background:linear-gradient(180deg, var(--fxv-surface-muted) 0%, var(--fxv-surface) 100%);border-color:var(--fxv-border);box-shadow:inset 0 1px #ffffff0a}[data-theme=dark] .request-eyebrow{background:var(--fxv-accent-soft);color:var(--fxv-accent-strong)}[data-theme=dark] .request-detail-card,[data-theme=dark] .request-goal-card,[data-theme=dark] .request-empty-state,[data-theme=dark] .student-preferences-sidebar,[data-theme=dark] .preference-card,[data-theme=dark] .material-selector-trigger,[data-theme=dark] .material-selector-dropdown,[data-theme=dark] .dispatch-article-card,[data-theme=dark] .lesson-card{background:linear-gradient(180deg, var(--fxv-surface-muted) 0%, var(--fxv-surface) 100%);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .request-detail-card--primary{background:linear-gradient(180deg, var(--fxv-surface-soft) 0%, var(--fxv-surface-muted) 100%)}[data-theme=dark] .request-detail-card--compact,[data-theme=dark] .request-goal-card,[data-theme=dark] .student-preferences-sidebar{background:linear-gradient(180deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%)}[data-theme=dark] .request-detail-label,[data-theme=dark] .preference-card-label,[data-theme=dark] .material-selector-field-label,[data-theme=dark] .dispatch-table-header,[data-theme=dark] .lesson-chapter-header{color:var(--fxv-accent-strong)}[data-theme=dark] .request-goal-text,[data-theme=dark] .request-link{color:var(--fxv-text)}[data-theme=dark] .request-link:after{color:var(--fxv-accent-strong)}[data-theme=dark] .request-empty-icon,[data-theme=dark] .material-selector-trigger-arrow,[data-theme=dark] .material-selector-option-check{background:var(--fxv-accent-soft);color:var(--fxv-accent-strong)}[data-theme=dark] .preference-kicker,[data-theme=dark] .material-selector-chip{color:#86efac;background:#10b98124;border-color:#10b98138}[data-theme=dark] .material-selector-body{background:linear-gradient(180deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%)}[data-theme=dark] .material-selector-trigger:hover{border-color:var(--fxv-border-strong);box-shadow:var(--fxv-shadow-md)}[data-theme=dark] .material-selector-combobox.is-open .material-selector-trigger,[data-theme=dark] .material-selector-dropdown:focus{border-color:var(--fxv-border-strong);box-shadow:0 0 0 4px #7cb8ff1f, var(--fxv-shadow-md)}[data-theme=dark] .material-selector-menu{border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-lg);scrollbar-color:#616161b8 transparent;background:#1e1e1efa}[data-theme=dark] .material-selector-menu::-webkit-scrollbar-thumb{background:#616161ad padding-box padding-box;border:2px solid #0000}[data-theme=dark] .material-selector-menu::-webkit-scrollbar-thumb:hover{background:#808080db padding-box padding-box}[data-theme=dark] .material-selector-option:hover,[data-theme=dark] .dispatch-table-row:hover,[data-theme=dark] .lesson-table-row:hover{background:#7cb8ff1a}[data-theme=dark] .material-selector-option.is-selected{background:linear-gradient(#7cb8ff24 0%,#7cb8ff14 100%)}[data-theme=dark] .material-selector-trigger--filter:disabled,[data-theme=dark] .material-selector-trigger--filter:disabled:hover{background:var(--fxv-surface-soft);border-color:var(--fxv-border)}[data-theme=dark] .material-selector-dropdown,[data-theme=dark] .material-selector-dropdown:hover{background-color:var(--fxv-surface);color:var(--fxv-text);border-color:var(--fxv-border)}[data-theme=dark] .dispatch-table-header,[data-theme=dark] .lesson-table-header{background:linear-gradient(180deg, var(--fxv-surface-soft) 0%, var(--fxv-surface-muted) 100%);border-bottom-color:var(--fxv-border)}[data-theme=dark] .dispatch-table-row,[data-theme=dark] .lesson-table-row{border-bottom-color:var(--fxv-border)}[data-theme=dark] .dispatch-empty{background:linear-gradient(180deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%)}[data-theme=dark] .dispatch-col-category{box-shadow:inset 0 0 0 1px #10b9812e}[data-theme=dark] .lesson-chapter-group{border-bottom-color:var(--fxv-border)}[data-theme=dark] .lesson-chapter-header{background:linear-gradient(180deg, var(--fxv-surface-soft) 0%, var(--fxv-surface-muted) 100%);border-bottom-color:var(--fxv-border)}@media (max-width:1100px){.material-tabs{justify-content:flex-start;padding:0;overflow-x:auto}.material-tab{flex:0 0 250px}.lesson-request-container{padding:16px 14px 22px}.lesson-request-content{grid-template-columns:1fr}.lesson-request-meta{align-items:flex-start;width:100%}.student-preferences-sidebar{width:100%}}@media (max-width:760px){.material-tabs{gap:8px;padding:0}.material-tab{flex-basis:220px;padding:7px 10px}.lesson-request-header,.lesson-request-body,.material-selector-header,.material-selector-body{padding-left:16px;padding-right:16px}.lesson-request-details{padding:16px}.lesson-request-title{font-size:20px}.material-selector-label{font-size:18px}.request-detail-grid,.preference-card-grid,.material-selector-filter-grid{grid-template-columns:1fr}.request-link{font-size:18px}.request-detail-value{font-size:20px}.request-empty-state{align-items:flex-start}.material-selector-chip{margin-left:0}.material-selector-row{max-width:none}.material-selector-trigger{min-height:50px;padding:8px 11px}.material-selector-trigger-content{gap:8px}.material-selector-trigger-icon{border-radius:10px;width:32px;height:32px;font-size:15px}.material-selector-menu{border-radius:16px;padding:5px}.material-selector-option{gap:9px;padding:9px}.material-selector-option-icon{width:30px;height:30px;font-size:14px}}.material-loading-inline{color:#64748b;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.spinner-small{border:2px solid #0245ae1a;border-top-color:#0245ae;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.dispatch-article-card{background:#fff;border:1px solid #0245ae1a;border-radius:12px;flex-shrink:0;margin-top:12px;overflow:hidden;box-shadow:0 2px 8px #0245ae0f}.dispatch-card-label{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#0245ae 0%,#0366d6 100%);border-bottom:none;padding:12px 16px;font-size:12px;font-weight:700}.dispatch-previous-card{margin-top:14px}.dispatch-previous-card .dispatch-card-label{color:#fff;background:linear-gradient(135deg,#64748b 0%,#475569 100%)}.dispatch-table-header{color:#0245ae;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #0245ae14;grid-template-columns:140px 1fr 100px 100px;gap:12px;padding:12px 16px;font-size:11px;font-weight:700;display:grid}.dispatch-table-row{border-bottom:1px solid #f3f4f6;grid-template-columns:140px 1fr 100px 100px;align-items:center;gap:12px;padding:14px 16px;transition:background-color .2s;display:grid}.dispatch-table-row:hover{background-color:#0245ae08}.dispatch-table-row:last-child{border-bottom:none}.dispatch-col-date{color:#374151;font-size:13px}.dispatch-col-title{color:#111827;font-size:13px;font-weight:500}.dispatch-col-category{color:#fff;text-align:center;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.dispatch-col-action{text-align:right;font-size:13px}.dispatch-open-link{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#0366d6 100%);border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.dispatch-open-link:hover{background:linear-gradient(135deg,#023d9a 0%,#0255b5 100%);text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px #0245ae4d}.dispatch-loading{color:#6b7280;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.dispatch-empty{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);padding:20px 16px}.dispatch-empty p{color:#9ca3af;margin:0;font-size:13px}.btn-toggle-lesson-request{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-toggle-lesson-request:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0245ae40}.btn-toggle-lesson-request i{font-size:14px}.btn-search-material{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 28px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #0245ae33}.btn-search-material:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0245ae4d}.btn-search-material i{font-size:16px}.dispatch-view-header{color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#0245ae 0%,#1e5fc2 100%);justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex}.btn-back-to-request{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-back-to-request:hover{background:#fff3}.btn-back-to-request i{font-size:11px}.dispatch-view-meta{align-items:center;gap:10px;min-width:0;display:flex}.dispatch-view-category{text-transform:uppercase;letter-spacing:.5px;background:#ffffff26;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600}.dispatch-view-date{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dispatch-view-header.conversational-theme .dispatch-view-category{color:#12458f;letter-spacing:0;opacity:1;background:#fff;flex-shrink:0;font-size:12px;font-weight:700}.dispatch-view-header.conversational-theme .dispatch-view-date{color:#fff;opacity:1;font-weight:600}.btn-material-theme-toggle{cursor:pointer;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.dispatch-view-header{transition:background .5s,box-shadow .5s}.dispatch-view-header.daily-dispatch-theme{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);box-shadow:inset 0 -3px #fbbf24}.dispatch-view-header.daily-dispatch-theme .btn-back-to-request{color:#fbbf24;background:#fbbf2433;border-color:#fbbf2480}.dispatch-view-header.daily-dispatch-theme .btn-back-to-request:hover{background:#fbbf2459;border-color:#fbbf24b3}.dispatch-view-header.daily-dispatch-theme .dispatch-view-category{color:#1a1a1a;background:#fbbf24;font-weight:700}.dispatch-view-header.daily-dispatch-theme .dispatch-view-date{color:#fbbf24e6;opacity:1}.dispatch-view-header.business-english-theme{transition:background .35s,box-shadow .35s,color .35s}.dispatch-view-header.business-english-theme--light{color:#4c1d95;background:linear-gradient(135deg,#f7f5ff 0%,#ede9fe 100%);box-shadow:inset 0 -3px #7c3aed2e}.dispatch-view-header.business-english-theme--light .btn-back-to-request,.dispatch-view-header.business-english-theme--light .btn-material-theme-toggle{color:#5b21b6;background:#7c3aed14;border-color:#7c3aed29}.dispatch-view-header.business-english-theme--light .btn-back-to-request:hover,.dispatch-view-header.business-english-theme--light .btn-material-theme-toggle:hover{background:#7c3aed24;border-color:#7c3aed3d}.dispatch-view-header.business-english-theme--light .dispatch-view-category{color:#6d28d9;background:#7c3aed1f}.dispatch-view-header.business-english-theme--light .dispatch-view-date{color:#4c1d95d9;opacity:1}.dispatch-view-header.business-english-theme--dark{color:#f5f3ff;background:linear-gradient(135deg,#130d24 0%,#25134a 100%);box-shadow:inset 0 -3px #a78bfa4d}.dispatch-view-header.business-english-theme--dark .btn-back-to-request,.dispatch-view-header.business-english-theme--dark .btn-material-theme-toggle{color:#e9ddff;background:#a78bfa1f;border-color:#a78bfa38}.dispatch-view-header.business-english-theme--dark .btn-back-to-request:hover,.dispatch-view-header.business-english-theme--dark .btn-material-theme-toggle:hover{background:#a78bfa33;border-color:#a78bfa52}.dispatch-view-header.business-english-theme--dark .dispatch-view-category{color:#f5f3ff;background:#a78bfa2e}.dispatch-view-header.business-english-theme--dark .dispatch-view-date{color:#ede9feeb;opacity:1}.classroom-right:has(.daily-dispatch-theme) ::-webkit-scrollbar{width:8px;height:8px}.classroom-right:has(.daily-dispatch-theme) ::-webkit-scrollbar-track{background:#1a1a1a}.classroom-right:has(.daily-dispatch-theme) ::-webkit-scrollbar-thumb{background:#fbbf24;border-radius:4px}.classroom-right:has(.daily-dispatch-theme) ::-webkit-scrollbar-thumb:hover{background:#f59e0b}.dispatch-article-iframe{background:#fff;border:none;flex:1;width:100%;height:100%}.lesson-card{background:#fff;border:1px solid #0245ae1a;border-radius:12px;flex-shrink:0;margin-top:12px;overflow:hidden;box-shadow:0 2px 8px #0245ae0f}.lesson-card-label{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);border-bottom:none;padding:12px 16px;font-size:12px;font-weight:700}.conversational-skills-card .lesson-card-label{background:linear-gradient(135deg,#0245ae 0%,#0366d6 100%)}.lesson-chapter-group{border-bottom:1px solid #0245ae14}.lesson-chapter-group:last-child{border-bottom:none}.lesson-chapter-header{color:#0245ae;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-bottom:1px solid #0245ae14;padding:10px 16px;font-size:12px;font-weight:600}.lesson-table-header{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #0245ae0f;grid-template-columns:90px 1fr 100px;gap:12px;padding:10px 16px;font-size:11px;font-weight:700;display:grid}.lesson-table-header.conversational-header{grid-template-columns:80px 1fr 1.5fr 110px}.lesson-table-row{border-bottom:1px solid #f3f4f6;grid-template-columns:90px 1fr 100px;align-items:center;gap:12px;padding:12px 16px;transition:background-color .2s;display:grid}.lesson-table-row.conversational-row{grid-template-columns:80px 1fr 1.5fr 110px}.lesson-table-row:hover{background-color:#0245ae08}.lesson-table-row:last-child{border-bottom:none}.lesson-col-number{color:#374151;font-size:12px;font-weight:600}.lesson-col-title{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.lesson-col-goal{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;padding-right:8px;font-size:12px;font-style:italic;overflow:hidden}.lesson-col-action{text-align:right;font-size:13px}.lesson-open-link{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#0366d6 100%);border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.lesson-open-link:hover{background:linear-gradient(135deg,#023d9a 0%,#0255b5 100%);text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px #0245ae4d}.conversational-iframe{background:#fff;border:none}.lesson-material-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.lesson-material-iframe{background:#fff;border:none;width:100%;height:100%}.lesson-material-iframe--business-english{background:0 0}[data-theme=dark] :is(.dispatch-article-iframe,.lesson-material-iframe){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1a1a1a}.material-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.material-loading .spinner{border:3px solid #0245ae1a;border-top-color:#0245ae;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite spin}.dispatch-notes-fab{--notes-fab-gradient:linear-gradient(135deg, #0245ae 0%, #0366d6 100%);--notes-fab-shadow:0 4px 16px #0245ae66;--notes-fab-shadow-hover:0 6px 24px #0245ae80;background:var(--notes-fab-gradient);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:var(--notes-fab-shadow);z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px}.dispatch-notes-fab i{justify-content:center;align-items:center;font-size:24px;line-height:1;display:flex}.dispatch-notes-fab:hover{box-shadow:var(--notes-fab-shadow-hover);transform:scale(1.1)}.dispatch-notes-fab.active{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);box-shadow:0 4px 16px #dc262666}.dispatch-notes-fab.active:hover{box-shadow:0 6px 24px #dc262680}.dispatch-notes-fab.dispatch-notes-fab--daily-dispatch{--notes-fab-gradient:linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--notes-fab-shadow:0 4px 16px #d9770666;--notes-fab-shadow-hover:0 6px 24px #d9770680}.dispatch-notes-fab.dispatch-notes-fab--daily-dispatch.active{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);box-shadow:0 4px 16px #dc262666}.dispatch-notes-fab.dispatch-notes-fab--business-english-light{--notes-fab-gradient:linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);--notes-fab-shadow:0 4px 16px #7c3aed57;--notes-fab-shadow-hover:0 6px 24px #7c3aed6b}.dispatch-notes-fab.dispatch-notes-fab--business-english-dark{--notes-fab-gradient:linear-gradient(135deg, #3b1b7a 0%, #6d28d9 100%);--notes-fab-shadow:0 4px 16px #3b1b7a6b;--notes-fab-shadow-hover:0 6px 24px #3b1b7a80}.material-content--request{overflow-y:auto}.lesson-request-container{background:0 0;gap:16px;width:min(100%,1120px);max-width:1120px;min-height:0;margin:0 auto;padding:18px 20px 32px}.lesson-request-section,.material-selector-section{background:#fffffffa;border:1px solid #94a3b82e;border-radius:18px;overflow:visible;box-shadow:0 18px 46px #0f172a14}.lesson-request-section{overflow:hidden}.lesson-request-header,.material-selector-header{background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #94a3b829;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;display:grid}.material-selector-header{grid-template-columns:auto minmax(0,1fr) auto}.material-selector-copy{min-width:0}.material-selector-chip{white-space:nowrap;justify-self:end;margin-left:0}.lesson-request-title-wrap,.material-selector-copy{gap:4px}.lesson-request-title,.material-selector-label{letter-spacing:0;font-size:21px;line-height:1.2}.lesson-request-title i,.material-selector-header-icon{color:#1d4ed8;background:linear-gradient(135deg,#2563eb24,#38bdf829);border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex;box-shadow:inset 0 0 0 1px #2563eb1a}.lesson-request-subtitle,.material-selector-description{color:#64748b;font-size:12px;line-height:1.45}.lesson-request-meta{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.lesson-request-status,.lesson-request-updated,.material-selector-chip{border-radius:999px;min-height:28px;padding:6px 11px;font-size:11px;font-weight:800}.lesson-request-status{gap:7px}.lesson-request-status:before{width:7px;height:7px;box-shadow:none;opacity:1}.lesson-request-updated{color:#64748b;background:#f8fafceb;border:1px solid #94a3b82e}.lesson-request-body,.material-selector-body{background:linear-gradient(#f8fafc9e 0%,#fffffff5 100%);padding:20px}.lesson-request-content{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);align-items:stretch;gap:16px;display:grid}.lesson-request-details,.student-preferences-sidebar{min-height:190px;box-shadow:none;background:#fffffff0;border:1px solid #94a3b82e;border-radius:16px}.lesson-request-details{align-items:stretch;padding:18px;display:flex}.lesson-request-details:before{display:none}.request-material-summary{flex-direction:column;gap:14px;width:100%;min-width:0;display:flex}.request-material-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.request-eyebrow,.request-course-pill,.preference-kicker{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;min-height:24px;padding:5px 9px;font-size:10px;font-weight:800;line-height:1}.request-eyebrow{color:#1d4ed8;background:#2563eb1a}.request-course-pill{color:#047857;white-space:nowrap;background:#10b9811a;border:1px solid #10b98129}.request-link--hero{color:#0f172a;max-width:720px;font-size:25px;font-weight:850;line-height:1.18;text-decoration:none}.request-link--hero:hover{color:#1d4ed8}.request-link--material{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:0;width:-moz-fit-content;width:fit-content;max-width:100%;padding:0;font-family:inherit;font-size:20px;font-weight:850;line-height:1.25;text-decoration:none}.request-link--material:hover{color:#1d4ed8}.request-link--material:disabled{color:#64748b;cursor:default}.request-link--material:disabled:hover{color:#64748b}.request-summary-grid{grid-template-columns:minmax(150px,.8fr) minmax(170px,.9fr) minmax(0,1.5fr);gap:12px;margin-top:auto;display:grid}.request-stat-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b829;border-radius:14px;min-width:0;padding:14px}.request-detail-label{color:#2563eb;margin-bottom:8px;font-size:10px;display:block}.request-detail-value{font-size:36px;line-height:.95}.request-detail-value--text{font-size:17px;font-weight:850;line-height:1.25;display:block}.request-detail-meta{margin-top:8px;font-size:11px;display:block}.request-goal-text{color:#334155;margin:0;font-size:13px;line-height:1.55}.student-preferences-sidebar{justify-self:stretch;max-width:none;padding:16px}.student-preferences-header{margin-bottom:12px}.preference-panel-title{margin-top:5px;font-size:17px}.preference-list{flex-direction:column;gap:9px;display:flex}.preference-row{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b829;border-radius:13px;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;min-height:54px;padding:11px;display:grid}.preference-row-icon{color:#2563eb;background:#2563eb1a;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.preference-row--proficiency .preference-row-icon{color:#0f766e;background:#0d94881f}.preference-row--correction .preference-row-icon{color:#ea580c;background:#ea580c1f}.preference-row--other .preference-row-icon{color:#7c3aed;background:#7c3aed1f}.preference-row-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.preference-card-value{margin:0;font-size:13px;line-height:1.35}.preference-card-note{font-size:11px;line-height:1.35}.material-selector-layout{grid-template-columns:minmax(280px,390px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.material-selector-primary,.material-selector-secondary{min-width:0}.material-selector-secondary{flex-direction:column;gap:14px;display:flex}.material-selector-row{max-width:none;margin:0}.material-selector-row--course{z-index:30}.material-selector-trigger{min-height:66px;box-shadow:none;border-radius:16px;padding:13px 14px}.material-selector-trigger-icon,.material-selector-option-icon{border-radius:13px;width:38px;height:38px}.material-selector-trigger-title,.material-selector-option-title{font-size:14px}.material-selector-trigger-subtitle,.material-selector-option-description{font-size:11px}.material-selector-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.material-selector-empty-panel{background:#ffffffb8;border:1px dashed #94a3b852;border-radius:16px;align-items:center;gap:14px;min-height:116px;padding:18px;display:flex}.material-selector-empty-icon{color:#2563eb;background:#2563eb1a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.material-selector-empty-title{color:#0f172a;margin:0 0 4px;font-size:14px;font-weight:800}.material-selector-empty-copy{color:#64748b;margin:0;font-size:12px;line-height:1.45}.dispatch-article-card,.lesson-card{box-shadow:none;border-color:#94a3b82e;border-radius:16px;margin-top:0}.btn-search-material{border-radius:16px;min-height:58px;font-size:15px}[data-theme=dark] .lesson-request-container{background:0 0}[data-theme=dark] .lesson-request-section,[data-theme=dark] .material-selector-section{background:var(--fxv-surface,#202020);border-color:var(--fxv-border,#ffffff1a);box-shadow:0 18px 48px #00000047}[data-theme=dark] .lesson-request-header,[data-theme=dark] .material-selector-header,[data-theme=dark] .lesson-request-body,[data-theme=dark] .material-selector-body{background:var(--fxv-surface,#202020);border-color:var(--fxv-border,#ffffff1a)}[data-theme=dark] .lesson-request-details,[data-theme=dark] .student-preferences-sidebar,[data-theme=dark] .request-stat-card,[data-theme=dark] .preference-row,[data-theme=dark] .material-selector-trigger,[data-theme=dark] .material-selector-empty-panel,[data-theme=dark] .dispatch-article-card,[data-theme=dark] .lesson-card{background:var(--fxv-surface-muted,#242424);border-color:var(--fxv-border,#ffffff1a);box-shadow:none}[data-theme=dark] .lesson-request-title,[data-theme=dark] .material-selector-label,[data-theme=dark] .preference-panel-title,[data-theme=dark] .material-selector-empty-title{color:#e1e6ee}[data-theme=dark] .request-link--hero,[data-theme=dark] .request-link--material,[data-theme=dark] .request-detail-value,[data-theme=dark] .preference-card-value,[data-theme=dark] .material-selector-trigger-title,[data-theme=dark] .material-selector-option-title{color:#d5dce6}[data-theme=dark] .lesson-request-subtitle,[data-theme=dark] .material-selector-description,[data-theme=dark] .lesson-request-updated,[data-theme=dark] .request-detail-meta,[data-theme=dark] .request-goal-text,[data-theme=dark] .preference-card-note,[data-theme=dark] .material-selector-empty-copy{color:var(--fxv-text-muted,#b8b8b8)}[data-theme=dark] .lesson-request-title i,[data-theme=dark] .material-selector-header-icon,[data-theme=dark] .preference-row-icon,[data-theme=dark] .material-selector-empty-icon{background:var(--fxv-accent-soft,#60a5fa24);color:var(--fxv-accent-strong,#7cb8ff)}[data-theme=dark] .request-course-pill,[data-theme=dark] .preference-kicker{color:#8ee6bd;background:#10b98124;border-color:#10b98138}[data-theme=dark] .request-detail-value--text,[data-theme=dark] .preference-card-value{color:#cfd6df}[data-theme=dark] .request-link--material{color:#d5dce6}[data-theme=dark] .request-link--material:hover{color:var(--fxv-accent-strong,#7cb8ff)}[data-theme=dark] .request-link--material:disabled,[data-theme=dark] .request-link--material:disabled:hover{color:var(--fxv-text-muted,#b8b8b8)}[data-theme=dark] .material-selector-header-icon,[data-theme=dark] .material-selector-trigger-icon,[data-theme=dark] .material-selector-option-icon,[data-theme=dark] .material-selector-trigger-icon--level,[data-theme=dark] .material-selector-option-icon--level,[data-theme=dark] .material-selector-trigger-icon--chapter,[data-theme=dark] .material-selector-option-icon--chapter,[data-theme=dark] .material-selector-trigger-icon--lesson,[data-theme=dark] .material-selector-option-icon--lesson,[data-theme=dark] .material-selector-trigger-arrow{background:var(--fxv-surface-soft,#303030);color:var(--fxv-text-muted,#b8b8b8);box-shadow:inset 0 0 0 1px var(--fxv-border,#ffffff14);filter:grayscale()}@media (max-width:1100px){.lesson-request-container{width:100%;padding:16px}.lesson-request-content,.material-selector-layout{grid-template-columns:1fr}}@media (max-width:760px){.lesson-request-header,.material-selector-header{grid-template-columns:1fr;align-items:start}.lesson-request-meta{align-items:flex-start}.request-summary-grid,.material-selector-filter-grid{grid-template-columns:1fr}.request-material-heading{flex-direction:column;align-items:flex-start}}[data-theme=light] .classroom-container{background:radial-gradient(circle at 18% 0,#93c5fd33,#0000 30%),linear-gradient(135deg,#dce7f6 0%,#e8eef7 46%,#edf1f7 100%)}[data-theme=light] .classroom-left{background:#e9eff7;box-shadow:6px 0 28px #1e293b1a}[data-theme=light] .chat-section,[data-theme=light] .chat-messages{background:#e9eff7}[data-theme=light] .chat-header,[data-theme=light] .chat-input-area{background:#dfe8f3;border-color:#94a3b852}[data-theme=light] .chat-input-area textarea,[data-theme=light] .chat-input-area input[type=text]{background:#d8e2ee;border:1px solid #94a3b857;border-radius:10px;padding:6px 10px}[data-theme=light] .chat-message.other .message-bubble,[data-theme=light] .typing-indicator{background:#dfe7f1;border-color:#94a3b857}[data-theme=light] .message-time{color:#73839a}[data-theme=light] .material-topbar{background:#e8eff9db;border-bottom-color:#94a3b838}[data-theme=light] .material-tab{background:#f1f5f9db;border-color:#94a3b842}[data-theme=light] .material-tab:hover,[data-theme=light] .material-tab.is-active{background:#f7f9fc}[data-theme=light] .lesson-request-section,[data-theme=light] .material-selector-section{background:#f5f8fc;border-color:#94a3b83d;box-shadow:0 18px 42px #1e293b14}[data-theme=light] .lesson-request-header,[data-theme=light] .material-selector-header{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border-bottom-color:#94a3b833}[data-theme=light] .lesson-request-body,[data-theme=light] .material-selector-body{background:linear-gradient(#eef3f9 0%,#f5f8fc 100%)}[data-theme=light] .lesson-request-details,[data-theme=light] .student-preferences-sidebar,[data-theme=light] .request-stat-card,[data-theme=light] .preference-row,[data-theme=light] .material-selector-trigger,[data-theme=light] .material-selector-empty-panel,[data-theme=light] .dispatch-article-card,[data-theme=light] .lesson-card{box-shadow:none;background:#f8fafc;border-color:#94a3b83d}[data-theme=light] .material-selector-trigger:hover,[data-theme=light] .material-selector-combobox.is-open .material-selector-trigger{background:#fbfdff;border-color:#2563eb42}[data-theme=light] .lesson-request-title,[data-theme=light] .material-selector-label,[data-theme=light] .preference-panel-title,[data-theme=light] .material-selector-empty-title{color:#182235}[data-theme=light] .lesson-request-subtitle,[data-theme=light] .material-selector-description,[data-theme=light] .request-detail-meta,[data-theme=light] .preference-card-note,[data-theme=light] .material-selector-empty-copy,[data-theme=light] .material-selector-trigger-subtitle,[data-theme=light] .material-selector-option-description{color:#647083}.lesson-request-section,.material-selector-section,[data-theme=light] .lesson-request-section,[data-theme=light] .material-selector-section{box-shadow:0 8px 22px #1e293b0f}.material-selector-section{overflow:hidden}.material-selector-body{border-radius:0 0 18px 18px}[data-theme=dark] .lesson-request-section,[data-theme=dark] .material-selector-section{box-shadow:0 8px 22px #0000002e}.material-tab{flex-basis:320px;min-height:44px;padding:8px 12px}.material-tab-icon{border-radius:9px;width:30px;height:30px;font-size:13px}.material-tab-label{font-size:12.5px;line-height:1.2}.material-tab-meta{font-size:10.5px;line-height:1.25}.lesson-request-header,.material-selector-header{padding:16px 18px}.lesson-request-title,.material-selector-label{font-size:19px}.lesson-request-title i,.material-selector-header-icon{width:32px;height:32px}.lesson-request-subtitle,.material-selector-description{font-size:11.5px}.lesson-request-body,.material-selector-body{padding:18px}.lesson-request-details,.student-preferences-sidebar{min-height:176px}.request-eyebrow,.request-course-pill,.preference-kicker{letter-spacing:.07em;min-height:22px;padding:4px 8px;font-size:9px}.request-stat-card{padding:12px}.request-detail-label,.preference-card-label,.material-selector-field-label{letter-spacing:.07em;font-size:9px}.request-detail-label{margin-bottom:6px}.request-detail-value--text{font-size:16px;line-height:1.25}.request-detail-meta,.preference-card-note{font-size:10.5px}.preference-panel-title{font-size:16px}.preference-row{min-height:50px;padding:10px}.preference-row-icon{width:34px;height:34px}.preference-card-value{font-size:12.5px}.material-selector-trigger,.material-selector-trigger--filter{height:76px;min-height:76px}.material-selector-trigger-content,.material-selector-trigger-copy{min-width:0}.material-selector-trigger-subtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lesson-request-content{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);align-items:stretch}.request-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-stat-card--wide{grid-column:1/-1}.lesson-request-details,.student-preferences-sidebar{max-width:none;height:100%}.request-eyebrow,.request-course-pill,.preference-kicker{justify-content:center;align-items:center;padding-top:0;padding-bottom:0;line-height:1;display:inline-flex}@media (max-width:1100px){.lesson-request-content{grid-template-columns:1fr}}.chat-input-area{background:linear-gradient(#f8fafceb,#f1f5f9f5);border-top:1px solid #94a3b838;align-items:center;gap:8px;padding:12px}.chat-input-area textarea,.chat-input-area input[type=text]{color:#172033;background:#ffffffd1;border:1px solid #94a3b842;border-radius:18px;min-height:46px;max-height:118px;padding:13px 14px;line-height:1.35;box-shadow:inset 0 1px #ffffffbf}.chat-input-area textarea:focus,.chat-input-area input[type=text]:focus{background:#fff;border-color:#3b82f67a;box-shadow:0 0 0 3px #3b82f61f}.chat-input-area textarea::placeholder,.chat-input-area input::placeholder{color:#64748b;opacity:1;font-weight:500}.attach-btn,.send-btn{border-radius:15px;width:46px;height:46px}.attach-btn{color:#4b5b70;background:#ffffffb8;border:1px solid #94a3b83d}.attach-btn:hover{color:#2563eb;background:#fff;transform:translateY(-1px)}.send-btn{background:linear-gradient(135deg,#2563eb 0%,#5aa2ff 100%);box-shadow:0 8px 20px #2563eb47}.send-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #2563eb57}[data-theme=dark] .chat-input-area,.dark-mode .chat-input-area{background:linear-gradient(#1f1f1ff5,#1c1c1cfa);border-top-color:#ffffff14}[data-theme=dark] .chat-input-area textarea,[data-theme=dark] .chat-input-area input[type=text],.dark-mode .chat-input-area textarea,.dark-mode .chat-input-area input[type=text]{color:#e5edf7;background:#2b2b2be6;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0a}[data-theme=dark] .chat-input-area textarea:focus,[data-theme=dark] .chat-input-area input[type=text]:focus,.dark-mode .chat-input-area textarea:focus,.dark-mode .chat-input-area input[type=text]:focus{background:#303030;border-color:#60a5fa7a;box-shadow:0 0 0 3px #60a5fa24}[data-theme=dark] .chat-input-area textarea::placeholder,[data-theme=dark] .chat-input-area input::placeholder,.dark-mode .chat-input-area textarea::placeholder,.dark-mode .chat-input-area input::placeholder{color:#aeb8c6;opacity:1}[data-theme=dark] .attach-btn,.dark-mode .attach-btn{color:#b8c2cf;background:#303030eb;border-color:#ffffff1a}[data-theme=dark] .attach-btn:hover,.dark-mode .attach-btn:hover{color:#7cb8ff;background:#383838}.chat-input-area textarea,.chat-input-area input[type=text]{white-space:nowrap;field-sizing:fixed;height:46px;min-height:46px;max-height:46px;line-height:18px;overflow:hidden}.chat-input-area textarea::-webkit-scrollbar{display:none}[data-theme=dark] .chat-message.self .message-bubble,.dark-mode .chat-message.self .message-bubble{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #93c5fd52;box-shadow:0 8px 18px #2563eb38}[data-theme=dark] .chat-message.other .message-bubble,.dark-mode .chat-message.other .message-bubble{color:#f8fafc;background:#343434;border:1px solid #ffffff24}[data-theme=dark] .message-bubble,.dark-mode .message-bubble{color:#f8fafc}[data-theme=dark] .message-bubble strong,[data-theme=dark] .message-bubble em,.dark-mode .message-bubble strong,.dark-mode .message-bubble em{color:inherit}[data-theme=dark] .message-more-btn,.dark-mode .message-more-btn{color:#cbd5e1;box-shadow:none;background:0 0;border-color:#0000}[data-theme=dark] .message-more-btn:hover,.dark-mode .message-more-btn:hover{color:#7cb8ff;background:#ffffff1a;border-color:#0000}[data-theme=dark] .message-action-menu,.dark-mode .message-action-menu{background:#242424;border-color:#ffffff1a;box-shadow:0 18px 34px #0000006b}[data-theme=dark] .message-action-menu button,.dark-mode .message-action-menu button{color:#e5edf7}[data-theme=dark] .message-action-menu button:hover,.dark-mode .message-action-menu button:hover{color:#7cb8ff;background:#3b82f629}[data-theme=dark] .message-action-menu button.danger,.dark-mode .message-action-menu button.danger{color:#fca5a5}[data-theme=dark] .message-action-menu button.danger:hover,.dark-mode .message-action-menu button.danger:hover{color:#fecaca;background:#ef444424}[data-theme=dark] .message-edit-input,.dark-mode .message-edit-input{color:#f4f7fb;background:#1e1e1ef5;border-color:#ffffff24}[data-theme=dark] .message-edit-cancel,.dark-mode .message-edit-cancel{color:#d4dbe6;background:#303030eb;border-color:#ffffff1f}[data-theme=dark] .message-time,.dark-mode .message-time{color:#b8c2cf}[data-theme=dark] .chat-message.self .message-bubble,[data-theme=dark] .chat-message.self .message-bubble span,[data-theme=dark] .chat-message.self .message-bubble .message-text,[data-theme=dark] .chat-message.self .message-bubble strong,[data-theme=dark] .chat-message.self .message-bubble em,.dark-mode .chat-message.self .message-bubble,.dark-mode .chat-message.self .message-bubble span,.dark-mode .chat-message.self .message-bubble .message-text,.dark-mode .chat-message.self .message-bubble strong,.dark-mode .chat-message.self .message-bubble em{color:#fff!important}[data-theme=dark] .chat-message.other .message-bubble,[data-theme=dark] .chat-message.other .message-bubble span,[data-theme=dark] .chat-message.other .message-bubble .message-text,[data-theme=dark] .chat-message.other .message-bubble strong,[data-theme=dark] .chat-message.other .message-bubble em,.dark-mode .chat-message.other .message-bubble,.dark-mode .chat-message.other .message-bubble span,.dark-mode .chat-message.other .message-bubble .message-text,.dark-mode .chat-message.other .message-bubble strong,.dark-mode .chat-message.other .message-bubble em{color:#f4f7fb!important}[data-theme=dark] .chat-message .message-time,.dark-mode .chat-message .message-time{color:#d5deea!important}[data-theme=dark] .message-correction,[data-theme=dark] .message-correction span,[data-theme=dark] .message-correction .label,.dark-mode .message-correction,.dark-mode .message-correction span,.dark-mode .message-correction .label{color:#f4f7fb!important}[data-theme=dark] .classroom-modal,.dark-mode .classroom-modal{background:var(--fxv-surface,#242424);border-color:var(--fxv-border,#ffffff1a);box-shadow:0 24px 70px #0000006b}[data-theme=dark] .classroom-modal-header,[data-theme=dark] .classroom-modal-footer,.dark-mode .classroom-modal-header,.dark-mode .classroom-modal-footer{border-color:var(--fxv-border,#ffffff14)}[data-theme=dark] .classroom-modal-header h2,.dark-mode .classroom-modal-header h2{color:var(--fxv-text,#f4f7fb)}[data-theme=dark] .classroom-modal-meta,[data-theme=dark] .classroom-modal-empty,.dark-mode .classroom-modal-meta,.dark-mode .classroom-modal-empty,[data-theme=dark] .classroom-modal-close,.dark-mode .classroom-modal-close{color:var(--fxv-text-muted,#b8c2cf)}[data-theme=dark] .classroom-modal-close:hover,.dark-mode .classroom-modal-close:hover{color:var(--fxv-accent-strong,#7cb8ff)}[data-theme=dark] .classroom-history-list,.dark-mode .classroom-history-list{background:var(--fxv-surface-muted,#1f1f1f)}[data-theme=dark] .classroom-history-item:before,.dark-mode .classroom-history-item:before{background:#ffffff24}[data-theme=dark] .classroom-history-marker,.dark-mode .classroom-history-marker{background:var(--fxv-surface-muted,#1f1f1f)}[data-theme=dark] .classroom-history-message,.dark-mode .classroom-history-message{color:var(--fxv-text,#e5edf7)}[data-theme=dark] .classroom-history-time,.dark-mode .classroom-history-time{color:var(--fxv-accent-strong,#7cb8ff)}[data-theme=dark] .classroom-history-item.student .classroom-history-time,.dark-mode .classroom-history-item.student .classroom-history-time{color:#86efac}[data-theme=dark] .classroom-device-field>span,.dark-mode .classroom-device-field>span{color:var(--fxv-text,#e5edf7)}[data-theme=dark] .classroom-device-field>span i,.dark-mode .classroom-device-field>span i{color:var(--fxv-accent-strong,#7cb8ff)}[data-theme=dark] .classroom-device-field select,.dark-mode .classroom-device-field select{background:var(--fxv-surface-muted,#1f1f1f);border-color:var(--fxv-border,#ffffff1f);color:var(--fxv-text,#f4f7fb)}[data-theme=dark] .classroom-modal-secondary,.dark-mode .classroom-modal-secondary{background:var(--fxv-surface-muted,#2b2b2b);color:var(--fxv-accent-strong,#7cb8ff);border-color:#7cb8ff47}.chat-material-share{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;max-width:100%;display:flex}.chat-material-share strong{overflow-wrap:anywhere;color:inherit;font-size:12px;font-weight:600;line-height:1.5}.chat-material-share>span{opacity:.85;color:inherit;font-size:11px}.chat-material-share button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.chat-material-share button:hover{background:#1d4ed8}.chat-material-share button:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}[data-theme=dark] .chat-material-share button{color:#fff;background:#2563eb;border-color:#3b82f6}[data-theme=dark] .chat-material-share button:hover{background:#1d4ed8}.exam-page{background:linear-gradient(#f0f5ff 0%,#e8f0fe 50%,#f8fafc 100%);min-height:calc(100vh - 80px);padding:20px 24px;position:relative}.exam-page:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0245ae0d 0%,#4a9eff14 100%);height:200px;position:absolute;top:0;left:0;right:0}.exam-info-item{text-align:center;background:#f1f5f9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:116px;padding:16px 14px 14px;display:flex}.exam-info-value{letter-spacing:-.02em;color:#0f172a;font-size:29px;font-weight:700;line-height:1}.exam-info-label{color:#475569;justify-content:center;align-items:flex-start;min-height:2.5em;font-size:13px;font-weight:600;line-height:1.25;display:flex}.category-tag{--category-accent:#0245ae;--category-soft:#0245ae14;background:linear-gradient(135deg, var(--category-soft) 0%, #ffffffe6 100%);color:var(--category-accent);border:1px solid color-mix(in srgb, var(--category-accent) 18%, white);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.category-tag i{color:currentColor;font-size:12px}.category-tag--grammar{--category-accent:#3b82f6;--category-soft:#3b82f61f}.category-tag--vocabulary{--category-accent:#8b5cf6;--category-soft:#8b5cf61f}.category-tag--comprehension{--category-accent:#10b981;--category-soft:#10b9811f}.exam-container{z-index:1;max-width:920px;margin:0 auto;position:relative}.exam-resume-banner{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:14px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 24px;font-size:14px;font-weight:500;animation:.3s ease-out slideDown;display:flex}.exam-resume-banner i{font-size:16px}.exam-header{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #0000000a;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 20px;display:flex;box-shadow:0 4px 14px #0000000d}.exam-timer{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;font-size:22px;font-weight:700;display:flex}.exam-timer i{-webkit-text-fill-color:#0245ae;font-size:18px}.exam-progress{text-align:right}.exam-progress span{color:#64748b;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.progress-bar{background:#e5e7eb;border-radius:4px;width:180px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000f}.question-nav{background:#fff;border:1px solid #0000000a;border-radius:12px;flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:12px 14px;display:flex;box-shadow:0 3px 12px #0000000d}.question-nav-btn{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:36px;height:36px;font-size:13px;font-weight:600;transition:all .2s}.question-nav-btn.active{color:#fff;background:#0245ae;border-color:#0245ae}.question-nav-btn.answered{color:#10b981;background:#10b98120;border-color:#10b981}.question-nav-btn.answered.active{color:#fff;background:#10b981}.question-card{background:#fff;border:1px solid #0000000a;border-radius:18px;margin-bottom:16px;padding:24px 28px;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000012}.question-card:before{content:"";background:linear-gradient(90deg,#0245ae 0%,#4a9eff 50%,#8b5cf6 100%);height:3px;position:absolute;top:0;left:0;right:0}.question-meta{align-items:center;gap:12px;margin-bottom:16px;display:flex}.question-category{color:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex;box-shadow:0 3px 10px #0000001f}.question-category i{font-size:12px}.question-number{color:#475569;background:#f1f5f9;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.question-difficulty{color:#fff;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.question-text{color:#1e293b;margin-bottom:20px;font-size:18px;font-weight:500;line-height:1.6}.answer-options{flex-direction:column;gap:10px;display:flex}.answer-option{cursor:pointer;text-align:left;background:#fafbfc;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .25s;display:flex}.answer-option:hover{background:linear-gradient(135deg,#f0f7ff 0%,#e8f4ff 100%);border-color:#0245ae;transform:translate(3px);box-shadow:0 3px 12px #0245ae1a}.answer-option.selected{background:linear-gradient(135deg,#e8f4ff 0%,#dbeafe 100%);border-color:#0245ae;box-shadow:0 3px 16px #0245ae1f}.option-letter{color:#64748b;background:#fff;border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;transition:all .25s;display:flex}.answer-option:hover .option-letter{color:#0245ae;border-color:#0245ae}.answer-option.selected .option-letter{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0245ae;box-shadow:0 3px 10px #0245ae40}.option-text{color:#334155;font-size:15px;font-weight:500;line-height:1.5}.exam-nav-buttons{justify-content:space-between;gap:16px;display:flex}.nav-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.nav-btn.prev{color:#64748b;background:#f1f5f9;border:2px solid #e2e8f0}.nav-btn.prev:hover:not(:disabled){color:#475569;background:#e2e8f0;border-color:#cbd5e1;transform:translate(-4px);box-shadow:0 4px 12px #64748b33}.nav-btn.prev:disabled{opacity:.5;cursor:not-allowed}.nav-btn.next{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;margin-left:auto}.nav-btn.next:hover{background:linear-gradient(135deg,#0336a1 0%,#3a8fe8 100%);transform:translate(4px);box-shadow:0 8px 24px #0245ae66}.nav-btn.submit{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;margin-left:auto}.nav-btn.submit:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.exam-error{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:20px;padding:16px}.exam-results{max-width:800px;margin:0 auto}.results-header{text-align:center;border-radius:24px;margin-bottom:32px;padding:48px}.results-header.passed{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.results-header.failed{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.results-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.results-icon i{font-size:40px}.results-header h2{margin-bottom:8px;font-size:36px}.results-status{opacity:.9;font-size:18px}.score-card{justify-content:center;margin-bottom:32px;display:flex}.score-circle{border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;box-shadow:0 10px 40px #0000001a}.score-inner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;display:flex}.score-percentage{color:#1e293b;font-size:40px;font-weight:700}.score-fraction{color:#64748b;font-size:16px}.feedback-card{background:#fff;border-radius:16px;margin-bottom:32px;padding:24px;box-shadow:0 4px 12px #0000000d}.feedback-card h4{color:#0245ae;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;display:flex}.feedback-card p{color:#475569;font-size:16px;line-height:1.7}.results-breakdown{background:#fff;border-radius:16px;margin-bottom:32px;padding:24px;box-shadow:0 4px 12px #0000000d}.results-breakdown h4{color:#1e293b;margin-bottom:20px;font-size:18px}.result-question{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.result-question.correct{border-left:4px solid #10b981}.result-question.incorrect{border-left:4px solid #ef4444}.result-question-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.result-question-num{color:#64748b;font-weight:700}.result-badge{border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.result-badge.correct{color:#059669;background:#d1fae5}.result-badge.incorrect{color:#dc2626;background:#fee2e2}.result-question-text{color:#1e293b;margin-bottom:16px;line-height:1.5}.result-answers{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.result-answer{border-radius:8px;padding:12px 16px;font-size:14px}.result-answer span{color:#64748b;margin-right:8px}.result-answer.correct-answer{background:#d1fae5}.result-answer.wrong-answer{background:#fee2e2}.result-explanation{color:#475569;background:#f8fafc;border-radius:8px;gap:12px;padding:16px;font-size:14px;line-height:1.6;display:flex}.result-explanation i{color:#f59e0b;flex-shrink:0}.expired-info{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.expired-info i{color:#f59e0b;margin-top:2px;font-size:20px}.expired-info p{margin:0;font-size:14px;line-height:1.5}.results-actions{justify-content:center;gap:16px;display:flex}.results-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.results-btn.secondary{color:#475569;background:#f1f5f9}.results-btn.secondary:hover{background:#e2e8f0}.results-btn.primary{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%)}.results-btn.primary:hover{box-shadow:0 8px 20px #0245ae4d}.section-labels{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.section-label{background:#fff;border:1px solid #0000000a;border-left-width:4px;border-radius:10px;flex-direction:column;gap:1px;padding:8px 14px;transition:all .2s;display:flex;box-shadow:0 3px 10px #0000000d}.section-label:hover{transform:translateY(-2px);box-shadow:0 5px 14px #00000014}.section-label span{color:#1e293b;font-size:13px;font-weight:600}.section-label small{color:#64748b;font-size:11px;font-weight:500}.fill-in-blank-question{margin-top:16px}.sentence-text{color:#1e293b;background:#f8fafc;border-left:4px solid #0245ae;border-radius:12px;margin-bottom:28px;padding:24px;font-size:20px;line-height:1.8}.comprehension-question{margin-top:16px}.passage-box{background:#fefce8;border:1px solid #fef08a;border-radius:12px;margin-bottom:24px;overflow:hidden}.passage-header{color:#713f12;background:#facc15;align-items:center;gap:10px;padding:12px 20px;font-weight:600;display:flex}.passage-header i{font-size:16px}.passage-text{color:#44403c;margin:0;padding:24px;font-size:16px;line-height:1.8}.comprehension-q{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.comprehension-q .question-text{color:#1e293b;margin-bottom:20px;font-size:18px;font-weight:600}.section-breakdown{background:#fff;border-radius:16px;margin-bottom:32px;padding:24px;box-shadow:0 4px 12px #0000000d}.section-breakdown h4{color:#1e293b;text-align:center;margin-bottom:20px;font-size:18px}.breakdown-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.breakdown-item{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.breakdown-header{color:#fff;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.breakdown-header i{font-size:14px}.breakdown-score{text-align:center;color:#1e293b;padding:20px;font-size:28px;font-weight:700}@media (max-width:768px){.exam-intro-card{padding:24px}.exam-info-grid{grid-template-columns:repeat(2,1fr)}.exam-header{text-align:center;flex-direction:column;gap:16px}.exam-progress{text-align:center}.progress-bar{width:100%}.question-card{padding:20px}.question-text{font-size:18px}.exam-nav-buttons{flex-direction:column}.nav-btn{justify-content:center}.nav-btn.next,.nav-btn.submit{margin-left:0}.results-actions{flex-direction:column}.results-btn{justify-content:center}.section-labels{flex-direction:column}.breakdown-grid{grid-template-columns:1fr}.sentence-text{padding:16px;font-size:18px}.passage-text{padding:16px;font-size:15px}}[data-theme=dark] .exam-page{background:var(--fxv-bg)}[data-theme=dark] .exam-page:before{display:none}[data-theme=dark] .exam-intro-card,[data-theme=dark] .exam-header,[data-theme=dark] .question-nav,[data-theme=dark] .question-card,[data-theme=dark] .feedback-card,[data-theme=dark] .results-breakdown,[data-theme=dark] .section-breakdown,[data-theme=dark] .comprehension-q,[data-theme=dark] .section-label,[data-theme=dark] .result-question,[data-theme=dark] .score-inner{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .exam-loading h3,[data-theme=dark] .exam-intro-card h2,[data-theme=dark] .question-text,[data-theme=dark] .results-breakdown h4,[data-theme=dark] .feedback-card h4,[data-theme=dark] .result-question-text,[data-theme=dark] .score-percentage,[data-theme=dark] .section-breakdown h4,[data-theme=dark] .breakdown-score,[data-theme=dark] .section-label span,[data-theme=dark] .sentence-text,[data-theme=dark] .comprehension-q .question-text{color:var(--fxv-text)}[data-theme=dark] .exam-intro-description,[data-theme=dark] .exam-loading p,[data-theme=dark] .exam-progress span,[data-theme=dark] .option-text,[data-theme=dark] .feedback-card p,[data-theme=dark] .result-question-num,[data-theme=dark] .result-answer span,[data-theme=dark] .result-explanation,[data-theme=dark] .score-fraction,[data-theme=dark] .section-label small,[data-theme=dark] .passage-text{color:var(--fxv-text-muted)}[data-theme=dark] .exam-info-item,[data-theme=dark] .question-number,[data-theme=dark] .sentence-text,[data-theme=dark] .result-explanation,[data-theme=dark] .results-btn.secondary,[data-theme=dark] .nav-btn.prev{background:var(--fxv-surface-soft);color:var(--fxv-text-muted);border-color:var(--fxv-border)}[data-theme=dark] .exam-info-item span,[data-theme=dark] .question-number,[data-theme=dark] .results-btn.secondary{color:var(--fxv-text)}[data-theme=dark] .exam-info-label{color:var(--fxv-text-muted)}[data-theme=dark] .category-tag{color:#e2e8f0;background:#ffffff0a;border-color:#94a3b829;box-shadow:inset 0 1px #ffffff05}[data-theme=dark] .category-tag i{color:var(--category-accent)}[data-theme=dark] .category-tag--grammar{border-color:#3b82f63d}[data-theme=dark] .category-tag--vocabulary{border-color:#8b5cf63d}[data-theme=dark] .category-tag--comprehension{border-color:#10b9813d}[data-theme=dark] .progress-bar{background:#ffffff14}[data-theme=dark] .question-nav-btn,[data-theme=dark] .option-letter{background:var(--fxv-surface);border-color:var(--fxv-border);color:var(--fxv-text-muted)}[data-theme=dark] .question-nav-btn.active{border-color:var(--fxv-accent);background:var(--fxv-accent);color:#fff}[data-theme=dark] .question-nav-btn.answered{color:#4ade80;background:#4ade801f;border-color:#4ade8066}[data-theme=dark] .answer-option{border-color:var(--fxv-border);background:#ffffff06}[data-theme=dark] .answer-option:hover{border-color:var(--fxv-accent-strong);box-shadow:none;background:#2563eb1a}[data-theme=dark] .answer-option.selected{border-color:var(--fxv-accent);box-shadow:none;background:#2563eb29}[data-theme=dark] .nav-btn.prev:hover:not(:disabled){color:var(--fxv-text);border-color:var(--fxv-border-strong);box-shadow:none;background:#ffffff14}[data-theme=dark] .exam-error{color:#fca5a5;background:#7f1d1d33;border-color:#f871713d}[data-theme=dark] .score-circle{box-shadow:var(--fxv-shadow-md)}[data-theme=dark] .result-badge.correct{color:#4ade80;background:#4ade8024}[data-theme=dark] .result-badge.incorrect{color:#f87171;background:#f8717124}[data-theme=dark] .result-answer.correct-answer{color:#d1fae5;background:#4ade801f}[data-theme=dark] .result-answer.wrong-answer{color:#fee2e2;background:#f871711f}[data-theme=dark] .expired-info{color:#fcd34d;background:#78350f3d;border-color:#f59e0b57}[data-theme=dark] .passage-box{background:#78350f2e;border-color:#facc1552}[data-theme=dark] .passage-header{color:#fde68a;background:#facc152e}[data-theme=dark] .breakdown-item{border-color:var(--fxv-border);background:#ffffff05}.speaking-exam-page{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:calc(100vh - 80px);padding:24px}.exam-intro{justify-content:center;align-items:center;min-height:60vh;display:flex}.exam-intro-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:600px;padding:48px;box-shadow:0 20px 40px #0000001a}.exam-intro-card.speaking{max-width:700px}.exam-intro-icon{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;box-shadow:0 10px 30px #0245ae4d}.exam-intro-icon i{color:#fff;font-size:32px}.exam-intro-card h2{color:#1e293b;margin-bottom:12px;font-size:28px}.exam-intro-description{color:#64748b;margin-bottom:32px;font-size:16px;line-height:1.6}.exam-info-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.exam-info-item{background:#f1f5f9;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.exam-info-item i{color:#0245ae;font-size:24px}.exam-info-item span{color:#334155;font-size:14px;font-weight:600}.exam-categories{text-align:left;margin-bottom:24px}.exam-categories h4{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px}.category-tags{flex-wrap:wrap;gap:8px;display:flex}.category-tag{color:#0245ae;background:linear-gradient(135deg,#0245ae10 0%,#4a9eff10 100%);border:1px solid #0245ae33;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.category-tag i{font-size:12px}.exam-rules{text-align:left;background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;margin-bottom:32px;padding:20px}.exam-rules h4{color:#92400e;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.exam-rules ul{margin:0;padding-left:20px}.exam-rules li{color:#78716c;margin-bottom:8px;font-size:14px;line-height:1.5}.speaking-rules li strong{color:#dc2626}.start-exam-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:12px;align-items:center;gap:12px;padding:16px 48px;font-size:18px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 10px 30px #0245ae4d}.start-exam-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0245ae66}.exam-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#0245ae;border-radius:50%;width:60px;height:60px;margin-bottom:24px;animation:1s linear infinite spin}.loading-spinner.small{width:30px;height:30px;margin:0 auto 12px}.exam-loading h3{color:#1e293b;margin-bottom:8px;font-size:24px}.exam-loading p{color:#64748b;font-size:16px}.equipment-test-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:500px;padding:48px;box-shadow:0 20px 40px #0000001a}.test-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;box-shadow:0 10px 30px #0003}.test-icon.mic{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}.test-icon.speaker{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%)}.test-icon i{color:#fff;font-size:32px}.equipment-test-card h2{color:#1e293b;margin-bottom:12px;font-size:24px}.equipment-test-card>p{color:#64748b;margin-bottom:32px;font-size:15px;line-height:1.6}.permission-prompt,.permission-denied{border-radius:12px;margin-bottom:24px;padding:24px}.permission-prompt{background:#f0f9ff;border:1px solid #bae6fd}.permission-prompt .loading-spinner.small{width:30px;height:30px;margin:0 auto 12px}.permission-denied{background:#fef2f2;border:1px solid #fecaca}.permission-denied i{color:#dc2626;margin-bottom:12px;font-size:48px;display:block}.permission-denied p{color:#991b1b;margin-bottom:16px}.retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s}.retry-btn:hover{background:#b91c1c}.mic-level-container{margin-bottom:24px}.mic-level-bar{background:#e5e7eb;border-radius:12px;height:24px;margin-bottom:8px;overflow:hidden}.mic-level-fill{background:linear-gradient(90deg,#10b981 0%,#34d399 50%,#fbbf24 100%);border-radius:12px;height:100%;transition:width .1s}.mic-level-label{color:#10b981;font-size:14px;font-weight:600}.test-instructions{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:24px;padding:16px}.test-instructions p{color:#166534;margin:0;font-size:15px}.confirm-test-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.confirm-test-btn.active:hover{transform:translateY(-2px);box-shadow:0 10px 30px #10b9814d}.confirm-test-btn.disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb}.play-sound-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);border:none;border-radius:12px;align-items:center;gap:8px;margin-bottom:32px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.play-sound-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf64d}.speaker-confirm{margin-bottom:24px}.speaker-confirm p{color:#64748b;margin-bottom:16px}.confirm-buttons{justify-content:center;gap:12px;display:flex}.confirm-yes,.confirm-no{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex}.confirm-yes{color:#fff;background:#10b981;border:none}.confirm-yes:hover{background:#059669}.confirm-no{color:#64748b;background:#fff;border:1px solid #e5e7eb}.confirm-no:hover{background:#f1f5f9}.all-tests-passed{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:2px solid #10b981;border-radius:16px;margin-top:24px;padding:24px}.all-tests-passed i{color:#10b981;margin-bottom:12px;font-size:48px;display:block}.all-tests-passed p{color:#166534;margin-bottom:16px;font-size:18px;font-weight:600}.exam-task-container{max-width:800px;margin:0 auto}.task-header{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 4px 12px #0000000d}.task-progress{flex:1}.task-progress span{color:#64748b;margin-bottom:8px;font-size:14px;display:block}.progress-bar{background:#e5e7eb;border-radius:4px;max-width:200px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0245ae 0%,#4a9eff 100%);border-radius:4px;height:100%;transition:width .3s}.task-type-badge{color:#0245ae;background:linear-gradient(135deg,#0245ae10 0%,#4a9eff10 100%);border-radius:20px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.task-main{background:#fff;border-radius:24px;padding:32px;box-shadow:0 20px 40px #0000001a}.prep-phase{text-align:center}.prep-timer{margin-bottom:24px}.timer-circle{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;display:flex}.timer-circle.prep{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:4px solid #f59e0b}.timer-circle.recording{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:4px solid #ef4444;animation:1s infinite pulse-border}@keyframes pulse-border{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}.timer-value{color:#1e293b;font-size:36px;font-weight:700}.timer-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.prep-instructions{background:#fef3c7;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 20px;display:inline-flex}.prep-instructions p{color:#92400e;margin:0;font-weight:500}.skip-prep-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:10px;align-items:center;gap:8px;margin-top:24px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.skip-prep-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0245ae4d}.recording-phase{text-align:center}.recording-indicator{background:#fef2f2;border-radius:20px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 20px;display:inline-flex}.recording-dot{background:#ef4444;border-radius:50%;width:12px;height:12px}.recording-dot.pulse{animation:1s infinite pulse}.recording-indicator span{color:#dc2626;font-weight:600}.recording-timer{margin-bottom:24px}.recording-actions{justify-content:center;margin:20px 0;display:flex}.done-speaking-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 14px #0245ae40}.done-speaking-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0245ae59}.done-speaking-btn i{font-size:14px}.recording-hint{color:#64748b;border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:24px;font-size:14px;display:flex}.task-content{text-align:left;margin:24px 0}.task-instruction{color:#64748b;margin-bottom:20px;font-size:15px;font-style:italic}.read-aloud-text{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-left:4px solid #0ea5e9;border-radius:16px;padding:24px}.read-aloud-text p{color:#0c4a6e;margin:0;font-size:20px;line-height:1.8}.task-image-container{border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001a}.task-image-container img{width:100%;height:auto;display:block}.scenario-box,.prompt-box{border-radius:12px;margin-bottom:16px;padding:20px}.scenario-box{background:#f0fdf4;border-left:4px solid #22c55e}.prompt-box{background:#fef3c7;border-left:4px solid #f59e0b}.scenario-box h4,.prompt-box h4{text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px}.scenario-box h4{color:#166534}.prompt-box h4{color:#92400e}.scenario-box p,.prompt-box p{margin:0;font-size:16px;line-height:1.6}.scenario-box p{color:#14532d}.prompt-box p{color:#78350f}.teaching-topic{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border-left:4px solid #a855f7;border-radius:16px;margin-bottom:16px;padding:24px}.teaching-topic h4{text-transform:uppercase;letter-spacing:.5px;color:#7e22ce;margin-bottom:8px;font-size:12px}.teaching-topic p{color:#581c87;margin:0;font-size:18px;font-weight:500}.target-level{text-align:center}.level-badge{border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.level-badge.beginner{color:#166534;background:#dcfce7}.level-badge.intermediate{color:#92400e;background:#fef3c7}.level-badge.advanced{color:#991b1b;background:#fee2e2}.question-box{background:linear-gradient(135deg,#fef2f2 0%,#ffe4e6 100%);border-left:4px solid #f43f5e;border-radius:16px;padding:24px}.question-box p{color:#881337;margin:0;font-size:18px;line-height:1.6}.submitting-exam h3{margin-bottom:8px}.submitting-exam>p{color:#64748b;margin-bottom:24px}.submitting-progress{margin-top:16px}.progress-steps{justify-content:center;gap:32px;margin-bottom:24px;display:flex}.progress-steps .step{color:#cbd5e1;flex-direction:column;align-items:center;gap:8px;transition:all .3s;display:flex}.progress-steps .step i{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.progress-steps .step span{font-size:13px;font-weight:500}.progress-steps .step.active{color:#0245ae}.progress-steps .step.active i{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0245ae;animation:1.5s infinite pulse-step}@keyframes pulse-step{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.time-estimate{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;display:flex}.time-estimate i{color:#f59e0b}.speaking-results{max-width:800px;margin:0 auto}.results-header{text-align:center;margin-bottom:32px}.result-badge{border-radius:30px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 24px;font-size:18px;font-weight:700;display:inline-flex}.result-badge.passed{color:#fff;background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}.result-badge.failed{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#f87171 100%)}.results-header h2{color:#1e293b;margin:0;font-size:28px}.score-overview{text-align:center;background:#fff;border-radius:24px;margin-bottom:24px;padding:32px;box-shadow:0 8px 24px #0000000d}.overall-score{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 16px;display:flex}.overall-score.excellent{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:4px solid #22c55e}.overall-score.good{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:4px solid #3b82f6}.overall-score.fair{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:4px solid #f59e0b}.overall-score.poor{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:4px solid #ef4444}.score-value{color:#1e293b;font-size:36px;font-weight:700}.score-label{color:#64748b;text-transform:uppercase;font-size:12px}.passing-note{color:#64748b;margin:0;font-size:15px}.section-scores{background:#fff;border-radius:24px;margin-bottom:24px;padding:32px;box-shadow:0 8px 24px #0000000d}.section-scores h3{color:#1e293b;margin-bottom:20px;font-size:18px}.score-grid{gap:16px;display:grid}.score-item{grid-template-columns:140px 1fr 60px;align-items:center;gap:16px;display:grid}.score-category{color:#334155;font-size:14px;font-weight:600}.score-bar-container{background:#e5e7eb;border-radius:6px;height:12px;overflow:hidden}.score-bar{border-radius:6px;height:100%;transition:width .5s}.score-bar.excellent{background:linear-gradient(90deg,#22c55e 0%,#4ade80 100%)}.score-bar.good{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%)}.score-bar.fair{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%)}.score-bar.poor{background:linear-gradient(90deg,#ef4444 0%,#f87171 100%)}.score-number{color:#64748b;text-align:right;font-size:14px;font-weight:600}.overall-feedback{background:#fff;border-radius:24px;margin-bottom:24px;padding:32px;box-shadow:0 8px 24px #0000000d}.overall-feedback h3{color:#1e293b;margin-bottom:12px;font-size:18px}.overall-feedback p{color:#64748b;margin:0;line-height:1.7}.task-scores-detail{background:#fff;border-radius:24px;margin-bottom:24px;padding:32px;box-shadow:0 8px 24px #0000000d}.task-scores-detail h3{color:#1e293b;margin-bottom:20px;font-size:18px}.task-score-card{background:#f8fafc;border-radius:12px;margin-bottom:12px;padding:16px}.task-score-card:last-child{margin-bottom:0}.task-score-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.task-number{color:#0245ae;font-size:14px;font-weight:700}.task-type{color:#64748b;font-size:13px}.task-percentage{border-radius:12px;margin-left:auto;padding:4px 12px;font-size:16px;font-weight:700}.task-percentage.excellent{color:#166534;background:#dcfce7}.task-percentage.good{color:#1e40af;background:#dbeafe}.task-percentage.fair{color:#92400e;background:#fef3c7}.task-percentage.poor{color:#991b1b;background:#fee2e2}.task-feedback{color:#64748b;margin:0;font-size:14px;line-height:1.6}.results-actions{text-align:center}.back-home-btn{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.back-home-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0245ae4d}.exam-error{justify-content:center;align-items:center;min-height:60vh;display:flex}.error-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:500px;padding:48px;box-shadow:0 20px 40px #0000001a}.error-icon{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.error-icon i{color:#dc2626;font-size:40px}.error-card h2{color:#1e293b;margin-bottom:12px;font-size:24px}.error-card p{color:#64748b;margin-bottom:24px;line-height:1.6}.error-actions{margin-top:24px}@media (max-width:768px){.speaking-exam-page{padding:16px}.equipment-test-card,.task-main{padding:24px}.task-header{text-align:center;flex-direction:column;gap:16px}.progress-bar{max-width:100%}.score-item{grid-template-columns:100px 1fr 50px;gap:8px}.score-category{font-size:12px}.task-score-header{flex-wrap:wrap}.task-percentage{margin-left:0}.confirm-buttons{flex-direction:column}}[data-theme=dark] .speaking-exam-page{background:var(--fxv-bg)}[data-theme=dark] .exam-intro-card,[data-theme=dark] .equipment-test-card,[data-theme=dark] .task-header,[data-theme=dark] .task-main,[data-theme=dark] .score-overview,[data-theme=dark] .section-scores,[data-theme=dark] .overall-feedback,[data-theme=dark] .task-scores-detail,[data-theme=dark] .error-card{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%);border:1px solid var(--fxv-border);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .exam-intro-card h2,[data-theme=dark] .equipment-test-card h2,[data-theme=dark] .exam-loading h3,[data-theme=dark] .results-header h2,[data-theme=dark] .section-scores h3,[data-theme=dark] .overall-feedback h3,[data-theme=dark] .task-scores-detail h3,[data-theme=dark] .score-value,[data-theme=dark] .error-card h2,[data-theme=dark] .timer-value{color:var(--fxv-text)}[data-theme=dark] .exam-intro-description,[data-theme=dark] .exam-loading p,[data-theme=dark] .equipment-test-card>p,[data-theme=dark] .speaker-confirm p,[data-theme=dark] .task-progress span,[data-theme=dark] .timer-label,[data-theme=dark] .recording-hint,[data-theme=dark] .task-instruction,[data-theme=dark] .passing-note,[data-theme=dark] .score-number,[data-theme=dark] .overall-feedback p,[data-theme=dark] .task-type,[data-theme=dark] .task-feedback,[data-theme=dark] .error-card p{color:var(--fxv-text-muted)}[data-theme=dark] .exam-info-item,[data-theme=dark] .confirm-no,[data-theme=dark] .task-score-card,[data-theme=dark] .time-estimate{background:var(--fxv-surface-soft);border-color:var(--fxv-border);color:var(--fxv-text)}[data-theme=dark] .exam-info-item span,[data-theme=dark] .score-category{color:var(--fxv-text)}[data-theme=dark] .category-tag,[data-theme=dark] .task-type-badge{color:#93c5fd;background:#2563eb24;border:1px solid #7cb8ff38}[data-theme=dark] .exam-rules{background:#78350f38;border-color:#f59e0b57}[data-theme=dark] .exam-rules h4{color:#fbbf24}[data-theme=dark] .exam-rules li{color:#d6d3d1}[data-theme=dark] .loading-spinner{border-color:#ffffff14;border-top-color:var(--fxv-accent-strong)}[data-theme=dark] .permission-prompt{background:#0e749029;border-color:#38bdf842}[data-theme=dark] .permission-denied{background:#7f1d1d2e;border-color:#f8717142}[data-theme=dark] .permission-denied p{color:#fecaca}[data-theme=dark] .mic-level-bar,[data-theme=dark] .score-bar-container,[data-theme=dark] .progress-bar{background:#ffffff14}[data-theme=dark] .test-instructions{background:#14532d38;border-color:#4ade8047}[data-theme=dark] .test-instructions p,[data-theme=dark] .all-tests-passed p{color:#bbf7d0}[data-theme=dark] .confirm-no:hover{background:#ffffff14}[data-theme=dark] .all-tests-passed{background:#14532d38;border-color:#4ade8057}[data-theme=dark] .timer-circle.prep{background:#78350f38;border-color:#f59e0b}[data-theme=dark] .timer-circle.recording{background:#7f1d1d38;border-color:#ef4444}[data-theme=dark] .prep-instructions{background:#78350f38}[data-theme=dark] .prep-instructions p{color:#fcd34d}[data-theme=dark] .recording-indicator{background:#7f1d1d2e}[data-theme=dark] .recording-indicator span{color:#fca5a5}[data-theme=dark] .recording-hint{border-top-color:var(--fxv-border)}[data-theme=dark] .read-aloud-text{background:#082f494d}[data-theme=dark] .read-aloud-text p{color:#bae6fd}[data-theme=dark] .scenario-box{background:#14532d38}[data-theme=dark] .scenario-box h4{color:#86efac}[data-theme=dark] .scenario-box p{color:#dcfce7}[data-theme=dark] .prompt-box{background:#78350f38}[data-theme=dark] .prompt-box h4{color:#fcd34d}[data-theme=dark] .prompt-box p{color:#fef3c7}[data-theme=dark] .teaching-topic{background:#581c8738}[data-theme=dark] .teaching-topic h4{color:#d8b4fe}[data-theme=dark] .teaching-topic p{color:#f3e8ff}[data-theme=dark] .level-badge.beginner{color:#86efac;background:#14532d47}[data-theme=dark] .level-badge.intermediate{color:#fcd34d;background:#78350f47}[data-theme=dark] .level-badge.advanced{color:#fca5a5;background:#7f1d1d47}[data-theme=dark] .question-box{background:#88133738}[data-theme=dark] .question-box p{color:#fecdd3}[data-theme=dark] .progress-steps .step{color:var(--fxv-text-soft)}[data-theme=dark] .progress-steps .step i{background:var(--fxv-surface-soft);border-color:var(--fxv-border)}.interview-booking-page{background:linear-gradient(#f8fafc 0%,#e2e8f0 100%);min-height:100vh;padding:40px 0}.interview-booking-page .container{max-width:1200px;margin:0 auto;padding:0 24px}.interview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.interview-header-left{align-items:center;gap:14px;display:flex}.interview-header-icon{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #0245ae4d}.interview-header-icon i{color:#fff;font-size:22px}.interview-header h1{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:800}.interview-header-actions{align-items:center;gap:12px;display:flex}.btn-today{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 12px #0245ae4d}.btn-today:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0245ae66}.current-booking-card{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:20px;margin-bottom:32px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0245ae4d}.current-booking-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-100px;right:-100px}.current-booking-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200px;height:200px;position:absolute;bottom:-50px;left:-50px}.current-booking-card h2{z-index:1;color:#fff;align-items:center;gap:12px;margin:0 0 24px;font-size:20px;font-weight:700;display:flex;position:relative}.current-booking-card h2 i{color:#fff;opacity:.9;font-size:24px}.booking-details{z-index:1;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex;position:relative}.booking-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:10px;padding:14px 20px;display:flex}.booking-detail i{opacity:.9;font-size:18px}.booking-detail span{font-size:15px;font-weight:600}.booking-actions{z-index:1;gap:12px;display:flex;position:relative}.btn-join-interview{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-join-interview:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.btn-join-interview i{font-size:16px}.btn-cancel{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-cancel:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-cancel i{font-size:14px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--card-bg,#fff);border-radius:16px;width:90vw;max-width:400px;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h2{color:#ef4444;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.modal-close{cursor:pointer;color:var(--secondary-text-color,#64748b);background:0 0;border:none;font-size:20px}.modal-body{padding:24px}.modal-body p{color:var(--secondary-text-color,#64748b);margin:0 0 16px;font-size:14px;line-height:1.6}.modal-date{background:#ef44440d;border-radius:8px;padding:12px 16px;color:var(--text-color,#1e293b)!important;font-size:13px!important}.modal-actions{border-top:1px solid var(--border-color,#e2e8f0);gap:12px;padding:24px;display:flex}.btn-secondary{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-color,#1e293b);cursor:pointer;border-radius:10px;flex:1;padding:10px 16px;font-size:14px;font-weight:500}.btn-secondary:hover:not(:disabled){background:var(--hover-bg,#f1f5f9)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.7;cursor:not-allowed}.toast-notification{z-index:2000;border-radius:10px;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:500;animation:.3s slideInRight;display:flex;position:fixed;bottom:24px;right:24px}.toast-notification.success{color:#fff;background:#10b981}.toast-notification.error{color:#fff;background:#ef4444}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fbbf244d;border-radius:16px;align-items:center;gap:16px;margin-bottom:32px;padding:20px 24px;display:flex;box-shadow:0 4px 20px #fbbf2426}.info-card-icon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #f59e0b4d}.info-card-icon i{color:#fff;font-size:22px}.info-card p{color:#92400e;margin:0;font-size:14px;font-weight:500;line-height:1.6}.schedule-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0245ae14;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0245ae1f}.calendar-nav{border-bottom:2px solid #0245ae1a;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;display:flex}.week-navigation{align-items:center;gap:16px;display:flex}.interview-booking-page .nav-btn{cursor:pointer;color:#0245ae;background:#0245ae1a;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.interview-booking-page .nav-btn:hover{background:#0245ae33;transform:translateY(-1px)}.interview-booking-page .nav-btn span{display:none}@media (min-width:768px){.interview-booking-page .nav-btn span{display:inline}}.week-range{color:#0245ae;letter-spacing:.5px;font-size:18px;font-weight:800}.period-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:28px;display:flex}.period-tab{color:#64748b;cursor:pointer;text-transform:capitalize;background:#0f172a0d;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.period-tab:hover{background:#0f172a1a}.period-tab.active{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);box-shadow:0 4px 12px #0f172a4d}.period-tab i{font-size:16px}.calendar-container{background:0 0;border-radius:16px;overflow:hidden}.calendar-grid{border:1px solid #0245ae1a;border-radius:16px;grid-template-columns:100px repeat(7,1fr);display:grid;overflow:hidden}.calendar-header{display:contents}.day-header{text-align:center;background:linear-gradient(135deg,#0245ae0d 0%,#4a9eff0d 100%);border-bottom:1px solid #0245ae1a;border-right:1px solid #0245ae0d;padding:16px 8px}.day-header:last-child{border-right:none}.day-header .day-name{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:700}.day-header .day-date{color:#0f172a;font-size:18px;font-weight:800}.day-header.today{background:linear-gradient(135deg,#0245ae26 0%,#4a9eff26 100%)}.day-header.today .day-date{color:#0245ae;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.time-header{background:linear-gradient(135deg,#0245ae0d 0%,#4a9eff0d 100%);border-right:1px solid #0245ae1a;padding:0}.time-row{display:contents}.time-label{color:#64748b;text-align:right;background:#f8fafccc;border-bottom:1px solid #0245ae0d;border-right:1px solid #0245ae1a;justify-content:flex-end;align-items:center;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.slot-cell{background:#ffffff80;border-bottom:1px solid #0245ae0d;border-right:1px solid #0245ae0d;min-height:48px;padding:4px;transition:all .2s;position:relative}.slot-cell:last-child{border-right:none}.slot-cell.past{cursor:not-allowed;background:#f1f5f9cc}.slot-cell.past:after{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000,#0000 5px,#94a3b81a 5px 10px);position:absolute;inset:0}.slot-cell.available{cursor:pointer}.slot-cell.available:hover{background:linear-gradient(135deg,#10b98114 0%,#05966914 100%)}.slot-badge{cursor:pointer;letter-spacing:.3px;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;padding:8px 10px;font-size:11px;font-weight:700;transition:all .3s;display:flex}.slot-badge.open{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b9814d}.slot-badge.open:hover{transform:scale(1.03);box-shadow:0 4px 16px #10b98166}.slot-badge.booked{color:#fff;cursor:default;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);box-shadow:0 2px 8px #0245ae4d}.slot-cell.booked{background:#0245ae14;border-color:#0245ae33}.slot-badge i{font-size:14px}.loading-container,.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px;display:flex}.loading-spinner{border:4px solid #0245ae1a;border-top-color:#0245ae;border-radius:50%;width:56px;height:56px;animation:1s linear infinite spin}.loading-container p,.error-container p{color:#64748b;margin:20px 0 0;font-size:16px;font-weight:600}.error-container{color:#dc2626}.error-container i{background:linear-gradient(135deg,#dc2626 0%,#f87171 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:56px}.empty-state{color:#64748b;text-align:center;background:#ffffff80;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-top:24px;padding:80px 40px;display:flex}.empty-state i{background:linear-gradient(135deg,#94a3b8 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:72px}.empty-state h3{color:#0f172a;margin:0 0 12px;font-size:20px;font-weight:700}.empty-state p{max-width:400px;margin:0;line-height:1.6}.interview-modal-overlay{animation:.2s interviewFadeIn;z-index:9999999!important;background:#0f172ab3!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;inset:0!important}@keyframes interviewFadeIn{0%{opacity:0}to{opacity:1}}.interview-modal{animation:.3s interviewSlideUp;z-index:10000000!important;background:#fff!important;border-radius:24px!important;width:90%!important;max-width:440px!important;padding:32px!important;position:relative!important;box-shadow:0 24px 64px #0f172a40!important}@keyframes interviewSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.interview-modal h3{color:#0f172a!important;margin:0 0 16px!important;font-size:22px!important;font-weight:800!important}.interview-modal>p{color:#64748b!important;margin-bottom:16px!important;font-size:14px!important;line-height:1.6!important}.interview-modal .booking-confirm-details{background:linear-gradient(135deg,#0245ae0d 0%,#4a9eff0d 100%)!important;border:1px solid #0245ae1a!important;border-radius:16px!important;margin:20px 0!important;padding:20px!important}.interview-modal .booking-confirm-details p{color:#0f172a!important;align-items:center!important;gap:12px!important;margin:0 0 12px!important;font-size:15px!important;font-weight:600!important;display:flex!important}.interview-modal .booking-confirm-details p:last-child{margin-bottom:0!important}.interview-modal .booking-confirm-details i{color:#0245ae!important;font-size:18px!important}.interview-modal-actions{justify-content:flex-end!important;gap:12px!important;margin-top:24px!important;display:flex!important}.interview-modal-btn{cursor:pointer!important;border:none!important;border-radius:12px!important;align-items:center!important;gap:8px!important;padding:12px 24px!important;font-size:14px!important;font-weight:700!important;transition:all .3s!important;display:inline-flex!important}.interview-modal-btn-primary{color:#fff!important;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%)!important;box-shadow:0 4px 12px #0245ae4d!important}.interview-modal-btn-primary:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 20px #0245ae66!important}.interview-modal-btn-primary:disabled{opacity:.6!important;cursor:not-allowed!important}.interview-modal-btn-secondary{color:#475569!important;background:#0f172a0d!important;border:1px solid #0f172a1a!important}.interview-modal-btn-secondary:hover:not(:disabled){background:#0f172a1a!important}.interview-modal-btn-secondary:disabled{opacity:.6!important;cursor:not-allowed!important}@media (max-width:768px){.interview-booking-page{padding:24px 0}.interview-header{flex-direction:column;align-items:flex-start}.interview-header h1{font-size:24px}.schedule-card{border-radius:16px;padding:20px}.calendar-nav{flex-direction:column;gap:16px}.calendar-grid{grid-template-columns:70px repeat(7,1fr)}.booking-details{flex-direction:column;align-items:flex-start;gap:12px}.booking-detail{width:100%}}.interview-modal-note{color:#64748b;font-size:13px}[data-theme=dark] .interview-booking-page{background:linear-gradient(180deg, var(--fxv-bg) 0%, #202020 48%, var(--fxv-bg) 100%)}[data-theme=dark] .info-card,[data-theme=dark] .schedule-card,[data-theme=dark] .modal-dialog,[data-theme=dark] .empty-state,[data-theme=dark] .interview-modal{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%)!important;border-color:var(--fxv-border)!important;box-shadow:var(--fxv-shadow-sm)!important}[data-theme=dark] .info-card p,[data-theme=dark] .loading-container p,[data-theme=dark] .error-container p,[data-theme=dark] .day-header .day-name,[data-theme=dark] .time-label,[data-theme=dark] .interview-modal>p,[data-theme=dark] .modal-body p,[data-theme=dark] .interview-modal-note{color:var(--fxv-text-muted)!important}[data-theme=dark] .week-range,[data-theme=dark] .day-header .day-date,[data-theme=dark] .empty-state h3,[data-theme=dark] .interview-modal h3,[data-theme=dark] .modal-header h2,[data-theme=dark] .booking-confirm-details p{color:var(--fxv-text)!important}[data-theme=dark] .modal-header,[data-theme=dark] .modal-actions{border-color:var(--fxv-border)!important}[data-theme=dark] .modal-date{background:#f871711f;color:var(--fxv-text)!important}[data-theme=dark] .btn-secondary{background:var(--fxv-surface-soft);color:var(--fxv-text);border-color:var(--fxv-border)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:#ffffff14}[data-theme=dark] .calendar-nav{border-bottom-color:var(--fxv-border-strong)}[data-theme=dark] .interview-booking-page .nav-btn{color:#bfdbfe;background:#2563eb1f}[data-theme=dark] .interview-booking-page .nav-btn:hover{background:#2563eb33}[data-theme=dark] .period-tab{background:var(--fxv-surface-soft);color:var(--fxv-text-muted)}[data-theme=dark] .period-tab:hover{background:#ffffff14}[data-theme=dark] .calendar-grid{border-color:var(--fxv-border)}[data-theme=dark] .day-header,[data-theme=dark] .time-header{border-color:var(--fxv-border);background:#2563eb14}[data-theme=dark] .day-header.today{background:#2563eb2e}[data-theme=dark] .time-label{border-color:var(--fxv-border);background:#ffffff08}[data-theme=dark] .slot-cell{border-color:var(--fxv-border);background:#ffffff05}[data-theme=dark] .slot-cell.past{background:#ffffff08}[data-theme=dark] .slot-cell.available:hover{background:#10b9811f}[data-theme=dark] .slot-cell.booked{background:#2563eb24;border-color:#7cb8ff3d}[data-theme=dark] .empty-state{color:var(--fxv-text-muted)}[data-theme=dark] .booking-confirm-details{background:#2563eb1a!important;border-color:#7cb8ff38!important}[data-theme=dark] .booking-confirm-details i,[data-theme=dark] .interview-modal .booking-confirm-details i{color:#93c5fd!important}[data-theme=dark] .interview-modal-btn-secondary{background:var(--fxv-surface-soft)!important;color:var(--fxv-text-muted)!important;border-color:var(--fxv-border)!important}[data-theme=dark] .interview-modal-btn-secondary:hover:not(:disabled){color:var(--fxv-text)!important;background:#ffffff14!important}.interview-room{color:#1e293b;background:#f8fafc;min-height:100vh}.interview-setup{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.setup-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:900px;padding:2.5rem;box-shadow:0 25px 50px -12px #0000001a}.setup-header{text-align:center;margin-bottom:2rem}.setup-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2.5rem;display:flex}.setup-header h1{color:#1e293b;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.setup-header p{color:#64748b;margin:0}.setup-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.setup-error i{font-size:1.25rem}.setup-content{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.video-preview-container{flex-direction:column;gap:1rem;display:flex}.video-preview{aspect-ratio:4/3;background:#1e293b;border:2px solid #e2e8f0;border-radius:12px;position:relative;overflow:hidden}.video-preview video{object-fit:cover;background:#000;width:100%;height:100%;display:block;transform:scaleX(-1)}.video-placeholder{color:#94a3b8;background:#f1f5f9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.video-placeholder i{margin-bottom:1rem;font-size:3rem}.device-status{border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.device-status.success{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.device-selection{flex-direction:column;gap:1.5rem;display:flex}.device-group{flex-direction:column;gap:.5rem;display:flex}.device-group label{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.device-group select{color:#1e293b;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:.875rem 1rem;font-size:.875rem;transition:all .2s}.device-group select:hover{border-color:#cbd5e1}.device-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.btn-test-devices{color:#475569;cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding:1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-test-devices:hover{background:#e2e8f0;border-color:#cbd5e1}.setup-actions{gap:1rem;margin-bottom:2rem;display:flex}.btn-back{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-back:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.btn-join{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-join:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.btn-join:disabled{opacity:.5;cursor:not-allowed}.setup-tips{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.setup-tips h4{color:#1e293b;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9rem;display:flex}.setup-tips h4 i{color:#f59e0b}.setup-tips ul{color:#64748b;margin:0;padding-left:1.25rem;font-size:.875rem;line-height:1.8}.interview-call{background:#f1f5f9;flex-direction:column;height:100vh;display:flex}.call-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.call-info{align-items:center;gap:1.5rem;display:flex}.call-status{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.call-status i.live{color:#22c55e;animation:2s ease-in-out infinite pulse}.call-duration{color:#1e293b;background:#f1f5f9;border-radius:6px;padding:.375rem .75rem;font-family:SF Mono,Fira Code,monospace;font-size:.875rem}.call-title{color:#1e293b;align-items:center;gap:.5rem;font-weight:600;display:flex}.call-title i{color:#3b82f6}.video-grid{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex:1;justify-content:center;align-items:center;margin:1rem;padding:2rem;display:flex;position:relative}.video-container{background:#1e293b;border-radius:12px;position:relative;overflow:hidden}.video-container.remote{aspect-ratio:16/9;width:100%;max-width:900px}.video-container.local{aspect-ratio:4/3;border:3px solid #3b82f6;width:200px;position:absolute;bottom:2rem;right:2rem;box-shadow:0 10px 25px #00000026}.video-container video{object-fit:cover;width:100%;height:100%}.video-container.local video{transform:scaleX(-1)}.video-container .video-placeholder{color:#94a3b8;background:#1e293b;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-placeholder{background:#334155;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;display:flex}.avatar-placeholder i{color:#64748b;font-size:2.5rem}.video-label{color:#fff;background:#0009;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;position:absolute;bottom:.75rem;left:.75rem}.video-off-overlay{background:#1e293b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-off-overlay i{color:#64748b;font-size:2rem}.call-controls{background:#fff;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}.control-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;transition:all .2s;display:flex}.control-btn:hover{background:#e2e8f0}.control-btn.off{color:#dc2626;background:#fef2f2}.control-btn.off:hover{background:#fee2e2}.control-btn.end-call{color:#fff;background:#dc2626;width:64px;height:64px}.control-btn.end-call:hover{background:#b91c1c}@media (max-width:768px){.setup-content{grid-template-columns:1fr}.setup-container{margin:1rem;padding:1.5rem}.video-container.local{width:120px;bottom:1rem;right:1rem}.call-header{flex-direction:column;gap:.75rem;padding:1rem}.video-grid{margin:.5rem;padding:1rem}.control-btn{width:48px;height:48px;font-size:1.125rem}.control-btn.end-call{width:56px;height:56px}}.ri-spin{animation:1s linear infinite spin}.notifications-page{padding:0 24px 24px}.notifications-page .container{max-width:800px;margin:0 auto}.notifications-page-header{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex}.notifications-page-title{align-items:center;gap:16px;display:flex}.notifications-icon-wrapper{background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.notifications-page-title h1{color:#fff;margin:0 0 4px;font-size:24px;font-weight:700}.notifications-page-title p{opacity:.9;color:#fff;margin:0;font-size:14px}.btn-mark-all{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-mark-all:hover{background:#ffffff4d}.notifications-filters{justify-content:flex-end;padding:12px 16px;display:flex}.btn-filter{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-color,#1e293b);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.btn-filter.active{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}.notifications-list-container{background:var(--card-bg,#fff);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00000014}.notifications-loading{text-align:center;color:var(--secondary-text-color,#64748b);padding:60px 24px}.notifications-loading .loading-spinner{border:3px solid #0245ae33;border-top-color:#0245ae;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}.notifications-loading p{margin:0;font-size:14px}.notifications-empty{text-align:center;padding:80px 24px}.empty-icon{color:#94a3b8;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:32px;display:flex}.notifications-empty h3{color:var(--text-color,#1e293b);margin:0 0 8px;font-size:18px;font-weight:600}.notifications-empty p{color:var(--secondary-text-color,#64748b);max-width:400px;margin:0 auto;font-size:14px;line-height:1.6}.notifications-empty-unread{text-align:center;padding:60px 24px}.empty-unread-icon{color:#0284c7;background:linear-gradient(135deg,#dbeafe 0%,#e0f2fe 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:32px;display:flex}.notifications-empty-unread h3{color:var(--text-color,#1e293b);margin:0 0 8px;font-size:18px;font-weight:600}.notifications-empty-unread p{color:var(--secondary-text-color,#64748b);margin:0;font-size:14px;line-height:1.6}.notification-card{border-bottom:1px solid var(--border-color,#e2e8f0);cursor:pointer;align-items:flex-start;gap:16px;padding:20px 24px;transition:background-color .2s;display:flex}.notification-card:last-child{border-bottom:none}.notification-card:hover{background-color:var(--hover-bg,#f8fafc)}.notification-card.unread{background-color:#0245ae08}.notification-card.unread:hover{background-color:#0245ae0f}.notification-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:20px;display:flex}.notification-card-content{flex:1;min-width:0}.notification-card-content h4{color:var(--text-color,#1e293b);margin:0 0 4px;font-size:15px;font-weight:600}.notification-card-content p{color:var(--secondary-text-color,#64748b);margin:0 0 8px;font-size:14px;line-height:1.5}.notification-card-time{color:var(--tertiary-text-color,#94a3b8);align-items:center;gap:6px;font-size:12px;display:flex}.notification-card-time i{font-size:11px}.notification-card-actions{align-items:center;gap:12px;display:flex}.unread-indicator{background:#0245ae;border-radius:50%;width:10px;height:10px}.btn-delete-notification{width:36px;height:36px;color:var(--secondary-text-color,#94a3b8);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.notification-card:hover .btn-delete-notification{opacity:1}.btn-delete-notification:hover{color:#ef4444;background:#ef44441a}.notifications-pagination{justify-content:center;padding:16px;display:flex}.btn-load-more{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-color,#1e293b);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:inline-flex}.btn-load-more:hover{background:var(--hover-bg,#f1f5f9);color:#0245ae;border-color:#0245ae}.btn-load-more:disabled{opacity:.5;cursor:not-allowed}.skeleton-card{border-bottom:1px solid var(--border-color,#e2e8f0);align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.skeleton-icon{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:12px;width:48px;height:48px;animation:1.5s infinite skeleton-loading}.skeleton-content{flex:1}.skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:60%;height:16px;margin-bottom:8px;animation:1.5s infinite skeleton-loading}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:100%;height:12px;margin-bottom:8px;animation:1.5s infinite skeleton-loading}.skeleton-text:last-child{width:80%;margin-bottom:0}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dark .notifications-list-container{background:var(--card-bg,#1e1e1e)}.dark .notification-card:hover{background-color:#ffffff0d}.dark .notification-card.unread{background-color:#0245ae1a}.dark .notification-card.unread:hover{background-color:#0245ae26}.dark .empty-icon{background:linear-gradient(135deg,#2d2d2d 0%,#3d3d3d 100%)}@media (max-width:768px){.notifications-page{padding:0 16px 16px}.notifications-page-header{flex-direction:column;align-items:flex-start;gap:16px}.btn-mark-all{justify-content:center;width:100%}.notification-card{padding:16px}.notification-card-icon{width:40px;min-width:40px;height:40px;font-size:16px}.btn-delete-notification{opacity:1}}[data-theme=dark] .notifications-page-header{box-shadow:0 20px 38px #01061147}[data-theme=dark] .notifications-filters .btn-filter,[data-theme=dark] .notifications-list-container,[data-theme=dark] .notification-card,[data-theme=dark] .notifications-empty,[data-theme=dark] .notifications-empty-unread{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%);border-color:var(--fxv-border);color:var(--fxv-text);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .notifications-loading,[data-theme=dark] .notification-card-time,[data-theme=dark] .notification-card-message,[data-theme=dark] .notifications-empty p,[data-theme=dark] .notifications-empty-unread p{color:var(--fxv-text-muted)}.materials-page{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);min-height:calc(100vh - 80px);padding:52px 20px 60px;animation:.5s ease-out pageLoad}@keyframes pageLoad{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.materials-container{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:16px 15px 48px;position:relative;left:0}@media (min-width:1501px){.materials-container{width:1270px;padding:28px 0 48px;left:calc(50vw - 771px)}}@media (min-width:1200px) and (max-width:1500px){.materials-container{width:1140px;padding:28px 0 48px;left:calc(50vw - 685px)}}.materials-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding-top:0;display:flex}.materials-page .back-link{color:#64748b;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.materials-page .back-link:hover{color:#0245ae}.materials-page .back-link i{font-size:16px}.materials-page .page-title-row,.materials-header-left{align-items:center;gap:14px;display:flex}.materials-page .page-title-icon,.materials-page-icon{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #0245ae4d}.materials-page .page-title-icon i,.materials-page-icon i{color:#fff;font-size:22px}.materials-page .page-title-gradient,.materials-page-title{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800}.materials-subtitle,.materials-page-subtitle{color:#64748b;margin:4px 0 0;font-size:14px;font-weight:500}.materials-controls{margin-bottom:20px}.category-tabs{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.category-tab{color:#1e293b;cursor:pointer;background-color:#fff;border:2px solid #e2e8f0;border-radius:25px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.category-tab:hover{color:#fff;background-color:#0245ae;border-color:#0245ae}.category-tab.active{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0000}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.course-card{text-align:left;width:100%;font:inherit;cursor:pointer;background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:0;transition:all .3s;display:block;position:relative;overflow:hidden}.course-card:focus-visible{outline-offset:3px;outline:3px solid #4a9eff}.course-card:hover{border-color:#0245ae;transform:translateY(-4px);box-shadow:0 12px 24px #0245ae26}.course-artwork{background:#dceeff;width:100%;height:164px;overflow:hidden}.course-artwork img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .35s;display:block}.course-card:hover .course-artwork img{transform:scale(1.035)}.course-content{padding:20px}.course-title{color:#1e293b;margin:0 0 8px;font-size:1.1rem;font-weight:700}.course-description{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.course-meta{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.course-level,.course-lessons{color:#64748b;align-items:center;gap:6px;font-size:.8rem;display:flex}.course-level i,.course-lessons i{color:#0245ae}.course-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;padding-top:16px;display:flex}.course-rating{color:#1e293b;align-items:center;gap:4px;font-size:.9rem;font-weight:600;display:flex}.course-rating i{color:#f59e0b}.course-category{color:#0245ae;background:#0245ae1a;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.materials-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.materials-empty .empty-icon{color:#94a3b8;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:32px;display:flex}.materials-empty h3{color:#1e293b;margin:0 0 8px;font-size:20px;font-weight:700}.materials-empty p{color:#64748b;margin:0 0 20px;font-size:14px}.btn-reset{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-reset:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0245ae4d}@media (max-width:768px){.materials-page{padding:72px 16px 40px}.materials-container{width:100%;padding:16px 16px 40px;left:0}.materials-header-left{align-items:flex-start;gap:12px}.materials-page-title{font-size:22px}.category-tabs{gap:8px}.category-tab{padding:8px 16px;font-size:.85rem}.courses-grid{grid-template-columns:1fr;gap:16px}.course-artwork{height:150px}.course-content{padding:16px}}@media (max-width:480px){.materials-container{padding:0}.materials-header{margin-bottom:20px}.materials-page .page-title-icon{width:40px;height:40px}.materials-page .page-title-icon i{font-size:18px}.materials-page .page-title-gradient{font-size:20px}}[data-theme=dark] .materials-page{background:var(--fxv-bg)}[data-theme=dark] .materials-page .back-link,[data-theme=dark] .materials-subtitle,[data-theme=dark] .materials-page-subtitle,[data-theme=dark] .course-description,[data-theme=dark] .course-lessons,[data-theme=dark] .materials-empty p{color:var(--fxv-text-muted)}[data-theme=dark] .category-tab,[data-theme=dark] .course-card,[data-theme=dark] .materials-empty{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm);color:var(--fxv-text)}[data-theme=dark] .course-level i,[data-theme=dark] .course-lessons i,[data-theme=dark] .course-rating i{color:var(--fxv-accent-strong)}[data-theme=dark] .course-title,[data-theme=dark] .materials-page-title,[data-theme=dark] .course-rating,[data-theme=dark] .materials-empty h3{color:var(--fxv-text);-webkit-text-fill-color:currentColor}[data-theme=dark] .course-footer{border-top-color:var(--fxv-border)}[data-theme=dark] .category-tab:hover{border-color:var(--fxv-accent)}.daily-dispatch-page{background:var(--bg-primary,#f8fafc);min-height:calc(100vh - 80px);padding:4rem 2rem 2rem}.dispatch-container{max-width:1200px;margin:0 auto}.dispatch-header{margin-bottom:2rem}.dispatch-header .back-link{color:var(--text-secondary,#6b7280);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.dispatch-header .back-link:hover{color:var(--primary,#3b82f6)}.dispatch-header-main{align-items:center;gap:1rem;display:flex}.dispatch-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;padding:1rem;font-size:3rem}.dispatch-title{color:var(--text-primary,#1f2937);margin:0;font-size:2rem;font-weight:700}.dispatch-subtitle{color:var(--text-secondary,#6b7280);margin:.25rem 0 0}.dispatch-controls{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.dispatch-search{border:1px solid var(--border-color,#e5e7eb);background:#fff;border-radius:8px;flex:1;align-items:center;gap:.75rem;min-width:250px;padding:.75rem 1rem;display:flex}.dispatch-search i{color:var(--text-secondary,#6b7280)}.dispatch-search input{background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.dispatch-category-select{border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#1f2937);cursor:pointer;background:#fff;border-radius:8px;min-width:150px;padding:.75rem 1rem;font-size:.9375rem}.dispatch-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.dispatch-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.dispatch-loading p{color:var(--text-secondary,#6b7280);margin-top:1rem}.dispatch-error{text-align:center;color:#dc2626;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.dispatch-error i{margin-bottom:1rem;font-size:2.5rem}.dispatch-error button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;margin-top:1rem;padding:.5rem 1.5rem;font-weight:600;transition:background .2s}.dispatch-error button:hover{background:#2563eb}.dispatch-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.dispatch-card{border:1px solid var(--border-color,#e5e7eb);background:#fff;border-radius:12px;flex-direction:column;height:100%;padding:1.5rem;transition:all .2s;display:flex}.dispatch-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.dispatch-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.dispatch-card-category{color:#fff;text-transform:uppercase;background:#3b82f6;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.dispatch-card-date{color:var(--text-secondary,#6b7280);font-size:.8125rem}.dispatch-card-title{color:var(--text-primary,#1f2937);margin:0 0 .5rem;font-size:1.125rem;font-weight:600;line-height:1.4}.dispatch-card-topic{color:var(--text-secondary,#6b7280);flex-grow:1;margin:0 0 1rem;font-size:.875rem}.dispatch-card-actions{flex-wrap:wrap;gap:.75rem;margin-top:auto;display:flex}.dispatch-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.dispatch-btn-primary{color:#fff;background:#3b82f6}.dispatch-btn-primary:hover{background:#2563eb}.dispatch-btn-secondary{color:#1d4ed8;background:#dbeafe}.dispatch-btn-secondary:hover{background:#bfdbfe}.dispatch-empty{text-align:center;color:var(--text-secondary,#6b7280);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.dispatch-empty i{opacity:.5;margin-bottom:1rem;font-size:3rem}.dispatch-empty h3{color:var(--text-primary,#1f2937);margin:0 0 .5rem}.dispatch-empty p{margin:0}@media (max-width:768px){.daily-dispatch-page{padding:1rem}.dispatch-header-main{text-align:left;flex-direction:column;align-items:flex-start}.dispatch-icon{padding:.75rem;font-size:2rem}.dispatch-title{font-size:1.5rem}.dispatch-controls{flex-direction:column}.dispatch-search{min-width:100%}.dispatch-category-select{width:100%}.dispatch-grid{grid-template-columns:1fr}.dispatch-card-actions{flex-direction:column}.dispatch-btn{justify-content:center;width:100%}}[data-theme=dark] .daily-dispatch-page{background:var(--fxv-bg)}[data-theme=dark] .dispatch-header .back-link,[data-theme=dark] .dispatch-subtitle,[data-theme=dark] .dispatch-search i,[data-theme=dark] .dispatch-card-date,[data-theme=dark] .dispatch-card-topic,[data-theme=dark] .dispatch-empty,[data-theme=dark] .dispatch-loading p{color:var(--fxv-text-muted)}[data-theme=dark] .dispatch-title,[data-theme=dark] .dispatch-card-title,[data-theme=dark] .dispatch-empty h3{color:var(--fxv-text)}[data-theme=dark] .dispatch-search,[data-theme=dark] .dispatch-category-select,[data-theme=dark] .dispatch-card,[data-theme=dark] .dispatch-empty,[data-theme=dark] .dispatch-loading,[data-theme=dark] .dispatch-error{background:var(--fxv-surface);color:var(--fxv-text);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .dispatch-search input,[data-theme=dark] .dispatch-category-select{color:var(--fxv-text)}[data-theme=dark] .dispatch-search input::placeholder{color:var(--fxv-text-soft)}[data-theme=dark] .dispatch-card:hover{border-color:#3b82f6b3;box-shadow:0 10px 28px #00000047}[data-theme=dark] .dispatch-btn-secondary{color:#93c5fd;background:#3b82f629}[data-theme=dark] .dispatch-btn-secondary:hover{color:#dbeafe;background:#3b82f647}[data-theme=dark] .dispatch-error{color:#fca5a5}:root{--ddp-black:#121212;--ddp-white:#fff;--ddp-gray-50:#fafafa;--ddp-gray-100:#f5f5f5;--ddp-gray-200:#e5e5e5;--ddp-gray-300:#d4d4d4;--ddp-gray-400:#a3a3a3;--ddp-gray-500:#737373;--ddp-gray-600:#525252;--ddp-gray-700:#404040;--ddp-gray-800:#262626;--ddp-gray-900:#171717;--ddp-accent:#ffcb05;--ddp-accent-dark:#e6b800;--ddp-link:#06c}.ddp-container,.ddp-loading,.ddp-error{--ddp-paper:#fff;--ddp-panel:#fafafa;--ddp-hover:#f5f5f5;--ddp-border:#e5e5e5;--ddp-ink:#121212;--ddp-body-text:#404040;--ddp-muted-text:#737373}@media screen{.ddp-container[data-theme=dark],.ddp-loading[data-theme=dark],.ddp-error[data-theme=dark]{--ddp-paper:#1a1a1a;--ddp-panel:#232323;--ddp-hover:#2a2a2a;--ddp-border:#404040;--ddp-ink:#f3f4f6;--ddp-body-text:#e5e5e5;--ddp-muted-text:#b3b3b3}}html::-webkit-scrollbar{width:10px}body::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:#f0f4ff}body::-webkit-scrollbar-track{background:#f0f4ff}html::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0245ae 0%,#0366d6 100%);border-radius:5px}body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0245ae 0%,#0366d6 100%);border-radius:5px}html::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0366d6 0%,#0284c7 100%)}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0366d6 0%,#0284c7 100%)}html,body{scrollbar-width:thin;scrollbar-color:#0245ae #f0f4ff}html.classroom-mode,body.classroom-mode{--ddp-scroll-track:#f5f5f5;scrollbar-color:var(--ddp-accent) var(--ddp-scroll-track)}html.classroom-mode[data-dispatch-theme=dark],body.classroom-mode[data-dispatch-theme=dark]{--ddp-scroll-track:#232323;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.classroom-mode[data-dispatch-theme=light],body.classroom-mode[data-dispatch-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.classroom-mode::-webkit-scrollbar-track{background:var(--ddp-scroll-track)}body.classroom-mode::-webkit-scrollbar-track{background:var(--ddp-scroll-track)}html.classroom-mode::-webkit-scrollbar-thumb{background:var(--ddp-accent)}body.classroom-mode::-webkit-scrollbar-thumb{background:var(--ddp-accent)}html.classroom-mode::-webkit-scrollbar-thumb:hover{background:var(--ddp-accent-dark)}body.classroom-mode::-webkit-scrollbar-thumb:hover{background:var(--ddp-accent-dark)}.ddp-container{background:var(--ddp-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ddp-loading,.ddp-error{min-height:100vh;color:var(--ddp-gray-600);background:var(--ddp-gray-50);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.ddp-loading-spinner{border:3px solid var(--ddp-gray-200);border-top-color:var(--ddp-black);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite ddp-spin}@keyframes ddp-spin{to{transform:rotate(360deg)}}.ddp-error i{color:var(--ddp-black);font-size:2.5rem}.ddp-error h2{color:var(--ddp-black);margin:0;font-size:1.25rem;font-weight:600}.ddp-header-bar{background:var(--ddp-black);border-bottom:3px solid var(--ddp-accent);z-index:1001;position:fixed;top:0;left:0;right:0}.ddp-header-bar-inner{align-items:center;gap:2rem;max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex}.ddp-toolbar-brand{color:var(--ddp-white);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;align-items:center;gap:.625rem;padding:.5rem 0;font-size:.8125rem;font-weight:700;text-decoration:none;display:flex}.ddp-toolbar-brand:hover{color:var(--ddp-accent)}.ddp-logo{width:26px;height:26px}.ddp-categories-list{flex:1;align-items:center;gap:0;display:flex;overflow-x:auto}.ddp-category-item{text-transform:uppercase;letter-spacing:.06em;color:var(--ddp-gray-400);cursor:default;white-space:nowrap;border-bottom:2px solid #0000;padding:.75rem .875rem;font-size:.625rem;font-weight:600;transition:all .15s}.ddp-category-item:hover{color:var(--ddp-white)}.ddp-category-item.active{color:var(--ddp-accent);border-bottom-color:var(--ddp-accent)}.ddp-view-toggle{background:var(--ddp-accent);color:var(--ddp-black);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;border:none;border-radius:0;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.6875rem;font-weight:700;transition:all .15s;display:flex}.ddp-view-toggle:hover{background:var(--ddp-white)}.ddp-view-toggle.student-toggle{background:#4ade80}.ddp-view-toggle.student-toggle:hover{background:#22c55e}.ddp-view-badge{text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;padding:.25rem .75rem;font-size:.625rem;font-weight:800;display:inline-block}.ddp-view-badge.tutor{background:var(--ddp-accent);color:var(--ddp-black)}.ddp-view-badge.student{color:var(--ddp-black);background:#4ade80}.ddp-btn{border:1px solid var(--ddp-gray-600);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;color:var(--ddp-white);background:0 0;border-radius:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.ddp-btn:hover{background:var(--ddp-white);color:var(--ddp-black);border-color:var(--ddp-white)}.ddp-layout{gap:2rem;max-width:1300px;margin:0 auto;padding:4rem 1rem 3rem;display:flex}.ddp-content{flex:1;min-width:0}.ddp-sidebar{flex-shrink:0;width:260px;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 5rem);padding-top:1rem;position:sticky;top:4rem;overflow-y:auto}.ddp-sidebar-section{background:var(--ddp-gray-50);border-left:3px solid var(--ddp-accent);margin-bottom:2rem;padding:1.25rem}.ddp-sidebar-title{color:var(--ddp-black);text-transform:uppercase;letter-spacing:.08em;border-bottom:none;align-items:baseline;gap:.5rem;margin:0 0 1rem;padding-bottom:.625rem;font-size:.6875rem;font-weight:800;display:flex}.ddp-sidebar-subtitle{color:var(--ddp-gray-400);text-transform:lowercase;letter-spacing:0;font-weight:500}.ddp-sidebar-search{flex-direction:column;gap:.625rem;display:flex}.ddp-sidebar-search input{border:2px solid var(--ddp-gray-200);width:100%;color:var(--ddp-black);background:var(--ddp-white);border-radius:0;padding:.625rem .875rem;font-size:.8125rem;transition:border-color .15s}.ddp-sidebar-search input:focus{border-color:var(--ddp-accent);outline:none}.ddp-sidebar-search input::placeholder{color:var(--ddp-gray-400);font-style:italic}.ddp-sidebar-search-btn{background:var(--ddp-accent);color:var(--ddp-black);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;border-radius:0;align-self:flex-start;padding:.5rem 1.25rem;font-size:.6875rem;font-weight:700;transition:all .15s}.ddp-sidebar-search-btn:hover{background:var(--ddp-black);color:var(--ddp-accent)}.ddp-font-size-btns{gap:0;display:flex}.ddp-font-size-btn{border:2px solid var(--ddp-gray-200);background:var(--ddp-white);width:44px;height:44px;color:var(--ddp-gray-500);cursor:pointer;border-right-width:1px;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;transition:all .15s;display:flex}.ddp-font-size-btn:first-child{border-right-width:1px}.ddp-font-size-btn:last-child{border-left-width:1px;border-right-width:2px}.ddp-font-size-btn:hover{background:var(--ddp-gray-100);color:var(--ddp-black)}.ddp-font-size-btn.active{background:var(--ddp-black);border-color:var(--ddp-black);color:var(--ddp-accent)}.ddp-archives-list{max-height:350px;margin:0;padding:0 1rem 0 0;list-style:none;overflow-y:auto}.ddp-archives-list::-webkit-scrollbar{width:6px}.ddp-archives-list::-webkit-scrollbar-track{background:var(--ddp-gray-200);margin:.25rem 0}.ddp-archives-list::-webkit-scrollbar-thumb{background:var(--ddp-accent);border-radius:3px}.ddp-archives-list::-webkit-scrollbar-thumb:hover{background:var(--ddp-accent-dark)}.ddp-archives-list li{border-bottom:1px dashed var(--ddp-gray-200);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.ddp-archives-list li:last-child{border-bottom:none}.ddp-archives-list a{color:var(--ddp-black);font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s}.ddp-archives-list a:hover{color:var(--ddp-accent-dark)}.ddp-archive-count{color:var(--ddp-gray-400);font-size:.75rem;font-weight:500}.ddp-sidebar-empty{color:var(--ddp-gray-400);margin:0;font-size:.8125rem;font-style:italic}.ddp-container::-webkit-scrollbar{width:10px}.ddp-container::-webkit-scrollbar-track{background:var(--ddp-gray-100)}.ddp-container::-webkit-scrollbar-thumb{background:var(--ddp-accent);border-radius:5px}.ddp-container::-webkit-scrollbar-thumb:hover{background:var(--ddp-accent-dark)}.ddp-container{scrollbar-width:thin;scrollbar-color:var(--ddp-accent) var(--ddp-gray-100)}.ddp-archives-list{scrollbar-width:thin;scrollbar-color:var(--ddp-accent) var(--ddp-gray-200)}.ddp-font-s .ddp-article,.ddp-font-s .ddp-paragraph>p{font-size:.855rem}.ddp-font-s .ddp-instruction{font-size:.7875rem}.ddp-font-s .ddp-list li{font-size:.9rem}.ddp-font-s .ddp-vocab-word{font-size:.84rem}.ddp-font-s .ddp-vocab-body p{font-size:.73rem}.ddp-font-s .ddp-vocab-pronunciation{font-size:.62rem}.ddp-font-s .ddp-discussion-list li,.ddp-font-s .ddp-qa{font-size:.9rem}.ddp-font-s .ddp-summary-question{font-size:1.0125rem}.ddp-font-m .ddp-article,.ddp-font-m .ddp-paragraph>p{font-size:1.035rem}.ddp-font-m .ddp-instruction{font-size:.9rem}.ddp-font-m .ddp-list li{font-size:1.0125rem}.ddp-font-m .ddp-vocab-word{font-size:.956rem}.ddp-font-m .ddp-vocab-body p{font-size:.7875rem}.ddp-font-m .ddp-vocab-pronunciation{font-size:.675rem}.ddp-font-m .ddp-discussion-list li,.ddp-font-m .ddp-qa{font-size:1.0125rem}.ddp-font-m .ddp-summary-question{font-size:1.125rem}.ddp-font-l .ddp-article,.ddp-font-l .ddp-paragraph>p{font-size:1.215rem}.ddp-font-l .ddp-instruction{font-size:1.0125rem}.ddp-font-l .ddp-list li{font-size:1.125rem}.ddp-font-l .ddp-vocab-word{font-size:1.07rem}.ddp-font-l .ddp-vocab-body p{font-size:.9rem}.ddp-font-l .ddp-vocab-pronunciation{font-size:.7875rem}.ddp-font-l .ddp-discussion-list li,.ddp-font-l .ddp-qa{font-size:1.125rem}.ddp-font-l .ddp-summary-question{font-size:1.35rem}@media (max-width:900px){.ddp-sidebar{display:none}.ddp-layout{padding:4rem 1rem 3rem}}.ddp-header{border-bottom:1px solid var(--ddp-gray-200);margin-bottom:3rem;padding-bottom:2rem}.ddp-header-line{display:none}.ddp-title{color:var(--ddp-black);letter-spacing:-.03em;margin:0 0 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1}.ddp-meta{color:var(--ddp-gray-500);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:1.5rem;font-size:.8125rem;font-weight:500;display:flex}.ddp-meta i{display:none}.ddp-date{color:var(--ddp-gray-600)}.ddp-topic{background:var(--ddp-accent);color:var(--ddp-black);padding:.25rem .75rem;font-weight:700}.ddp-category{color:var(--ddp-gray-500)}.ddp-divider{background:var(--ddp-gray-300);border-radius:50%;width:4px;height:4px}.ddp-section{border-bottom:1px solid var(--ddp-gray-100);margin-bottom:3rem;padding-bottom:2rem}.ddp-section:last-of-type{border-bottom:none}.ddp-section-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.ddp-section-header h2{color:var(--ddp-white);letter-spacing:.15em;text-transform:uppercase;background:var(--ddp-black);margin:0;padding:.375rem .75rem;font-size:.6875rem;font-weight:800}.ddp-section-line{background:var(--ddp-gray-200);flex:1;height:1px}.ddp-instruction{color:var(--ddp-gray-500);margin-bottom:1.25rem;font-size:.9375rem;font-style:normal;line-height:1.6}.ddp-list{counter-reset:list-counter;margin:0;padding:0;list-style:none}.ddp-list li{border-bottom:1px solid var(--ddp-gray-100);color:var(--ddp-gray-800);counter-increment:list-counter;padding:1rem 0 1rem 3rem;font-size:1.0625rem;line-height:1.7;position:relative}.ddp-list li:last-child{border-bottom:none}.ddp-list li:before{content:counter(list-counter);background:var(--ddp-accent);width:1.75rem;height:1.75rem;color:var(--ddp-black);justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:1rem;left:0}.ddp-indent{margin-left:0}.ddp-vocabulary{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem;display:grid}.ddp-vocab-item{background:var(--ddp-gray-50);border-left:3px solid var(--ddp-accent);border-radius:0;padding:.625rem .75rem}.ddp-vocab-item:hover{background:var(--ddp-gray-100)}.ddp-vocab-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.ddp-vocab-word{color:var(--ddp-black);letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.ddp-vocab-pronunciation{color:var(--ddp-gray-500);background:var(--ddp-gray-200);padding:.0625rem .375rem;font-family:SF Mono,Fira Code,monospace;font-size:.6875rem;font-style:normal}.ddp-vocab-pos{color:var(--ddp-white);background:var(--ddp-gray-600);text-transform:uppercase;letter-spacing:.03em;padding:.0625rem .375rem;font-size:.5625rem;font-weight:600}.ddp-vocab-body{flex-direction:column;gap:.125rem;display:flex}.ddp-vocab-body p{color:var(--ddp-gray-700);margin:0;font-size:.75rem;line-height:1.4}.ddp-vocab-body strong{color:var(--ddp-gray-500);text-transform:uppercase;letter-spacing:.03em;margin-right:.25rem;font-size:.5625rem;font-weight:600;display:inline}.ddp-article{color:var(--ddp-gray-800);font-family:Source Serif Pro,Georgia,serif;line-height:1.85}.ddp-paragraph{margin-bottom:1.75rem}.ddp-paragraph>p{text-align:left;font-size:inherit;margin:0}.ddp-paragraph>p:first-letter{font-size:1em}.ddp-paragraph:first-child>p:first-letter{float:left;color:var(--ddp-black);margin-top:.125rem;margin-right:.75rem;font-family:Inter,sans-serif;font-size:4.5rem;font-weight:700;line-height:.8}.ddp-qa{background:var(--ddp-gray-50);border-left:4px solid var(--ddp-accent);margin:2rem 0;padding:1.5rem 2rem;font-family:Inter,sans-serif}.ddp-question,.ddp-answer{margin:0;font-size:1rem;line-height:1.7}.ddp-question{color:var(--ddp-black);margin-bottom:.75rem;font-weight:600}.ddp-answer{color:var(--ddp-gray-600)}.ddp-qa-label{background:var(--ddp-black);width:1.5rem;height:1.5rem;color:var(--ddp-white);text-align:center;vertical-align:middle;margin-right:.75rem;font-size:.6875rem;font-weight:800;line-height:1.5rem;display:inline-block}.ddp-answer .ddp-qa-label{background:var(--ddp-accent);color:var(--ddp-black)}.ddp-source{border-top:1px solid var(--ddp-gray-200);color:var(--ddp-gray-500);text-transform:uppercase;letter-spacing:.03em;margin-top:2rem;padding-top:1.5rem;font-family:Inter,sans-serif;font-size:.8125rem;font-style:normal}.ddp-source i{display:none}.ddp-comprehension{background:var(--ddp-black);text-align:left;padding:2rem}.ddp-summary-question{color:var(--ddp-white);margin:0;font-size:1.25rem;font-style:normal;font-weight:600;line-height:1.5}.ddp-summary-question:before{content:"Think about it";color:var(--ddp-accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem;font-size:.6875rem;font-weight:800;display:block}.ddp-discussion{background:0 0;border-radius:0;margin-bottom:2rem;padding:0}.ddp-discussion:last-child{margin-bottom:0}.ddp-discussion h3{color:var(--ddp-black);letter-spacing:-.01em;align-items:center;gap:1rem;margin:0 0 1.25rem;font-size:1.125rem;font-weight:700;display:flex}.ddp-discussion-badge{background:var(--ddp-accent);width:2rem;height:2rem;color:var(--ddp-black);border-radius:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;display:inline-flex}.ddp-discussion-list{counter-reset:discussion-counter;margin:0;padding:0;list-style:none}.ddp-discussion-list li{color:var(--ddp-gray-700);border-bottom:1px solid var(--ddp-gray-100);counter-increment:discussion-counter;padding:.875rem 0 .875rem 2.5rem;font-size:1rem;line-height:1.6;position:relative}.ddp-discussion-list li:last-child{border-bottom:none}.ddp-discussion-list li:before{content:counter(discussion-counter) ".";color:var(--ddp-gray-400);font-weight:700;position:absolute;left:0}.ddp-empty{color:var(--ddp-gray-400);text-align:left;background:var(--ddp-gray-50);border:1px dashed var(--ddp-gray-300);padding:1.5rem;font-size:.875rem;font-style:normal}.ddp-footer{text-align:center;border-top:1px solid var(--ddp-gray-200);margin-top:4rem;padding:3rem 0}.ddp-footer-line{display:none}.ddp-footer p{color:var(--ddp-gray-400);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:700}.dds-container .ddp-view-badge.student{background:#4ade80}.dds-question-only{border-left:3px solid var(--ddp-accent);background:#f8f9fa;border-radius:0 4px 4px 0;margin:1rem 0 1.5rem;padding:.75rem 1rem}.dds-question-only .ddp-question{color:#333;align-items:flex-start;gap:.5rem;margin:0;font-style:italic;display:flex}.dds-question-only .ddp-qa-label{color:var(--ddp-accent);background:0 0;flex-shrink:0;width:auto;height:auto;font-size:1.1rem;line-height:1}.dds-question-only .ddp-qa-label i{display:block}@media print{.no-print{display:none!important}.ddp-container{background:#fff}.ddp-content{max-width:100%;padding:2rem}.ddp-title{font-size:2rem}.ddp-paragraph:first-child>p:first-letter{font-size:3rem}.ddp-vocab-item,.ddp-discussion,.ddp-paragraph{break-inside:avoid}.ddp-section-header h2{color:#000;background:#fff;border:1px solid #000}.ddp-comprehension{background:#fff;border:2px solid #000}.ddp-summary-question,.ddp-summary-question:before{color:#000}.dds-question-only{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;background:#f5f5f5!important}.dds-question-only .ddp-qa-label{color:#000!important}}@media (max-width:768px){.ddp-toolbar{padding:.75rem 1rem}.ddp-toolbar-brand span{display:none}.ddp-view-toggle{padding:.375rem .75rem;font-size:.5625rem}.ddp-view-toggle span{display:none}.ddp-content{padding:5rem 1rem 3rem}.ddp-title{font-size:2rem}.ddp-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.ddp-divider{display:none}.ddp-paragraph:first-child>p:first-letter{font-size:3.5rem}.ddp-vocab-header{flex-direction:column;align-items:flex-start;gap:.5rem}.ddp-qa{margin:1.5rem 0;padding:1.25rem}.ddp-list li{padding-left:2.5rem}.ddp-list li:before{width:1.5rem;height:1.5rem;font-size:.6875rem}.dds-question-only{margin:.75rem 0 1rem;padding:.5rem .75rem}.dds-question-only .ddp-question{font-size:.9rem}}.dda-content{background:#fff;min-height:calc(100vh - 100px);padding-top:3rem!important}.dda-header{margin-bottom:2rem}.dda-month-title{color:#333;border-bottom:3px solid var(--ddp-accent);margin:0;padding-bottom:.75rem;font-size:2rem;font-weight:700;display:inline-block}.dda-month-title span{color:var(--ddp-accent)}.dda-articles-list{flex-direction:column;gap:1.25rem;display:flex}.dda-article-card{border:1px solid #e0e0e0;border-left:4px solid var(--ddp-accent);cursor:pointer;background:#fff;border-radius:4px;padding:1.5rem;transition:all .2s}.dda-article-card:hover{border-color:#ccc;border-left-color:var(--ddp-accent);background:#fafafa;transform:translate(4px);box-shadow:0 4px 12px #00000014}.dda-article-title{color:#222;margin:0 0 .5rem;font-size:1.35rem;font-weight:700;line-height:1.3;transition:color .2s}.dda-article-card:hover .dda-article-title{color:var(--ddp-accent);text-decoration:underline}.dda-article-date{color:#888;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.8rem;font-style:italic}.dda-article-excerpt{color:#555;margin:0 0 1rem;font-size:1rem;line-height:1.6}.dda-article-category{color:#777;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8rem}.dda-article-category-tag{background:var(--ddp-accent);color:#000;text-transform:uppercase;letter-spacing:.05em;border-radius:2px;padding:.25rem .625rem;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-block}.dda-article-category-tag:hover{background:#e6b800}.dda-no-articles{text-align:center;color:#888;background:#f9f9f9;border:1px dashed #ddd;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.dda-no-articles i{color:var(--ddp-accent);margin-bottom:1rem;font-size:3rem}.dda-no-articles p{margin:0;font-size:1.1rem}.dda-error{border:1px solid var(--ddp-accent);color:#856404;background:#fff8e1;border-radius:4px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.dda-error i{color:var(--ddp-accent);font-size:1.25rem}.dda-error p{margin:0;font-size:.95rem}.ddp-archives-list li.active a{color:var(--ddp-accent);font-weight:600}@media (max-width:1024px){.dda-month-title{font-size:1.5rem}.dda-article-title{font-size:1.2rem}.dda-article-card{padding:1.25rem}}@media (max-width:768px){.dda-header{margin-bottom:1.5rem}.dda-month-title{font-size:1.35rem}.dda-articles-list{gap:1rem}.dda-article-card{padding:1rem}.dda-article-title{font-size:1.1rem}.dda-article-excerpt{font-size:.95rem}}@media screen{.ddp-container,.ddp-loading,.ddp-error{background:var(--ddp-paper);color:var(--ddp-body-text)}.ddp-container .ddp-section{border-color:var(--ddp-border);background:0 0}.ddp-container :is(.ddp-header,.ddp-footer,.ddp-source,.ddp-list li,.ddp-discussion-list li,.ddp-archives-list li){border-color:var(--ddp-border)}.ddp-container :is(.ddp-title,.ddp-vocab-word,.ddp-question,.ddp-discussion h3,.ddp-sidebar-title,.ddp-sidebar-title span,.ddp-archives-list a),.ddp-error h2,.ddp-error i{color:var(--ddp-ink)}.ddp-container :is(.ddp-list li,.ddp-vocab-body p,.ddp-paragraph>p,.ddp-discussion-list li,.dds-question-only .ddp-question){color:var(--ddp-body-text)}.ddp-container :is(.ddp-instruction,.ddp-date,.ddp-category,.ddp-source,.ddp-footer p,.ddp-answer,.ddp-vocab-body strong,.ddp-vocab-pronunciation,.ddp-sidebar-subtitle,.ddp-sidebar-title .ddp-sidebar-subtitle,.ddp-archive-count,.ddp-sidebar-empty,.ddp-empty){color:var(--ddp-muted-text)}.ddp-container :is(.ddp-sidebar-section,.ddp-vocab-item,.ddp-qa,.dds-question-only){background:var(--ddp-panel)}.ddp-container .ddp-vocab-item:hover{background:var(--ddp-hover)}.ddp-container :is(.ddp-vocab-pronunciation,.ddp-section-line,.ddp-divider){background:var(--ddp-border)}.ddp-container .ddp-vocab-pos{background:var(--ddp-gray-600);color:var(--ddp-white)}.ddp-container .ddp-paragraph:first-child>p:first-letter{color:var(--ddp-ink)}.ddp-container .ddp-sidebar-search input{background:var(--ddp-paper);border-color:var(--ddp-border);color:var(--ddp-ink);caret-color:var(--ddp-accent)}.ddp-container .ddp-sidebar-search input::placeholder{color:var(--ddp-muted-text)}.ddp-container .ddp-sidebar-search input:focus{border-color:var(--ddp-accent);box-shadow:0 0 0 2px #ffcb0533}.ddp-container .ddp-font-size-btn{background:var(--ddp-paper);border-color:var(--ddp-border);color:var(--ddp-muted-text)}.ddp-container .ddp-font-size-btn:hover{background:var(--ddp-hover);color:var(--ddp-ink)}.ddp-container .ddp-font-size-btn.active{background:var(--ddp-black);border-color:var(--ddp-black);color:var(--ddp-accent)}.ddp-container .ddp-archives-list a:hover{color:var(--ddp-accent-dark)}.ddp-container :is(.ddp-topic,.ddp-view-badge,.ddp-discussion-badge,.ddp-answer .ddp-qa-label,.ddp-sidebar-search-btn){color:var(--ddp-black)}.ddp-container .ddp-qa-label,.ddp-container .ddp-section-header h2,.ddp-container .ddp-summary-question{color:var(--ddp-white)}.ddp-container .ddp-answer .ddp-qa-label{color:var(--ddp-black)}.ddp-container .ddp-category-item{color:var(--ddp-gray-400)}.ddp-container .ddp-category-item.active,.ddp-container .ddp-toolbar-brand span{color:var(--ddp-accent)}}.course-detail-page{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);min-height:calc(100vh - 80px);padding:100px 20px 60px;position:relative}.course-detail-container{max-width:1400px;margin:0 auto;padding:28px 120px 48px 28px}.course-detail-header{margin-bottom:40px}.course-detail-page .back-link{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:10px;margin-bottom:28px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.course-detail-page .back-link:hover{color:#0245ae;background:#f0f7ff;border-color:#0245ae;transform:translate(-5px)}.course-detail-page .back-link i{font-size:12px;transition:transform .3s}.course-detail-page .back-link:hover i{transform:translate(-3px)}.course-hero{background:#fff;border:2px solid #e2e8f0;border-radius:24px;align-items:flex-start;gap:32px;padding:40px;display:flex;position:relative;overflow:visible;box-shadow:0 4px 20px #0000000d}.course-hero:before{content:none;display:none}.course-hero-icon{background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.course-hero-icon .tutor-art{object-fit:contain;width:80px!important;height:80px!important}.course-hero-content{flex:1}.course-category-badge{color:#0245ae;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border:1px solid #0245ae33;border-radius:20px;margin-bottom:16px;padding:8px 18px;font-size:11px;font-weight:700;display:inline-block}.course-title-main{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:42px;font-weight:800;line-height:1.2}.course-description-main{color:#64748b;max-width:600px;margin:0 0 24px;font-size:16px;line-height:1.7}.course-stats-row{flex-wrap:wrap;gap:16px;display:flex}.course-stat{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.course-stat:hover{background:#f0f7ff;border-color:#0245ae;transform:translateY(-2px);box-shadow:0 4px 12px #0245ae1a}.course-stat i{color:#0245ae;font-size:16px}.lessons-filters-section{background:#fff;border:2px solid #e2e8f0;border-radius:20px;margin-bottom:32px;padding:24px 28px;box-shadow:0 2px 12px #0000000a}.filters-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.filter-group{flex-direction:column;gap:8px;min-width:180px;display:flex}.filter-group.filter-search{flex:1;min-width:200px}.filter-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:11px;font-weight:700;line-height:16px;display:block}.filter-select{box-sizing:border-box;color:#1e293b;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 14px center no-repeat;border:2px solid #e2e8f0;border-radius:12px;height:44px;padding:10px 40px 10px 18px;font-size:14px;font-weight:500;transition:all .3s}.filter-select:hover{border-color:#0245ae}.filter-select:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.filter-select:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.filter-group .lessons-search{margin-bottom:0}.filter-group .lessons-search input{color:#1e293b;background:#fff;border:2px solid #e2e8f0;padding:10px 12px 10px 44px}.filter-group .lessons-search input::placeholder{color:#94a3b8}.filter-group .lessons-search input:focus{border-color:#0245ae;box-shadow:0 0 0 3px #0245ae1a}.filter-group .lessons-search :is(i,svg){color:#64748b}.btn-clear-filters{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;align-items:center;gap:8px;padding:14px 22px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-clear-filters:hover{background:#fee2e2;border-color:#f87171;transform:translateY(-2px)}.lessons-search-section{margin-bottom:24px}.lessons-search{align-items:center;width:100%;min-width:0;height:44px;display:flex;position:relative}.lessons-search>:is(i,svg){pointer-events:none;color:#64748b;width:18px;height:18px;font-size:16px;transition:color .3s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.lessons-search input{box-sizing:border-box;color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:14px;width:100%;min-width:0;height:44px;padding:10px 12px 10px 44px;font-size:15px;transition:all .3s}.lessons-search input:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.lessons-search:focus-within>:is(i,svg){color:#0245ae}.lessons-search input::placeholder{color:#94a3b8}.lessons-grouped{flex-direction:column;gap:16px;display:flex}.level-group{background:#fff;border:2px solid #e2e8f0;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 2px 12px #0000000a}.level-group:hover{border-color:#cbd5e1;box-shadow:0 4px 20px #00000014}.level-group.expanded{border-color:#0245ae;box-shadow:0 8px 30px #0245ae26}.level-header{cursor:pointer;background:linear-gradient(135deg,#0245ae08 0%,#4a9eff08 100%);border:none;justify-content:space-between;align-items:center;width:100%;padding:24px 28px;transition:all .3s;display:flex}.level-header:hover{background:linear-gradient(135deg,#0245ae0f 0%,#4a9eff0f 100%)}.level-info{align-items:center;gap:20px;display:flex}.level-badge-large{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:12px;align-items:center;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #0245ae4d}.level-lesson-count{color:#64748b;font-size:14px;font-weight:500}.level-header i{color:#64748b;font-size:16px;transition:all .3s}.level-group.expanded .level-header i{color:#0245ae;transform:rotate(180deg)}.level-content{flex-direction:column;gap:10px;padding:8px 20px 20px;animation:.3s ease-out slideDown;display:flex}.chapter-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;transition:all .3s;overflow:hidden}.chapter-group:hover{background:#f1f5f9}.chapter-group.expanded{background:#fff;border-color:#0245ae;box-shadow:0 2px 12px #0245ae1a}.chapter-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:all .3s;display:flex}.chapter-header:hover{background:#0245ae0a}.chapter-info{align-items:center;gap:14px;display:flex}.chapter-title{color:#1e293b;font-size:14px;font-weight:600}.chapter-lesson-count{color:#64748b;background:#e2e8f0;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:500}.chapter-header i{color:#94a3b8;font-size:12px;transition:all .3s}.chapter-group.expanded .chapter-header i{color:#0245ae;transform:rotate(180deg)}.chapter-lessons{flex-direction:column;gap:8px;padding:0 14px 14px;animation:.3s ease-out slideDown;display:flex}.lessons-table{border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:hidden}.lessons-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.lessons-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:11px;font-weight:700}.lessons-table th:last-child{text-align:center;width:60px}.lesson-row{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:all .2s}.lesson-row:last-child{border-bottom:none}.lesson-row:hover{background:#f0f7ff}.lesson-row td{color:#334155;vertical-align:middle;padding:14px 16px;font-size:14px}.lesson-col-number{color:#1e293b;text-align:center;width:80px;font-weight:600}.lesson-col-skill{color:#64748b;width:120px;font-weight:500}.lesson-col-title{color:#1e293b;font-weight:600}.lesson-col-goal{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:13px;overflow:hidden}.lesson-col-action{text-align:center;width:60px}.lesson-col-action .btn-start-lesson{margin-left:0}.lesson-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.lesson-item:hover{background:#f0f7ff;border-color:#0245ae;transform:translate(8px);box-shadow:0 4px 20px #0245ae1f}.lesson-item-info{flex:1;min-width:0}.lesson-item-number{color:#0245ae;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:6px;margin-bottom:8px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.lesson-item-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:14px;font-weight:600;overflow:hidden}.lesson-item-goal{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.btn-start-lesson{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0245ae4d}.btn-start-lesson:hover{transform:scale(1.1);box-shadow:0 6px 25px #0245ae66}.btn-start-lesson i{font-size:12px}.chapter-empty{color:#94a3b8;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13px;font-style:italic;display:flex}.chapter-empty i{font-size:14px;animation:2s ease-in-out infinite pulse}.lessons-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.lesson-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.lesson-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0245ae 0%,#4a9eff 50%,#0245ae 100%);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.lesson-card:hover{border-color:#0245ae;transform:translateY(-8px);box-shadow:0 20px 50px #0245ae26}.lesson-card:hover:before{opacity:1}.lesson-thumbnail{background-position:50%;background-size:cover;height:160px;position:relative;overflow:hidden}.lesson-thumbnail:after{content:"";background:linear-gradient(#0000 0%,#0006 100%);position:absolute;inset:0}.lesson-thumbnail-overlay{z-index:1;justify-content:flex-start;align-items:flex-end;padding:16px;display:flex;position:absolute;inset:0}.level-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:8px;padding:6px 14px;font-size:10px;font-weight:700;box-shadow:0 2px 8px #0245ae4d}.lesson-content{flex:1;padding:20px 24px}.lesson-chapter{color:#0245ae;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:11px;font-weight:700}.lesson-title{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.lesson-goal{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.lesson-meta{color:#94a3b8;gap:16px;font-size:12px;display:flex}.lesson-sections,.lesson-date{align-items:center;gap:6px;display:flex}.lesson-sections i,.lesson-date i{color:#0245ae;font-size:12px}.lesson-action{border-top:1px solid #f1f5f9;padding:16px 24px 20px}.btn-open-lesson{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 18px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0245ae4d}.btn-open-lesson:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0245ae66}.btn-open-lesson i{font-size:12px;transition:transform .3s}.btn-open-lesson:hover i{transform:translate(3px)}.lessons-loading,.lessons-error,.lessons-empty{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;padding:80px 40px;box-shadow:0 2px 12px #0000000a}.lessons-loading .spinner,.error-icon,.empty-icon{margin:0 auto 24px}.spinner{border:3px solid #e2e8f0;border-top-color:#0245ae;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.lessons-loading p{color:#64748b;font-size:15px}.error-icon,.empty-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;display:flex}.error-icon{color:#dc2626;background:#fef2f2}.empty-icon{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%)}.lessons-error h3,.lessons-empty h3{color:#1e293b;margin:0 0 12px;font-size:22px;font-weight:700}.lessons-error p,.lessons-empty p{color:#64748b;margin:0 0 24px;font-size:15px}.btn-retry,.btn-reset{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-retry{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);box-shadow:0 4px 15px #0245ae4d}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0245ae66}.btn-reset{color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0}.btn-reset:hover{background:#f0f7ff;border-color:#0245ae;transform:translateY(-2px)}@media (max-width:1024px){.course-detail-container{padding:20px}}@media (max-width:768px){.course-detail-page{padding:100px 16px 40px}.course-hero{text-align:center;flex-direction:column;padding:28px}.course-hero-icon{align-self:center}.course-title-main{font-size:28px}.course-description-main{font-size:14px}.course-stats-row{flex-wrap:wrap;justify-content:center;gap:12px}.filters-row{flex-direction:column;align-items:stretch}.filter-group,.filter-group.filter-search{min-width:100%}.btn-clear-filters{justify-content:center;width:100%}.lessons-grid{grid-template-columns:1fr;gap:20px}.level-header{padding:18px 20px}.level-info{flex-direction:column;align-items:flex-start;gap:10px}.chapter-header{padding:14px 16px}.lesson-item{padding:14px}}@media (max-width:480px){.course-hero{padding:24px 20px}.course-title-main{font-size:24px}.lesson-thumbnail{height:140px}}@media (max-width:600px){.course-hero-icon,.course-hero-icon .tutor-art{width:64px!important;height:64px!important}}[data-theme=dark] .course-detail-page,.dark-mode .course-detail-page{color:#f4f4f5;background:#1b1b1b}[data-theme=dark] .course-hero,[data-theme=dark] .lessons-filters-section,[data-theme=dark] .level-group,[data-theme=dark] .chapter-group.expanded,[data-theme=dark] .lessons-table,[data-theme=dark] .lesson-item,[data-theme=dark] .lesson-card,[data-theme=dark] .lessons-loading,[data-theme=dark] .lessons-error,[data-theme=dark] .lessons-empty,.dark-mode .course-hero,.dark-mode .lessons-filters-section,.dark-mode .level-group,.dark-mode .chapter-group.expanded,.dark-mode .lessons-table,.dark-mode .lesson-item,.dark-mode .lesson-card,.dark-mode .lessons-loading,.dark-mode .lessons-error,.dark-mode .lessons-empty{box-shadow:none;background:#202020;border-color:#ffffff1f}[data-theme=dark] .course-hero:before,.dark-mode .course-hero:before{background:linear-gradient(90deg,#4a9eff 0%,#7bb8ff 50%,#4a9eff 100%)}[data-theme=dark] .course-title-main,.dark-mode .course-title-main{-webkit-text-fill-color:#f4f4f5;color:#f4f4f5;background:0 0}[data-theme=dark] .course-description-main,[data-theme=dark] .course-stat,[data-theme=dark] .filter-label,[data-theme=dark] .level-lesson-count,[data-theme=dark] .chapter-lesson-count,[data-theme=dark] .lesson-col-skill,[data-theme=dark] .lesson-col-goal,[data-theme=dark] .lesson-item-goal,[data-theme=dark] .lesson-goal,[data-theme=dark] .lesson-meta,[data-theme=dark] .lessons-loading p,[data-theme=dark] .lessons-error p,[data-theme=dark] .lessons-empty p,[data-theme=dark] .chapter-empty,.dark-mode .course-description-main,.dark-mode .course-stat,.dark-mode .filter-label,.dark-mode .level-lesson-count,.dark-mode .chapter-lesson-count,.dark-mode .lesson-col-skill,.dark-mode .lesson-col-goal,.dark-mode .lesson-item-goal,.dark-mode .lesson-goal,.dark-mode .lesson-meta,.dark-mode .lessons-loading p,.dark-mode .lessons-error p,.dark-mode .lessons-empty p,.dark-mode .chapter-empty{color:#b8bec8}[data-theme=dark] .course-category-badge,[data-theme=dark] .lesson-item-number,.dark-mode .course-category-badge,.dark-mode .lesson-item-number{color:#9bc8ff;background:#4a9eff24;border-color:#4a9eff47}[data-theme=dark] .level-badge-large,[data-theme=dark] .level-badge,.dark-mode .level-badge-large,.dark-mode .level-badge{color:#fff!important;opacity:1!important;text-shadow:none!important}[data-theme=dark] .course-stat,[data-theme=dark] .filter-select,[data-theme=dark] .filter-group .lessons-search input,[data-theme=dark] .lessons-search input,[data-theme=dark] .btn-reset,.dark-mode .course-stat,.dark-mode .filter-select,.dark-mode .filter-group .lessons-search input,.dark-mode .lessons-search input,.dark-mode .btn-reset{color:#f4f4f5;background:#262626;border-color:#ffffff1f}[data-theme=dark] .course-stat:hover,[data-theme=dark] .filter-select:hover,[data-theme=dark] .filter-select:focus,[data-theme=dark] .filter-group .lessons-search input:focus,[data-theme=dark] .lessons-search input:focus,[data-theme=dark] .btn-reset:hover,.dark-mode .course-stat:hover,.dark-mode .filter-select:hover,.dark-mode .filter-select:focus,.dark-mode .filter-group .lessons-search input:focus,.dark-mode .lessons-search input:focus,.dark-mode .btn-reset:hover{box-shadow:none;background:#2b2b2b;border-color:#4a9eff8c}[data-theme=dark] .filter-select:disabled,.dark-mode .filter-select:disabled{color:#737b86;background:#222}[data-theme=dark] .filter-select option,.dark-mode .filter-select option{color:#f4f4f5;background:#202020}[data-theme=dark] .lessons-search input::placeholder,[data-theme=dark] .filter-group .lessons-search input::placeholder,.dark-mode .lessons-search input::placeholder,.dark-mode .filter-group .lessons-search input::placeholder{color:#8f98a6}[data-theme=dark] .course-detail-page .back-link,.dark-mode .course-detail-page .back-link{color:#d7dbe2;background:#202020;border-color:#ffffff1f}[data-theme=dark] .course-detail-page .back-link:hover,.dark-mode .course-detail-page .back-link:hover{color:#9bc8ff;background:#262626;border-color:#4a9eff8c}[data-theme=dark] .level-header,.dark-mode .level-header{background:#202020}[data-theme=dark] .level-header:hover,[data-theme=dark] .level-group.expanded .level-header,.dark-mode .level-header:hover,.dark-mode .level-group.expanded .level-header{background:#262626}[data-theme=dark] .level-group:hover,[data-theme=dark] .level-group.expanded,[data-theme=dark] .chapter-group.expanded,[data-theme=dark] .lesson-card:hover,[data-theme=dark] .lesson-item:hover,.dark-mode .level-group:hover,.dark-mode .level-group.expanded,.dark-mode .chapter-group.expanded,.dark-mode .lesson-card:hover,.dark-mode .lesson-item:hover{border-color:#4a9eff8c;box-shadow:0 12px 30px #00000047}[data-theme=dark] .chapter-group,.dark-mode .chapter-group{background:#242424;border-color:#ffffff1a}[data-theme=dark] .chapter-group:hover,[data-theme=dark] .chapter-header:hover,.dark-mode .chapter-group:hover,.dark-mode .chapter-header:hover{background:#2b2b2b}[data-theme=dark] .chapter-title,[data-theme=dark] .lesson-col-number,[data-theme=dark] .lesson-col-title,[data-theme=dark] .lesson-item-title,[data-theme=dark] .lesson-title,[data-theme=dark] .lessons-error h3,[data-theme=dark] .lessons-empty h3,.dark-mode .chapter-title,.dark-mode .lesson-col-number,.dark-mode .lesson-col-title,.dark-mode .lesson-item-title,.dark-mode .lesson-title,.dark-mode .lessons-error h3,.dark-mode .lessons-empty h3{color:#f4f4f5}[data-theme=dark] .chapter-lesson-count,.dark-mode .chapter-lesson-count{background:#303030}[data-theme=dark] .lessons-table thead,.dark-mode .lessons-table thead{background:#262626;border-bottom-color:#ffffff1f}[data-theme=dark] .lessons-table th,.dark-mode .lessons-table th{color:#aeb7c5}[data-theme=dark] .lesson-row,.dark-mode .lesson-row{background:#202020;border-bottom-color:#ffffff14}[data-theme=dark] .lesson-row:nth-child(2n),.dark-mode .lesson-row:nth-child(2n){background:#242424}[data-theme=dark] .lesson-row:hover,.dark-mode .lesson-row:hover{background:#2b2b2b}[data-theme=dark] .lesson-row td,.dark-mode .lesson-row td{color:#d7dbe2}[data-theme=dark] .lesson-action,.dark-mode .lesson-action{border-top-color:#ffffff1a}[data-theme=dark] .spinner,.dark-mode .spinner{border-color:#4a9eff #ffffff24 #ffffff24}.fixed-feedback-guide{color:#22313b;background:#fff;border:1px solid #d9e2e8;border-radius:8px;overflow:hidden}.fixed-feedback-guide h3{color:#fff;text-align:center;background:#2563a6;margin:0;padding:.65rem 1rem;font-size:.82rem;font-weight:700}.fixed-feedback-guide table{border-collapse:collapse;table-layout:fixed;width:100%}.fixed-feedback-guide thead{background:#eef2f3}.fixed-feedback-guide th,.fixed-feedback-guide td{text-align:left;vertical-align:top;border-top:1px solid #d9e2e8;padding:.7rem .9rem;font-size:.8rem;line-height:1.5}.fixed-feedback-guide thead th{font-size:.72rem;font-weight:700}.fixed-feedback-guide th:first-child{width:22%}.fixed-feedback-guide th:nth-child(2){width:35%}.fixed-feedback-guide tbody th strong,.fixed-feedback-guide tbody th span{display:block}.fixed-feedback-guide tbody th strong{font-size:.82rem}.fixed-feedback-guide tbody th span{color:#5c6e78;font-weight:400}.csp-fullpage.csp-light .fixed-feedback-guide table{background:#fff}.csp-fullpage.csp-light .fixed-feedback-guide thead,.csp-fullpage.csp-light .fixed-feedback-guide thead tr,.csp-fullpage.csp-light .fixed-feedback-guide thead th{color:#243447;background:#e8f0fa}.csp-fullpage.csp-light .fixed-feedback-guide tbody tr{background:#fff}.csp-fullpage.csp-light .fixed-feedback-guide tbody tr:nth-child(2n){background:#f5f8fc}.csp-fullpage.csp-light .fixed-feedback-guide tbody th,.csp-fullpage.csp-light .fixed-feedback-guide tbody td{color:#22313b;background:0 0}.csp-fullpage.csp-dark .fixed-feedback-guide{background:var(--csp-dark-panel);border-color:var(--csp-dark-border);color:var(--csp-dark-text)}.csp-fullpage.csp-dark .fixed-feedback-guide h3{color:#fff;background:#245c96}.csp-fullpage.csp-dark .fixed-feedback-guide table{background:var(--csp-dark-panel)}.csp-fullpage.csp-dark .fixed-feedback-guide thead,.csp-fullpage.csp-dark .fixed-feedback-guide thead tr,.csp-fullpage.csp-dark .fixed-feedback-guide thead th{color:var(--csp-dark-text);background:#303030}.csp-fullpage.csp-dark .fixed-feedback-guide tbody tr{background:#242424}.csp-fullpage.csp-dark .fixed-feedback-guide tbody tr:nth-child(2n){background:#292929}.csp-fullpage.csp-dark .fixed-feedback-guide tbody th,.csp-fullpage.csp-dark .fixed-feedback-guide tbody td{border-color:var(--csp-dark-border);color:var(--csp-dark-text);background:0 0}.csp-fullpage.csp-dark .fixed-feedback-guide tbody th span{color:var(--csp-dark-muted)}@media (max-width:700px){.fixed-feedback-guide thead{display:none}.fixed-feedback-guide tr{border-top:1px solid #d9e2e8;display:block}.fixed-feedback-guide th,.fixed-feedback-guide td{border:0;padding:.4rem .8rem;display:block;width:100%!important}.fixed-feedback-guide tbody th{padding-top:.7rem}.fixed-feedback-guide tbody td:last-child{padding-bottom:.7rem}.fixed-feedback-guide tbody td:before{color:#61727c;text-transform:uppercase;margin-bottom:.15rem;font-size:.66rem;font-weight:700;display:block}.fixed-feedback-guide tbody td:first-of-type:before{content:"Focus"}.fixed-feedback-guide tbody td:last-of-type:before{content:"Example feedback"}.csp-fullpage.csp-dark .fixed-feedback-guide tr{border-color:var(--csp-dark-border)}.csp-fullpage.csp-dark .fixed-feedback-guide tbody td:before{color:#a8c4c2}}.csp-exercise-marking{border-top:1px solid #dbe4ef;padding:12px 14px 14px}.csp-exercise-marking-header,.csp-exercise-marking-row,.csp-exercise-marking-actions,.csp-exercise-marking-response{align-items:center;display:flex}.csp-exercise-marking-header{color:#36516d;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:11px}.csp-exercise-marking-header strong{color:#154d8d}.csp-exercise-marking-header span{text-align:right}.csp-exercise-marking-item{border-top:1px solid #e7edf4;padding:8px 0}.csp-exercise-marking-row{gap:7px;min-height:28px}.csp-exercise-marking-number{color:#52677d;flex:0 0 19px;font-weight:700}.csp-exercise-marking-prompt{text-overflow:ellipsis;white-space:nowrap;color:#26374c;flex:auto;min-width:0;font-size:11px;overflow:hidden}.csp-exercise-marking-actions{flex:none;gap:5px}.csp-exercise-marking-button,.csp-exercise-marking-response button{color:#52677d;cursor:pointer;background:#fff;border:1px solid #cbd7e4;border-radius:4px;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex}.csp-exercise-marking-button.is-correct:hover,.csp-exercise-marking-button.is-correct.is-selected{color:#fff;background:#16834a;border-color:#16834a}.csp-exercise-marking-button.is-incorrect:hover,.csp-exercise-marking-button.is-incorrect.is-selected{color:#fff;background:#c33135;border-color:#c33135}.csp-exercise-marking-button:disabled,.csp-exercise-marking-response button:disabled{opacity:.55;cursor:default}.csp-exercise-marking-response{gap:5px;margin:7px 0 0 26px}.csp-exercise-marking-response input{color:#26374c;background:#fff;border:1px solid #cbd7e4;border-radius:4px;flex:1;min-width:0;height:29px;padding:0 7px;font-size:11px}.csp-exercise-marking-error{color:#b4232a;margin:5px 0;font-size:11px}.csp-fullpage.csp-dark .csp-exercise-marking{border-color:#3b4552}.csp-fullpage.csp-dark .csp-exercise-marking-item{border-color:#39424d}.csp-fullpage.csp-dark .csp-exercise-marking-header,.csp-fullpage.csp-dark .csp-exercise-marking-number,.csp-fullpage.csp-dark .csp-exercise-marking-prompt{color:#d7e2ee}.csp-fullpage.csp-dark .csp-exercise-marking-header strong{color:#8cc7ff}.csp-fullpage.csp-dark .csp-exercise-marking-button,.csp-fullpage.csp-dark .csp-exercise-marking-response button,.csp-fullpage.csp-dark .csp-exercise-marking-response input{color:#edf4fc;background:#292d33;border-color:#4b5969}.csp-fullpage.csp-dark .csp-exercise-marking-button.is-correct.is-selected{background:#16834a;border-color:#16834a}.csp-fullpage.csp-dark .csp-exercise-marking-button.is-incorrect.is-selected{background:#c33135;border-color:#c33135}.csp-exercise-marking--inline{border-top:0;width:100%;min-width:0;padding:0}.csp-exercise-marking--inline .csp-exercise-marking-header{margin-bottom:8px}.csp-exercise-marking--inline .csp-exercise-marking-row{align-items:flex-start;gap:12px}.csp-exercise-marking--inline .csp-exercise-marking-number{line-height:32px}.csp-exercise-marking--inline .csp-exercise-marking-prompt{white-space:normal;overflow-wrap:anywhere;padding-top:4px;font-size:14px;line-height:1.7;overflow:visible}.csp-exercise-marking--inline .csp-exercise-marking-button{flex-shrink:0;width:32px;height:32px}.csp-exercise-marking--inline .csp-exercise-marking-response{margin-left:31px}.csp-exercise-marking--inline .csp-exercise-marking-response input{height:36px;font-size:13px}.csp-marking-prompt-content{align-items:flex-start;gap:16px;min-width:0;display:flex}.csp-marking-prompt-content--image-right{flex-direction:row-reverse}.csp-marking-prompt-content>:last-child{min-width:0}.csp-marking-prompt-content .csp-exercise-speaker-image,.csp-marking-prompt-content .csp-speech-speaker-image{flex:0 0 100px;width:100px}.csp-marking-prompt-content img{max-width:100%;height:auto}@media (max-width:600px){.csp-exercise-marking--inline .csp-exercise-marking-row{grid-template-columns:19px minmax(0,1fr);gap:6px 12px;display:grid}.csp-exercise-marking--inline .csp-exercise-marking-actions{grid-column:2;justify-self:end}.csp-exercise-marking--inline .csp-exercise-marking-button{width:40px;height:40px}.csp-marking-prompt-content,.csp-marking-prompt-content--image-right{flex-direction:column}}.csp-fullpage{-webkit-user-select:text;user-select:text;cursor:default;background:#f5f5f5;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;inset:0;overflow:hidden auto}.csp-fullpage.csp-loading,.csp-fullpage.csp-error{color:#f4f4f5;background:#1b1b1b;flex-direction:column;justify-content:center;align-items:center;display:flex}.csp-loader{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.csp-loader-ring{border:4px solid #ffffff1f;border-top-color:#4a9eff;border-radius:50%;width:3.25rem;height:3.25rem;animation:.9s linear infinite csp-spin;box-shadow:0 0 28px #4a9eff2e}.csp-loader p{color:#d7dbe2;margin:0;font-size:1.125rem;font-weight:600}.csp-loader p:after{content:"";text-align:left;width:1.5em;animation:1.2s steps(4,end) infinite csp-loading-dots;display:inline-block}@keyframes csp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes csp-loading-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}.csp-error i{color:#ef4444;margin-bottom:1rem;font-size:4rem}.csp-error h2{margin:0 0 1.5rem;font-size:1.5rem}.csp-error button{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:transform .2s}.csp-error button:hover{transform:scale(1.05)}.csp-topbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;align-items:center;padding:.375rem 0;display:flex;position:absolute;top:0;left:0;right:0}.csp-topbar-content{align-items:center;padding-left:1rem;display:flex}.csp-course-info{color:#fff;letter-spacing:.5px;text-transform:uppercase;text-align:left;font-size:.6875rem;font-weight:500;line-height:1}.csp-hero{background-color:#134e4a;background-position:50%;background-size:cover;padding:2.5rem 1.5rem 1rem;position:relative}.csp-hero-overlay{z-index:1;position:absolute;inset:0}.csp-hero-content{z-index:2;color:#fff;text-align:center;position:relative}.csp-lesson-label{opacity:.9;margin:0 0 .125rem;font-size:.875rem;font-weight:400;line-height:1.2}.csp-lesson-name{margin:0 0 .75rem;font-size:1.125rem;font-style:italic;font-weight:700;line-height:1.2}.csp-goal-wrapper{text-align:center;display:inline-block}.csp-goal-row{align-items:center;gap:.5rem;display:inline-flex}.csp-goal-badge{color:#134e4a;letter-spacing:.5px;background:#fffffff2;border-radius:3px;padding:.25rem .65rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-block}.csp-goal-en{margin:0;font-size:.875rem;font-weight:600;line-height:1}.csp-goal-jp{opacity:.85;margin:.25rem 0 0;font-size:.9375rem;font-weight:500;line-height:1.3}.csp-main{max-width:1400px;margin:0 auto;padding:2rem 1rem 4rem}.csp-sections{flex-direction:column;gap:1.5rem;display:flex}.csp-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.csp-section-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.csp-section-header i{color:#134e4a;font-size:1.5rem}.csp-section-header h2{color:#1e293b;margin:0;font-size:1.125rem;font-weight:600}.csp-section-body{text-align:center;padding:2rem 1.5rem}.csp-placeholder-text{color:#64748b;margin:0 0 .5rem;font-size:1rem}.csp-coming-soon{color:#94a3b8;font-size:.875rem;font-style:italic}.csp-close-btn{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;transition:all .2s;display:flex;position:fixed;top:.75rem;right:1rem}.csp-close-btn:hover{background:#ffffff40;transform:scale(1.1)}.csp-theme-btn{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.45rem;height:40px;padding:0 .85rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:inline-flex;position:fixed;top:.75rem;right:4rem}.csp-theme-btn:hover{background:#ffffff40;transform:translateY(-1px)}.csp-theme-btn i{font-size:1rem}.csp-fullpage.csp-dark{--primary:#4a9eff;--primary-dark:#2f7fe5;--primary-light:#60a5fa;--text-primary:#f4f7fb;--text-secondary:#b8c1cf;--text-muted:#8f99a8;--border-color:#3b3b3b;--info-light:#26364a;--surface:#222;--surface-raised:#292929;--surface-soft:#303030;--surface-muted:#1d1d1d;color:var(--text-primary);scrollbar-color:#555 #242424;background:#1b1b1b}.csp-dark::-webkit-scrollbar-track{background:#242424}.csp-dark::-webkit-scrollbar-thumb{background:#555;border:3px solid #242424}.csp-dark::-webkit-scrollbar-thumb:hover{background:#6a6a6a}.csp-dark .csp-topbar{background:#121212b8;border-bottom:1px solid #ffffff14}.csp-dark .csp-section,.csp-dark .csp-vocab-card,.csp-dark .csp-expr-item,.csp-dark .csp-lesson-issue,.csp-dark .csp-lesson-goal-box,.csp-dark .csp-goal-step,.csp-dark .csp-step-question,.csp-dark .csp-tutor-important,.csp-dark .csp-tutor-guide,.csp-dark .csp-part-tutor-guide,.csp-dark .csp-pronunciation-column,.csp-dark .csp-stepb-section,.csp-dark .csp-stepb-explanation,.csp-dark .csp-stepb-question,.csp-dark .csp-apply-section,.csp-dark .csp-apply-situation,.csp-dark .csp-dialogue-line,.csp-dark .csp-apply-step,.csp-dark .csp-apply-questions-box,.csp-dark .csp-exercise-section,.csp-dark .csp-expression-box,.csp-dark .csp-expression-item,.csp-dark .csp-exercise-example,.csp-dark .csp-exercise-item,.csp-dark .csp-exercise-speech-bubble,.csp-dark .csp-stepb-compare,.csp-dark .csp-stepb-speech,.csp-dark .csp-tutor-answer-key-box,.csp-dark .csp-mission-section,.csp-dark .csp-mission-situation-box,.csp-dark .csp-mission-instruction-box,.csp-dark .csp-mission-grammar-tip,.csp-dark .csp-mission-reading-passage,.csp-dark .csp-mission-topic-card,.csp-dark .csp-feedback-section{background:var(--surface);border-color:var(--border-color);color:var(--text-primary);box-shadow:0 10px 28px #0000003d}.csp-dark .csp-section-header,.csp-dark .csp-goal-step,.csp-dark .csp-apply-step,.csp-dark .csp-tutor-answer-key-header{border-color:var(--border-color);background:#242424}.csp-dark .csp-lesson-issue{border:1px solid var(--border-color);box-shadow:none;background:#222}.csp-dark .csp-issue-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);background:#2a2a2a}.csp-dark .csp-issue-header>small,.csp-dark .csp-issue-badges small:not(.csp-warning){color:var(--text-secondary);opacity:1}.csp-dark .csp-issue-badges .csp-warning,.csp-dark .csp-issue-header>small.csp-warning{color:#fff;background:#ef4444}.csp-dark .csp-issue-content{background:#222}.csp-dark .csp-issue-content h3{border-bottom-color:var(--border-color)}.csp-dark .csp-issue-content li{background:var(--surface-raised);color:var(--text-primary);border:1px solid #ffffff0a;border-radius:4px;padding:.35rem .5rem .35rem 1.25rem}.csp-dark .csp-issue-content li:before{background:var(--primary);left:.5rem}.csp-dark .csp-lesson-goal-box{border-color:var(--border-color);box-shadow:none;background:#222}.csp-dark .csp-goal-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);background:#2a2a2a}.csp-dark .csp-goal-steps{background:#222}.csp-dark .csp-goal-step{background:var(--surface-raised);border-color:var(--border-color)}.csp-dark .csp-step-question{background:var(--surface-soft);color:var(--text-primary);border-color:#4a9eff73}.csp-dark :is(.csp-section-header h2,.csp-section-title,.csp-intro-text,.csp-issue-content h3,.csp-step-instruction,.csp-step-name,.csp-part-english,.csp-vocab-english,.csp-expr-definition,.csp-discuss-instruction,.csp-pronunciation-instruction,.csp-stepb-explanation,.csp-stepb-question p,.csp-exercise-instruction,.csp-exercise-speech-bubble p,.csp-apply-activity-title,.csp-apply-situation,.csp-dialogue-text,.csp-mission-challenge-name,.csp-mission-situation,.csp-mission-instruction,.csp-mission-topic-header,.csp-placeholder-text){color:var(--text-primary)}.csp-dark :is(.csp-coming-soon,.csp-tutor-note-details,.csp-issue-content li,.csp-part-translation,.csp-vocab-translation,.csp-discuss-instruction-trans,.csp-discuss-img-translation,.csp-pronunciation-instruction-trans,.csp-pronunciation-trans,.csp-stepb-explanation-trans,.csp-exercise-instruction-translation,.csp-apply-tip,.csp-mission-translation,.csp-mission-topic-questions,.csp-mission-topic-questions li){color:var(--text-secondary)}.csp-dark :is(.csp-image-placeholder,.csp-expr-image-placeholder,.csp-discuss-image-placeholder,.csp-pronunciation-img-placeholder,.csp-exercise-item-image .csp-image-placeholder,.csp-exercise-example-image .csp-image-placeholder){background:var(--surface-soft);border-color:var(--border-color);color:var(--text-secondary)}.csp-dark .csp-exercise-speech-bubble{border-color:var(--border-color)}.csp-dark .csp-exercise-conv-left .csp-exercise-speech-bubble:before,.csp-dark .csp-exercise-conv-left .csp-exercise-speech-bubble:after,.csp-dark .csp-exercise-conv-right .csp-exercise-speech-bubble:before,.csp-dark .csp-exercise-conv-right .csp-exercise-speech-bubble:after{border-color:#0000}.csp-dark .csp-theme-btn,.csp-dark .csp-close-btn{color:var(--text-primary);background:#232323d1;border-color:#ffffff1f}.csp-dark .csp-apply-section{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.csp-dark .csp-apply-layout,.csp-dark .csp-apply-left,.csp-dark .csp-dialogue-lines{box-shadow:none!important;background:0 0!important}.csp-dark .csp-apply-situation,.csp-dark .csp-dialogue-line{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.csp-dark .csp-apply-image,.csp-dark .csp-pronunciation-part,.csp-dark .csp-pronunciation-instruction,.csp-dark .csp-pronunciation-instruction-trans,.csp-dark .csp-pronunciation-table,.csp-dark .csp-pronunciation-column,.csp-dark .csp-pronunciation-words,.csp-dark .csp-pronunciation-word-item{box-shadow:none!important;background:0 0!important}.csp-dark .csp-pronunciation-table,.csp-dark .csp-pronunciation-column:first-child,.csp-dark .csp-pronunciation-words,.csp-dark .csp-pronunciation-word-item{border-color:var(--border-color)!important}@media (max-width:768px){.csp-hero{min-height:180px;padding:1.75rem 1rem}.csp-lesson-label{font-size:.875rem}.csp-lesson-name{margin-bottom:1rem;font-size:1.375rem}.csp-goal-box{gap:.75rem}.csp-goal-en{font-size:1.25rem}.csp-goal-jp{font-size:.8125rem}.csp-main{padding:1.5rem 1rem 3rem}.csp-section-header{padding:.875rem 1rem}.csp-section-body{padding:1.5rem 1rem}}@media (max-width:480px){.csp-topbar{padding:.625rem 1rem}.csp-course-info{font-size:.6875rem}.csp-hero{min-height:160px;padding:1.5rem 1rem}.csp-lesson-label{font-size:.8125rem}.csp-lesson-name{margin-bottom:.875rem;font-size:1.125rem}.csp-goal-en{font-size:1.125rem}.csp-goal-jp{font-size:.8125rem}}.csp-intro-section{margin-bottom:2rem}.csp-intro-layout{grid-template-columns:1fr 380px;gap:3rem;display:grid}.csp-intro-left{padding:1.5rem 0}.csp-section-number{align-items:center;gap:.875rem;margin-bottom:1.5rem;display:flex}.csp-number-badge{background:var(--primary,#0245ae);color:#fff;border-radius:var(--radius-sm,6px);justify-content:center;align-items:center;width:32px;height:32px;font-size:.9375rem;font-weight:700;display:flex}.csp-section-title{color:var(--text-primary,#1e293b);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:700}.csp-section-line{background:var(--primary,#0245ae);flex:1;height:2px;margin-left:1rem}.csp-intro-text{color:var(--text-primary,#1e293b);margin:0 0 1.5rem;font-size:1rem;line-height:1.7}.csp-intro-image{border-radius:var(--radius-lg,14px);overflow:hidden}.csp-intro-image img{width:100%;height:auto;display:block}.csp-intro-right{padding:1.5rem 0;position:relative}.csp-intro-right-sticky{flex-direction:column;gap:1rem;display:flex;position:sticky;top:1rem}.csp-tutor-important{background:var(--info-light,#dbeafe);border-radius:var(--radius-md,10px);padding:1.25rem}.csp-tutor-important>p:first-child{color:var(--text-primary,#1e293b);margin:0 0 .5rem;font-size:.875rem}.csp-tutor-important strong{color:var(--primary,#0245ae)}.csp-tutor-note-details{color:var(--text-secondary,#64748b);margin:0 0 1rem;font-size:.8125rem;line-height:1.6}.csp-copy-btn{background:var(--primary,#0245ae);color:#fff;border-radius:var(--radius-sm,6px);cursor:pointer;width:100%;transition:background var(--transition-fast,.15s ease);border:none;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600}.csp-copy-btn:hover{background:var(--primary-dark,#01337d)}.csp-lesson-issue{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:12px;overflow:hidden}.csp-issue-header{background:var(--primary,#0245ae);color:#fff;text-align:center;flex-direction:column;align-items:center;gap:.375rem;padding:1rem 1.25rem;display:flex}.csp-issue-header>span{letter-spacing:.5px;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1.4}.csp-issue-header>small{opacity:.9;font-size:.6875rem}.csp-issue-badges{flex-direction:column;align-items:center;gap:.25rem;display:flex}.csp-issue-badges .csp-warning{background:var(--error,#ef4444);color:#fff;border-radius:4px;padding:.25rem .625rem;font-size:.6875rem;font-weight:600}.csp-issue-header>small.csp-warning{background:var(--error,#ef4444);color:#fff;font-weight:600}.csp-issue-content{padding:1rem}.csp-issue-content h3{color:var(--text-primary,#1e293b);border-bottom:2px solid var(--primary,#0245ae);margin:0 0 .75rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.csp-issue-content ul{margin:0;padding:0;list-style:none}.csp-issue-content li{color:var(--text-secondary,#64748b);margin-bottom:.75rem;padding-left:1rem;font-size:.8125rem;line-height:1.6;position:relative}.csp-issue-content li:before{content:"";background:var(--primary,#0245ae);border-radius:50%;width:6px;height:6px;position:absolute;top:.5rem;left:0}.csp-issue-content li:last-child{margin-bottom:0}.csp-lesson-goal-box{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:12px;overflow:hidden}.csp-goal-header{background:var(--primary,#0245ae);color:#fff;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;text-decoration:underline;display:flex}.csp-goal-steps{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.csp-goal-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.csp-goal-step:last-child{margin-bottom:0}.csp-step-number{background:var(--primary,#0245ae);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.csp-step-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.csp-step-instruction{color:var(--text-primary,#1e293b);margin:0;font-size:.875rem;font-weight:500;line-height:1.5}.csp-step-script{color:#16a34a;align-items:center;gap:.5rem;margin:0;padding-left:.5rem;font-size:.875rem;font-style:normal;display:flex}.csp-script-dot{color:#16a34a;flex-shrink:0;font-size:.625rem;display:inline-block}.csp-step-question{color:var(--text-primary,#1e293b);border:1px solid #16a34a;border-radius:4px;margin-top:0;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.csp-step-question span{margin-right:.25rem}@media (max-width:1024px){.csp-intro-layout{grid-template-columns:1fr;gap:1.5rem}.csp-intro-right{order:-1;padding:0}.csp-intro-right-sticky{position:relative;top:0}.csp-intro-left{padding:0 0 1rem}}.csp-learn-section{margin-bottom:2rem}.csp-learn-step{margin-top:.5rem}.csp-step-name{color:#64748b;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.375rem;font-weight:300}.csp-learn-layout{grid-template-columns:1fr 380px;gap:3rem;display:grid}.csp-learn-left{padding:0 0 1.5rem}.csp-part-label{margin-bottom:1.5rem}.csp-part-english{color:var(--text-primary,#1e293b);margin:0 0 .25rem;font-size:1rem;font-weight:700}.csp-part-translation{color:#64748b;margin:0;font-size:.875rem;font-style:italic}.csp-vocab-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.csp-vocab-card{text-align:center}.csp-vocab-image{aspect-ratio:4/3;border:2px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:.75rem;overflow:hidden}.csp-vocab-image img{object-fit:cover;width:100%;height:100%}.csp-checkpoint .csp-vocab-image{display:none}.csp-checkpoint .csp-vocab-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.csp-checkpoint .csp-vocab-card{text-align:left;border:1px solid var(--border-color,#dbe2ea);border-radius:6px;padding:.75rem}.csp-vocab-english{color:var(--text-primary,#1e293b);margin:0 0 .25rem;font-size:1rem;font-weight:500}.csp-highlight{color:#10b981;font-weight:700}.csp-vocab-translation{color:#64748b;margin:0;font-size:.875rem;font-style:italic}.csp-expr-list{flex-direction:column;gap:1.5rem;display:flex}.csp-expr-item{align-items:flex-start;gap:1.25rem;display:flex}.csp-expr-image{aspect-ratio:4/3;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:200px;overflow:hidden}.csp-expr-image img{object-fit:cover;width:100%;height:100%}.csp-expr-image-placeholder{color:#cbd5e1;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.csp-image-placeholder{background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.csp-placeholder-dims{color:#94a3b8;letter-spacing:.05em;font-size:1rem;font-weight:600}.csp-expr-content{flex:1;min-width:0}.csp-expr-definition{color:var(--text-primary,#1e293b);margin:0 0 .375rem;font-size:1rem;line-height:1.5}.csp-expr-definition strong{color:var(--primary,#0245ae);font-weight:700}.csp-expr-number{color:var(--text-primary,#1e293b);font-weight:700}.csp-expr-example{color:#64748b;margin:.75rem 0 0;font-size:.9375rem;font-style:italic;line-height:1.5}.csp-expr-example strong{color:var(--primary,#0245ae);font-style:normal}.csp-expr-extra{color:var(--text-primary,#1e293b);margin:.75rem 0 0;font-size:1rem;line-height:1.5}.csp-expr-extra strong{color:var(--primary,#0245ae);font-weight:700}.csp-discuss-part{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.csp-discuss-instruction{color:var(--text-primary,#1e293b);margin:0 0 1rem;font-size:1rem;font-weight:600;line-height:1.6}.csp-discuss-images{justify-content:center;align-items:flex-start;gap:1.25rem;display:flex}.csp-discuss-images-1 .csp-discuss-image-item{flex:0 100%;max-width:400px}.csp-discuss-images-2 .csp-discuss-image-item{flex:0 calc(50% - .625rem);max-width:280px}.csp-discuss-images-3 .csp-discuss-image-item{flex:0 calc(33.333% - .833rem);max-width:200px}.csp-discuss-image-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.csp-discuss-image{aspect-ratio:4/3;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;width:100%;overflow:hidden}.csp-discuss-image img{object-fit:cover;width:100%;height:100%}.csp-discuss-image-placeholder{color:#cbd5e1;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}.csp-discuss-img-label{color:var(--text-primary,#1e293b);text-align:center;margin:0;font-size:.9375rem;font-weight:500}.csp-discuss-img-translation{color:#64748b;text-align:center;margin:0;font-size:.875rem;font-style:italic}.csp-learn-right{flex-direction:column;align-self:start;gap:1rem;padding:0;display:flex;position:sticky;top:1rem}.csp-tutor-guide{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:12px;overflow:hidden}.csp-learn-right .csp-tutor-guide:first-child{position:sticky;top:1rem}.csp-part-tutor-guide{margin-top:0}.csp-guide-header{background:var(--primary,#0245ae);color:#fff;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;text-decoration:underline;display:flex}.csp-guide-subheader{display:none}.csp-guide-steps{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.csp-guide-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.csp-guide-step:last-child{margin-bottom:0}.csp-guide-number{background:var(--primary,#0245ae);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.csp-guide-content{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.csp-guide-instruction{color:var(--text-primary,#1e293b);margin:0;font-size:.8125rem;font-weight:600;line-height:1.4}.csp-guide-script{color:#16a34a;align-items:center;gap:.5rem;margin:0;padding-left:.375rem;font-size:.8125rem;font-style:normal;font-weight:500;display:flex}.csp-guide-tip{color:#dc2626;align-items:center;gap:.5rem;margin:0;padding-left:.375rem;font-size:.8125rem;font-weight:500;display:flex}.csp-apply-script{color:#16a34a;align-items:flex-start;gap:.5rem;margin:0;padding-left:.375rem;font-size:.8125rem;display:flex}.csp-script-bullet{display:none}.csp-apply-tip{color:#dc2626;align-items:flex-start;gap:.5rem;margin:0;padding-left:.375rem;font-size:.8125rem;display:flex}.csp-tip-icon{color:#dc2626;flex-shrink:0;margin-top:.35rem;font-size:.625rem}@media (max-width:1024px){.csp-learn-layout{grid-template-columns:1fr;gap:1.5rem}.csp-learn-right{order:-1}.csp-vocab-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.csp-vocab-grid{grid-template-columns:1fr}.csp-expr-item{flex-direction:column;gap:.75rem}.csp-expr-image{width:80px;height:80px}.csp-discuss-content{flex-direction:column;gap:.75rem}.csp-discuss-image{width:100px;height:75px}}.csp-pronunciation-part{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.csp-pronunciation-instruction{color:var(--text-primary,#1e293b);margin:0 0 .25rem;font-size:1rem;font-weight:700}.csp-pronunciation-instruction-trans{color:var(--text-secondary,#64748b);margin:0 0 1rem;font-size:.875rem}.csp-pronunciation-table{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.csp-pronunciation-column{flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;display:flex}.csp-pronunciation-column:first-child{border-right:1px solid #e2e8f0}.csp-pronunciation-images{justify-content:center;gap:.5rem;display:flex}.csp-pronunciation-images img{object-fit:cover;border-radius:4px;width:120px;height:90px}.csp-pronunciation-img-placeholder{color:#94a3b8;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:120px;height:90px;font-size:.75rem;display:flex}.csp-pronunciation-sound{color:var(--text-primary,#1e293b);margin:.5rem 0;font-size:1.25rem;font-weight:600}.csp-pronunciation-words{border-top:1px solid #e2e8f0;width:100%;padding-top:.75rem}.csp-pronunciation-word-item{text-align:center;border-bottom:1px solid #f1f5f9;padding:.5rem 0}.csp-pronunciation-word-item:last-child{border-bottom:none}.csp-pronunciation-word{color:var(--text-primary,#1e293b);margin:0 0 .125rem;font-size:1rem}.csp-pronunciation-word.highlighted{color:var(--success,#16a34a);font-weight:700}.csp-pronunciation-trans{color:var(--text-secondary,#64748b);margin:0;font-size:.875rem}.csp-discuss-instruction-trans{color:var(--text-secondary,#64748b);margin:0 0 1rem;font-size:.875rem}.csp-stepb-section{box-shadow:none;background:0 0;border-radius:0;padding:2rem 0}.csp-stepb-layout{grid-template-columns:1fr 380px;align-items:start;gap:2rem;margin-top:1.5rem;display:grid}.csp-stepb-left{min-width:0}.csp-stepb-right{align-self:start;position:sticky;top:1rem}.csp-stepb-explanation{color:var(--text-primary,#1e293b);margin:0 0 .5rem;font-size:1rem;font-weight:600;line-height:1.5}.csp-stepb-explanation-trans{color:var(--text-secondary,#64748b);margin:0 0 1.5rem;font-size:.875rem;line-height:1.5}.csp-conversation{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;display:flex}.csp-conversation-row{align-items:flex-start;gap:1rem;display:flex}.csp-speaker-left{flex-direction:row}.csp-speaker-right{flex-direction:row;justify-content:flex-end}.csp-speaker-image{border-radius:4px;flex-shrink:0;width:150px;height:150px;overflow:hidden}.csp-speaker-image img{object-fit:cover;width:100%;height:100%}.csp-speech-bubble{border:1px solid var(--text-primary,#1e293b);background:#f8fafc;border-radius:8px;max-width:350px;padding:.75rem 1rem;position:relative}.csp-speech-bubble strong{font-weight:700}.csp-speech-left{border-radius:0 8px 8px}.csp-speech-left:before{content:"";border-style:solid;border-width:0 10px 10px 0;border-color:transparent var(--text-primary,#1e293b) transparent transparent;width:0;height:0;position:absolute;top:0;left:-10px}.csp-speech-left:after{content:"";border-top:0 solid #0000;border-bottom:9px solid #0000;border-left:0 solid #0000;border-right:9px solid #f8fafc;width:0;height:0;position:absolute;top:1px;left:-8px}.csp-speech-right{border-radius:8px 0 8px 8px}.csp-speech-right:before{content:"";border-style:solid;border-width:10px 10px 0 0;border-color:var(--text-primary,#1e293b) transparent transparent transparent;width:0;height:0;position:absolute;top:0;right:-10px}.csp-speech-right:after{content:"";border-top:9px solid #f8fafc;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:9px solid #0000;width:0;height:0;position:absolute;top:1px;right:-8px}.csp-stepb-question{border:1px solid var(--success,#16a34a);background:0 0;border-radius:4px;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;display:flex}.csp-stepb-question .csp-question-bullet{color:var(--text-primary,#1e293b);font-size:1rem;font-weight:700;line-height:1.5}.csp-stepb-question p{color:var(--text-primary,#1e293b);margin:0;font-size:.9375rem;font-weight:600;line-height:1.5}.csp-grammar-blocks{flex-direction:column;gap:2rem;display:flex}.csp-grammar-block{position:relative}.csp-grammar-rule{color:var(--text-primary,#1e293b);margin:0 0 .5rem;font-size:1rem;font-weight:600;line-height:1.5}.csp-grammar-rule em{font-style:italic}.csp-grammar-rule strong{font-weight:700}.csp-grammar-translation{color:#64748b;margin:0 0 1rem;font-size:.875rem;font-style:italic}.csp-grammar-examples{border:1px solid var(--border-color,#e2e8f0);background:#f8fafc;border-radius:8px;padding:1rem}.csp-examples-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#64748b);margin:0 0 .75rem;font-size:.75rem;font-weight:600}.csp-examples-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.csp-example-item{flex-direction:column;gap:.125rem;display:flex}.csp-example-item:before{content:"•";color:var(--text-primary,#1e293b);position:absolute;left:1rem}.csp-example-sentence{color:var(--text-primary,#1e293b);margin:0;padding-left:1rem;font-size:1rem;line-height:1.5}.csp-example-sentence strong{font-weight:700}.csp-example-translation{color:#64748b;margin:0;padding-left:1rem;font-size:.875rem;font-style:italic}.csp-pronunciation-tip{color:var(--text-primary,#1e293b);margin:0 0 1.5rem;font-size:1rem;font-weight:600;line-height:1.6}.csp-pronunciation-tip strong{font-weight:700}.csp-pronunciation-phrases-table{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;overflow:hidden}.csp-phrases-header{background:var(--primary,#0245ae);color:#fff;grid-template-columns:1fr 1.5fr;display:grid}.csp-phrases-header .csp-phrases-col-phrase,.csp-phrases-header .csp-phrases-col-example{text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.csp-phrases-row{border-bottom:1px solid var(--border-color,#e2e8f0);grid-template-columns:1fr 1.5fr;display:grid}.csp-phrases-row:last-child{border-bottom:none}.csp-phrases-col-phrase{border-right:1px solid var(--border-color,#e2e8f0);flex-direction:column;gap:.25rem;padding:1rem;display:flex}.csp-phrases-col-example{align-items:center;padding:1rem;display:flex}.csp-phrases-col-example p{color:var(--text-primary,#1e293b);margin:0;font-size:1rem;line-height:1.5}.csp-phrases-col-example strong{font-weight:700}.csp-phrase-text{color:var(--text-primary,#1e293b);margin:0;font-size:1rem;font-weight:500}.csp-phrase-guide{color:var(--primary,#0245ae);margin:0;font-size:.875rem;font-weight:600}.csp-exercise-instruction{color:var(--text-primary,#1e293b);margin:0 0 .5rem;font-size:1rem;font-weight:700}.csp-exercise-instruction-translation{color:#64748b;margin:0 0 1.5rem;font-size:.875rem;font-style:italic}.csp-exercise-conversations{flex-direction:column;gap:1.5rem;display:flex}.csp-exercise-conv-row{align-items:flex-start;gap:1rem;display:flex}.csp-exercise-conv-left{flex-direction:row}.csp-exercise-conv-right{flex-direction:row-reverse}.csp-exercise-speaker-image{background:#f1f5f9;border-radius:8px;flex-shrink:0;width:150px;height:150px;overflow:hidden}.csp-exercise-speaker-image img{object-fit:cover;width:100%;height:100%}.csp-exercise-speech-bubble{border:1px solid var(--border-color,#e2e8f0);background:#f8fafc;border-radius:16px;flex:1;min-height:80px;padding:1rem 1.25rem;position:relative}.csp-exercise-conv-left .csp-exercise-speech-bubble{border-bottom-left-radius:4px}.csp-exercise-conv-left .csp-exercise-speech-bubble:before{content:"";border:10px solid #0000;border-right-color:var(--border-color,#e2e8f0);border-left:0;width:0;height:0;position:absolute;top:20px;left:-10px}.csp-exercise-conv-left .csp-exercise-speech-bubble:after{content:"";border:9px solid #0000;border-left:0;border-right-color:#f8fafc;width:0;height:0;position:absolute;top:21px;left:-8px}.csp-exercise-conv-right .csp-exercise-speech-bubble{border-bottom-right-radius:4px}.csp-exercise-conv-right .csp-exercise-speech-bubble:before{content:"";border:10px solid #0000;border-left-color:var(--border-color,#e2e8f0);border-right:0;width:0;height:0;position:absolute;top:20px;right:-10px}.csp-exercise-conv-right .csp-exercise-speech-bubble:after{content:"";border:9px solid #0000;border-left-color:#f8fafc;border-right:0;width:0;height:0;position:absolute;top:21px;right:-8px}.csp-exercise-speech-bubble p{color:var(--text-primary,#1e293b);margin:0;font-size:1rem;line-height:1.6}.csp-apply-section{box-shadow:none;background:0 0;border-radius:0;padding:2rem 0}.csp-apply-activity-title{color:#64748b;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.375rem;font-weight:300}.csp-apply-layout{grid-template-columns:1fr 380px;align-items:start;gap:2rem;display:grid}.csp-apply-left{min-width:0}.csp-apply-right{flex-direction:column;align-self:start;gap:0;display:flex;position:sticky;top:1rem}.csp-apply-situation{color:var(--text-primary,#1e293b);margin:0 0 1rem;font-size:1rem;font-weight:700}.csp-apply-image{aspect-ratio:5/3;border-radius:4px;width:100%;max-width:800px;margin-bottom:1.5rem;overflow:hidden}.csp-apply-image img{object-fit:cover;width:100%;height:100%;display:block}.csp-dialogue-lines{flex-direction:column;gap:.75rem;display:flex}.csp-dialogue-line{align-items:flex-start;gap:.5rem;line-height:1.5;display:flex}.csp-dialogue-speaker{color:var(--text-primary,#1e293b);flex-shrink:0;font-weight:700}.csp-dialogue-text{color:var(--text-primary,#1e293b);font-size:.9375rem}.csp-dialogue-text u{text-decoration:underline}.csp-dialogue-action .csp-dialogue-speaker{font-weight:700}.csp-action-text{color:var(--text-secondary,#64748b);font-style:italic}.csp-apply-step{position:relative}.csp-apply-script{color:#16a34a;align-items:flex-start;gap:.375rem;margin:.125rem 0 0;font-size:.8125rem;font-style:italic;font-weight:500;display:flex}.csp-apply-script .csp-script-bullet{flex-shrink:0;padding-top:.25rem;font-size:.5rem}.csp-apply-prompt{color:#1e293b;align-items:flex-start;gap:.375rem;margin:.125rem 0 0;font-size:.8125rem;font-style:normal;font-weight:600;display:flex}.csp-apply-prompt .csp-prompt-bullet{flex-shrink:0;padding-top:.125rem;font-size:.625rem}.csp-apply-tip{color:#dc2626;align-items:flex-start;gap:.375rem;margin:.125rem 0 0;font-size:.8125rem;font-style:italic;font-weight:500;display:flex}.csp-apply-tip .csp-tip-icon{flex-shrink:0;padding-top:.125rem;font-size:.625rem}.csp-apply-questions-box{border:1px solid #16a34a;border-radius:4px;flex-direction:column;gap:.375rem;margin-top:.375rem;padding:.5rem;display:flex}.csp-apply-question-item{align-items:flex-start;gap:.5rem;display:flex}.csp-apply-question-item .csp-question-bullet{color:var(--text-primary,#1e293b);flex-shrink:0;font-size:.875rem}.csp-apply-question-item .csp-question-content{flex:1;min-width:0}.csp-question-text{color:var(--text-primary,#1e293b);margin:0;font-size:.8125rem;line-height:1.4}.csp-answer-text{color:#16a34a;margin:.125rem 0 0;font-size:.75rem;font-style:italic}.csp-listening-script-box{color:#16a34a;background:#16a34a14;border-radius:4px;margin-top:.75rem;padding:1rem;font-size:.8125rem;font-style:italic;line-height:1.7}.csp-listening-script-box u{text-decoration:underline}.csp-listening-script-box em{font-style:italic}.csp-reading-text-box{color:var(--text-primary,#1e293b);background:#f8fafc;border-radius:8px;padding:1.5rem 6rem 1.5rem 1.5rem;font-size:.9375rem;line-height:1.8}.csp-reading-image{border-bottom:1px dashed var(--border-color,#e2e8f0);flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.csp-reading-image img{object-fit:contain;border-radius:4px;max-width:200px;max-height:200px;box-shadow:0 2px 8px #0000001a}.csp-reading-image-label{text-align:center;color:var(--text-primary,#1e293b);font-size:.9375rem;line-height:1.4}.csp-reading-image-label b,.csp-reading-image-label strong{font-weight:700}.csp-reading-image-label i,.csp-reading-image-label em{font-style:italic}.csp-reading-text-content{white-space:pre-wrap}.csp-reading-text-box u,.csp-reading-text-content u{text-decoration:underline}.csp-trivia-row{border-top:2px dashed var(--border-color,#e2e8f0);grid-template-columns:1fr 380px;align-items:start;gap:2rem;margin-top:5rem;padding-top:2rem;display:grid}.csp-trivia-left,.csp-trivia-right{min-width:0}.csp-trivia-box-inner{border-radius:var(--radius-md,10px);background:#c7d5ea;overflow:hidden}.csp-trivia-header{color:#1e40af;background:#a8bdd8;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:700;display:flex}.csp-trivia-header i{font-size:1.125rem}.csp-trivia-body{padding:1rem}.csp-trivia-image{border-bottom:1px dashed #a8bdd8;justify-content:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.csp-trivia-image img{object-fit:contain;border-radius:4px;width:25%;max-width:100%;height:auto;box-shadow:0 2px 8px #0000001a}.csp-trivia-content{color:var(--text-primary,#1e293b);font-size:.9375rem;line-height:1.6}.csp-trivia-translation{color:#64748b;margin-top:.5rem;font-size:.875rem;font-style:italic;line-height:1.5}.csp-trivia-guide{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:12px;position:relative;top:0;overflow:hidden}.csp-trivia-guide .csp-guide-header{background:var(--primary,#0245ae);color:#fff;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;text-decoration:underline;display:flex}.csp-trivia-guide .csp-guide-steps{flex-direction:column;gap:.125rem;padding:.25rem .5rem;display:flex}.csp-trivia-guide .csp-guide-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;align-items:flex-start;gap:.25rem;padding:.25rem;display:flex}.csp-trivia-guide .csp-guide-step:last-child{margin-bottom:0}.csp-trivia-guide .csp-guide-number{background:var(--primary,#0245ae);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;font-size:.4375rem;font-weight:600;display:flex}.csp-trivia-guide .csp-guide-content{flex:1;min-width:0}.csp-trivia-guide .csp-guide-instruction{color:var(--text-primary,#1e293b);margin:0;font-size:.8125rem;font-weight:600;line-height:1.4}.csp-trivia-guide .csp-apply-script{color:var(--success,#10b981);align-items:flex-start;gap:.375rem;margin:.125rem 0 0;font-size:.8125rem;font-weight:500;display:flex}.csp-trivia-guide .csp-script-bullet{color:var(--success,#10b981);font-size:.625rem;line-height:1.6;display:inline-block}.csp-trivia-guide .csp-apply-questions-box{border:1px dashed var(--border-color,#cbd5e1);background:#ffffff80;border-radius:6px;margin-top:.5rem;padding:.625rem .75rem}.csp-trivia-guide .csp-apply-question-item{gap:.5rem;margin-bottom:.375rem;display:flex}.csp-trivia-guide .csp-apply-question-item:last-child{margin-bottom:0}.csp-trivia-guide .csp-question-bullet{color:var(--text-primary,#1e293b);font-size:.875rem;line-height:1.5}.csp-trivia-guide .csp-question-content{flex:1}.csp-trivia-guide .csp-question-text{color:var(--text-primary,#1e293b);margin:0;font-size:.875rem;font-style:italic;font-weight:500;line-height:1.5}.csp-trivia-guide .csp-answer-text{color:var(--success,#10b981);margin:.125rem 0 0;font-size:.75rem;font-style:italic}.csp-exercise-section{box-shadow:none;background:0 0;border-radius:0;margin-top:3rem;overflow:visible}.csp-exercise-layout{grid-template-columns:1fr 380px;align-items:start;gap:2rem;padding:1.5rem 0;display:grid}.csp-exercise-left{min-width:0}.csp-exercise-right{align-self:start;min-width:0;position:sticky;top:1rem}.csp-exercise-instructions{color:var(--text-primary,#1e293b);margin-bottom:1.5rem;font-size:.9375rem;font-weight:700;line-height:1.5}.csp-expression-box{border:4px solid var(--border-color,#cbd5e1);background:0 0;border-radius:8px;grid-template-columns:repeat(2,1fr);justify-items:center;gap:.75rem 2rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:grid}.csp-expression-item{color:var(--text-primary,#1e293b);text-align:center;font-size:.9375rem}.csp-info-box{border:2px solid var(--border-color,#cbd5e1);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.5rem}.csp-info-box-title{color:var(--text-primary,#1e293b);text-align:center;margin:0 0 1rem;font-size:1rem;font-weight:600}.csp-info-box-table{border-collapse:collapse;width:100%}.csp-info-box-table th,.csp-info-box-table td{text-align:center;padding:.5rem .75rem;font-size:.9375rem}.csp-info-box-table thead tr{border-bottom:2px solid var(--border-color,#cbd5e1)}.csp-info-box-header{color:var(--text-primary,#1e293b);background:#e0f2fe;border-radius:6px;font-weight:600}.csp-info-box-row-label{width:50px;min-width:50px;font-size:1.125rem}.csp-info-box-cell{color:var(--text-primary,#1e293b);background:#fff;border-radius:4px}.csp-exercise-example{align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.csp-exercise-example-image{background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:80px;display:flex;overflow:hidden}.csp-exercise-example-image img{object-fit:cover;width:100%;height:100%}.csp-example-content{flex:1;min-width:0}.csp-example-sentence{color:var(--text-primary,#1e293b);margin:0 0 .5rem;font-size:.9375rem}.csp-example-answer{align-items:flex-start;gap:.5rem;margin:0;padding-left:1rem;display:flex}.csp-arrow{color:var(--text-secondary,#64748b);font-size:.875rem}.csp-answer-underline{color:var(--text-primary,#1e293b);font-size:.9375rem;font-style:italic;text-decoration:underline}.csp-exercise-items{flex-direction:column;gap:1.5rem;display:flex}.csp-exercise-item{align-items:flex-start;gap:1rem;display:flex}.csp-exercise-item-image{background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:80px;display:flex;overflow:hidden}.csp-exercise-item-image img{object-fit:cover;width:100%;height:100%}.csp-exercise-item-image .csp-image-placeholder,.csp-exercise-example-image .csp-image-placeholder{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.csp-exercise-item-image .csp-placeholder-dims,.csp-exercise-example-image .csp-placeholder-dims{color:#94a3b8;font-size:.75rem}.csp-exercise-item-text{flex:1;gap:.5rem;line-height:1.5;display:flex}.csp-item-number{color:var(--text-primary,#1e293b);font-size:.9375rem;font-weight:500}.csp-item-sentence{color:var(--text-primary,#1e293b);font-size:.9375rem}.csp-answer-key-box{background:#dcfce7;border-radius:8px;margin-top:1.5rem;padding:.75rem 1rem}.csp-answer-key-items{flex-direction:column;gap:.25rem;display:flex}.csp-answer-key-item{color:#15803d;gap:.5rem;margin:0;font-size:.8125rem;display:flex}.csp-answer-number{min-width:1.25rem;font-weight:500}.csp-answer-key-item .csp-answer-text{flex:1}.csp-step-name{color:var(--text-primary,#1e293b);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1rem;font-weight:600}.csp-stepb-section{border-top:2px dashed #e2e8f0;margin-top:2rem;padding-top:1.5rem}.csp-stepb-instruction{margin-bottom:1rem}.csp-stepb-instruction-text{color:var(--text-primary,#1e293b);font-size:.9375rem}.csp-stepb-instruction-translation{color:var(--text-secondary,#64748b);margin-top:.25rem;font-size:.875rem;font-style:italic}.csp-stepb-tutor-guide{margin-top:1.5rem}.csp-choose-items{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.csp-choose-item{align-items:baseline;gap:.5rem;display:flex}.csp-choose-item .csp-item-number{color:var(--text-primary,#1e293b);min-width:1.5rem;font-size:.9375rem;font-weight:500}.csp-choose-item .csp-item-sentence{color:var(--text-primary,#1e293b);font-size:.9375rem}.csp-choose-image{max-width:400px;margin-top:1.5rem}.csp-choose-image img{border-radius:12px;width:100%;height:auto}.csp-change-items{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.csp-change-item{align-items:baseline;gap:.5rem;display:flex}.csp-change-item .csp-item-number{color:var(--text-primary,#1e293b);min-width:1.5rem;font-size:.9375rem;font-weight:500}.csp-change-text{color:var(--text-primary,#1e293b);font-size:.9375rem;line-height:1.6}.csp-change-context{color:var(--text-primary,#1e293b)}.csp-change-underlined{text-underline-offset:3px;text-decoration:underline}.csp-stepb-multiple-choice{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.csp-mc-item{flex-direction:column;gap:.5rem;display:flex}.csp-mc-sentence{gap:.5rem;margin:0;font-size:1rem;line-height:1.5;display:flex}.csp-mc-number,.csp-mc-sentence strong{color:var(--text-primary,#1e293b);font-weight:700}.csp-mc-options{flex-direction:column;gap:.25rem;padding-left:1.5rem;display:flex}.csp-mc-option{color:var(--text-primary,#1e293b);gap:.5rem;margin:0;font-size:.9375rem;display:flex}.csp-mc-label{color:var(--text-secondary,#64748b);min-width:1rem;font-weight:500}.csp-mc-image{max-width:400px;margin-top:1rem}.csp-mc-image img{border-radius:12px;width:100%;height:auto}.csp-stepb-compare{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.csp-compare-word-box{margin-bottom:0}.csp-compare-images{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.csp-compare-image-card{flex-direction:column;gap:.5rem;display:flex}.csp-compare-image{aspect-ratio:4/3;border:1px solid var(--border-color,#e2e8f0);background:#f8fafc;border-radius:12px;overflow:hidden}.csp-compare-image img{object-fit:cover;width:100%;height:100%;display:block}.csp-compare-image .csp-image-placeholder{width:100%;height:100%}.csp-compare-image-label{text-align:center;color:var(--text-primary,#1e293b);margin:0;font-weight:700}.csp-compare-example{align-items:flex-start;gap:.5rem;margin:0;font-size:1rem;line-height:1.6;display:flex}.csp-compare-items{flex-direction:column;gap:.75rem;display:flex}.csp-compare-item{align-items:flex-start;gap:.5rem;display:flex}.csp-stepb-speech{margin-top:1rem}.csp-speech-layout{align-items:flex-start;gap:1rem;display:flex}.csp-speech-speaker-image{border:1px solid var(--border-color,#e2e8f0);background:#f1f5f9;border-radius:8px;flex-shrink:0;width:150px;overflow:hidden}.csp-speech-speaker-image img{width:100%;height:auto;display:block}.csp-speech-bubble{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:16px 16px 16px 4px;flex:1;min-height:150px;padding:1rem 1.25rem;position:relative}.csp-speech-bubble:before{content:"";border:10px solid #0000;border-right-color:var(--border-color,#e2e8f0);border-left:0;width:0;height:0;position:absolute;top:30px;left:-10px}.csp-speech-bubble:after{content:"";border:9px solid #0000;border-left:0;border-right-color:#fff;width:0;height:0;position:absolute;top:31px;left:-8px}.csp-speech-bubble p{color:var(--text-primary,#1e293b);margin:0;font-size:1rem;line-height:1.6}.csp-tutor-answer-key-box{background:#16a34a;border-radius:8px;margin-top:.75rem;overflow:hidden}.csp-tutor-answer-key-header{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#16a34a;padding:.5rem .75rem;font-size:.75rem;font-weight:700}.csp-tutor-answer-key-items{background:#f0fdf4;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.csp-tutor-answer-key-item{color:var(--text-primary,#1e293b);gap:.5rem;margin:0;font-size:.8125rem;display:flex}.csp-tutor-answer-number{min-width:1.25rem;font-weight:500}.csp-mission-section{box-shadow:none;background:0 0;border-radius:0;margin-bottom:1.5rem;padding:2rem 0}.csp-challenge-name{color:var(--text-primary,#1e293b);align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;display:flex}.csp-optional-badge-row{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.csp-optional-badge{color:#1d4ed8;background:#dbeafe;border:2px solid #60a5fa;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.csp-optional-badge i{font-size:1.25rem}.csp-mission-layout{grid-template-columns:1fr 380px;gap:2rem;display:grid}.csp-mission-left{flex-direction:column;gap:1.5rem;display:flex}.csp-mission-right{align-self:start;position:sticky;top:1rem}.csp-mission-challenge-header{border-bottom:1px solid var(--border-color,#e2e8f0);background:#f8fafc;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.csp-mission-challenge-name{color:var(--text-primary,#1e293b);text-transform:uppercase;font-size:.875rem;font-weight:700}.csp-mission-challenge-duration{color:#64748b;font-size:.875rem}.csp-mission-situation-box{flex-direction:column;gap:.5rem;display:flex}.csp-mission-situation{color:var(--text-primary,#1e293b);margin:0;font-size:1rem;font-weight:700;line-height:1.6}.csp-mission-translation{color:#64748b;margin:0;font-size:.875rem;font-style:italic}.csp-mission-instruction-box{flex-direction:column;gap:.5rem;display:flex}.csp-mission-instruction{color:var(--text-primary,#1e293b);margin:0;font-size:1rem;font-weight:700}.csp-mission-grammar-tip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;overflow:hidden}.csp-grammar-tip-header{color:#1e40af;background:#dbeafe;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;display:flex}.csp-grammar-tip-header i{color:#1e40af;font-size:1.125rem}.csp-grammar-tip-items{background:#eff6ff;margin:0;padding:1rem 1rem 1rem 2rem;list-style:outside}.csp-grammar-tip-items li{color:#1e293b;margin-bottom:.25rem;font-size:.9375rem}.csp-mission-image{aspect-ratio:5/3;border-radius:4px;width:100%;overflow:hidden}.csp-mission-image img{object-fit:cover;width:100%;height:100%;display:block}.csp-mission-reading-passage{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2rem;box-shadow:0 4px 20px #0000001a}.csp-reading-header{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.75rem}.csp-reading-title{color:#1e293b;margin:0 0 .25rem;font-size:1.375rem;font-weight:700}.csp-reading-author{color:#64748b;margin:0;font-size:.9375rem;font-style:italic}.csp-reading-blocks{flex-direction:column;gap:1rem;display:flex}.csp-reading-block{margin:0}.csp-reading-paragraph{color:var(--text-primary,#1e293b);margin:0;font-size:.9375rem;line-height:1.7}.csp-reading-images{flex-wrap:wrap;gap:.75rem;margin:.5rem 0;display:flex}.csp-reading-images .csp-reading-image{border:1px solid #e2e8f0;border-radius:6px;max-width:200px;height:auto}.csp-reading-closing-question{color:var(--text-primary,#1e293b);border-top:1px solid #e2e8f0;margin:1rem 0 0;padding-top:1rem;font-size:.9375rem;font-weight:600}.csp-mission-topics{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.csp-mission-topic-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.csp-mission-topic-header{background:var(--primary,#0245ae);color:#fff;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.csp-topic-label{text-transform:uppercase;background:#fff3;border-radius:3px;padding:.125rem .5rem;font-size:.625rem;font-weight:700}.csp-topic-title{font-size:.9375rem;font-weight:600}.csp-mission-topic-questions{counter-reset:topic-q;flex-direction:column;gap:.5rem;margin:0;padding:1rem;list-style:none;display:flex}.csp-mission-topic-questions li{color:var(--text-primary,#1e293b);counter-increment:topic-q;gap:.5rem;font-size:.9375rem;display:flex}.csp-mission-topic-questions li:before{content:counter(topic-q) ".";min-width:1.25rem;font-weight:500}.csp-mission-questions{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.csp-questions-intro{color:#854d0e;background:#fef08a;padding:.75rem 1rem;font-size:.9375rem;font-weight:500}.csp-questions-list{counter-reset:mission-q;margin:0;padding:1rem;list-style:none}.csp-questions-list .csp-question-item{counter-increment:mission-q;flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.csp-questions-list .csp-question-item:before{content:counter(mission-q) ".";color:var(--primary,#0245ae);font-weight:600}.csp-questions-list .csp-question-text{color:var(--text-primary,#1e293b);margin-left:1.5rem;font-size:1rem}.csp-question-hints{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;margin-left:1.5rem;display:flex}.csp-hint{color:#64748b;background:#f1f5f9;border-radius:4px;padding:.25rem .75rem;font-size:.8125rem}.csp-feedback-section{box-shadow:none;background:0 0;border-radius:0;margin-bottom:1.5rem;padding:2rem 0}.csp-feedback-layout{grid-template-columns:1fr 380px;gap:2rem;margin-top:1.5rem;display:grid}.csp-feedback-left{flex-direction:column;gap:1.25rem;display:flex}.csp-feedback-right{align-self:start;position:sticky;top:1rem}.csp-fb-goal-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.csp-fb-goal-accent{background:linear-gradient(#0245ae 0%,#0ea5e9 100%);flex-shrink:0;width:5px}.csp-fb-goal-body{flex-direction:column;flex:1;gap:.375rem;padding:1rem 1.25rem;display:flex}.csp-fb-goal-label{color:#0245ae;text-transform:uppercase;letter-spacing:.08em;font-size:.625rem;font-weight:700}.csp-fb-goal-text{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700;line-height:1.4}.csp-fb-goal-jp{color:#64748b;margin:0;font-size:.875rem}.csp-fb-rubric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.csp-fb-rubric-title-row{color:#64748b;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #f1f5f9;padding:.75rem 1.25rem;font-size:.6875rem;font-weight:700}.csp-fb-rubric-scale{flex-direction:column;display:flex}.csp-fb-rubric-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:.875rem;padding:.625rem 1.25rem;display:flex}.csp-fb-rubric-item:last-child{border-bottom:none}.csp-fb-rubric-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:.875rem;font-weight:800;display:flex}.csp-fb-rubric-4 .csp-fb-rubric-circle{background:#16a34a}.csp-fb-rubric-3 .csp-fb-rubric-circle{background:#ca8a04}.csp-fb-rubric-2 .csp-fb-rubric-circle{background:#ea580c}.csp-fb-rubric-1 .csp-fb-rubric-circle{background:#dc2626}.csp-fb-rubric-details{flex-direction:column;flex:1;gap:.125rem;display:flex}.csp-fb-rubric-label{color:#1e293b;font-size:.8125rem;font-weight:700}.csp-fb-rubric-desc{color:#64748b;font-size:.75rem;line-height:1.4}.csp-fb-categories-header{color:#334155;text-transform:uppercase;letter-spacing:.04em;padding:.5rem 0;font-size:.8125rem;font-weight:700}.csp-fb-category-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.csp-fb-cat-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.csp-fb-cat-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.125rem;display:flex}.csp-fb-cat-range .csp-fb-cat-icon{background:linear-gradient(135deg,#0369a1,#0ea5e9)}.csp-fb-cat-accuracy .csp-fb-cat-icon{background:linear-gradient(135deg,#dc2626,#f87171)}.csp-fb-cat-fluency .csp-fb-cat-icon{background:linear-gradient(135deg,#16a34a,#4ade80)}.csp-fb-cat-titles{flex-direction:column;flex:1;gap:.125rem;display:flex}.csp-fb-cat-name{text-transform:uppercase;letter-spacing:.03em;font-size:.9375rem;font-weight:700}.csp-fb-cat-range .csp-fb-cat-name{color:#0369a1}.csp-fb-cat-accuracy .csp-fb-cat-name{color:#dc2626}.csp-fb-cat-fluency .csp-fb-cat-name{color:#16a34a}.csp-fb-cat-jp{color:#94a3b8;font-size:.6875rem;line-height:1.4}.csp-fb-cat-assess{border-bottom:1px solid #f1f5f9;padding:.75rem 1.25rem}.csp-fb-assess-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.625rem;font-weight:600;display:block}.csp-fb-assess-text{color:#475569;margin:0;font-size:.8125rem;line-height:1.5}.csp-fb-cat-focus{border-bottom:1px solid #f1f5f9;padding:.75rem 1.25rem}.csp-fb-focus-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.625rem;font-weight:600;display:block}.csp-fb-focus-tags{flex-wrap:wrap;gap:.375rem;display:flex}.csp-fb-focus-tag{color:#334155;background:#f1f5f9;border-radius:20px;padding:.3rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.csp-fb-cat-examples{padding:.75rem 1.25rem 1rem}.csp-fb-examples-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.625rem;font-weight:600;display:block}.csp-fb-vocab-highlight{color:#0369a1;background:linear-gradient(135deg,#eff6ff 0%,#e0f2fe 100%);border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.csp-fb-vocab-highlight i{flex-shrink:0;font-size:.875rem}.csp-fb-example-card{background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:8px;margin-bottom:.5rem;padding:.625rem .75rem}.csp-fb-example-said,.csp-fb-example-better{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.8125rem;display:flex}.csp-fb-example-better{margin-bottom:0}.csp-fb-example-icon{color:#dc2626;background:#fef2f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6875rem;font-weight:700;display:flex}.csp-fb-better-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6875rem;font-weight:700;display:flex}.csp-fb-said-text{color:#64748b;-webkit-text-decoration:line-through #fca5a5;text-decoration:line-through #fca5a5}.csp-fb-better-text{color:#15803d;font-weight:500}.csp-fullpage.csp-dark{--csp-dark-bg:#1b1b1b;--csp-dark-panel:#202020;--csp-dark-panel-soft:#242424;--csp-dark-field:#262626;--csp-dark-border:#ffffff1f;--csp-dark-border-strong:#ffffff2e;--csp-dark-text:#f4f4f5;--csp-dark-muted:#b8bec8;--csp-dark-muted-soft:#8f98a6;background:var(--csp-dark-bg)!important;color:var(--csp-dark-text)!important}.csp-fullpage.csp-dark .csp-container,.csp-fullpage.csp-dark .csp-main,.csp-fullpage.csp-dark .csp-sections,.csp-fullpage.csp-dark .csp-section,.csp-fullpage.csp-dark .csp-section-body,.csp-fullpage.csp-dark .csp-intro-section,.csp-fullpage.csp-dark .csp-learn-section,.csp-fullpage.csp-dark .csp-learn-left,.csp-fullpage.csp-dark .csp-stepb-section,.csp-fullpage.csp-dark .csp-stepb-left,.csp-fullpage.csp-dark .csp-apply-section,.csp-fullpage.csp-dark .csp-apply-left,.csp-fullpage.csp-dark .csp-exercise-section,.csp-fullpage.csp-dark .csp-exercise-left,.csp-fullpage.csp-dark .csp-mission-section,.csp-fullpage.csp-dark .csp-mission-left,.csp-fullpage.csp-dark .csp-feedback-section,.csp-fullpage.csp-dark .csp-feedback-left{background:var(--csp-dark-bg)!important;box-shadow:none!important}.csp-fullpage.csp-dark .csp-section{border-color:#0000!important}.csp-fullpage.csp-dark .csp-section-header,.csp-fullpage.csp-dark .csp-stepb-type-selector,.csp-fullpage.csp-dark .csp-exercise-layout,.csp-fullpage.csp-dark .csp-apply-layout,.csp-fullpage.csp-dark .csp-mission-layout,.csp-fullpage.csp-dark .csp-feedback-layout{border-color:var(--csp-dark-border)!important;background:0 0!important}.csp-fullpage.csp-dark h1,.csp-fullpage.csp-dark h2,.csp-fullpage.csp-dark h3,.csp-fullpage.csp-dark h4,.csp-fullpage.csp-dark .csp-section-title,.csp-fullpage.csp-dark .csp-section-header h2,.csp-fullpage.csp-dark .csp-intro-text,.csp-fullpage.csp-dark .csp-goal-en,.csp-fullpage.csp-dark .csp-issue-content h3,.csp-fullpage.csp-dark .csp-vocab-english,.csp-fullpage.csp-dark .csp-expr-definition,.csp-fullpage.csp-dark .csp-discuss-instruction,.csp-fullpage.csp-dark .csp-pronunciation-instruction,.csp-fullpage.csp-dark .csp-pronunciation-sound,.csp-fullpage.csp-dark .csp-pronunciation-word,.csp-fullpage.csp-dark .csp-stepb-explanation,.csp-fullpage.csp-dark .csp-stepb-question p,.csp-fullpage.csp-dark .csp-grammar-rule,.csp-fullpage.csp-dark .csp-example-sentence,.csp-fullpage.csp-dark .csp-pronunciation-tip,.csp-fullpage.csp-dark .csp-phrases-col-example p,.csp-fullpage.csp-dark .csp-phrase-text,.csp-fullpage.csp-dark .csp-exercise-instruction,.csp-fullpage.csp-dark .csp-exercise-instructions,.csp-fullpage.csp-dark .csp-exercise-speech-bubble p,.csp-fullpage.csp-dark .csp-expression-item,.csp-fullpage.csp-dark .csp-info-box-title,.csp-fullpage.csp-dark .csp-info-box-cell,.csp-fullpage.csp-dark .csp-item-number,.csp-fullpage.csp-dark .csp-item-sentence,.csp-fullpage.csp-dark .csp-change-text,.csp-fullpage.csp-dark .csp-mc-option,.csp-fullpage.csp-dark .csp-compare-image-label,.csp-fullpage.csp-dark .csp-compare-example,.csp-fullpage.csp-dark .csp-speech-bubble p,.csp-fullpage.csp-dark .csp-apply-situation,.csp-fullpage.csp-dark .csp-dialogue-speaker,.csp-fullpage.csp-dark .csp-dialogue-text,.csp-fullpage.csp-dark .csp-reading-text-box,.csp-fullpage.csp-dark .csp-reading-text-content,.csp-fullpage.csp-dark .csp-trivia-content,.csp-fullpage.csp-dark .csp-guide-instruction,.csp-fullpage.csp-dark .csp-question-text,.csp-fullpage.csp-dark .csp-mission-challenge-name,.csp-fullpage.csp-dark .csp-mission-situation,.csp-fullpage.csp-dark .csp-mission-instruction,.csp-fullpage.csp-dark .csp-reading-title,.csp-fullpage.csp-dark .csp-reading-paragraph,.csp-fullpage.csp-dark .csp-reading-closing-question,.csp-fullpage.csp-dark .csp-mission-topic-questions li,.csp-fullpage.csp-dark .csp-questions-list .csp-question-text,.csp-fullpage.csp-dark .csp-fb-goal-text,.csp-fullpage.csp-dark .csp-fb-rubric-label{color:var(--csp-dark-text)!important}.csp-fullpage.csp-dark .csp-fb-goal-label{color:#93c5fd;font-size:.75rem}.csp-fullpage.csp-dark .csp-fb-rubric-title-row,.csp-fullpage.csp-dark .csp-fb-categories-header{color:#e2e8f0}.csp-fullpage.csp-dark .csp-fb-rubric-title-row{font-size:.75rem}.csp-fullpage.csp-dark .csp-goal-jp,.csp-fullpage.csp-dark .csp-tutor-note-details,.csp-fullpage.csp-dark .csp-vocab-translation,.csp-fullpage.csp-dark .csp-expr-translation,.csp-fullpage.csp-dark .csp-expr-example,.csp-fullpage.csp-dark .csp-expr-extra,.csp-fullpage.csp-dark .csp-discuss-instruction-trans,.csp-fullpage.csp-dark .csp-discuss-img-translation,.csp-fullpage.csp-dark .csp-pronunciation-instruction-trans,.csp-fullpage.csp-dark .csp-pronunciation-trans,.csp-fullpage.csp-dark .csp-stepb-explanation-trans,.csp-fullpage.csp-dark .csp-grammar-translation,.csp-fullpage.csp-dark .csp-example-translation,.csp-fullpage.csp-dark .csp-exercise-instruction-translation,.csp-fullpage.csp-dark .csp-action-text,.csp-fullpage.csp-dark .csp-trivia-translation,.csp-fullpage.csp-dark .csp-mission-challenge-duration,.csp-fullpage.csp-dark .csp-mission-translation,.csp-fullpage.csp-dark .csp-reading-author,.csp-fullpage.csp-dark .csp-fb-goal-jp,.csp-fullpage.csp-dark .csp-fb-rubric-desc,.csp-fullpage.csp-dark .csp-fb-cat-jp,.csp-fullpage.csp-dark .csp-fb-assess-text,.csp-fullpage.csp-dark .csp-fb-said-text{color:var(--csp-dark-muted)!important}.csp-fullpage.csp-dark .csp-goal-step,.csp-fullpage.csp-dark .csp-tutor-important,.csp-fullpage.csp-dark .csp-tutor-guide,.csp-fullpage.csp-dark .csp-part-tutor-guide,.csp-fullpage.csp-dark .csp-guide-step,.csp-fullpage.csp-dark .csp-vocab-card,.csp-fullpage.csp-dark .csp-expr-item,.csp-fullpage.csp-dark .csp-grammar-examples,.csp-fullpage.csp-dark .csp-pronunciation-table,.csp-fullpage.csp-dark .csp-pronunciation-column,.csp-fullpage.csp-dark .csp-pronunciation-words,.csp-fullpage.csp-dark .csp-pronunciation-word-item,.csp-fullpage.csp-dark .csp-stepb-question,.csp-fullpage.csp-dark .csp-speech-bubble,.csp-fullpage.csp-dark .csp-exercise-speech-bubble,.csp-fullpage.csp-dark .csp-expression-box,.csp-fullpage.csp-dark .csp-info-box,.csp-fullpage.csp-dark .csp-exercise-example,.csp-fullpage.csp-dark .csp-exercise-item,.csp-fullpage.csp-dark .csp-answer-key-box,.csp-fullpage.csp-dark .csp-stepb-compare,.csp-fullpage.csp-dark .csp-stepb-speech,.csp-fullpage.csp-dark .csp-tutor-answer-key-box,.csp-fullpage.csp-dark .csp-trivia-box-inner,.csp-fullpage.csp-dark .csp-trivia-guide,.csp-fullpage.csp-dark .csp-trivia-guide .csp-guide-step,.csp-fullpage.csp-dark .csp-trivia-guide .csp-apply-questions-box,.csp-fullpage.csp-dark .csp-reading-text-box,.csp-fullpage.csp-dark .csp-mission-situation-box,.csp-fullpage.csp-dark .csp-mission-instruction-box,.csp-fullpage.csp-dark .csp-mission-grammar-tip,.csp-fullpage.csp-dark .csp-mission-reading-passage,.csp-fullpage.csp-dark .csp-mission-topic-card,.csp-fullpage.csp-dark .csp-mission-questions,.csp-fullpage.csp-dark .csp-fb-goal-card,.csp-fullpage.csp-dark .csp-fb-rubric-card,.csp-fullpage.csp-dark .csp-fb-category-card,.csp-fullpage.csp-dark .csp-fb-example-card{background:var(--csp-dark-panel)!important;border-color:var(--csp-dark-border)!important;box-shadow:none!important}.csp-fullpage.csp-dark .csp-issue-content,.csp-fullpage.csp-dark .csp-goal-steps,.csp-fullpage.csp-dark .csp-guide-steps,.csp-fullpage.csp-dark .csp-trivia-body,.csp-fullpage.csp-dark .csp-tutor-answer-key-items,.csp-fullpage.csp-dark .csp-mission-challenge-header,.csp-fullpage.csp-dark .csp-grammar-tip-items,.csp-fullpage.csp-dark .csp-mission-topic-questions,.csp-fullpage.csp-dark .csp-questions-list,.csp-fullpage.csp-dark .csp-fb-goal-body,.csp-fullpage.csp-dark .csp-fb-rubric-title-row,.csp-fullpage.csp-dark .csp-fb-rubric-item,.csp-fullpage.csp-dark .csp-fb-cat-header,.csp-fullpage.csp-dark .csp-fb-cat-assess,.csp-fullpage.csp-dark .csp-fb-cat-focus,.csp-fullpage.csp-dark .csp-fb-cat-examples{border-color:var(--csp-dark-border)!important;background:0 0!important}.csp-fullpage.csp-dark .csp-image-placeholder,.csp-fullpage.csp-dark .csp-expr-image-placeholder,.csp-fullpage.csp-dark .csp-discuss-image-placeholder,.csp-fullpage.csp-dark .csp-pronunciation-img-placeholder,.csp-fullpage.csp-dark .csp-exercise-speaker-image,.csp-fullpage.csp-dark .csp-exercise-item-image,.csp-fullpage.csp-dark .csp-exercise-example-image,.csp-fullpage.csp-dark .csp-exercise-item-image .csp-image-placeholder,.csp-fullpage.csp-dark .csp-exercise-example-image .csp-image-placeholder,.csp-fullpage.csp-dark .csp-compare-image,.csp-fullpage.csp-dark .csp-speech-speaker-image{background:var(--csp-dark-field)!important;border-color:var(--csp-dark-border)!important;color:var(--csp-dark-muted)!important}.csp-fullpage.csp-dark .csp-section-line,.csp-fullpage.csp-dark .csp-pronunciation-part,.csp-fullpage.csp-dark .csp-pronunciation-column:first-child,.csp-fullpage.csp-dark .csp-pronunciation-words,.csp-fullpage.csp-dark .csp-pronunciation-word-item,.csp-fullpage.csp-dark .csp-reading-image,.csp-fullpage.csp-dark .csp-reading-header,.csp-fullpage.csp-dark .csp-reading-closing-question,.csp-fullpage.csp-dark .csp-trivia-row,.csp-fullpage.csp-dark .csp-trivia-image,.csp-fullpage.csp-dark .csp-info-box-table thead tr,.csp-fullpage.csp-dark .csp-phrases-row,.csp-fullpage.csp-dark .csp-phrases-col-phrase,.csp-fullpage.csp-dark .csp-fb-rubric-title-row,.csp-fullpage.csp-dark .csp-fb-rubric-item,.csp-fullpage.csp-dark .csp-fb-cat-header,.csp-fullpage.csp-dark .csp-fb-cat-assess,.csp-fullpage.csp-dark .csp-fb-cat-focus{border-color:var(--csp-dark-border)!important}.csp-fullpage.csp-dark .csp-guide-header,.csp-fullpage.csp-dark .csp-trivia-guide .csp-guide-header,.csp-fullpage.csp-dark .csp-tutor-answer-key-header,.csp-fullpage.csp-dark .csp-mission-topic-header{background:var(--primary,#4f9cff)!important;color:#fff!important;border-color:#0000!important}.csp-fullpage.csp-dark .csp-trivia-header,.csp-fullpage.csp-dark .csp-grammar-tip-header,.csp-fullpage.csp-dark .csp-phrases-header,.csp-fullpage.csp-dark .csp-questions-intro{background:var(--csp-dark-panel-soft)!important;color:var(--csp-dark-text)!important;border-color:var(--csp-dark-border)!important}.csp-fullpage.csp-dark .csp-mission-grammar-tip,.csp-fullpage.csp-dark .csp-answer-key-box{background:#16a34a14!important}.csp-fullpage.csp-dark .csp-info-box-header,.csp-fullpage.csp-dark .csp-info-box-cell,.csp-fullpage.csp-dark .csp-hint,.csp-fullpage.csp-dark .csp-fb-focus-tag,.csp-fullpage.csp-dark .csp-fb-vocab-highlight{background:var(--csp-dark-field)!important;border-color:var(--csp-dark-border)!important;color:var(--csp-dark-text)!important}.csp-fullpage.csp-dark .csp-fb-example-icon{background:#dc262624!important}.csp-fullpage.csp-dark .csp-fb-better-icon{background:#16a34a24!important}.csp-fullpage.csp-dark .csp-fb-better-text{color:#7ddf9c!important}.csp-fullpage.csp-dark .csp-speech-left:after,.csp-fullpage.csp-dark .csp-exercise-conv-left .csp-exercise-speech-bubble:after,.csp-fullpage.csp-dark .csp-speech-bubble:after{border-right-color:var(--csp-dark-panel)!important}.csp-fullpage.csp-dark .csp-speech-right:after,.csp-fullpage.csp-dark .csp-exercise-conv-right .csp-exercise-speech-bubble:after{border-left-color:var(--csp-dark-panel)!important}.csp-fullpage.csp-dark .csp-speech-left:before,.csp-fullpage.csp-dark .csp-exercise-conv-left .csp-exercise-speech-bubble:before,.csp-fullpage.csp-dark .csp-speech-bubble:before{border-right-color:var(--csp-dark-border-strong)!important}.csp-fullpage.csp-dark .csp-speech-right:before,.csp-fullpage.csp-dark .csp-exercise-conv-right .csp-exercise-speech-bubble:before{border-left-color:var(--csp-dark-border-strong)!important}.csp-fullpage.csp-dark .csp-optional-badge{color:#9bc8ff!important;background:#4f9cff24!important;border-color:#4f9cff59!important}.csp-fullpage.csp-dark .csp-fb-cat-icon,.csp-fullpage.csp-dark .csp-fb-rubric-circle,.csp-fullpage.csp-dark .csp-reading-image img,.csp-fullpage.csp-dark .csp-trivia-image img,.csp-fullpage.csp-dark .csp-intro-image img{box-shadow:none!important}.csp-fullpage.csp-dark [style*=background]:not(.csp-hero):not(.csp-hero-overlay){background:0 0!important}.csp-fullpage.csp-dark .csp-guide-header[style*=background],.csp-fullpage.csp-dark .csp-trivia-guide .csp-guide-header[style*=background],.csp-fullpage.csp-dark .csp-tutor-answer-key-header[style*=background],.csp-fullpage.csp-dark .csp-mission-topic-header[style*=background]{background:var(--primary,#4f9cff)!important}.csp-fullpage.csp-dark{--csp-dark-border:#303030;--csp-dark-border-strong:#383838}.csp-fullpage.csp-dark .csp-section,.csp-fullpage.csp-dark .csp-section-header,.csp-fullpage.csp-dark .csp-section-body,.csp-fullpage.csp-dark .csp-section-line,.csp-fullpage.csp-dark .csp-intro-section,.csp-fullpage.csp-dark .csp-learn-section,.csp-fullpage.csp-dark .csp-stepb-section,.csp-fullpage.csp-dark .csp-apply-section,.csp-fullpage.csp-dark .csp-exercise-section,.csp-fullpage.csp-dark .csp-mission-section,.csp-fullpage.csp-dark .csp-feedback-section,.csp-fullpage.csp-dark .csp-tutor-guide,.csp-fullpage.csp-dark .csp-guide-steps,.csp-fullpage.csp-dark .csp-guide-step,.csp-fullpage.csp-dark .csp-apply-step,.csp-fullpage.csp-dark .csp-stepb-type-selector,.csp-fullpage.csp-dark .csp-pronunciation-part,.csp-fullpage.csp-dark .csp-trivia-row,.csp-fullpage.csp-dark .csp-fb-rubric-item,.csp-fullpage.csp-dark .csp-fb-cat-header,.csp-fullpage.csp-dark .csp-fb-cat-assess,.csp-fullpage.csp-dark .csp-fb-cat-focus{border-color:var(--csp-dark-border)!important}.csp-fullpage.csp-dark .csp-guide-step,.csp-fullpage.csp-dark .csp-apply-step{background:#232323!important}.csp-fullpage.csp-dark .csp-guide-content,.csp-fullpage.csp-dark .csp-guide-content p,.csp-fullpage.csp-dark .csp-guide-content span,.csp-fullpage.csp-dark .csp-guide-content em,.csp-fullpage.csp-dark .csp-guide-content strong{color:inherit}.csp-fullpage.csp-dark .csp-apply-prompt,.csp-fullpage.csp-dark .csp-apply-prompt span,.csp-fullpage.csp-dark .csp-prompt-bullet{color:#aeb7c5!important}.csp-fullpage.csp-dark .csp-apply-script,.csp-fullpage.csp-dark .csp-guide-script,.csp-fullpage.csp-dark .csp-answer-text{color:#22c55e!important}.csp-fullpage.csp-dark .csp-apply-tip,.csp-fullpage.csp-dark .csp-guide-tip,.csp-fullpage.csp-dark .csp-tip-icon{color:#d7dbe2!important}.csp-fullpage.csp-dark .csp-guide-instruction{color:#f5f5f5!important}.csp-fullpage.csp-dark .csp-apply-questions-box,.csp-fullpage.csp-dark .csp-trivia-guide .csp-apply-questions-box{border-color:#3a3a3a!important}.csp-fullpage.csp-dark .csp-reading-image,.csp-fullpage.csp-dark .csp-trivia-image,.csp-fullpage.csp-dark .csp-reading-header,.csp-fullpage.csp-dark .csp-reading-closing-question,.csp-fullpage.csp-dark .csp-info-box-table thead tr,.csp-fullpage.csp-dark .csp-phrases-row,.csp-fullpage.csp-dark .csp-phrases-col-phrase,.csp-fullpage.csp-dark *,.csp-fullpage.csp-dark :before,.csp-fullpage.csp-dark :after{border-color:var(--csp-dark-border)!important}.csp-fullpage.csp-dark .csp-guide-header,.csp-fullpage.csp-dark .csp-trivia-guide .csp-guide-header,.csp-fullpage.csp-dark .csp-tutor-answer-key-header,.csp-fullpage.csp-dark .csp-mission-topic-header{border-color:#0000!important}.csp-fullpage.csp-dark .csp-stepb-question,.csp-fullpage.csp-dark .csp-apply-questions-box,.csp-fullpage.csp-dark .csp-trivia-guide .csp-apply-questions-box{border-color:#315a40!important}.csp-fullpage.csp-dark .csp-issue-content h3,.csp-fullpage.csp-dark .csp-section-line,.csp-fullpage.csp-dark .csp-apply-activity-title,.csp-fullpage.csp-dark .csp-step-name,.csp-fullpage.csp-dark .csp-stepb-section,.csp-fullpage.csp-dark .csp-trivia-row{border-color:#303030!important}.csp-fullpage.csp-dark .csp-mission-situation-box,.csp-fullpage.csp-dark .csp-mission-instruction-box,.csp-fullpage.csp-dark .csp-mission-situation,.csp-fullpage.csp-dark .csp-mission-instruction,.csp-fullpage.csp-dark .csp-mission-situation *,.csp-fullpage.csp-dark .csp-mission-instruction *{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.csp-fullpage.csp-dark .csp-mission-situation,.csp-fullpage.csp-dark .csp-mission-instruction{color:var(--csp-dark-text)!important}.csp-fullpage.csp-dark .csp-mission-translation{color:var(--csp-dark-muted)!important}.csp-fullpage.csp-dark .csp-mission-grammar-tip{background:var(--csp-dark-panel)!important;background-color:var(--csp-dark-panel)!important;border-color:var(--csp-dark-border)!important;box-shadow:none!important}.csp-fullpage.csp-dark .csp-grammar-tip-header{background:var(--csp-dark-panel)!important;background-color:var(--csp-dark-panel)!important;color:var(--csp-dark-text)!important;border-bottom:1px solid var(--csp-dark-border)!important}.csp-fullpage.csp-dark .csp-grammar-tip-header i{color:#4f9cff!important}.csp-fullpage.csp-dark .csp-grammar-tip-items{background:0 0!important}.csp-fullpage.csp-dark .csp-grammar-tip-items li{color:var(--csp-dark-text)!important}.csp-fullpage.csp-dark .csp-grammar-tip-items li::marker{color:#4f9cff!important}.csp-fullpage.csp-dark .csp-expr-list,.csp-fullpage.csp-dark .csp-expr-item,.csp-fullpage.csp-dark .csp-expr-content,.csp-fullpage.csp-dark .csp-expr-definition,.csp-fullpage.csp-dark .csp-expr-example,.csp-fullpage.csp-dark .csp-expr-translation,.csp-fullpage.csp-dark .csp-expr-extra,.csp-fullpage.csp-dark .csp-expr-definition *,.csp-fullpage.csp-dark .csp-expr-example *,.csp-fullpage.csp-dark .csp-expr-extra *{box-shadow:none!important;background:0 0!important}.csp-fullpage.csp-dark .csp-expr-item{border-color:#0000!important}.csp-fullpage.csp-dark .csp-expr-image{background:var(--csp-dark-field)!important;background-color:var(--csp-dark-field)!important;border-color:var(--csp-dark-border)!important}.csp-fullpage.csp-dark .csp-expr-number{color:var(--csp-dark-text)!important}.csp-fullpage.csp-dark .csp-expr-example{color:#d7dbe2!important}@media (max-width:900px){.csp-fullpage{width:100%;min-width:0;overflow-x:hidden}.csp-topbar{padding:.625rem .875rem;position:sticky;top:0}.csp-topbar-content{gap:.75rem;width:100%;min-width:0}.csp-course-info{white-space:normal;min-width:0}.csp-theme-btn,.csp-close-btn{width:36px;height:36px}.csp-hero{min-height:220px;padding:2rem 1rem}.csp-hero-content{max-width:100%}.csp-lesson-name{font-size:clamp(1.75rem,9vw,2.75rem);line-height:1.02}.csp-goal-row{flex-direction:column;align-items:flex-start;gap:.5rem}.csp-goal-badge{width:max-content}.csp-main{width:100%;max-width:none;padding:1.25rem .875rem 3rem}.csp-sections{gap:2rem}.csp-section-number{gap:.75rem;margin-bottom:1rem}.csp-section-title{font-size:1rem}.csp-section-line{min-width:0}.csp-section,.csp-intro-section,.csp-learn-section,.csp-stepb-section,.csp-apply-section,.csp-exercise-section,.csp-mission-section,.csp-feedback-section{width:100%;min-width:0;overflow:visible}.csp-intro-layout,.csp-learn-layout,.csp-stepb-layout,.csp-apply-layout,.csp-trivia-row,.csp-exercise-layout,.csp-mission-layout,.csp-feedback-layout{gap:1.25rem;width:100%;display:grid;grid-template-columns:minmax(0,1fr)!important}.csp-intro-left,.csp-intro-right,.csp-learn-left,.csp-learn-right,.csp-stepb-left,.csp-stepb-right,.csp-apply-left,.csp-apply-right,.csp-trivia-left,.csp-trivia-right,.csp-exercise-left,.csp-exercise-right,.csp-mission-left,.csp-mission-right,.csp-feedback-left,.csp-feedback-right{width:100%;min-width:0;max-width:none}.csp-intro-right,.csp-learn-right,.csp-stepb-right,.csp-apply-right,.csp-trivia-right,.csp-exercise-right,.csp-mission-right,.csp-feedback-right{order:2}.csp-intro-right-sticky,.csp-learn-right,.csp-stepb-right,.csp-apply-right,.csp-exercise-right,.csp-mission-right,.csp-feedback-right{position:static!important;top:auto!important}.csp-tutor-guide,.csp-part-tutor-guide,.csp-trivia-guide,.csp-stepb-tutor-guide{width:100%;max-width:none;overflow:hidden}.csp-guide-header{padding:.875rem 1rem;font-size:.875rem;line-height:1.25}.csp-guide-steps,.csp-guide-step,.csp-apply-step{gap:.75rem;padding:.875rem}.csp-guide-content{min-width:0}.csp-guide-instruction,.csp-guide-script,.csp-apply-script,.csp-apply-prompt,.csp-apply-tip,.csp-question-text,.csp-answer-text{overflow-wrap:anywhere}.csp-vocab-grid,.csp-discuss-images,.csp-expression-box,.csp-compare-images,.csp-feedback-layout .csp-fb-rubric-scale,.csp-feedback-layout .csp-fb-categories{grid-template-columns:minmax(0,1fr)!important}.csp-expr-item,.csp-exercise-example,.csp-exercise-item,.csp-dialogue-line,.csp-fb-rubric-item,.csp-fb-cat-header,.csp-fb-example-card{flex-direction:column;align-items:stretch}.csp-expr-image,.csp-exercise-example-image,.csp-exercise-item-image{max-width:none;width:100%!important}.csp-expr-image,.csp-expr-image img,.csp-exercise-example-image,.csp-exercise-example-image img,.csp-exercise-item-image,.csp-exercise-item-image img{height:auto}.csp-intro-image,.csp-apply-image,.csp-reading-image,.csp-trivia-image,.csp-mission-image,.csp-choose-image,.csp-mc-image,.csp-compare-image{width:100%;max-width:100%}.csp-intro-image img,.csp-apply-image img,.csp-reading-image img,.csp-mission-image img,.csp-choose-image img,.csp-mc-image img,.csp-compare-image img{object-fit:cover;width:100%;max-width:100%;height:auto}.csp-trivia-image img{width:25%;max-width:100%}.csp-pronunciation-table,.csp-phrases-header,.csp-phrases-row{grid-template-columns:minmax(0,1fr)!important}.csp-pronunciation-column:first-child,.csp-phrases-col-phrase{border-right:0!important}.csp-phrases-header{display:none}.csp-phrases-col-phrase,.csp-phrases-col-example{padding:.875rem}.csp-conversation-row,.csp-exercise-conv-row,.csp-speech-layout{flex-direction:column;align-items:stretch;gap:.75rem}.csp-speaker-left,.csp-exercise-conv-left{align-items:flex-start}.csp-speaker-right,.csp-exercise-conv-right{align-items:flex-end}.csp-speaker-image,.csp-exercise-speaker-image,.csp-speech-speaker-image{min-width:92px;max-width:92px;width:92px!important}.csp-speech-bubble,.csp-exercise-speech-bubble{width:100%;max-width:100%;border-radius:10px!important}.csp-speech-bubble:before,.csp-speech-bubble:after,.csp-exercise-speech-bubble:before,.csp-exercise-speech-bubble:after{display:none!important}.csp-reading-text-box,.csp-info-box,.csp-pronunciation-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.csp-info-box-table{min-width:520px}.csp-mission-topic-card,.csp-fb-goal-card,.csp-fb-rubric-card,.csp-fb-category-card{overflow:hidden}}@media (max-width:520px){.csp-topbar-content{justify-content:flex-start}.csp-course-info{font-size:.72rem}.csp-theme-btn{margin-left:auto}.csp-hero{min-height:190px}.csp-main{padding-inline:.75rem}.csp-section-number{align-items:center}.csp-number-badge{width:30px;height:30px;font-size:.875rem}.csp-step-name,.csp-apply-activity-title,.csp-challenge-name{font-size:1.15rem;line-height:1.25}.csp-intro-text,.csp-part-english,.csp-stepb-explanation,.csp-apply-situation,.csp-exercise-instruction,.csp-mission-situation,.csp-mission-instruction{font-size:.96rem;line-height:1.65}.csp-lesson-issue,.csp-lesson-goal-box,.csp-vocab-card,.csp-expr-item,.csp-stepb-question,.csp-expression-box,.csp-info-box,.csp-exercise-example,.csp-exercise-item,.csp-answer-key-box,.csp-mission-situation-box,.csp-mission-instruction-box,.csp-mission-grammar-tip,.csp-mission-reading-passage,.csp-mission-topic-card,.csp-fb-goal-card,.csp-fb-rubric-card,.csp-fb-category-card{border-radius:10px}.csp-issue-header,.csp-goal-header,.csp-guide-header,.csp-trivia-header,.csp-tutor-answer-key-header,.csp-mission-topic-header{padding-inline:.875rem}.csp-issue-content,.csp-goal-steps,.csp-trivia-body,.csp-tutor-answer-key-items,.csp-fb-goal-body,.csp-fb-rubric-scale,.csp-fb-category-card{padding:.875rem}.csp-guide-step,.csp-apply-step{padding:.75rem}.csp-dialogue-line{gap:.35rem}.csp-dialogue-speaker{min-width:0}.csp-reading-text-content,.csp-listening-script-box{font-size:.95rem;line-height:1.75}.csp-fb-focus-tags{gap:.4rem}.csp-fb-focus-tag{white-space:normal}}.csp-fullpage.csp-light{color:#1e293b;background:#f5f5f5!important}.csp-fullpage.csp-light .csp-main{background:0 0!important}.csp-fullpage.csp-light section:not(.csp-section){background-color:#0000!important}.csp-fullpage.csp-light .csp-topbar .csp-course-info,.csp-fullpage.csp-light .csp-hero-content,.csp-fullpage.csp-light .csp-lesson-label,.csp-fullpage.csp-light .csp-lesson-name,.csp-fullpage.csp-light .csp-goal-en,.csp-fullpage.csp-light .csp-goal-jp{color:#fff!important}.csp-fullpage.csp-light .csp-hero-content{text-shadow:0 1px 12px #00000061}.csp-fullpage.csp-light .csp-lesson-label{opacity:.9}.csp-fullpage.csp-light .csp-goal-jp{opacity:.85}.csp-fullpage.csp-light .csp-goal-badge{color:#134e4a!important;text-shadow:none!important;background:#fffffff2!important;border:0!important}.csp-fullpage.csp-dark .csp-goal-badge{color:#134e4a!important;opacity:1!important;text-shadow:none!important;background:#fffffff2!important;border:0!important}.csp-fullpage .csp-number-badge,.csp-fullpage .csp-step-number,.csp-fullpage .csp-guide-number{color:#fff!important;text-shadow:none!important;font-weight:700!important}.csp-fullpage.csp-dark .csp-number-badge,.csp-fullpage.csp-dark .csp-step-number,.csp-fullpage.csp-dark .csp-guide-number{background:var(--primary,#4a9eff)!important;color:#fff!important}.csp-fullpage.csp-dark .csp-mission-topic-header,.csp-fullpage.csp-dark .csp-mission-topic-header *{color:#fff!important}.csp-fullpage.csp-dark .csp-topic-label{color:#fff!important;background:#ffffff38!important}.csp-fullpage.csp-dark .csp-topic-title,.csp-fullpage.csp-dark .csp-mission-topic-questions,.csp-fullpage.csp-dark .csp-mission-topic-questions li,.csp-fullpage.csp-dark .csp-mission-topic-questions li:before{color:#fff!important}.business-english-page{padding-top:52px}.business-english-page .course-detail-container{padding-top:16px}@media (max-width:768px){.business-english-page{padding-top:72px}.business-english-page .course-detail-container{padding-top:12px}}.lesson-fullpage{z-index:9999;background:#f8fafc;width:100vw;height:100vh;position:fixed;inset:0}[data-theme=dark] :is(.lesson-fullpage,.lesson-fullpage-iframe){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1a1a1a}[data-theme=dark] :is(.lesson-fullpage-loading p,.lesson-fullpage-error p){color:#b8b8b8}.lesson-back-btn{z-index:10001;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1e293b;cursor:pointer;background:#fffffff2;border:1px solid #0000001a;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 2px 8px #0000001a}.lesson-back-btn:hover{color:#0245ae;background:#fff;border-color:#0245ae;transform:translate(-2px);box-shadow:0 4px 12px #0245ae33}.lesson-back-btn i{font-size:14px}.lesson-fullpage-iframe{border:none;width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;top:0;left:0}.lesson-fullpage-iframe.loading{opacity:0}.lesson-fullpage-iframe.loaded{opacity:1}.lesson-fullpage-loading{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;inset:0}.lesson-content-wrapper{width:100%;height:100%;padding-top:60px;overflow-y:auto}.lesson-fullpage-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.lesson-fullpage-loading .spinner{border:4px solid #e2e8f0;border-top-color:#0245ae;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite spin}.lesson-fullpage-loading p{color:#64748b;font-size:14px}.lesson-fullpage-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.lesson-fullpage-error .error-icon{background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.lesson-fullpage-error .error-icon i{color:#ef4444;font-size:28px}.lesson-fullpage-error h3{color:#1e293b;margin:0 0 8px;font-size:18px;font-weight:700}.lesson-fullpage-error p{color:#64748b;margin:0 0 20px;font-size:14px}.lesson-fullpage-error .btn-back{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.lesson-fullpage-error .btn-back:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0245ae4d}@media (max-width:768px){.lesson-back-btn{padding:8px 12px;font-size:13px;top:12px;left:12px}.lesson-back-btn span{display:none}.lesson-content-wrapper{padding-top:50px}}.inbox-page{background-color:#f8fafc;min-height:100vh}.inbox-container{max-width:1400px;margin:0 auto;padding:0 24px 40px}.inbox-header{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex}.inbox-header-content{align-items:center;gap:16px;display:flex}.inbox-icon-wrapper{background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.inbox-header-content h1{color:#fff;margin:0 0 4px;font-size:24px;font-weight:700}.inbox-header-content p{opacity:.9;color:#fff;margin:0;font-size:14px}.mark-all-read-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mark-all-read-btn:hover{background:#ffffff4d}.inbox-filters{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.inbox-error-slot{min-height:64px;margin-bottom:24px}.inbox-filters .filter-btn{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.inbox-filters .filter-btn:hover{color:#0245ae;border-color:#0245ae}.inbox-filters .filter-btn.active{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-color:#0000}.filter-count{background:#0000001a;border-radius:12px;padding:2px 8px;font-size:12px}.inbox-filters .filter-btn.active .filter-count{background:#fff3}.filter-count.unread{color:#fff;background:#ef4444}.inbox-error{color:#dc2626;box-sizing:border-box;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:10px;min-height:64px;padding:12px 16px;display:flex}.inbox-error i{font-size:18px}.inbox-error p{flex:1;margin:0;font-size:13px;font-weight:500;line-height:1.35}.inbox-error button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:500;line-height:1.2;transition:all .2s}.inbox-error button:hover{background:#b91c1c}.inbox-content{grid-template-columns:400px 1fr;gap:24px;min-height:600px;display:grid}.messages-list{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.message-item{cursor:pointer;border-bottom:1px solid #e2e8f0;align-items:flex-start;gap:14px;padding:16px 20px;transition:all .2s;display:flex;position:relative}.message-item:last-child{border-bottom:none}.message-item:hover{background:#f8fafc}.message-item.selected{background:#eff6ff;border-left:3px solid #0245ae}.message-item.unread{background:#fefffe}.message-item.unread .message-title{font-weight:700}.message-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;display:flex}.message-preview{flex:1;min-width:0}.message-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.message-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.message-time{color:#94a3b8;white-space:nowrap;font-size:12px}.message-snippet{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.message-meta{align-items:center;gap:8px;display:flex}.message-category{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.message-pinned{color:#f59e0b;font-size:12px}.unread-dot{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.message-detail{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.detail-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.back-btn{color:#64748b;cursor:pointer;background:#fff;border:none;border-radius:10px;width:36px;height:36px;font-size:14px;transition:all .2s;display:none}.back-btn:hover{color:#1e293b;background:#e2e8f0}.detail-actions{gap:8px;display:flex}.inbox-action-btn{color:#64748b;cursor:pointer;background:#fff;border:none;border-radius:10px;width:36px;height:36px;font-size:14px;transition:all .2s}.inbox-action-btn:hover{color:#1e293b;background:#e2e8f0}.inbox-action-btn.active{color:#f59e0b;background:#fef3c7}.inbox-action-btn.delete:hover{color:#ef4444;background:#fef2f2}.detail-content{flex:1;padding:24px;overflow-y:auto}.detail-category{border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.detail-title{color:#1e293b;margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.3}.detail-date{color:#94a3b8;margin-bottom:24px;font-size:13px;display:block}.detail-body{color:#475569;font-size:15px;line-height:1.7}.detail-body p{margin:0 0 16px}.no-message-selected{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.no-message-selected i{opacity:.5;margin-bottom:16px;font-size:48px}.no-message-selected p{margin:0;font-size:16px}.inbox-empty,.inbox-loading{text-align:center;color:#64748b;padding:60px 20px}.inbox-empty i,.inbox-loading i{opacity:.5;color:#94a3b8;margin-bottom:16px;font-size:48px}.inbox-empty p,.inbox-loading p{color:#1e293b;margin:0 0 4px;font-size:16px}.inbox-empty span{color:#94a3b8;font-size:14px}@media (max-width:1024px){.inbox-content{grid-template-columns:1fr}.message-detail{z-index:100;border:none;border-radius:0;display:none;position:fixed;inset:0}.message-detail.visible{display:flex}.back-btn{justify-content:center;align-items:center;display:flex}}@media (max-width:768px){.inbox-container{padding:0 16px 30px}.inbox-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.inbox-header-content h1{font-size:20px}.inbox-icon-wrapper{width:48px;height:48px;font-size:20px}.mark-all-read-btn{justify-content:center;width:100%}.inbox-filters{gap:8px}.inbox-error-slot{min-height:72px}.inbox-filters .filter-btn{padding:8px 14px;font-size:13px}.message-item{padding:14px 16px}.message-icon{width:40px;height:40px;font-size:14px}}@media (max-width:480px){.inbox-header-content{gap:12px}.inbox-icon-wrapper{width:44px;height:44px;font-size:18px}.inbox-filters .filter-btn{flex:1;justify-content:center;padding:10px 12px}.inbox-filters .filter-btn i{display:none}}[data-theme=dark] .inbox-page{background:#1a1a1a}[data-theme=dark] .inbox-filters .filter-btn,[data-theme=dark] .messages-list,[data-theme=dark] .message-detail,[data-theme=dark] .message-item,[data-theme=dark] .detail-header,[data-theme=dark] .back-btn,[data-theme=dark] .inbox-action-btn,[data-theme=dark] .inbox-empty,[data-theme=dark] .inbox-loading,[data-theme=dark] .inbox-error{background:linear-gradient(135deg, var(--fxv-surface) 0%, var(--fxv-surface-muted) 100%);border-color:var(--fxv-border);color:var(--fxv-text);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .message-title,[data-theme=dark] .detail-title,[data-theme=dark] .detail-body,[data-theme=dark] .inbox-empty p,[data-theme=dark] .inbox-loading p,[data-theme=dark] .no-message-selected p{color:var(--fxv-text)}[data-theme=dark] .message-snippet,[data-theme=dark] .message-time,[data-theme=dark] .message-meta,[data-theme=dark] .detail-date,[data-theme=dark] .inbox-empty span,[data-theme=dark] .inbox-loading,[data-theme=dark] .no-message-selected,[data-theme=dark] .inbox-error p{color:var(--fxv-text-muted)}[data-theme=dark] .inbox-filters .filter-btn:hover{border-color:var(--fxv-border-strong);color:#bfdbfe}[data-theme=dark] .inbox-filters .filter-btn.active{background:linear-gradient(135deg, var(--fxv-accent) 0%, var(--fxv-accent-strong) 100%);color:#fff;border-color:#0000;box-shadow:0 10px 24px #2563eb2e}[data-theme=dark] .filter-count{color:var(--fxv-text-muted);background:#ffffff14}[data-theme=dark] .inbox-filters .filter-btn.active .filter-count{color:#fff;background:#ffffff2e}[data-theme=dark] .message-item{box-shadow:none}[data-theme=dark] .message-item:hover{background:#ffffff08}[data-theme=dark] .message-item.selected{border-left-color:var(--fxv-accent-strong);background:#2563eb24}[data-theme=dark] .message-item.unread{background:#ffffff04}[data-theme=dark] .message-item,[data-theme=dark] .detail-header{border-bottom-color:#ffffff14}[data-theme=dark] .back-btn,[data-theme=dark] .inbox-action-btn{background:var(--fxv-surface-soft);color:var(--fxv-text-muted)}[data-theme=dark] .back-btn:hover,[data-theme=dark] .inbox-action-btn:hover{color:var(--fxv-text);background:#ffffff14}[data-theme=dark] .inbox-action-btn.active{color:#fbbf24;background:#f59e0b29}[data-theme=dark] .inbox-action-btn.delete:hover{color:#fca5a5;background:#ef444424}[data-theme=dark] .inbox-error{color:#fecaca;background:linear-gradient(135deg,#7f1d1d66 0%,#450a0a94 100%);border-color:#f871713d}[data-theme=dark] .inbox-error i{color:#fca5a5}[data-theme=dark] .inbox-error button{color:#fff;background:#dc2626}[data-theme=dark] .inbox-error button:hover{background:#b91c1c}[data-theme=dark] .inbox-empty i,[data-theme=dark] .inbox-loading i,[data-theme=dark] .no-message-selected i{color:var(--fxv-text-soft)}.image-cropper-overlay{z-index:10000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-cropper-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.cropper-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cropper-header h3{color:#1e293b;margin:0;font-size:18px;font-weight:600}.cropper-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:20px;transition:all .2s}.cropper-close:hover{color:#1e293b;background:#f1f5f9}.cropper-body{background:#f8fafc;padding:24px}.cropper-container{touch-action:none;background:#1e293b;border-radius:12px;justify-content:center;align-items:center;width:100%;height:320px;display:flex;position:relative;overflow:hidden}.cropper-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:none;height:100%;max-height:none;transition:transform 50ms ease-out}.crop-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.crop-overlay:before{content:"";background:#00000080;position:absolute;inset:0}.crop-area{box-sizing:border-box;border:3px solid #fff;border-radius:50%;position:relative;box-shadow:0 0 0 9999px #00000080}.zoom-controls{align-items:center;gap:12px;margin-top:20px;padding:0 20px;display:flex}.zoom-controls i{color:#64748b;font-size:16px}.zoom-slider{appearance:none;background:#e2e8f0;border-radius:3px;outline:none;flex:1;height:6px}.zoom-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#0245ae;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 6px #0245ae4d}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.zoom-slider::-moz-range-thumb{cursor:pointer;background:#0245ae;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0245ae4d}.cropper-hint{text-align:center;color:#64748b;margin-top:12px;margin-bottom:0;font-size:13px}.cropper-footer{background:#fff;border-top:1px solid #e2e8f0;gap:12px;padding:20px 24px;display:flex}.btn-cropper-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s}.btn-cropper-cancel:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.btn-cropper-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-cropper-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0245ae4d}.btn-cropper-save:disabled{opacity:.7;cursor:not-allowed}.btn-cropper-save i{font-size:14px}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}[data-theme=dark] .image-cropper-modal{background:#1e293b}[data-theme=dark] .cropper-header{border-color:#334155}[data-theme=dark] .cropper-header h3{color:#f1f5f9}[data-theme=dark] .cropper-close{color:#94a3b8}[data-theme=dark] .cropper-close:hover{color:#f1f5f9;background:#334155}[data-theme=dark] .cropper-body{background:#0f172a}[data-theme=dark] .cropper-container{background:#000}[data-theme=dark] .zoom-slider{background:#334155}[data-theme=dark] .cropper-hint{color:#94a3b8}[data-theme=dark] .cropper-footer{background:#1e293b;border-color:#334155}[data-theme=dark] .btn-cropper-cancel{color:#e2e8f0;background:#334155;border-color:#475569}[data-theme=dark] .btn-cropper-cancel:hover{color:#f1f5f9;background:#475569}@media (max-width:540px){.image-cropper-modal{max-width:100%;margin:10px}.cropper-container{height:280px}.crop-area{width:220px!important;height:220px!important}}.fxv-video-player{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;max-width:800px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.fxv-video-player.fxv-video-modal{width:100%;max-width:900px}.fxv-video{object-fit:contain;cursor:pointer;background:#000;width:100%;height:100%}.fxv-loading{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fxv-spinner{border:4px solid #ffffff4d;border-top-color:#0245ae;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite fxv-spin}@keyframes fxv-spin{to{transform:rotate(360deg)}}.fxv-big-play{cursor:pointer;z-index:5;background:linear-gradient(135deg,#0245ae 0%,#0369a1 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0245ae66}.fxv-big-play i{color:#fff;margin-left:4px;font-size:28px}.fxv-big-play:hover{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 12px 40px #0245ae80}.fxv-controls{opacity:0;z-index:10;background:linear-gradient(#0000,#000c);padding:16px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.fxv-video-player.show-controls .fxv-controls,.fxv-controls.visible{opacity:1}.fxv-progress-container{cursor:pointer;align-items:center;width:100%;height:20px;margin-bottom:12px;display:flex}.fxv-progress-bar{background:#ffffff4d;border-radius:2px;width:100%;height:4px;transition:height .2s;position:relative}.fxv-progress-container:hover .fxv-progress-bar{height:6px}.fxv-progress-filled{background:linear-gradient(90deg,#0245ae,#0ea5e9);border-radius:2px;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.fxv-progress-handle{opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;transition:opacity .2s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.fxv-progress-container:hover .fxv-progress-handle{opacity:1}.fxv-controls-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.fxv-controls-left,.fxv-controls-right{align-items:center;gap:8px;display:flex}.fxv-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.fxv-btn i{font-size:14px}.fxv-btn:hover{background:#fff3;transform:scale(1.05)}.fxv-close-btn{background:#dc2626cc}.fxv-close-btn:hover{background:#dc2626}.fxv-volume-group{align-items:center;gap:4px;display:flex}.fxv-volume-slider{opacity:0;appearance:none;cursor:pointer;background:#ffffff4d;border-radius:2px;width:0;height:4px;transition:all .3s}.fxv-volume-group:hover .fxv-volume-slider{opacity:1;width:80px}.fxv-volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.fxv-volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.fxv-time{color:#ffffffe6;font-variant-numeric:tabular-nums;min-width:90px;font-size:12px;font-weight:500}.fxv-branding{color:#fff9;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.fxv-modal-overlay{z-index:9999;background:#000000f2;justify-content:center;align-items:center;padding:20px;animation:.3s fxv-fade-in;display:flex;position:fixed;inset:0}@keyframes fxv-fade-in{0%{opacity:0}to{opacity:1}}.fxv-modal-content{width:100%;max-width:900px;animation:.3s fxv-scale-in}@keyframes fxv-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.fxv-big-play{width:64px;height:64px}.fxv-big-play i{font-size:22px}.fxv-controls{padding:12px}.fxv-btn{width:32px;height:32px}.fxv-btn i{font-size:12px}.fxv-time{min-width:70px;font-size:11px}.fxv-branding{display:none}.fxv-volume-group:hover .fxv-volume-slider{width:60px}}[data-theme=dark] .fxv-video-player{box-shadow:0 4px 24px #00000080}.tutor-video-dialog{background:#15181c;width:900px;padding:0}.tutor-video-dialog .fxv-video-player{box-shadow:none;border-radius:0}.tutor-video-dialog .student-video-content{width:100%}.fxv-video-player .fxv-btn{border-radius:6px}.fxv-video-player:focus-within .fxv-controls{opacity:1;visibility:visible}@media (max-width:600px){.fxv-video-player .fxv-volume-slider,.fxv-video-player .fxv-branding{display:none}.fxv-video-player .fxv-controls{padding:8px}.fxv-video-player .fxv-controls-row{gap:4px;padding:0}.fxv-video-player .fxv-controls-left{gap:4px}.fxv-video-player .fxv-btn{flex-shrink:0;width:30px;height:32px}.fxv-video-player .fxv-time{white-space:nowrap;min-width:0;font-size:10px}}.fxv-video-player{border-radius:8px}.fxv-video-player .fxv-big-play{color:#fff;box-shadow:none;background:#0245ae}.fxv-video-player .fxv-btn svg{color:inherit}.fxv-video-error{color:#fff;text-align:center;z-index:4;font-size:13px;line-height:1.6;position:absolute;inset:20% 16px auto}.fxv-progress-slider{accent-color:#79b5ff;width:calc(100% - 24px);height:16px;margin:0 12px;display:block}.toast-notification{gap:8px;animation:.2s ease-out toastSlideIn;box-shadow:0 2px 8px #0f172a2e;z-index:9999!important;width:auto!important;max-width:320px!important;height:auto!important;min-height:unset!important;border-radius:24px!important;flex:none!important;align-items:center!important;max-height:60px!important;padding:8px 14px!important;display:inline-flex!important;position:fixed!important;inset:88px 28px auto auto!important}@keyframes toastSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.toast-notification i{flex-shrink:0;font-size:14px}.toast-notification span{font-size:12px;font-weight:500;line-height:1.3}.toast-close{cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;margin-left:4px;padding:0;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-close i{font-size:12px}.toast-success{color:#166534;background:#ecfdf3;border:1px solid #4ade80}.toast-info{color:#854d0e;background:#fffbeb;border:1px solid #facc15}.toast-error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5}.my-profile-page{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);min-height:100vh;padding:24px 20px 60px;animation:.5s ease-out pageLoad}.profile-container{max-width:900px;margin:0 auto}.my-profile-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.my-profile-loading .spinner{border:4px solid #e2e8f0;border-top-color:#0245ae;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.my-profile-loading p{color:#64748b;margin-top:20px;font-size:16px}.profile-hero{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border-radius:24px;margin-bottom:24px;padding:40px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 0 0 1px #0245ae08}.profile-hero-content{align-items:flex-start;gap:48px;display:flex}.profile-header-left{flex-shrink:0}.profile-avatar-wrapper{position:relative}.profile-avatar-large{object-fit:cover;border:4px solid #e2e8f0;border-radius:50%;width:160px;height:160px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0245ae26,0 0 0 4px #fffc}.profile-avatar-wrapper:hover .profile-avatar-large{border-color:#0245ae;transform:scale(1.05);box-shadow:0 12px 32px #0245ae40,0 0 0 4px #fff}.profile-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);justify-content:center;align-items:center;font-size:48px;font-weight:700;display:flex}.profile-avatar-uploading{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);justify-content:center;align-items:center;display:flex}.upload-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.avatar-overlay{opacity:0;background:linear-gradient(#0000,#00000026 40%,#0000008c);border-radius:50%;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:10px;transition:opacity .25s;display:flex;position:absolute;inset:0}.profile-avatar-wrapper:hover .avatar-overlay{opacity:1}.avatar-btn{color:#0245ae;cursor:pointer;letter-spacing:.5px;background:#ffffffe6;border:none;border-radius:6px;padding:5px 12px;font-size:.7rem;font-weight:600;line-height:1;transition:all .2s}.avatar-btn.secondary{background:#ffffffbf}.avatar-btn:hover{transform:translateY(-2px);box-shadow:0 3px 8px #00000040}.avatar-btn:active{transform:translateY(0)}.avatar-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.availability-badge{color:#059669;white-space:nowrap;background:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.profile-header-right{flex:1}.profile-title-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.profile-name{color:#0f172a;letter-spacing:-.5px;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:32px;font-weight:800}.profile-rating-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.star-rating{gap:2px;display:flex}.star-rating i{font-size:18px;transition:transform .2s}.star-rating i.filled{color:#f59e0b}.star-rating i.empty{color:#e2e8f0}.rating-score{color:#1e293b;font-size:18px;font-weight:800}.rating-count{color:#64748b;font-size:14px}.verified-badge{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.verified-badge i{font-size:16px}.btn-edit-name{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-edit-name:hover{color:#fff;background:#0245ae}.profile-quick-stats{background:linear-gradient(135deg,#f59e0b0d 0%,#f973160d 100%);border:1px solid #f59e0b1a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:16px;padding:16px 20px;display:flex}.stat-item{color:#475569;align-items:center;gap:8px;display:flex}.stat-item i{color:#f59e0b;filter:drop-shadow(0 2px 4px #f59e0b4d);font-size:20px}.stat-value{color:#1e293b;font-size:16px;font-weight:800}.stat-label{color:#64748b;font-size:14px}.stat-divider{background:linear-gradient(#0000,#f59e0b4d,#0000);width:1px;height:24px}.profile-meta{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.meta-item{color:#475569;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.meta-item i{color:#0245ae;background:#0245ae14;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;display:flex}.profile-bio-row{align-items:flex-start;gap:8px;margin:16px 0;display:flex}.profile-bio-short{color:#475569;flex:1;margin:0;line-height:1.6}.btn-edit-inline{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.btn-edit-inline:hover{color:#fff;background:#0245ae;border-color:#0245ae}.btn-edit-section{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-size:12px;transition:all .2s;display:flex}.btn-edit-section:hover{color:#fff;background:#0245ae;border-color:#0245ae}.profile-tab-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.profile-tab-title-row .profile-tab-title{margin-bottom:0}.profile-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag{color:#334155;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:1px solid #0245ae14;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s}.tag:hover{border-color:#0245ae33;transform:translateY(-2px);box-shadow:0 4px 12px #0245ae26}.tag-more{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;font-weight:600}.profile-completeness-card{background:linear-gradient(145deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fcd34d;border-radius:16px;margin-bottom:24px;padding:20px 24px;box-shadow:0 2px 8px #fbbf2426}.completeness-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.completeness-title{color:#92400e;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.completeness-title i{color:#f59e0b;font-size:18px}.completeness-percent{color:#92400e;font-size:20px;font-weight:700}.completeness-bar{background:#fbbf244d;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.completeness-bar-fill{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%);border-radius:4px;height:100%;transition:width .5s}.completeness-missing{flex-direction:column;gap:8px;display:flex}.missing-label{color:#92400e;font-size:13px;font-weight:500}.missing-items{flex-wrap:wrap;gap:8px;display:flex}.missing-item{color:#92400e;background:#fff;border:1px solid #fcd34d;border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.missing-item i{font-size:10px}.missing-item.more{color:#b45309;background:0 0;border-color:#0000}.profile-status-card{border-radius:16px;align-items:flex-start;gap:20px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 2px 8px #00000014}.profile-status-card.status-ready{background:linear-gradient(145deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #10b981}.profile-status-card.status-pending_review{background:linear-gradient(145deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b}.profile-status-card.status-approved{background:linear-gradient(145deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #10b981}.profile-status-card.status-rejected{background:linear-gradient(145deg,#fef2f2 0%,#fecaca 100%);border:1px solid #ef4444}.profile-status-card.status-incomplete{background:linear-gradient(145deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fcd34d}.status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.status-icon i{font-size:24px}.status-icon.ready{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.status-icon.ready i{color:#fff}.status-icon.pending{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 12px #f59e0b4d}.status-icon.pending i{color:#fff}.status-icon.approved{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.status-icon.approved i{color:#fff}.status-icon.rejected{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef44444d}.status-icon.rejected i{color:#fff}.status-content{flex:1}.status-content h3{color:#1e293b;margin:0 0 8px;font-size:18px;font-weight:700}.status-content p{color:#475569;margin:0 0 12px;font-size:14px;line-height:1.5}.status-date{color:#64748b;background:#fff9;border-radius:12px;padding:4px 10px;font-size:12px;display:inline-block}.btn-submit-profile{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#0369a1 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0245ae4d}.btn-submit-profile:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0245ae66}.btn-submit-profile:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit-profile i{font-size:14px}.btn-submit-profile .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.review-progress{background:#ffffff80;border-radius:8px;margin:12px 0;padding:12px}.progress-label{color:#475569;margin-bottom:8px;font-size:13px;font-weight:500}.progress-bar-container{background:#0000001a;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;height:100%;transition:width .3s}.rejection-feedback{background:#fff9;border:1px solid #ef444433;border-radius:12px;margin:16px 0;padding:16px}.feedback-item{border-bottom:1px solid #0000000d;flex-direction:column;gap:4px;padding:10px 0;display:flex}.feedback-item:last-child{border-bottom:none;padding-bottom:0}.feedback-item:first-child{padding-top:0}.feedback-label{color:#dc2626;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.feedback-label i{font-size:14px}.feedback-reason{color:#64748b;padding-left:20px;font-size:13px;line-height:1.4}.approved-items{background:#10b98114;border:1px solid #10b98133;border-radius:8px;margin:16px 0;padding:12px}.approved-label{color:#059669;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.pending-changes-notice{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:12px;margin-top:16px;padding:16px}.pending-changes-header{color:#d97706;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.pending-changes-header i{font-size:16px}.pending-changes-desc{color:#78716c;margin:0 0 12px;font-size:13px;line-height:1.5}.pending-changes-list{flex-direction:column;gap:8px;display:flex}.pending-change-item{background:#fff9;border:1px solid #f59e0b26;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.pending-change-item .change-label{color:#44403c;font-size:13px;font-weight:500}.pending-change-item .change-status{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.pending-change-item .change-status.pending{color:#d97706;background:#f59e0b26}.pending-change-item .change-status i{font-size:10px}.approved-badges{flex-wrap:wrap;gap:6px;display:flex}.approved-badge{color:#059669;background:#10b98126;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.approved-badge i{font-size:10px}@media (max-width:576px){.profile-status-card{text-align:center;flex-direction:column;align-items:center;padding:20px}.btn-submit-profile{justify-content:center;width:100%}}.profile-tabs{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:1px solid #0245ae0d;border-radius:16px;gap:8px;margin-bottom:24px;padding:8px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008,inset 0 1px #fffc}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{color:#475569;background:#0245ae0d}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#0369a1 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0245ae59,inset 0 1px #fff3}.tab-btn i{font-size:18px}.profile-content{background:linear-gradient(145deg,#fff 0%,#fafbfc 100%);border:1px solid #fffc;border-radius:24px;padding:40px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 0 0 1px #0245ae08}.tab-content{animation:.3s fadeIn}.profile-tab-section{margin-bottom:40px}.profile-tab-section:last-child{margin-bottom:0}.my-profile-page .profile-tab-title{color:#1e293b;background:0 0;background-clip:initial;-webkit-background-clip:initial;-webkit-text-fill-color:initial;align-items:center;gap:12px;margin-bottom:18px;font-size:20px;font-weight:700;display:flex}.my-profile-page .profile-tab-title i{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.my-profile-page .profile-tab-body{color:#475569;background:0 0;border:none;border-radius:0;padding:0;font-size:15px;line-height:1.7}.my-profile-page .profile-tab-body p{margin-bottom:16px}.my-profile-page .profile-tab-body p:last-child{margin-bottom:0}.my-profile-page .empty-state{text-align:center;color:#94a3b8;background:#0245ae08;border:1px dashed #0245ae24;border-radius:16px;justify-content:center;align-items:center;min-height:180px;padding:28px;font-style:italic;display:flex}.experience-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px;display:grid}.experience-item{background:linear-gradient(145deg,#f8fafc 0%,#fff 100%);border:1px solid #0245ae0f;border-radius:14px;align-items:center;gap:14px;padding:18px;transition:all .3s;display:flex}.experience-item:hover{border-color:#0245ae26;transform:translateY(-2px);box-shadow:0 8px 20px #0245ae1a}.experience-icon{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#0369a1 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:0 4px 12px #0245ae40}.experience-details{flex-direction:column;display:flex}.experience-details strong{color:#1e293b;margin-bottom:2px;font-size:16px}.experience-details span{color:#64748b;font-size:13px}.teaching-style{background:linear-gradient(135deg,#0245ae08 0%,#4a9eff08 100%);border:1px solid #0245ae14;border-left:4px solid #0245ae;border-radius:12px;margin-top:24px;padding:24px}.teaching-style h3{color:#1e293b;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.teaching-style p{color:#475569;margin:0;line-height:1.7}.credentials-group{background:linear-gradient(145deg,#fff 0%,#fafbfc 100%);border:1px solid #0245ae0d;border-radius:16px;margin-bottom:28px;padding:24px}.credentials-group:last-child{margin-bottom:0}.credentials-group h3{color:#1e293b;align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.credentials-group h3:before{content:"";background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:2px;width:4px;height:20px}.credentials-list{margin:0;padding:0;list-style:none}.credentials-list li{border-bottom:1px solid #0245ae0f;align-items:flex-start;gap:14px;padding:14px 0;display:flex}.credentials-list li:last-child{border-bottom:none;padding-bottom:0}.credentials-list i{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.credential-details{flex-direction:column;gap:2px;display:flex}.credential-details strong{color:#1e293b;font-size:15px}.credential-details span{color:#64748b;font-size:13px}.credential-major{color:#0245ae;font-weight:500}.education-info{flex-direction:column;gap:12px;display:flex}.education-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.education-row>i{color:#0245ae;text-align:center;flex-shrink:0;width:20px;font-size:18px}.education-details{flex-flow:wrap;align-items:center;gap:12px;display:flex}.education-details>i{color:#0245ae;text-align:center;flex-shrink:0;width:20px;font-size:18px}.education-label{color:#64748b;min-width:80px;font-size:14px;font-weight:600}.education-row strong,.education-details strong{color:#1e293b;font-size:15px;font-weight:600}.qualifications-row{margin-top:8px}.qualifications-list{flex-wrap:wrap;gap:8px;display:flex}.qualification-badge{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:20px;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.teaching-experience-badge{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.teaching-experience-badge i{font-size:18px}.interests-grid{flex-wrap:wrap;gap:12px;display:flex}.interest-tag{color:#be185d;background:linear-gradient(135deg,#ec489914 0%,#db277714 100%);border:2px solid #ec489933;border-radius:24px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.interest-tag:hover{background:#ec48991f;border-color:#ec4899;transform:translateY(-2px)}.interest-tag i{color:#ec4899;font-size:14px}.empty-state{color:#94a3b8;font-style:italic}.specializations-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.specialization-card{color:#475569;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.specialization-card:hover{background:#fff;border-color:#0245ae}.specialization-card i{color:#10b981;font-size:18px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.profile-stat-card{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e2e8f0;border-radius:16px;padding:24px;text-decoration:none;transition:all .3s;display:block}.profile-stat-card-clickable{cursor:pointer}.profile-stat-card:hover{border-color:#0245ae;transform:translateY(-4px);box-shadow:0 12px 24px #0245ae26}.profile-stat-card-clickable:hover .profile-stat-card-icon{transform:scale(1.1)}.profile-stat-card-icon{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:24px;transition:transform .3s;display:flex}.profile-stat-card-value{color:#1e293b;margin-bottom:4px;font-size:28px;font-weight:700}.profile-stat-card-label{color:#64748b;font-size:14px}.profile-settings-links{flex-direction:column;gap:12px;display:flex}.profile-settings-link{color:inherit;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.profile-settings-link:hover{background:#fff;border-color:#0245ae}.profile-settings-link>i:first-child{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.profile-settings-link-content{text-align:left;flex-direction:column;flex:1;display:flex}.profile-settings-link-title{color:#1e293b;font-size:15px;font-weight:600}.profile-settings-link-desc{color:#64748b;font-size:13px}.profile-settings-link>i:last-child{color:#94a3b8;font-size:20px}.edit-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.edit-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;animation:.3s modalSlideIn;overflow:hidden}.edit-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.edit-modal-header h3{color:#1e293b;margin:0;font-size:18px;font-weight:700}.edit-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex}.edit-modal-close:hover{color:#fff;background:#ef4444}.edit-modal-body{padding:24px}.edit-modal-body input,.edit-modal-body textarea{resize:vertical;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.edit-modal-body input:focus,.edit-modal-body textarea:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.input-hint{color:#64748b;margin-top:8px;font-size:13px;font-style:italic}.edit-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0245ae4d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.interests-editor{flex-direction:column;gap:12px;display:flex}.interests-chips{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:8px;min-height:40px;padding:12px;display:flex}.interest-chip{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;animation:.2s ease-out chipIn;display:inline-flex}@keyframes chipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.interest-chip .chip-remove{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:all .2s;display:flex}.interest-chip .chip-remove:hover{background:#fff6;transform:scale(1.1)}.interest-input-row{gap:8px;display:flex}.interest-input-row input{border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 14px;font-size:14px;transition:all .2s}.interest-input-row input:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.btn-add-interest{color:#fff;cursor:pointer;background:#0245ae;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-add-interest:hover:not(:disabled){background:#0356d1;transform:translateY(-1px)}.btn-add-interest:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .my-profile-page{background:0 0}[data-theme=dark] .my-profile-loading .spinner{border-color:#ffffff1f;border-top-color:var(--fxv-accent)}[data-theme=dark] .my-profile-loading p,[data-theme=dark] .profile-bio-short,[data-theme=dark] .rating-count,[data-theme=dark] .stat-label,[data-theme=dark] .meta-item,[data-theme=dark] .missing-item.more,[data-theme=dark] .progress-label,[data-theme=dark] .feedback-reason,[data-theme=dark] .pending-changes-desc,[data-theme=dark] .my-profile-page .profile-tab-body,[data-theme=dark] .experience-details span,[data-theme=dark] .credential-details span,[data-theme=dark] .education-label,[data-theme=dark] .profile-stat-card-label,[data-theme=dark] .profile-settings-link-desc,[data-theme=dark] .input-hint,[data-theme=dark] .video-placeholder-content,[data-theme=dark] .video-upload-placeholder p{color:var(--fxv-text-muted)}[data-theme=dark] .profile-hero,[data-theme=dark] .profile-tabs,[data-theme=dark] .profile-content,[data-theme=dark] .credentials-group,[data-theme=dark] .edit-modal{border:1px solid var(--fxv-border);box-shadow:var(--fxv-shadow-md);background:#1f1f1f}[data-theme=dark] .profile-avatar-large{border-color:#ffffff14;box-shadow:0 10px 28px #00000038,0 0 0 4px #262626eb}[data-theme=dark] .profile-avatar-wrapper:hover .profile-avatar-large{border-color:var(--fxv-accent-strong);box-shadow:0 14px 30px #00000047,0 0 0 4px #262626fa}[data-theme=dark] .availability-badge{background:var(--fxv-surface-muted);box-shadow:var(--fxv-shadow-sm);color:#6ee7b7}[data-theme=dark] .profile-name,[data-theme=dark] .rating-score,[data-theme=dark] .status-content h3,[data-theme=dark] .my-profile-page .profile-tab-title,[data-theme=dark] .experience-details strong,[data-theme=dark] .teaching-style h3,[data-theme=dark] .credentials-group h3,[data-theme=dark] .credential-details strong,[data-theme=dark] .education-row strong,[data-theme=dark] .education-details strong,[data-theme=dark] .profile-stat-card-value,[data-theme=dark] .profile-settings-link-title,[data-theme=dark] .video-section-title,[data-theme=dark] .edit-modal-header h3{color:var(--fxv-text);-webkit-text-fill-color:initial;background:0 0}[data-theme=dark] .star-rating i.empty{color:#ffffff1f}[data-theme=dark] .verified-badge,[data-theme=dark] .qualification-badge,[data-theme=dark] .teaching-experience-badge{color:#93c5fd;background:#2563eb24}[data-theme=dark] .btn-edit-name,[data-theme=dark] .btn-edit-inline,[data-theme=dark] .btn-edit-section,[data-theme=dark] .edit-modal-close,[data-theme=dark] .btn-cancel{background:var(--fxv-surface-soft);border-color:var(--fxv-border);color:var(--fxv-text-muted)}[data-theme=dark] .btn-edit-name:hover,[data-theme=dark] .btn-edit-inline:hover,[data-theme=dark] .btn-edit-section:hover{background:var(--fxv-accent);border-color:var(--fxv-accent);color:#fff}[data-theme=dark] .profile-quick-stats,[data-theme=dark] .interests-chips{background:var(--fxv-surface-muted);border-color:var(--fxv-border)}[data-theme=dark] .experience-item,[data-theme=dark] .profile-stat-card,[data-theme=dark] .specialization-card,[data-theme=dark] .profile-settings-link{box-shadow:none;background:0 0;border:1px solid #ffffff14}[data-theme=dark] .profile-quick-stats{background:linear-gradient(135deg,#f59e0b14 0%,#ea580c14 100%);border-color:#f59e0b29}[data-theme=dark] .stat-item,[data-theme=dark] .pending-change-item .change-label,[data-theme=dark] .status-date,[data-theme=dark] .specialization-card{color:var(--fxv-text-muted)}[data-theme=dark] .stat-value{color:var(--fxv-text)}[data-theme=dark] .stat-divider{background:linear-gradient(#0000,#f59e0b3d,#0000)}[data-theme=dark] .meta-item i,[data-theme=dark] .credentials-list i,[data-theme=dark] .my-profile-page .profile-tab-title i,[data-theme=dark] .video-section-title i{color:#93c5fd;background:#2563eb1f}[data-theme=dark] .tag{background:var(--fxv-surface-soft);color:#d1d5db;border-color:var(--fxv-border)}[data-theme=dark] .tag:hover,[data-theme=dark] .experience-item:hover,[data-theme=dark] .profile-stat-card:hover,[data-theme=dark] .specialization-card:hover,[data-theme=dark] .profile-settings-link:hover{box-shadow:none;background:#ffffff05;border-color:#ffffff1f}[data-theme=dark] .profile-completeness-card{box-shadow:none;background:linear-gradient(135deg,#78350f4d 0%,#451a0357 100%);border-color:#f59e0b47}[data-theme=dark] .completeness-title,[data-theme=dark] .completeness-percent,[data-theme=dark] .missing-label,[data-theme=dark] .missing-item{color:#fcd34d}[data-theme=dark] .completeness-bar{background:#f59e0b29}[data-theme=dark] .missing-item{background:#1e1e1ed6;border-color:#f59e0b47}[data-theme=dark] .profile-status-card{box-shadow:none}[data-theme=dark] .profile-status-card.status-ready,[data-theme=dark] .profile-status-card.status-approved{background:linear-gradient(145deg,#064e3b52 0%,#14532d42 100%);border-color:#34d39947}[data-theme=dark] .profile-status-card.status-pending_review,[data-theme=dark] .profile-status-card.status-incomplete{background:linear-gradient(145deg,#78350f52 0%,#451a0347 100%);border-color:#f59e0b42}[data-theme=dark] .profile-status-card.status-rejected{background:linear-gradient(145deg,#7f1d1d4d 0%,#450a0a47 100%);border-color:#f871713d}[data-theme=dark] .status-content p{color:var(--fxv-text-muted)}[data-theme=dark] .status-date,[data-theme=dark] .review-progress,[data-theme=dark] .rejection-feedback,[data-theme=dark] .approved-items,[data-theme=dark] .pending-changes-notice,[data-theme=dark] .pending-change-item{background:#11111157;border-color:#ffffff14}[data-theme=dark] .progress-bar-container,[data-theme=dark] .feedback-item{border-color:#ffffff14}[data-theme=dark] .approved-label,[data-theme=dark] .approved-badge{color:#6ee7b7}[data-theme=dark] .approved-badge{background:#10b98129}[data-theme=dark] .pending-changes-header,[data-theme=dark] .pending-change-item .change-status.pending{color:#fbbf24}[data-theme=dark] .pending-change-item .change-status.pending{background:#f59e0b24}[data-theme=dark] .profile-tabs{background:var(--fxv-surface)}[data-theme=dark] .tab-btn{color:var(--fxv-text-muted)}[data-theme=dark] .tab-btn:hover{color:var(--fxv-text);background:#2563eb1f}[data-theme=dark] .tab-btn.active{box-shadow:0 10px 22px #2563eb2e}[data-theme=dark] .my-profile-page .profile-tab-title,[data-theme=dark] .my-profile-page .profile-tab-section,[data-theme=dark] .my-profile-page .profile-tab-title-row,[data-theme=dark] .my-profile-page .profile-settings-links{background:0 0!important}[data-theme=dark] .my-profile-page .profile-tab-body{box-shadow:none;background:0 0;border:none}[data-theme=dark] .my-profile-page .empty-state{color:var(--fxv-text-muted);background:0 0;border-color:#ffffff14}[data-theme=dark] .teaching-style{background:#2563eb1a;border-color:#7cb8ff3d}[data-theme=dark] .teaching-style p,[data-theme=dark] .credential-major{color:#bfdbfe}[data-theme=dark] .credentials-list li{border-bottom-color:#ffffff14}[data-theme=dark] .interest-tag{color:#f9a8d4;background:#be185d1f;border-color:#ec489933}[data-theme=dark] .interest-tag:hover{background:#ec489929}[data-theme=dark] .specialization-card{background:var(--fxv-surface-muted);border-color:var(--fxv-border)}[data-theme=dark] .edit-modal-overlay{background:#0000009e}[data-theme=dark] .edit-modal-header,[data-theme=dark] .edit-modal-footer{border-color:var(--fxv-border)}[data-theme=dark] .edit-modal-footer{background:var(--fxv-surface-muted)}[data-theme=dark] .edit-modal-body input,[data-theme=dark] .edit-modal-body textarea,[data-theme=dark] .interest-input-row input{background:var(--fxv-surface-soft);border-color:var(--fxv-border);color:var(--fxv-text)}[data-theme=dark] .edit-modal-body input::placeholder,[data-theme=dark] .edit-modal-body textarea::placeholder,[data-theme=dark] .interest-input-row input::placeholder{color:var(--fxv-text-soft)}[data-theme=dark] .edit-modal-body input:focus,[data-theme=dark] .edit-modal-body textarea:focus,[data-theme=dark] .interest-input-row input:focus{box-shadow:0 0 0 3px #2563eb2e}[data-theme=dark] .video-replace-btn{box-shadow:0 12px 28px #0000004d}@media (max-width:768px){.my-profile-page{padding:80px 16px}.profile-hero{padding:20px}.profile-hero-content{text-align:center;flex-direction:column;align-items:center}.profile-avatar-large{width:120px;height:120px}.profile-title-row{flex-direction:column;gap:8px}.profile-name{font-size:24px}.profile-quick-stats{justify-content:center}.profile-meta{align-items:center}.profile-bio-row{text-align:center;flex-direction:column;align-items:center}.profile-tags{justify-content:center}.profile-tabs{flex-wrap:wrap}.tab-btn{padding:10px 12px;font-size:13px}.tab-btn span{display:none}.profile-content{padding:20px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.experience-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.specializations-grid{grid-template-columns:1fr}}.hero-video-section{border-top:1px solid #0245ae14;width:100%;margin-top:24px;padding-top:24px}.video-section-title{color:#1e293b;align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.video-section-title i{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.hero-video-container{flex-direction:column;display:flex;position:relative}.hero-video-container .fxv-video-player{aspect-ratio:16/9;border-radius:12px;width:100%;max-width:100%;overflow:hidden}.video-replace-overlay{opacity:0;cursor:pointer;z-index:10;pointer-events:none;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-video-container:hover .video-replace-overlay{opacity:1;pointer-events:auto}.video-replace-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#0245aef2 0%,#4a9efff2 100%);border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s;display:flex;transform:scale(.9);box-shadow:0 4px 20px #0006}.hero-video-container:hover .video-replace-btn{transform:scale(1)}.video-replace-btn:hover{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);box-shadow:0 6px 25px #00000080}.video-replace-btn i{font-size:18px}.hero-video-actions{gap:8px;display:flex}.btn-video-action{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-video-action:hover{color:#1e293b;background:#e2e8f0}.btn-video-action.btn-video-delete{color:#dc2626}.btn-video-action.btn-video-delete:hover{background:#fee2e2;border-color:#fecaca}.hero-video-placeholder{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px dashed #93c5fd;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.video-placeholder-content{color:#475569;align-items:center;gap:12px;display:flex}.video-placeholder-content i{color:#0245ae;font-size:24px}.video-placeholder-content span{font-size:14px;font-weight:500}[data-theme=dark] .hero-video-section{border-top-color:#334155}[data-theme=dark] .btn-video-action{color:#cbd5e1;background:#1e293b;border-color:#334155}[data-theme=dark] .btn-video-action:hover{color:#f1f5f9;background:#334155}[data-theme=dark] .hero-video-placeholder{background:linear-gradient(135deg,#1e3a5f 0%,#1e293b 100%);border-color:#475569}[data-theme=dark] .video-placeholder-content{color:#cbd5e1}@media (max-width:768px){.hero-video-container .fxv-video-player{max-width:100%}.hero-video-placeholder{text-align:center;flex-direction:column;gap:12px}}.video-intro-section{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd}.video-container{flex-direction:column;align-items:center;gap:16px;display:flex}.video-container .fxv-video-player{max-width:100%}.video-actions{justify-content:center;gap:12px;display:flex}.btn-upload-video,.btn-add-video{color:#fff;cursor:pointer;background:#0245ae;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-upload-video:hover,.btn-add-video:hover{background:#0369a1;transform:translateY(-2px)}.btn-delete{color:#dc2626;background:#fee2e2}.btn-delete:hover{background:#fecaca}.video-upload-placeholder{text-align:center;background:#ffffff80;border:2px dashed #93c5fd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.video-upload-placeholder .upload-icon{background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex}.video-upload-placeholder .upload-icon i{color:#0245ae;font-size:32px}.video-upload-placeholder p{color:#475569;margin:0 0 8px;font-size:15px}.video-upload-placeholder .upload-hint{color:#94a3b8;margin-bottom:20px;font-size:13px}[data-theme=dark] .video-intro-section{background:linear-gradient(135deg,#1e3a5f 0%,#1e293b 100%);border-color:#334155}[data-theme=dark] .video-upload-placeholder{background:#1e293b80;border-color:#475569}[data-theme=dark] .video-upload-placeholder .upload-icon{background:#1e3a5f}[data-theme=dark] .video-upload-placeholder p{color:#cbd5e1}@media (max-width:640px){.video-upload-placeholder{padding:32px 16px}.video-upload-placeholder .upload-icon{width:64px;height:64px}.video-upload-placeholder .upload-icon i{font-size:24px}}.performance-metrics-page{--metric-muted:#66758b;--metric-line:#dfe5ee;--metric-panel:#fff;--metric-blue:#1b58c8;--metric-green:#168153;--metric-red:#bd2949;--metric-amber:#a46b08;--metric-teal:#087e86;box-sizing:border-box;width:100%;min-width:0;max-width:1240px;color:var(--fxv-text,#17212f);margin:0 auto;padding:30px 32px 70px}.metrics-header,.metrics-controls,.metrics-meta,.metrics-section-heading,.metrics-pagination{justify-content:space-between;align-items:center;gap:16px;display:flex}.metrics-header{flex-wrap:wrap;align-items:flex-end}.metrics-back{color:var(--metric-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:inline-flex}.metrics-header h1{letter-spacing:0;align-items:center;gap:12px;margin:0;font-size:26px;display:flex}.metrics-header h1 i{color:var(--metric-blue);font-size:23px}.metrics-controls{align-items:flex-end;gap:10px}.metrics-controls label{color:var(--metric-muted);gap:5px;font-size:12px;display:grid}.metrics-controls select,.metrics-controls input{border:1px solid var(--metric-line);background:var(--metric-panel);height:38px;color:var(--fxv-text,#17212f);font:inherit;border-radius:6px;min-width:130px;max-width:100%;padding:7px 10px;font-size:13px}.metrics-icon-button{border:1px solid var(--metric-line);background:var(--metric-panel);width:36px;height:36px;color:var(--metric-blue);cursor:pointer;border-radius:6px;flex:0 0 36px;justify-content:center;align-items:center;display:inline-flex}.metrics-icon-button:hover{background:var(--fxv-surface-muted,#f0f5fb)}.metrics-icon-button:disabled{opacity:.45;cursor:default}.metrics-meta{color:var(--metric-muted);padding:14px 0;font-size:12px}.metrics-overview{grid-template-columns:1fr 1fr 1.2fr;gap:16px;display:grid}.metrics-overview-card,.metrics-section{background:var(--metric-panel);border:1px solid var(--metric-line);border-radius:8px;box-shadow:0 3px 12px #0f172a0a}.metrics-overview-card{min-width:0;padding:20px}.metrics-overview-card h2{align-items:center;gap:9px;margin:0 0 20px;font-size:15px;display:flex}.metrics-overview-card h2 i{color:var(--metric-blue);font-size:14px}.metrics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.metrics-quality-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.metrics-survey-caption{color:var(--metric-muted);margin:0 0 16px;font-size:13px}.metrics-survey-bars{gap:14px;display:grid}.metrics-survey-row{grid-template-columns:minmax(160px,1fr) minmax(80px,1.4fr) 92px;align-items:center;gap:18px;font-size:14px;display:grid}.metrics-survey-row>span{overflow-wrap:anywhere;min-width:0}.metrics-survey-row>strong{text-align:right;font-size:14px}.metrics-survey-row small{color:var(--metric-muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.metrics-survey-row progress{appearance:none;background:var(--metric-line);border:0;border-radius:3px;width:100%;height:10px;overflow:hidden}.metrics-survey-row progress::-webkit-progress-bar{background:var(--metric-line)}.metrics-survey-row progress::-webkit-progress-value{background:var(--metric-green)}.metrics-survey-row progress::-moz-progress-bar{background:var(--metric-green)}.metrics-survey-improvement progress::-webkit-progress-value{background:var(--metric-red)}.metrics-survey-improvement progress::-moz-progress-bar{background:var(--metric-red)}@media (max-width:650px){.metrics-survey-row{grid-template-columns:minmax(0,1fr) 74px;gap:6px 12px}.metrics-survey-row>span{grid-column:1}.metrics-survey-row>strong{grid-area:span 2/2}.metrics-survey-row progress{grid-area:auto/1}}.metrics-kpi{background:var(--metric-panel);grid-template-columns:1fr;align-content:start;gap:8px;padding:0;display:grid}.metrics-kpi>i{display:none}.metrics-kpi>span{color:var(--metric-muted);font-size:12px}.metrics-kpi strong{overflow-wrap:anywhere;grid-column:1/-1;font-size:26px;line-height:1.3}.metrics-tabs{border-bottom:1px solid var(--metric-line);gap:20px;margin-top:20px;margin-bottom:20px;display:flex;overflow-x:auto}.metrics-tabs button{color:var(--metric-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:13px 2px;font-size:13px;font-weight:600;display:inline-flex}.metrics-tabs button.active{color:var(--metric-blue);border-bottom-color:var(--metric-blue)}.metrics-section{min-width:0;margin-bottom:16px;padding:22px;overflow:hidden}.metrics-section h2{letter-spacing:0;margin:0 0 18px;font-size:16px}.metrics-section h2 small{color:var(--metric-muted);margin-left:8px;font-size:12px;font-weight:400}.metrics-section-heading{flex-wrap:wrap;align-items:flex-start;margin-bottom:18px}.metrics-section-heading h2{margin:0}.metrics-section-heading>span{color:var(--metric-muted);font-size:12px}.metrics-outcomes{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px;display:grid}.metrics-outcomes>div{align-items:center;gap:8px;font-size:13px;display:flex}.metrics-outcomes strong{margin-left:auto}.metrics-dot{background:var(--metric-blue);border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block}.metrics-legend{color:var(--metric-muted);flex-wrap:wrap;gap:14px;font-size:11px;display:flex}.metrics-legend>span{align-items:center;gap:5px;display:inline-flex}.metrics-chart-scroll{position:relative;overflow-x:auto}.metrics-chart{gap:5px;min-width:360px;height:190px;display:grid}.metrics-chart-column{grid-template-rows:minmax(0,1fr) 25px;align-items:stretch;display:grid}.metrics-chart-bar{border-bottom:1px solid var(--metric-line);flex-direction:column-reverse;justify-content:flex-start;display:flex}.metrics-chart-bar>span{flex-shrink:0;width:100%;display:block}.metrics-chart-label{text-align:center;color:var(--metric-muted);padding-top:7px;font-size:10px}.metrics-chart-empty{text-align:center;color:var(--metric-muted);font-size:13px;position:absolute;top:60px;left:0;right:0}.metrics-dot.green,.metrics-chart-bar .green{background:var(--metric-green)}.metrics-dot.red,.metrics-chart-bar .red{background:var(--metric-red)}.metrics-dot.amber,.metrics-chart-bar .amber{background:var(--metric-amber)}.metrics-dot.gray,.metrics-chart-bar .gray{background:#8691a2}.metrics-inline-stats{flex-wrap:wrap;gap:24px 38px;display:flex}.metrics-count{gap:5px;min-width:90px;display:grid}.metrics-count strong{font-size:23px;line-height:1.3}.metrics-count span{color:var(--metric-muted);font-size:12px}.metrics-count.green strong,.metrics-kpi.green i,.metrics-status.green{color:var(--metric-green)}.metrics-count.red strong,.metrics-kpi.red i,.metrics-status.red{color:var(--metric-red)}.metrics-count.amber strong,.metrics-kpi.amber i,.metrics-status.amber{color:var(--metric-amber)}.metrics-kpi.teal i{color:var(--metric-teal)}.metrics-status.blue{color:var(--metric-blue)}.metrics-status.gray{color:var(--metric-muted)}.metrics-table-scroll{width:100%;max-width:100%;position:relative;overflow-x:auto}.metrics-table{border-collapse:collapse;width:100%;font-size:13px}.metrics-table th{color:var(--metric-muted);text-align:left;background:var(--fxv-surface-muted,#f2f5fa);font-size:11px;font-weight:500}.metrics-table th,.metrics-table td{border-bottom:1px solid var(--metric-line);padding:11px 10px}.metrics-table td:first-child{white-space:nowrap}.metrics-table td:nth-child(2){overflow-wrap:anywhere;min-width:110px;max-width:200px}.metrics-table .metrics-status{white-space:nowrap;font-weight:600}.metrics-pagination{color:var(--metric-muted);justify-content:flex-end;gap:8px;padding-top:14px;font-size:12px}.metrics-pagination>span{margin-right:10px}.metrics-empty,.metrics-loading{color:var(--metric-muted);padding:12px 0;font-size:13px}.metrics-score{align-items:center;gap:25px;margin-bottom:24px;display:flex}.metrics-score>strong{min-width:110px;font-size:32px}.metrics-score progress{width:min(400px,100%);height:12px;accent-color:var(--metric-green)}.metrics-penalty-counts{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 0;display:grid}.metrics-penalty-counts dt{font-size:13px;font-weight:600}.metrics-penalty-counts dd{margin:6px 0 0;font-size:13px}.metrics-penalty-counts dd span{color:var(--metric-muted)}.metrics-incidents{margin:0;padding:0;list-style:none}.metrics-incidents li{border-top:1px solid var(--metric-line);align-items:center;gap:18px;padding:15px 0;font-size:13px;display:flex}.metrics-incidents li>strong{color:var(--metric-red);min-width:62px}.metrics-incidents li>div{flex:1;min-width:0}.metrics-incidents li p{overflow-wrap:anywhere;margin:0 0 5px}.metrics-incidents li small{color:var(--metric-muted)}.metrics-incidents li>span{white-space:nowrap}.metrics-definitions{margin:0 0 28px}.metrics-definitions>div{border-top:1px solid var(--metric-line);grid-template-columns:230px 1fr;gap:20px;padding:16px 0;font-size:13px;line-height:1.7;display:grid}.metrics-definitions dt{color:var(--metric-blue);font-weight:600}.metrics-definitions dt small{color:var(--metric-muted);font-weight:400;display:block}.metrics-definitions dd{margin:0}.metrics-error{background:var(--metric-panel);border:1px solid var(--metric-red);color:var(--metric-red);border-radius:6px;justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.metrics-error button{border:1px solid var(--metric-line);background:var(--metric-panel);color:inherit;border-radius:6px;padding:7px 12px}.metrics-sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[data-theme=dark] .performance-metrics-page{--metric-muted:#b0bbc9;--metric-line:#3b3b3b;--metric-panel:#252525;--metric-blue:#8abaff;--metric-green:#68d5a4;--metric-red:#ff92a8;--metric-amber:#e7be62;--metric-teal:#78d3d5;color:#f2f2f2}[data-theme=dark] .metrics-controls select,[data-theme=dark] .metrics-controls input{color:#f2f2f2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .performance-metrics-page .metrics-table,[data-theme=dark] .performance-metrics-page .metrics-table tbody tr{background:0 0}[data-theme=dark] .performance-metrics-page .metrics-table tbody tr:hover{background:#303030}@media (max-width:1100px){.metrics-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-scheduling-card{grid-column:1/-1}.metrics-outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.performance-metrics-page{padding:22px 16px 90px}.metrics-header h1{font-size:21px}.metrics-controls{flex-wrap:wrap;gap:8px;width:100%}.metrics-controls label{flex:1;min-width:0}.metrics-controls select,.metrics-controls input{width:100%;min-width:0}.metrics-overview{grid-template-columns:1fr;gap:12px}.metrics-overview-card,.metrics-section{padding:18px}.metrics-kpi{padding:0}.metrics-kpi strong{font-size:24px}.metrics-tabs{gap:16px}.metrics-outcomes{gap:14px}.metrics-outcomes>div{font-size:12px}.metrics-definitions>div{grid-template-columns:1fr;gap:6px}.metrics-penalty-counts{grid-template-columns:1fr;gap:18px}.metrics-score{gap:14px}.metrics-score strong{min-width:85px;font-size:28px}.metrics-incidents li{flex-wrap:wrap;gap:10px}.metrics-incidents li>div{flex-basis:calc(100% - 75px)}}.yl-page{background:linear-gradient(135deg,#fff8dc 0%,#e6f7ff 100%);min-height:100vh;padding:0}.yl-page-header{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:0 0 32px 32px;margin-bottom:1.5rem;padding:2rem}.yl-header-content{text-align:center;max-width:600px;margin:0 auto}.yl-header-mascots{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.yl-header-mascot{font-size:2.5rem;animation:1s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.yl-page-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700}.yl-page-header p{opacity:.9;margin:0;font-size:1rem}.yl-search-container{margin-bottom:1.5rem;padding:0 1.5rem}.yl-search-box{background:#fff;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex;box-shadow:0 2px 8px #0000000f}.yl-search-box i{color:#9ca3af;font-size:1.25rem}.yl-search-box input{background:0 0;border:none;outline:none;flex:1;font-size:1rem}.yl-search-box input::placeholder{color:#9ca3af}.yl-search-clear{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.yl-content{padding:0 1.5rem 2rem}.yl-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.yl-loading-mascot{margin-bottom:1rem;font-size:4rem;animation:.6s ease-in-out infinite bounce}.yl-loading p{color:#6b7280;font-size:1rem}.yl-error{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:4rem 2rem;display:flex}.yl-error i{color:#ef4444;margin-bottom:1rem;font-size:3rem}.yl-error h3{color:#1f2937;margin:0 0 .5rem}.yl-error p{color:#6b7280;margin:0 0 1.5rem}.yl-error button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.yl-empty{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:4rem 2rem;display:flex}.yl-empty-icon{margin-bottom:1rem;font-size:4rem}.yl-empty h3{color:#1f2937;margin:0 0 .5rem}.yl-empty p{color:#6b7280;margin:0}.yl-levels-list{flex-direction:column;gap:1rem;display:flex}.yl-level{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.yl-level-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background .2s;display:flex}.yl-level-header:hover{background:#f9fafb}.yl-level-info{align-items:center;gap:.75rem;display:flex}.yl-level-number{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.yl-level-name{color:#1f2937;font-weight:600}.yl-level-meta{align-items:center;gap:.75rem;display:flex}.yl-lesson-count{color:#6b7280;font-size:.875rem}.yl-level-meta i{color:#9ca3af;font-size:1.25rem}.yl-units-list{border-top:1px solid #e5e7eb}.yl-unit{border-bottom:1px solid #f3f4f6}.yl-unit:last-child{border-bottom:none}.yl-unit-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.875rem 1.25rem .875rem 2rem;transition:background .2s;display:flex}.yl-unit-header:hover{background:#fafafa}.yl-unit-info{align-items:center;gap:.5rem;display:flex}.yl-unit-number{color:#6366f1;font-size:.8125rem;font-weight:600}.yl-unit-name{color:#4b5563;font-size:.9375rem}.yl-unit-meta{align-items:center;gap:.5rem;display:flex}.yl-unit-meta .yl-lesson-count{color:#6b7280;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.yl-unit-meta i{color:#9ca3af;font-size:1.125rem}.yl-lessons-grid{background:#f9fafb;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem 1.25rem 1rem 2.5rem;display:grid}.yl-lesson-card{cursor:pointer;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000f}.yl-lesson-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.yl-card-mascot{flex-shrink:0;font-size:2rem}.yl-card-content{flex:1;min-width:0}.yl-card-lesson{color:#6b7280;margin-bottom:.25rem;font-size:.75rem;display:block}.yl-card-title{color:#1f2937;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.9375rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.yl-card-tags{flex-wrap:wrap;gap:.375rem;display:flex}.yl-card-tag{text-transform:capitalize;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.yl-card-tag.theme{color:#4f46e5;background:#6366f11a}.yl-card-tag.age{color:#059669;background:#10b9811a}@media (max-width:768px){.yl-page-header{border-radius:0 0 24px 24px;padding:1.5rem 1rem}.yl-page-header h1{font-size:1.5rem}.yl-header-mascot{font-size:2rem}.yl-search-container,.yl-content{padding-left:1rem;padding-right:1rem}.yl-lessons-grid{grid-template-columns:1fr;padding-left:1.5rem}.yl-unit-header{padding-left:1.5rem}}.yl-lesson-page{flex-direction:column;min-height:100vh;font-family:Comic Neue,Nunito,-apple-system,sans-serif;display:flex}.yl-lesson-loading,.yl-lesson-error{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.yl-loading-mascot{font-size:5rem;animation:.6s ease-in-out infinite bounce}.yl-lesson-loading p{color:#6b7280;margin-top:1rem;font-size:1.125rem}.yl-error-emoji{font-size:5rem}.yl-lesson-error h2{color:#1f2937;margin:1rem 0 .5rem;font-size:1.5rem}.yl-lesson-error p{color:#6b7280;margin:0 0 1.5rem}.yl-lesson-error button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:25px;padding:.75rem 2rem;font-size:1rem;font-weight:600}.yl-lesson-header{background:#fff;border-radius:0 0 20px 20px;align-items:center;padding:1rem;display:flex;box-shadow:0 4px 12px #00000014}.yl-back-button{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.yl-lesson-title-area{text-align:center;flex:1;padding:0 .5rem}.yl-lesson-badge{color:#6366f1;font-size:.75rem;font-weight:600}.yl-lesson-title-area h1{color:#1f2937;margin:.25rem 0 0;font-size:1.125rem;line-height:1.3}.yl-lesson-mascot{flex-shrink:0;font-size:2.5rem;animation:2s ease-in-out infinite wave}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-10deg)}}.yl-progress-bar{background:#00000014;border-radius:3px;height:6px;margin:.5rem 1rem;overflow:hidden}.yl-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%;transition:width .3s}.yl-lesson-content{flex:1;padding:1rem;overflow-y:auto}.yl-section{max-width:600px;margin:0 auto}.yl-section-title{text-align:center;color:#1f2937;margin:0 0 .5rem;font-size:1.5rem}.yl-section-subtitle{text-align:center;color:#6b7280;margin:0 0 1.5rem}.yl-jp{color:#6b7280!important;margin-top:.5rem!important;font-size:.9em!important}.yl-welcome{flex-direction:column;gap:2rem;padding:1rem;display:flex}.yl-welcome-mascot{align-items:flex-start;gap:1rem;display:flex}.yl-big-mascot{flex-shrink:0;font-size:5rem;animation:1s ease-in-out infinite bounce}.yl-speech-bubble{background:#fff;border-radius:0 16px 16px;padding:1.25rem;box-shadow:0 4px 12px #00000014}.yl-speech-bubble p{color:#1f2937;margin:0;font-size:1.125rem;line-height:1.5}.yl-lesson-preview{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #00000014}.yl-lesson-preview h2{color:#374151;margin:0 0 1rem;font-size:1.125rem}.yl-preview-items{flex-direction:column;gap:.75rem;display:flex}.yl-preview-item{background:#f9fafb;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.yl-preview-item span:first-child{font-size:1.5rem}.yl-preview-item span:last-child{color:#4b5563;font-weight:500}.yl-vocab-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.yl-vocab-card{perspective:1000px;cursor:pointer}.yl-vocab-card-inner{width:100%;height:180px;transform-style:preserve-3d;transition:transform .5s;position:relative}.yl-vocab-card.flipped .yl-vocab-card-inner{transform:rotateY(180deg)}.yl-vocab-front,.yl-vocab-back{backface-visibility:hidden;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:absolute}.yl-vocab-front{background:#fff;box-shadow:0 4px 12px #00000014}.yl-vocab-front img{object-fit:cover;border-radius:12px;width:80px;height:80px;margin-bottom:.5rem}.yl-vocab-placeholder{background:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:.5rem;font-size:2rem;display:flex}.yl-vocab-front h3{color:#1f2937;text-align:center;margin:0;font-size:1rem}.yl-vocab-back{background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:rotateY(180deg)}.yl-translation{color:#fff;text-align:center;font-size:1.25rem;font-weight:700}.yl-audio-button{cursor:pointer;background:#eef2ff;border:none;border-radius:50%;width:36px;height:36px;font-size:1.25rem;transition:transform .2s;position:absolute;top:8px;right:8px}.yl-audio-button:hover{transform:scale(1.1)}.yl-song{padding:1rem}.yl-song-title{text-align:center;color:#4b5563;margin:0 0 1.5rem;font-size:1.25rem}.yl-play-song-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899,#f472b6);border:none;border-radius:25px;width:100%;max-width:200px;margin:0 auto 1.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:transform .2s;display:block}.yl-play-song-btn:hover{transform:scale(1.05)}.yl-lyrics{background:#fff;border-radius:16px;padding:1rem;box-shadow:0 4px 12px #00000014}.yl-lyric-line{border-radius:8px;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:.75rem;display:flex}.yl-lyric-line:nth-child(odd){background:#fdf4ff}.yl-lyric-number{color:#fff;background:#ec4899;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:600;display:flex}.yl-lyric-text{flex:1}.yl-lyric-text p{color:#1f2937;margin:0;font-size:1rem}.yl-story{padding:1rem}.yl-story-title{text-align:center;color:#4b5563;margin:0 0 1.5rem;font-size:1.25rem}.yl-story-book{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.yl-story-page{min-height:300px;padding:1.5rem}.yl-story-image{object-fit:contain;border-radius:12px;width:100%;max-height:250px;margin-bottom:1rem}.yl-story-text{background:#f9fafb;border-radius:12px;padding:1rem}.yl-story-text p{color:#1f2937;margin:0;font-size:1.125rem;line-height:1.8}.yl-story-nav{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.yl-story-nav button{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:20px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600}.yl-story-nav button:disabled{opacity:.4;cursor:not-allowed}.yl-story-nav span{color:#6b7280;font-weight:600}.yl-activities-list{flex-direction:column;gap:1rem;display:flex}.yl-activity-card{background:#fff;border-radius:16px;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 4px 12px #00000014}.yl-activity-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.yl-activity-info h3{color:#1f2937;margin:0 0 .5rem;font-size:1.125rem}.yl-activity-info p{color:#4b5563;margin:0;line-height:1.5}.yl-complete{justify-content:center;align-items:center;min-height:60vh;display:flex}.yl-complete-content{text-align:center;padding:2rem}.yl-star-burst{font-size:5rem;animation:1s ease-in-out infinite pulse}.yl-complete-content h2{color:#1f2937;margin:1rem 0 .5rem;font-size:2rem}.yl-complete-content p{color:#6b7280;margin:0 0 1.5rem;font-size:1.125rem}.yl-complete-mascot{margin-bottom:1.5rem;font-size:4rem;animation:1s ease-in-out infinite bounce}.yl-home-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:25px;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;transition:transform .2s}.yl-home-button:hover{transform:scale(1.05)}.yl-lesson-footer{background:#fff;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;box-shadow:0 -4px 12px #0000000d}.yl-nav-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:25px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.yl-nav-btn:hover:not(:disabled){background:#e5e7eb}.yl-nav-btn:disabled{opacity:.3;cursor:not-allowed}.yl-nav-btn.next{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.yl-nav-btn.next:hover:not(:disabled){transform:scale(1.02)}.yl-section-dots{gap:.5rem;display:flex}.yl-dot{background:#e5e7eb;border-radius:50%;width:10px;height:10px;transition:all .2s}.yl-dot.active{background:#6366f1;border-radius:5px;width:24px}.yl-dot.completed{background:#10b981}@media (max-width:480px){.yl-lesson-title-area h1{font-size:1rem}.yl-lesson-mascot{font-size:2rem}.yl-big-mascot{font-size:4rem}.yl-speech-bubble{padding:1rem}.yl-speech-bubble p{font-size:1rem}.yl-vocab-cards{grid-template-columns:repeat(2,1fr);gap:.75rem}.yl-vocab-card-inner{height:160px}.yl-nav-btn span{display:none}.yl-nav-btn{padding:.75rem}}.fxv-spinner-wrapper{justify-content:center;align-items:center;padding:2rem;display:flex}.fxv-spinner{border:4px solid #0245ae26;border-top-color:#0245ae;border-radius:50%;width:42px;height:42px;animation:.9s linear infinite fxv-spin;box-shadow:0 0 0 1px #0245ae0d}.dark-mode .fxv-spinner{border:4px solid #4a9eff40;border-top-color:#4a9eff}.register-container{width:100%;margin:0;padding:0}.register-content{background:linear-gradient(90deg,#0245ae 0% 50%,#e0f2fe 50% 100%);align-items:stretch;min-height:100vh;margin-top:0;padding-top:80px;padding-bottom:0;display:flex}.register-left-side{box-shadow:none;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:0;flex-direction:column;flex:1;justify-content:center;padding:60px 50px 60px 80px;display:flex;position:relative;overflow:hidden}.decorative-circle-top{background:#ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.decorative-circle-bottom{background:#ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-50px;left:-50px}.left-content{z-index:1;position:relative}.left-subtitle{color:#fffffff2;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:15px;font-weight:700}.left-title{color:#fff;letter-spacing:-.5px;margin-bottom:50px;font-family:Georgia,serif;font-size:38px;font-weight:400;line-height:1.3}.features-list{flex-direction:column;gap:24px;display:flex}.feature-item{align-items:center;gap:18px;margin-bottom:8px;transition:transform .2s;animation:.6s ease-out both slideIn;display:flex}.feature-item:hover{transform:translate(5px)}.feature-item:first-child{animation-delay:0s}.feature-item:nth-child(2){animation-delay:.1s}.feature-item:nth-child(3){animation-delay:.2s}.feature-item:nth-child(4){animation-delay:.3s}.feature-item:nth-child(5){animation-delay:.4s}.feature-item:nth-child(6){animation-delay:.5s}.feature-icon-circle{background:#fff;border:3px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 2px 8px #00000026}.feature-icon{color:#0245ae;font-size:20px}.feature-text{color:#fff;letter-spacing:0;font-size:17px;font-weight:600;line-height:1.4}.feature-copy{color:#fff}.feature-title{font-size:18px;font-weight:800;line-height:1.3}.feature-desc{opacity:.92;font-size:14px;line-height:1.5}.left-intro{color:#fffffff2;max-width:520px;margin-bottom:28px;font-size:15px;line-height:1.6}.left-cta{color:#e9f3ff;letter-spacing:.5px;margin-top:28px;font-weight:700}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.register-right-side{background:#e0f2fe;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:60px 80px 60px 50px;display:flex}.register-form-card{width:100%;max-width:650px;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;padding:0;display:flex}.form-title{color:#333;letter-spacing:0;margin-bottom:16px;font-size:32px;font-weight:700}.form-description{color:#666;margin-bottom:30px;font-size:13px;line-height:1.6}.name-fields-row{grid-template-columns:2fr 1.5fr 2fr 1fr;gap:16px;margin-bottom:24px;display:grid}.form-group{margin-bottom:24px}.two-column-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.form-label{color:#333;letter-spacing:.3px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.required-asterisk{color:#ef4444}.input-wrapper{position:relative}.input-icon{color:#64748b;text-align:center;pointer-events:none;z-index:2;width:24px;font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.form-input{background:#fff;border:1px solid #d0d0d0;border-radius:6px;outline:none;width:100%;padding:12px 14px;font-size:14px;font-weight:400;transition:all .3s}.form-input-with-icon{background:#fff;border:1px solid #d0d0d0;border-radius:6px;outline:none;width:100%;font-size:14px;font-weight:400;transition:all .3s;padding:12px 14px 12px 64px!important}.form-input:focus,.form-input-with-icon:focus{border-color:#0245ae;box-shadow:0 0 0 3px #0245ae1a}.password-input{background:#fff;border:1px solid #d0d0d0;border-radius:6px;outline:none;width:100%;font-size:14px;font-weight:400;transition:all .3s;padding:12px 56px 12px 64px!important}.password-input:focus{border-color:#0245ae;box-shadow:0 0 0 3px #0245ae1a}.password-toggle-btn{cursor:pointer;color:#64748b;z-index:2;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.password-toggle-icon{font-size:16px}.show-password-wrapper{align-items:center;gap:8px;margin-top:8px;display:flex}.show-password-checkbox{cursor:pointer;width:16px;height:16px}.show-password-label{color:#64748b;cursor:pointer;font-size:13px;font-weight:600}.submit-btn{color:#fff;cursor:pointer;letter-spacing:0;text-transform:none;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:6px;width:100%;margin-top:12px;padding:14px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 3px 10px #0245ae4d}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#023a8f 0%,#3a89e8 100%);transform:translateY(-2px);box-shadow:0 5px 15px #0245ae66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn .fa-spinner{animation:1s linear infinite spin}.alert{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 18px;font-size:14px;font-weight:500;animation:.3s slideDown;display:flex}.alert-success{color:#059669;background:linear-gradient(135deg,#10b9811a 0%,#05966926 100%);border:1px solid #10b9814d}.alert-success i{color:#10b981;font-size:18px}.alert-error{color:#dc2626;background:linear-gradient(135deg,#ef44441a 0%,#dc262626 100%);border:1px solid #ef44444d}.alert-error i{color:#ef4444;font-size:18px}.login-link-wrapper{text-align:center;color:#64748b;margin-top:24px;font-size:15px}.login-link{color:#0245ae;cursor:pointer;font-weight:700;text-decoration:none}.login-link:hover{text-decoration:underline}@media screen and (max-width:1024px){.register-content{background:#e0f2fe;flex-direction:column}.register-left-side{order:2;padding:40px 30px}.register-right-side{order:1;padding:40px 30px}.left-title{margin-bottom:30px;font-size:28px}.name-fields-row{grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.register-content{padding-top:100px}.register-left-side{padding:30px 20px}.register-right-side{align-items:center;padding:30px 20px}.register-form-card{max-width:100%}.left-title{margin-bottom:20px;font-size:24px}.left-subtitle{font-size:13px}.left-intro{font-size:14px}.features-list{gap:16px}.feature-item{gap:12px;margin-bottom:4px}.feature-icon-circle{width:40px;height:40px}.feature-icon{font-size:16px}.feature-title{font-size:15px}.feature-desc{font-size:13px}.left-cta{margin-top:20px;font-size:13px}.form-title{font-size:26px}.form-description{font-size:12px}.name-fields-row{grid-template-columns:1fr 1fr;gap:12px}.two-column-row{grid-template-columns:1fr;gap:16px}.decorative-circle-top{width:150px;height:150px;top:-50px;right:-50px}.decorative-circle-bottom{width:100px;height:100px;bottom:-30px;left:-30px}}@media screen and (max-width:480px){.register-content{padding-top:90px}.register-left-side,.register-right-side{padding:24px 16px}.left-title{margin-bottom:16px;font-size:20px}.left-subtitle{margin-bottom:6px;font-size:11px}.left-intro{margin-bottom:20px;font-size:13px}.features-list{gap:12px}.feature-item{gap:10px}.feature-icon-circle{border-width:2px;width:36px;height:36px}.feature-icon,.feature-title{font-size:14px}.feature-desc{font-size:12px}.left-cta{margin-top:16px;font-size:12px}.form-title{margin-bottom:12px;font-size:22px}.form-description{margin-bottom:20px;font-size:11px}.name-fields-row{grid-template-columns:1fr;gap:16px}.two-column-row{grid-template-columns:1fr}.form-label{font-size:11px}.form-input,.form-input-with-icon,.password-input{padding:10px 12px;font-size:14px}.form-input-with-icon{padding-left:48px!important;padding-right:24px!important}.password-input{padding-left:48px!important;padding-right:48px!important}.input-icon{font-size:14px;left:12px}.password-toggle-btn{right:12px}.submit-btn{padding:12px;font-size:15px}.alert{padding:12px 14px;font-size:13px}.show-password-label{font-size:12px}}.contact-us-page-wrapper{color:#202636;background:#fff;padding-top:100px}.contact-us-page-wrapper .container{width:100%;max-width:1200px;margin:0 auto;padding:0 32px}.contact-us-page-header{align-items:center;gap:24px;padding:40px 0;display:flex}.contact-us-icon-wrapper{flex:0 0 112px;width:112px;height:112px}.contact-label{color:#0245ae;letter-spacing:0;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.contact-us-page-header h1{color:#202636;letter-spacing:0;margin:0 0 12px;font-size:40px;font-weight:800;line-height:1.2}.contact-us-page-header p{color:#526071;margin:0;font-size:18px;line-height:1.6}.contact-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.contact-card{background:#fff;border:1px solid #dfe6ee;border-radius:8px;flex-direction:column;align-items:flex-start;padding:28px;display:flex}.contact-card-icon{width:112px;height:112px;margin-bottom:20px}.contact-illustration{object-fit:contain;width:100%;height:100%;display:block}.contact-card-content{flex:1;min-width:0;margin-bottom:24px}.contact-card-content h2{color:#202636;margin:0 0 12px;font-size:22px;font-weight:700}.contact-card-content .contact-value{color:#0245ae;overflow-wrap:anywhere;margin:0 0 12px;font-size:17px;font-weight:600}.contact-card-content .contact-unavailable{color:#677484}.contact-description{color:#526071;margin:0;font-size:15px;line-height:1.75}.contact-us-page-wrapper .contact-card-btn{color:#fff;cursor:pointer;background:#0245ae;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 24px;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex}.contact-us-page-wrapper .contact-card-btn:hover{color:#fff;background:#003b96}.contact-us-page-wrapper .contact-card-btn:focus-visible{outline-offset:4px;outline:3px solid #4cc6a6}.contact-us-page-wrapper .contact-card-btn:disabled{color:#677484;cursor:not-allowed;background:#edf0f4;border-color:#dfe6ee}.contact-faq-section{padding:64px 0}.contact-section-header{margin-bottom:28px}.contact-section-header h2{color:#202636;margin:0 0 12px;font-size:28px;font-weight:800;line-height:1.3}.contact-section-header p{color:#526071;margin:0;font-size:16px;line-height:1.6}.contact-faq-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.contact-faq-card{background:#fff;border:1px solid #dfe6ee;border-radius:8px;padding:24px}.contact-faq-icon{width:88px;height:88px;margin-bottom:16px}.contact-faq-card h3{color:#202636;margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.5}.contact-faq-card p{color:#526071;margin:0;font-size:15px;line-height:1.75}.contact-cta-section{background:#edf7f5;padding:48px 0}.contact-us-page-wrapper .contact-cta-content{align-items:center;gap:28px;display:flex}.contact-cta-icon{flex:0 0 96px;width:96px;height:96px}.contact-cta-text{flex:1;min-width:0}.contact-cta-text h2{color:#202636;margin:0 0 12px;font-size:28px;font-weight:800;line-height:1.3}.contact-cta-text p{color:#526071;max-width:620px;margin:0;font-size:16px;line-height:1.75}@media (max-width:1024px){.contact-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-us-page-wrapper .contact-cta-content{flex-wrap:wrap}}@media (max-width:600px){.contact-us-page-wrapper{padding-top:80px}.contact-us-page-wrapper .container{padding:0 24px}.contact-us-page-header{gap:16px;padding:32px 0}.contact-us-icon-wrapper{flex-basis:72px;width:72px;height:72px}.contact-label{font-size:12px}.contact-us-page-header h1{font-size:30px}.contact-us-page-header p{font-size:16px}.contact-cards-grid,.contact-faq-grid{grid-template-columns:minmax(0,1fr);gap:16px}.contact-card{padding:24px}.contact-card-content .contact-value{font-size:16px}.contact-card-icon{width:96px;height:96px}.contact-faq-section{padding:40px 0}.contact-section-header h2,.contact-cta-text h2{font-size:26px}.contact-us-page-wrapper .contact-cta-content{flex-direction:column;align-items:flex-start;gap:20px}.contact-cta-icon{flex-basis:80px;width:80px;height:80px}.contact-cta-content .contact-card-btn{width:100%}}.about-us-wrapper{color:#202636;background:#fff;padding-top:80px}.about-us-wrapper .container{width:100%;max-width:1200px;margin:0 auto;padding:0 32px}.about-hero-section{isolation:isolate;background:#eef1f5;align-items:center;height:min(560px,100svh - 220px);min-height:440px;padding:48px 0;display:flex;position:relative;overflow:hidden}.about-hero-image{z-index:-1;object-fit:cover;object-position:right center;width:100%;height:100%;position:absolute;inset:0}.about-hero-content{max-width:490px}.about-hero-badge{color:#0245ae;margin-bottom:16px;font-size:13px;font-weight:700;display:block}.about-hero-title{color:#0245ae;letter-spacing:0;margin:0 0 20px;font-size:56px;font-weight:800;line-height:1.15}.about-hero-subtitle{color:#394b5e;max-width:410px;margin:0;font-size:20px;line-height:1.6}.about-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.about-hero-actions a{border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 20px;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex}.about-hero-primary{color:#fff;background:#0245ae;border:1px solid #0245ae;box-shadow:0 6px 16px #0245ae29}.about-hero-primary:hover{color:#fff;background:#003b96}.about-hero-secondary{color:#0245ae;background:0 0;border:1px solid #aabbd0}.about-hero-secondary:hover{color:#0245ae;background:#fff}.about-hero-actions a:focus-visible{outline-offset:4px;outline:3px solid #4cc6a6}.about-mission-section{scroll-margin-top:110px}.about-mission-section,.about-vision-section,.about-values-section,.about-story-section,.about-cta-section{padding:72px 0}.about-vision-section{background:#edf7f5}.about-cta-section{background:#f2f6fc}.about-text-content{max-width:820px}.about-label{color:#0245ae;letter-spacing:0;margin-bottom:16px;font-size:13px;font-weight:700;display:block}.about-section-title{color:#202636;letter-spacing:0;margin:0 0 24px;font-size:34px;font-weight:800;line-height:1.3}.about-description{color:#526071;margin:0;font-size:17px;line-height:1.85}.about-content-grid.reverse{grid-template-columns:280px minmax(0,1fr);align-items:center;gap:64px;display:grid}.about-image-content{width:280px;height:280px}.about-illustration{object-fit:contain;width:100%;height:100%;display:block}.about-values-header{margin-bottom:32px}.about-values-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.about-value-card{background:#fff;border:1px solid #dfe6ee;border-radius:8px;padding:24px;transition:border-color .2s,box-shadow .2s}.about-value-card:hover{border-color:#80b7e8;box-shadow:0 8px 24px #2026360f}.about-us-wrapper .value-icon{width:112px;height:112px;box-shadow:none;background:0 0;border-radius:0;margin:0 0 16px}.about-value-card h3{color:#202636;margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.4}.about-value-card p{color:#526071;margin:0;font-size:15px;line-height:1.75}.about-story-section{border-top:1px solid #e6ebf1}.about-story-content{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:64px;display:grid}.about-story-text .about-description+.about-description{margin-top:20px}.about-story-highlights{flex-direction:column;gap:16px;display:flex}.story-highlight-card{background:#f6f8fb;border:1px solid #e6ebf1;border-radius:8px;align-items:center;gap:20px;padding:16px 20px;display:flex}.about-us-wrapper .highlight-icon{background:0 0;border-radius:0;flex:0 0 80px;width:80px;height:80px}.highlight-content{min-width:0}.highlight-content h4{color:#526071;letter-spacing:0;margin:0 0 6px;font-size:13px;font-weight:600}.highlight-content p{color:#202636;margin:0;font-size:18px;font-weight:700}.about-cta-content{text-align:center;max-width:700px;margin:0 auto}.about-cta-content h2{color:#202636;margin:0 0 16px;font-size:34px;font-weight:800;line-height:1.3}.about-cta-content p{color:#526071;margin:0 0 28px;font-size:18px;line-height:1.75}.about-cta-btn{color:#fff;background:#0245ae;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:16px 28px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.about-cta-btn:hover{color:#fff;background:#003b96}.about-cta-btn:focus-visible{outline-offset:4px;outline:3px solid #4cc6a6}@media (max-width:1024px){.about-hero-section{height:360px;min-height:360px;padding:36px 0}.about-hero-content{max-width:360px}.about-hero-title{font-size:44px}.about-hero-subtitle{max-width:320px;font-size:18px}.about-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-story-content{gap:32px}.about-content-grid.reverse{grid-template-columns:220px minmax(0,1fr);gap:32px}.about-image-content{width:220px;height:220px}}@media (max-width:600px){.about-us-wrapper{padding-top:70px}.about-us-wrapper .container{padding:0 24px}.about-hero-section{align-items:flex-end;height:min(560px,100svh - 145px);min-height:0;padding:24px 0}.about-hero-image{object-fit:cover;object-position:center top}.about-hero-content{max-width:none}.about-hero-badge{margin-bottom:10px}.about-hero-title{margin-bottom:12px;font-size:38px}.about-hero-subtitle{max-width:360px;font-size:17px;line-height:1.6}.about-hero-actions{gap:10px;margin-top:20px}.about-hero-actions a{padding:10px 14px;font-size:14px}.about-mission-section,.about-vision-section,.about-values-section,.about-story-section,.about-cta-section{padding:40px 0}.about-section-title,.about-cta-content h2{font-size:28px}.about-description{font-size:16px}.about-content-grid.reverse,.about-story-content{grid-template-columns:minmax(0,1fr);gap:24px}.about-image-content{width:160px;height:160px}.about-values-grid{grid-template-columns:minmax(0,1fr);gap:16px}.about-us-wrapper .value-icon{width:96px;height:96px}}@media (max-width:600px) and (max-height:650px){.about-hero-image{object-fit:contain;object-position:right top}.about-hero-section{height:calc(100svh - 130px);padding-bottom:20px}.about-hero-title{font-size:34px}.about-hero-subtitle{font-size:16px;line-height:1.5}.about-hero-actions{margin-top:14px}}@media (max-width:360px){.about-hero-title{font-size:32px}.about-hero-actions{gap:8px}.about-hero-actions a{gap:8px;padding:10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.about-value-card{transition:none}}.become-tutor-page{overflow-x:hidden}.tutor-hero-section{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:160px 0 100px;position:relative;overflow:hidden}.tutor-hero-bg-shapes .tutor-shape{opacity:.1;border-radius:50%;position:absolute}.tutor-shape.shape-1{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);width:400px;height:400px;top:-100px;right:-100px}.tutor-shape.shape-2{background:linear-gradient(135deg,#4a9eff 0%,#93c5fd 100%);width:300px;height:300px;bottom:-50px;left:-50px}.tutor-shape.shape-3{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);width:200px;height:200px;top:50%;left:60%}.tutor-hero-content{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.tutor-hero-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:50px;margin-bottom:24px;padding:8px 24px;font-size:14px;font-weight:600;display:inline-block}.tutor-hero-title{color:#1e293b;margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.1}.tutor-hero-subtitle{color:#64748b;margin-bottom:40px;font-size:20px;line-height:1.7}.tutor-hero-btn{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:50px;align-items:center;gap:12px;padding:18px 48px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 30px #0245ae4d}.tutor-hero-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0245ae66}.section-header{text-align:center;margin-bottom:60px}.section-label{color:#0245ae;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-size:14px;font-weight:700;display:inline-block}.section-title{color:#1e293b;margin-bottom:16px;font-size:42px;font-weight:700}.section-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:18px}.tutor-requirements-section{background:#fff;padding:100px 0}.requirements-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.requirement-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:32px 24px;transition:all .3s}.requirement-card:hover{border-color:#0245ae;transform:translateY(-5px);box-shadow:0 12px 40px #00000014}.requirement-icon{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.requirement-icon i{color:#fff;font-size:24px}.requirement-card h4{color:#1e293b;margin-bottom:12px;font-size:18px;font-weight:600}.requirement-card p{color:#64748b;font-size:14px;line-height:1.6}.tutoring-requirements-section{background:#f8fafc;padding:100px 0}.tech-requirements-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:60px;display:grid}.tech-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px;box-shadow:0 4px 20px #0000000d}.tech-card-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.tech-icon{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.tech-icon i{color:#fff;font-size:24px}.tech-card-header h3{color:#1e293b;font-size:22px;font-weight:700}.tech-list{margin:0;padding:0;list-style:none}.tech-list li{color:#475569;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:10px 0;font-size:15px;display:flex}.tech-list li:last-child{border-bottom:none}.tech-list li i{margin-top:4px;font-size:14px}.tech-list li i.fa-check{color:#22c55e}.tech-list li i.fa-times{color:#ef4444}.specs-box{background:#f1f5f9;border-radius:12px;margin-top:20px;padding:20px}.specs-box h5{color:#1e293b;margin-bottom:12px;font-size:14px;font-weight:600}.specs-box ul{margin:0;padding:0;list-style:none}.specs-box ul li{color:#475569;padding:6px 0;font-size:14px}.antivirus-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:40px;box-shadow:0 4px 20px #0000000d}.antivirus-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.antivirus-header h3{color:#1e293b;font-size:22px;font-weight:700}.antivirus-intro{color:#475569;margin-bottom:32px;font-size:16px;line-height:1.7}.antivirus-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}.antivirus-card{background:#f8fafc;border-radius:12px;padding:24px}.antivirus-card h5{color:#1e293b;align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.antivirus-card h5 i{color:#0245ae;font-size:20px}.antivirus-card ul{margin:0;padding:0;list-style:none}.antivirus-card ul li{color:#64748b;padding:6px 0 6px 16px;font-size:14px;position:relative}.antivirus-card ul li:before{content:"•";color:#0245ae;position:absolute;left:0}.antivirus-disclaimer{color:#94a3b8;font-size:14px;font-style:italic}.antivirus-disclaimer i{margin-right:8px}.application-flow-section{background:#fff;padding:100px 0}.flow-timeline{max-width:800px;margin:0 auto;position:relative}.flow-timeline:before{content:"";background:linear-gradient(#0245ae 0%,#4a9eff 100%);border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:40px}.flow-step{gap:32px;margin-bottom:48px;display:flex;position:relative}.flow-step:last-child{margin-bottom:0}.flow-number{color:#fff;z-index:1;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:800;display:flex;position:relative;box-shadow:0 8px 30px #0245ae4d}.flow-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex:1;padding:28px 32px}.flow-content h4{color:#1e293b;margin-bottom:12px;font-size:22px;font-weight:700}.flow-content p{color:#64748b;font-size:16px;line-height:1.7}.teaching-works-section{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);padding:100px 0}.teaching-works-section .section-label{color:#fffc}.teaching-works-section .section-title{color:#fff}.teaching-phases{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.phase-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:40px 32px;transition:all .3s}.phase-card:hover{background:#ffffff26;transform:translateY(-5px)}.phase-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.phase-icon i{color:#0245ae;font-size:32px}.phase-card h4{color:#fff;margin-bottom:16px;font-size:22px;font-weight:700}.phase-card p{color:#ffffffe6;font-size:16px;line-height:1.7}.tutor-cta-section{background:#f8fafc;padding:100px 0}.tutor-cta-content{text-align:center;max-width:600px;margin:0 auto}.tutor-cta-content h2{color:#1e293b;margin-bottom:16px;font-size:42px;font-weight:700}.tutor-cta-content p{color:#64748b;margin-bottom:32px;font-size:18px}.tutor-cta-btn{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:50px;align-items:center;gap:12px;padding:18px 48px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 30px #0245ae4d}.tutor-cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0245ae66}@media (max-width:1200px){.requirements-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.tutor-hero-title{font-size:44px}.section-title{font-size:36px}.tech-requirements-grid,.antivirus-grid{grid-template-columns:1fr}.teaching-phases{grid-template-columns:1fr;max-width:500px;margin:0 auto}}@media (max-width:768px){.tutor-hero-section{padding:120px 0 80px}.tutor-hero-title{font-size:36px}.tutor-hero-subtitle{font-size:18px}.tutor-requirements-section,.tutoring-requirements-section,.application-flow-section,.teaching-works-section,.tutor-cta-section{padding:80px 0}.section-title{font-size:32px}.requirements-grid{grid-template-columns:1fr}.flow-timeline:before{left:30px}.flow-number{width:60px;height:60px;font-size:24px}.flow-content{padding:20px 24px}.flow-content h4{font-size:18px}.tutor-cta-content h2{font-size:32px}}@media (max-width:480px){.tutor-hero-title{font-size:28px}.tutor-hero-btn,.tutor-cta-btn{padding:16px 36px;font-size:16px}.section-title{font-size:26px}.tech-card,.antivirus-section{padding:24px}.flow-step{gap:20px}.flow-number{width:50px;height:50px;font-size:20px}.flow-timeline:before{left:23px}}.terms-of-service-page{flex-direction:column;min-height:100vh;display:flex}.privacy-section:last-child{margin-bottom:0}.privacy-heading{color:var(--heading-color,#2d3748);border-bottom:1px solid var(--border-color,#e2e8f0);margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.5rem;font-weight:600}.privacy-section h2.privacy-heading:first-child{margin-top:0}.privacy-list{margin:1.5rem 0 1.5rem 1.5rem;padding:0;list-style-type:disc}.privacy-list li{color:var(--text-color,#2d3748);margin-bottom:.75rem;line-height:1.6}.text-primary{color:var(--primary-color,#6dbe45);text-decoration:none;transition:color .2s}.text-primary:hover{color:var(--primary-dark,#5aa839);text-decoration:underline}@media (max-width:991px){.privacy-content{padding:2rem}}@media (max-width:767px){.privacy-policy-section{padding:60px 0}.privacy-policy-section .section-title{font-size:2rem}.privacy-content{padding:1.5rem}.privacy-heading{font-size:1.35rem}.privacy-hero .title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}}.session-modal-overlay{z-index:1100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.session-modal{background:#fff;border-radius:12px;width:340px;padding:1.25rem 1.5rem;box-shadow:0 12px 32px #00000040}.session-title{color:#0f172a;margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.session-body{color:#334155;margin-bottom:.75rem}.session-actions{justify-content:flex-end;gap:.5rem;display:flex}.session-refresh{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;padding:.45rem .75rem;font-weight:600}.session-dismiss{color:#0f172a;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:.45rem .75rem;font-weight:600}.dark-mode .session-modal{background:#1f2937}.dark-mode .session-title{color:#e5e7eb}.dark-mode .session-body{color:#cbd5e1}.dark-mode .session-dismiss{color:#e5e7eb;background:#374151}.session-expired-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.session-expired-modal{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:420px;padding:32px;animation:.3s ease-out slideUp;box-shadow:0 20px 60px #0000004d}.session-expired-icon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.session-expired-icon i{color:#fff;font-size:36px}.session-expired-modal h2{color:#1f2937;margin:0 0 12px;font-size:24px;font-weight:600}.session-expired-modal p{color:#6b7280;margin:0 0 20px;font-size:15px;line-height:1.5}.session-expired-note{text-align:left;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:24px;padding:12px 16px;display:flex}.session-expired-note i{color:#16a34a;flex-shrink:0;margin-top:1px;font-size:18px}.session-expired-note span{color:#15803d;font-size:13px;line-height:1.4}.session-expired-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.session-expired-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.session-expired-btn i{font-size:20px}@media (prefers-color-scheme:dark){.session-expired-modal{background:#1f2937}.session-expired-modal h2{color:#f9fafb}.session-expired-modal p{color:#9ca3af}.session-expired-note{background:#064e3b;border-color:#065f46}.session-expired-note span,.session-expired-note i{color:#6ee7b7}}.offline-banner{z-index:99998;text-align:center;padding:10px 20px;font-size:14px;font-weight:500;animation:.3s ease-out slideDown;position:fixed;top:0;left:0;right:0}.offline-banner.offline{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.offline-banner.reconnected{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);animation:.3s ease-out slideDown,.3s ease-out 2.7s forwards fadeOut}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.offline-banner-content{justify-content:center;align-items:center;gap:10px;display:flex}.offline-banner-content i{font-size:18px}.tutor-reminder-stack{right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:1500;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed}.attendance-reminder{color:#202a39;background:#fffdf7;border:1px solid #f0c46d;border-left:4px solid #e99b11;border-radius:8px;gap:12px;width:100%;padding:16px;display:flex;box-shadow:0 12px 32px #0f172a38}.attendance-reminder--room{background:snow;border-color:#f0a4a4 #f0a4a4 #f0a4a4 #dc4242}.attendance-reminder--room .attendance-reminder__icon{color:#ad2525;background:#ffe7e7}.attendance-reminder__icon{color:#a86400;background:#fff0cb;border-radius:6px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.attendance-reminder__body{flex:1;min-width:0}.attendance-reminder__title{font-size:14px;font-weight:700;line-height:1.35}.attendance-reminder__body p{color:#526070;margin:4px 0 10px;font-size:12px;line-height:1.45}.attendance-reminder__action{color:#115ab5;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.attendance-reminder__action:hover{text-decoration:underline}.attendance-reminder__snooze{color:#718096;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 24px;align-self:flex-start;place-items:center;width:24px;height:24px;padding:0;display:grid}.attendance-reminder__snooze:hover{color:#202a39;background:#fff0cb}.attendance-reminder :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #2879df}[data-theme=dark] .attendance-reminder,.dark-mode .attendance-reminder{color:#f6f3ed;background:#272522;border-color:#725420 #725420 #725420 #edaa2b}[data-theme=dark] .attendance-reminder--room,.dark-mode .attendance-reminder--room{background:#2a2222;border-color:#754040 #754040 #754040 #ef6666}[data-theme=dark] .attendance-reminder--room .attendance-reminder__icon,.dark-mode .attendance-reminder--room .attendance-reminder__icon{color:#faa;background:#4a2929}[data-theme=dark] .attendance-reminder__icon,.dark-mode .attendance-reminder__icon{color:#ffcb70;background:#44361e}[data-theme=dark] .attendance-reminder__body p,.dark-mode .attendance-reminder__body p{color:#c6c0b4}[data-theme=dark] .attendance-reminder__action,.dark-mode .attendance-reminder__action{color:#8bbcff}[data-theme=dark] .attendance-reminder__snooze,.dark-mode .attendance-reminder__snooze{color:#c6c0b4}[data-theme=dark] .attendance-reminder__snooze:hover,.dark-mode .attendance-reminder__snooze:hover{color:#fff;background:#44361e}@media (max-width:767px){.tutor-reminder-stack{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}}.mobile-header-logged{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;border-bottom:1px solid #0245ae1a;height:60px;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px #0000001a}.mobile-header-content{justify-content:space-between;align-items:center;height:100%;padding:0 16px;display:flex}.mobile-menu-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0245ae4d}.mobile-menu-btn:active{transform:scale(.95)}.mobile-header-logo{align-items:center;gap:10px;display:flex}.mobile-header-logo img{width:36px;height:36px}.mobile-header-brand{color:#0245ae;font-size:18px;font-weight:700}.mobile-header-brand .brand-x{color:#0245ae}.dark-mode .mobile-header-brand,.dark-mode .mobile-header-brand .brand-x{color:#4a9eff}.mobile-header-user{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mobile-header-user i{color:#0245ae;font-size:28px}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.mobile-menu-panel{background:linear-gradient(#fff 0%,#f8fafc 100%);flex-direction:column;width:85%;max-width:320px;height:100%;animation:.3s slideIn;display:flex;position:absolute;top:0;left:0;overflow-y:auto;box-shadow:4px 0 30px #0003}.mobile-menu-header{background:#fffc;border-bottom:1px solid #0245ae1a;justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-menu-logo{align-items:center;gap:12px;display:flex}.mobile-menu-logo img{width:40px;height:40px}.mobile-menu-logo span{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.mobile-menu-close{color:#0245ae;cursor:pointer;background:#0245ae1a;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.mobile-menu-close:active{background:#0245ae33;transform:scale(.95)}.mobile-menu-user{background:linear-gradient(135deg,#0245ae0d 0%,#4a9eff0d 100%);border-bottom:1px solid #0245ae1a;align-items:center;gap:14px;padding:20px;display:flex}.user-avatar{justify-content:center;align-items:center;width:50px;height:50px;display:flex}.user-avatar i{color:#0245ae;font-size:50px}.user-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.user-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.user-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mobile-menu-theme{background:linear-gradient(135deg,#0245ae0d 0%,#4a9eff0d 100%);border-bottom:1px solid #0245ae1a;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.mobile-menu-theme-copy{flex-direction:column;gap:4px;display:flex}.mobile-menu-theme-label{letter-spacing:.08em;text-transform:uppercase;color:#0245ae;font-size:12px;font-weight:800}.mobile-menu-theme-text{color:#64748b;font-size:13px}.mobile-menu-nav{flex:1;padding:16px 0}.mobile-menu-nav ul{margin:0;padding:0;list-style:none}.mobile-menu-nav li{margin:4px 12px}.mobile-menu-nav li a,.mobile-menu-nav li .menu-btn{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:16px;width:100%;padding:14px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-menu-nav li a i,.mobile-menu-nav li .menu-btn i{text-align:center;color:#64748b;width:24px;font-size:20px;transition:color .2s}.mobile-menu-nav li a:hover,.mobile-menu-nav li .menu-btn:hover{color:#0245ae;background:#0245ae14}.mobile-menu-nav li a:hover i,.mobile-menu-nav li .menu-btn:hover i{color:#0245ae}.mobile-menu-nav li.active a{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);box-shadow:0 4px 16px #0245ae66}.mobile-menu-nav li.active a i{color:#fff}.mobile-menu-footer{background:#fffc;border-top:1px solid #0245ae1a;padding:16px 20px}.logout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #ef44444d}.logout-btn:active{transform:scale(.98)}.logout-btn i{font-size:18px}.mobile-logout-error{color:#b91c1c;margin:12px 0 0;font-size:14px;line-height:1.5}@media screen and (max-width:991px){.mobile-header-logged{display:block}}@media screen and (max-width:360px){.mobile-header-brand{font-size:16px}.mobile-menu-panel{width:90%}.mobile-menu-nav li a,.mobile-menu-nav li .menu-btn{padding:12px 14px;font-size:14px}}.dark-mode .mobile-header-logged{background:#1e293bf2;border-bottom-color:#4a9eff33}.dark-mode .mobile-header-brand{color:#fff}.dark-mode .mobile-header-user i{color:#4a9eff}.dark-mode .mobile-menu-panel{background:linear-gradient(#1e293b 0%,#0f172a 100%)}.dark-mode .mobile-menu-header{background:#1e293bcc;border-bottom-color:#4a9eff33}.dark-mode .mobile-menu-logo span{-webkit-text-fill-color:#4a9eff}.dark-mode .mobile-menu-close{color:#4a9eff;background:#4a9eff33}.dark-mode .mobile-menu-user{background:#4a9eff1a;border-bottom-color:#4a9eff33}.dark-mode .user-avatar i{color:#4a9eff}.dark-mode .user-name{color:#f1f5f9}.dark-mode .user-email{color:#94a3b8}.dark-mode .mobile-menu-theme{background:linear-gradient(135deg,#4a9eff14 0%,#0a1526a3 100%);border-bottom-color:#7cb8ff29}.dark-mode .mobile-menu-theme-label{color:#8fc0ff}.dark-mode .mobile-menu-theme-text{color:#9db0ca}.dark-mode .mobile-menu-nav li a,.dark-mode .mobile-menu-nav li .menu-btn{color:#cbd5e1}.dark-mode .mobile-menu-nav li a i,.dark-mode .mobile-menu-nav li .menu-btn i{color:#94a3b8}.dark-mode .mobile-menu-nav li a:hover,.dark-mode .mobile-menu-nav li .menu-btn:hover{color:#4a9eff;background:#4a9eff26}.dark-mode .mobile-menu-nav li a:hover i,.dark-mode .mobile-menu-nav li .menu-btn:hover i{color:#4a9eff}.dark-mode .mobile-menu-footer{background:#1e293bcc;border-top-color:#4a9eff33}.privacy-policy-page{flex-direction:column;min-height:100vh;display:flex}.privacy-hero{color:#fff;text-align:center;background:#f5f7fa 50%/cover fixed;padding:180px 0 100px;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:900px;margin:0 auto;padding:0 20px;position:relative}.privacy-hero .title{text-shadow:0 2px 4px #0000004d;color:#fff;margin-bottom:20px;font-size:3.5rem;font-weight:700;line-height:1.2}.privacy-hero .title .text-accent{color:#6dbe45;text-shadow:0 2px 8px #00000080}.hero-subtitle{color:#fff;text-shadow:0 1px 3px #0000004d;opacity:.95;max-width:700px;margin:0 auto 30px;font-size:1.2rem;font-weight:400;line-height:1.6}.privacy-policy-section{background-color:var(--bg-color,#f8f9fa);color:var(--text-color,#2d3748);flex:1;padding:80px 0}.dark-mode .privacy-policy-section{--bg-color:#1a1a1a;--text-color:#e2e8f0;--heading-color:#fff;--border-color:#333;--card-bg:#1f1f1f;--text-muted:#a0aec0}.privacy-policy-section .section-header{text-align:center;margin-bottom:3rem}.privacy-policy-section .section-title{color:var(--heading-color,#2d3748);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.privacy-policy-section .section-subtitle{color:var(--text-muted,#4a5568);font-size:1.125rem}.privacy-content{background:var(--card-bg,#fff);border-radius:12px;max-width:900px;margin:0 auto;padding:3rem;box-shadow:0 4px 20px #0000000d}.privacy-section{margin-bottom:2.5rem}.privacy-heading{color:var(--heading-color,#2d3748);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:600;position:relative}.privacy-heading:after{content:"";background:var(--primary-color,#6dbe45);border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:0}.privacy-text{color:var(--text-color,#2d3748);margin-bottom:1.25rem;font-size:1rem;line-height:1.7}.privacy-list{margin:1.5rem 0;padding-left:1.5rem}.privacy-list li{color:var(--text-color,#2d3748);margin-bottom:.75rem;line-height:1.6;position:relative}.privacy-list li:before{content:"•";color:var(--primary-color,#6dbe45);width:1em;margin-left:-1em;font-weight:700;display:inline-block}.text-accent{color:var(--primary-color,#6dbe45)}@media (max-width:991px){.privacy-content{padding:2rem}}@media (max-width:767px){.privacy-policy-section{padding:60px 0}.privacy-policy-section .section-title{font-size:2rem}.privacy-content{padding:1.5rem}.privacy-heading{font-size:1.35rem}}@media screen and (max-width:991px){.main-content{width:100%!important;margin-left:0!important;padding-top:70px!important}.sidebar{display:none!important}.main-content .container{padding-left:16px;padding-right:16px}}@media screen and (max-width:480px){.main-content{padding-top:65px!important}.main-content .container{padding-left:12px;padding-right:12px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fxv-accent:#0245ae;--fxv-accent-strong:#4a9eff;--fxv-accent-soft:#0245ae24;--fxv-bg:#e7edf6;--fxv-bg-elevated:#f2f6fbf0;--fxv-surface:#f3f6fb;--fxv-surface-muted:#eaf0f7;--fxv-surface-soft:#dfe8f3;--fxv-border:#0f172a1c;--fxv-border-strong:#0245ae2e;--fxv-text:#0f172a;--fxv-text-muted:#64748b;--fxv-text-soft:#94a3b8;--fxv-shadow-sm:0 8px 24px #0f172a14;--fxv-shadow-md:0 18px 42px #0245ae24;--fxv-shadow-lg:0 26px 60px #0245ae29;--background-color:var(--fxv-bg);--card-background:var(--fxv-surface);--text-color:var(--fxv-text);--secondary-text:var(--fxv-text-muted);--border-color:#94a3b857;--primary-text-color:var(--fxv-text);--secondary-text-color:var(--fxv-text-muted);--card-box-shadow:var(--fxv-shadow-sm);--bg-hover:#0245ae14;--success-color:#16a34a;--primary-color:var(--fxv-accent);--primary-light:#0245ae1f}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fxv-accent:#2563eb;--fxv-accent-strong:#60a5fa;--fxv-accent-soft:#7cb8ff2e;--fxv-bg:#1a1a1a;--fxv-bg-elevated:#1a1a1af0;--fxv-surface:#1e1e1e;--fxv-surface-muted:#232323;--fxv-surface-soft:#2a2a2a;--fxv-border:#ffffff17;--fxv-border-strong:#7cb8ff3d;--fxv-text:#f3f4f6;--fxv-text-muted:#a3a3a3;--fxv-text-soft:#737373;--fxv-shadow-sm:0 4px 14px #00000029;--fxv-shadow-md:0 10px 26px #00000038;--fxv-shadow-lg:0 18px 42px #00000047;--background-color:var(--fxv-bg);--card-background:var(--fxv-surface);--text-color:var(--fxv-text);--secondary-text:var(--fxv-text-muted);--border-color:var(--fxv-border);--primary-text-color:var(--fxv-text);--secondary-text-color:var(--fxv-text-muted);--card-box-shadow:var(--fxv-shadow-sm);--bg-hover:#7cb8ff1f;--success-color:#4ade80;--primary-color:var(--fxv-accent);--primary-light:#7cb8ff24}html,body{background:var(--fxv-bg);color:var(--fxv-text);transition:background-color .22s,color .22s}body{background-image:radial-gradient(circle at 0 0,#4a9eff1f,#0000 34%),linear-gradient(#e7edf6 0%,#dfe7f2 100%);background-attachment:fixed}[data-theme=dark] body{background-image:none;background-color:var(--fxv-bg)}#app,.App{min-height:100vh;color:inherit}main{color:inherit;background:0 0}.main-content{min-height:100vh;color:inherit;background:0 0}::selection{color:var(--fxv-text);background:#4a9eff3d}[data-theme=dark] ::selection{color:#f8fbff;background:#7cb8ff47}[data-theme=dark] .offcanvas-wrapper,[data-theme=dark] .offcanvas-overly,[data-theme=dark] .menu-backdrop,[data-theme=dark] .main-content,[data-theme=dark] .home-page-container,[data-theme=dark] .materials-page,[data-theme=dark] .notifications-page,[data-theme=dark] .inbox-page,[data-theme=dark] .performance-metrics-page,[data-theme=dark] .student-profile-page,[data-theme=dark] .interview-booking-page,[data-theme=dark] .exam-page,[data-theme=dark] .speaking-exam-page,[data-theme=dark] .my-profile-page,[data-theme=dark] .about-us-wrapper,[data-theme=dark] .contact-us-page-wrapper,[data-theme=dark] .become-tutor-page,[data-theme=dark] .register-container{color:var(--fxv-text)}:root{--td-bg:#f5f7fa;--td-surface:#fff;--td-soft:#f7f9fc;--td-text:#202636;--td-muted:#647184;--td-border:#dfe5ed;--td-accent:#0245ae;--td-tint:#edf4ff}:root[data-theme=dark]{--td-bg:#202020;--td-surface:#242424;--td-soft:#292929;--td-text:#f3f5f7;--td-muted:#aab5c4;--td-border:#3b3b3b;--td-accent:#79b5ff;--td-tint:#293646}body{background:var(--td-bg)!important}.App{--fxv-bg:var(--td-bg);--fxv-surface:var(--td-surface);--fxv-surface-muted:var(--td-soft);--fxv-text:var(--td-text);--fxv-text-muted:var(--td-muted);--fxv-border:var(--td-border);--bg-primary:var(--td-bg);--bg-secondary:var(--td-surface);--text-primary:var(--td-text);--text-secondary:var(--td-muted);--border-color:var(--td-border);--primary:var(--td-accent);letter-spacing:0}.App.tutor-workspace{background:var(--td-bg);color:var(--td-text);min-height:100dvh}.App.tutor-public{background:#fff}.tutor-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.tutor-icon-spin{animation:1s linear infinite tutor-icon-spin}@keyframes tutor-icon-spin{to{transform:rotate(360deg)}}.tutor-art{object-fit:contain;vertical-align:middle;display:inline-block}.App.tutor-workspace :is(button,a,input,select,textarea){letter-spacing:0}.App.tutor-workspace :is(button,a):focus-visible{outline:2px solid var(--td-accent);outline-offset:3px}.App.tutor-workspace button:disabled{opacity:.55;cursor:not-allowed!important;box-shadow:none!important}.App.tutor-workspace :is(h1,h2,h3,h4,p){overflow-wrap:anywhere}.App.tutor-workspace :is(.main-content,.student-profile-content){min-width:0;background:var(--td-bg)!important;width:calc(100% - 116px)!important;margin-left:116px!important;padding:0!important}.App.tutor-workspace :is(.home-page-container,.tutor-schedule-page,.my-profile-page,.student-profile-main,.materials-page,.course-detail-page,.daily-dispatch-page,.notifications-page,.interview-booking-page,.exam-page,.speaking-exam-page,.performance-metrics-page,.yl-page){width:100%;min-height:100dvh;background:0 0!important;max-width:none!important;margin:0!important;padding:52px 32px 64px!important}.App.tutor-workspace :is(.container,.profile-container,.materials-container,.course-detail-container,.dispatch-container,.tutor-schedule-container){width:100%;min-width:0;margin-inline:auto;padding:0;max-width:1200px!important}.App.tutor-workspace .student-profile-main{max-width:1264px!important;margin-inline:auto!important}.App.tutor-workspace .performance-metrics-page{--metric-surface:var(--td-surface);--metric-border:var(--td-border);--metric-text:var(--td-text);--metric-muted:var(--td-muted);max-width:1264px!important;margin-inline:auto!important}.App.tutor-workspace :is(.page-title-gradient,.materials-page-title,.course-title,.dispatch-title,.notifications-page-title h1,.interview-header h1,.profile-name,.schedule-title-row h2){margin:0;line-height:1.3;letter-spacing:0!important;color:var(--td-text)!important;-webkit-text-fill-color:var(--td-text)!important;background:0 0!important;font-size:28px!important}.App.tutor-workspace :is(.page-title-row,.materials-header,.course-header,.dispatch-header-main,.notifications-page-header,.interview-header,.schedule-title-row){gap:16px;margin-bottom:24px!important}.App.tutor-workspace :is(.page-title-icon,.materials-page-icon,.course-icon,.dispatch-icon,.notifications-icon-wrapper,.interview-header-icon,.schedule-title-row>div>div){flex-shrink:0;place-items:center;display:grid;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;width:48px!important;height:48px!important;padding:0!important}.App.tutor-workspace :is(.page-title-icon,.materials-page-icon,.course-icon,.dispatch-icon,.notifications-icon-wrapper,.interview-header-icon) .tutor-art{width:48px!important;height:48px!important}.App.tutor-workspace :is(.materials-page-subtitle,.dispatch-subtitle,.course-subtitle,.secondary-text,.attempts-info,.empty-state){font-size:14px;color:var(--td-muted)!important}.App.tutor-workspace .main-status-card{border-radius:0;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.App.tutor-workspace .progress-steps{border-bottom:1px solid var(--td-border);margin-bottom:20px;padding:20px 0}.App.tutor-workspace .progress-line{background:var(--td-border)}.App.tutor-workspace .progress-step-number{background:var(--td-soft);width:36px;height:36px;color:var(--td-muted);border-radius:50%;box-shadow:none!important}.App.tutor-workspace .progress-step-number.is-active{background:var(--td-tint);color:var(--td-accent)}.App.tutor-workspace .progress-step-label{color:var(--td-muted);font-size:12px}.App.tutor-workspace .assessment-section{background:0 0!important;border:0!important;padding:0!important}.App.tutor-workspace .section-title{color:var(--td-text);letter-spacing:0;font-size:16px}.App.tutor-workspace .test-card{gap:18px;background:var(--td-surface)!important;border:1px solid var(--td-border)!important;box-shadow:none!important;border-radius:8px!important;padding:20px!important;transform:none!important}.App.tutor-workspace .test-icon{flex-shrink:0;width:44px;height:44px;background:var(--td-tint)!important;color:var(--td-accent)!important;box-shadow:none!important;border-radius:6px!important}.App.tutor-workspace .test-content p{color:var(--td-muted);font-size:14px}.App.tutor-workspace .test-header h4{color:var(--td-text);font-size:16px}.App.tutor-workspace :is(.test-action-btn,.action-btn,.btn-submit-profile,.btn-save,.btn-video-action,.start-exam-btn,.interview-modal-btn-primary,.enter-classroom-btn){letter-spacing:0;background:var(--td-accent)!important;border:1px solid var(--td-accent)!important;color:var(--td-surface)!important;box-shadow:none!important;border-radius:6px!important;transform:none!important}.App.tutor-workspace :is(.test-action-btn,.action-btn,.btn-submit-profile,.btn-save,.btn-video-action,.start-exam-btn){min-height:40px;padding:10px 16px;font-size:13px}.tutor-home-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px;display:grid}.tutor-home-shortcuts a{border:1px solid var(--td-border);background:var(--td-surface);color:var(--td-text);border-radius:8px;align-items:center;gap:14px;padding:20px;font-size:14px;font-weight:600;display:flex}.tutor-home-shortcuts a>svg{color:var(--td-accent);margin-left:auto}.App.tutor-workspace :is(.schedule-card,.profile-header-card,.lesson-info-card,.learning-profile-card,.student-context-card,.material-request-card,.lesson-notes-card,.lesson-issue-report-card,.profile-status-card,.profile-completeness-card,.notification-card,.current-booking-card,.course-card,.lesson-card,.dispatch-card,.yl-lesson-card){background:var(--td-surface)!important;border:1px solid var(--td-border)!important;box-shadow:none!important;border-radius:8px!important}.App.tutor-workspace .tutor-schedule-page .schedule-card{padding:16px!important}.App.tutor-workspace .schedule-scrollable{overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}.App.tutor-workspace .schedule-week-button{background:var(--td-tint)!important;color:var(--td-accent)!important;box-shadow:none!important;border-radius:6px!important}.App.tutor-workspace .schedule-periods button{box-shadow:none!important;border-radius:6px!important}.App.tutor-workspace .profile-hero{overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.App.tutor-workspace .profile-hero:before,.App.tutor-workspace .profile-hero:after{display:none}.App.tutor-workspace .profile-hero-content{gap:32px}.App.tutor-workspace .profile-avatar-large{border:3px solid var(--td-surface);width:112px;height:112px;box-shadow:none}.App.tutor-workspace .profile-header-right{min-width:0}.App.tutor-workspace .profile-bio-short{color:var(--td-muted)}.App.tutor-workspace .hero-video-section{border-left:1px solid var(--td-border);background:0 0;padding-left:24px}.App.tutor-workspace .hero-video-placeholder{border:1px dashed var(--td-border);background:var(--td-soft);border-radius:8px}.App.tutor-workspace :is(.profile-completeness-card,.profile-status-card){margin-top:24px;padding:20px}.App.tutor-workspace :is(.profile-tabs,.category-tabs,.notifications-filters,.period-tabs,.metric-tabs){border-bottom:1px solid var(--td-border);gap:8px;overflow-x:auto;background:0 0!important;border-radius:0!important;padding:0!important}.App.tutor-workspace :is(.tab-btn,.category-tab,.btn-filter,.period-tab){color:var(--td-muted);white-space:nowrap;background:0 0;box-shadow:none!important;border-radius:6px 6px 0 0!important}.App.tutor-workspace :is(.tab-btn,.category-tab,.btn-filter,.period-tab).active{color:var(--td-accent)!important;background:var(--td-tint)!important;border-color:var(--td-accent)!important}.App.tutor-workspace :is(.profile-content,.profile-tab-section){box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.App.tutor-workspace .profile-tab-section{padding:24px 0;border-bottom:1px solid var(--td-border)!important}.App.tutor-workspace .profile-tab-title{color:var(--td-text);font-size:18px}.App.tutor-workspace :is(.profile-tab-body,.education-row,.profile-setting-link-content){color:var(--td-text)}.App.tutor-workspace :is(.interest-tag,.tag,.specialization-card,.missing-item,.profile-settings-link,.profile-stat-card){color:var(--td-text);border-color:var(--td-border);box-shadow:none;border-radius:6px;background:var(--td-soft)!important}.App.tutor-workspace .profile-settings-links{gap:0;display:grid}.App.tutor-workspace .profile-settings-link{border:0;border-bottom:1px solid var(--td-border);border-radius:0;background:0 0!important}.App.tutor-workspace .profile-action-buttons button{min-height:40px;box-shadow:none!important;border-radius:6px!important;transform:none!important}.App.tutor-workspace .profile-action-buttons button:disabled{opacity:1;background:var(--td-soft)!important;border-color:var(--td-border)!important;color:var(--td-muted)!important}.App.tutor-workspace :is(.learning-profile-card,.student-context-card,.material-request-card,.lesson-notes-card,.lesson-issue-report-card),.App.tutor-workspace .profile-header-card{padding:24px}.App.tutor-workspace .profile-header-content{gap:24px}.App.tutor-workspace :is(.profile-id-badge,.stat-card.blue){border-color:var(--td-border);color:var(--td-accent);box-shadow:none;border-radius:6px;background:var(--td-tint)!important}.App.tutor-workspace .profile-name-row{flex-wrap:wrap}.App.tutor-workspace .search-box{border:1px solid var(--td-border);box-shadow:none;border-radius:6px;min-width:0;background:var(--td-surface)!important}.App.tutor-workspace .search-box input{color:var(--td-text);background:0 0;min-width:0}.App.tutor-workspace :is(.lessons-search,.dispatch-search,.yl-search-box){min-width:0;height:44px;box-shadow:none;box-sizing:border-box;align-items:center;display:flex;position:relative;border:1px solid var(--td-border)!important;background:var(--td-surface)!important;border-radius:6px!important;padding:0!important}.App.tutor-workspace :is(.lessons-search,.dispatch-search,.yl-search-box)>.tutor-icon{width:18px;height:18px;color:var(--td-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.App.tutor-workspace :is(.lessons-search,.dispatch-search,.yl-search-box) input{box-sizing:border-box;outline:none;flex:1;width:100%;min-width:0;height:42px;font-size:14px;line-height:20px;color:var(--td-text)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:6px!important;padding:10px 12px 10px 44px!important}.App.tutor-workspace :is(.lessons-search,.dispatch-search,.yl-search-box):focus-within{outline:2px solid var(--td-accent);outline-offset:2px;border-color:var(--td-accent)!important}.App.tutor-workspace .dispatch-search{flex:auto}.App.tutor-workspace .yl-search-container{background:0 0;border:0;padding:0}.App.tutor-workspace .yl-search-box input{padding-right:44px!important}.App.tutor-workspace .yl-search-clear{width:28px;height:28px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.App.tutor-workspace .lessons-filters-section{border:1px solid var(--td-border);box-shadow:none;border-radius:8px;padding:20px;background:var(--td-surface)!important}.App.tutor-workspace .lessons-filters-section .filter-select{box-sizing:border-box;border-radius:6px;height:44px;padding:10px 36px 10px 12px!important}.App.tutor-workspace :is(.dispatch-empty,.materials-empty,.notifications-empty,.empty-state,.chapter-empty){box-shadow:none;border:0;background:0 0!important}.App.tutor-workspace :is(.dispatch-empty,.materials-empty,.notifications-empty,.empty-state) h3{color:var(--td-text);font-size:20px}.App.tutor-workspace :is(.dispatch-category-select,.filter-select,.yl-filter-select){background:var(--td-surface);color:var(--td-text);border:1px solid var(--td-border);border-radius:6px;min-height:44px}.App.tutor-workspace :is(.course-card,.lesson-card,.dispatch-card,.yl-lesson-card){overflow:hidden;transform:none!important}.App.tutor-workspace :is(.course-content,.lesson-content,.dispatch-card-content){background:var(--td-surface)}.App.tutor-workspace :is(.course-title,.lesson-title,.dispatch-card-title){color:var(--td-text);font-size:18px!important}.App.tutor-workspace :is(.course-description,.lesson-goal,.dispatch-card-excerpt,.course-meta,.lesson-meta){color:var(--td-muted)}.App.tutor-workspace :is(.course-footer,.lesson-action,.dispatch-card-footer){border-color:var(--td-border);background:0 0!important}.App.tutor-workspace :is(.course-stats,.course-info,.level-group,.chapter-group,.level-header,.chapter-header){box-shadow:none;border-color:var(--td-border);color:var(--td-text);border-radius:0;background:0 0!important}.App.tutor-workspace :is(.course-hero,.yl-page-header){border:0;border-bottom:1px solid var(--td-border);box-shadow:none;border-radius:0;padding:0 0 24px;background:0 0!important}.App.tutor-workspace .course-detail-page{animation:none}.App.tutor-workspace .course-hero{gap:24px;overflow:visible}.App.tutor-workspace .course-hero:before{animation:none;display:none}.App.tutor-workspace .course-hero-icon{width:80px;height:80px;box-shadow:none;border-radius:0;align-self:flex-start;padding:0;animation:none;transform:none;background:0 0!important}.App.tutor-workspace .course-hero-icon .tutor-art{width:80px!important;height:80px!important}.App.tutor-workspace .course-hero-content{min-width:0}.App.tutor-workspace .daily-dispatch-page .dispatch-icon,.App.tutor-workspace .daily-dispatch-page .dispatch-icon .tutor-art{width:80px!important;height:80px!important}.App.tutor-workspace .yl-header-content>.tutor-art{animation:none;transform:none;width:80px!important;height:80px!important}.App.tutor-workspace :is(.course-title-main,.yl-page-header h1,.inbox-header h1){color:var(--td-text);-webkit-text-fill-color:var(--td-text);background:0 0;font-size:28px}.App.tutor-workspace .course-description-main{color:var(--td-muted);max-width:720px;font-size:14px}.App.tutor-workspace .yl-header-content{text-align:left;grid-template-columns:80px minmax(0,1fr);column-gap:24px;padding:0;display:grid}.App.tutor-workspace .yl-header-content .tutor-art{grid-row:1/3}.App.tutor-workspace .yl-header-content h1{margin:0 0 6px}.App.tutor-workspace .yl-header-content p{color:var(--td-muted);margin:0}.App.tutor-workspace .inbox-icon-wrapper{width:48px;height:48px;box-shadow:none;background:0 0;border:0}.App.tutor-workspace :is(.profile-tabs,.profile-tabs .tab-btn,.progress-line-fill,.status-icon){box-shadow:none!important}.App.tutor-workspace .progress-line-fill{background:var(--td-accent)}.App.tutor-workspace :is(.level-group,.chapter-group){border:0;border-bottom:1px solid var(--td-border)}.App.tutor-workspace .chapter-lessons{overflow-x:auto}.App.tutor-workspace .lessons-table{color:var(--td-text)}.App.tutor-workspace .lessons-table th{background:var(--td-soft);color:var(--td-muted)}.App.tutor-workspace .lessons-table td{background:var(--td-surface);border-color:var(--td-border)}.App.tutor-workspace :is(.exam-intro-card,.equipment-test-card,.exam-results,.exam-result-card,.exam-task-container,.info-card,.question-card){border:1px solid var(--td-border);color:var(--td-text);border-radius:8px;box-shadow:none!important;background:var(--td-surface)!important}.App.tutor-workspace :is(.exam-info-grid,.exam-rules,.exam-info-item,.exam-categories,.exam-results-summary){border-color:var(--td-border);box-shadow:none;border-radius:0;background:0 0!important}.App.tutor-workspace :is(.exam-intro-card,.equipment-test-card){max-width:800px;padding:28px}.App.tutor-workspace :is(.exam-intro-card h1,.equipment-test-card h1,.exam-results h1){color:var(--td-text);font-size:28px}.App.tutor-workspace :is(.exam-intro-description,.exam-rules,.exam-info-item span,.equipment-test-card p,.interview-modal-note){color:var(--td-muted)}.App.tutor-workspace .exam-intro-icon{color:var(--td-accent);box-shadow:none;background:0 0;border-radius:0}.App.tutor-workspace :is(.category-tag,.exam-section-tab,.question-option){box-shadow:none;border-radius:6px}.App.tutor-workspace .notification-card{padding:20px}.App.tutor-workspace .notification-card-icon{box-shadow:none;border-radius:6px;background:var(--td-tint)!important;color:var(--td-accent)!important}.App.tutor-workspace .notification-card-content h3{color:var(--td-text)}.App.tutor-workspace .notification-card-content p{color:var(--td-muted)}.App.tutor-workspace .inbox-container{max-width:1264px;margin:0 auto;padding:52px 32px 64px}.App.tutor-workspace :is(.inbox-header,.inbox-controls,.conversation-list,.message-content){box-shadow:none;background:0 0!important}.App.tutor-workspace :is(.conversation-item,.message-card){background:var(--td-surface);border-color:var(--td-border);border-radius:8px}.App.tutor-workspace :is(.classroom-container,.classroom-topbar,.classroom-sidebar,.classroom-main,.classroom-chat-header,.classroom-chat-input){background:var(--td-surface);color:var(--td-text);border-color:var(--td-border)}.App.tutor-workspace :is(.classroom-left,.classroom-header,.chat-header,.chat-input-area,.material-header,.material-topbar){box-shadow:none;border-color:var(--td-border);background:var(--td-surface)!important;color:var(--td-text)!important}.App.tutor-workspace .classroom-logo span{color:var(--td-accent)}.App.tutor-workspace :is(.control-btn,.attach-btn,.send-btn,.chat-settings-btn,.chat-history-btn),.App.tutor-workspace :is(.ddp-container,.csp-fullpage,.beve-preview) :is(button,a){box-shadow:none;border-radius:6px}.App.tutor-workspace .ddp-header-bar{background:var(--td-surface);color:var(--td-text);border-bottom:1px solid var(--td-border)}.App.tutor-workspace .ddp-toolbar-brand{color:var(--td-text)}.App.tutor-workspace .ddp-logo{object-fit:contain;width:40px;height:40px}.App.tutor-workspace .ddp-title{letter-spacing:0;font-size:28px;line-height:1.35}.App.tutor-workspace .ddp-section-header h2{letter-spacing:0;font-size:16px}.App.tutor-workspace .ddp-sidebar-section{border:0;border-bottom:1px solid var(--td-border);background:0 0;border-radius:0}.App.tutor-workspace .yl-lesson-page{font-family:inherit}.App.tutor-workspace .yl-lesson-header{background:var(--td-surface);color:var(--td-text);box-shadow:none;border-bottom:1px solid var(--td-border);border-radius:0}.App.tutor-workspace .yl-lesson-header h1{font-size:22px}.App.tutor-workspace :is(.yl-back-button,.yl-nav-btn,.yl-audio-btn,.yl-lesson-error button){box-shadow:none;border-radius:6px}.App.tutor-workspace :is(.lesson-request-panel,.lesson-request-container,.materials-selector-panel,.classroom-modal){box-shadow:none;border-color:var(--td-border);border-radius:8px}.App.tutor-workspace :is(.classroom-control-btn,.chat-send-btn,.classroom-action-button){box-shadow:none;border-radius:6px}.App.tutor-workspace :is(.ddp-container,.lesson-fullpage,.csp-fullpage,.beve-preview-wrapper){color:var(--td-text)}.App.tutor-workspace :is(.ddp-header,.ddp-toolbar,.csp-toolbar,.csp-topbar,.beve-toolbar,.yl-lesson-header){box-shadow:none;border-color:var(--td-border);border-radius:0}.App.tutor-workspace .pdf-viewer-wrapper{background:var(--td-soft);color:var(--td-text)}.App.tutor-workspace .pdf-toolbar{background:var(--td-surface);border-color:var(--td-border);box-shadow:none;flex-wrap:wrap;gap:12px}.App.tutor-workspace .pdf-toolbar .page-navigation{background:var(--td-soft);border-radius:6px}.App.tutor-workspace .pdf-toolbar :is(button,input){border:1px solid var(--td-border);background:var(--td-surface);color:var(--td-text);box-shadow:none;border-radius:6px}.App.tutor-workspace .pdf-toolbar button:hover{background:var(--td-tint);color:var(--td-accent)}.App.tutor-workspace .pdf-toolbar .page-navigation :is(span,label){color:var(--td-muted)}.App.tutor-workspace .pdf-viewer-wrapper::-webkit-scrollbar-thumb{background:var(--td-muted)}.App.tutor-workspace .beve-preview{background:var(--td-bg);color:var(--td-text);letter-spacing:0;height:100dvh}.App.tutor-workspace .beve-preview.light{--td-bg:#f5f7fa;--td-surface:#fff;--td-soft:#f7f9fc;--td-text:#202636;--td-muted:#647184;--td-border:#dfe5ed;--td-accent:#0245ae;--td-tint:#edf4ff}.App.tutor-workspace .beve-preview.dark{--td-bg:#202020;--td-surface:#242424;--td-soft:#292929;--td-text:#f3f5f7;--td-muted:#aab5c4;--td-border:#3b3b3b;--td-accent:#79b5ff;--td-tint:#293646}.App.tutor-workspace .beve-preview :is(.beve-toolbar,.beve-sidebar,.beve-page,.beve-col-student){background:var(--td-surface);color:var(--td-text);border-color:var(--td-border);box-shadow:none}.App.tutor-workspace .beve-preview :is(.beve-toolbar-btn,.beve-back-btn){background:var(--td-surface);color:var(--td-accent);border:1px solid var(--td-border);box-shadow:none;border-radius:6px}.App.tutor-workspace .beve-preview :is(.beve-toolbar-title,.beve-page-header-title,.beve-goal-en){color:var(--td-text)}.App.tutor-workspace .beve-preview :is(.beve-toolbar-center,.beve-sidebar-header,.beve-sidebar-page){color:var(--td-muted)}.App.tutor-workspace .beve-preview :is(.beve-toolbar-badge,.beve-sidebar-page.active,.beve-sidebar-page.active .beve-page-num){color:var(--td-accent);background:var(--td-tint);box-shadow:none}.App.tutor-workspace .beve-preview .beve-toolbar-divider{background:var(--td-border)}.App.tutor-workspace .beve-preview .beve-sidebar-page{border-radius:6px}.App.tutor-workspace .beve-preview .beve-sidebar-page.active:before{background:var(--td-accent);box-shadow:none}.App.tutor-workspace .beve-preview .beve-canvas{background:var(--td-bg);min-width:0}.App.tutor-workspace .beve-preview .beve-page{zoom:1;border-radius:8px}.App.tutor-workspace .beve-preview .beve-page-header{background:var(--td-soft);color:var(--td-text);border-color:var(--td-border)}.App.tutor-workspace .beve-preview .beve-page-header :is(.brand-fluent,.brand-x,.brand-verse,.beve-page-header-lesson){color:var(--td-text);-webkit-text-fill-color:var(--td-text);text-shadow:none;background:0 0}.App.tutor-workspace .beve-preview .beve-page-header:before,.App.tutor-workspace .beve-preview .beve-page-header:after{display:none}.App.tutor-workspace .beve-preview .beve-page-header :is(span,strong){-webkit-text-fill-color:var(--td-text);text-shadow:none;letter-spacing:0;color:var(--td-text)!important}.App.tutor-workspace .beve-preview .beve-header-lesson{font-size:18px;font-style:normal;line-height:1.45}.App.tutor-workspace .beve-preview :is(.beve-skill-badge,.beve-preview-type-pill){background:var(--td-tint);color:var(--td-accent);border-color:var(--td-border);box-shadow:none;letter-spacing:0}.App.tutor-workspace .beve-preview :is(.beve-section-banner,.beve-col-tutor-title){background:var(--td-soft);border-color:var(--td-border);box-shadow:none;color:var(--td-text)}.App.tutor-workspace .beve-preview :is(){display:none}.App.tutor-workspace .beve-preview .beve-section-banner-left{background:var(--td-tint);clip-path:none;min-width:0;padding:10px 12px}.App.tutor-workspace .beve-preview .beve-section-banner-title{color:var(--td-accent);letter-spacing:0;text-shadow:none;white-space:normal;font-size:12px}.App.tutor-workspace .beve-preview .beve-chevron-num{background:var(--td-surface);border-color:var(--td-border);color:var(--td-muted);box-shadow:none}.App.tutor-workspace .beve-preview :is(.beve-chevron.active,.beve-chevron.completed) .beve-chevron-num{background:var(--td-tint);border-color:var(--td-accent);color:var(--td-accent)}.App.tutor-workspace .beve-preview .beve-chevron-connector{background:var(--td-border)}.App.tutor-workspace .beve-preview .beve-page-footer{background:var(--td-soft);border-color:var(--td-border);color:var(--td-muted);box-shadow:none}.App.tutor-workspace .beve-preview .beve-page-footer:before,.App.tutor-workspace .beve-preview .beve-page-footer:after{display:none}.App.tutor-workspace .beve-preview .beve-page-footer :is(span,strong){color:var(--td-muted);-webkit-text-fill-color:var(--td-muted);text-shadow:none;filter:none;letter-spacing:0;background:0 0}.App.tutor-workspace .beve-preview .beve-col-tutor{background:var(--td-soft);color:var(--td-text)}.App.tutor-workspace .beve-preview .beve-goal-box{background:var(--td-soft);border-color:var(--td-border);border-left-color:var(--td-accent);border-radius:6px}.App.tutor-workspace .beve-preview :is(.beve-goal-label,.beve-preview-step-note-title,.beve-preview-role-label){color:var(--td-accent)}dialog.tutor-dialog.tutor-recording-dialog .recording-agree{background:var(--td-accent);color:var(--td-surface)}dialog.tutor-dialog.tutor-recording-dialog .recording-decline{background:var(--td-soft);color:var(--td-text);border:1px solid var(--td-border)}@media (max-width:600px){.App.tutor-workspace .course-hero-icon{align-self:center;width:64px;height:64px}.App.tutor-workspace :is(.course-hero-icon,.dispatch-icon) .tutor-art,.App.tutor-workspace .yl-header-content>.tutor-art,.App.tutor-workspace .daily-dispatch-page .dispatch-icon,.App.tutor-workspace .daily-dispatch-page .dispatch-icon .tutor-art{width:64px!important;height:64px!important}.App.tutor-workspace .yl-header-content{grid-template-columns:64px minmax(0,1fr);column-gap:16px}.App.tutor-workspace .beve-preview .beve-toolbar{flex-wrap:wrap;height:auto;min-height:54px;padding:10px 12px}.App.tutor-workspace .beve-preview .beve-toolbar-left{flex:100%;min-width:0}.App.tutor-workspace .beve-preview .beve-toolbar-title{overflow-wrap:anywhere;flex-wrap:wrap;flex:1;gap:4px;min-width:0}.App.tutor-workspace .beve-preview .beve-toolbar-center,.App.tutor-workspace .beve-preview .beve-sidebar-header{display:none}.App.tutor-workspace .beve-preview .beve-toolbar-right{margin-left:auto}.App.tutor-workspace .beve-preview .beve-body{flex-direction:column;min-height:0}.App.tutor-workspace .beve-preview .beve-sidebar{border-right:0;border-bottom:1px solid var(--td-border);flex-shrink:0;width:100%;min-width:0;overflow:auto}.App.tutor-workspace .beve-preview .beve-sidebar-pages{flex-direction:row;gap:8px;padding:8px 12px;display:flex}.App.tutor-workspace .beve-preview .beve-sidebar-page{flex:none;width:auto;padding:8px 10px}.App.tutor-workspace .beve-preview .beve-canvas{align-items:stretch;gap:20px;padding:12px}.App.tutor-workspace .beve-preview .beve-page{box-sizing:border-box;width:100%;max-width:100%}.App.tutor-workspace .beve-preview :is(.beve-col-student,.beve-col-tutor){padding:16px}.App.tutor-workspace .beve-preview .beve-section-banner{flex-direction:column;align-items:stretch}.App.tutor-workspace .beve-preview .beve-chevron-bar{padding:8px}.App.tutor-workspace .beve-preview :is(.beve-pronun-columns,.beve-preview-roleplay-grid,.beve-practice-grid,.beve-img-grid){grid-template-columns:minmax(0,1fr)}}dialog.tutor-dialog{--sd-surface:var(--td-surface);--sd-text:var(--td-text);--sd-muted:var(--td-muted);--sd-border:var(--td-border);--sd-accent:var(--td-accent);--sd-tint:var(--td-tint);color:var(--td-text);background:var(--td-surface);border:1px solid var(--td-border);box-sizing:border-box;overflow:auto;border-radius:8px!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;position:fixed!important;inset:0!important}dialog.tutor-dialog .trouble-report-modal{box-shadow:none;background:0 0;border:0;padding:0}dialog.tutor-dialog .trouble-report-header{background:0 0;padding:0 0 18px}dialog.tutor-dialog .trouble-report-content{padding:20px 0}dialog.tutor-dialog .trouble-report-actions{border-color:var(--td-border);background:0 0;padding:16px 0 0}dialog.tutor-dialog .trouble-report-options button{background:var(--td-soft);border-color:var(--td-border);color:var(--td-text);border-radius:6px}dialog.tutor-dialog .trouble-report-options button.selected{background:var(--td-tint);border-color:var(--td-accent)}dialog.tutor-dialog.trouble-report-dialog .trouble-report-modal .trouble-report-options button.selected{background:var(--td-tint);border-color:var(--td-accent);color:var(--td-accent)}dialog.tutor-dialog.lesson-notes-editor{--lne-bg:var(--td-surface)!important;--lne-field:var(--td-soft)!important;--lne-text:var(--td-text)!important;--lne-muted:var(--td-muted)!important;--lne-border:var(--td-border)!important;--notes-accent:var(--td-accent)!important;--notes-label-color:var(--td-text)!important}dialog.tutor-dialog.lesson-notes-editor .dispatch-notes-header{background:var(--td-surface);color:var(--td-text);border-bottom:1px solid var(--td-border)}dialog.tutor-dialog.lesson-notes-editor .dispatch-notes-header h2{font-size:18px;color:var(--td-text)!important}dialog.tutor-dialog.lesson-notes-editor .lne-save{background:var(--td-accent);border-color:var(--td-accent);color:var(--td-surface)}.tutor-dialog.tutor-public-menu .mobile-menu{padding:0;visibility:visible!important;width:100%!important;height:auto!important;position:relative!important;inset:auto!important;transform:none!important}.tutor-dialog.tutor-public-menu .menu-box{box-shadow:none;background:var(--td-surface)!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;position:relative!important;inset:auto!important;transform:none!important}.tutor-dialog.tutor-public-menu :is(.mobile-menu-header,.mobile-menu-actions,.menu-outer){border-color:var(--td-border);background:0 0;padding:16px 0}.tutor-dialog.tutor-public-menu .navigation a{color:var(--td-text);border-radius:6px}dialog.tutor-dialog .classroom-recording-settings{border:1px solid var(--td-border);color:var(--td-accent);background:var(--td-tint);align-items:center;gap:8px;margin:16px 0;padding:10px 12px;display:flex}dialog.tutor-dialog .settings-input-toggle{color:var(--td-muted)}dialog.tutor-dialog>:is(.settings-modal,.login-modal,.edit-modal,.modal-dialog,.interview-modal,.headset-modal,.chatlog-modal,.image-cropper-modal,.session-modal,.session-expired-modal,.toast-confirm-modal,.fxv-modal-content){display:block;overflow:visible;width:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;position:relative!important;inset:auto!important;transform:none!important}dialog.tutor-dialog :is(h2,h3,h4,label,.settings-name,.settings-subview-title,.settings-action-btn,.settings-form-label){letter-spacing:0;color:var(--td-text)!important}dialog.tutor-dialog :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;max-width:100%;font-size:14px;background:var(--td-soft)!important;color:var(--td-text)!important;border:1px solid var(--td-border)!important;border-radius:6px!important}dialog.tutor-dialog :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select){min-height:44px}dialog.tutor-dialog :is(.settings-modal-close,.settings-modal-back,.modal-close,.modal-close-btn,.edit-modal-close,.cropper-close,.classroom-modal-close){border:1px solid var(--td-border);width:36px;height:36px;color:var(--td-muted);box-shadow:none;border-radius:6px;place-items:center;padding:0;display:grid;background:0 0!important}dialog.tutor-dialog :is(.settings-action-btn,.settings-wallet,.settings-action-icon,.settings-subview-icon,.settings-tutor-id,.settings-form-submit,.modal-btn,.btn-save,.toast-confirm-btn,.session-refresh,.session-expired-btn,.cropper-btn,.interview-modal-btn){letter-spacing:0;box-shadow:none!important;border-radius:6px!important}dialog.tutor-dialog .settings-profile{border-bottom:1px solid var(--td-border);padding:16px 0 24px}dialog.tutor-dialog .settings-avatar{width:88px;height:88px;box-shadow:none;border:2px solid var(--td-border)}dialog.tutor-dialog .settings-name{margin:18px 0 8px;font-size:22px}dialog.tutor-dialog .settings-tutor-id{background:var(--td-tint);color:var(--td-accent);font-size:12px}dialog.tutor-dialog .settings-email{color:var(--td-muted);overflow-wrap:anywhere}dialog.tutor-dialog .settings-wallet{border:1px solid var(--td-border);color:var(--td-muted);flex-wrap:wrap;justify-content:center;gap:8px;padding:12px;font-size:12px;display:flex;background:var(--td-soft)!important}dialog.tutor-dialog .settings-actions{gap:0;padding-top:12px}dialog.tutor-dialog .settings-action-btn{border:0;border-bottom:1px solid var(--td-border);min-height:60px;padding:14px 0;font-size:14px;transform:none;background:0 0!important}dialog.tutor-dialog .settings-action-icon{color:var(--td-accent);width:36px;height:36px;background:var(--td-tint)!important}dialog.tutor-dialog .settings-action-icon.logout-icon{color:#dc4545;background:0 0!important}dialog.tutor-dialog .settings-subview{padding-top:40px}dialog.tutor-dialog .settings-subview-header{text-align:left;padding:0 0 20px}dialog.tutor-dialog :is(.settings-subview,.settings-modal,.login-modal,.edit-modal){animation:none!important}dialog.tutor-dialog .settings-subview-title{font-size:22px!important}dialog.tutor-dialog .settings-subview-icon{color:var(--td-accent);width:40px;height:40px;margin:0 0 12px;background:0 0!important}dialog.tutor-dialog .settings-form-submit,dialog.tutor-dialog .modal-btn{min-height:44px;font-size:14px;background:var(--td-accent)!important;color:var(--td-surface)!important}dialog.tutor-dialog .modal-logo{justify-content:flex-start;align-items:center;gap:10px;margin-bottom:24px;display:flex}dialog.tutor-dialog .modal-logo img{width:40px;height:40px}dialog.tutor-dialog .modal-title{text-align:left;font-size:22px}dialog.tutor-dialog .modal-subtitle{text-align:left;font-size:14px}dialog.tutor-dialog .modal-form{gap:10px;display:grid}dialog.tutor-dialog .modal-form label{font-size:13px;font-weight:600}dialog.tutor-dialog .modal-form input{padding:10px 12px}dialog.tutor-dialog .modal-error{color:#dc4545;background:0 0;border:1px solid #dc4545;border-radius:6px;padding:12px}dialog.tutor-dialog :is(.edit-modal-header,.headset-modal-header,.chatlog-modal-header,.cropper-header){border-bottom:1px solid var(--td-border);background:0 0;padding:0 0 16px}dialog.tutor-dialog :is(.edit-modal-body,.headset-modal-content,.chatlog-modal-body,.cropper-body){padding:20px 0}dialog.tutor-dialog :is(.edit-modal-footer,.headset-modal-footer,.modal-actions,.interview-modal-actions,.toast-confirm-actions,.cropper-footer){border-top:1px solid var(--td-border);background:0 0;flex-wrap:wrap;gap:10px;padding:16px 0 0;display:flex}dialog.tutor-dialog :is(.cropper-container,.fxv-video-player){border-radius:8px}dialog.tutor-dialog .image-cropper-modal .cropper-container{max-width:100%}.tutor-dialog.tutor-video-dialog{width:920px}.tutor-dialog.tutor-headset-dialog,.tutor-dialog.tutor-chatlog-dialog{width:620px}.tutor-dialog.tutor-crop-dialog{width:480px}.tutor-dialog.tutor-schedule-dialog>div{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.tutor-dialog.tutor-schedule-dialog h3{color:var(--td-text)!important;-webkit-text-fill-color:var(--td-text)!important;background:0 0!important}dialog.tutor-dialog.tutor-menu-dialog{border:0;width:85vw;height:100dvh;padding:0;overflow:hidden;border-radius:0!important;max-width:320px!important;max-height:100dvh!important;margin:0!important;inset:0 auto 0 0!important}dialog.tutor-menu-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}dialog.tutor-menu-dialog .mobile-menu-panel{width:100%;max-width:none;height:100%;position:relative}dialog.tutor-menu-dialog .mobile-menu-close{border-radius:10px}dialog.tutor-menu-dialog .logout-btn{border-radius:12px;box-shadow:0 4px 12px #ef44444d}@media (max-width:360px){dialog.tutor-dialog.tutor-menu-dialog{width:90vw}}.App.tutor-public :is(.register-card,.register-form-container,.contact-info-card){box-shadow:none;border-radius:8px}.App.tutor-public :is(.privacy-policy-banner,.terms-of-service-banner){background:#f5f7fa}.App.tutor-public :is(.privacy-hero,.terms-hero){color:#202636;text-align:left;background:#f5f7fa;padding:148px 16px 48px}.App.tutor-public :is(.privacy-hero,.terms-hero) :is(.title,.hero-subtitle,.text-accent){color:#202636;text-shadow:none}.App.tutor-public :is(.privacy-hero,.terms-hero) .title{font-size:32px}.App.tutor-public :is(.privacy-policy-section,.terms-of-service-section){background:#fff;padding:40px 16px}.tutor-not-found{text-align:center;background:var(--td-bg);min-height:100dvh;color:var(--td-text);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:100px 24px;display:flex}.tutor-not-found h1{margin:0;font-size:28px}.tutor-not-found p{color:var(--td-muted);margin:0}.tutor-not-found .tutor-not-found-code{color:var(--td-accent);font-size:48px;font-weight:700}.tutor-not-found-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.tutor-not-found-actions a{border:1px solid var(--td-border);color:var(--td-accent);background:var(--td-surface);border-radius:6px;align-items:center;gap:8px;padding:10px 14px;display:flex}.App.tutor-public .register-content{background:#f5f7fa;gap:40px;padding:140px 32px 64px}.App.tutor-public .register-left-side{color:#202636;background:0 0;justify-content:flex-start;padding:0 24px}.App.tutor-public .register-right-side{background:0 0;min-width:0;padding:0}.App.tutor-public .register-form-card{box-shadow:none;background:#fff;border:1px solid #dfe5ed;border-radius:8px;padding:28px}.App.tutor-public :is(.left-title,.left-subtitle,.left-intro,.feature-copy,.feature-title,.feature-desc,.left-cta){color:#202636;text-shadow:none;letter-spacing:0}.App.tutor-public .left-title{margin-bottom:20px;font-family:inherit;font-size:28px}.App.tutor-public :is(.decorative-circle-top,.decorative-circle-bottom){display:none}.App.tutor-public .feature-icon-circle{box-shadow:none;background:0 0;border:0;border-radius:0}.App.tutor-public .register-form-card .form-title{font-size:26px}.App.tutor-public .register-form-card :is(input,select){color:#202636;background:#f7f9fc;border:1px solid #dfe5ed;border-radius:6px;min-height:44px}.App.tutor-workspace .interview-setup{background:var(--td-bg);color:var(--td-text);padding:120px 24px 40px}.App.tutor-workspace .setup-container{max-width:1000px;box-shadow:none;background:0 0}.App.tutor-workspace .setup-header h1{color:var(--td-text);font-size:28px}.App.tutor-workspace .setup-header p{color:var(--td-muted)}.App.tutor-workspace :is(.device-settings,.setup-tips){background:var(--td-surface);border-color:var(--td-border);box-shadow:none;border-radius:8px}.App.tutor-workspace .device-group select{background:var(--td-soft);color:var(--td-text);border-color:var(--td-border);border-radius:6px;min-height:44px}@media (min-width:1200px){.App.tutor-workspace :is(.container,.profile-container,.materials-container,.course-detail-container,.dispatch-container){position:relative;left:-24px}}@media (max-width:1500px){.App.tutor-workspace :is(.main-content,.student-profile-content){width:calc(100% - 95px)!important;margin-left:95px!important}}@media (max-width:1199px){.App.tutor-workspace :is(.main-content,.student-profile-content){width:100%!important;margin-left:0!important}}@media (max-width:991px){.App.tutor-workspace :is(.main-content,.student-profile-content):has(.dashboard-header){padding-top:60px!important}.App.tutor-workspace :is(.home-page-container,.tutor-schedule-page,.my-profile-page,.student-profile-main,.materials-page,.course-detail-page,.daily-dispatch-page,.notifications-page,.interview-booking-page,.exam-page,.speaking-exam-page,.performance-metrics-page,.yl-page){padding-top:24px!important}.App.tutor-workspace .inbox-container{padding-top:24px}.tutor-home-shortcuts{gap:12px}.tutor-home-shortcuts a{flex-wrap:wrap;padding:16px}}@media (max-width:600px){.App.tutor-workspace :is(.home-page-container,.tutor-schedule-page,.my-profile-page,.student-profile-main,.materials-page,.course-detail-page,.daily-dispatch-page,.notifications-page,.interview-booking-page,.exam-page,.speaking-exam-page,.performance-metrics-page,.yl-page){padding:24px 16px 40px!important}.App.tutor-workspace .inbox-container{padding:24px 16px 40px}.App.tutor-workspace :is(.page-title-gradient,.materials-page-title,.dispatch-title,.notifications-page-title h1,.interview-header h1,.profile-name,.schedule-title-row h2){font-size:22px!important}.App.tutor-workspace .test-card{flex-wrap:wrap;padding:16px!important}.App.tutor-workspace .home-page-container .page-title-row{text-align:left;flex-direction:row;align-items:center}.App.tutor-workspace .home-page-container .test-card{text-align:left;grid-template-columns:44px minmax(0,1fr);gap:12px;min-height:0;display:grid}.App.tutor-workspace .home-page-container .test-content{text-align:left;width:auto}.App.tutor-workspace .home-page-container .test-content p{margin-bottom:8px;font-size:13px;line-height:1.6}.App.tutor-workspace .home-page-container .test-header{flex-wrap:wrap;align-items:flex-start}.App.tutor-workspace .home-page-container :is(.test-action-btn,.test-complete-badge,.test-processing-badge){grid-column:2;justify-self:start;margin:0}.App.tutor-workspace .home-page-container :is(.status-description,.section-title){text-align:left}.App.tutor-workspace .test-content{flex:180px}.App.tutor-workspace .test-action-btn{margin-left:auto}.tutor-home-shortcuts{grid-template-columns:1fr}.tutor-home-shortcuts a{flex-wrap:nowrap;padding:14px 16px}.App.tutor-workspace .profile-hero-content{flex-direction:column}.App.tutor-workspace .hero-video-section{border-left:0;border-top:1px solid var(--td-border);width:100%;padding:20px 0 0}.App.tutor-workspace .profile-header-content{flex-direction:column;align-items:flex-start}.App.tutor-workspace .profile-action-buttons{width:100%;min-width:0}.App.tutor-workspace :is(.learning-profile-card,.student-context-card,.material-request-card,.lesson-notes-card,.profile-header-card){padding:16px}.App.tutor-workspace :is(.courses-grid,.lessons-grid,.dispatch-grid){grid-template-columns:1fr}.App.tutor-workspace :is(.exam-intro-card,.equipment-test-card){padding:20px}.App.tutor-workspace .exam-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.App.tutor-workspace .exam-info-item{min-width:0;padding:12px 4px}.App.tutor-workspace .exam-info-value{font-size:20px}.App.tutor-workspace .exam-info-label{font-size:12px}.App.tutor-workspace .interview-setup{padding:100px 16px 32px}.App.tutor-workspace .setup-content{grid-template-columns:1fr}.App.tutor-public .register-content{padding:116px 16px 40px}.App.tutor-public .register-left-side{display:none}.App.tutor-public .register-form-card{padding:20px}.App.tutor-workspace :is(.materials-header-left,.dispatch-header-main,.course-header-main){gap:12px;min-width:0}.App.tutor-workspace .schedule-card{padding:8px!important}dialog.tutor-dialog .settings-form-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tutor-icon-spin{animation:none}}