:root{--bg-color:#FFE4E1;--fg-color:#C2185B;--faded-fg-color:#E91E63;--faded-bg-color:#FFF0F5;--accent-color:#EC407A;--accent-color-light:rgba(236, 64, 122, 0.2);--status-success:#38B2AC;--status-error:#E53E3E;--status-info:#4299E1;--status-warning:#ED8936;--icon-success:var(--status-success);--button-bg-color:var(--accent-color);--button-fg-color:#FFFFFF;--button-hover-bg:#D81B60;--quiz-button-selected-fg-color:var(--theme-contrast);--overlay-bg:var(--theme-overlay-light);--quiz-button-bg-color:var(--theme-contrast);--theme-overlay-light:rgba(0, 0, 0, 0.1);--theme-overlay-dark:rgba(255, 255, 255, 0.1);--theme-contrast:#FFFFFF;--disabled-color:#8A8A8A;--focus-ring-color:rgba(236, 64, 122, 0.25);--focus-ring:0 0 0 4px var(--focus-ring-color);--progress-bg:#F8BBD0;--progress-fill:#EC407A;--badge-bg:var(--status-error);--section-circle-color:var(--fg-color);--bg-section-circle:var(--progress-bg);--side-margin:1rem;--spacing-2xs:calc(var(--side-margin) * 0.125);--spacing-xs:calc(var(--side-margin) * 0.25);--spacing-sm:calc(var(--side-margin) * 0.5);--spacing-sm-plus:calc(var(--side-margin) * 0.75);--spacing-md:var(--side-margin);--spacing-lg:calc(var(--side-margin) * 1.5);--spacing-xl:calc(var(--side-margin) * 2);--spacing-2xl:calc(var(--side-margin) * 3);--spacing-3xl:calc(var(--side-margin) * 4);--spacing-4xl:calc(var(--side-margin) * 5);--element-spacing-compact:8px 12px;--element-spacing-normal:12px 16px;--element-spacing-relaxed:16px 24px;--spacing-content-dense:calc(var(--side-margin) * 0.3);--spacing-content-base:var(--side-margin);--spacing-content-loose:calc(var(--side-margin) * 1.5);--section-spacing-vertical:calc(var(--side-margin) * 1.5);--section-spacing-horizontal:calc(var(--side-margin) * 2);--input-padding-sides:var(--spacing-md);--button-padding-sides:var(--spacing-lg);--button-padding-topbottom:var(--spacing-sm-plus);--container-padding-sides:var(--spacing-xl);--container-padding-topbottom:var(--spacing-lg);--container-width:min(1600px, calc(100% - 4rem));--width-page-desktop:860px;--width-page-mobile:400px;--narrow-width-page-desktop:500px;--narrow-width-page-mobile:400px;--width-full:100%;--width-half:50%;--height-full:100%;--header-height:60px;--slideMenu-width:280px;--slideMenu-width-mobile:80%;--component-width-mobile-menu:80%;--component-width-mobile-menu-max:300px;--component-width-dropdown:200px;--button-height:48px;--input-height:52px;--component-height-quiz-option:60px;--component-width-quiz-completion-desktop:50%;--component-width-quiz-completion-mobile:90%;--component-size-quiz-image:100px;--component-size-info-image:150px;--component-size-choice-image:80px;--component-size-profile-image:150px;--progress-quiz-height:15px;--proportional-result-height:30px;--component-width-theme-switch:44px;--component-height-theme-switch:24px;--component-size-theme-switch-thumb:18px;--component-padding-theme-switch:2px;--component-width-hamburger:24px;--component-height-hamburger:18px;--component-height-hamburger-line:2px;--component-height-photo-section:240px;--component-desktop-photo-section:240px;--component-size-profile-mobile-padding:35px;--component-height-progress-section:4px;--component-size-progress-circle:24px;--component-size-progress-circle-mobile:20px;--component-height-progress-section-mobile:8px;--component-spacing-progress-top:var(--spacing-lg);--component-spacing-progress-bottom:var(--spacing-2xl);--component-spacing-sections:var(--spacing-sm);--component-margin-title:calc(var(--side-margin) * 1.25);--component-width-modal-mobile:calc(100% - 2 * var(--side-margin));--component-width-modal-max:400px;--component-size-close-button:32px;--component-size-close-icon:16px;--component-size-close-line:2px;--component-size-badge:20px;--component-padding-badge:var(--spacing-sm);--component-offset-badge:-8px;--font-primary:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--font-second-option:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--text-size-micro:0.625rem;--text-size-helper:0.75rem;--text-size-body:0.95rem;--text-size-navigation:1rem;--text-size-section-title:1.25rem;--text-size-page-title:1.5rem;--font-bold:700;--corner-subtle:0.25rem;--corner-input:0.5rem;--corner-button:0.5rem;--corner-card:0.75rem;--corner-circle:50%;--interaction-duration:350;--interaction-easing:cubic-bezier(0.33, 1, 0.68, 1);--transition-slow:500ms;--opacity-placeholder-default:0.8;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.1);--shadow-md:0 0.25rem 0.375rem rgba(0, 0, 0, 0.1);--admin-success-light:rgba(56, 178, 172, 0.1);--admin-error-light:rgba(229, 62, 62, 0.1);--admin-warning-light:rgba(237, 137, 54, 0.1);--admin-info-light:rgba(66, 153, 225, 0.1);--admin-table-header-bg:var(--accent-color);--admin-table-row-hover:var(--accent-color-light);--admin-table-border:var(--theme-overlay-light);--admin-status-active:var(--status-success);--admin-status-inactive:var(--disabled-color);--admin-status-loading:var(--status-info);--admin-header-height:64px;--admin-sidebar-width:280px;--admin-content-max-width:1200px;--admin-mobile-menu-width:80%;--admin-mobile-menu-max-width:300px}body.dark{--bg-color:#4B0032;--fg-color:#FFE4E1;--faded-fg-color:#FFCDD2;--faded-bg-color:#663399;--accent-color:#F06292;--progress-bg:rgba(255, 228, 225, 0.2);--theme-overlay-light:var(--theme-overlay-dark);--section-circle-color:var(--theme-contrast);--quiz-button-bg-color:var(--faded-bg-color);--quiz-question-bg:#663399;--quiz-answer-bg:#9370DB;--quiz-input-bg:#7D5BA6;--quiz-input-border:rgba(255,228,225,0.1);--bg-section-circle:var(--quiz-answer-bg)}body.light{--bg-color:#FFE4E1;--fg-color:#C2185B;--faded-fg-color:#E91E63;--faded-bg-color:#FFF0F5;--quiz-button-bg-color:#FFFFFF;--progress-bg:#F8BBD0;--theme-overlay-light:rgba(0, 0, 0, 0.1);--section-circle-color:var(--fg-color);--quiz-question-bg:#FFF0F5;--quiz-answer-bg:#FFFFFF;--quiz-input-bg:#FFE4E1;--quiz-input-border:rgba(194, 24, 91, 0.1);--bg-section-circle:var(--progress-bg)}#loading-screen{display:none!important}*,::after,::before{box-sizing:border-box}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;overflow-x:hidden;max-width:100%;margin:0;padding:0}body{margin:0;font-family:var(--font-primary);background-color:var(--bg-color);color:var(--fg-color);overflow-x:hidden;max-width:100%;position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;padding:0}h1,h2,h3,h4,h5,h6,p{margin:0}small{font-size:80%;display:flex;justify-content:center}a{color:inherit;text-decoration:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{text-transform:none;-webkit-appearance:button;appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button;background:0 0;border:none;padding:0;cursor:pointer}.card{background-color:var(--faded-bg-color);border-radius:var(--corner-card);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);transition:box-shadow calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.card:hover{box-shadow:var(--shadow-md)}.card-quiz{cursor:pointer;text-decoration:none;display:block;position:relative}.card-info{background-color:var(--quiz-question-bg);min-height:70px}.version-list.card{margin-top:var(--spacing-md);margin-left:var(--spacing-sm);border-left:3px solid var(--accent-color-light);background-color:var(--quiz-question-bg);box-shadow:var(--shadow-sm);opacity:0;transform:translateY(-10px);transition:.3s;background-color:var(--quiz-answer-bg);border-left-color:var(--accent-color)}.version-list.card.active{opacity:1;transform:translateY(0)}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--theme-overlay-light);margin-bottom:var(--spacing-sm)}.header-title{margin:0;font-size:var(--text-size-section-title);font-weight:var(--font-bold)}.header-transparent{background-color:transparent;padding:0;border:none;margin-bottom:var(--spacing-lg)}.header-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.header-transparent .header-text{margin-left:0}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--component-size-badge);height:var(--component-size-badge);padding:0 var(--component-padding-badge);background-color:var(--badge-bg);color:var(--button-fg-color);font-size:var(--text-size-micro);font-weight:var(--font-bold);border-radius:50px!important;white-space:nowrap;text-align:center;line-height:1}.badge-group{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.badges-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-lg) 0}.badge-new{background:var(--status-success)}.badge-version{background-color:transparent;color:var(--accent-color);border:1px solid var(--accent-color)}.badge-pulse{animation:2s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.badge+.badge{margin-left:var(--spacing-sm)}.user-dropdown-toggle{display:flex;align-items:center;gap:var(--spacing-sm)}.user-dropdown-toggle .badge{margin-left:0;text-align:center;line-height:1}.user-dropdown-toggle[aria-expanded=true]{color:var(--button-fg-color)!important}.badge-group,.badges-container,.dropdown-item.completed-quizzes>a,.dropdown-item.quiz-notification>a,.user-dropdown-toggle{align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--element-spacing-normal);min-height:var(--button-height);font-size:var(--text-size-helper);font-weight:var(--font-bold);border-radius:var(--corner-button);cursor:pointer!important;transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing);position:relative;text-align:center;white-space:nowrap;background:var(--faded-bg-color);color:var(--fg-color);border:none}.btn:hover:not(:disabled){background-color:var(--button-hover-bg)}.btn:active:not(:disabled){opacity:.95}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-color);color:var(--theme-contrast)}.btn-primary:hover:not(:disabled){background:var(--button-hover-bg)}.btn-secondary{background:var(--faded-bg-color);color:var(--fg-color);border:1px solid var(--accent-color)}.btn-secondary:hover{color:var(--theme-contrast)}.btn-info{background-color:var(--status-info);color:var(--theme-contrast)}.btn-warning{background-color:var(--status-warning);color:var(--theme-contrast)}.btn-danger{background:var(--status-error);color:var(--theme-contrast)}.btn-full{width:var(--width-full)}.btn-icon{padding:var(--spacing-sm);min-height:auto}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--element-spacing-normal);min-height:var(--button-height);border-radius:var(--corner-button);cursor:pointer!important;background:var(--accent-color);color:var(--theme-contrast);max-width:100%;word-wrap:break-word}.cta-button:hover:not(:disabled){background:var(--button-hover-bg);color:var(--theme-contrast);text-decoration:none}.cta-button:active:not(:disabled){opacity:.95}.joined-button{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--quiz-answer-bg);color:var(--fg-color);border:1px solid var(--quiz-input-border);border-right:none;border-radius:0;cursor:pointer;font-size:var(--text-size-body);font-weight:var(--font-bold);transition:.2s}.joined-button:first-child{border-radius:var(--corner-button) 0 0 var(--corner-button)}.joined-button:last-child{border-radius:0 var(--corner-button) var(--corner-button) 0;border-right:1px solid var(--quiz-input-border)}.joined-button:hover:not(.selected){background:var(--faded-bg-color)}.joined-button.selected{background:var(--accent-color);color:var(--button-fg-color)}.joined-button:focus{outline:0;box-shadow:var(--focus-ring);z-index:1}.progress{position:relative;width:var(--width-full);height:var(--progress-quiz-height);background:var(--progress-bg);border-radius:var(--corner-button);overflow:hidden;margin-bottom:var(--spacing-md)}.progress-fill{position:absolute;top:0;left:0;height:var(--height-full);background:var(--progress-fill);transition:width calc(var(--interaction-duration) * 1ms) var(--interaction-easing);border-radius:inherit}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 var(--spacing-content-base);color:var(--theme-contrast);font-size:var(--text-size-helper);font-weight:var(--font-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}.progress-container,.progress-wrapper{margin-bottom:var(--spacing-lg)}.progress-label{margin-bottom:var(--spacing-xs)}.progress-label span{font-size:var(--text-size-body);color:var(--disabled-color);margin-left:var(--spacing-sm)}.progress-success .progress-fill{background:var(--status-success)}.progress-error .progress-fill{background:var(--status-error)}.progress-info .progress-fill{background:var(--status-info)}.progress-warning .progress-fill{background:var(--status-warning)}.progress-fetching .progress-fill{animation:1.5s ease-in-out infinite progress-pulse}@keyframes progress-pulse{0%,100%{opacity:1}50%{opacity:.6}}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-bold);color:var(--fg-color)}.form-control{width:var(--width-full);padding:var(--element-spacing-normal);font-size:var(--text-size-body);border:1px solid var(--faded-fg-color);border-radius:var(--corner-input);background:var(--quiz-button-bg-color);color:var(--fg-color);transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.form-text{display:block;margin-top:var(--spacing-xs);font-size:var(--text-size-helper);color:var(--disabled-color)}.form-group{margin-bottom:var(--spacing-lg)}.form-group+.form-group{margin-top:var(--spacing-lg)}.form-control:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-light)}.form-control:hover{border-color:var(--accent-color)}.form-control::placeholder{color:var(--disabled-color);opacity:var(--opacity-placeholder-default)}.form-control-error{border-color:var(--status-error)}.form-text-success{color:var(--status-success)}.form-text-info{color:var(--status-info)}.form-text-error{color:var(--status-error)}.support-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.support-form .form-group{margin-bottom:var(--spacing-md)}.support-form .form-label{display:block;text-align:left;margin-bottom:var(--spacing-xs);font-weight:var(--font-bold);color:var(--fg-color)}.support-form textarea.form-control{height:100px;min-height:80px;max-height:200px;padding:var(--element-spacing-normal);resize:vertical;font-family:inherit;line-height:1.5}.support-form select.form-control{width:var(--width-full);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;appearance:none}.support-form .submit-button,.support-form .success-close-button{width:var(--width-full)}.support-form .support-feedback{padding:var(--spacing-sm);border-radius:var(--corner-input)}.support-form .support-feedback.success{background-color:var(--status-success);color:#fff;border:1px solid var(--status-success)}.support-form .support-feedback.error{background-color:var(--status-error);color:#fff;border:1px solid var(--status-error)}.support-form .form-control.is-invalid{border-color:var(--status-error);box-shadow:0 0 0 3px rgba(229,62,62,.1)}.support-form .form-control.is-valid{border-color:var(--status-success);box-shadow:0 0 0 3px rgba(56,178,172,.1)}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);position:relative}.brand{font-size:var(--text-size-page-title);font-weight:var(--font-bold);color:var(--fg-color);text-decoration:none;margin-right:auto}.navbar-actions{display:flex;align-items:center;gap:1rem}.nav-desktop{display:flex;align-items:center;gap:var(--spacing-lg)}.settings-menu{display:flex;align-items:center;gap:var(--spacing-md);list-style:none}.quizzes-menu{margin-right:var(--spacing-md)}.nav-container{margin-bottom:var(--spacing-md)}.nav-breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-back{font-size:var(--text-size-page-title);padding:var(--spacing-sm);background:0 0;color:var(--fg-color);border:none;align-self:flex-start;cursor:pointer}.mobile-back{font-size:var(--text-size-page-title);padding:var(--spacing-sm);background:0 0;color:var(--fg-color);border:none;cursor:pointer;display:none}.mobile-back:hover,.nav-back:hover{background:0 0!important;transform:translateY(2px)}.dropdown{position:relative}.dropdown-toggle{background:0 0;color:var(--fg-color);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border:none;text-decoration:none;font-size:var(--text-size-body);transition:color calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.dropdown-toggle[aria-expanded=true]{color:var(--accent-color)}.dropdown-menu{display:none;position:absolute;top:100%;right:0;background-color:var(--quiz-button-bg-color);border:1px solid var(--accent-color);border-radius:var(--corner-subtle);box-shadow:var(--shadow-md);z-index:1000;padding:var(--spacing-sm) 0;margin-top:var(--spacing-xs);list-style:none;white-space:nowrap;min-width:150px}.dropdown-menu.show{display:block!important}.nav-desktop .dropdown .dropdown-toggle[aria-expanded=true]+.dropdown-menu{display:block}.dropdown-item{display:block;padding:var(--spacing-sm) var(--spacing-sm);color:var(--fg-color);text-decoration:none;transition:background-color calc(var(--interaction-duration) * 1ms) var(--interaction-easing);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;line-height:1.2}.dropdown-item:hover{background-color:var(--accent-color-light)}.language-menu{list-style:none;margin:0;padding:0}.nav-desktop .dropdown-menu{min-width:180px;max-width:min(300px,90vw);width:max-content}.dropdown-item.long-text{white-space:normal;max-width:none;padding:calc(var(--spacing-sm) * 1.2) var(--spacing-lg);line-height:1.25}.dropdown-sub-toggle::after{content:'▶';font-size:.5em;margin-left:var(--spacing-xs);display:inline-block;transition:transform .3s}.dropdown-sub-toggle[aria-expanded=true]::after{transform:rotate(90deg)!important}.dropdown-sub-menu{display:block;max-height:0;overflow:hidden;padding:0;margin:0;list-style:none;background-color:var(--faded-bg-color);border-radius:var(--corner-subtle);transition:max-height calc(var(--interaction-duration) * 1ms) var(--interaction-easing),padding calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.dropdown-sub-menu.show{max-height:300px;padding:var(--spacing-xs) 0}.dropdown-sub-menu .dropdown-item{position:relative;padding:0;margin:0;margin-left:var(--spacing-lg)}.dropdown-sub-menu .dropdown-item:hover{background:0 0}.dropdown-sub-menu.show .dropdown-item a:hover{transform:translateX(4px)}.dropdown-sub-menu .dropdown-item::before{content:'└';position:absolute;left:var(--spacing-xs);top:50%;transform:translateY(-50%);color:var(--faded-fg-color);font-size:.8em}.dropdown-sub-menu .quiz-link{padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-lg) + var(--spacing-xs));display:block;width:100%;text-decoration:none;color:var(--fg-color);background-color:transparent;transition:background-color calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.dropdown-item.has-submenu{position:relative;padding:0}.nav-link.dropdown-sub-toggle{display:block;padding:var(--spacing-sm) var(--spacing-lg);color:var(--fg-color);text-decoration:none;transition:background-color calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.nav-link.dropdown-sub-toggle:hover{background-color:var(--accent-color-light)}.dropdown-item.completed-quizzes>a.dropdown-item,.dropdown-item.quiz-notification>a.dropdown-item,.nav-desktop .dropdown-item.completed-quizzes>a.dropdown-item,.nav-desktop .dropdown-item.quiz-notification>a.dropdown-item{display:flex!important;align-items:center!important;justify-content:space-between!important}.dropdown-item .badge-pulse,.dropdown-item .badge.completed-quizzes-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding-top:1px;flex-shrink:0}.dropdown-item.completed-quizzes .completed-quizzes-badge,.dropdown-item.quiz-notification .badge{margin-left:var(--spacing-sm)!important}.nav-link{background:0 0;border:none;color:var(--fg-color);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--text-size-body);text-decoration:none;transition:color calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity calc(var(--interaction-duration) * 1ms) ease,visibility 0s calc(var(--interaction-duration) * 1ms);padding:var(--spacing-lg);box-sizing:border-box}.modal-overlay.active{opacity:1;visibility:visible;transition:opacity calc(var(--interaction-duration) * 1ms) ease}.modal{position:relative;display:block;background:var(--bg-color);border-radius:var(--corner-subtle);width:90%;max-width:var(--component-width-modal-max);max-height:90vh;overflow:hidden;transform:translateY(100%);opacity:0;transition:transform calc(var(--interaction-duration) * 1ms) var(--interaction-easing),opacity calc(var(--interaction-duration) * 1ms) var(--interaction-easing);box-shadow:0 10px 25px rgba(0,0,0,.15);margin:0}.modal.active{transform:translateY(0);opacity:1}.modal-content{display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--theme-overlay-light);background:var(--faded-bg-color);border-radius:8px 8px 0 0;flex-shrink:0}.modal-title{font-size:calc(var(--text-size-page-title) * .7)}.modal-body{padding:var(--spacing-xl);overflow-y:auto;font-size:var(--text-size-body);flex:1;background:var(--bg-color)}.modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--theme-overlay-light);background:var(--faded-bg-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;align-items:center;border-radius:0 0 8px 8px;flex-shrink:0}.modal .close{position:absolute;top:-10px;right:0;background:0 0;border:none;font-size:1.5rem;color:var(--faded-fg-color);padding:var(--spacing-sm);border-radius:4px;transition:all calc(var(--interaction-duration) * 1ms) ease;z-index:1}.modal .close:hover{transform:scale(1.1) rotate(45deg);background:0 0!important;color:var(--fg-color);cursor:pointer}.explainer section ul{padding-left:20px;margin-left:0;max-width:none}.explainer section li{text-align:left;margin-bottom:8px}section.quizcards>a.quizCard{max-width:min(90vw,var(--narrow-width-page-desktop))}.page>h1,.page>h2{text-align:center!important;font-size:var(--text-size-page-title);padding:0 var(--spacing-content-base)!important;margin:var(--spacing-md) auto!important;max-width:var(--narrow-width-page-desktop)!important}.explainer{max-width:800px;margin:0 auto;width:100%;box-sizing:border-box;padding:var(--spacing-md);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.explainer>div,.explainer>section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--theme-overlay-light);position:relative}.explainer>div:last-child,.explainer>section:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.explainer>div:not(:last-child):not(.button-container)::after,.explainer>section:not(:last-child)::after{content:'';display:block;height:var(--spacing-md);width:100%}.explainer ul{margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg)}.explainer h2+p,.explainer h3+p,.explainer h4+p{margin-top:var(--spacing-sm)}.explainer p+ul,.explainer ul+p{margin-top:var(--spacing-md)}.explainer h2,.explainer h3,.explainer h4{font-size:var(--text-size-section-title);font-weight:var(--font-bold);color:var(--fg-color);margin-bottom:var(--spacing-md);margin-top:0;line-height:1.3}.explainer p{font-size:var(--text-size-body);color:var(--faded-fg-color);margin-bottom:var(--spacing-md);margin-top:0;line-height:1.6}.explainer p:last-child{margin-bottom:0}.explainer::after{content:"";display:table;clear:both}.explainer h1,.explainer h2,.explainer h3,.explainer h4{clear:both}.explainer img{height:auto;float:right;margin:0 0 var(--spacing-md) var(--spacing-lg);max-width:48%}.explainer img,.info-html-content img{border-radius:24px;mask:linear-gradient(to right,transparent 0,black 8px,black calc(100% - 8px),transparent 100%) intersect,linear-gradient(to bottom,transparent 0,black 8px,black calc(100% - 8px),transparent 100%);-webkit-mask:linear-gradient(to right,transparent 0,black 8px,black calc(100% - 8px),transparent 100%) intersect,linear-gradient(to bottom,transparent 0,black 8px,black calc(100% - 8px),transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.explainer .btn{white-space:normal;margin-bottom:var(--spacing-md)}.blur .btn{margin-bottom:0}#quiz-topic-explainer .btn-secondary,.explainer .btn-secondary{display:block!important;max-width:100%!important;clear:both!important}.explainer img+.btn-secondary,.explainer p+.btn-secondary{clear:both!important}.explainer h2:nth-of-type(2)+p img,.explainer h3:first-of-type+p img{float:left;margin:0 var(--spacing-lg) var(--spacing-md) 0}section ul{max-width:800px;padding:0}section ul li{color:var(--fg-color);margin-bottom:var(--spacing-content-base);word-break:normal;overflow-wrap:break-word;padding-right:0}.explainer li{margin-bottom:var(--spacing-sm);font-size:var(--text-size-body);color:var(--faded-fg-color);line-height:1.5}#quiz-topic-explainer ul,.explainer ul{width:100%;box-sizing:border-box;clear:both}.explainer ul li{width:100%;box-sizing:border-box;font-size:calc(var(--text-size-body) * .9);color:var(--faded-fg-color);line-height:1.4;margin-bottom:var(--spacing-sm)}.explainer li strong,.explainer ul li strong{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:inline;font-size:inherit;font-weight:var(--font-bold);color:var(--accent-color)}.explainer ul.emoji-list>li,.explainer ul.no-bullets>li,ul.emoji-list,ul.emoji-list>li,ul.no-bullets,ul.no-bullets>li{list-style:none;padding-left:0}#faq{max-width:800px;margin:0 auto;width:100%;box-sizing:border-box;padding:var(--spacing-md);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#faq ul li strong{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.faq-item{margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--theme-overlay-light);padding-bottom:var(--spacing-lg)}.faq-item:last-child{border-bottom:none;margin-bottom:0}.faq-question{margin-bottom:var(--spacing-md)}.faq-question h5{margin:0;color:var(--fg-color);font-size:var(--text-size-section-title);font-weight:var(--font-bold)}.faq-answer{color:var(--faded-fg-color);line-height:1.6}.faq-answer p{margin-bottom:var(--spacing-md)}.faq-answer p:last-child{margin-bottom:0}.faq-answer strong{color:var(--fg-color);font-weight:var(--font-bold)}.faq-answer a{text-decoration:none;font-weight:var(--font-bold)}.faq-answer a:hover{text-decoration:underline}.sectionTitle.current,.tocItem.active a,section ul li strong,td:first-child{color:var(--accent-color)}table{width:100%;margin:var(--spacing-content-loose) 0;background-color:var(--faded-bg-color);border-radius:var(--corner-card);overflow:hidden;box-shadow:var(--shadow-md)}td,th{padding:var(--spacing-content-base);text-align:left;border-bottom:1px solid var(--theme-overlay-light)}th{background:var(--accent-color);font-weight:var(--font-bold);color:var(--button-fg-color)}tr:last-child td{border-bottom:none}.button-container{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.button-container-topic{display:flex;justify-content:center;margin:var(--spacing-lg)}.filter-nav{display:flex;gap:var(--spacing-xs);justify-content:center;max-width:100%;margin:0 auto}.filter-nav .btn.btn-secondary{flex:1;min-width:0;font-size:var(--text-size-helper);border:none!important;border-radius:var(--corner-button);box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1;background-color:var(--faded-bg-color)!important;padding:var(--spacing-sm-plus) var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-nav .btn.btn-secondary:hover{background-color:var(--quiz-button-bg-color)!important;box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.filter-nav .btn.btn-secondary.selected,.filter-nav .btn.btn-secondary[aria-pressed=true]{background-color:var(--accent-color)!important;color:var(--button-fg-color)!important;box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(-2px)}.filter-nav .btn.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.filter-nav .btn:not(.selected):not([aria-pressed=true]){background:var(--quiz-button-bg-color);color:var(--fg-color)}.filter-nav .btn:not(.selected):hover{background:var(--faded-bg-color)}header{grid-row:1}main{grid-row:2;width:var(--container-width);padding:0 var(--side-margin) var(--spacing-lg) var(--side-margin);margin:0 auto}.page{display:none;margin:0 auto}.page.active{display:block!important}.container-page{max-width:var(--narrow-width-page-desktop)}.menu{display:flex;align-items:center;gap:var(--spacing-lg)}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}footer{grid-row:3;background-color:var(--faded-bg-color);text-align:center;box-shadow:0 -2px 10px rgba(0,0,0,.05);padding:var(--spacing-lg);margin:0;font-size:var(--text-size-helper)}footer a{cursor:pointer}.hamburger-wrapper{display:none;position:relative}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:18px;background:0 0;border:none;cursor:pointer;padding:0}.hamburger span{display:block;width:100%;height:2px;background-color:var(--fg-color);border-radius:1px;transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hamburger-wrapper .mobile-badge{position:absolute;top:10px!important;left:-10px!important}.slide-menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:var(--bg-color);box-shadow:-2px 0 15px rgba(0,0,0,.2);transition:right calc(var(--interaction-duration) * 1ms) var(--interaction-easing);z-index:1000;overflow-y:auto;padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg)}.slide-menu.active{right:0}.slide-menu nav{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.slide-menu .menu{display:flex;flex-direction:column;gap:var(--spacing-lg)}.slide-menu ul,.slide-menu ul li{list-style:none;margin:0;padding:0}.slide-menu .dropdown{width:100%}.slide-menu .dropdown-toggle,.slide-menu .language-button,.slide-menu .login-link,.slide-menu .nav-link.dropdown-toggle,.slide-menu .user-dropdown-toggle{width:100%;text-align:center;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-md);background:var(--faded-bg-color);color:var(--fg-color);border-radius:var(--corner-subtle);font-size:var(--text-size-body);border:1px solid var(--accent-color-light);box-shadow:var(--shadow-sm);transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing);position:relative;text-decoration:none;min-height:44px}.slide-menu .quizzes-menu .dropdown-toggle,.slide-menu .quizzes-menu .nav-link.dropdown-toggle{background:var(--accent-color);color:var(--button-fg-color);border-color:var(--accent-color)}.slide-menu .dropdown-menu{position:static!important;display:none;width:100%;box-shadow:none;border:none;background:0 0;padding:0;margin:var(--spacing-sm) 0 0 0;min-width:auto;max-width:none}.slide-menu .dropdown-menu.show{display:block!important}.slide-menu .dropdown:hover .dropdown-menu{display:none}.slide-menu .dropdown-toggle:hover,.slide-menu .language-button:hover,.slide-menu .login-link:hover,.slide-menu .nav-link.dropdown-toggle:hover,.slide-menu .user-dropdown-toggle:hover{background:var(--accent-color-light);transform:translateY(-1px)}.slide-menu .quizzes-menu .dropdown-toggle:hover,.slide-menu .quizzes-menu .nav-link.dropdown-toggle:hover{background:var(--button-hover-bg)}.slide-menu .dropdown-toggle::after,.slide-menu .language-button::after,.slide-menu .nav-link.dropdown-toggle::after,.slide-menu .user-dropdown-toggle::after{content:'▶';font-size:.5em;margin-left:var(--spacing-sm);transition:transform calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.slide-menu .dropdown-toggle[aria-expanded=true]::after,.slide-menu .language-button[aria-expanded=true]::after,.slide-menu .nav-link.dropdown-toggle[aria-expanded=true]::after,.slide-menu .user-dropdown-toggle[aria-expanded=true]::after{transform:rotate(90deg)}.slide-menu .dropdown-item{margin:var(--spacing-xs) 0}.dropdown-item.has-submenu:hover,.slide-menu .dropdown-item:hover{background-color:transparent!important}.slide-menu .dropdown-item.has-submenu{margin:var(--spacing-xs) 0}.slide-menu .dropdown-item a{display:block;padding:var(--spacing-md);background:var(--quiz-button-bg-color);color:var(--fg-color);border-radius:var(--corner-subtle);text-decoration:none;transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing);font-size:var(--text-size-body)}.slide-menu .dropdown-item:not(.has-submenu) a:hover{background-color:var(--accent-color-light)!important;transform:translateX(4px)}.slide-menu .dropdown-sub-menu.show .dropdown-item .quiz-link:hover{background-color:transparent!important}.slide-menu .dropdown-sub-menu{padding:0;margin:0;background:var(--faded-bg-color);border-radius:var(--corner-subtle);overflow:hidden}.slide-menu .dropdown-sub-menu.show{padding:var(--spacing-sm) 0}.slide-menu .dropdown-sub-menu .dropdown-item{margin:0;margin-left:var(--spacing-lg);border-radius:0}.slide-menu .dropdown-sub-menu .dropdown-item a::before{content:'└';position:absolute;left:var(--spacing-xs);color:var(--faded-fg-color);font-size:.8em}.slide-menu .dropdown-sub-menu .dropdown-item a{position:relative;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-sm) + var(--spacing-md));margin:0;background:var(--faded-bg-color);color:var(--faded-fg-color)}.slide-menu .dropdown-sub-menu .dropdown-item a:hover{background:var(--accent-color-light);color:var(--fg-color)}.slide-menu .dropdown-sub-menu .dropdown-item::before{display:none}.slide-menu .dropdown-sub-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--quiz-button-bg-color);color:var(--fg-color);border:1px solid var(--accent-color-light);border-radius:var(--corner-subtle);text-decoration:none;margin:0;transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.slide-menu .dropdown-sub-toggle:hover{background:var(--accent-color-light)}.slide-menu .dropdown-sub-toggle[aria-expanded=true]{background:var(--accent-color);color:var(--button-fg-color);border-color:var(--accent-color)}.slide-menu .dropdown-sub-toggle::after{content:'▶';font-size:.5em;margin-left:var(--spacing-md);margin-right:var(--spacing-xs);transition:transform calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.slide-menu .dropdown-sub-toggle[aria-expanded=true]::after{transform:rotate(90deg)}.language-button,.login-link,.quizzes-menu .dropdown-toggle,.user-dropdown-toggle{background:var(--accent-color);color:var(--button-fg-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--corner-button)}.proportional-bar{margin:var(--spacing-lg) 0}.proportional-bar-title{font-size:var(--text-size-body);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.proportional-bar-container{display:flex;width:var(--width-full);height:var(--proportional-result-height);background-color:var(--input-bg);border-radius:var(--corner-input);overflow:hidden;box-shadow:var(--shadow-sm)}.proportional-bar-section{position:relative;display:flex;align-items:center;justify-content:center;height:var(--height-full);transition:filter var(--interaction-duration) var(--interaction-easing)}.proportional-bar-label{font-size:var(--text-size-helper);font-weight:var(--font-bold);color:var(--theme-contrast);white-space:nowrap;padding:0 var(--spacing-sm);text-align:center}.proportional-bar-section.small-section .proportional-bar-label{position:absolute;top:100%;margin-top:var(--spacing-xs);color:var(--text-primary)}.proportional-bar-section:hover{filter:brightness(1.1)}.proportional-bar-section.bg-success{background-color:var(--status-success)}.proportional-bar-section.bg-error{background-color:var(--status-error)}.proportional-bar-section.bg-warning{background-color:var(--status-warning)}.proportional-bar-section.bg-info{background-color:var(--status-info)}.details-section,.profile-drop-area{display:flex;flex-direction:column;justify-content:center}#profilePage .profileMainContainer .profile-body{padding:var(--spacing-content-base);gap:var(--spacing-lg)}#profilePage .card-quiz .profile-body .details-section{gap:var(--section-spacing-vertical);max-width:var(--narrow-width-page-mobile)}.details-section .input-group.subscription-joined-btn{margin-top:var(--spacing-md)}.details-section .input-group:last-child{margin-bottom:0}.details-section .progress-container{margin-top:var(--spacing-md);min-height:0;transition:all calc(var(--interaction-duration) * 1ms) ease-in-out}.details-section .form-group:has(+ .progress-container){margin-bottom:0!important}.details-section .progress-container .progress[style*="visibility: hidden"]{height:0;margin:0;overflow:hidden}.details-section .progress-container:has(.progress[style*="visibility: hidden"]){margin:0;height:0;overflow:hidden}.details-section .progress-container .progress[style*="visibility: hidden"]~*{margin-top:0}.details-section .input-group:has(.progress-container) .btn-primary{margin-top:var(--spacing-md)}.joined-button-group{margin-bottom:var(--spacing-md)}.file-input{display:none}.profile-photo{position:relative;width:100%;max-width:300px;margin:0 auto;height:var(--component-height-photo-section)}.profile-photo .remove-image{margin-top:var(--spacing-md);z-index:1;top:50%;left:50%;transition:opacity var(--interaction-duration) var(--interaction-easing);backdrop-filter:blur(4px);display:flex;justify-content:center}.profile-photo .image-display{position:relative;width:100%;height:100%;overflow:hidden}.profile-photo .profile-drop-area{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;transform-origin:center;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);border:var(--spacing-2xs) dashed var(--accent-color-light);box-sizing:border-box;background:0 0}#profilePage .card-quiz .profile-body .profile-photo{height:var(--component-height-photo-section)}.profile-photo img{object-fit:contain;object-position:center;width:var(--width-full);height:var(--height-full)}.profile-photo:hover .image-display .profile-photo{filter:brightness(.7)}.click-text,.drop-text{display:flex;justify-content:center}.profile-drop-area .click-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm)}.profile-drop-area .file-input{width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);border:0}.profile-photo input[type=file]{max-width:240px;color:transparent}.feedback-profile.visible{visibility:visible}.profile-photo input[type=file]::file-selector-button{margin-top:var(--spacing-content-dense);width:auto;padding:var(--spacing-sm) var(--spacing-md);margin-left:auto;margin-right:auto}.report-content{margin-top:var(--spacing-lg)}.report-content>div{margin-bottom:var(--spacing-lg)}.report-content h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.completion-count{color:var(--accent-color);font-size:var(--text-size-body);font-weight:var(--font-bold);margin-left:var(--spacing-md)}.date-group{padding:var(--spacing-md) 0}.completed-date{margin-top:var(--spacing-md)}.quiz-notification{margin-top:var(--spacing-xs)}.completed-quizzes-list .card-quiz{border-radius:0!important}.completed-date,.quiz-result{font-size:var(--text-size-body);color:var(--disabled-color);margin-bottom:var(--spacing-xs)}.filter-empty-message{text-align:center;color:var(--disabled-color);font-size:var(--text-size-body);padding:var(--spacing-2xl) var(--spacing-md);margin-top:var(--spacing-lg)}.incomplete-quizzes-list{display:flex;flex-direction:column;margin:0 auto}.incomplete-quizzes-list .quiz-list{display:flex;flex-direction:column;gap:var(--section-spacing-vertical)}.empty-state-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--section-spacing-vertical) var(--spacing-lg);gap:var(--spacing-lg)}.empty-state-message{color:var(--faded-fg-color);font-size:var(--font-size-md);line-height:1.5;max-width:400px}#quiz,.quiz-container{max-width:var(--narrow-width-page-desktop)!important;margin:0 auto!important;width:100%;box-sizing:border-box!important}#quizPage{flex-direction:column!important;justify-content:center!important;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.quiz-nav{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.quiz-breadcrumb{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-align:center;font-size:var(--text-size-navigation);position:relative;margin-top:var(--spacing-sm);flex-wrap:wrap;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.breadcrumb-link{color:var(--fg-color);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{margin:0 var(--spacing-xs);color:var(--fg-color)}.breadcrumb-current{color:var(--accent-color);font-weight:var(--font-bold)}.quiz-breadcrumb .nav-back{position:absolute;left:0;padding:0;margin:0;background:0 0;border:none;color:var(--fg-color);font-size:var(--text-size-page-title);line-height:1;cursor:pointer}.quiz-breadcrumb .nav-back:hover{background:0 0!important;transform:translateY(1px)}.quiz-privacy{text-align:center;gap:var(--spacing-xs);color:var(--disabled-color);margin-bottom:var(--spacing-sm);font-size:var(--text-size-helper)}.question-number{text-align:center;color:var(--accent-color);font-size:var(--text-size-navigation)}.question-total{color:var(--fg-color);font-weight:400}.question-header{display:flex;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.question-text{flex:1;font-size:calc(var(--text-size-page-title) * .7);font-weight:var(--font-bold);color:var(--fg-color);line-height:1.4;margin:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.question-media{flex-shrink:0;text-align:center;min-height:70px;width:160px}.question-image{width:160px;max-width:var(--width-full);height:auto;float:right;border-radius:var(--corner-card)}.quiz-question{background-color:var(--quiz-question-bg)!important;transform-origin:center center;transition:.3s cubic-bezier(.4, 0, .2, 1);margin-bottom:var(--spacing-md)}.info-image{flex-shrink:0;width:200px}.question-media:empty{display:none}.question-hint{color:var(--disabled-color);font-size:var(--text-size-body);font-style:italic;margin-bottom:var(--spacing-lg);text-align:left}.options{margin-bottom:var(--spacing-xl)}.quiz-answers:not(.image-layout){display:flex;flex-direction:column}.quiz-answers .quiz-option{width:var(--width-full);margin-bottom:var(--spacing-sm)!important}.quiz-option:last-child{margin-bottom:0!important}.quiz-option .option-button{width:var(--width-full);min-height:60px;padding:var(--spacing-md) var(--spacing-lg);background:var(--quiz-button-bg-color);color:var(--fg-color);border:2px solid transparent;border-radius:var(--corner-button);font-size:var(--text-size-body);cursor:pointer;transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing);display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);text-align:left;position:relative}.quiz-option .option-button:hover{background:var(--faded-bg-color);border-color:var(--accent-color)}.quiz-option.selected .option-button{background:var(--accent-color);color:var(--button-fg-color);border-color:var(--accent-color)}.option-emoji{font-size:var(--text-size-navigation);text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center}.option-text{text-align:center;flex:1}.multiple-choice .option-checkbox{width:var(--width-full);min-height:60px;padding:var(--spacing-md) var(--spacing-lg);background:var(--quiz-button-bg-color);color:var(--fg-color);border:2px solid transparent;border-radius:var(--corner-button);text-align:left;font-size:var(--text-size-body);cursor:pointer;transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.multiple-choice .checkbox-input{display:none}.multiple-choice .option-checkbox:hover{background:var(--faded-bg-color);border-color:var(--accent-color)}.multiple-choice .quiz-option.selected .option-checkbox{background:var(--accent-color);color:var(--button-fg-color);border-color:var(--accent-color)}.multiple-choice .quiz-option.selected .option-checkbox::after,.quiz-option.selected .option-button::after{content:'✓';font-size:var(--text-size-navigation);color:var(--status-success)}.quiz-answers .editable-wrapper{width:var(--width-full);min-height:60px;background:var(--quiz-answer-bg);border:2px solid transparent;border-radius:var(--corner-button);overflow:hidden;transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing);position:relative;display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.quiz-answers .editable-input{width:auto!important;max-width:none!important;height:var(--height-full);padding:0;text-align:center;border:none;background:0 0;color:var(--fg-color);font-size:var(--text-size-body);outline:0;border-radius:var(--corner-button);flex:1;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.quiz-answers .editable-input::placeholder{color:var(--fg-color)}.quiz-answers .editable-wrapper:focus-within,.quiz-answers .editable-wrapper:hover{background:var(--accent-color);border-color:var(--accent-color);cursor:pointer}.quiz-option.selected .editable-wrapper{background:var(--accent-color);border-color:var(--accent-color)}.quiz-option.selected .editable-input{background:var(--accent-color);color:var(--quiz-button-selected-fg-color)}.quiz-option.selected .editable-input::placeholder{color:rgba(255,255,255,.7)}.quiz-answers .editable-input:active,.quiz-answers .editable-wrapper:active .editable-input{background:var(--accent-color);color:var(--quiz-button-selected-fg-color)}.quiz-answers.image-layout{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.quiz-answers.image-layout .quiz-option{width:calc(50% - var(--spacing-lg)/ 2)!important;flex:0 0 calc(50% - var(--spacing-lg)/ 2);text-align:center;margin-bottom:0!important}.quiz-answers.image-layout .choice-image{width:var(--component-size-choice-image);height:var(--component-size-choice-image);object-fit:contain;border:var(--spacing-2xs) solid transparent;border-radius:var(--corner-card);transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.quiz-answers.image-layout .choice-image:hover{transform:scale(1.05);border-color:var(--accent-color)}.quiz-answers.image-layout .quiz-option.selected .choice-image{border-color:var(--accent-color);transform:scale(1.05);box-shadow:0 0 0 3px var(--accent-color-light)}.info-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);max-width:600px}.info-html-content{text-align:center}.info-html-content img{float:none!important;display:block;margin:var(--spacing-xs) auto 0 auto;width:36%}.info-image-container{display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.info-html-content h3,.info-html-content p{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.confidential-info{display:flex;justify-content:center}.privacy-icon{margin-left:var(--spacing-content-dense);cursor:pointer;transform:none}.quiz-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xl)}.zoom-in{animation:.3s ease-out zoomIn}.zoom-out{animation:.2s ease-in zoomOut}@keyframes zoomIn{0%{opacity:0;transform:scale(.95) translateY(10px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(.95) translateY(-10px)}}.question-number .current.changed{background:rgba(34,197,94,.15);border-radius:4px;padding:2px 4px;transition:.6s}.progress-sections{position:relative;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);align-items:flex-start;width:var(--width-full);max-width:var(--width-full);overflow:hidden}.progress-section{position:relative;display:flex;flex-direction:column;align-items:center;flex:1;z-index:2;min-width:0}.progress-section.long-text{margin:0 0 var(--spacing-lg) 0}.progress-section.short-text{margin:0 0 var(--spacing-xs) 0}.progress-line{position:absolute;top:calc(var(--component-size-progress-circle)/ 2);left:50%;width:var(--width-full);height:var(--component-height-progress-section-mobile);background-color:var(--progress-bg);transform:translateY(-50%);z-index:0}.progress-section:last-child .progress-line{display:none}.progress-line-fill{position:relative;height:var(--height-full);width:0;background-color:var(--progress-fill);transition:width var(--interaction-duration) var(--interaction-easing)}.progress-circle{position:relative;display:flex;align-items:center;justify-content:center;width:var(--component-size-progress-circle);height:var(--component-size-progress-circle);background:var(--bg-section-circle);border-radius:50%;z-index:2;color:var(--section-circle-color);font-size:var(--text-size-helper);font-weight:var(--font-bold);flex-shrink:0;border:2px solid var(--progress-bg);transition:all var(--interaction-duration) var(--interaction-easing)}.progress-circle.current{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--theme-contrast)}.progress-circle.completed{background-color:var(--progress-fill);border-color:var(--progress-fill);color:var(--theme-contrast)}.progress-section-title{display:block;white-space:normal;margin-top:var(--component-margin-title);text-align:center;font-size:var(--text-size-helper);color:var(--faded-fg-color);max-width:min(140px,calc(100vw / 5));min-height:40px;line-height:1.3;overflow-wrap:break-word;word-break:normal;hyphens:none;transition:color var(--interaction-duration) var(--interaction-easing)}.progress-section-title.long-text{font-size:clamp(.55rem, 1.8vw, calc(var(--text-size-helper) - 1px));line-height:1;max-width:calc(100vw / 5 - var(--spacing-2xs))}.progress-section-title.current{color:var(--accent-color)}.progress-section-title.completed{color:var(--progress-fill)}.theme-switch{appearance:none;width:var(--component-width-theme-switch);height:var(--component-height-theme-switch);background:var(--faded-bg-color);padding:var(--component-padding-theme-switch);border-radius:calc(var(--component-height-theme-switch)/ 2);position:relative;cursor:pointer;transition:background-color calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.theme-switch::before{content:'';position:absolute;width:var(--component-size-theme-switch-thumb);height:var(--component-size-theme-switch-thumb);background:var(--accent-color);border-radius:calc(var(--component-size-theme-switch-thumb)/ 2);top:3px;left:3px;transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing);box-shadow:0 2px 4px rgba(0,0,0,.1)}.theme-switch::after{content:"";position:absolute;width:calc(100% - var(--component-padding-theme-switch) * 2);top:50%;left:var(--component-padding-theme-switch);height:var(--component-size-theme-switch-thumb);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C6EE2' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42'/%3E%3C/svg%3E");background-position:right center;background-repeat:no-repeat;background-size:var(--component-size-theme-switch-thumb);transform:translateY(-50%);opacity:1;transition:opacity calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.theme-switch:checked::before{left:calc(100% - var(--component-size-theme-switch-thumb) - var(--component-padding-theme-switch))}.theme-switch:checked::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E");background-position:left center}.blur{position:relative;overflow:hidden;padding:var(--spacing-md);margin:var(--spacing-md) 0;background-color:var(--faded-bg-color);border-radius:var(--corner-card);border:1px solid var(--theme-overlay-light)}.blur>:not(div:last-child){filter:blur(5px);opacity:.7;pointer-events:none}.blur>div:last-child{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,transparent 0,rgba(255,255,255,.8) 70%,rgba(255,255,255,.9) 100%)}.blur>div:last-child>span{background-color:var(--accent-color);color:var(--theme-contrast);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--corner-button);font-weight:var(--font-bold)}.blur>div:last-child a.btn,.blur>div:last-child>span>a.btn{background-color:var(--accent-color)!important;color:var(--theme-contrast)!important;white-space:normal!important;word-wrap:break-word!important;hyphens:auto;line-height:1.3;text-align:center}.blur span a .btn{margin-bottom:0!important}.about-report{max-width:600px;margin:0 auto;padding:var(--spacing-sm)}.about-report-header{text-align:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--theme-overlay-light)}.about-report-header h1{font-size:var(--text-size-page-title);margin-bottom:var(--spacing-xs);font-weight:600}.about-report-header .subtitle{color:var(--faded-fg-color);font-size:var(--text-size-body)}.about-report-section{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--quiz-question-bg);border-radius:var(--corner-card)}.about-report-section h2{font-size:var(--text-size-section-title);margin-bottom:var(--spacing-xs);font-weight:600}.about-report-section h3{font-size:var(--text-size-subtitle);margin-bottom:var(--spacing-xs);font-weight:600}.about-report-section p{line-height:1.4;margin-bottom:var(--spacing-xs)}.about-report-section p:last-child{margin-bottom:0}.result-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.result-header h2{margin:0}.result-badge{background:var(--accent-color);color:var(--theme-contrast);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--corner-button);font-weight:600;display:inline-block;margin-top:var(--spacing-xs)}.purchase-buttons{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.purchase-buttons .btn{text-align:center;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.full-report{max-width:700px;margin:0 auto;padding:var(--spacing-md)}.full-report-header{text-align:center;margin-bottom:var(--spacing-lg)}.full-report-header h2{font-size:var(--text-size-page-title);margin-bottom:var(--spacing-sm);font-weight:600}.session-info{background:var(--quiz-question-bg);border-radius:var(--corner-card);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--text-size-body)}.session-info p{margin:0 0 var(--spacing-xs) 0;color:var(--faded-fg-color)}.session-info p:last-child{margin-bottom:0}.personality-result{text-align:center;background:var(--quiz-question-bg);color:var(--fg-color);padding:var(--spacing-lg) var(--spacing-md);border-radius:var(--corner-card);margin-bottom:var(--spacing-lg);font-size:var(--text-size-section-title);font-weight:600;border:2px solid var(--theme-overlay-light);box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative}.personality-result .result-type{background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover,var(--accent-color)));color:var(--theme-contrast);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--corner-button);font-weight:700;display:inline-block;margin-left:var(--spacing-xs)}.all-access-management{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--progress-bg);margin-bottom:var(--section-spacing-vertical)}.all-access-management h3{margin-bottom:var(--spacing-md);font-size:var(--text-size-section-title)}.all-access-promo{margin-bottom:var(--spacing-md)}.all-access-status{margin-bottom:var(--spacing-md);line-height:1.5;transition:all .3s var(--interaction-easing)}.all-access-status.status-updating{transition:150ms ease-out}@keyframes statusFadeIn{0%{opacity:0;transform:translateY(-5px)}100%{opacity:1;transform:translateY(0)}}.loading-overlay{position:fixed;top:0;left:0;width:var(--width-full);height:var(--height-full);background:var(--bg-color);display:flex;align-items:center;justify-content:center;z-index:1500}.loading-content{text-align:center;color:var(--fg-color)}.loading-spinner{width:50px;height:50px;border:3px solid var(--theme-overlay-light);border-top-color:var(--accent-color);border-radius:50%;animation:1s linear infinite spin;margin:0 auto var(--spacing-lg)}#quizCompletionPage{width:var(--component-width-quiz-completion-desktop);max-width:600px;padding:0 var(--spacing-md)}.completion-state{display:flex;flex-direction:column;align-items:center;width:100%}.completion-progress{width:100%;margin-bottom:var(--spacing-lg)}.completion-card{width:100%;max-width:100%;margin:0 auto}.completion-options{margin-bottom:var(--spacing-lg)}.completion-options .form-group{width:100%}.completion-options .form-control{width:100%;text-align:center}.completion-feedback{margin-bottom:var(--spacing-lg);width:100%}.completion-footer{display:flex;gap:var(--spacing-md);width:100%;align-items:center}.completion-footer .btn{width:100%;max-width:300px;justify-content:center}.completion-footer .btn:only-child,.completion-footer .btn:only-of-type{max-width:none}.completion-footer .btn.btn-full{max-width:none!important}.completion-message{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;gap:var(--spacing-md)}.completion-message p{margin-bottom:var(--spacing-md)}.completion-message .btn{width:100%;max-width:300px}.completion-options .form-group .form-text.text-error,.completion-options .form-group .form-text.text-info,.completion-options .form-group .form-text.text-success{display:block;text-align:center}.email-results-info{text-align:center;margin-bottom:var(--spacing-md);color:var(--fg-color);line-height:1.5}#quizCompletionPage .quiz-breadcrumb{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);width:100%;text-align:center}#quizCompletionPage .quiz-privacy{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.tableOfContents{position:fixed;right:20px;top:100px;width:250px;max-height:60vh;overflow-y:auto;background-color:var(--bg-color);border:1px solid var(--faded-bg-color);border-radius:var(--corner-card);padding:10px 0;box-shadow:var(--shadow-md);transition:transform .3s;z-index:998;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tocItem a{display:block;padding:var(--spacing-sm) var(--spacing-sm);color:var(--fg-color);font-size:calc(var(--text-size-body) * .9);line-height:1.3;border-left:3px solid transparent;white-space:normal;word-wrap:break-word;text-decoration:none;text-align:center;transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.tableOfContents ul{margin:0;padding:0}.tableOfContents ul li{list-style:none}.tocItem a:hover{background-color:var(--faded-bg-color)}.tocItem.active a{background-color:var(--accent-color-light);color:var(--accent-color);border-left-color:var(--accent-color)}.tocToggleButton{position:fixed;left:15px;bottom:80px;width:40px;height:40px;background-color:rgba(107,93,211,.2);color:var(--fg-color);border:1px solid rgba(107,93,211,.4);border-radius:var(--corner-circle);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:.2s;font-size:22px;display:flex;align-items:center;justify-content:center;z-index:1000}.tocToggleButton:hover{background-color:rgba(107,93,211,.3);border-color:rgba(107,93,211,.6)}.tocBackdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;display:none}.upDownNavigation{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:998}.downArrow,.upArrow{width:40px;height:40px;background-color:rgba(107,93,211,.2);color:var(--fg-color);border:1px solid rgba(107,93,211,.4);border-radius:var(--corner-circle);box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.downArrow:hover,.upArrow:hover{background-color:rgba(107,93,211,.3);border-color:rgba(107,93,211,.6)}.downArrow:active,.upArrow:active{transform:scale(.95)}.suggestion-box{display:none;position:absolute;overflow-y:auto;z-index:10000;max-height:200px;background:var(--quiz-button-bg-color);border:1px solid var(--accent-color);border-radius:var(--corner-card);box-shadow:var(--shadow-md);padding:var(--spacing-xs)}.suggestion-box .suggestion-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.suggestion-box .suggestion-item:hover{background-color:var(--accent-color-light)}.suggestion-box .suggestion-item.highlight{background:var(--accent-color);color:var(--button-fg-color)}.page:not(#quizFrontPage){width:min(90vw,var(--width-page-desktop));margin:0 auto}#completedPage,#content.card,#incompletePage,#quizCompletionPage,#section.quizcards{width:min(90vw,var(--narrow-width-page-desktop));margin:0 auto}#profilePage{width:min(90vw,550px);margin:0 auto}.temporary-message{position:fixed;top:var(--spacing-lg);left:50%;transform:translateX(-50%) translateY(-100px);background:var(--status-success);color:var(--theme-contrast);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--corner-button);box-shadow:var(--shadow-md);z-index:1000;font-size:var(--text-size-body);font-weight:var(--font-bold);text-align:center;transition:all .3s var(--interaction-easing);opacity:0;max-width:calc(100vw - 2 * var(--spacing-lg));min-width:280px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.temporary-message.show{transform:translateX(-50%) translateY(0);opacity:1}.temporary-message.hide{transform:translateX(-50%) translateY(-50px);opacity:0}.temporary-message.error{background:var(--status-error)}.temporary-message.warning{background:var(--status-warning)}.temporary-message.info{background:var(--status-info)}.temporary-message .close{position:absolute;top:50%;right:-5%;transform:translateY(-50%);background:0 0;border:none;color:inherit;font-size:24px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all calc(var(--interaction-duration) * 1ms) ease}.temporary-message .close:hover{background:rgba(255,255,255,.2)}.confirmation-content{text-align:center;padding:var(--spacing-sm) 0}.confirmation-message{font-size:var(--text-size-body);color:var(--fg-color);text-align:center;margin-bottom:var(--spacing-lg);line-height:1.4}.confirmation-buttons{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-sm)}.confirmation-buttons .btn{padding:var(--button-padding-topbottom) var(--button-padding-sides);border-radius:var(--corner-button);font-size:var(--text-size-helper);font-weight:var(--font-bold);border:none;transition:all .2s var(--interaction-easing);min-width:100px}.confirmation-buttons .btn-primary{background:var(--status-error);color:var(--theme-contrast)}.confirmation-buttons .btn-primary:hover{background:#c53030}.confirmation-buttons .btn-secondary{background:var(--faded-bg-color);color:var(--fg-color);border:1px solid var(--faded-fg-color)}.confirmation-buttons .btn-secondaryn:hover{background:var(--faded-bg-color);color:var(--bg-color)}.hidden{display:none!important}.block{display:block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.m-0{margin:0!important}.mt-1{margin-top:var(--spacing-sm)!important}.mt-2{margin-top:var(--spacing-md)!important}.mt-3{margin-top:var(--spacing-lg)!important}.mb-1{margin-bottom:var(--spacing-sm)!important}.mb-2{margin-bottom:var(--spacing-md)!important}.mb-3{margin-bottom:var(--spacing-lg)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-sm)!important}.p-2{padding:var(--spacing-md)!important}.p-3{padding:var(--spacing-lg)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-success{color:var(--status-success)!important}.text-error{color:var(--status-error)!important}.text-info{color:var(--status-info)!important}.text-warning{color:var(--status-warning)!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.items-center{align-items:center!important}.gap-1{gap:var(--spacing-sm)!important}.gap-2{gap:var(--spacing-md)!important}.gap-3{gap:var(--spacing-lg)!important}.w-full{width:100%!important}.w-auto{width:auto!important}.bg-success{background-color:var(--status-success)!important}.bg-error{background-color:var(--status-error)!important}.bg-info{background-color:var(--status-info)!important}.bg-warning{background-color:var(--status-warning)!important}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;color:#fff}.status-success{background-color:var(--status-success)}.status-error{background-color:var(--status-error)}.status-warning{background-color:var(--status-warning)}.link-details{font-size:13px;line-height:1.6;max-width:400px;padding:8px}.link-group{margin-bottom:12px;padding:6px;border-radius:4px;background-color:rgba(0,0,0,.02)}.link-group:last-child{margin-bottom:0}.link-group strong{color:var(--text-primary);font-size:12px;display:block;margin-bottom:6px;font-weight:600}.link-success{display:block;background-color:rgba(46,160,67,.08);color:#2e6b43;padding:6px 8px;border-radius:4px;margin:4px 0;font-family:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,'Courier New',monospace;font-size:12px;border-left:3px solid var(--status-success);word-break:break-all;line-height:1.4}.link-error{display:block;background-color:rgba(239,68,68,.08);color:#c53030;padding:6px 8px;border-radius:4px;margin:4px 0;font-family:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,'Courier New',monospace;font-size:12px;border-left:3px solid var(--status-error);word-break:break-all;line-height:1.4}.no-links{color:var(--text-secondary);font-style:italic;font-size:12px;padding:6px 8px}.link-details-toggle{transition:.2s}.link-details-toggle:hover{background-color:rgba(0,0,0,.05)!important;border-color:#999!important}.link-accordion-content{border-top:1px solid #e0e0e0}.link-details-expanded{padding:16px;background-color:#f8f9fa;border-radius:0 0 8px 8px;margin:0}.link-details-expanded .link-group{margin-bottom:16px;padding:12px;border-radius:6px;background-color:rgba(255,255,255,.7)}.link-details-expanded .link-group:last-child{margin-bottom:0}.link-details-expanded .link-error,.link-details-expanded .link-success{display:block;margin:6px 0;padding:8px 12px}.link-issues{max-width:300px;word-wrap:break-word;font-size:13px}.email-suggestion-wrapper .text-center{padding:var(--spacing-md) 0}.login-form .progress-sections,.support-form .progress-sections{height:15px;margin-bottom:var(--spacing-sm);overflow:hidden}.login-form .form-text{min-height:36px;text-align:center}.login-form .form-group{margin-bottom:0}.cards-section{margin-bottom:var(--spacing-3xl)}.section-title{font-size:var(--text-size-page-title);color:var(--fg-color);margin-bottom:var(--spacing-xl);text-align:center;font-weight:var(--font-bold)}.featured-section{margin-bottom:var(--spacing-3xl)}.featured-card{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-lg);background:var(--faded-bg-color);border-radius:var(--corner-card);overflow:hidden;box-shadow:var(--shadow-md);max-height:300px;max-width:900px;margin:0 auto}.featured-image-wrapper{position:relative;background:linear-gradient(135deg,var(--accent-color-light),var(--accent-color));display:flex;align-items:center;justify-content:center;min-height:200px}.featured-image{width:100%;height:100%;object-fit:cover}.featured-popular-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--status-success);color:var(--theme-contrast);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--corner-button);font-size:var(--text-size-micro);font-weight:var(--font-bold);z-index:1}.featured-content{padding:var(--spacing-lg);display:flex;flex-direction:column;justify-content:center}.featured-title{font-size:var(--text-size-navigation);color:var(--fg-color);margin-bottom:var(--spacing-sm);font-weight:var(--font-bold)}.featured-description{color:var(--faded-fg-color);line-height:1.5;margin-bottom:var(--spacing-md);font-size:var(--text-size-helper)}.featured-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--faded-fg-color);font-size:var(--text-size-helper)}.quiz-duration,.quiz-questions{display:flex;align-items:center;gap:var(--spacing-xs)}.featured-card .btn{align-self:flex-start;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-size-helper)}.cards-quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.card-quiz-item{min-height:320px}.card-quiz-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.card-image-wrapper{height:160px;background:linear-gradient(135deg,var(--accent-color-light),var(--accent-color));display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover}.card-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.card-title{font-size:var(--text-size-section-title);color:var(--fg-color);margin-bottom:var(--spacing-sm);font-weight:var(--font-bold)}.card-description{color:var(--faded-fg-color);font-size:var(--text-size-body);line-height:1.5;flex:1;margin-bottom:var(--spacing-md)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--theme-overlay-light)}.card-tag{background:var(--accent-color-light);color:var(--accent-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--corner-button);font-size:var(--text-size-helper);font-weight:var(--font-bold)}.card-duration{color:var(--faded-fg-color);font-size:var(--text-size-helper)}.card>.btn{margin:0}.category-title{font-size:var(--text-size-section-title);color:var(--accent-color);margin-bottom:var(--spacing-md);font-weight:var(--font-bold)}.category-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.category-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-color);border-radius:var(--corner-button);text-decoration:none;color:inherit;transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.category-card:hover{background:var(--accent-color-light)}.category-card-icon{font-size:1.5rem;flex-shrink:0}.category-card-title{font-weight:var(--font-bold);color:var(--fg-color);font-size:var(--text-size-body)}.category-card-image img{width:64px;height:64px;object-fit:cover;border-radius:var(--corner-card);overflow:hidden;box-shadow:var(--shadow-md)}.quiz-cards-compact{display:flex;flex-direction:column;gap:var(--spacing-md)}.quiz-card-compact{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--faded-bg-color);border-radius:var(--corner-card);text-decoration:none;color:inherit;transition:all calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.quiz-card-compact:hover{background:var(--accent-color-light);transform:translateX(4px)}.compact-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-color);border-radius:var(--corner-button);flex-shrink:0}.compact-content{flex:1;min-width:0}.compact-title{font-size:var(--text-size-navigation);color:var(--fg-color);margin-bottom:var(--spacing-xs);font-weight:var(--font-bold)}.compact-meta{color:var(--faded-fg-color);font-size:var(--text-size-helper)}.compact-arrow{font-size:1.5rem;color:var(--accent-color);flex-shrink:0}.quiz-cards-scroll{display:flex;gap:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-md) 0;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent-color-light) var(--faded-bg-color);width:100%;box-sizing:border-box}.quiz-cards-scroll::-webkit-scrollbar{height:8px}.quiz-cards-scroll::-webkit-scrollbar-track{background:var(--faded-bg-color);border-radius:var(--corner-button)}.quiz-cards-scroll::-webkit-scrollbar-thumb{background:var(--accent-color-light);border-radius:var(--corner-button)}.quiz-card-horizontal{min-width:250px;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--accent-color),var(--accent-color-light));border-radius:var(--corner-card);color:var(--theme-contrast);text-decoration:none;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;flex-shrink:0}.horizontal-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:rgba(255,255,255,.2);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--corner-button);font-size:var(--text-size-micro);font-weight:var(--font-bold)}.horizontal-title{font-size:var(--text-size-section-title);margin-bottom:var(--spacing-sm);font-weight:var(--font-bold)}.horizontal-description{flex:1;margin-bottom:var(--spacing-lg);opacity:.9;font-size:var(--text-size-body)}.category-container{display:grid;gap:var(--spacing-xl)}.category-section{background:var(--faded-bg-color);border-radius:var(--corner-card);padding:var(--spacing-lg)}.stats-section{margin-bottom:var(--spacing-3xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.stat-card{background:var(--faded-bg-color);border-radius:var(--corner-card);padding:var(--spacing-xl);text-align:center}.stat-number{font-size:2rem;font-weight:var(--font-bold);color:var(--accent-color);margin-bottom:var(--spacing-sm)}.stat-label{color:var(--faded-fg-color);font-size:var(--text-size-body)}.cta-section{background:linear-gradient(135deg,var(--accent-color),var(--accent-color-light));border-radius:var(--corner-card);padding:var(--spacing-3xl);text-align:center;margin-bottom:var(--spacing-2xl)}.cta-title{font-size:2rem;color:var(--theme-contrast);margin-bottom:var(--spacing-md);font-weight:var(--font-bold)}.cta-subtitle{color:rgba(255,255,255,.9);margin-bottom:var(--spacing-xl);font-size:var(--text-size-navigation);max-width:500px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.cta-section .btn-secondary{background:rgba(255,255,255,.2);color:var(--theme-contrast);border:2px solid var(--theme-contrast)}.cta-section .btn-secondary:hover{background:rgba(255,255,255,.3)}.hero-section{background:linear-gradient(135deg,var(--accent-color),var(--accent-color-light));border-radius:var(--corner-card);padding:var(--spacing-3xl) var(--spacing-xl);margin-bottom:var(--spacing-3xl);text-align:center;position:relative;overflow:hidden}.hero-content{position:relative;z-index:1}.hero-title{font-size:2.5rem;color:var(--theme-contrast);margin-bottom:var(--spacing-md);font-weight:var(--font-bold)}.hero-subtitle{font-size:var(--text-size-navigation);color:rgba(255,255,255,.9);margin-bottom:var(--spacing-xl);line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.hero-btn-container{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn-large{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--text-size-body);min-height:56px}@media (min-width:1024px){#faq,#quizPage section:not(#quiz):not(.explainer),.explainer{max-width:900px}.explainer ul{max-width:650px;text-align:left!important;padding-left:20px}#faq,.explainer{margin:0 auto;padding:var(--spacing-lg)}.explainer h2,.explainer h3,.explainer h4{font-size:var(--text-size-section-title)}.explainer li,.explainer p{font-size:var(--text-size-body)}#quizPage section:not(#quiz):not(.explainer):not(#faq){margin:0 auto;padding:var(--spacing-xl)}}@media (min-width:769px){main{max-width:100%;overflow-x:hidden}.modal-overlay{align-items:center}.modal{transform:translateY(50vh)}.modal.active{transform:translateY(0);margin-bottom:0}.hamburger,.hamburger-wrapper,.hamburger-wrapper .badge,.mobile-back,.slide-menu{display:none!important}.quizzes-menu{display:block!important}}@media (min-width:769px) and (max-width:1023px){#faq,.explainer{max-width:750px}.explainer ul{padding-left:20px}.explainer h2,.explainer h3,.explainer h4{font-size:calc(var(--text-size-section-title) * .95)}.explainer li,.explainer p{font-size:calc(var(--text-size-body) * .95)}section.quizcards>a.quizCard{width:calc(50% - var(--spacing-md))}section.quizcards{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg)}}@media (min-width:768px){#quizPage{width:min(800px,100%)}#quizPage section#quiz{width:min(var(--narrow-width-page-desktop),100vw);margin:0 auto;box-sizing:border-box}.quiz-question{width:110%;margin-left:-5%;margin-right:-5%}.profile-body{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:0 auto;gap:var(--section-spacing-horizontal);padding:var(--section-spacing-vertical)}.profile-photo{width:var(--component-desktop-photo-section);align-items:center;display:flex;flex-direction:column;justify-content:center}.details-section{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}}@media (max-width:768px){body,html{overflow-x:hidden!important;max-width:100%!important;position:relative}.container,.page,main{max-width:100%!important;overflow-x:hidden;box-sizing:border-box}.hamburger-wrapper{display:block!important}.hamburger{display:flex;flex-direction:column;gap:4px}.nav-back,.nav-desktop{display:none!important}.nav-bar{display:flex;align-items:center;justify-content:space-between;position:relative}.mobile-back{display:block!important;position:absolute;left:var(--spacing-md);z-index:10}.nav-bar .brand{position:absolute;left:50%;transform:translateX(-50%);margin-right:0;z-index:5;flex:1;text-align:center}.user-menu:not([style*="display: none"])~.hamburger-wrapper .mobile-badge{display:flex!important}.progress-line{top:calc(var(--component-size-progress-circle-mobile)/ 2)}.progress-circle{width:var(--component-size-progress-circle-mobile);height:var(--component-size-progress-circle-mobile);font-size:calc(var(--text-size-helper) - 1px);margin-bottom:var(--spacing-sm)}.progress-section-title{font-size:calc(var(--text-size-helper) - 1px);letter-spacing:-.02em;max-width:min(160px,calc(100vw / 4.5));margin-top:var(--spacing-sm);word-break:normal;overflow-wrap:break-word;hyphens:none;line-height:1.2}#completedPage,#incompletePage,#profilePage{width:min(400px,calc(100% - 2 * var(--spacing-lg)))}.profile-body{gap:var(--spacing-lg);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#profilePage .card{margin:0 var(--spacing-sm);padding:var(--spacing-lg)}.profile-photo{margin-bottom:var(--spacing-md);align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.details-section{align-items:center;justify-content:center;text-align:center;width:100%}.all-access-management .btn{margin-bottom:var(--spacing-lg)}.profile-photo .remove-image{margin-top:var(--spacing-sm);margin-bottom:0}.quiz-nav{padding:var(--spacing-sm) 0!important}.question-header{gap:var(--spacing-md)}.question-image,.question-media{width:100px}.question-text{line-height:1.3!important}.quiz-answers.image-options{gap:var(--spacing-md)}.choice-image{width:80px;height:80px}.card-quiz-actions{flex-direction:column}.card-quiz-actions .btn{width:var(--width-full)}.featured-card{display:flex!important;flex-direction:column;grid-template-columns:none;gap:0;max-height:none;max-width:100%;margin:0}.featured-image-wrapper{min-height:150px;width:100%}.featured-content{padding:var(--spacing-md);width:100%}.quiz-cards-scroll{width:100vw;margin-left:calc(-1 * var(--side-margin));margin-right:calc(-1 * var(--side-margin));padding-left:var(--side-margin);padding-right:var(--side-margin);box-sizing:border-box}.featured-meta{flex-direction:column;gap:var(--spacing-xs)}.cards-quiz-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.section-title{font-size:var(--text-size-section-title)}.form-group{margin-bottom:var(--spacing-md)}.support-form textarea.form-control{min-height:60px;padding:var(--spacing-xs) var(--spacing-sm)}.support-form .form-group{margin-bottom:var(--spacing-sm)}#quizCompletionPage{max-width:100%;padding:0 var(--spacing-sm)}.completion-card{padding:var(--spacing-md)}.completion-footer .btn,.completion-message .btn{max-width:100%}.completed-quizzes-list .card-quiz{margin-top:var(--spacing-xs);border-radius:var(--corner-button)!important}.modal{width:95%}.modal-title{padding-right:var(--spacing-xl)}.modal.active{transform:translateY(-10vh);margin-bottom:0}#faq,.explainer{max-width:100%;padding:var(--spacing-md)}.explainer img{max-width:40%}.cta-button{width:calc(100% - 2rem);margin:var(--spacing-content-base) auto}.explainer ul{max-width:100%;width:calc(100% - 2rem);margin:0 auto;padding-left:0}.explainer h2,.explainer h3,.explainer h4{font-size:calc(var(--text-size-section-title) * .9)}.explainer li,.explainer p{font-size:calc(var(--text-size-body) * .9)}.explainer>div,.explainer>section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.explainer ul li{width:100%}#quizPage section ul li strong{font-size:calc(var(--text-size-body) * .9);white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.upDownNavigation{right:15px;bottom:15px}}@media (max-width:600px){.temporary-message{font-size:calc(var(--text-size-body) * .9);padding:var(--spacing-sm) var(--spacing-md);max-width:calc(100vw - var(--spacing-lg));min-width:260px;width:auto;left:var(--spacing-sm);right:var(--spacing-sm);transform:translateX(0) translateY(-100px)}.temporary-message.has-close{padding-right:calc(var(--spacing-md) + 10px)}.temporary-message.show{transform:translateX(0) translateY(0)}.temporary-message.hide{transform:translateX(0) translateY(-50px)}.temporary-message .close{width:28px;height:28px;font-size:20px;right:var(--spacing-xs)}.confirmationButtons{flex-direction:column;width:var(--width-full)}.confirmationButtons .button{width:var(--width-full);min-width:auto}}@media (max-width:576px){.question-header{gap:var(--spacing-sm)}.question-image,.question-media{width:80px}.question-text{font-size:var(--text-size-navigation)}.progress-circle{width:18px;height:18px;font-size:calc(var(--text-size-helper) - 2px);margin-bottom:var(--spacing-xs)}.progress-line{top:9px}.progress-section-title{font-size:calc(var(--text-size-helper) - 2px);max-width:min(140px,calc(100vw / 4.5));margin-top:var(--spacing-xs);line-height:1.2;word-break:normal;overflow-wrap:break-word;hyphens:none}.btn{font-size:var(--text-size-helper);padding:var(--spacing-sm) var(--spacing-md);min-height:40px}.mobile-back{font-size:var(--text-size-page-title)}.cards-section{margin-bottom:var(--spacing-2xl)}.card-quiz-item:hover{transform:none}.page.active{margin:0 auto!important;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);box-sizing:border-box!important}main{width:100%;padding:0 var(--spacing-sm) var(--spacing-lg) var(--spacing-sm);margin:0 auto!important;box-sizing:border-box!important}.container,.page{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);margin:0 auto!important;box-sizing:border-box!important}table{margin:var(--spacing-md) 0}td,th{padding:var(--spacing-sm)}.card-title{font-size:var(--text-size-navigation)}.section-title{font-size:var(--text-size-navigation);margin-bottom:var(--spacing-md)}.completion-count{display:block;margin-left:0;margin-top:var(--spacing-xs)}.title-section{flex-direction:column}#quizCompletionPage{padding:0 var(--spacing-xs)}.completion-card{padding:var(--spacing-sm)}#quizCompletionPage .quiz-breadcrumb{gap:var(--spacing-xs)}.completion-options .form-control{font-size:var(--text-size-body)}.modal{width:98%}.modal-title{font-size:calc(var(--text-size-helper) * 1.1)!important;padding-right:var(--spacing-lg);line-height:1.2}.confirmation-message{font-size:calc(var(--text-size-helper) * 1.1)!important}footer{font-size:var(--text-size-micro)}}@media (max-width:539px){.suggestionBox{width:calc(100% - 2rem);max-width:calc(100% - 2rem)}}@media (max-width:500px){section ul li{background:0 0;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.explainer{padding:var(--spacing-sm);max-width:100%}.explainer ul{max-width:100%}.explainer h2,.explainer h3,.explainer h4{font-size:calc(var(--text-size-section-title) * .85)}.explainer li,.explainer p{font-size:var(--text-size-body)}.explainer>div,.explainer>section{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}#faq{padding:var(--spacing-sm);max-width:100%}.faq-item{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}table{font-size:var(--text-size-helper);margin:var(--spacing-sm) 0}.filter-nav .btn.btn-secondary{font-size:var(--text-size-helper)}main{width:100%;margin:0 auto;box-sizing:border-box;padding:0 var(--spacing-sm) var(--spacing-lg) var(--spacing-sm)}.card{margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;width:100%;max-width:100%}.page.active{margin:0 auto!important;box-sizing:border-box!important;max-width:100%}.profile-body{align-items:center;text-align:center}.details-section{align-items:center;text-align:center;width:100%}.profile-photo{align-self:center;margin-left:auto!important;margin-right:auto!important}.page>h1,.page>h2{font-size:var(--text-size-section-title)!important}.quiz-card-compact{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;text-align:center}.compact-icon{width:50px;height:50px;font-size:1.5rem}.quiz-cards-scroll{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-sm);margin:0 calc(-1 * var(--spacing-sm));padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.quiz-card-horizontal{min-width:180px;max-width:220px;padding:var(--spacing-md);flex-shrink:0}.horizontal-title{font-size:var(--text-size-navigation)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.stat-card{padding:var(--spacing-lg)}.stat-number{font-size:1.5rem}.cta-section{padding:var(--spacing-2xl) var(--spacing-lg)}.cta-title{font-size:1.5rem}.cta-buttons{flex-direction:column;align-items:center}.hero-section{padding:var(--spacing-2xl) var(--spacing-lg)}.hero-title{font-size:2rem}.btn-large{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--text-size-helper);min-height:48px}}@media (max-width:400px){.card{margin-bottom:var(--spacing-sm);margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}.card-content{padding:var(--spacing-sm)}td,th{padding:var(--spacing-xs)}#quizPage,.page.active{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);margin:0 auto!important;box-sizing:border-box!important}.profile-body{align-items:center;text-align:center;gap:var(--spacing-sm)}.details-section{align-items:center;text-align:center;width:100%}.profile-photo{align-self:center;margin:0 auto var(--spacing-sm) auto}#faq,.explainer{padding:var(--spacing-xs)}.explainer h2,.explainer h3,.explainer h4{font-size:calc(var(--text-size-section-title) * .8);margin-bottom:var(--spacing-sm)}.explainer li,.explainer p{font-size:var(--text-size-body)}.explainer>div,.explainer>section{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}#quizPage .progress-sections,.quiz-container .progress-sections{gap:10px}.progress-sections{gap:40px}.progress-section.title{margin-left:2px;margin-right:2px}.container,.page,main{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);padding-left:var(--spacing-xs)!important;padding-right:var(--spacing-xs)!important}#quiz,.quiz-container{padding:0!important}.quiz-nav{padding:var(--spacing-xs) 0!important}.question-text{font-size:calc(var(--text-size-helper) * 1.1)!important;line-height:1.25!important;word-wrap:break-word!important}.progress-sections,.question-number,.quiz-privacy{margin-bottom:0}.quiz-option .option-button{padding:var(--spacing-sm) var(--spacing-md)!important;font-size:var(--text-size-helper)!important;min-height:50px!important}.option-emoji{font-size:var(--text-size-helper)!important}.multiple-choice .option-checkbox{font-size:var(--text-size-helper)!important;padding:var(--spacing-sm) var(--spacing-md)!important;min-height:50px!important}.quiz-answers .editable-input{font-size:var(--text-size-helper)!important;padding:var(--spacing-sm)!important}.quiz-answers .editable-wrapper{padding:var(--spacing-sm) var(--spacing-md)!important;min-height:50px!important}.filter-nav{flex-wrap:wrap}.filter-nav .btn.btn-secondary{flex:1 1 calc(50% - var(--spacing-xs)/ 2);min-width:calc(50% - var(--spacing-xs)/ 2);max-width:calc(50% - var(--spacing-xs)/ 2)}.modal-body{font-size:var(--text-size-body)}.cards-section{margin-bottom:var(--spacing-lg)}.featured-card{grid-template-columns:1fr;gap:0;max-height:none}.featured-image-wrapper{min-height:200px}.featured-content{padding:var(--spacing-lg)}.featured-meta{flex-direction:column;gap:var(--spacing-sm)}#quizCompletionPage{width:calc(100% - 2 * var(--spacing-xs));margin:0 auto;padding:0 var(--spacing-2xs)}.completion-card{margin:0}.completion-footer,.completion-message{gap:var(--spacing-xs)}.completion-footer{flex-direction:column}.completion-footer .btn,.completion-message .btn{font-size:var(--text-size-helper);padding:var(--spacing-xs) var(--spacing-sm);min-height:40px}.hero-section{padding:var(--spacing-md) var(--spacing-xs);text-align:center}.hero-content{max-width:100%;padding:0}.hero-title{font-size:calc(var(--text-size-page-title) * .8);margin-bottom:var(--spacing-xs)}.hero-subtitle{font-size:calc(var(--text-size-body) * .9);margin-bottom:var(--spacing-sm)}.quiz-cards-grid{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-xs)}.quiz-card-item{max-width:100%}.quiz-card-item .card-title{font-size:calc(var(--text-size-section-title) * .9)}.quiz-card-item .card-description{font-size:calc(var(--text-size-body) * .9)}.cards-quiz-grid{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-xs)}.card-quiz-item{max-width:100%}.quiz-cards-compact{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs)}.quiz-card-compact{padding:var(--spacing-xs)}.compact-title{font-size:calc(var(--text-size-section-title) * .8)}.compact-meta{font-size:calc(var(--text-size-helper) * .9)}.quiz-cards-scroll{padding:var(--spacing-xs);gap:var(--spacing-sm);margin:0 calc(-1 * var(--spacing-xs));padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.quiz-card-horizontal{min-width:calc(100vw - 40px);max-width:calc(100vw - 40px);padding:var(--spacing-md);margin:0;flex-shrink:0}.horizontal-title{font-size:calc(var(--text-size-section-title) * .9);margin-bottom:var(--spacing-xs)}.horizontal-description{font-size:calc(var(--text-size-body) * .9);margin-bottom:var(--spacing-sm)}.horizontal-badge{font-size:calc(var(--text-size-helper) * .8);padding:var(--spacing-2xs) var(--spacing-xs)}.category-container{padding:var(--spacing-xs)}.category-section{margin-bottom:var(--spacing-md)}.category-title{font-size:calc(var(--text-size-section-title) * .8);margin-bottom:var(--spacing-xs)}.category-cards{display:flex;flex-direction:column;gap:var(--spacing-xs)}.category-card{padding:var(--spacing-xs)}.category-card-title{font-size:calc(var(--text-size-body) * .9)}.cards-section{padding:var(--spacing-sm) var(--spacing-xs)}.section-title{font-size:calc(var(--text-size-section-title) * .8);margin-bottom:var(--spacing-sm);text-align:center}}@media (max-width:1320px){.tableOfContents{position:fixed;left:0;top:0;bottom:0;width:85%;max-width:300px;max-height:100vh;border-radius:0;transform:translateX(-100%);z-index:99999}.tableOfContents.mobile{transform:translateX(-100%)}.tableOfContents.mobile:not(.collapsed){transform:translateX(0)}.tableOfContents.mobile.floating{left:auto;right:20px;top:100px;width:250px;max-height:60vh;border-radius:var(--corner-card);transform:translateX(calc(100% + 20px))}.tableOfContents.mobile.floating:not(.collapsed){transform:translateX(0)}}@media (max-width:375px){.progress-section.long-text{margin:0 0 calc(var(--spacing-xl) * 2) 0}.progress-section.short-text{margin:0 0 calc(var(--spacing-xl) * .5) 0}.progress-section-title{font-size:calc(var(--text-size-helper) - 2px);margin-top:var(--spacing-sm);word-break:normal;overflow-wrap:break-word;hyphens:none}.progress-circle{width:16px;height:16px;font-size:calc(var(--text-size-helper) - 3px);margin-bottom:var(--spacing-sm)}.progress-line{height:5px;top:8px;left:50%}.progress-section:last-child .progress-line{display:none}.progress-section-title{font-size:calc(var(--text-size-helper) - 2px);max-width:calc(100vw / 4.2);line-height:1.2;margin-top:calc(16px + var(--spacing-sm));word-break:normal;overflow-wrap:break-word;hyphens:none;white-space:normal;position:absolute;top:0;left:50%;transform:translateX(-50%)}.quiz-breadcrumb{font-size:calc(var(--text-size-navigation) - 2px);margin-top:var(--spacing-xs);gap:var(--spacing-2xs)}.nav-desktop .dropdown-menu{max-width:calc(100vw - 2 * var(--spacing-md));font-size:calc(var(--text-size-body) - 1px)}.dropdown-item{padding:var(--spacing-xs) var(--spacing-sm);line-height:1.2}}@media (max-width:320px){.page.active{margin:0 auto!important;padding-left:4px;padding-right:4px}.card{margin-left:auto!important;margin-right:auto!important;width:100%;max-width:100%;box-sizing:border-box}main{padding-left:4px;padding-right:4px;width:100%;box-sizing:border-box}.explainer{padding:8px 4px}.button-container{margin:8px 0}.cta-button{width:calc(100% - 8px);margin:8px auto;padding:8px 12px;font-size:calc(var(--text-size-helper) * .9)}.profile-body{align-items:center;text-align:center;gap:var(--spacing-xs);padding:var(--spacing-xs)}.details-section{align-items:center;text-align:center;width:100%}.profile-photo{align-self:center;margin:0 auto var(--spacing-xs) auto;max-width:250px}.progress-line,.progress-line-fill{display:none}.progress-sections{gap:30px}.quiz-breadcrumb{font-size:calc(var(--text-size-navigation) - 3px);margin-top:var(--spacing-2xs);gap:var(--spacing-2xs);line-height:1.1}.explainer ul li{font-size:calc(var(--text-size-body) * .7);line-height:1.25;margin-bottom:4px}.explainer>ul>li>ul>li{font-size:calc(var(--text-size-body) * .65);line-height:1.2;margin-bottom:3px}.explainer ul{margin-top:6px;margin-bottom:8px;width:100%}.explainer p{font-size:var(--text-size-body);line-height:1.4;margin-bottom:8px}.explainer h2,.explainer h3,.explainer h4{font-size:calc(var(--text-size-section-title) * .75);margin-bottom:6px;line-height:1.2}}@media (max-width:1100px){.explainer img{max-width:50%;float:none;display:block;margin:var(--spacing-content-base) auto;clear:both}}.admin-dashboard nav .brandRow{display:flex;justify-content:space-between;align-items:center;margin:var(--spacing-md)}.admin-dashboard nav .brand{font-weight:var(--font-bold);font-size:1.25rem;color:var(--fg-color);white-space:nowrap;flex:0 0 auto;margin-right:var(--spacing-md)}.admin-dashboard nav .actions{display:flex;align-items:center;gap:var(--spacing-md)}.admin-dashboard nav .actions .language-dropdown{order:1}.admin-dashboard nav .actions .theme-switch{order:2}.admin-dashboard nav .actions .btn-danger.log-out{order:3}.admin-dashboard nav .actions .hamburger{order:4}.admin-dashboard nav ul.mainMenu{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:var(--spacing-sm);justify-content:center;flex:1 1 auto}.admin-dashboard nav ul.mainMenu li{flex:0 1 auto}.admin-dashboard nav ul.mainMenu li a{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);color:var(--fg-color);text-decoration:none;box-shadow:var(--shadow-md);border-radius:var(--corner-button);transition:background-color .3s .15s,color .3s .15s;white-space:nowrap}.admin-dashboard nav ul.mainMenu li a.active,.admin-dashboard nav ul.mainMenu li a:hover{background-color:var(--accent-color);color:var(--button-fg-color);font-weight:var(--font-bold)}.admin-dashboard .slide-menu{width:85%;max-width:320px}.admin-dashboard .slide-menu .dropdown-item{margin-bottom:var(--spacing-md);transition:background-color .2s;text-align:center}.admin-dashboard .slide-menu .dropdown-item:last-child{border-bottom:none}.admin-dashboard .slide-menu .dropdown-item:hover{background-color:var(--faded-bg-color)}.admin-dashboard .slide-menu .dropdown-item a.active,.admin-dashboard .slide-menu .dropdown-item.active{color:var(--button-fg-color);font-weight:var(--font-bold);background-color:var(--accent-color)}.admin-dashboard .slide-menu li.theme-item{margin-top:var(--spacing-lg);display:flex;justify-content:center;border-bottom:none}.admin-dashboard .slide-menu li{margin-bottom:var(--spacing-sm)}.admin-tab{background-color:var(--faded-bg-color);color:var(--fg-color);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--corner-button);cursor:pointer;font-size:var(--text-size-body);font-weight:400;transition:background-color .2s,color .2s,transform .1s}.admin-tab.active{background-color:var(--accent-color);color:var(--button-fg-color);font-weight:var(--font-bold)}.admin-tab:hover{background-color:var(--accent-color-light)}.admin-tab:active{transform:scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.1)}.errorLogTabButton.active,.metricsTabButton.active,.reportsTabButton.active,.tabButton.active{background-color:var(--accent-color);color:var(--button-fg-color);font-weight:var(--font-bold)}.errorLogTabButton:active,.metricsTabButton:active,.reportsTabButton:active,.tabButton:active,.templateBtn:active{transform:scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.1)}.templateBtn.terminalStartBtn:hover:not(:disabled){background-color:var(--icon-success);transform:translateY(-1px)}.templateBtn.terminalStopBtn{background-color:var(--status-error);color:var(--theme-contrast);transition:.2s}.templateBtn.terminalStopBtn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.templateBtn.terminalClearBtn{background-color:var(--faded-fg-color);color:var(--theme-contrast);transition:.2s}.templateBtn.terminalClearBtn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.templateBtn.terminalClearBtn:disabled,.templateBtn.terminalStartBtn:disabled,.templateBtn.terminalStopBtn:disabled{background-color:var(--disabled-color);color:rgba(255,255,255,.5);cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.templateBtn:disabled:hover{transform:none}.success-badge{background-color:var(--status-success);color:#fff}.error-badge{background-color:var(--status-error);color:#fff}.error-badge.clickable{cursor:pointer;position:relative;padding-right:var(--spacing-lg);transition:transform .2s,background-color .2s}.error-badge.clickable:hover{transform:scale(1.1);background-color:#c82333}.error-badge.clickable::after{content:"";position:absolute;top:50%;right:6px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;transform:translateY(-50%);transition:transform .2s}.pageButton.active{background-color:var(--accent-color);color:var(--button-fg-color);font-weight:var(--font-bold)}.pagination{display:flex;gap:var(--spacing-sm)}.admin-content-container{background-color:var(--bg-color);border-radius:var(--corner-card);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);min-height:200px}.admin-content-container.large{min-height:300px;padding:var(--spacing-lg)}.admin-content-container.scrollable{padding-bottom:var(--spacing-md);overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--spacing-md)}.errorLogContainer,.metricsContent,.paymentsTableContainer,.quizContainer,.reportsContentContainer,.usersTableContainer{background-color:var(--bg-color);border-radius:var(--corner-card);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);min-height:200px}.reportsContentContainer{min-height:300px;padding:var(--spacing-lg)}.errorLogContainer,.metricsContent,.usersTableContainer{padding-bottom:var(--spacing-md);overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--spacing-md)}.controlsContainer{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);background-color:var(--faded-bg-color);padding:var(--spacing-md);border-radius:var(--corner-card);box-shadow:var(--shadow-sm)}.actionButtons{display:flex;gap:var(--spacing-sm)}.filterContainer{display:flex;gap:var(--spacing-md);margin-left:auto}.filterContainer select{width:200px;background-color:var(--theme-contrast);border:1px solid var(--theme-overlay-light);border-radius:var(--corner-input);padding:var(--spacing-sm) var(--spacing-md);appearance:none}.statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.statsPanel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.statCard{background-color:var(--faded-bg-color);border-radius:var(--corner-card);padding:var(--spacing-md);text-align:center;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow-sm);min-width:180px;min-height:120px;transition:transform .2s,box-shadow .2s}.statCard h3{font-size:var(--text-size-body);color:var(--fg-color);margin:0;margin-bottom:var(--spacing-sm)}.statCard .statValue{font-size:2.5rem;color:var(--accent-color);font-weight:var(--font-bold);margin:0}.statCard:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.statCard.clickable{cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s}.statCard.clickable::after{content:"";position:absolute;bottom:0;left:0;width:var(--width-full);height:4px;background-color:var(--accent-color);transform:scaleX(0);transition:transform .3s;transform-origin:center}.statCard.clickable:hover::after{transform:scaleX(1)}.statCard.clickable:hover{transform:translateY(-2px)}.statCard.clickable:active{transform:translateY(0)}.admin-table{width:var(--width-full);border-collapse:separate;border-spacing:0;table-layout:fixed;background-color:var(--bg-color);border-radius:var(--corner-card);overflow:hidden;box-shadow:var(--shadow-sm);margin:var(--spacing-content-loose) 0;min-width:350px}.admin-table th{background-color:var(--admin-table-header-bg);color:var(--button-fg-color);font-weight:var(--font-bold);font-size:var(--text-size-body);text-align:left;padding:var(--spacing-md);border-bottom:1px solid var(--admin-table-border)}.admin-table td{padding:var(--spacing-md);border-bottom:1px solid var(--admin-table-border);background-color:var(--bg-color);color:var(--fg-color);font-size:var(--text-size-body);white-space:normal;word-wrap:break-word;word-break:break-word}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background-color:var(--admin-table-row-hover)}.admin-table tbody tr{transition:background-color .2s}.dataTable,.errorLogTable,.hours-table,.metrics-table,.paymentsTable,.quiz-table,.quizStatsTable,.scheduledReportsTable,.statsTable,.subscriptionsTable,.syncHistoryTable,.usersTable{width:var(--width-full);border-collapse:separate;border-spacing:0;table-layout:fixed;background-color:var(--bg-color);border-radius:var(--corner-card);overflow:hidden;box-shadow:var(--shadow-sm);margin:var(--spacing-content-loose) 0;min-width:350px}.dataTable th,.errorLogTable th,.hours-table th,.metrics-table th,.paymentsTable th,.quiz-table th,.quizStatsTable th,.scheduledReportsTable th,.statsTable th,.subscriptionsTable th,.syncHistoryTable th,.usersTable th{background-color:var(--admin-table-header-bg);color:var(--button-fg-color);font-weight:var(--font-bold);font-size:var(--text-size-body);text-align:left;padding:var(--spacing-md);border-bottom:1px solid var(--admin-table-border)}.dataTable td,.errorLogTable td,.hours-table td,.metrics-table td,.paymentsTable td,.quiz-table td,.quizStatsTable td,.scheduledReportsTable td,.statsTable td,.subscriptionsTable td,.syncHistoryTable td,.usersTable td{padding:var(--spacing-md);border-bottom:1px solid var(--admin-table-border);background-color:var(--bg-color);color:var(--fg-color);font-size:var(--text-size-body);white-space:normal;word-wrap:break-word;word-break:break-word}.dataTable tbody tr:last-child td,.errorLogTable tbody tr:last-child td,.hours-table tbody tr:last-child td,.metrics-table tbody tr:last-child td,.paymentsTable tbody tr:last-child td,.quiz-table tbody tr:last-child td,.quizStatsTable tbody tr:last-child td,.scheduledReportsTable tr:last-child td,.statsTable tbody tr:last-child td,.subscriptionsTable tbody tr:last-child td,.syncHistoryTable tbody tr:last-child td,.usersTable tbody tr:last-child td{border-bottom:none}.dataTable tbody tr:hover td,.errorLogTable tbody tr:hover td,.hours-table tbody tr:hover td,.metrics-table tbody tr:hover td,.paymentsTable tbody tr:hover td,.quiz-table tbody tr:hover td,.quizStatsTable tbody tr:hover td,.scheduledReportsTable tbody tr:hover td,.statsTable tbody tr:hover td,.subscriptionsTable tbody tr:hover td,.syncHistoryTable tbody tr:hover td,.usersTable tbody tr:hover td{background-color:var(--admin-table-row-hover)}.dataTable tbody tr,.errorLogTable tbody tr,.hours-table tbody tr,.metrics-table tbody tr,.paymentsTable tbody tr,.quiz-table tbody tr,.quizStatsTable tbody tr,.scheduledReportsTable tbody tr,.statsTable tbody tr,.subscriptionsTable tbody tr,.syncHistoryTable tbody tr,.usersTable tbody tr{transition:background-color .2s}.admin-action-btn{display:inline-block!important;vertical-align:middle!important;padding:var(--spacing-xs) var(--spacing-sm);margin:2px!important;font-size:.85rem;min-width:50px;box-sizing:border-box;border:none;border-radius:var(--corner-button);cursor:pointer;transition:background-color .2s}.admin-action-btn.edit{background-color:var(--button-bg-color);color:var(--button-fg-color)}.admin-action-btn.save{background-color:var(--status-success);color:var(--button-fg-color)}.admin-action-btn.cancel{background-color:var(--status-error);color:var(--button-fg-color)}.admin-action-btn:hover{background-color:var(--button-hover-bg)}.usersTable input[type=text]{width:95%;padding:var(--spacing-xs);background-color:var(--bg-color);border:1px solid var(--accent-color);border-radius:var(--corner-input)}.user-actions{display:table-cell!important;text-align:center!important;white-space:nowrap!important;padding:8px 4px!important;min-height:48px;min-width:90px;box-sizing:border-box}.usersTable tr.saving{opacity:.8}.usersTable tr.saving input{opacity:.6}.terminalOutput{background-color:#1e1e1e;color:#f8f8f8;font-family:Consolas,Monaco,'Courier New',monospace;white-space:pre;border-radius:5px;padding:15px;margin-top:20px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;counter-reset:line}.terminalOutput .line-number{display:inline-block;width:25px;margin-right:15px;color:#858585;text-align:right;user-select:none}.terminalOutput .success{color:#4caf50}.terminalOutput .warning{color:#ff9800}.terminalOutput .error{color:#f44336}.terminalOutput .info{color:#2196f3}.terminalOutput .property-name{color:#9cdcfe}.terminalOutput .string-value{color:#ce9178}.terminalOutput .number-value{color:#b5cea8}.terminalOutput .keyword-value{color:#569cd6}.liveTerminalOutput{background-color:#0d1117;color:#0f8;font-family:'Courier New',Consolas,'Liberation Mono',Monaco,monospace;white-space:pre-wrap;line-height:1.4;border-radius:var(--corner-card);border:1px solid #30363d;padding:var(--spacing-lg);margin-top:var(--spacing-md);box-shadow:var(--shadow-md);position:relative;overflow-y:auto;min-height:400px;max-height:600px;font-size:var(--text-size-helper)}.liveTerminalOutput::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(0,255,136,.02) 0,transparent 60%);pointer-events:none;border-radius:var(--corner-card)}.liveTerminalOutput::after{content:"█";color:#0f8;position:absolute;bottom:var(--spacing-lg);right:var(--spacing-lg);animation:1s infinite terminalBlink;margin-left:2px;margin-right:2px}.liveTerminalOutput .success{color:#0f0;text-shadow:0 0 5px rgba(0,255,0,.5)}.liveTerminalOutput .warning{color:#ff0;text-shadow:0 0 5px rgba(255,255,0,.3)}.liveTerminalOutput .error{color:#f44;text-shadow:0 0 5px rgba(255,68,68,.4)}.liveTerminalOutput .info{color:#0f8;text-shadow:0 0 3px rgba(0,255,136,.3)}.liveTerminalOutput .debug{color:#0c6;text-shadow:0 0 3px rgba(0,204,102,.3)}.liveTerminalOutput .timestamp{color:#666;font-size:.9rem;opacity:.8}.liveTerminalOutput::-webkit-scrollbar{width:8px}.liveTerminalOutput::-webkit-scrollbar-track{background:#0d1117;border-radius:4px}.liveTerminalOutput::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px;transition:background .2s}.liveTerminalOutput::-webkit-scrollbar-thumb:hover{background:#484f58}.errorMessage,.infoMessage,.loadingText,.statusMessage,.successMessage,.warningMessage{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);border-radius:var(--corner-card);font-weight:var(--font-bold);font-size:var(--text-size-body);text-align:center;margin-bottom:var(--spacing-md)}.infoMessage,.loadingText,.statusMessage.info,.statusMessage.loading{background-color:rgba(121,185,253,.15);color:#3b82c5}.statusMessage.success,.successMessage{background-color:rgba(90,207,179,.15);color:#2a9d8f}.errorMessage,.statusMessage.error{background-color:rgba(220,53,69,.15);color:#c92432}.statusMessage.warning,.warningMessage{background-color:rgba(255,193,7,.15);color:#e6a100}.loadingText::before,.statusMessage.loading::before{content:"";display:inline-block;width:20px;height:20px;border:3px solid rgba(107,93,211,.3);border-top-color:var(--accent-color);border-radius:var(--corner-circle);animation:1s linear infinite spin;margin-right:10px}.statusMessage.success::before,.successMessage::before{content:'✓';margin-right:10px;font-size:1.2em}.errorMessage::before,.statusMessage.error::before{content:'✖';margin-right:10px;font-size:1.2em}.infoMessage::before,.statusMessage.info::before{content:'ℹ';margin-right:10px;font-size:1.2em}.statusMessage.warning::before,.warningMessage::before{content:'⚠';margin-right:10px;font-size:1.2em}.loginContainer{background-color:var(--faded-bg-color);border-radius:var(--corner-card);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin:80px auto;max-width:400px}.loginHeader h1{font-size:var(--text-size-page-title);margin-bottom:0;padding-bottom:var(--spacing-sm);border-bottom:none}.loginForm{display:flex;flex-direction:column;gap:var(--spacing-md)}#paymentsPage{padding:1.5rem;max-width:var(--width-full)}#paymentsPage h1{font-size:var(--text-size-page-title);border-bottom:1px solid var(--theme-overlay-light);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-lg)}#paymentsPage .tabsContainer{width:var(--width-full);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--theme-overlay-light);padding-bottom:var(--spacing-sm)}#paymentsPage .tabButton{background-color:var(--faded-bg-color);color:var(--fg-color);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--corner-button);cursor:pointer;font-size:var(--text-size-body);font-weight:400;transition:background-color .2s,color .2s}#paymentsPage .tabButton.active{background-color:var(--accent-color);color:var(--button-fg-color);font-weight:var(--font-bold)}#paymentsPage .tabButton:hover{background-color:var(--accent-color-light)}.reportDescriptions{background-color:rgba(107,93,211,.08);border-radius:var(--corner-card);padding:var(--spacing-md);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.reportDescriptions h3{font-size:var(--text-size-section-title);margin-bottom:var(--spacing-md)}.reportDescription{border-bottom:1px solid var(--theme-overlay-light);padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.reportDescription:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.reportDescription h4{font-size:var(--text-size-navigation);margin-bottom:var(--spacing-sm);display:flex;align-items:center}.reportDescription h4::before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--accent-color);border-radius:var(--corner-circle);margin-right:var(--spacing-sm)}.reportDescription p{color:var(--faded-fg-color);line-height:1.5;margin:0}.user-select-none{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.status-active{color:var(--admin-status-active)}.status-inactive{color:var(--admin-status-inactive)}.status-loading{color:var(--admin-status-loading)}.table-loading{padding:var(--spacing-lg);text-align:center}.table-error{color:var(--status-error)}.table-centered{text-align:center}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}100%,to{transform:rotate(360deg)}}@keyframes terminalBlink{0%,50%{opacity:1}100%,51%{opacity:0}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@media (max-width:992px){.statsGrid{grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.admin-content-container,.errorLogContainer,.metricsContent,.usersTableContainer{padding:var(--spacing-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--spacing-md)}.admin-table,.dataTable,.errorLogTable,.hours-table,.metrics-table,.quiz-table,.usersTable{font-size:.9rem;min-width:400px}.admin-table td,.admin-table th,.dataTable td,.dataTable th,.errorLogTable td,.errorLogTable th,.hours-table td,.hours-table th,.metrics-table td,.metrics-table th,.quiz-table td,.quiz-table th,.usersTable td,.usersTable th{padding:var(--spacing-sm)}.statsPanel{flex-direction:column;gap:var(--spacing-md)}.statCard{width:100%}.controlsContainer{flex-direction:column;align-items:stretch}.admin-action-btn,.cancelUserBtn,.editUserBtn,.saveUserBtn{padding:var(--spacing-xs);font-size:.8rem;min-width:45px}.user-actions{min-width:100px}}@media (max-width:768px){.admin-dashboard nav .actions .log-out,.admin-dashboard nav ul.mainMenu{display:none!important}.admin-dashboard nav .actions .hamburger{display:flex;order:3;margin-left:auto}.admin-content-container.large,.reportsContentContainer{padding:var(--spacing-md)}.formContainer{max-width:100%}.formGroup input,.formGroup select,.loginForm button,.reportForm button{height:44px}.admin-action-btn,.cancelUserBtn,.editUserBtn,.saveUserBtn{display:inline-block!important;vertical-align:middle!important;width:auto!important;margin:1px!important;padding:4px 6px;font-size:.75rem;min-width:40px}.user-actions{white-space:nowrap!important;min-width:90px;padding:4px 2px!important}.liveTerminalOutput{max-height:400px;min-height:300px;padding:var(--spacing-md);font-size:calc(var(--text-size-helper) * .9)}}@media (max-width:576px){.admin-table{font-size:.8rem}.admin-table td,.admin-table th{padding:var(--spacing-xs) var(--spacing-sm)}.dataTable,.errorLogTable,.hours-table,.metrics-table,.quiz-table,.usersTable{font-size:.8rem}.dataTable td,.dataTable th,.errorLogTable td,.errorLogTable th,.hours-table td,.hours-table th,.metrics-table td,.metrics-table th,.quiz-table td,.quiz-table th,.usersTable td,.usersTable th{padding:var(--spacing-xs) var(--spacing-sm)}.statCard{padding:var(--spacing-md)}.statCard .statValue{font-size:2rem}.admin-status-message,.errorMessage,.infoMessage,.loadingText,.statusMessage,.successMessage,.warningMessage{padding:var(--spacing-sm);font-size:.9em}.admin-status-message::before,.errorMessage::before,.infoMessage::before,.loadingText::before,.statusMessage.error::before,.statusMessage.info::before,.statusMessage.loading::before,.statusMessage.success::before,.statusMessage.warning::before,.successMessage::before,.warningMessage::before{margin-right:var(--spacing-sm);font-size:1.1em}.loadingText::before,.statusMessage.loading::before{width:16px;height:16px;border-width:2px}}@media screen and (max-width:990px){.controlsContainer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%}.actionButtons,.filterContainer{display:flex;flex-direction:column;width:100%;max-width:300px;gap:var(--spacing-md)}.filterContainer{margin-left:0}.templateBtn{width:100%;display:flex;justify-content:center;align-items:center}}@media (max-width:480px){.admin-dashboard nav ul.mainMenu{display:none;flex-direction:column;width:100%;padding:var(--spacing-md);background-color:var(--bg-color);border-top:1px solid rgba(255,255,255,.1)}.admin-dashboard nav ul.mainMenu.open{display:flex}.admin-dashboard nav .language-menu,.admin-dashboard nav .theme-switch{order:0}.admin-dashboard nav .hamburger{display:flex}.admin-dashboard nav .settingsMenu{order:98;width:100%;justify-content:flex-end}}