.toast-container{top:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);gap:var(--space-sm);flex-direction:column;max-width:400px;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);animation:.3s toast-in;display:flex}.toast--exit{animation:.3s forwards toast-out}.toast--success{border-left:4px solid var(--success)}.toast--warning{border-left:4px solid var(--warning)}.toast--error{border-left:4px solid var(--danger)}.toast--info{border-left:4px solid var(--accent-primary)}.toast__icon{font-size:var(--text-base);flex-shrink:0}.toast__message{font-size:var(--text-sm);color:var(--text-primary);flex:1}.toast__dismiss{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast__dismiss:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;display:inline-flex}.btn--sm{font-size:var(--text-sm);padding:6px 12px}.btn--md{font-size:var(--text-sm);padding:8px 16px}.btn--lg{font-size:var(--text-base);padding:12px 24px}.btn--primary{background:var(--accent-primary);color:var(--text-inverse)}.btn--primary:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){background:var(--danger);opacity:.9;box-shadow:var(--shadow-md)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--loading{color:#0000;position:relative}.btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute}.btn__icon{font-size:1.1em;display:inline-flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-group{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.input-group__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.input-group__input{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;height:38px;color:var(--text-primary);font-size:var(--text-sm);box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:8px 12px;font-family:inherit}.input-group__input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-light);outline:none}.input-group__input::placeholder{color:var(--text-tertiary)}.input-group--error .input-group__input{border-color:var(--danger)}.input-group--error .input-group__input:focus{box-shadow:0 0 0 3px var(--danger-light)}.input-group__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.input-group__error{font-size:var(--text-xs);color:var(--danger)}.select-group{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.select-group__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.select-group__wrapper{align-items:center;width:100%;display:flex;position:relative}.select-group__select{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;height:38px;color:var(--text-primary);font-size:var(--text-sm);appearance:none;cursor:pointer;box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:8px 32px 8px 12px;font-family:inherit}.select-group__select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-light);outline:none}.select-group__arrow{pointer-events:none;color:var(--text-secondary);position:absolute;right:10px}.select-group--error .select-group__select{border-color:var(--danger)}.select-group__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.select-group__error{font-size:var(--text-xs);color:var(--danger)}.modal{z-index:var(--z-modal);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-xl);max-height:85vh;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.modal--sm{width:min(400px,90vw)}.modal--md{width:min(560px,90vw)}.modal--lg{width:min(720px,90vw)}.modal__content{flex-direction:column;max-height:85vh;display:flex}.modal__header{padding:var(--space-lg);border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal__close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);font-size:var(--text-lg);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal__body{padding:var(--space-lg);overflow-y:auto}.toggle{align-items:flex-start;gap:var(--space-md);cursor:pointer;width:100%;display:flex}.toggle__input{opacity:0;width:0;height:0;position:absolute}.toggle__slider{background:var(--border-primary);border-radius:var(--radius-full);width:44px;min-width:44px;height:24px;transition:background var(--transition-fast);flex-shrink:0;margin-top:1px;position:relative}.toggle__slider:after{content:"";width:20px;height:20px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle__input:checked+.toggle__slider{background:var(--accent-primary)}.toggle__input:checked+.toggle__slider:after{transform:translate(20px)}.toggle__input:focus-visible+.toggle__slider{outline:2px solid var(--border-focus);outline-offset:2px}.toggle__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);-webkit-user-select:none;user-select:none;flex:1;line-height:1.35}.card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.card--hoverable{cursor:pointer}.card--hoverable:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap;align-items:center;display:inline-flex}.badge--sm{font-size:var(--text-xs);padding:2px 8px}.badge--md{font-size:var(--text-sm);padding:4px 12px}.badge--default{background:var(--bg-tertiary);color:var(--text-secondary)}.badge--success{background:var(--success-light);color:var(--success)}.badge--warning{background:var(--warning-light);color:var(--warning)}.badge--danger{background:var(--danger-light);color:var(--danger)}.badge--accent{background:var(--accent-primary-light);color:var(--accent-primary)}.guide-modal{gap:var(--space-lg);color:var(--text-primary);flex-direction:column;max-height:80vh;display:flex}.guide-modal__hero{align-items:center;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-secondary);display:flex}.guide-modal__icon-wrapper{border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.guide-modal__hero-text{flex-direction:column;gap:4px;display:flex}.guide-modal__badge{width:fit-content;font-size:11px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);border:1px solid;padding:2px 8px;display:inline-block}.guide-modal__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.guide-modal__tagline{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.guide-modal__tabs{gap:var(--space-xs);border-bottom:1px solid var(--border-secondary);padding-bottom:2px;display:flex}.guide-modal__tab{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;display:flex}.guide-modal__tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.guide-modal__tab--active{color:var(--accent-primary);background:var(--accent-primary-light);font-weight:var(--font-semibold)}.guide-modal__body{padding-right:var(--space-xs);max-height:48vh;overflow-y:auto}.guide-modal__desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.6}.guide-modal__subheading{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px}.guide-modal__features-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.guide-modal__feature-card{gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);display:flex}.guide-modal__feature-num{background:var(--bg-tertiary);width:24px;height:24px;color:var(--text-primary);font-size:11px;font-weight:var(--font-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guide-modal__feature-title{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:2px}.guide-modal__feature-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.guide-modal__steps-timeline{gap:var(--space-md);flex-direction:column;display:flex}.guide-modal__step-item{gap:var(--space-md);display:flex}.guide-modal__step-badge{color:#fff;width:28px;height:28px;font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.guide-modal__step-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:2px}.guide-modal__step-detail{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.guide-modal__student-box{margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-lg);border-left:3px solid var(--accent-primary)}.guide-modal__student-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-primary);text-transform:uppercase;margin-bottom:4px}.guide-modal__student-text{font-size:var(--text-xs);color:var(--text-secondary);white-space:pre-line;line-height:1.5}.guide-modal__config-list{gap:var(--space-xs);flex-direction:column;display:flex}.guide-modal__config-item{align-items:flex-start;gap:var(--space-xs);font-size:var(--text-xs);background:var(--bg-secondary);border-radius:var(--radius-md);padding:6px 10px;display:flex}.guide-modal__config-icon{color:var(--accent-primary);flex-shrink:0;margin-top:2px}.guide-modal__faq-list{gap:var(--space-sm);flex-direction:column;display:flex}.guide-modal__faq-item{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:2px solid var(--accent-primary)}.guide-modal__faq-q{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:2px}.guide-modal__faq-a{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.guide-modal__footer{padding-top:var(--space-md);border-top:1px solid var(--border-secondary);justify-content:space-between;align-items:center;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.guide-modal__features-grid{grid-template-columns:1fr}}.bg-picker{gap:var(--space-lg);flex-direction:column;max-height:75vh;display:flex}.bg-picker__tabs{gap:var(--space-xs);border-bottom:1px solid var(--border-secondary);padding-bottom:2px;display:flex}.bg-picker__tab{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;display:flex}.bg-picker__tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.bg-picker__tab--active{color:var(--accent-primary);background:var(--accent-primary-light)}.bg-picker__grid-view,.bg-picker__custom-view{max-height:55vh;padding-right:var(--space-xs);gap:var(--space-lg);flex-direction:column;display:flex;overflow-y:auto}.bg-picker__grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.bg-picker__card{border-radius:var(--radius-xl);cursor:pointer;height:120px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:2px solid #0000;position:relative;overflow:hidden}.bg-picker__card:hover{box-shadow:var(--shadow-md);border-color:var(--border-primary);transform:translateY(-2px)}.bg-picker__card--selected{box-shadow:0 0 0 2px #22c55e66, var(--shadow-md);border-color:#22c55e!important}.bg-picker__card-overlay{color:#fff;background:linear-gradient(#0000 0%,#0003 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:10px 12px;display:flex;position:absolute;inset:0}.bg-picker__card-name{font-size:var(--text-xs);font-weight:var(--font-bold);text-shadow:0 1px 3px #000c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bg-picker__card-actions{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.bg-picker__selected-badge{color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);background:#22c55e;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.bg-picker__delete-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast);background:#ef4444cc;border:none;justify-content:center;align-items:center;margin-left:auto;padding:4px;display:flex}.bg-picker__delete-btn:hover{background:#dc2626;transform:scale(1.1)}.bg-picker__dropzone{border:2px dashed var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;background:var(--bg-tertiary);cursor:pointer;transition:all var(--transition-fast)}.bg-picker__dropzone:hover,.bg-picker__dropzone--active{border-color:var(--accent-primary);background:var(--accent-primary-light)}.bg-picker__dropzone--uploading{cursor:wait;opacity:.85}.bg-picker__upload-state{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.bg-picker__upload-icon{color:var(--accent-primary);margin-bottom:4px}.bg-picker__spin{color:var(--accent-primary);margin-bottom:4px;animation:1s linear infinite spin}.bg-picker__upload-title{font-size:var(--text-sm);color:var(--text-primary);margin:0}.bg-picker__upload-sub{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.bg-picker__loading,.bg-picker__empty-library{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xl);color:var(--text-tertiary);text-align:center;flex-direction:column;display:flex}.bg-picker__empty-icon{color:var(--text-tertiary);opacity:.5;margin-bottom:var(--space-xs)}.bg-picker__empty-library p{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0}.bg-picker__empty-library span{font-size:var(--text-xs);color:var(--text-tertiary)}.bg-picker__master-tab-tag{color:var(--accent-primary,#7c3aed);letter-spacing:.5px;background:linear-gradient(135deg,#7c3aed26 0%,#6366f11f 100%);border:1px solid #7c3aed40;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:800}.bg-picker__master-upsell-card{text-align:center;border-radius:var(--radius-lg,16px);background:linear-gradient(135deg,#7c3aed0d 0%,#6366f108 100%);border:1px dashed #7c3aed59;flex-direction:column;align-items:center;gap:.75rem;max-width:520px;margin:1rem auto;padding:3rem 1.5rem;display:flex}.bg-picker__master-upsell-icon{width:56px;height:56px;color:var(--accent-primary,#7c3aed);background:linear-gradient(135deg,#7c3aed26 0%,#6366f11f 100%);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}.bg-picker__master-upsell-card h3{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.bg-picker__master-upsell-card p{color:var(--text-secondary);margin:0 0 .5rem;font-size:.9rem;line-height:1.5}.cookie-banner{z-index:9999;width:calc(100vw - 3rem);max-width:460px;animation:.35s cubic-bezier(.16,1,.3,1) slideUpCookie;position:fixed;bottom:1.5rem;right:1.5rem}@keyframes slideUpCookie{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.cookie-banner__card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#0000001a);-webkit-backdrop-filter:blur(12px);border-radius:20px;flex-direction:column;gap:.85rem;padding:1.35rem 1.5rem;display:flex;box-shadow:0 12px 40px #00000026,0 0 0 1px #7c3aed1a}[data-theme=dark] .cookie-banner__card{background:#0f172af0;border-color:#ffffff1f;box-shadow:0 16px 48px #00000080,0 0 0 1px #7c3aed40}.cookie-banner__header{align-items:center;gap:.75rem;display:flex}.cookie-banner__icon{width:36px;height:36px;color:var(--accent-primary,#7c3aed);background:#7c3aed1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cookie-banner__title-wrap{flex-direction:column;gap:2px;display:flex}.cookie-banner__title{color:var(--text-primary,#0f172a);margin:0;font-size:.95rem;font-weight:700}.cookie-banner__badge{color:#10b981;align-items:center;gap:4px;font-size:.72rem;font-weight:700;display:inline-flex}.cookie-banner__desc{color:var(--text-secondary,#475569);margin:0;font-size:.84rem;line-height:1.45}.cookie-banner__desc strong{color:var(--text-primary,#0f172a)}.cookie-banner__links{align-items:center;display:flex}.cookie-banner__privacy-link{color:var(--accent-primary,#7c3aed);text-underline-offset:2px;align-items:center;gap:4px;font-size:.78rem;font-weight:600;text-decoration:underline;display:inline-flex}.cookie-banner__privacy-link:hover{color:var(--accent-hover,#6d28d9)}.cookie-banner__actions{justify-content:flex-end;align-items:center;gap:.6rem;margin-top:.25rem;display:flex}.cookie-banner__btn-decline{font-size:.82rem}.cookie-banner__btn-accept{font-size:.82rem;font-weight:700}@media (width<=600px){.cookie-banner{width:auto;max-width:100%;bottom:1rem;left:1rem;right:1rem}.cookie-banner__actions{flex-direction:column-reverse;align-items:stretch}.cookie-banner__actions button{justify-content:center;width:100%}}.lang-selector{-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.lang-selector__trigger{color:var(--text-primary,#1a1a2e);background:var(--bg-secondary,#fff);border:1px solid var(--border-primary,#d0d7de);border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--transition-fast,.15s ease);align-items:center;gap:.45rem;padding:.35rem .65rem;font-size:.82rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000000d}.lang-selector__trigger:hover{background:var(--bg-hover,#f0f2f5);border-color:var(--border-focus,#4f46e5);color:var(--text-primary,#1a1a2e)}.lang-selector__trigger--open{border-color:var(--accent-primary,#4f46e5);box-shadow:0 0 0 2px #4f46e533}.flat-flag{vertical-align:middle;width:18px;height:13px;transition:transform var(--transition-fast,.15s ease);border-radius:2px;flex-shrink:0;display:inline-block;box-shadow:0 0 0 1px #0003,0 1px 2px #0000001a}.flat-flag--sm{width:16px;height:11px}.flat-flag--md{width:19px;height:14px}.flat-flag--lg{width:22px;height:16px}.lang-selector__code{letter-spacing:.04em;color:var(--text-primary,#1a1a2e);font-family:inherit;font-size:.78rem;font-weight:700}.lang-selector__chevron{color:var(--text-secondary,#57606a);transition:transform var(--transition-fast,.15s ease)}.lang-selector__chevron--open{transform:rotate(180deg)}.lang-selector__menu{background:var(--bg-secondary,#fff);border:1px solid var(--border-primary,#d0d7de);border-radius:var(--radius-lg,12px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;min-width:145px;margin:0;padding:4px;list-style:none;animation:.15s ease-out langFadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px -5px #00000040,0 8px 10px -6px #00000026}@keyframes langFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-selector__menu li{margin:0;padding:0}.lang-selector__item{width:100%;color:var(--text-primary,#1a1a2e);border-radius:var(--radius-sm,4px);cursor:pointer;text-align:left;transition:background var(--transition-fast,.15s ease), color var(--transition-fast,.15s ease);background:0 0;border:none;align-items:center;gap:.55rem;padding:.48rem .65rem;font-size:.82rem;font-weight:500;display:flex}.lang-selector__item:hover{background:var(--accent-primary-light,#eef2ff);color:var(--accent-primary,#4f46e5)}.lang-selector__item--active{background:var(--accent-primary-light,#eef2ff);color:var(--accent-primary,#4f46e5);font-weight:700}.lang-selector__item-name{flex:1}.lang-selector__check{color:var(--accent-primary,#4f46e5)}.lang-selector--compact .lang-selector__trigger{gap:.35rem;padding:.25rem .5rem;font-size:.75rem}.lang-selector--ghost .lang-selector__trigger{box-shadow:none;background:0 0;border-color:#0000}.lang-selector--ghost .lang-selector__trigger:hover{background:var(--bg-hover,#f0f2f5)}.landing-modern .lang-selector__trigger{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}.landing-modern .lang-selector__trigger:hover{background:#f1f5f9!important;border-color:#94a3b8!important}.landing-modern .lang-selector__code{color:#0f172a!important;font-weight:800!important}.landing-modern .lang-selector__chevron{color:#334155!important}.landing-modern .lang-selector__menu{background:#fff!important;border:1px solid #cbd5e1!important}.landing-modern .lang-selector__item{color:#0f172a!important}.landing-modern .lang-selector__item:hover{color:#4f46e5!important;background:#eef2ff!important}.navbar{height:var(--navbar-height);padding:0 var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar__brand{align-items:center;gap:var(--space-sm);display:flex}.navbar__logo-icon{color:var(--accent-primary)}.navbar__title{font-size:var(--text-lg);font-weight:var(--font-bold);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar__actions{align-items:center;gap:var(--space-md);display:flex}.navbar__action-btn{height:36px;padding:0 var(--space-sm);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:4px;display:flex}.navbar__action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.navbar__lang-code{font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:var(--font-mono)}.navbar__user{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:4px 8px;display:flex}.navbar__user:hover{background:var(--bg-hover)}.navbar__user-avatar{background:var(--accent-primary);color:#fff;width:32px;height:32px;font-weight:var(--font-semibold);font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.navbar__user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}@media (width<=640px){.navbar{padding:0 var(--space-md)}.navbar__actions{gap:var(--space-xs)}.navbar__user-name,.navbar__logout-label{display:none}}.sidebar{width:var(--sidebar-width);height:calc(100vh - var(--navbar-height));background:var(--bg-secondary);border-right:1px solid var(--border-secondary);transition:width var(--transition-normal);top:var(--navbar-height);z-index:var(--z-sticky);flex-direction:column;flex-shrink:0;justify-content:space-between;display:flex;position:sticky;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__nav{gap:var(--space-xs);padding:var(--space-md) var(--space-sm);flex-direction:column;flex:1;display:flex}.sidebar__link{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);white-space:nowrap;display:flex}.sidebar__link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__link--active{background:var(--accent-primary-light);color:var(--accent-primary)}.sidebar__link-icon{font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;width:24px;display:flex}.sidebar__link-label{text-overflow:ellipsis;overflow:hidden}.sidebar__footer{padding:var(--space-sm);border-top:1px solid var(--border-secondary);gap:var(--space-xs);flex-direction:column;display:flex}.sidebar__link--guide{color:var(--text-secondary)}.sidebar__toggle{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);white-space:nowrap;display:flex}.sidebar__toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__toggle-label{text-overflow:ellipsis;font-size:var(--text-xs);overflow:hidden}@media (width<=768px){.sidebar{border-right:none;border-top:1px solid var(--border-secondary);flex-direction:row;height:60px;position:fixed;inset:auto 0 0;box-shadow:0 -2px 10px #0000001a;width:100%!important}.sidebar__nav{padding:0 var(--space-sm);flex-direction:row;justify-content:space-around;align-items:center}.sidebar__link{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);flex-direction:column;gap:2px;font-size:11px}.sidebar__link-icon{width:auto}.sidebar__footer{display:none}}.shell{flex-direction:column;min-height:100vh;display:flex}.shell__body{flex:1;display:flex}.shell__content{padding:var(--space-xl);min-height:calc(100vh - var(--navbar-height));flex:1;overflow-y:auto}@media (width<=768px){.shell__content{padding:var(--space-md);padding-bottom:80px}}.edunova-page{min-height:100dvh;color:var(--edu-text-dark);background-color:#f8fafc;background-image:radial-gradient(#94a3b838 1.2px,#0000 1.2px),radial-gradient(90% 60% at 50% 0,#6366f126 0%,#0000 70%),radial-gradient(circle at 88% 18%,#ec489917 0%,#0000 45%),radial-gradient(circle at 10% 42%,#7c3aed14 0%,#0000 50%),radial-gradient(circle at 90% 68%,#10b98114 0%,#0000 45%),radial-gradient(circle at 20% 88%,#6366f117 0%,#0000 50%);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-size:26px 26px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow-x:hidden}.edunova-nav-wrapper{z-index:900;width:100%;max-width:1240px;margin:0 auto;padding:0 16px;position:sticky;top:14px}.edunova-mobile-menu{animation:mobileMenuSlide .3s var(--edu-bezier-physics) forwards;z-index:990;background:#fffffffa;border:1px solid #e2e8f0e6;border-radius:24px;flex-direction:column;gap:16px;padding:24px;display:flex;position:absolute;top:calc(100% + 12px);left:0;right:0;box-shadow:0 20px 40px -10px #0f172a26}.mobile-link{color:var(--edu-text-dark);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:15px;font-weight:750;text-decoration:none;transition:all .15s;display:flex}.mobile-link:hover,.mobile-link:active{background:var(--edu-primary-subtle);color:var(--edu-primary);transform:translate(4px)}.mobile-pin-btn{color:var(--edu-primary);background:var(--edu-primary-subtle);border-radius:var(--edu-radius-pill);border:1px solid #6366f140;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:14px;font-weight:750;text-decoration:none;transition:all .2s;display:flex}.mobile-pin-btn:hover{background:#e0e7ff}.mobile-cta{justify-content:center;width:100%}@keyframes mobileMenuSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.high-end-btn-pill{box-sizing:border-box;border-radius:var(--edu-radius-pill);cursor:pointer;transition:all .3s var(--edu-bezier-physics);-webkit-user-select:none;user-select:none;border:1.5px solid #0000;justify-content:center;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0f172a0d}.high-end-btn-pill.sm{padding:6px 8px 6px 16px;font-size:13px}.high-end-btn-pill.lg{height:54px;padding:0 26px;font-size:15.5px}.high-end-btn-pill.secondary.lg{padding:0 32px 0 22px}.high-end-btn-pill.primary:hover{background-position:100% 100%;transform:translateY(-2px);box-shadow:0 16px 32px -4px #6366f18c,0 0 20px #7c3aed40}.high-end-btn-pill.secondary{color:var(--edu-text-dark);background:#fff;border:1.5px solid #e2e8f0}.high-end-btn-pill.secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a0f}.high-end-btn-pill.white:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 16px 36px #0f172a38}.btn-text-short{display:none}.edunova-hero{z-index:1;padding:80px 24px 44px;position:relative}.edunova-hero__container{max-width:1240px;margin:0 auto}.edunova-hero__grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;display:grid}.edunova-hero__left{flex-direction:column;align-items:flex-start;display:flex}.edunova-kicker{border-radius:var(--edu-radius-pill);letter-spacing:.02em;color:var(--edu-text-muted);background:#fff;border:1px solid #e2e8f0e6;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;font-size:12px;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #0f172a0a}.edunova-kicker:hover{border-color:var(--edu-primary);box-shadow:0 6px 18px #6366f11f}.kicker-cap{color:var(--edu-primary)}.edunova-hero__title{letter-spacing:-.04em;color:var(--edu-text-dark);margin:0 0 18px;font-size:clamp(36px,4.4vw,56px);font-weight:950;line-height:1.08}.edunova-purple-accent{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.edunova-hero__lead{color:var(--edu-text-muted);max-width:54ch;margin:0 0 30px;font-size:16.5px;line-height:1.6}.edunova-hero__ctas{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:26px;display:flex}.edunova-pin-box{border-radius:var(--edu-radius-pill);width:100%;max-width:440px;transition:all .25s var(--edu-bezier-physics);background:#fff;border:1.5px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:22px;padding:5px 6px 5px 16px;display:flex;box-shadow:0 6px 20px #0f172a0a}.edunova-pin-box:focus-within{border-color:var(--edu-primary);transform:translateY(-1px);box-shadow:0 8px 26px #6366f12e}.pin-box-label{text-transform:uppercase;letter-spacing:.05em;color:var(--edu-text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:850;display:flex}.pin-box-input{letter-spacing:.08em;color:var(--edu-text-dark);background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:750}.pin-box-input::placeholder{color:#94a3b8;letter-spacing:normal;font-weight:500}.pin-box-submit{background:var(--edu-text-dark);color:#fff;border-radius:var(--edu-radius-pill);cursor:pointer;white-space:nowrap;transition:all .2s var(--edu-bezier-physics);border:none;align-items:center;gap:6px;padding:8px 15px;font-size:12.5px;font-weight:750;display:flex}.pin-box-submit:hover{background:var(--edu-primary);box-shadow:0 4px 14px #6366f159}.pin-box-submit:active{transform:scale(.98)}.edunova-guarantees{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.guarantee-tag{color:var(--edu-text-muted);align-items:center;gap:6px;font-size:12px;font-weight:750;display:inline-flex}.tag-green{color:#10b981}.tag-blue{color:#3b82f6}.tag-purple{color:#8b5cf6}.edunova-hero__right{justify-content:center;display:flex;position:relative}.edunova-photo-wrapper{width:100%;max-width:440px;position:relative}.edunova-photo-aura{z-index:0;pointer-events:none;background:radial-gradient(circle,#7c3aed38 0%,#6366f11f 40%,#0000 70%);border-radius:50%;width:120%;height:120%;animation:6s ease-in-out infinite alternate pulseAura;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseAura{0%{opacity:.8;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}.hero-double-bezel{z-index:1;border-radius:var(--edu-radius-outer);background:#f1f5f9d9;border:1.5px solid #e2e8f0;padding:8px;position:relative;box-shadow:0 26px 56px -15px #0f172a24}.hero-bezel-core{border-radius:calc(var(--edu-radius-outer) - 8px);background:#fff;overflow:hidden}.edunova-hero-img{object-fit:cover;aspect-ratio:4/4.6;width:100%;height:auto;display:block}.floating-card{z-index:3;-webkit-backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:18px;align-items:center;gap:12px;padding:12px 16px;animation:4.5s ease-in-out infinite alternate floatSlow;display:flex;position:absolute;box-shadow:0 16px 36px -8px #0f172a1f}.card-experience{top:14%;left:-28px}.card-progress{flex-direction:column;align-items:flex-start;gap:4px;min-width:155px;animation-delay:2.2s;top:55%;right:-24px}.floating-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.floating-icon-box.purple{background:var(--edu-purple-subtle);color:var(--edu-purple-accent)}.floating-card-text{flex-direction:column;display:flex}.floating-card-text strong{color:var(--edu-text-dark);font-size:13px;font-weight:850}.card-experience-sub{color:var(--edu-text-light);font-size:11px;font-weight:650}.progress-label{color:var(--edu-text-muted);font-size:11px;font-weight:750}.progress-value{color:var(--edu-primary);font-size:19px;font-weight:950;line-height:1.1}.progress-bar-bg{background:#eef2ff;border-radius:9999px;width:100%;height:6px;margin-top:3px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#6366f1,#10b981);border-radius:9999px;width:94%;height:100%}.floating-badge-icon{z-index:3;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;bottom:8%;left:-12px;box-shadow:0 12px 28px #0f172a1a}.badge-book{color:var(--edu-purple-accent)}.badge-status-dot{background:#10b981;border:2px solid #fff;border-radius:50%;width:9px;height:9px;animation:2s infinite statusPulse;position:absolute;top:2px;right:2px}@keyframes statusPulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes floatSlow{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.edunova-stats-ribbon{background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;width:100%;margin-top:40px;padding:24px 28px;display:grid;box-shadow:0 16px 40px -12px #0f172a12}.ribbon-col{transition:all .25s var(--edu-bezier-physics);background:#fafcff;border:1px solid #f1f5f9;border-radius:18px;align-items:center;gap:16px;padding:10px 14px;display:flex}.ribbon-col:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 24px #0f172a0f}.ribbon-icon-wrap{width:50px;height:50px;transition:transform .3s var(--edu-bezier-spring);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ribbon-col:hover .ribbon-icon-wrap{transform:scale(1.1)}.ribbon-icon-wrap.purple{color:#7c3aed;background:#f5f3ff}.ribbon-icon-wrap.blue{color:#2563eb;background:#eff6ff}.ribbon-icon-wrap.emerald{color:#059669;background:#ecfdf5}.ribbon-icon-wrap.amber{color:#d97706;background:#fffbeb}.ribbon-meta{flex-direction:column;gap:2px;display:flex}.ribbon-meta h3{color:var(--edu-text-dark);margin:0;font-size:15.5px;font-weight:900;line-height:1.25}.ribbon-meta p{color:var(--edu-text-light);margin:0;font-size:12.5px;line-height:1.4}.edunova-section{max-width:1240px;margin:0 auto;padding:76px 24px}.edunova-section__head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:44px;display:flex}.edunova-section__head.centered{text-align:center;flex-direction:column;align-items:center}.edunova-section-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--edu-primary);margin-bottom:8px;font-size:11px;font-weight:850;display:inline-block}.edunova-section-title{letter-spacing:-.035em;color:var(--edu-text-dark);margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:950;line-height:1.15}.edunova-section-subtitle{color:var(--edu-text-muted);max-width:58ch;margin:10px 0 0;font-size:15.5px;line-height:1.55}.edunova-view-all-link{color:var(--edu-primary);transition:all .2s var(--edu-bezier-physics);align-items:center;gap:6px;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex}.edunova-view-all-link:hover{color:var(--edu-purple-accent);gap:10px}.edunova-categories-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.bezel-card-shell{border-radius:var(--edu-radius-card);transition:all .35s var(--edu-bezier-physics);background:#f1f5f9bf;border:1px solid #e2e8f0;padding:6px}.bezel-card-shell:hover{border-color:#6366f166;transform:translateY(-6px);box-shadow:0 22px 46px -12px #6366f12e}.cat-icon-container{width:50px;height:50px;transition:transform .35s var(--edu-bezier-spring);border-radius:15px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.bezel-card-shell:hover .cat-icon-container{transform:scale(1.12)rotate(4deg)}.cat-icon-container.purple{color:#7c3aed;background:#f5f3ff}.cat-icon-container.emerald{color:#059669;background:#ecfdf5}.cat-icon-container.amber{color:#d97706;background:#fffbeb}.cat-icon-container.blue{color:#2563eb;background:#eff6ff}.cat-card-title{color:var(--edu-text-dark);letter-spacing:-.02em;margin:0 0 4px;font-size:18px;font-weight:900}.cat-card-sub{color:var(--edu-primary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px;font-size:12px;font-weight:750;display:block}.cat-card-desc{color:var(--edu-text-muted);flex-grow:1;margin:0 0 20px;font-size:13.5px;line-height:1.55}.cat-card-link{color:var(--edu-text-dark);transition:all .2s var(--edu-bezier-physics);align-items:center;gap:6px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.cat-card-link:hover{color:var(--edu-primary);gap:10px}.edunova-bento-split{grid-template-columns:1.45fr .85fr;align-items:stretch;gap:24px;display:grid}.bento-why-card{border-radius:var(--edu-radius-outer);background:#fff;border:1.5px solid #e2e8f0;grid-template-columns:1.15fr .85fr;align-items:center;gap:28px;padding:36px 32px;display:grid;box-shadow:0 16px 36px -10px #0f172a0f}.why-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--edu-primary);margin-bottom:8px;font-size:11px;font-weight:850;display:block}.why-title{letter-spacing:-.03em;color:var(--edu-text-dark);margin:0 0 20px;font-size:24px;font-weight:950;line-height:1.2}.why-checklist{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.why-checklist li{color:var(--edu-text-muted);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.check-purple{color:var(--edu-primary);flex-shrink:0;margin-top:2px}.bezel-3d-shell{background:#f1f5f9cc;border:1px solid #e2e8f0;border-radius:22px;padding:6px}.why-3d-img{object-fit:cover;border-radius:16px;width:100%;height:auto;display:block}.bento-quick-card{border-radius:var(--edu-radius-outer);color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4338ca 100%);flex-direction:column;justify-content:center;padding:36px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 48px -10px #312e8166}.bento-quick-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed66 0%,#0000 70%);width:200px;height:200px;position:absolute;bottom:-40px;right:-40px}.quick-icon-wrap{color:#c7d2fe;background:#ffffff26;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.quick-card-title{letter-spacing:-.02em;margin:0 0 8px;font-size:20px;font-weight:900}.quick-card-desc{color:#c7d2fe;margin:0 0 24px;font-size:13.5px;line-height:1.5}.quick-form{gap:10px;margin-bottom:18px;display:flex}.quick-input{border-radius:var(--edu-radius-pill);color:#fff;background:#ffffff1f;border:1px solid #ffffff40;outline:none;flex-grow:1;padding:12px 18px;font-size:14px;font-weight:700;transition:all .2s}.quick-input:focus{background:#ffffff38;border-color:#a5b4fc;box-shadow:0 0 14px #a5b4fc4d}.quick-input::placeholder{color:#94a3b8;font-weight:400}.quick-submit-btn{color:#fff;border-radius:var(--edu-radius-pill);cursor:pointer;transition:all .2s var(--edu-bezier-physics);background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;padding:12px 24px;font-size:14px;font-weight:800;box-shadow:0 4px 14px #6366f166}.quick-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f199}.quick-submit-btn:active{transform:scale(.98)}.quick-trust-row{color:#c7d2fe;align-items:center;gap:6px;font-size:11.5px;display:flex}.trust-shield{color:#34d399}#metodo{background:linear-gradient(#ffffffb3 0%,#f1f5f9cc 50%,#ffffffb3 100%);border:1px solid #e2e8f0cc;border-radius:36px;position:relative;box-shadow:0 16px 40px -10px #0f172a0a}.edunova-steps-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.step-card{border-radius:var(--edu-radius-card);transition:all .3s var(--edu-bezier-physics);background:#fff;border:1.5px solid #e2e8f0;flex-direction:column;padding:28px 22px;display:flex;position:relative;box-shadow:0 8px 24px -6px #0f172a0a}.step-card:hover{border-color:#cbd5e1;transform:translateY(-5px);box-shadow:0 18px 40px -8px #0f172a17}.step-num{letter-spacing:-.04em;background:linear-gradient(135deg,#0f172a 0%,#64748b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:32px;font-weight:950;line-height:1}.step-time-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--edu-radius-pill);width:max-content;margin-bottom:14px;padding:4px 10px;font-size:10px;font-weight:850;display:inline-block}.card-pink .step-time-badge{color:#db2777;background:#fdf2f8}.card-purple .step-time-badge{color:#7c3aed;background:#f5f3ff}.card-amber .step-time-badge{color:#d97706;background:#fffbeb}.card-green .step-time-badge{color:#059669;background:#ecfdf5}.step-card h4{color:var(--edu-text-dark);margin:0 0 8px;font-size:16.5px;font-weight:900;line-height:1.25}.step-card p{color:var(--edu-text-muted);margin:0;font-size:13px;line-height:1.55}.edunova-pricing-section{position:relative}.edunova-pricing-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f114 0%,#7c3aed0a 40%,#0000 70%);width:90%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.edunova-pricing-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:28px;max-width:900px;margin:0 auto;display:grid;position:relative}.edunova-price-box{border-radius:var(--edu-radius-outer);transition:all .3s var(--edu-bezier-physics);background:#fff;border:1.5px solid #e2e8f0;flex-direction:column;padding:36px 32px;display:flex;position:relative;box-shadow:0 14px 34px -10px #0f172a0f}.edunova-price-box--master{border:2px solid var(--edu-primary);background:linear-gradient(#fff 0%,#f5f3ff 100%);box-shadow:0 22px 52px -10px #6366f140}.edunova-price-box:hover{transform:translateY(-4px)}.edunova-master-ribbon{color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--edu-radius-pill);background:linear-gradient(135deg,#6366f1,#ec4899);align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:850;display:flex;position:absolute;top:-13px;right:28px;box-shadow:0 6px 16px #6366f166}.edunova-price-box__top{margin-bottom:24px}.edunova-plan-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--edu-radius-pill);color:var(--edu-text-muted);background:#f1f5f9;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:850;display:inline-block}.edunova-plan-badge.purple{background:var(--edu-primary-subtle);color:var(--edu-primary)}.edunova-plan-name{color:var(--edu-text-dark);margin:0 0 10px;font-size:22px;font-weight:950}.edunova-price-amount-row{align-items:baseline;gap:4px;margin-bottom:10px;display:flex}.edunova-price-currency{color:var(--edu-text-dark);font-size:22px;font-weight:850}.edunova-price-num{letter-spacing:-.04em;color:var(--edu-text-dark);font-size:38px;font-weight:950;line-height:1}.edunova-price-period{color:var(--edu-text-light);font-size:14px;font-weight:650}.edunova-plan-desc{color:var(--edu-text-muted);margin:0;font-size:13.5px;line-height:1.5}.edunova-plan-features{flex-direction:column;flex-grow:1;gap:12px;margin:0 0 28px;padding:0;list-style:none;display:flex}.edunova-plan-features li{color:var(--edu-text-dark);align-items:center;gap:10px;font-size:13.5px;display:flex}.edunova-price-btn{width:100%;border-radius:var(--edu-radius-pill)!important;padding:12px 20px!important;font-weight:800!important}.edunova-faq-list{flex-direction:column;gap:12px;max-width:800px;margin:0 auto;display:flex}.edunova-faq-item{cursor:pointer;transition:all .2s var(--edu-bezier-physics);background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:18px 22px}.edunova-faq-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a0a}.edunova-faq-item.open{border-color:var(--edu-primary);box-shadow:0 10px 28px -6px #6366f129}.faq-item-arrow{color:var(--edu-text-muted);flex-shrink:0;transition:transform .2s}.edunova-bottom-cta{max-width:1240px;margin:0 auto;padding:30px 24px 80px}.edunova-bottom-cta__card{border-radius:var(--edu-radius-outer);color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 50%,#7c3aed 100%);grid-template-columns:1.25fr .75fr;align-items:center;gap:40px;padding:52px;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 64px -15px #6366f173}.edunova-bottom-cta__card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff2e 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-60px;left:-60px}.bottom-cta-title{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(26px,3.2vw,38px);font-weight:950;line-height:1.15}.bottom-cta-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.bottom-cta-ghost-btn{color:#fff!important;border-radius:var(--edu-radius-pill)!important;background:#ffffff29!important;border:1px solid #ffffff59!important;padding:13px 26px!important;font-weight:750!important}.bottom-cta-ghost-btn:hover{background:#ffffff47!important}.bottom-img-shell{background:#fff3;border:1px solid #ffffff59;border-radius:24px;padding:6px;box-shadow:0 18px 40px #00000038}.bottom-cta-img{object-fit:cover;aspect-ratio:4/3;border-radius:18px;width:100%;height:auto;display:block}.edunova-footer{background:#fff;border-top:1px solid #e2e8f0;padding:64px 24px 32px}.edunova-footer__inner{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1240px;margin:0 auto 40px;display:flex}.edunova-footer__brand-col{max-width:380px}.edunova-footer__desc{color:var(--edu-text-muted);margin-top:14px;font-size:13.5px;line-height:1.6}.edunova-footer__links-grid{flex-wrap:wrap;gap:56px;display:flex}.footer-links-col h5{text-transform:uppercase;letter-spacing:.08em;color:var(--edu-text-dark);margin:0 0 16px;font-size:12px;font-weight:850}.footer-links-col{flex-direction:column;gap:10px;display:flex}.footer-links-col a{color:var(--edu-text-muted);font-size:13.5px;font-weight:650;text-decoration:none;transition:color .15s}.footer-links-col a:hover{color:var(--edu-primary)}.edunova-footer__bottom{max-width:1240px;color:var(--edu-text-light);border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding-top:24px;font-size:12px;font-weight:650;display:flex}.edunova-footer__legal-links{align-items:center;gap:10px;display:flex}.edunova-footer__legal-links a{color:var(--edu-text-light);text-decoration:none}.edunova-footer__legal-links a:hover{color:var(--edu-primary)}@media (width<=1100px){.edunova-bento-split{grid-template-columns:1fr}.edunova-steps-grid{grid-template-columns:repeat(2,1fr)}.edunova-stats-ribbon{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px}.edunova-bottom-cta__card{grid-template-columns:1fr;padding:36px}}@media (width<=850px){.edunova-hero__grid{text-align:center;grid-template-columns:1fr;gap:48px}.edunova-hero__left{align-items:center}.edunova-hero__ctas{justify-content:center}.edunova-categories-grid{grid-template-columns:1fr}}@media (width<=1024px){.edunova-nav-wrapper{padding:0 12px;top:10px}.edunova-nav{border-radius:26px}.edunova-nav__inner{padding:8px 14px}.edunova-nav__brand-title{font-size:17px}.edunova-nav__links{display:none}.desktop-only{display:none!important}.edunova-hamburger-btn{display:flex}.edunova-stats-ribbon{grid-template-columns:1fr;gap:14px;padding:20px}.edunova-categories-grid{grid-template-columns:1fr}.bento-why-card{grid-template-columns:1fr;padding:28px 20px}.edunova-steps-grid,.edunova-pricing-grid{grid-template-columns:1fr}.edunova-footer__inner{flex-direction:column}.edunova-footer__bottom{text-align:center;flex-direction:column;align-items:center}}@media (width<=640px){.edunova-nav__brand-tag,.btn-text-full{display:none}.btn-text-short{display:inline}.edunova-hero{padding:36px 16px 30px}.edunova-hero__ctas{flex-direction:column;width:100%}.edunova-hero__ctas button,.edunova-hero__ctas a{justify-content:center;width:100%}.bottom-cta-actions{flex-direction:column;width:100%}.bottom-cta-actions button{justify-content:center;width:100%}.floating-card{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-page{background:var(--bg-primary);min-height:100vh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.login-card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-2xl);box-shadow:var(--shadow-xl)}.login-card__header{text-align:center;margin-bottom:var(--space-xl);flex-direction:column;align-items:center;display:flex}.login-card__logo-svg{color:var(--accent-primary);margin-bottom:var(--space-xs)}.login-card__title{font-size:var(--text-2xl);font-weight:var(--font-bold);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-card__subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-xs)}.login-card__form{gap:var(--space-md);flex-direction:column;display:flex}.login-card__error{padding:var(--space-sm) var(--space-md);background:var(--danger-light);color:var(--danger);border-radius:var(--radius-md);font-size:var(--text-sm)}.login-card__success{padding:var(--space-md);background:var(--success-light);color:var(--success);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-md)}.login-card__forgot{font-size:var(--text-sm);color:var(--accent-primary);text-align:right;margin-top:calc(-1 * var(--space-sm))}.login-card__forgot:hover{text-decoration:underline}.login-card__submit{width:100%;margin-top:var(--space-sm)}.login-card__divider{align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.login-card__divider:before,.login-card__divider:after{content:"";background:var(--border-secondary);flex:1;height:1px}.login-card__google{width:100%}.login-card__switch{text-align:center;width:100%;margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--text-secondary);display:block}.login-card__switch:hover{color:var(--text-primary)}.login-card__switch strong{color:var(--accent-primary)}.login-card__legal-note{margin-top:var(--space-md);font-size:var(--text-xs,.75rem);color:var(--text-tertiary,#94a3b8);text-align:center;line-height:1.5}.login-card__legal-note a{color:var(--accent-primary,#3b82f6);text-underline-offset:2px;text-decoration:underline}.login-card__legal-note a:hover{filter:brightness(1.2)}.onboarding-page{background:var(--bg-primary);min-height:100vh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.onboarding-card{text-align:center;width:100%;max-width:500px}.onboarding-card__title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-sm)}.onboarding-card__subtitle{color:var(--text-secondary);margin-bottom:var(--space-xl)}.onboarding-card__roles{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.onboarding-card__role{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex;position:relative;padding:var(--space-xl)!important}.onboarding-card__role--selected{border-color:var(--accent-primary)!important;background:var(--accent-primary-light)!important}.onboarding-card__role--selected .onboarding-card__role-svg{color:var(--accent-primary)}.onboarding-card__role--disabled{opacity:.5;pointer-events:none;cursor:not-allowed!important}.onboarding-card__role-svg{color:var(--text-secondary)}.onboarding-card__role-label{font-weight:var(--font-semibold)}.onboarding-card__role-badge{top:var(--space-sm);right:var(--space-sm);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);padding:2px 8px;position:absolute}.onboarding-card__submit{width:100%}.admin-dash{flex-direction:column;gap:2rem;padding:.5rem 0 3rem;animation:.3s ease-out fadeInAdmin;display:flex}@keyframes fadeInAdmin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.admin-dash__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.admin-dash__badge{color:var(--accent-primary,#7c3aed);letter-spacing:.8px;background:linear-gradient(135deg,#7c3aed1f 0%,#6366f11a 100%);border:1px solid #7c3aed40;border-radius:9999px;align-items:center;gap:6px;margin-bottom:.5rem;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.admin-dash__title{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 .4rem;font-size:1.85rem;font-weight:800}.admin-dash__sub{color:var(--text-secondary);max-width:600px;margin:0;font-size:.95rem}.admin-dash__header-actions{align-items:center;gap:.75rem;display:flex}.admin-dash__spin{animation:1s linear infinite adminSpin}@keyframes adminSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-dash__kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.admin-dash__kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:1rem;padding:1.35rem 1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #00000008}.admin-dash__kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.admin-dash__kpi-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.admin-dash__kpi-icon-box.indigo{color:#6366f1;background:#6366f11f}.admin-dash__kpi-icon-box.purple{color:#a855f7;background:#a855f71f}.admin-dash__kpi-icon-box.emerald{color:#10b981;background:#10b9811f}.admin-dash__kpi-icon-box.coral{color:#f43f5e;background:#f43f5e1f}.admin-dash__kpi-icon-box.sky{color:#0ea5e9;background:#0ea5e91f}.admin-dash__kpi-meta{flex-direction:column;flex-grow:1;gap:.25rem;display:flex}.admin-dash__kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.admin-dash__kpi-val-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.admin-dash__kpi-value{color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1}.admin-dash__kpi-value.highlight-purple{color:var(--accent-primary,#7c3aed)}.admin-dash__kpi-tag{color:var(--text-tertiary);white-space:nowrap;font-size:.75rem;font-weight:600}.admin-dash__kpi-tag.purple{color:var(--accent-primary,#7c3aed);background:#7c3aed14;border-radius:4px;padding:2px 6px}.admin-dash__section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:1.75rem;box-shadow:0 4px 20px #00000008}.admin-dash__section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.admin-dash__section-title-wrap h2{color:var(--text-primary);margin:0 0 .25rem;font-size:1.35rem;font-weight:700}.admin-dash__section-sub{color:var(--text-secondary);font-size:.88rem}.admin-dash__filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-dash__search-wrap{align-items:center;min-width:260px;display:flex;position:relative}.admin-dash__search-wrap .search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:12px}.admin-dash__search-input{border:1px solid var(--border-color);background:var(--bg-input,#fff);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:.5rem 2rem .5rem 2.25rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.admin-dash__search-input:focus{border-color:var(--accent-primary,#7c3aed);box-shadow:0 0 0 3px #7c3aed1f}.admin-dash__search-wrap .clear-search{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;position:absolute;right:10px}.admin-dash__filter-pills{background:var(--bg-hover,#f1f5f9);border-radius:10px;gap:.4rem;padding:3px;display:flex}.filter-pill{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s}.filter-pill:hover{color:var(--text-primary)}.filter-pill.active{background:var(--bg-card,#fff);color:var(--accent-primary,#7c3aed);box-shadow:0 2px 6px #00000014}.admin-dash__table-container{border:1px solid var(--border-color);background:var(--bg-card);border-radius:14px;overflow-x:auto}.admin-dash__table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.admin-dash__table th{text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);background:var(--bg-hover,#f8fafc);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.85rem 1rem;font-size:.75rem;font-weight:700}.admin-dash__table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1rem}.admin-dash__table tr:last-child td{border-bottom:none}.admin-dash__table tr:hover{background:var(--bg-hover,#f8fafc)}.admin-dash__table tr.row-master{background:#7c3aed05}.admin-dash__user-cell{align-items:center;gap:.75rem;display:flex}.admin-dash__avatar{background:var(--bg-tertiary,#e2e8f0);width:36px;height:36px;color:var(--text-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.admin-dash__avatar.avatar-master{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%)}.admin-dash__user-meta{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-weight:600}.user-role{color:var(--text-tertiary);font-size:.75rem}.user-email{font-family:var(--font-mono,monospace);color:var(--text-secondary);font-size:.85rem}.user-date{color:var(--text-secondary);font-size:.85rem}.user-activity-badges{gap:.4rem;display:flex}.activity-badge{background:var(--bg-hover,#f1f5f9);color:var(--text-secondary);border-radius:6px;padding:2px 6px;font-size:.78rem;font-weight:600}.plan-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.plan-badge.badge-master{color:#7c3aed;background:linear-gradient(135deg,#7c3aed26 0%,#6366f11f 100%);border:1px solid #7c3aed4d}.plan-badge.badge-base{background:var(--bg-hover,#f1f5f9);color:var(--text-secondary);border:1px solid var(--border-color)}.plan-badge.badge-expired{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.expiry-date-tag{color:var(--accent-primary,#7c3aed);align-items:center;gap:5px;font-size:.82rem;font-weight:600;display:inline-flex}.expiry-lifetime-tag{color:#10b981;align-items:center;gap:5px;font-size:.82rem;font-weight:600;display:inline-flex}.admin-dash__action-btn{white-space:nowrap}.admin-dash__table-loading,.admin-dash__table-empty{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.admin-modal{flex-direction:column;gap:1.25rem;display:flex}.admin-modal__user-summary{background:var(--bg-hover,#f8fafc);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.admin-modal__avatar{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:800;display:flex}.admin-modal__user-info h4{color:var(--text-primary);margin:0 0 2px;font-size:1rem;font-weight:700}.admin-modal__user-info p{color:var(--text-secondary);margin:0 0 2px;font-size:.85rem}.admin-modal__user-info .user-uid{font-family:var(--font-mono,monospace);color:var(--text-tertiary);font-size:.75rem}.admin-modal__field{flex-direction:column;gap:.5rem;display:flex}.admin-modal__label{color:var(--text-primary);font-size:.85rem;font-weight:700}.admin-modal__plan-options{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.admin-modal__plan-opt{border:2px solid var(--border-color);background:var(--bg-card);cursor:pointer;border-radius:12px;flex-direction:column;gap:.35rem;padding:1rem;transition:all .2s;display:flex}.admin-modal__plan-opt:hover{border-color:#7c3aed66}.admin-modal__plan-opt.selected{border-color:var(--accent-primary,#7c3aed);background:linear-gradient(135deg,#7c3aed0f 0%,#6366f10a 100%);box-shadow:0 4px 12px #7c3aed1f}.opt-title{color:var(--text-primary);align-items:center;gap:6px;font-size:.95rem;display:flex}.opt-icon.purple{color:#7c3aed}.opt-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.35}.admin-modal__presets-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.preset-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;text-align:center;border-radius:8px;padding:.6rem .5rem;font-size:.8rem;font-weight:600;transition:all .15s}.preset-btn:hover{border-color:var(--accent-primary,#7c3aed)}.preset-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed4d}.admin-modal__date-input-wrap{background:var(--bg-hover,#f8fafc);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;margin-top:.25rem;padding:.75rem 1rem;display:flex}.admin-modal__date-input-wrap label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.admin-modal__date-input,.admin-modal__text-input{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.9rem}.admin-modal__date-input:focus,.admin-modal__text-input:focus{border-color:var(--accent-primary,#7c3aed)}.admin-modal__actions{justify-content:flex-end;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}@media (width<=768px){.admin-dash__header,.admin-dash__filter-bar{flex-direction:column;align-items:stretch}.admin-dash__search-wrap{min-width:100%}.admin-modal__plan-options{grid-template-columns:1fr}.admin-modal__presets-grid{grid-template-columns:1fr 1fr}}.dashboard-page__header{margin-bottom:var(--space-xl)}.dashboard-page__greeting{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-xs)}.dashboard-page__section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0}.dashboard-page__tools{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.dashboard-page__tool-card{text-align:center;flex-direction:column;align-items:center;display:flex;padding:var(--space-2xl)!important}.dashboard-page__tool-icon{margin-bottom:var(--space-md);justify-content:center;display:flex}.dashboard-page__tool-svg{color:var(--accent-primary)}.dashboard-page__card-title-row{width:100%;margin-bottom:var(--space-sm);justify-content:center;align-items:center;gap:6px;display:inline-flex}.dashboard-page__tool-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0;line-height:1.2}.dashboard-page__guide-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;line-height:1;display:inline-flex}.dashboard-page__guide-btn:hover{color:var(--accent-primary);background:var(--bg-hover)}.dashboard-page__tool-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.upgrade-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#0f172abf;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.upgrade-modal-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);width:100%;max-width:680px;color:var(--text-primary,#1e293b);border-radius:24px;flex-direction:column;gap:1.5rem;padding:2.25rem;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000040}.upgrade-modal-close{background:var(--bg-hover,#f1f5f9);cursor:pointer;width:36px;height:36px;color:var(--text-secondary,#64748b);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.upgrade-modal-close:hover{background:var(--border-color,#e2e8f0);color:var(--text-primary,#0f172a)}.upgrade-modal-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.upgrade-badge{color:#b45309;background:linear-gradient(135deg,#eab30826,#a855f726);border:1px solid #eab3084d;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}[data-theme=dark] .upgrade-badge{color:#fde047;border-color:#eab30866}.sparkle-icon{color:#eab308;animation:2s ease-in-out infinite pulseSparkle}@keyframes pulseSparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.upgrade-title{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:800}.magic-text{background:linear-gradient(135deg,#eab308 0%,#a855f7 50%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.upgrade-reason{color:#6d28d9;text-align:left;background:linear-gradient(135deg,#7c3aed14 0%,#6366f10d 100%);border:1px solid #7c3aed2e;border-radius:12px;align-items:center;gap:.6rem;max-width:540px;margin-top:.4rem;padding:.7rem 1rem;font-size:.88rem;font-weight:500;line-height:1.45;display:flex}.upgrade-reason-icon{color:#7c3aed;flex-shrink:0}[data-theme=dark] .upgrade-reason{color:#c084fc;background:linear-gradient(135deg,#a855f71f 0%,#6366f114 100%);border-color:#a855f740}[data-theme=dark] .upgrade-reason-icon{color:#c084fc}.upgrade-subtitle{color:var(--text-secondary,#64748b);max-width:480px;margin:0;font-size:.95rem}.upgrade-modal-comparison{grid-template-columns:1fr 1.3fr;gap:1.25rem;display:grid}@media (width<=600px){.upgrade-modal-comparison{grid-template-columns:1fr}}.plan-card{background:var(--bg-hover,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;position:relative}.plan-card.highlighted{background:linear-gradient(#a855f70d 0%,#6366f114 100%);border:2px solid #a855f7;box-shadow:0 10px 25px -5px #a855f726}.pro-ribbon{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#eab308,#a855f7);border-radius:6px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:-10px;right:12px;box-shadow:0 2px 5px #0003}.plan-header{justify-content:space-between;align-items:center;display:flex}.pro-title-wrapper{align-items:center;gap:.35rem;display:flex}.zap-icon{color:#a855f7}.plan-name{font-size:1rem;font-weight:700}.plan-price{color:var(--text-secondary,#64748b);font-size:.9rem;font-weight:600}.pro-pricing{align-items:baseline;gap:.2rem;display:flex}.pro-amount{color:#a855f7;font-size:1.35rem;font-weight:800}.pro-period{color:var(--text-secondary,#64748b);font-size:.8rem}.plan-features{color:var(--text-secondary,#475569);flex-direction:column;gap:.6rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.pro-features{color:var(--text-primary,#1e293b);font-weight:500}.pro-features li{align-items:flex-start;gap:.5rem;display:flex}.check-icon{color:#10b981;flex-shrink:0;margin-top:1px}.upgrade-modal-footer{flex-direction:column;align-items:center;gap:.75rem;display:flex}.upgrade-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#6366f1 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.95rem 1.5rem;font-size:1.05rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 20px -5px #a855f766}.upgrade-cta-btn:hover{background:linear-gradient(135deg,#9333ea 0%,#4f46e5 100%);transform:translateY(-2px);box-shadow:0 14px 25px -5px #a855f780}.upgrade-cta-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.security-notice{color:var(--text-secondary,#94a3b8);text-align:center;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.class-list{gap:var(--space-xs);padding:var(--space-sm);flex-direction:column;display:flex}.class-list__group{flex-direction:column;display:flex}.class-list__group-header{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.class-list__group-header:hover{background:var(--bg-tertiary)}.class-list__group-title{align-items:center;gap:var(--space-sm);display:flex}.class-list__folder-icon{color:var(--accent-primary)}.class-list__folder-icon--open{color:var(--accent-secondary)}.class-list__group-count{font-size:11px;font-weight:var(--font-medium);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);padding:1px 6px}.class-list__group-items{padding-left:var(--space-md);margin-top:2px;margin-bottom:var(--space-xs);border-left:2px solid var(--border-secondary);margin-left:var(--space-md);flex-direction:column;gap:2px;display:flex}.class-list__item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-align:left;width:100%;transition:all var(--transition-fast);display:flex}.class-list__item:hover{background:var(--bg-hover)}.class-list__item--active{background:var(--accent-primary-light);color:var(--accent-primary);font-weight:var(--font-semibold)}.class-list__item-icon{color:var(--text-tertiary);flex-shrink:0}.class-list__item--active .class-list__item-icon{color:var(--accent-primary)}.class-list__item-info{flex-direction:column;display:flex;overflow:hidden}.class-list__item-name{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-list__item-subject{font-size:var(--text-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-list__empty,.class-list__loading{padding:var(--space-xl);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.planner-layout{height:calc(100vh - var(--navbar-height));margin:calc(-1 * var(--space-xl));gap:0;display:flex}.planner-layout__sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-secondary);flex-direction:column;flex-shrink:0;width:300px;display:flex;overflow-y:auto}.planner-layout__sidebar-header{padding:var(--space-lg);border-bottom:1px solid var(--border-secondary);background:var(--bg-secondary);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.planner-layout__title-wrapper{align-items:center;gap:var(--space-xs);display:inline-flex}.planner-layout__sidebar-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0;line-height:1}.planner-layout__guide-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;line-height:1;display:inline-flex}.planner-layout__guide-btn:hover{color:var(--accent-primary);background:var(--bg-hover)}.planner-layout__main{padding:var(--space-xl);flex:1;overflow-y:auto}@media (width<=768px){.planner-layout{height:auto;margin:calc(-1 * var(--space-md));flex-direction:column}.planner-layout__sidebar{border-right:none;border-bottom:1px solid var(--border-secondary);width:100%;max-height:280px}.planner-layout__main{padding:var(--space-md)}}.class-form{gap:var(--space-lg);flex-direction:column;max-width:640px;display:flex}.class-form__row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.class-form__inherit{gap:var(--space-xs);flex-direction:column;display:flex}.class-form__select{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm);padding:8px 12px}.class-form__select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-light);outline:none}.class-form__section-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-md)}.class-form__schedule{background:var(--bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-lg)}.class-form__slots{gap:var(--space-sm);flex-direction:column;display:flex}.class-form__slot{align-items:center;gap:var(--space-md);display:flex}.class-form__slot-label{width:100px;font-size:var(--text-sm);color:var(--text-primary)}.class-form__slot-input{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);width:64px;color:var(--text-primary);font-size:var(--text-sm);text-align:center;font-family:var(--font-mono);padding:6px 8px}.class-form__slot-input:focus{border-color:var(--border-focus);outline:none}.class-form__slot-unit{font-size:var(--text-sm);color:var(--text-secondary)}.class-form__total{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-primary);font-size:var(--text-sm);color:var(--text-secondary)}.class-form__actions{gap:var(--space-md);justify-content:flex-end;display:flex}@media (width<=640px){.class-form__row{grid-template-columns:1fr}.class-form__slot-label{width:80px}}.holiday-editor{background:var(--bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-lg);margin-top:var(--space-lg)}.holiday-editor__title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-md)}.holiday-editor__form{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr 1.5fr auto;align-items:flex-end;display:grid}.holiday-editor__add-btn{margin-bottom:2px}.holiday-editor__list{gap:var(--space-xs);flex-direction:column;display:flex}.holiday-editor__item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.holiday-editor__item-icon{font-size:1.1em}.holiday-editor__item-date{font-family:var(--font-mono);font-weight:var(--font-medium);color:var(--accent-primary)}.holiday-editor__item-label{color:var(--text-primary);flex:1}.holiday-editor__item-remove{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.holiday-editor__item-remove:hover{background:var(--danger-light);color:var(--danger)}@media (width<=640px){.holiday-editor__form{grid-template-columns:1fr}}.special-day-editor{background:var(--bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-lg);margin-top:var(--space-lg)}.special-day-editor__title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-md)}.special-day-editor__form{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr 1.5fr auto;align-items:flex-end;display:grid}.special-day-editor__select{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm);padding:8px 12px}.special-day-editor__add-btn{margin-bottom:2px}.special-day-editor__list{gap:var(--space-xs);flex-direction:column;display:flex}.special-day-editor__item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.special-day-editor__item-icon{font-size:1.1em}.special-day-editor__item-date{font-family:var(--font-mono);font-weight:var(--font-medium);color:var(--accent-primary)}.special-day-editor__item-label{color:var(--text-primary);flex:1}.special-day-editor__item-remove{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.special-day-editor__item-remove:hover{background:var(--danger-light);color:var(--danger)}@media (width<=640px){.special-day-editor__form{grid-template-columns:1fr}}.settings-tab{gap:var(--space-xl);flex-direction:column;display:flex}.program-summary{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.program-summary__metrics{gap:var(--space-2xl);flex-wrap:wrap;display:flex}.program-summary__metric{flex-direction:column;display:flex}.program-summary__metric-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.program-summary__metric-value{font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap}.program-summary__metric-value--danger{color:var(--danger)}.program-summary__metric-value--success{color:var(--success)}.program-summary__warning{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--warning-light);color:var(--warning);border-radius:var(--radius-md);font-size:var(--text-sm);align-items:center;gap:var(--space-sm);display:flex}@media (width<=640px){.program-summary{padding:var(--space-md)}.program-summary__metrics{gap:var(--space-md)}.program-summary__metric-value{font-size:var(--text-lg)}}.topic-row{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast);display:flex}.topic-row:hover{border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.topic-row--dragging{box-shadow:var(--shadow-lg);z-index:10}.topic-row__drag-handle{cursor:grab;color:var(--text-tertiary);font-size:var(--text-base);-webkit-user-select:none;user-select:none;padding:4px}.topic-row__drag-handle:active{cursor:grabbing}.topic-row__color-input{appearance:none;cursor:pointer;background-color:#0000;border:none;border-radius:50%;width:24px;height:24px;padding:0;overflow:hidden}.topic-row__color-input::-webkit-color-swatch-wrapper{padding:0}.topic-row__color-input::-webkit-color-swatch{border:none;border-radius:50%}.topic-row__inputs{flex-direction:column;flex:1;gap:2px;display:flex}.topic-row__input-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);background:0 0;border:none;outline:none}.topic-row__input-title:focus{border-bottom:1px solid var(--border-focus)}.topic-row__input-desc{font-size:var(--text-xs);color:var(--text-secondary);background:0 0;border:none;outline:none}.topic-row__hours{align-items:center;gap:var(--space-xs);display:flex}.topic-row__input-hours{border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-tertiary);width:55px;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);text-align:center;padding:4px 6px}.topic-row__hours-unit{font-size:var(--text-sm);color:var(--text-secondary)}.topic-row__delete-btn{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.topic-row__delete-btn:hover{background:var(--danger-light);color:var(--danger)}@media (width<=640px){.topic-row{gap:var(--space-sm);padding:var(--space-sm);flex-wrap:wrap}.topic-row__inputs{min-width:180px}}.program-editor{gap:var(--space-md);flex-direction:column;display:flex}.program-editor__header{margin-bottom:var(--space-xs)}.program-editor__actions-top,.program-editor__actions-bottom{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.program-editor__actions-bottom{margin-top:var(--space-md);margin-bottom:0}.program-editor__list{gap:var(--space-sm);flex-direction:column;display:flex}@media (width<=640px){.program-editor__actions-top,.program-editor__actions-bottom{gap:var(--space-sm);flex-direction:column-reverse}.program-editor__actions-top .btn,.program-editor__actions-bottom .btn{justify-content:center;width:100%}}.month-view{gap:var(--space-md);flex-direction:column;width:100%;display:flex}.month-view__header{background:var(--bg-primary);z-index:5;padding:var(--space-xs) 0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:24px}.month-view__nav{gap:var(--space-xs);display:flex}.month-view__title{font-size:var(--text-lg);font-weight:var(--font-semibold);text-transform:capitalize}.month-view__grid{border:1px solid var(--border-secondary);border-radius:var(--radius-lg);grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.month-view__weekday{padding:var(--space-sm);text-align:center;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary)}.month-view__cell{min-height:100px;padding:var(--space-xs);background:var(--bg-secondary);border-right:1px solid var(--border-secondary);border-bottom:1px solid var(--border-secondary);flex-direction:column;gap:2px;display:flex}.month-view__cell:nth-child(7n){border-right:none}.month-view__cell--other-month{opacity:.4;background:var(--bg-primary)}.month-view__cell--today{background:var(--calendar-today)}.month-view__cell--holiday{background:var(--holiday-bg)}.month-view__day-number{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:2px}.month-view__holiday-badge{color:var(--warning);font-size:10px;font-weight:var(--font-medium);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;display:inline-flex;overflow:hidden}.month-view__special-badge{border-radius:var(--radius-sm);background:var(--test-bg);color:var(--accent-primary);font-size:10px;font-weight:var(--font-medium);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;padding:1px 4px;display:inline-flex;overflow:hidden}.month-view__topics{flex-direction:column;gap:2px;display:flex}.month-view__topic-pill{border-radius:var(--radius-sm);color:#fff;font-size:11px;font-weight:var(--font-medium);justify-content:space-between;align-items:center;padding:2px 6px;display:flex;overflow:hidden}.month-view__topic-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.month-view__topic-hours{font-family:var(--font-mono);opacity:.9;margin-left:4px;font-size:10px}@media (width<=640px){.month-view{overflow-x:auto}.month-view__grid{min-width:580px}.month-view__cell{min-height:80px;padding:2px}}.week-view{gap:var(--space-md);flex-direction:column;display:flex}.week-view__header{justify-content:space-between;align-items:center;display:flex}.week-view__nav{gap:var(--space-xs);display:flex}.week-view__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.week-view__grid{gap:var(--space-sm);grid-template-columns:repeat(7,1fr);display:grid}.week-view__column{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);flex-direction:column;min-height:350px;display:flex}.week-view__column--today{border-color:var(--accent-primary)}.week-view__day-header{padding:var(--space-md);text-align:center;border-bottom:1px solid var(--border-secondary);background:var(--bg-tertiary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-direction:column;display:flex}.week-view__day-name{font-size:var(--text-xs);color:var(--text-secondary);text-transform:capitalize}.week-view__day-number{font-size:var(--text-lg);font-weight:var(--font-bold)}.week-view__content{padding:var(--space-sm);gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.week-view__card{padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border-radius:var(--radius-md);border-left:4px solid var(--accent-primary)}.week-view__card-title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-overflow:ellipsis;overflow:hidden}.week-view__card-hours{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono)}.week-view__empty{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;padding:var(--space-lg) 0}.gantt-view{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;display:flex}.gantt-view__header{justify-content:space-between;align-items:center;display:flex}.gantt-view__title{font-size:var(--text-base);font-weight:var(--font-semibold)}.gantt-view__range{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono)}.gantt-view__rows{gap:var(--space-md);flex-direction:column;display:flex}.gantt-view__row{align-items:center;gap:var(--space-md);display:flex}.gantt-view__row-label{flex-shrink:0;justify-content:space-between;align-items:center;width:220px;display:flex}.gantt-view__row-title{font-size:var(--text-sm);font-weight:var(--font-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gantt-view__row-hours{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono)}.gantt-view__track{background:var(--bg-tertiary);border-radius:var(--radius-md);flex:1;height:28px;position:relative;overflow:hidden}.gantt-view__bar{border-radius:var(--radius-sm);padding:0 var(--space-sm);color:#fff;transition:all var(--transition-fast);align-items:center;display:flex;position:absolute;top:2px;bottom:2px}.gantt-view__bar-text{font-size:11px;font-weight:var(--font-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gantt-view__empty{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary)}.calendar-tab{gap:var(--space-lg);flex-direction:column;display:flex}.calendar-tab__switcher{background:var(--bg-tertiary);border-radius:var(--radius-md);align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.calendar-tab__switch-btn{align-items:center;gap:var(--space-xs);padding:6px var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:inline-flex}.calendar-tab__switch-btn:hover{color:var(--text-primary)}.calendar-tab__switch-btn--active{background:var(--bg-secondary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.import-students{gap:var(--space-md);flex-direction:column;display:flex}.import-students__error{padding:var(--space-sm) var(--space-md);background:var(--color-danger-subtle,#ef44441a);border:1px solid var(--color-danger,#ef4444);color:var(--color-danger,#ef4444);border-radius:var(--radius-md);font-size:var(--text-sm)}.import-students__tabs{gap:var(--space-xs);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs);display:flex}.import-students__tab{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.import-students__tab:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.import-students__tab--active{color:var(--color-primary);background:var(--color-primary-subtle,#4f46e51a)}.import-students__body{gap:var(--space-sm);flex-direction:column;display:flex}.import-students__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.import-students__dropzone{padding:var(--space-xl) var(--space-md);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-normal);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.import-students__dropzone:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}.import-students__dropzone-icon{color:var(--color-primary);margin-bottom:var(--space-sm)}.import-students__dropzone-text{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:2px}.import-students__dropzone-sub{font-size:var(--text-xs);color:var(--color-text-secondary)}.import-students__loading{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md);font-size:var(--text-sm);color:var(--color-primary);display:flex}.import-students__spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.import-students__ai-header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.import-students__key-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:4px 8px;display:flex}.import-students__key-btn:hover{color:var(--color-text-primary);border-color:var(--color-primary)}.import-students__key-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--space-sm);border-radius:var(--radius-md)}.import-students__preview{gap:var(--space-md);flex-direction:column;display:flex}.import-students__preview-header{justify-content:space-between;align-items:center;display:flex}.import-students__preview-count{font-size:var(--text-sm);color:var(--color-text-primary)}.import-students__table-container{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:340px;overflow-y:auto}.import-students__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.import-students__table th{background:var(--color-bg-secondary);padding:var(--space-xs) var(--space-sm);text-align:left;font-weight:var(--font-medium);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);z-index:1;position:sticky;top:0}.import-students__table td{padding:4px var(--space-sm);border-bottom:1px solid var(--color-border)}.import-students__index-col{color:var(--color-text-tertiary,#9ca3af);font-size:var(--text-xs);text-align:center}.import-students__cell-input{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-size:var(--text-sm);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:4px 8px}.import-students__cell-input:focus{background:var(--color-bg-primary);border-color:var(--color-primary);outline:none}.import-students__del-btn{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.import-students__del-btn:hover{color:var(--color-danger,#ef4444);background:var(--color-danger-subtle,#ef44441a)}.import-students__actions{margin-top:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.students-tab{gap:var(--space-md);flex-direction:column;display:flex}.students-tab__toolbar{justify-content:space-between;align-items:center;gap:var(--space-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.students-tab__info{align-items:center;gap:var(--space-md);display:flex}.students-tab__badge{background:var(--color-primary-subtle,#4f46e51a);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:9999px;align-items:center;padding:4px 10px;display:inline-flex}.students-tab__search{align-items:center;display:flex;position:relative}.students-tab__search-icon{color:var(--color-text-secondary);pointer-events:none;position:absolute;left:10px}.students-tab__search-input{font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);width:220px;transition:all var(--transition-fast);outline:none;padding:6px 12px 6px 32px}.students-tab__search-input:focus{border-color:var(--color-primary);background:var(--color-bg-primary);width:260px}.students-tab__actions{align-items:center;gap:var(--space-xs);display:flex}.students-tab__loading{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.students-tab__empty{padding:var(--space-2xl) var(--space-md);background:var(--color-bg-primary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.students-tab__empty-icon{margin-bottom:var(--space-sm);font-size:2.5rem}.students-tab__empty h3{margin:0 0 var(--space-xs) 0;font-size:var(--text-lg);color:var(--color-text-primary)}.students-tab__empty p{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:380px;margin:0}.students-tab__table-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.students-tab__table-container{max-height:calc(100vh - 280px);overflow-y:auto}.students-tab__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.students-tab__table th{background:var(--color-bg-secondary);padding:var(--space-sm) var(--space-md);text-align:left;font-weight:var(--font-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);z-index:1;-webkit-user-select:none;user-select:none;position:sticky;top:0}.students-tab__table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);vertical-align:middle}.students-tab__table tbody tr:hover{background:var(--color-bg-secondary)}.students-tab__row--selected{background:var(--color-primary-subtle,#4f46e50f)!important}.students-tab__checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary)}.students-tab__index-cell{color:var(--color-text-tertiary,#9ca3af);font-size:var(--text-xs);font-weight:var(--font-medium)}.students-tab__name-cell{align-items:center;gap:var(--space-sm);display:flex}.students-tab__name{color:var(--color-text-primary);font-size:var(--text-sm)}.students-tab__notes-tag{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;max-width:160px;padding:2px 6px;font-size:11px;display:inline-flex;overflow:hidden}.students-tab__counter{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:2px;padding:2px;display:inline-flex}.students-tab__counter-btn{width:24px;height:24px;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.students-tab__counter-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.students-tab__counter-btn:disabled{opacity:.3;cursor:not-allowed}.students-tab__counter-input{text-align:center;width:38px;color:var(--color-text-primary);font-weight:var(--font-semibold);font-size:var(--text-sm);-moz-appearance:textfield;background:0 0;border:none}.students-tab__counter-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.students-tab__counter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.students-tab__counter-input:focus{background:var(--color-bg-primary);border-radius:var(--radius-sm);outline:none}.students-tab__row-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.students-tab__action-btn{width:28px;height:28px;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.students-tab__action-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.students-tab__action-btn--danger:hover{background:var(--color-danger-subtle,#ef44441a);color:var(--color-danger,#ef4444)}.class-detail{max-width:960px;padding-bottom:120px}.class-detail__header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.class-detail__title{font-size:var(--text-xl);font-weight:var(--font-bold)}.class-detail__subject{font-size:var(--text-sm);color:var(--text-secondary)}.class-detail__actions{gap:var(--space-sm);display:flex}.class-detail__tabs{gap:var(--space-xs);border-bottom:2px solid var(--border-secondary);margin-bottom:var(--space-xl);background:var(--bg-primary);z-index:10;padding-top:var(--space-xs);scrollbar-width:none;-ms-overflow-style:none;display:flex;position:sticky;top:0;overflow-x:auto}.class-detail__tabs::-webkit-scrollbar{display:none}.class-detail__tab{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-2px;display:flex}.class-detail__tab:hover{color:var(--text-primary)}.class-detail__tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.class-detail__content{min-height:400px}.class-detail__loading,.class-detail__not-found{padding:var(--space-2xl);text-align:center;color:var(--text-tertiary)}@media (width<=640px){.class-detail__header{flex-direction:column;align-items:flex-start}.class-detail__tab{padding:var(--space-sm);font-size:var(--text-xs);flex:1;justify-content:center}}.quiz-dashboard{gap:var(--space-xl);flex-direction:column;display:flex}.quiz-dashboard__loading{padding:var(--space-2xl);text-align:center;color:var(--text-tertiary)}.quiz-dashboard__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.quiz-dashboard__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.quiz-dashboard__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:4px}.quiz-dashboard__tabs{gap:var(--space-xs);border-bottom:2px solid var(--border-secondary);display:flex}.quiz-dashboard__tab{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-bottom:2px solid #0000;margin-bottom:-2px;display:flex}.quiz-dashboard__tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.quiz-dashboard__empty{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl);background:var(--bg-secondary);border-radius:var(--radius-xl);text-align:center;border:1px dashed var(--border-secondary);flex-direction:column;display:flex}.quiz-dashboard__empty-icon{color:var(--accent-primary)}.quiz-dashboard__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));display:grid}.quiz-dashboard__card{border-radius:var(--radius-xl);min-height:200px;padding:var(--space-md) var(--space-lg);color:#fff;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal);background-position:50%;background-size:cover;border:1px solid #ffffff2e;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.quiz-dashboard__card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0f172a73 0%,#0f172aa6 100%);position:absolute;inset:0}.quiz-dashboard__card:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.quiz-dashboard__card-header{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex;position:relative}.quiz-dashboard__status{font-size:10.5px;font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:2px 8px}.quiz-dashboard__status--published{color:#86efac;background:#22c55e59;border:1px solid #22c55e}.quiz-dashboard__status--draft{color:#fde047;background:#eab30859;border:1px solid #eab308}.quiz-dashboard__slides-count{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#ffffff38;padding:2px 8px;font-size:10.5px}.quiz-dashboard__card-body{z-index:1;margin:var(--space-sm) 0;position:relative}.quiz-dashboard__card-title{font-size:var(--text-base);font-weight:var(--font-bold);text-shadow:0 2px 4px #000000b3;margin-bottom:4px;line-height:1.3;color:#fff!important}.quiz-dashboard__card-desc{font-size:var(--text-xs);text-shadow:0 1px 3px #000000b3;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-style:italic;line-height:1.35;display:-webkit-box;overflow:hidden;color:#ffffffeb!important}.quiz-dashboard__card-actions{z-index:1;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#0f172ab8;border:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;display:flex;position:relative}.quiz-dashboard__btn-group{flex-shrink:1;align-items:center;gap:4px;min-width:0;display:flex}.quiz-dashboard__action-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#ffffff29;border:1px solid #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:4px 7px;font-size:11px;font-weight:500;display:inline-flex}.quiz-dashboard__action-btn:hover{background:#ffffff47;border-color:#ffffff59}.quiz-dashboard__action-btn--delete{padding:4px 6px}.quiz-dashboard__action-btn--delete:hover{background:#ef4444d9;border-color:#ef4444f2}.quiz-dashboard__play-btn{flex-shrink:0;margin-left:auto}.quiz-dashboard__play-btn .btn{white-space:nowrap;padding:4px 9px;font-size:11.5px;font-weight:600}.quiz-dashboard__qr-modal{align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-md) 0;flex-direction:column;display:flex}.quiz-dashboard__qr-box{padding:var(--space-md);border-radius:var(--radius-lg);background:#fff}.quiz-dashboard__qr-pin{font-size:var(--text-lg)}.quiz-dashboard__qr-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.word-cloud{justify-content:center;align-items:center;gap:var(--space-md) var(--space-lg);padding:var(--space-xl);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000040;flex-wrap:wrap;width:100%;min-height:240px;max-height:380px;display:flex;overflow-y:auto}.word-cloud__empty{padding:var(--space-2xl);font-size:var(--text-base);color:#ffffffb3;border-radius:var(--radius-xl);background:#0003;justify-content:center;align-items:center;width:100%;font-style:italic;display:flex}.word-cloud__tag{font-weight:var(--font-bold);border-radius:var(--radius-md);transition:transform var(--transition-normal), font-size var(--transition-normal);text-shadow:0 2px 8px #0006;background:#ffffff14;align-items:center;gap:6px;padding:4px 10px;line-height:1.2;animation:.4s cubic-bezier(.175,.885,.32,1.275) backwards popIn;display:inline-flex}.word-cloud__tag:hover{background:#ffffff2e;transform:scale(1.15)translateY(-2px)}.word-cloud__tag-count{border-radius:var(--radius-full);color:#fff;font-size:.65em;font-weight:var(--font-medium);vertical-align:super;background:#fff3;padding:2px 6px}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.quiz-builder{height:calc(100vh - var(--navbar-height));margin:calc(-1 * var(--space-xl));background:var(--bg-primary);flex-direction:column;display:flex}.quiz-builder__loading{padding:var(--space-2xl);text-align:center;color:var(--text-tertiary)}.quiz-builder__topbar{padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;height:56px;display:flex}.quiz-builder__topbar-left{align-items:center;gap:var(--space-md);flex:1;display:flex}.quiz-builder__title-input{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);background:0 0;border:none;outline:none;width:320px}.quiz-builder__title-input:focus{border-bottom:2px solid var(--accent-primary)}.quiz-builder__topbar-actions{align-items:center;gap:var(--space-sm);display:flex}.quiz-builder__main{flex:1;display:flex;overflow:hidden}.quiz-builder__slides-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-secondary);width:220px;padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.quiz-builder__slides-list{gap:var(--space-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.quiz-builder__slide-thumb{align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;padding:4px;display:flex}.quiz-builder__slide-thumb--active{border-color:var(--accent-primary);background:var(--accent-primary-light)}.quiz-builder__slide-thumb-num{font-size:var(--text-xs);font-weight:var(--font-bold);text-align:center;width:16px;color:var(--text-secondary)}.quiz-builder__slide-thumb-preview{border-radius:var(--radius-sm);color:#fff;flex:1;justify-content:center;align-items:center;height:60px;padding:4px;display:flex;overflow:hidden}.quiz-builder__slide-thumb-text{text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.quiz-builder__slide-thumb-actions{flex-direction:column;gap:2px;display:flex}.quiz-builder__slide-thumb-actions button{color:var(--text-tertiary);padding:2px}.quiz-builder__slide-thumb-actions button:hover{color:var(--text-primary)}.quiz-builder__add-slide-btn{width:100%}.quiz-builder__canvas-container{padding:var(--space-xl);transition:background var(--transition-normal);flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.quiz-builder__canvas{gap:var(--space-xl);flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex}.quiz-builder__question-input{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--text-xl);font-weight:var(--font-bold);text-align:center;border-radius:var(--radius-lg);color:#fff;background:#0000004d;border:2px dashed #fff6;outline:none}.quiz-builder__question-input:focus{background:#00000080;border-color:#fff}.quiz-builder__word-cloud-preview-box{width:100%;max-width:700px}.quiz-builder__media-box{border-radius:var(--radius-lg);background:#0003;justify-content:center;align-items:center;width:100%;max-width:480px;min-height:180px;display:flex;overflow:hidden}.quiz-builder__media-input-wrapper{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);color:#ffffffb3;flex-direction:column;display:flex}.quiz-builder__media-url-input{border-radius:var(--radius-md);color:#fff;width:85%;font-size:var(--text-sm);text-align:center;background:#0006;border:1px solid #ffffff4d;padding:8px 12px}.quiz-builder__media-preview{width:100%;height:200px;position:relative}.quiz-builder__media-preview img{object-fit:cover;width:100%;height:100%}.quiz-builder__media-remove{color:#fff;background:#000000b3;border-radius:50%;padding:6px;position:absolute;top:8px;right:8px}.quiz-builder__options-container{gap:var(--space-md);flex-direction:column;width:100%;display:flex}.quiz-builder__options-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;width:100%;display:grid}.quiz-builder__option-card{align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-md);min-height:56px;display:flex;position:relative}.quiz-builder__option-shape{flex-shrink:0;font-size:22px}.quiz-builder__option-input{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;resize:none;field-sizing:content;word-break:break-word;white-space:pre-wrap;background:0 0;border:none;outline:none;flex:1;align-self:center;height:auto;min-height:1.35em;max-height:2.7em;padding:0;font-family:inherit;line-height:1.35;display:block;overflow:hidden}.quiz-builder__option-input::placeholder{color:#ffffffb3}.quiz-builder__option-actions{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.quiz-builder__option-check{color:#fff6;cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.quiz-builder__option-check:hover{color:#fff}.quiz-builder__option-check--correct{transform:scale(1.2);color:#4ade80!important}.quiz-builder__option-remove{color:#ffffffb3;cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:#00000040;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.quiz-builder__option-remove:hover{color:#fff;background:#ef4444cc}.quiz-builder__add-opt-bar{justify-content:center;width:100%;display:flex}.quiz-builder__add-opt-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff!important;background:#00000080!important;border:1px dashed #fff6!important}.quiz-builder__add-opt-btn:hover{background:#000000b3!important;border-color:#fff!important}.quiz-builder__open-editor{width:100%;padding:var(--space-lg);border-radius:var(--radius-lg);gap:var(--space-md);color:#fff;background:#0006;flex-direction:column;display:flex}.quiz-builder__open-row{align-items:center;gap:var(--space-sm);display:flex}.quiz-builder__open-input{border-radius:var(--radius-md);color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;flex:1;padding:8px 12px}.quiz-builder__open-remove{color:var(--text-tertiary);padding:4px}.quiz-builder__open-remove:hover{color:#ef4444}.quiz-builder__settings-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-secondary);width:270px;padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;display:flex;overflow-y:auto}.quiz-builder__settings-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.quiz-builder__setting-group{gap:var(--space-xs);flex-direction:column;display:flex}.quiz-builder__setting-hint{color:var(--text-tertiary);margin-top:2px;font-size:11px}.quiz-builder__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);align-items:center;gap:4px;display:flex}.quiz-builder__select{border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-tertiary);width:100%;height:38px;color:var(--text-primary);font-size:var(--text-sm);padding:8px 12px}.quiz-builder__color-input{border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;height:40px}.quiz-builder__setting-divider{background:var(--border-secondary);height:1px}.quiz-builder__clonable-section{gap:var(--space-md);background:var(--bg-tertiary);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);flex-direction:column;display:flex}.quiz-builder__apply-box{gap:var(--space-sm);margin-top:var(--space-xs);padding-top:var(--space-sm);border-top:1px dashed var(--border-secondary);flex-direction:column;display:flex}.quiz-builder__apply-info{color:var(--text-secondary);flex-direction:column;gap:2px;font-size:11px;display:flex}.quiz-builder__apply-info strong{color:var(--accent-primary);font-weight:var(--font-bold)}.quiz-builder__apply-btn{white-space:normal;text-align:center;width:100%;height:auto;font-size:var(--text-xs);font-weight:var(--font-semibold);justify-content:center;padding:8px 10px}.quiz-builder__publish-modal{align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-md) 0;flex-direction:column;display:flex}.quiz-builder__publish-sparkle{color:var(--accent-primary)}.quiz-builder__publish-pin-box{background:var(--bg-tertiary);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);flex-direction:column;gap:4px;display:flex}.quiz-builder__publish-pin-label{font-size:var(--text-xs);color:var(--text-secondary)}.quiz-builder__publish-pin-code{font-size:36px;font-weight:var(--font-bold);font-family:var(--font-mono);letter-spacing:4px;color:var(--accent-primary)}.quiz-builder__publish-qr{padding:var(--space-md);border-radius:var(--radius-lg);background:#fff}@media (width<=768px){.quiz-builder__main{flex-direction:column}.quiz-builder__slides-sidebar,.quiz-builder__settings-sidebar{width:100%}.quiz-builder__options-grid{grid-template-columns:1fr}}.host-lobby{width:100%;min-height:100vh;padding:var(--space-lg) var(--space-xl);color:#fff;box-sizing:border-box;background-color:#0b0f19;background-image:radial-gradient(circle at 12% 15%,#6366f12e 0%,#0000 40%),radial-gradient(circle at 88% 18%,#a855f738 0%,#0000 45%),radial-gradient(circle at 50% 88%,#0ea5e924 0%,#0000 50%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;flex-direction:column;display:flex;position:relative;overflow-x:hidden}.host-lobby:before{content:"";pointer-events:none;opacity:.7;background-image:radial-gradient(#ffffff14 1.2px,#0000 1.2px);background-size:28px 28px;position:absolute;inset:0}.host-lobby__navbar{z-index:1;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#1e293bd9 0%,#0f172af2 100%);border:1px solid #ffffff26;justify-content:space-between;align-items:center;min-height:56px;display:flex;position:relative;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1f}.host-lobby__navbar-left{align-items:center;gap:var(--space-md);display:flex}.host-lobby__exit-btn{color:#ffffffbf}.host-lobby__exit-btn:hover{color:#fff;background:#ffffff1f}.host-lobby__app-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.host-lobby__app-badge--cloud{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf873;box-shadow:0 0 12px #38bdf833}.host-lobby__app-badge--quiz{color:#c084fc;background:#a855f733;border:1px solid #a855f773;box-shadow:0 0 12px #a855f733}.host-lobby__session-info{text-align:center;padding:0 var(--space-md);flex:1;overflow:hidden}.host-lobby__session-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 8px #00000080;margin:0;overflow:hidden}.host-lobby__navbar-right{align-items:center;gap:var(--space-md);display:flex}.host-lobby__status-pill{color:#4ade80;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);background:#22c55e2e;border:1px solid #22c55e73;align-items:center;gap:8px;padding:4px 12px;display:inline-flex}.host-lobby__status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 10px #22c55e}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.host-lobby__main{z-index:1;gap:var(--space-lg);flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative}.host-lobby__hero-card{align-items:center;gap:var(--space-xl);border-radius:var(--radius-2xl);padding:var(--space-xl) var(--space-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bd9 0%,#0f172af2 100%);border:1px solid #a855f759;grid-template-columns:1fr auto 240px;display:grid;box-shadow:0 24px 48px -12px #000000b3,inset 0 1px #ffffff26}.host-lobby__instructions-col{gap:var(--space-lg);flex-direction:column;display:flex}.host-lobby__step{align-items:center;gap:var(--space-md);display:flex}.host-lobby__step-num{border-radius:var(--radius-full);background:var(--accent-primary);color:#fff;width:38px;height:38px;font-size:var(--text-base);flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:flex;box-shadow:0 4px 12px #7c3aed80}.host-lobby__step-content{flex-direction:column;gap:6px;display:flex}.host-lobby__step-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.host-lobby__join-url{font-size:var(--text-xl);color:#f8fafc;font-weight:800;font-family:var(--font-mono);border-radius:var(--radius-md);background:#7c3aed33;border:1px solid #a855f773;width:fit-content;padding:6px 14px;display:inline-block;box-shadow:0 2px 8px #0000004d}.host-lobby__pin-digits{gap:8px;margin-top:4px;display:flex}.host-lobby__pin-char{border-radius:var(--radius-lg);width:50px;height:62px;font-size:32px;font-weight:900;font-family:var(--font-mono);color:#e9d5ff;text-shadow:0 0 10px #c084fccc;background:#0b0f19;border:2px solid #a855f7;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 20px #a855f759,inset 0 0 12px #a855f733}.host-lobby__qr-divider{color:#fff6;font-size:11px;font-weight:var(--font-bold);letter-spacing:1px;height:80%;padding-left:var(--space-md);border-left:1px dashed #fff3;justify-content:center;align-items:center;display:flex;position:relative}.host-lobby__qr-divider span{border-radius:var(--radius-sm);background:#0f172af2;padding:4px 6px;position:absolute}.host-lobby__qr-col{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.host-lobby__qr-wrapper{border-radius:var(--radius-xl);transition:transform var(--transition-normal);background:#fff;padding:12px;box-shadow:0 12px 28px #0009}.host-lobby__qr-wrapper:hover{transform:scale(1.03)}.host-lobby__qr-caption{color:#ffffffbf;font-size:11px;font-weight:var(--font-medium);align-items:center;gap:6px;display:flex}.host-lobby__players-stage{border-radius:var(--radius-2xl);padding:var(--space-lg) var(--space-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bcc 0%,#0f172aeb 100%);border:1px solid #ffffff26;flex-direction:column;flex:1;min-height:240px;display:flex;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1f}.host-lobby__stage-header{padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.host-lobby__counter-badge{align-items:center;gap:var(--space-sm);color:#fff;font-size:var(--text-base);display:flex}.host-lobby__counter-text strong{font-size:var(--text-xl);color:var(--accent-primary)}.host-lobby__start-btn{font-size:var(--text-base);font-weight:var(--font-bold);padding:10px 28px;box-shadow:0 6px 18px #7c3aed66}.host-lobby__start-btn--ready{animation:2s infinite pulse-btn}@keyframes pulse-btn{0%,to{transform:scale(1);box-shadow:0 6px 18px #7c3aed66}50%{transform:scale(1.03);box-shadow:0 8px 25px #7c3aedbf}}.host-lobby__players-container{flex:1;justify-content:center;align-items:center;display:flex}.host-lobby__empty-state{text-align:center;justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xl);flex-direction:column;display:flex}.host-lobby__empty-sparkle{color:var(--accent-primary);margin-bottom:var(--space-xs);animation:3s ease-in-out infinite float-sparkle}@keyframes float-sparkle{0%,to{opacity:.8;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-6px)scale(1.15)}}.host-lobby__empty-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:#fffffff2;margin:0}.host-lobby__empty-sub{font-size:var(--text-sm);color:#fff9;max-width:440px;margin:0}.host-lobby__players-grid{place-content:flex-start center;gap:var(--space-sm);width:100%;max-height:280px;padding:var(--space-xs);flex-wrap:wrap;display:flex;overflow-y:auto}.host-lobby__players-grid::-webkit-scrollbar{width:6px}.host-lobby__players-grid::-webkit-scrollbar-track{border-radius:var(--radius-full);background:#ffffff0d}.host-lobby__players-grid::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#a855f766}.host-lobby__players-grid::-webkit-scrollbar-thumb:hover{background:#a855f7b3}.host-lobby__player-chip{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast);background:#ffffff1f;border:1px solid #fff3;padding:8px 16px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;display:inline-flex;box-shadow:0 4px 12px #0000004d}.host-lobby__player-chip:hover{background:#fff3;border-color:#ffffff59}.host-lobby__player-avatar{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:flex;box-shadow:0 2px 6px #7c3aed66}.host-lobby__player-name{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.host-lobby__player-remove{color:#f87171;cursor:pointer;width:20px;height:20px;transition:background var(--transition-fast);background:#ef444440;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;display:flex}.host-lobby__player-remove:hover{color:#fff;background:#ef4444d9}@media (width<=860px){.host-lobby__hero-card{text-align:center;gap:var(--space-lg);grid-template-columns:1fr}.host-lobby__qr-divider{display:none}.host-lobby__step,.host-lobby__pin-digits{justify-content:center}}.quiz-host{background:var(--bg-primary);color:#fff;box-sizing:border-box;flex-direction:column;width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.quiz-host__loading{padding:var(--space-2xl);text-align:center;color:var(--text-tertiary)}.quiz-host__lobby{height:100%;padding:var(--space-xl);gap:var(--space-xl);background:radial-gradient(circle,#2e1065 0%,#0f172a 100%);flex-direction:column;display:flex}.quiz-host__lobby-header{padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-xl);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.quiz-host__pin-card{gap:var(--space-xs);flex-direction:column;display:flex}.quiz-host__pin-subtitle{font-size:var(--text-base);color:#ffffffb3}.quiz-host__pin-code{font-size:64px;font-weight:900;font-family:var(--font-mono);letter-spacing:8px;color:#a855f7;text-shadow:0 0 20px #a855f780}.quiz-host__qr-box{padding:var(--space-md);border-radius:var(--radius-lg);background:#fff;box-shadow:0 10px 25px #0000004d}.quiz-host__lobby-body{gap:var(--space-lg);flex-direction:column;flex:1;display:flex}.quiz-host__players-bar{justify-content:space-between;align-items:center;display:flex}.quiz-host__players-count{align-items:center;gap:var(--space-sm);font-size:var(--text-xl);font-weight:var(--font-bold);display:flex}.quiz-host__lobby-empty{justify-content:center;align-items:center;gap:var(--space-md);color:#fff9;font-size:var(--text-lg);flex-direction:column;flex:1;display:flex}.quiz-host__sparkle-icon{color:#a855f7;animation:2s infinite pulse}.quiz-host__players-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:400px;display:grid;overflow-y:auto}.quiz-host__player-pill{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast);background:#ffffff1a;display:flex;position:relative}.quiz-host__player-pill:hover{background:#ffffff2e}.quiz-host__player-avatar{width:34px;height:34px;font-weight:var(--font-bold);font-size:var(--text-sm);background:#a855f7;border-radius:50%;justify-content:center;align-items:center;display:flex}.quiz-host__player-name{font-size:var(--text-sm);font-weight:var(--font-semibold);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.quiz-host__player-kick-btn{color:#f87171;cursor:pointer;width:26px;height:26px;transition:all var(--transition-fast);background:#ef444433;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;display:flex}.quiz-host__player-kick-btn:hover{color:#fff;background:#ef4444;transform:scale(1.15)}.quiz-host__question-view,.quiz-host__results-view{height:100%;padding:var(--space-xl);flex-direction:column;justify-content:space-between;display:flex}.quiz-host__question-header{text-align:center}.quiz-host__question-text{font-size:var(--text-2xl);text-shadow:0 2px 10px #00000080;font-weight:800}.quiz-host__question-body{margin:var(--space-xl) 0;justify-content:space-around;align-items:center;display:flex}.quiz-host__timer-circle{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.quiz-host__timer-text{font-size:32px;font-weight:900;font-family:var(--font-mono);position:absolute}.quiz-host__question-media{border-radius:var(--radius-xl);max-width:400px;max-height:250px;overflow:hidden;box-shadow:0 10px 30px #0006}.quiz-host__question-media img{object-fit:cover;width:100%;height:100%}.quiz-host__answers-counter{flex-direction:column;align-items:center;display:flex}.quiz-host__answers-num{font-size:48px;font-weight:900;font-family:var(--font-mono)}.quiz-host__answers-label{font-size:var(--text-sm);opacity:.8}.quiz-host__question-footer{justify-content:flex-end;display:flex}.quiz-host__bars-container{justify-content:center;align-items:flex-end;gap:var(--space-lg);height:320px;margin:var(--space-xl) 0;display:flex}.quiz-host__bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;max-width:140px;height:100%;display:flex}.quiz-host__bar-value{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-xs)}.quiz-host__bar-wrapper{border-radius:var(--radius-md) var(--radius-md) 0 0;background:#ffffff1a;align-items:flex-end;width:100%;height:200px;display:flex;overflow:hidden}.quiz-host__bar-fill{width:100%;transition:height .8s cubic-bezier(.4,0,.2,1)}.quiz-host__bar-label{width:100%;padding:var(--space-sm);align-items:center;gap:var(--space-xs);border-radius:0 0 var(--radius-md) var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);text-overflow:ellipsis;white-space:nowrap;display:flex;overflow:hidden}.quiz-host__bar-label--correct{ring:3px #4ade80;box-shadow:0 0 15px #4ade8099}.quiz-host__leaderboard-view{height:100%;padding:var(--space-xl);background:radial-gradient(circle,#1e1b4b 0%,#0f172a 100%);flex-direction:column;justify-content:space-between;display:flex}.quiz-host__leaderboard-header{align-items:center;gap:var(--space-md);justify-content:center;display:flex}.quiz-host__trophy-icon{color:#f59e0b}.quiz-host__leaderboard-list{gap:var(--space-md);flex-direction:column;width:100%;max-width:600px;margin:0 auto;display:flex}.quiz-host__leaderboard-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;display:flex}.quiz-host__rank-num{font-size:var(--text-lg);color:#f59e0b;width:40px;font-weight:900}.quiz-host__streak-badge{font-size:var(--text-xs);color:#ef4444;font-weight:var(--font-bold);align-items:center;gap:4px;margin-left:auto;display:flex}.quiz-host__player-score{font-size:var(--text-lg);font-weight:var(--font-bold);font-family:var(--font-mono);margin-left:var(--space-md)}.quiz-host__podium-view{height:100%;padding:var(--space-xl);background:radial-gradient(circle,#312e81 0%,#0f172a 100%);flex-direction:column;justify-content:space-between;align-items:center;display:flex}.quiz-host__podium-header{align-items:center;gap:var(--space-xs);text-align:center;flex-direction:column;display:flex}.quiz-host__gold-trophy{color:#f59e0b;animation:2s infinite bounce}.quiz-host__podium-stage{justify-content:center;align-items:flex-end;gap:var(--space-md);height:300px;display:flex}.quiz-host__podium-step{flex-direction:column;align-items:center;width:140px;display:flex}.quiz-host__podium-avatar{font-size:36px}.quiz-host__podium-crown{font-size:24px}.quiz-host__podium-name{font-size:var(--text-base);font-weight:var(--font-bold)}.quiz-host__podium-score{font-size:var(--text-sm);font-family:var(--font-mono);opacity:.9;margin-bottom:var(--space-xs)}.quiz-host__podium-block{border-radius:var(--radius-md) var(--radius-md) 0 0;color:#fff;justify-content:center;align-items:center;width:100%;font-size:36px;font-weight:900;display:flex}.quiz-host__podium-block--1{background:linear-gradient(135deg,#f59e0b,#d97706);height:180px}.quiz-host__podium-block--2{background:linear-gradient(135deg,#94a3b8,#64748b);height:130px}.quiz-host__podium-block--3{background:linear-gradient(135deg,#b45309,#78350f);height:90px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.player-controller{min-height:100vh;padding:var(--space-lg);background:var(--bg-primary);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;display:flex}.player-controller__loading{min-height:100vh;font-size:var(--text-lg);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.player-controller__question-bar{text-align:center;width:100%;max-width:600px;padding:var(--space-md);margin-bottom:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg)}.player-controller__question-bar h3{font-size:var(--text-lg);font-weight:var(--font-bold)}.student-join{min-height:100vh;padding:var(--space-lg);color:var(--text-primary);background:radial-gradient(circle at 100% 0,#1e1b4b 0%,#0f172a 100%);justify-content:center;align-items:center;display:flex}.student-join__card{width:100%;max-width:440px;padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#0f172ad9;border:1px solid #ffffff26;flex-direction:column;align-items:center;display:flex;box-shadow:0 20px 40px #00000080}.student-join__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.student-join__logo{color:var(--accent-primary);margin-bottom:var(--space-xs)}.student-join__header h1{font-size:var(--text-2xl);color:#fff;font-weight:900}.student-join__header p{font-size:var(--text-sm);color:var(--text-secondary)}.student-join__form{gap:var(--space-lg);flex-direction:column;width:100%;display:flex}.student-join__pin-group{justify-content:center;display:flex}.student-join__pin-input{width:100%;padding:var(--space-md);font-size:32px;font-weight:900;font-family:var(--font-mono);letter-spacing:6px;text-align:center;text-transform:uppercase;border:2px solid var(--accent-primary);border-radius:var(--radius-xl);color:#a855f7;transition:all var(--transition-fast);background:#0006;outline:none}.student-join__pin-input:focus{background:#0009;border-color:#c084fc;box-shadow:0 0 20px #a855f766}.student-join__pin-input::placeholder{letter-spacing:2px;color:#ffffff4d;font-size:20px}.student-join__submit{width:100%;margin-top:var(--space-sm)}.player-controller__open-form{gap:var(--space-md);flex-direction:column;width:100%;max-width:440px;display:flex}.player-controller__open-input{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-lg);outline:none}.player-controller__open-input:focus{border-color:var(--accent-primary)}.player-controller__word-cloud-select{align-items:center;gap:var(--space-lg);flex-direction:column;width:100%;max-width:480px;display:flex}.player-controller__hint{font-size:var(--text-base);color:var(--text-secondary);text-align:center}.player-controller__word-chips{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.player-controller__chip{border-radius:var(--radius-full);border:2px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);padding:10px 18px}.player-controller__chip--selected{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #7c3aed66}.player-controller--lobby{text-align:center;gap:var(--space-md)}.player-controller__lobby-sparkle{color:var(--accent-primary);animation:2s infinite pulse}.player-controller__lobby-name{color:#a855f7;font-size:24px;font-weight:800}.player-controller--submitted{gap:var(--space-md);text-align:center}.player-controller__spin-icon{color:var(--accent-primary);animation:3s linear infinite spin}.player-controller__buttons-grid{gap:var(--space-md);width:100%;max-width:500px;height:calc(100vh - 120px);padding:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.player-controller__buttons-grid--2{grid-template-columns:1fr;max-width:440px;height:calc(75vh - 80px)}@media (width>=480px){.player-controller__buttons-grid--2{grid-template-columns:1fr 1fr}}.player-controller__buttons-grid--5,.player-controller__buttons-grid--6{gap:var(--space-xs)}.player-controller__buttons-grid--5 .player-controller__btn,.player-controller__buttons-grid--6 .player-controller__btn{padding:var(--space-sm)}.player-controller__buttons-grid--5 .player-controller__btn-shape,.player-controller__buttons-grid--6 .player-controller__btn-shape{font-size:28px}.player-controller__btn{border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:var(--space-sm);color:#fff;transition:transform var(--transition-fast), filter var(--transition-fast);padding:var(--space-lg);border:none;flex-direction:column;display:flex;box-shadow:0 10px 20px #0000004d}.player-controller__btn:active{filter:brightness(1.2);transform:scale(.95)}.player-controller__btn-shape{font-size:48px}.player-controller__btn-text{font-size:var(--text-sm);-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;text-align:center;-webkit-box-orient:vertical;max-height:2.5em;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.player-controller--feedback{gap:var(--space-lg);text-align:center}.player-controller--correct{color:#fff;background:radial-gradient(circle,#15803d 0%,#052e16 100%)}.player-controller--wrong{color:#fff;background:radial-gradient(circle,#b91c1c 0%,#450a0a 100%)}.player-controller__points-earned{border-radius:var(--radius-full);background:#fff3;padding:8px 24px;font-size:36px;font-weight:900}.player-controller--summary{gap:var(--space-md);text-align:center}.player-controller__total-score{color:var(--accent-primary);font-size:48px;font-weight:900}.player-controller__streak{color:#f97316;border-radius:var(--radius-full);font-weight:var(--font-bold);background:#f9731633;align-items:center;gap:8px;padding:6px 16px;display:flex}.player-controller__home-btn{margin-top:var(--space-xl)}.wc-dashboard{gap:var(--space-xl);padding:var(--space-xl);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.wc-dashboard__header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.wc-dashboard__title{align-items:center;gap:var(--space-md);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);display:flex}.wc-dashboard__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:4px}.wc-dashboard__loading{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary)}.wc-dashboard__empty{text-align:center;padding:var(--space-2xl);background:var(--bg-secondary);border-radius:var(--radius-xl);border:2px dashed var(--border-secondary);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.wc-dashboard__empty-icon{color:var(--accent-primary);opacity:.8}.wc-dashboard__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));display:grid}.wc-card{border-radius:var(--radius-xl);min-height:200px;padding:var(--space-md) var(--space-lg);color:#fff;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal);background-position:50%;background-size:cover;border:1px solid #ffffff2e;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.wc-card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0f172a73 0%,#0f172aa6 100%);position:absolute;inset:0}.wc-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.wc-card__badge-row{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex;position:relative}.wc-card__status{font-size:10.5px;font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:2px 8px}.wc-card__status--published{color:#86efac;background:#22c55e59;border:1px solid #22c55e}.wc-card__status--draft{color:#fde047;background:#eab30859;border:1px solid #eab308}.wc-card__mode{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;text-overflow:ellipsis;background:#ffffff38;max-width:150px;padding:2px 8px;font-size:10.5px;overflow:hidden}.wc-card__body{z-index:1;margin:var(--space-sm) 0;position:relative}.wc-card__title{font-size:var(--text-base);font-weight:var(--font-bold);text-shadow:0 2px 4px #000000b3;margin-bottom:4px;line-height:1.3;color:#fff!important}.wc-card__question{font-size:var(--text-xs);text-shadow:0 1px 3px #000000b3;font-style:italic;line-height:1.35;color:#ffffffeb!important}.wc-card__footer{z-index:1;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#0f172ab8;border:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;display:flex;position:relative}.wc-card__actions-left{flex-shrink:1;align-items:center;gap:4px;min-width:0;display:flex}.wc-card__action-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#ffffff29;border:1px solid #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:4px 7px;font-size:11px;font-weight:500;display:inline-flex}.wc-card__action-btn:hover{background:#ffffff47;border-color:#ffffff59}.wc-card__action-btn--delete{padding:4px 6px}.wc-card__action-btn--delete:hover{background:#ef4444d9;border-color:#ef4444f2}.wc-card__play-btn{flex-shrink:0;margin-left:auto}.wc-card__play-btn .btn{white-space:nowrap;padding:4px 9px;font-size:11.5px;font-weight:600}.wc-dashboard__qr-modal{align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-md) 0;flex-direction:column;display:flex}.wc-dashboard__pin-display{letter-spacing:4px;color:var(--accent-primary);font-size:32px;font-weight:900;font-family:var(--font-mono)}.wc-dashboard__qr-wrapper{padding:var(--space-md);border-radius:var(--radius-lg);background:#fff}.wc-editor{height:calc(100vh - var(--navbar-height));margin:calc(-1 * var(--space-xl));background:var(--bg-primary);flex-direction:column;display:flex}.wc-editor__loading{padding:var(--space-2xl);text-align:center;color:var(--text-tertiary)}.wc-editor__topbar{padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;height:56px;display:flex}.wc-editor__topbar-left{align-items:center;gap:var(--space-md);flex:1;display:flex}.wc-editor__title-input{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);background:0 0;border:none;outline:none;width:320px}.wc-editor__title-input:focus{border-bottom:2px solid var(--accent-primary)}.wc-editor__topbar-actions{align-items:center;gap:var(--space-sm);display:flex}.wc-editor__main{flex:1;display:flex;overflow:hidden}.wc-editor__canvas-container{padding:var(--space-xl);flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.wc-editor__canvas{gap:var(--space-xl);flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex}.wc-editor__question-input{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--text-xl);font-weight:var(--font-bold);text-align:center;border-radius:var(--radius-lg);color:#fff;background:#0000004d;border:2px dashed #fff6;outline:none}.wc-editor__question-input:focus{background:#00000080;border-color:#fff}.wc-editor__preview-box{width:100%;max-width:700px}.wc-editor__sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-secondary);width:280px;padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;display:flex;overflow-y:auto}.wc-editor__sidebar-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.wc-editor__group{gap:var(--space-xs);flex-direction:column;display:flex}.wc-editor__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);align-items:center;gap:4px;display:flex}.wc-editor__select{border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-tertiary);width:100%;height:38px;color:var(--text-primary);font-size:var(--text-sm);padding:8px 12px}.wc-editor__word-row{align-items:center;gap:var(--space-xs);display:flex}.wc-editor__remove-btn{color:var(--text-tertiary);padding:4px}.wc-editor__remove-btn:hover{color:#ef4444}.wc-editor__color-input{border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;height:40px}.wc-editor__divider{background:var(--border-secondary);height:1px}.wc-editor__publish-modal{align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-md) 0;flex-direction:column;display:flex}.wc-editor__pin-code{color:var(--accent-primary);font-size:36px;font-weight:900;font-family:var(--font-mono);letter-spacing:4px}.wc-editor__qr-box{padding:var(--space-md);border-radius:var(--radius-lg);background:#fff}@media (width<=768px){.wc-editor__main{flex-direction:column}.wc-editor__sidebar{width:100%}}.wc-host{min-height:100vh;padding:var(--space-lg);color:#fff;flex-direction:column;display:flex}.wc-host__loading{min-height:100vh;font-size:var(--text-lg);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.wc-host__topbar{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;justify-content:space-between;align-items:center;display:flex}.wc-host__title{font-size:var(--text-lg);font-weight:var(--font-bold)}.wc-host__pin-badge{font-family:var(--font-mono);font-weight:900;font-size:var(--text-lg);border-radius:var(--radius-full);background:#fff3;padding:4px 16px}.wc-host__lobby{flex:1;justify-content:center;align-items:center;display:flex}.wc-host__lobby-card{align-items:center;gap:var(--space-lg);padding:var(--space-2xl);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#00000080;border:1px solid #fff3;flex-direction:column;display:flex}.wc-host__pin-giant{font-size:56px;font-weight:900;font-family:var(--font-mono);letter-spacing:6px;color:var(--accent-primary)}.wc-host__qr-box{padding:var(--space-md);border-radius:var(--radius-xl);background:#fff}.wc-host__players-count{align-items:center;gap:var(--space-sm);font-size:var(--text-lg);font-weight:var(--font-bold);display:flex}.wc-host__active{padding:var(--space-xl) 0;justify-content:space-between;align-items:center;gap:var(--space-xl);flex-direction:column;flex:1;display:flex}.wc-host__question-header{text-align:center;max-width:900px}.wc-host__question-header h1{font-size:var(--text-2xl);text-shadow:0 2px 10px #00000080;font-weight:900}.wc-host__cloud-container{flex:1;justify-content:center;align-items:center;width:100%;max-width:900px;display:flex}.wc-host__footer{width:100%;max-width:900px;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;justify-content:space-between;align-items:center;display:flex}.wc-host__answers-badge{align-items:center;gap:var(--space-xs);font-weight:var(--font-bold);font-size:var(--text-base);display:flex}.wc-player{min-height:100vh;padding:var(--space-lg);background:var(--bg-primary);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;display:flex}.wc-player--center{text-align:center;gap:var(--space-md)}.wc-player__loading{min-height:100vh;font-size:var(--text-lg);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.wc-player__header{align-items:center;gap:var(--space-sm);text-align:center;width:100%;max-width:500px;margin-bottom:var(--space-xl);color:var(--accent-primary);flex-direction:column;display:flex}.wc-player__header h2{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.wc-player__content{align-items:center;gap:var(--space-lg);flex-direction:column;width:100%;max-width:480px;display:flex}.wc-player__hint{font-size:var(--text-base);color:var(--text-secondary)}.wc-player__chips{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.wc-player__chip{border-radius:var(--radius-full);border:2px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);padding:12px 20px}.wc-player__chip--selected{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #7c3aed66}.wc-player__form{gap:var(--space-md);flex-direction:column;width:100%;max-width:400px;display:flex}.wc-player__input{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-lg);outline:none}.wc-player__input:focus{border-color:var(--accent-primary)}.group-generator-page{gap:var(--space-lg);padding:var(--space-md) 0;flex-direction:column;min-height:80vh;display:flex}.group-generator-page--fullscreen{z-index:9999;background:var(--color-bg-primary);padding:var(--space-xl);min-height:100vh;position:fixed;inset:0;overflow-y:auto}.group-generator-page__header{gap:var(--space-xs);flex-direction:column;display:flex}.group-generator-page__back-btn{align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;margin-bottom:var(--space-xs);transition:color var(--transition-fast);background:0 0;border:none;padding:0;display:inline-flex}.group-generator-page__back-btn:hover{color:var(--color-primary)}.group-generator-page__title-area{flex-direction:column;gap:2px;display:flex}.group-generator-page__title{align-items:center;gap:var(--space-xs);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;display:flex}.group-generator-page__title-icon{font-size:1.6rem}.group-generator-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.group-generator-page__setup-grid{gap:var(--space-lg);grid-template-columns:380px 1fr;align-items:start;display:grid}@media (width<=900px){.group-generator-page__setup-grid{grid-template-columns:1fr}}.group-generator-page__card{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.group-generator-page__card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.group-generator-page__divider{border:0;border-top:1px solid var(--color-border);margin:var(--space-xs) 0}.group-generator-page__mode-cards{gap:var(--space-xs);flex-direction:column;display:flex}.group-generator-page__mode-card{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;display:flex}.group-generator-page__mode-card:hover{border-color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.group-generator-page__mode-card--active{box-shadow:0 0 0 1px var(--color-primary);border-color:var(--color-primary)!important;background:var(--color-primary-subtle,#4f46e51f)!important}.group-generator-page__mode-radio{border:2px solid var(--color-border-hover,#64748b);background:var(--color-bg-primary);color:#fff;width:20px;height:20px;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-generator-page__mode-radio--checked{border-color:var(--color-primary)!important;background:var(--color-primary)!important}.group-generator-page__mode-content{flex-direction:column;gap:1px;display:flex}.group-generator-page__mode-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.group-generator-page__mode-card--active .group-generator-page__mode-title{color:var(--color-primary)}.group-generator-page__mode-sub{font-size:var(--text-xs);color:var(--color-text-secondary)}.group-generator-page__stepper-wrap{gap:var(--space-xs);flex-direction:column;display:flex}.group-generator-page__stepper{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:2px;max-width:160px;padding:2px;display:flex}.group-generator-page__stepper-btn{width:36px;height:36px;color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.group-generator-page__stepper-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-primary)}.group-generator-page__stepper-btn:disabled{opacity:.3;cursor:not-allowed}.group-generator-page__stepper-input{text-align:center;width:100%;color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-bold);-moz-appearance:textfield;background:0 0;border:none;flex:1;padding:6px 4px}.group-generator-page__stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.group-generator-page__stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.group-generator-page__stepper-input:focus{background:var(--color-bg-primary);border-radius:var(--radius-sm);outline:none}.group-generator-page__estimate-badge{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-primary-subtle,#4f46e51a);border:1px solid var(--color-primary-subtle,#4f46e540);border-radius:var(--radius-md);display:flex}.group-generator-page__estimate-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.group-generator-page__estimate-text{flex-direction:column;gap:2px;display:flex}.group-generator-page__estimate-main{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.group-generator-page__estimate-sub{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.group-generator-page__generate-btn{width:100%;margin-top:var(--space-xs)}.group-generator-page__students-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex-wrap:wrap;display:flex}.group-generator-page__hint{font-size:var(--text-xs);color:var(--color-text-secondary);margin:2px 0 0}.group-generator-page__presence-actions{gap:var(--space-xs);display:flex}.group-generator-page__chips-grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:440px;padding-right:4px;display:grid;overflow-y:auto}.group-generator-page__chip{align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;padding:8px 12px;display:flex}.group-generator-page__chip--present{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border)}.group-generator-page__chip--present:hover{border-color:var(--color-primary)}.group-generator-page__chip--present .group-generator-page__chip-icon{color:var(--color-success,#10b981)}.group-generator-page__chip--absent{background:var(--color-bg-secondary);color:var(--color-text-tertiary,#9ca3af);opacity:.6;border-color:#0000;text-decoration:line-through}.group-generator-page__chip--absent:hover{opacity:.9}.group-generator-page__chip--absent .group-generator-page__chip-icon{color:var(--color-danger,#ef4444)}.group-generator-page__chip-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group-generator-page__empty-students{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary);justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.group-generator-page__shuffling-view{justify-content:center;align-items:center;min-height:400px;display:flex}.group-generator-page__shuffling-card{text-align:center;padding:var(--space-2xl);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;display:flex}.group-generator-page__dice-icon{margin-bottom:var(--space-sm);font-size:4rem;animation:.8s ease-in-out infinite alternate dice-spin}@keyframes dice-spin{0%{transform:rotate(-20deg)scale(.9)}to{transform:rotate(20deg)scale(1.1)}}.group-generator-page__shuffling-title{font-size:var(--text-xl);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.group-generator-page__shuffling-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.group-generator-page__shuffling-animation{gap:8px;display:flex}.group-generator-page__shuffling-dot{background:var(--color-primary);border-radius:50%;width:12px;height:12px;animation:.6s infinite alternate dot-bounce}.group-generator-page__shuffling-dot:nth-child(2){animation-delay:.2s}.group-generator-page__shuffling-dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%{opacity:.4;transform:translateY(0)}to{opacity:1;transform:translateY(-10px)}}.group-generator-page__results-container{gap:var(--space-lg);flex-direction:column;display:flex}.group-generator-page__results-bar{justify-content:space-between;align-items:center;gap:var(--space-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.group-generator-page__results-info{align-items:center;gap:var(--space-md);display:flex}.group-generator-page__results-tag{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary)}.group-generator-page__results-sub{font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:4px 8px}.group-generator-page__results-actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.group-generator-page__groups-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.group-generator-page--fullscreen .group-generator-page__groups-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.group-generator-page__group-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-top:5px solid var(--group-color,var(--color-primary));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.group-generator-page__group-card:hover{transform:translateY(-2px)}.group-generator-page__group-header{padding:var(--space-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.group-generator-page__group-title-row{align-items:center;gap:var(--space-xs);display:flex}.group-generator-page__group-dot{background:var(--group-color,var(--color-primary));border-radius:50%;width:10px;height:10px}.group-generator-page__group-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.group-generator-page--fullscreen .group-generator-page__group-name{font-size:var(--text-lg)}.group-generator-page__group-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);background:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:2px 8px}.group-generator-page__members-list{padding:var(--space-xs) 0;flex-direction:column;margin:0;list-style:none;display:flex}.group-generator-page__member-item{padding:8px var(--space-md);border-bottom:1px solid var(--color-border-subtle,#e5e7eb80);justify-content:space-between;align-items:center;display:flex}.group-generator-page__member-item:last-child{border-bottom:none}.group-generator-page__member-left{align-items:center;gap:var(--space-sm);display:flex;overflow:hidden}.group-generator-page__member-num{font-size:var(--text-xs);color:var(--color-text-tertiary,#9ca3af);font-weight:var(--font-semibold);width:18px}.group-generator-page__member-name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group-generator-page--fullscreen .group-generator-page__member-name{font-size:var(--text-base)}.group-generator-page__move-dropdown{position:relative}.group-generator-page__move-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;outline:none;padding:2px 6px;font-size:11px}.group-generator-page__move-select:focus{border-color:var(--color-primary)}.guide-center{gap:var(--space-xl);max-width:1280px;padding:var(--space-lg) 0;color:var(--text-primary);flex-direction:column;margin:0 auto;display:flex}.guide-center__loading{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary)}.guide-center__header{gap:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-2xl);padding:var(--space-xl);flex-direction:column;display:flex}.guide-center__header-content{justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.guide-center__title-group{flex-direction:column;gap:4px;display:flex}.guide-center__main-title{align-items:center;gap:var(--space-sm);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;display:flex}.guide-center__book-icon{color:var(--accent-primary)}.guide-center__main-sub{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.guide-center__search-box{align-items:center;width:100%;max-width:320px;display:flex;position:relative}.guide-center__search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:12px}.guide-center__search-input{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);width:100%;color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast);outline:none;padding:8px 36px 8px 38px}.guide-center__search-input:focus{border-color:var(--accent-primary)}.guide-center__search-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;position:absolute;right:12px}.guide-center__tabs-bar{gap:var(--space-sm);border-top:1px solid var(--border-secondary);padding-top:var(--space-md);display:flex;overflow-x:auto}.guide-center__tab{align-items:center;gap:var(--space-xs);border-radius:var(--radius-lg);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:2px solid #0000;padding:10px 18px;display:flex}.guide-center__tab:hover{color:var(--text-primary);background:var(--bg-primary)}.guide-center__tab--active{background:var(--bg-primary);box-shadow:var(--shadow-sm)}.guide-center__body{gap:var(--space-xl);flex-direction:column;display:flex}.guide-center__hero{gap:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-left:5px solid var(--accent-primary);border-radius:var(--radius-2xl);padding:var(--space-xl);flex-direction:column;display:flex}.guide-center__hero-top{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.guide-center__app-icon{border-radius:var(--radius-2xl);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.guide-center__hero-info{flex-direction:column;flex:1;gap:4px;display:flex}.guide-center__badge{width:fit-content;font-size:11px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);border:1px solid;padding:2px 10px;display:inline-block}.guide-center__hero-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.guide-center__hero-tagline{font-size:var(--text-base);color:var(--text-secondary);margin:0}.guide-center__hero-cta{margin-left:auto}.guide-center__overview-box{background:var(--bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--border-secondary)}.guide-center__section-heading{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);display:flex}.guide-center__overview-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.7}.guide-center__grid{gap:var(--space-xl);grid-template-columns:1.4fr 1fr;display:grid}.guide-center__column-main,.guide-center__column-side{gap:var(--space-xl);flex-direction:column;display:flex}.guide-center__card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-2xl);padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;display:flex}.guide-center__card-title{align-items:center;gap:var(--space-xs);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-secondary);margin:0;display:flex}.guide-center__features-list{gap:var(--space-md);flex-direction:column;display:flex}.guide-center__feature-item{gap:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);display:flex}.guide-center__feature-index{width:28px;height:28px;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guide-center__feature-name{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:4px}.guide-center__feature-detail{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.5}.guide-center__workflow-timeline{gap:var(--space-md);flex-direction:column;display:flex}.guide-center__timeline-item{gap:var(--space-md);display:flex}.guide-center__timeline-badge{color:#fff;width:32px;height:32px;font-size:var(--text-sm);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.guide-center__timeline-content{flex:1}.guide-center__timeline-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:4px}.guide-center__timeline-detail{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.5}.guide-center__card--student{border-left:4px solid #38bdf8}.guide-center__student-content{font-size:var(--text-xs);color:var(--text-secondary);white-space:pre-line;background:var(--bg-tertiary);padding:var(--space-md);border-radius:var(--radius-lg);line-height:1.7}.guide-center__config-stack{gap:var(--space-xs);flex-direction:column;display:flex}.guide-center__config-pill{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);flex-direction:column;gap:2px;padding:8px 12px;display:flex}.guide-center__config-name{font-size:var(--text-xs);color:var(--text-primary)}.guide-center__config-desc{color:var(--text-secondary);font-size:11px}.guide-center__tips-list{gap:var(--space-xs);padding-left:var(--space-lg);flex-direction:column;margin:0;display:flex}.guide-center__tip-item{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.guide-center__faq-stack{gap:var(--space-sm);flex-direction:column;display:flex}.guide-center__faq-block{border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-tertiary);overflow:hidden}.guide-center__faq-question{width:100%;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-sm);background:0 0;border:none;padding:10px 14px;display:flex}.guide-center__faq-chevron{color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.guide-center__faq-chevron--open{transform:rotate(180deg)}.guide-center__faq-answer{font-size:var(--text-xs);color:var(--text-secondary);border-top:1px solid var(--border-secondary);background:var(--bg-secondary);padding:10px 14px;line-height:1.5}@media (width<=960px){.guide-center__grid{grid-template-columns:1fr}}.profile-page{padding:var(--space-xl,32px);width:100%;max-width:960px;margin:0 auto}.profile-page__header{margin-bottom:var(--space-xl,32px)}.profile-page__title{letter-spacing:-.02em;color:var(--color-text-primary);align-items:center;gap:12px;margin:0 0 6px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;display:flex}.profile-page__subtitle{font-size:var(--text-base,1rem);color:var(--color-text-secondary);margin:0}.profile-page__grid{flex-direction:column;gap:24px;display:flex}.profile-page__user-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl,18px);align-items:center;gap:20px;padding:24px;display:flex}.profile-page__avatar-circle{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#06b6d4 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:26px;font-weight:800;display:flex;box-shadow:0 6px 16px #4f46e54d}.profile-page__user-info{flex:1}.profile-page__user-name{color:var(--color-text-primary);margin:0 0 4px;font-size:1.35rem;font-weight:800}.profile-page__user-email{color:var(--color-text-secondary);margin:0 0 8px;font-size:.95rem}.profile-page__role-badge{text-transform:uppercase;letter-spacing:.5px;color:#818cf8;background:#4f46e526;border:1px solid #4f46e54d;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.profile-page__stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=768px){.profile-page__stats-grid{grid-template-columns:repeat(2,1fr)}}.profile-page__stat-card{border-radius:var(--radius-lg,14px);background:var(--color-bg-secondary);border:1px solid var(--color-border);align-items:center;gap:12px;padding:16px;display:flex}.profile-page__stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.profile-page__stat-icon.classes{color:#3b82f6;background:#3b82f626}.profile-page__stat-icon.students{color:#10b981;background:#10b98126}.profile-page__stat-icon.quiz{color:#a855f7;background:#a855f726}.profile-page__stat-icon.cloud{color:#38bdf8;background:#38bdf826}.profile-page__stat-num{color:var(--color-text-primary);font-size:1.25rem;font-weight:800;line-height:1.2}.profile-page__stat-label{color:var(--color-text-secondary);font-size:.8rem}.profile-page__card{padding:24px}.profile-page__section-title{color:var(--color-text-primary);align-items:center;gap:8px;margin:0 0 16px;font-size:1.15rem;font-weight:800;display:flex}.profile-page__form-row{align-items:flex-end;gap:16px;display:flex}.profile-page__danger-card{border-radius:var(--radius-xl,18px);padding:24px;background:#ef44440a!important;border:2px solid #ef444466!important}.profile-page__danger-title{color:#ef4444;align-items:center;gap:8px;margin:0 0 12px;font-size:1.15rem;font-weight:800;display:flex}.profile-page__danger-alert{border-radius:var(--radius-md,12px);background:#ef44441a;border:1px solid #ef44444d;margin-bottom:18px;padding:16px}.profile-page__danger-p{color:var(--color-text-primary);margin:0 0 10px;font-size:.95rem;line-height:1.6}.profile-page__danger-list{color:var(--color-text-secondary);margin:0 0 10px;padding-left:20px;font-size:.9rem;line-height:1.6}.profile-page__danger-list li{margin-bottom:4px}.profile-page__danger-warning{color:#f87171;margin:0;font-size:.92rem;font-weight:800}.profile-page__plan-card{transition:all .3s;position:relative;overflow:hidden}.profile-page__plan-card--pro{background:linear-gradient(135deg,#a855f70a 0%,#6366f10f 100%)!important;border:2px solid #a855f766!important}.profile-page__plan-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.profile-page__plan-badge-wrapper{align-items:center;gap:10px;margin-bottom:4px;display:flex}.profile-page__plan-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.profile-page__plan-badge.free{background:var(--color-bg-tertiary,#f1f5f9);color:var(--color-text-secondary,#64748b);border:1px solid var(--color-border)}.profile-page__plan-badge.pro{color:#fff;background:linear-gradient(135deg,#eab308,#a855f7);box-shadow:0 4px 12px #a855f74d}.profile-page__sub-status{color:#10b981;font-size:.8rem;font-weight:600}.profile-page__plan-desc{color:var(--color-text-secondary);margin:0;font-size:.92rem}.profile-page__portal-btn{border-radius:var(--radius-md,10px);background:var(--color-bg-tertiary,#f1f5f9);color:var(--color-text-primary,#1e293b);border:1px solid var(--color-border);align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.profile-page__portal-btn:hover{background:var(--color-border)}.profile-page__pro-active-badge{border-radius:var(--radius-md,10px);color:#10b981;background:#10b98126;align-items:center;padding:8px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.profile-page__sub-meta{border-top:1px solid var(--color-border);color:var(--color-text-secondary);flex-wrap:wrap;gap:24px;margin-top:16px;padding-top:14px;font-size:.85rem;display:flex}.delete-modal__alert{border-radius:var(--radius-md,10px);color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;margin-bottom:16px;padding:14px;font-size:.92rem;line-height:1.5}.delete-modal__field{margin-bottom:20px}.delete-modal__label{color:var(--color-text-primary);margin-bottom:8px;font-size:.88rem;font-weight:700;display:block}.delete-modal__keyword{color:#ef4444;background:#ef444426;border-radius:4px;padding:2px 6px;font-family:monospace;font-weight:900}.legal-page{background-color:var(--color-bg-primary,#0f172a);min-height:100vh;color:var(--color-text-primary,#f8fafc);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.legal-page__aura{filter:blur(140px);pointer-events:none;opacity:.15;z-index:0;border-radius:50%;width:600px;height:600px;position:absolute}.legal-page__aura--top{background:radial-gradient(circle,#4f46e5,#06b6d4);top:-150px;right:-100px}.legal-page__aura--bottom{background:radial-gradient(circle,#10b981,#3b82f6);bottom:0;left:-150px}.legal-page__nav{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border,#ffffff14);background:#0f172ad9;position:sticky;top:0}.legal-page__nav-container{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.legal-page__brand{color:inherit;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.legal-page__brand-icon{width:36px;height:36px;box-shadow:none;background:0 0;justify-content:center;align-items:center;display:flex}.legal-page__nav-actions{align-items:center;gap:12px;display:flex}.legal-page__nav-link{border-radius:var(--radius-md,10px);color:var(--color-text-secondary,#94a3b8);align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.legal-page__nav-link:hover{color:var(--color-text-primary,#fff);background:var(--color-bg-secondary,#ffffff0f)}.legal-page__nav-link--active{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840}.legal-page__container{z-index:1;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px 80px;position:relative}.legal-page__header{text-align:left;margin-bottom:40px}.legal-page__badge{text-transform:uppercase;letter-spacing:1px;color:#818cf8;background:#6366f126;border:1px solid #6366f14d;border-radius:30px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.legal-page__title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 12px;font-size:clamp(2rem,4vw,2.75rem);font-weight:900}.legal-page__subtitle{color:var(--color-text-secondary,#94a3b8);max-width:800px;margin:0 0 16px;font-size:1.05rem;line-height:1.6}.legal-page__meta-row{color:var(--color-text-tertiary,#64748b);flex-wrap:wrap;align-items:center;gap:20px;font-size:.85rem;display:flex}.legal-page__meta-item{align-items:center;gap:6px;display:flex}.legal-page__grid{grid-template-columns:280px 1fr;align-items:start;gap:40px;display:grid}@media (width<=900px){.legal-page__grid{grid-template-columns:1fr}.legal-page__sidebar{display:none}}.legal-page__sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border,#ffffff14);border-radius:var(--radius-lg,16px);background:#1e293bb3;padding:20px;position:sticky;top:90px}.legal-page__toc-title{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary,#94a3b8);margin:0 0 14px;font-size:.82rem;font-weight:800}.legal-page__toc-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.legal-page__toc-link{color:var(--color-text-secondary,#94a3b8);border-radius:8px;padding:8px 12px;font-size:.88rem;line-height:1.4;text-decoration:none;transition:all .15s;display:block}.legal-page__toc-link:hover{color:var(--color-text-primary,#fff);background:#ffffff0d}.legal-page__article{border:1px solid var(--color-border,#ffffff14);border-radius:var(--radius-xl,20px);background:#1e293b80;padding:clamp(24px,4vw,44px);box-shadow:0 20px 40px #0003}.legal-page__callout{color:#34d399;background:#10b9811a;border:1px solid #10b98140;border-radius:14px;gap:16px;margin-bottom:32px;padding:18px 20px;display:flex}.legal-page__callout--info{color:#60a5fa;background:#3b82f61a;border-color:#3b82f640}.legal-page__callout-icon{flex-shrink:0;margin-top:2px}.legal-page__callout-content{color:var(--color-text-primary,#f8fafc);font-size:.92rem;line-height:1.6}.legal-page__callout-content strong{color:#fff}.legal-section{margin-bottom:40px;scroll-margin-top:100px}.legal-section:last-child{margin-bottom:0}.legal-section__heading{color:var(--color-text-primary,#fff);align-items:center;gap:10px;margin:0 0 14px;font-size:1.35rem;font-weight:800;display:flex}.legal-section__num{color:#a5b4fc;background:#6366f133;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:inline-flex}.legal-section__p{color:var(--color-text-secondary,#cbd5e1);margin:0 0 14px;font-size:.95rem;line-height:1.7}.legal-section__list{color:var(--color-text-secondary,#cbd5e1);margin:0 0 16px;padding-left:20px;font-size:.95rem;line-height:1.7}.legal-section__list li{margin-bottom:8px}.legal-section__list li strong{color:#fff}.legal-page__footer{border-top:1px solid var(--color-border,#ffffff14);background:#0f172af2;padding:30px 24px}.legal-page__footer-inner{max-width:1200px;color:var(--color-text-tertiary,#64748b);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;font-size:.85rem;display:flex}.legal-page__footer-links{align-items:center;gap:20px;display:flex}.legal-page__footer-links a{color:var(--color-text-secondary,#94a3b8);text-decoration:none;transition:color .15s}.legal-page__footer-links a:hover{color:#fff}:root{--edu-primary:#6366f1;--edu-primary-hover:#4f46e5;--edu-primary-dark:#4338ca;--edu-primary-subtle:#eef2ff;--edu-purple-accent:#7c3aed;--edu-purple-subtle:#f5f3ff;--edu-bg-page:#f8fafc;--edu-bg-card:#fff;--edu-text-dark:#0f172a;--edu-text-muted:#475569;--edu-text-light:#64748b;--edu-radius-pill:9999px;--edu-radius-card:26px;--edu-radius-core:20px;--edu-radius-outer:34px;--edu-bezier-physics:cubic-bezier(.32, .72, 0, 1);--edu-bezier-spring:cubic-bezier(.175, .885, .32, 1.275)}.edunova-pricing-page{min-height:100dvh;color:var(--edu-text-dark);background-color:#f8fafc;background-image:radial-gradient(#94a3b838 1.2px,#0000 1.2px),radial-gradient(90% 60% at 50% 0,#6366f126 0%,#0000 70%),radial-gradient(circle at 88% 22%,#ec489917 0%,#0000 45%),radial-gradient(circle at 12%,#7c3aed14 0%,#0000 50%),radial-gradient(circle at 85% 80%,#10b98114 0%,#0000 45%);background-position:0 0,0 0,0 0,0 0,0 0;background-size:26px 26px,100% 100%,100% 100%,100% 100%,100% 100%;padding-bottom:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow-x:hidden}.edunova-nav-wrapper{z-index:900;max-width:1240px;margin:0 auto;padding:0 16px;position:sticky;top:14px}.edunova-nav{-webkit-backdrop-filter:blur(20px);border-radius:var(--edu-radius-pill);transition:all .3s var(--edu-bezier-physics);background:#ffffffeb;border:1px solid #e2e8f0e6;box-shadow:0 12px 34px -10px #0f172a17,inset 0 1px 1px #fff}.edunova-nav:hover{border-color:#6366f159;box-shadow:0 16px 40px -10px #6366f11f,inset 0 1px 1px #fff}.edunova-nav__inner{justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.edunova-nav__brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;text-decoration:none;display:flex}.edunova-nav__brand-icon{transition:transform .35s var(--edu-bezier-spring);justify-content:center;align-items:center;display:flex}.edunova-nav__brand:hover .edunova-nav__brand-icon{transform:scale(1.1)rotate(6deg)}.edunova-nav__brand-text{flex-direction:column;display:flex}.edunova-nav__brand-title{letter-spacing:-.03em;color:var(--edu-text-dark);font-size:19px;font-weight:900;line-height:1.1}.edunova-nav__brand-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--edu-primary);font-size:10px;font-weight:800}.edunova-nav__links{align-items:center;gap:24px;display:flex}.edunova-nav__link{color:var(--edu-text-muted);align-items:center;gap:5px;font-size:14px;font-weight:650;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.edunova-nav__link:hover{color:var(--edu-primary)}.edunova-nav__link.active{color:var(--edu-text-dark)}.nav-active-dot{background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #6366f199}.edunova-nav__actions{align-items:center;gap:10px;display:flex}.edunova-nav__pin-btn{color:var(--edu-primary);background:var(--edu-primary-subtle);border-radius:var(--edu-radius-pill);transition:all .25s var(--edu-bezier-physics);border:1px solid #6366f140;align-items:center;gap:6px;padding:7px 15px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.edunova-nav__pin-btn:hover{border-color:var(--edu-primary);background:#e0e7ff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f12e}.edunova-hamburger-btn{cursor:pointer;width:40px;height:40px;transition:all .25s var(--edu-bezier-physics);-webkit-user-select:none;user-select:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:none;position:relative}.edunova-hamburger-btn:hover{background:#e2e8f0}.edunova-hamburger-btn:active{transform:scale(.95)}.ham-bar{width:18px;height:2px;transition:all .3s var(--edu-bezier-physics);background:#0f172a;border-radius:2px}.edunova-hamburger-btn.open{background:var(--edu-primary-subtle);border-color:#6366f14d}.edunova-hamburger-btn.open .ham-bar{background:var(--edu-primary)}.edunova-hamburger-btn.open .bar-1{transform:translateY(7px)rotate(45deg)}.edunova-hamburger-btn.open .bar-2{opacity:0;transform:scaleX(0)}.edunova-hamburger-btn.open .bar-3{transform:translateY(-7px)rotate(-45deg)}.edunova-mobile-menu{animation:mobileMenuSlide .3s var(--edu-bezier-physics) forwards;border-top:1px solid #e2e8f0cc;flex-direction:column;gap:16px;padding:20px 22px 24px;display:flex}.mobile-menu-links{flex-direction:column;gap:6px;display:flex}.mobile-link{color:var(--edu-text-dark);border-radius:12px;padding:10px 14px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s}.mobile-link:hover,.mobile-link.active{background:var(--edu-primary-subtle);color:var(--edu-primary)}.mobile-menu-actions{border-top:1px solid #f1f5f9;flex-direction:column;gap:10px;padding-top:12px;display:flex}.mobile-pin-btn{color:var(--edu-primary);background:var(--edu-primary-subtle);border-radius:var(--edu-radius-pill);border:1px solid #6366f140;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:750;text-decoration:none;display:flex}.mobile-cta{width:100%}.high-end-btn-pill{border-radius:var(--edu-radius-pill);cursor:pointer;transition:all .25s var(--edu-bezier-physics);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.high-end-btn-pill.sm{gap:8px;padding:6px 6px 6px 16px;font-size:12.5px}.high-end-btn-pill.lg{gap:12px;padding:10px 10px 10px 24px;font-size:14.5px}.high-end-btn-pill.full-w{width:100%}.high-end-btn-pill.primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 8px 24px -4px #6366f173}.high-end-btn-pill.primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-2px);box-shadow:0 12px 30px -4px #6366f199}.high-end-btn-pill.master-cta{background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%);box-shadow:0 10px 28px -4px #7c3aed73}.high-end-btn-pill.master-cta:hover{background:linear-gradient(135deg,#6d28d9 0%,#4f46e5 100%);box-shadow:0 14px 34px -4px #7c3aeda6}.high-end-btn-pill.secondary{color:var(--edu-text-dark);background:#fff;border-color:#cbd5e1;box-shadow:0 4px 14px #0f172a0a}.high-end-btn-pill.secondary:hover{border-color:var(--edu-primary);color:var(--edu-primary);transform:translateY(-2px);box-shadow:0 8px 20px #6366f11f}.high-end-btn-pill.white{color:var(--edu-purple-accent);background:#fff;box-shadow:0 10px 30px #0003}.high-end-btn-pill.white:hover{transform:translateY(-2px);box-shadow:0 14px 36px #00000047}.high-end-btn-pill:active{transform:scale(.98)}.btn-icon-bubble{width:32px;height:32px;transition:transform .3s var(--edu-bezier-spring);background:#ffffff38;border-radius:50%;justify-content:center;align-items:center;display:flex}.high-end-btn-pill.sm .btn-icon-bubble{width:24px;height:24px}.high-end-btn-pill.secondary .btn-icon-bubble{color:var(--edu-text-dark);background:#f1f5f9}.btn-icon-bubble.purple{background:var(--edu-purple-subtle);color:var(--edu-purple-accent)}.high-end-btn-pill:hover .btn-icon-bubble{transform:translate(3px)scale(1.08)}.pricing-hero{text-align:center;z-index:1;max-width:820px;margin:54px auto 38px;padding:0 20px;position:relative}.pricing-hero__kicker{border-radius:var(--edu-radius-pill);letter-spacing:.05em;text-transform:uppercase;color:var(--edu-primary);background:#fff;border:1px solid #e2e8f0e6;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:11.5px;font-weight:850;display:inline-flex;box-shadow:0 4px 14px #0f172a0a}.pricing-kicker-sparkle{color:#7c3aed}.pricing-hero__title{letter-spacing:-.04em;color:var(--edu-text-dark);margin:0 0 16px;font-size:clamp(32px,4vw,50px);font-weight:950;line-height:1.12}.pricing-hero__lead{color:var(--edu-text-muted);max-width:58ch;margin:0 auto;font-size:16.5px;line-height:1.6}.pricing-cards-section{z-index:1;max-width:960px;margin:0 auto 60px;padding:0 20px;position:relative}.pricing-cards-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:28px;display:grid}.bezel-card-shell{border-radius:var(--edu-radius-outer);transition:all .35s var(--edu-bezier-physics);background:#f1f5f9d9;border:1px solid #e2e8f0;padding:8px;position:relative}.pricing-shell--base:hover{border-color:#cbd5e1;transform:translateY(-5px);box-shadow:0 20px 44px -10px #0f172a14}.pricing-shell--master{background:linear-gradient(135deg,#6366f126 0%,#ec48991a 100%);border:2px solid #6366f173;box-shadow:0 20px 50px -10px #6366f138}.pricing-shell--master:hover{border-color:var(--edu-primary);transform:translateY(-6px);box-shadow:0 26px 60px -10px #6366f152}.master-floating-ribbon{color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--edu-radius-pill);z-index:10;background:linear-gradient(135deg,#6366f1,#ec4899);align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:850;display:flex;position:absolute;top:-14px;right:28px;box-shadow:0 6px 16px #6366f166}.bezel-card-core{border-radius:var(--edu-radius-card);background:#fff;flex-direction:column;height:100%;padding:34px 28px;display:flex;box-shadow:inset 0 1px 1px #fffffff2}.pricing-core--master{background:linear-gradient(#fff 0%,#faf8ff 100%)}.pricing-card-top{flex-direction:column;align-items:flex-start;display:flex}.plan-badge-pill{letter-spacing:.04em;border-radius:var(--edu-radius-pill);margin-bottom:12px;padding:4px 12px;font-size:11.5px;font-weight:800;display:inline-block}.plan-badge-pill.base{color:var(--edu-text-muted);background:#f1f5f9}.plan-badge-pill.master{color:#7c3aed;background:#f5f3ff}.plan-title-with-badge{align-items:center;gap:8px;display:flex}.badge-pro-tag{color:#fff;background:#7c3aed;border-radius:6px;margin-bottom:12px;padding:2px 7px;font-size:9.5px;font-weight:900}.plan-title{letter-spacing:-.03em;color:var(--edu-text-dark);margin:0 0 12px;font-size:22px;font-weight:950}.plan-price-row{align-items:baseline;gap:4px;margin-bottom:6px;display:flex}.plan-price-currency{color:var(--edu-text-dark);font-size:22px;font-weight:900}.plan-price-num{letter-spacing:-.04em;color:var(--edu-text-dark);font-size:44px;font-weight:950;line-height:1}.plan-price-period{color:var(--edu-text-light);font-size:14.5px;font-weight:600}.plan-equiv-pill{color:#059669;border-radius:var(--edu-radius-pill);background:#ecfdf5;margin-bottom:10px;padding:3px 10px;font-size:11.5px;font-weight:750}.plan-desc{color:var(--edu-text-muted);margin:6px 0 0;font-size:13.5px;line-height:1.55}.plan-divider{background:#f1f5f9;height:1px;margin:22px 0 18px}.plan-features-label{letter-spacing:.05em;text-transform:uppercase;color:var(--edu-text-light);margin-bottom:14px;font-size:12px;font-weight:850}.plan-features-label.purple-label{color:#7c3aed}.plan-features-list{flex-direction:column;flex-grow:1;gap:12px;margin:0 0 28px;padding:0;list-style:none;display:flex}.plan-features-list li{color:var(--edu-text-muted);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.feature-check{flex-shrink:0;margin-top:2px}.feature-check.green{color:#10b981}.feature-check.purple{color:#7c3aed}.plan-cta-wrap{margin-top:auto}.pricing-trust-ribbon{background:#fff;border:1.5px solid #e2e8f0;border-radius:22px;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;padding:22px 26px;display:grid;box-shadow:0 14px 34px -10px #0f172a0f}.trust-pillar{align-items:flex-start;gap:14px;display:flex}.trust-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.trust-icon-box.green{color:#059669;background:#ecfdf5}.trust-icon-box.purple{color:#7c3aed;background:#f5f3ff}.trust-icon-box.blue{color:#2563eb;background:#eff6ff}.trust-text h4{color:var(--edu-text-dark);margin:0 0 4px;font-size:14px;font-weight:850;line-height:1.25}.trust-text p{color:var(--edu-text-light);margin:0;font-size:12px;line-height:1.5}.pricing-comparison-section{max-width:960px;margin:0 auto 60px;padding:0 20px}.pricing-section-head{margin-bottom:32px}.pricing-section-head.centered{text-align:center}.pricing-section-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--edu-primary);margin-bottom:6px;font-size:11px;font-weight:850;display:inline-block}.pricing-section-title{letter-spacing:-.03em;color:var(--edu-text-dark);margin:0;font-size:clamp(24px,3vw,34px);font-weight:950}.pricing-section-subtitle{color:var(--edu-text-muted);margin:8px 0 0;font-size:15px}.pricing-table-shell{background:#fff;border:1.5px solid #e2e8f0;border-radius:22px;overflow:hidden;box-shadow:0 14px 34px -10px #0f172a0d}.pricing-table{border-collapse:collapse;text-align:left;width:100%}.pricing-table thead{background:#f8fafc;border-bottom:1.5px solid #e2e8f0}.pricing-table th{color:var(--edu-text-dark);padding:16px 20px;font-size:13.5px;font-weight:850}.th-feature{width:50%}.th-plan{text-align:center;width:25%}.th-master{color:#7c3aed;background:#f5f3ff}.pricing-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.pricing-table tbody tr:last-child{border-bottom:none}.pricing-table tbody tr:hover{background:#f8fafc}.pricing-table td{color:var(--edu-text-muted);padding:14px 20px;font-size:13.5px}.td-feature{color:var(--edu-text-dark);font-weight:650}.td-val{text-align:center}.td-master-val{color:var(--edu-text-dark);background:#f5f3ff59;font-weight:750}.num-pill{border-radius:var(--edu-radius-pill);padding:2px 10px;font-size:13px;font-weight:850;display:inline-block}.num-pill.base{color:var(--edu-text-muted);background:#f1f5f9}.num-pill.master{color:#7c3aed;background:#f5f3ff;font-size:15px}.icon-yes{color:#10b981;vertical-align:middle}.icon-yes.purple{color:#7c3aed}.icon-no{color:#cbd5e1;vertical-align:middle}.pricing-faq-section{max-width:820px;margin:0 auto 60px;padding:0 20px}.pricing-faq-list{flex-direction:column;gap:12px;display:flex}.pricing-faq-item{cursor:pointer;transition:all .25s var(--edu-bezier-physics);background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:18px 22px}.pricing-faq-item:hover{border-color:#cbd5e1;box-shadow:0 6px 18px #0f172a0a}.pricing-faq-item.open{border-color:var(--edu-primary);box-shadow:0 10px 24px -6px #6366f11f}.faq-item-question{color:var(--edu-text-dark);justify-content:space-between;align-items:center;gap:16px;font-size:15px;font-weight:850;display:flex}.faq-item-arrow{color:var(--edu-text-light);transition:transform .2s}.pricing-faq-item.open .faq-item-arrow{color:var(--edu-primary)}.faq-item-answer{color:var(--edu-text-muted);border-top:1px solid #f1f5f9;margin-top:12px;padding-top:12px;font-size:14px;line-height:1.6}.pricing-bottom-cta{max-width:960px;margin:0 auto 50px;padding:0 20px}.pricing-bottom-cta__card{border-radius:var(--edu-radius-outer);text-align:center;color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 60%,#31104b 100%);border:1px solid #ffffff1a;padding:48px 36px;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #0f172a59}.bottom-cta-title{letter-spacing:-.035em;color:#fff;margin:0 0 12px;font-size:clamp(24px,3.2vw,36px);font-weight:950}.bottom-cta-sub{color:#cbd5e1;max-width:54ch;margin:0 auto 28px;font-size:15.5px;line-height:1.6}.bottom-cta-actions{justify-content:center;display:flex}.sparkle-purple{color:#7c3aed}.pricing-footer{border-top:1px solid #e2e8f0;max-width:1240px;margin:0 auto;padding:30px 24px 10px}.pricing-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.pricing-footer__desc{color:var(--edu-text-light);max-width:48ch;margin:8px 0 0;font-size:12.5px;line-height:1.5}.pricing-footer__links{color:var(--edu-text-light);align-items:center;gap:12px;font-size:13px;display:flex}.pricing-footer__links a{color:var(--edu-text-muted);font-weight:600;text-decoration:none;transition:color .15s}.pricing-footer__links a:hover{color:var(--edu-primary)}.pricing-footer__bottom{color:var(--edu-text-light);text-align:center;border-top:1px solid #f1f5f9;padding-top:14px;font-size:12px}@media (width<=900px){.edunova-nav__links,.desktop-only{display:none!important}.edunova-hamburger-btn{display:flex}.pricing-cards-grid{grid-template-columns:1fr}.pricing-trust-ribbon{grid-template-columns:1fr;gap:16px}.pricing-footer__inner{flex-direction:column;align-items:flex-start}.pricing-table th,.pricing-table td{padding:10px 12px;font-size:12.5px}}.animate-fadeIn{animation:fadeIn .25s var(--edu-bezier-physics) forwards}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500;--sidebar-width:280px;--sidebar-collapsed-width:64px;--navbar-height:64px}[data-theme=light]{--bg-primary:#fafbfc;--bg-secondary:#fff;--bg-tertiary:#f0f2f5;--bg-hover:#e8ebf0;--bg-active:#dde1e8;--text-primary:#1a1a2e;--text-secondary:#57606a;--text-tertiary:#8b8fa3;--text-inverse:#fff;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-primary-light:#eef2ff;--accent-secondary:#7c3aed;--border-primary:#d0d7de;--border-secondary:#e8ebf0;--border-focus:#4f46e5;--success:#059669;--success-light:#ecfdf5;--warning:#d97706;--warning-light:#fef3c7;--danger:#dc2626;--danger-light:#fef2f2;--holiday-bg:#fef3c7;--test-bg:#dbeafe;--oral-bg:#f3e8ff;--calendar-today:#eef2ff;--calendar-border:#e8ebf0;--scrollbar-track:#f0f2f5;--scrollbar-thumb:#c1c7d0}[data-theme=dark]{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-hover:#292e36;--bg-active:#31363f;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-tertiary:#6e7681;--text-inverse:#0d1117;--accent-primary:#818cf8;--accent-primary-hover:#6366f1;--accent-primary-light:#1e1b4b;--accent-secondary:#a78bfa;--border-primary:#30363d;--border-secondary:#21262d;--border-focus:#818cf8;--success:#34d399;--success-light:#064e3b;--warning:#fbbf24;--warning-light:#422006;--danger:#f87171;--danger-light:#450a0a;--holiday-bg:#422006;--test-bg:#1e3a5f;--oral-bg:#2d1b69;--calendar-today:#1e1b4b;--calendar-border:#30363d;--scrollbar-track:#161b22;--scrollbar-thumb:#30363d}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}input[type=date]{cursor:pointer;scroll-margin-top:120px}body{transition:background-color var(--transition-normal), color var(--transition-normal)}