:root{--color-bg:#fafbfc;--color-bg-secondary:#fff;--color-bg-tertiary:#f8f9fa;--color-text-primary:#2c3e50;--color-text-secondary:#7f8c8d;--color-text-muted:#95a5a6;--color-border:#e1e8ed;--color-border-light:#f1f3f4;--color-accent:#3498db;--color-accent-hover:#2980b9;--color-danger:#e74c3c;--color-danger-hover:#c0392b;--color-success:#27ae60;--color-warning-bg:#fff3cd;--color-warning-text:#856404;--color-warning-border:#ffeaa7;--color-error-bg:#f8d7da;--color-error-text:#721c24;--color-shadow:#0000000f;--color-shadow-strong:#0000001a;--color-input-bg:#fff;--color-input-disabled-bg:#f8f9fa;--color-card-bg:#fff;--color-fullmock-btn:#1a1a2e;--color-fullmock-btn-hover:#2d2d4e;--color-auth-gradient-start:#667eea;--color-auth-gradient-end:#764ba2;--color-link:#3498db;--color-link-hover:#2980b9}[data-theme=dark]{--color-bg:#1a1a2e;--color-bg-secondary:#16213e;--color-bg-tertiary:#0f3460;--color-text-primary:#e0e0e0;--color-text-secondary:#a0a0b0;--color-text-muted:#808090;--color-border:#2a2a4a;--color-border-light:#252545;--color-accent:#5dade2;--color-accent-hover:#3498db;--color-danger:#e74c3c;--color-danger-hover:#c0392b;--color-success:#2ecc71;--color-warning-bg:#3d3200;--color-warning-text:gold;--color-warning-border:#665200;--color-error-bg:#4a1c24;--color-error-text:#f8a0a8;--color-shadow:#0000004d;--color-shadow-strong:#00000080;--color-input-bg:#1e1e3a;--color-input-disabled-bg:#252545;--color-card-bg:#16213e;--color-fullmock-btn:#5dade2;--color-fullmock-btn-hover:#3498db;--color-auth-gradient-start:#1a1a2e;--color-auth-gradient-end:#16213e;--color-link:#5dade2;--color-link-hover:#3498db}body{background:#fafbfc;color:#2c3e50;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus-visible{border-radius:2px;outline:2px solid #3498db;outline:2px solid var(--color-accent,#2563eb);outline-offset:2px}[data-theme=dark] :focus-visible{outline-color:#60a5fa}:focus:not(:focus-visible){outline:none}.auth-page{align-items:center;background:linear-gradient(135deg,var(--color-auth-gradient-start) 0,var(--color-auth-gradient-end) 100%);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-container{max-width:600px;width:100%}.auth-header{color:#fff;margin-bottom:2rem;text-align:center}.auth-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.auth-header p{font-size:1.1rem;margin:0;opacity:.9}.auth-footer{color:#fff;margin-top:2rem;opacity:.8;text-align:center}.auth-footer p{font-size:.9rem;line-height:1.5;margin:0 auto;max-width:400px}.loading-container{align-items:center;background:linear-gradient(135deg,var(--color-auth-gradient-start) 0,var(--color-auth-gradient-end) 100%);display:flex;justify-content:center;min-height:100vh}.loading-container .loading{color:#fff;font-size:1.2rem;font-weight:500}@media (max-width:768px){.auth-header h1{font-size:2rem}.auth-header p{font-size:1rem}}.google-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s,box-shadow .2s;width:100%}.google-button:hover:not(:disabled){background:#f8f8f8;box-shadow:0 1px 3px #0000001f}.google-button:disabled{cursor:not-allowed;opacity:.6}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:40px;width:40px}.loading-spinner-text{color:var(--color-text-secondary);font-size:1rem}@keyframes spin{to{transform:rotate(1turn)}}.tab-navigation{background:var(--color-card-bg);border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px 0 var(--color-shadow);position:relative}.desktop-tabs{display:flex;gap:0;padding:0 32px}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:6px;padding:16px 24px;position:relative;transition:all .2s ease}.tab-button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.tab-button.active{background:#0000;border-bottom-color:var(--color-accent);color:var(--color-accent)}.tab-icon{align-items:center;display:flex;font-size:20px;justify-content:center}.tab-label{font-weight:500;white-space:nowrap}.mobile-nav{display:none}.mobile-menu-button{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;width:100%}.current-tab{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0;overflow:hidden}.current-tab .tab-icon{flex-shrink:0;font-size:18px}.current-tab .tab-label{word-wrap:break-word;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:normal}.hamburger{cursor:pointer;display:flex;flex-direction:column;gap:3px;height:18px;width:24px}.hamburger span{background:var(--color-text-secondary);border-radius:2px;display:block;height:3px;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{background:var(--color-card-bg);border-bottom:1px solid var(--color-border);box-shadow:0 4px 12px var(--color-shadow-strong);left:0;max-height:0;overflow:hidden;position:absolute;right:0;top:100%;transition:max-height .3s ease;z-index:1000}.mobile-menu.open{max-height:400px}.mobile-tab-button{align-items:center;background:#0000;border:none;border-left:4px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:16px;gap:16px;padding:16px 20px;transition:all .2s ease;width:100%}.mobile-tab-button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.mobile-tab-button.active{background:var(--color-bg-tertiary);border-left-color:var(--color-accent);color:var(--color-accent)}.mobile-tab-button .tab-icon{font-size:20px}.mobile-tab-button .tab-label{font-weight:500}.mobile-menu-overlay{background:var(--color-shadow-strong);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.desktop-tabs{display:none}.mobile-nav{display:block}}@media (min-width:769px){.tab-navigation{padding:0 32px}.tab-button{font-size:13px;padding:12px 16px}.tab-icon{font-size:18px}.tab-label{font-size:12px}}@media (max-width:480px){.mobile-menu-button{padding:10px 12px}.current-tab .tab-label{font-size:12px}.current-tab .tab-icon{font-size:16px}.mobile-tab-button{font-size:13px;padding:12px 14px}}.test-selector{margin:0 auto;max-width:1400px;padding:32px;width:100%}.test-selector-header{margin-bottom:40px;text-align:center}.test-selector-header h2{color:var(--color-text-primary);font-size:2rem;font-weight:600;letter-spacing:-.025em;margin:0 0 8px}.test-selector-header p{color:var(--color-text-secondary);font-size:16px;margin:0}.tests-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:30px}.test-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 3px 0 var(--color-shadow);cursor:pointer;padding:24px;position:relative;transition:all .2s ease}.test-card.selected,.test-card:hover{border-color:var(--color-accent);box-shadow:0 4px 6px -1px var(--color-shadow-strong)}.test-card.selected{background:var(--color-bg-tertiary)}.test-card-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.test-card-header h3{color:var(--color-text-primary);flex:1 1;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0}.test-category{background:var(--color-accent);border-radius:16px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.test-description{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0 0 20px}.test-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.test-stat{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.stat-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.stat-value{color:var(--color-text-primary);font-size:14px;font-weight:600}.selected-indicator{background:var(--color-success);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:16px;top:16px}.no-tests{color:var(--color-text-secondary);padding:60px 20px;text-align:center}.no-tests p{font-size:16px;margin:0}@media (max-width:768px){.test-selector{padding:15px}.tests-grid{gap:15px;grid-template-columns:1fr}.test-card{padding:20px}.test-card-header{align-items:flex-start;flex-direction:column;gap:10px}.test-category{align-self:flex-start}.test-stats{gap:8px;grid-template-columns:1fr}.selected-indicator{align-self:flex-start;margin-top:15px;position:static}}.discussions-panel{background:var(--color-card-bg);border-radius:12px;box-shadow:0 4px 20px var(--color-shadow-strong);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:fixed;right:20px;top:80px;width:400px;z-index:1000}.discussions-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid var(--color-border);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.discussions-header h3{font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:background .2s;width:32px}.close-btn:hover{background:#ffffff4d}.question-preview{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);padding:12px 16px}.question-preview-label{color:#667eea;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.question-preview-text{color:var(--color-text-secondary);font-size:12px;line-height:1.4;margin-bottom:12px}.choices-preview{display:flex;flex-direction:column;gap:6px;margin-top:8px}.choice-preview-item{display:flex;font-size:11px;gap:6px;line-height:1.3}.choice-preview-key{color:#667eea;flex-shrink:0;font-weight:700;min-width:18px}.choice-preview-value{color:var(--color-text-secondary);flex:1 1}.discussions-content{flex:1 1;overflow-y:auto;padding:16px}.no-discussions{color:var(--color-text-secondary);padding:40px 20px;text-align:center}.discussion-thread{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:20px}.discussion-thread:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.thread-starter{margin-bottom:12px}.thread-comments{margin-top:12px}.discussion-comment{background:var(--color-bg-tertiary);border-radius:8px;margin-bottom:8px;padding:12px}.discussion-comment.depth-1{background:var(--color-bg);margin-left:16px}.discussion-comment.depth-2{background:var(--color-border-light);margin-left:32px}.discussion-comment.depth-3{background:var(--color-border);margin-left:48px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-poster{color:#667eea;font-size:14px;font-weight:600}.comment-time{color:var(--color-text-muted);font-size:12px}.comment-content{word-wrap:break-word;color:var(--color-text-primary);font-size:14px;line-height:1.5;white-space:pre-wrap}.comment-content p{margin:0 0 8px}.comment-content p:last-child{margin-bottom:0}.comment-content strong{color:var(--color-text-primary);font-weight:600}.comment-content em{font-style:italic}.comment-content code{background:var(--color-bg-tertiary);border-radius:3px;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.comment-content pre{background:var(--color-bg-tertiary);border-radius:4px;margin:8px 0;overflow-x:auto;padding:10px}.comment-content pre code{background:none;padding:0}.comment-content a{color:#667eea;text-decoration:none}.comment-content a:hover{text-decoration:underline}.comment-content ol,.comment-content ul{margin:8px 0;padding-left:20px}.comment-content li{margin:4px 0}.comment-replies{margin-top:8px}.discussions-content::-webkit-scrollbar{width:8px}.discussions-content::-webkit-scrollbar-track{background:var(--color-border-light);border-radius:4px}.discussions-content::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:4px}.discussions-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media (max-width:768px){.discussions-panel{left:20px;max-height:90vh;right:20px;width:calc(100% - 40px)}}@media (min-width:769px) and (max-width:1200px){.discussions-panel{max-height:90vh;width:500px}}.question-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 8px 32px var(--color-shadow);box-sizing:border-box;margin:0;max-width:100%;padding:28px;width:100%}.question-error{background:var(--color-error-bg);border:2px solid #f5c6cb;border-radius:8px;color:var(--color-error-text);margin-bottom:20px;padding:20px;text-align:center}.question-error h2{color:var(--color-error-text);margin-bottom:15px}.question-error p{line-height:1.5;margin-bottom:10px}.missing-image{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:6px;margin:15px 0;padding:15px}.missing-image a{color:var(--color-link);font-weight:700;text-decoration:none}.missing-image a:hover{text-decoration:underline}.question-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.question-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0}.header-left{align-items:center;display:flex;gap:10px}.bookmark-btn{background:none;border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:all .2s ease}.bookmark-btn:hover{transform:scale(1.1)}.bookmark-btn.bookmarked,.bookmark-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent)}.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.discussions-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;box-shadow:0 2px 8px #8b5cf633;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.discussions-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.multiple-indicator{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b33;color:#fff;font-size:12px}.multiple-indicator,.result{border-radius:12px;font-weight:600;padding:6px 14px;white-space:nowrap}.result{font-size:14px}.result.correct{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.result.incorrect{background:#fecaca;border:1px solid #fca5a5;color:#991b1b}.next-btn-header{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:all .3s ease;white-space:nowrap}.next-btn-header:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.question-text{background:var(--color-bg-tertiary);border-left:4px solid var(--color-accent);border-radius:12px;color:var(--color-text-primary);font-size:16px;line-height:1.6;margin-bottom:24px;padding:20px}.question-text p{margin-bottom:12px}.question-images{display:flex;flex-direction:column;gap:16px;margin:20px 0}.question-image-container{text-align:center}.question-image{border-radius:12px;box-shadow:0 4px 20px var(--color-shadow);cursor:pointer;height:auto;max-width:100%;transition:transform .3s ease}.question-image:hover{transform:scale(1.02)}.answer-images{margin:20px 0}.answer-images h4{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.answer-image-container{margin-bottom:16px;text-align:center}.answer-image{border-radius:12px;box-shadow:0 4px 20px var(--color-shadow);cursor:pointer;height:auto;max-width:100%;transition:transform .3s ease}.answer-image:hover{transform:scale(1.02)}.choices{margin-bottom:24px}.choice{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;gap:14px;margin-bottom:12px;padding:18px;transition:all .3s ease}.choice,.choice-label{align-items:center;display:flex}.choice-label{background:var(--color-border-light);border:2px solid var(--color-border);border-radius:50%;color:var(--color-accent);flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;min-width:32px}.choice:hover{box-shadow:0 4px 16px #3b82f626;transform:translateY(-2px)}.choice.selected,.choice:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.choice.selected{box-shadow:0 4px 16px #3b82f633}.choice.selected .choice-label{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border-color:var(--color-accent);color:#fff}.choice.correct{background:#ecfdf5;border-color:#10b981;color:#065f46}.choice.correct .choice-label{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.choice.incorrect{background:#fef2f2;border-color:#ef4444;color:#991b1b}.choice.incorrect .choice-label{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.choice.correct-highlight{animation:pulse 2s infinite;background:#ecfdf5;border-color:#10b981;color:#065f46}.choice.correct-highlight .choice-label{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}@keyframes pulse{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.choice-text{align-items:center;color:var(--color-text-primary);display:flex;flex:1 1;font-size:15px;line-height:1.5}.submit-btn{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-left:auto;margin-right:auto;margin-top:16px;padding:14px 32px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}@media (max-width:768px){.question-card{margin:0;padding:20px}.question-header{align-items:flex-start;flex-direction:column}.question-header h2{font-size:1.3rem}.choice{padding:15px}.choice-text{font-size:14px}}@media (max-width:480px){.question-card{margin:0;padding:15px}.question-header h2{font-size:1.2rem}.choice{padding:12px}.choice-text{font-size:13px}}.quiz-stats{background:var(--color-card-bg);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);margin-bottom:20px;padding:10px 20px}.stats-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.stats-container h1{word-wrap:break-word;color:var(--color-text-primary);flex:1 1;font-size:1.2rem;line-height:1.3;margin:0;min-width:0;overflow-wrap:break-word}.progress-bar-inline{background:var(--color-border);border-radius:3px;flex:1 1;height:6px;min-width:150px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));height:100%;transition:width .3s ease}.stats-right{flex-shrink:0}.inline-stats,.stats-right{align-items:center;display:flex;gap:15px}.stat-compact{color:var(--color-text-secondary);font-size:13px;white-space:nowrap}.stat-compact strong{color:var(--color-text-primary);font-weight:600}.restart-btn{background:var(--color-text-secondary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .3s ease;white-space:nowrap}.restart-btn:hover{background:var(--color-text-primary)}@media (max-width:1024px){.stats-container{flex-wrap:wrap}.progress-bar-inline{margin-top:8px;order:3;width:100%}}@media (max-width:768px){.quiz-stats{padding:15px}.stats-container{gap:12px}.stats-container h1{font-size:1rem;order:1;text-align:left;width:100%}.progress-bar-inline{order:2;width:100%}.stats-right{justify-content:space-between;order:3;width:100%}.inline-stats{gap:15px}.stat-compact{font-size:12px}}@media (max-width:480px){.quiz-stats{padding:12px}.stats-container h1{font-size:.9rem;line-height:1.4}.inline-stats{flex-wrap:wrap;gap:12px}.stat-compact{font-size:11px}.restart-btn{font-size:12px;padding:5px 10px}}.random-practice{-ms-overflow-style:none;scroll-behavior:auto!important;scrollbar-width:none}.random-practice::-webkit-scrollbar{display:none}.random-practice .question-card{scroll-margin-top:20px}.random-practice #current-question-container{box-sizing:border-box;margin:0;max-width:100%;min-height:400px;overflow:hidden;width:100%}.random-practice{box-sizing:border-box;max-width:100%;padding:0;position:relative;width:100%}@media (max-width:480px){.random-practice{padding:0}}.random-practice *,.random-practice :after,.random-practice :before,body,html{scroll-behavior:auto!important}*{-ms-overflow-style:none;box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}::-webkit-scrollbar{display:none}body,html{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{min-height:100vh}.container{padding:0 clamp(16px,3vw,48px);width:100%}.app-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);margin-bottom:24px;margin-left:calc(clamp(16px, 3vw, 48px)*-1);margin-right:calc(clamp(16px, 3vw, 48px)*-1);padding:20px clamp(16px,3vw,48px)}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;width:100%}.header-text{flex:1 1;max-width:100%;min-width:0;overflow:hidden}.header-text h1{word-wrap:break-word;color:var(--color-text-primary);font-size:1.8rem;font-weight:600;line-height:1.3;margin-bottom:4px;overflow-wrap:break-word}.mobile-title{display:none}.full-title{display:inline}.header-text p{color:var(--color-text-secondary);font-size:.95rem}.header-actions{align-items:center;display:flex;gap:15px}.user-info{flex-wrap:wrap;font-size:.9rem;gap:12px}.theme-toggle-btn,.user-info{align-items:center;color:var(--color-text-secondary);display:flex}.theme-toggle-btn{background:none;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-size:1.1rem;justify-content:center;line-height:1;padding:8px 12px;transition:all .2s ease}.theme-toggle-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.change-test-btn,.logout-btn{background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.change-test-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.logout-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.test-info-bar{border-top:1px solid var(--color-border-light);display:flex;gap:20px;margin-top:15px;padding-top:15px}.test-info-item{color:var(--color-text-secondary);font-size:.85rem}.loading{color:var(--color-text-secondary);font-size:1.1rem;min-height:200px}.error-container,.loading{align-items:center;display:flex;justify-content:center}.error-container{min-height:300px}.error-message{background:var(--color-bg-secondary);border:1px solid var(--color-error-bg);border-radius:8px;color:var(--color-error-text);padding:40px;text-align:center}.error-message h2{color:var(--color-error-text);margin-bottom:10px}.error-message button{background:var(--color-danger);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px;transition:background .2s ease}.error-message button:hover{background:var(--color-danger-hover)}.error-banner,.warning-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:6px;color:var(--color-warning-text);font-size:.9rem;margin-bottom:20px;padding:12px 16px}@media (max-width:768px){.container{padding:0 15px}.header-content{align-items:stretch;flex-direction:column;gap:15px}.header-text{text-align:center}.header-text h1{font-size:1.3rem;line-height:1.4}.header-actions{flex-wrap:wrap;justify-content:center}.test-info-bar{flex-direction:column;gap:10px;text-align:center}}@media (max-width:480px){.container{padding:0 10px}.header-text h1{font-size:1.1rem;line-height:1.5;margin-bottom:8px}.header-text p{font-size:.85rem}.header-actions{gap:10px}.change-test-btn,.logout-btn{font-size:.85rem;padding:6px 12px}}.fullmock-launcher{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:20px}.fullmock-launcher-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 20px var(--color-shadow);max-width:520px;padding:40px;text-align:center;width:100%}.fullmock-launcher-icon{font-size:48px;margin-bottom:16px}.fullmock-launcher-card h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 12px}.fullmock-launcher-card p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0 0 20px}.fullmock-features{list-style:none;margin:0 0 24px;padding:0;text-align:left}.fullmock-features li{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:14px;padding:8px 0}.fullmock-features li:before{color:var(--color-success);content:"✓ ";font-weight:700}.fullmock-features li:last-child{border-bottom:none}.fullmock-launch-btn{background:var(--color-fullmock-btn);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .2s ease;width:100%}.fullmock-launch-btn:hover{background:var(--color-fullmock-btn-hover);box-shadow:0 4px 12px var(--color-shadow-strong);transform:translateY(-1px)}@media (max-width:768px){.fullmock-launcher-card{padding:24px}}