*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}img,svg,video{max-width:100%;height:auto}body{background:var(--color-bg);color:var(--color-text)}body.theme-moderator{background:var(--color-bg-subtle)}a{color:inherit}.app-root{min-height:100vh;min-width:0;max-width:100%;padding:calc(var(--nav-height) + var(--space-4)) var(--content-padding-x,var(--space-4)) var(--space-6)}@media (min-width:1024px){.app-root{padding-top:calc(var(--nav-height) + var(--space-6));padding-bottom:var(--space-10)}}.app-main{max-width:100%;min-width:0;margin:0 auto}.app-footer,.app-main{width:min(var(--content-max-width),100%)}.app-footer{margin:var(--space-8) auto 0;padding:var(--space-4) 0;text-align:center;border-top:1px solid var(--color-border)}.app-footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1) var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-size-xs)}.app-footer__tagline{color:var(--color-text-muted)}.app-footer__contact,.app-footer__tagline{margin:0 0 var(--space-2);font-size:var(--font-size-sm)}.app-footer__contact a,.app-footer__nav a{color:var(--color-primary);text-decoration:none}.app-footer__nav a:hover{text-decoration:underline}.app-footer__sep{margin:0 var(--space-1);color:var(--color-text-subtle)}.app-footer__copy{margin:0;font-size:var(--font-size-xs);color:var(--color-text-subtle)}.app-footer__copy a{color:var(--color-primary);text-decoration:none}.legal-page h2,.privacy-page h2{margin-top:var(--space-6);margin-bottom:var(--space-2)}.legal-page li,.legal-page p,.privacy-page li,.privacy-page p{line-height:1.6;color:var(--color-text-muted)}.legal-page__hint,.legal-page__updated,.privacy-page__updated{color:var(--color-text-subtle);font-size:var(--font-size-sm)}.legal-page__hint{font-style:italic}.legal-page__related{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.legal-page__related-label{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-subtle)}.legal-page__related-list{margin:0;padding-left:var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);list-style:disc}.legal-page__related-list a{color:var(--color-primary);text-decoration:none}.contact-form{display:flex;flex-direction:column;gap:var(--space-3);max-width:32rem}.contact-form input,.contact-form textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;color:var(--color-text);background:var(--color-bg)}.contact-form button[type=submit]{align-self:flex-start;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font:inherit;cursor:pointer}.contact-form__status{font-size:var(--font-size-sm);color:var(--color-text-muted)}.sources-section{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.sources-section h2{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.sources-section ul{margin:0;padding-left:var(--space-5);color:var(--color-text-muted)}.sources-section a{color:var(--color-primary);word-break:break-word}.content-actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.page-card{background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);text-align:left;max-width:100%;min-width:0}@media (max-width:767px){.page-card{padding:var(--space-4);overflow-x:hidden}}@media (min-width:768px){.page-card{padding:var(--space-8)}}.page-card h1,.page-card h2{margin-top:0}.page-card__hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.migration-badge{display:inline-block;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);padding:4px 10px;font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--space-3)}.landing-page{text-align:center}.landing-page__heading{font-size:clamp(1.75rem,4vw,var(--font-size-hero));margin-bottom:var(--space-2);color:var(--color-text)}.landing-page__subtitle{margin-bottom:var(--space-8);font-size:clamp(1rem,2vw,var(--font-size-lg));color:var(--color-text-muted);max-width:42rem;margin-left:auto;margin-right:auto}.landing-page__cta{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}@media (min-width:768px){.landing-page__cta-btn{padding:14px 32px;font-size:var(--font-size-lg)}}.landing-page__cta-btn{padding:12px 28px;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:600;cursor:pointer;background:var(--color-primary);color:#ffffff;transition:background var(--transition-fast)}.landing-page__cta-btn:hover{background:var(--color-primary-hover)}.landing-page__cta-btn--secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.landing-page__cta-btn--secondary:hover{background:var(--color-primary-light)}.landing-page__section{margin-top:var(--space-10);text-align:left}.landing-page__section-title{font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--space-4);color:var(--color-text)}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:768px){.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}}@media (min-width:1280px){.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.quiz-card{background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);text-align:left}.quiz-card h3{margin:0 0 var(--space-2)}.quiz-meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.quiz-card button{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:white;cursor:pointer;font:inherit;font-weight:600}.modal-overlay{position:fixed;inset:0;background:rgba(17,24,39,.5);display:flex;align-items:center;justify-content:center;z-index:1200;padding:var(--space-4)}.modal-card{width:min(420px,100%);background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-lg);position:relative;max-height:calc(100vh - 40px);overflow-y:auto}@media (min-width:768px){.modal-card{width:min(480px,100%);padding:var(--space-8)}}.modal-close{position:absolute;right:10px;top:8px;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;line-height:1}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-form input,.auth-form select{padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit}.auth-form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:calc(-1 * var(--space-2))}.auth-form-phone-row{display:grid;grid-template-columns:minmax(9rem,38%) 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.auth-form-name-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.auth-form-name-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}@media (max-width:420px){.auth-form-name-row{grid-template-columns:1fr}}.auth-form-hint{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.auth-form-hint--error{color:var(--color-danger)}.auth-form-hint-demo{font-size:var(--font-size-xs)}.modal-card--register{max-width:min(100%,28rem)}.auth-form button{padding:10px;background-color:var(--color-primary);color:white;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.auth-form-secondary-btn{margin-top:var(--space-2);background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.auth-form-hint--gate{margin-bottom:var(--space-3)}.google-btn{padding:10px 20px;background-color:#db4437;color:white;border:none;border-radius:var(--radius-sm);cursor:pointer;width:100%}.google-btn,.modal-switch{margin-top:var(--space-3)}.modal-link{border:none;background:transparent;color:var(--color-link);cursor:pointer;font-size:var(--font-size-sm);font-weight:600}.modal-link:hover{color:var(--color-link-hover)}.message{margin-top:var(--space-3);color:var(--color-danger);font-size:var(--font-size-sm)}.leaderboard-panel table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}@media (min-width:768px){.leaderboard-panel{overflow-x:auto}.leaderboard-panel table{font-size:var(--font-size-base)}}.leaderboard-panel td,.leaderboard-panel th{padding:var(--space-2);text-align:left}.leaderboard-panel td:not(:first-child),.leaderboard-panel th:not(:first-child){text-align:center}.leaderboard-panel tr{border-bottom:1px solid var(--color-border)}.auth-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4)}.auth-page-card{width:100%;max-width:420px;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface,#fff)}.auth-page-card h1{margin:0 0 var(--space-4);font-size:var(--font-size-xl)}.forgot-password-link{display:block;margin-top:var(--space-2);text-align:left}.message-success{color:var(--color-success,#15803d)}.message-error{color:var(--color-danger)}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-4);background:var(--color-nav-bg);border-bottom:1px solid var(--color-nav-border);box-shadow:var(--shadow-nav);z-index:1000}.top-nav__brand{color:var(--color-primary);font-weight:800;font-size:var(--font-size-lg);letter-spacing:-.02em;text-decoration:none;flex-shrink:0}.top-nav__links{display:flex;align-items:center;gap:var(--space-1);flex:1 1;justify-content:center}.top-nav__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast),background var(--transition-fast)}.top-nav__link:hover{color:var(--color-text);background:var(--color-nav-hover)}.top-nav__link.active{color:var(--color-primary);background:var(--color-primary-light)}.top-nav__actions{display:flex;align-items:center;gap:var(--space-2);position:relative;flex-shrink:0}.top-nav__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3);z-index:1201}.top-nav__menu-email{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);word-break:break-all}.top-nav__menu-role{margin:2px 0 var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.top-nav__menu-item{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);text-decoration:none;font-size:var(--font-size-sm);cursor:pointer}.top-nav__menu-item:hover{background:var(--color-bg-subtle)}.top-nav__menu-item--danger{color:var(--color-danger);margin-top:var(--space-1);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.top-nav__menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;cursor:pointer}.top-nav__menu-toggle-bar{display:block;width:18px;height:2px;margin:0 auto;background:var(--color-text);border-radius:1px}.top-nav__mobile-nav{display:none}@media (max-width:767px){.top-nav{background:var(--color-nav-bg);border-bottom-color:var(--color-nav-border);box-shadow:var(--shadow-nav);flex-wrap:wrap}.top-nav__links--desktop{display:none!important}.top-nav__menu-toggle{display:inline-flex}.top-nav__mobile-nav{display:flex;flex-direction:column;gap:var(--space-1);width:100%;order:10;padding:var(--space-2) 0 var(--space-3);border-top:1px solid var(--color-border);background:var(--color-nav-bg)}.top-nav__mobile-nav-link{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;font-size:var(--font-size-base);font-weight:500}.top-nav__mobile-nav-link.active,.top-nav__mobile-nav-link:hover{color:var(--color-primary);background:var(--color-primary-light)}}@media (min-width:768px){.top-nav{padding:0 var(--content-padding-x,var(--space-6))}.top-nav__links{gap:var(--space-2)}.top-nav__link{padding:var(--space-2) var(--space-4)}}@media (min-width:1280px){.top-nav__brand{font-size:var(--font-size-xl)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom,0);background:var(--color-nav-bg);border-top:1px solid var(--color-nav-border);box-shadow:0 -1px 0 var(--color-nav-border),0 -4px 14px rgba(17,24,39,.12);display:none;z-index:1000}.bottom-nav__item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:500;min-height:44px;transition:color var(--transition-fast)}.bottom-nav__item--active{color:var(--color-primary)}.bottom-nav__icon{font-size:1.25rem;line-height:1}.bottom-nav__label{font-size:.65rem;letter-spacing:.02em}@media (max-width:767px){.bottom-nav{display:flex}.app-root--student-mobile{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0) + var(--space-4))}}@media (min-width:768px){.bottom-nav{display:none}}.back-button{display:inline-flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);min-height:40px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.back-button:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.back-button__icon{font-size:var(--font-size-lg);line-height:1}.back-button__label{line-height:1}.captcha-challenge{display:flex;flex-direction:column;gap:var(--space-2)}.captcha-challenge__row{display:flex;align-items:center;gap:var(--space-2)}.captcha-challenge__image-wrap{flex:1 1;min-height:64px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-subtle);overflow:hidden}.captcha-challenge__image{display:block;width:100%;height:64px;object-fit:contain;background:#f4f4f4}.captcha-challenge__placeholder{display:flex;align-items:center;justify-content:center;min-height:64px;color:var(--color-text-muted);font-size:var(--font-size-sm)}.captcha-challenge__refresh{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);min-height:40px;cursor:pointer;font-size:var(--font-size-sm)}.captcha-challenge__refresh:hover:not(:disabled){background:var(--color-bg-subtle)}.captcha-challenge__refresh:disabled{opacity:.6;cursor:not-allowed}.captcha-challenge__input{width:100%;letter-spacing:.2em;text-transform:uppercase}