:root[data-theme=light],:root{--topbar-color: #dfdfdf;--botbar-color: #0ca86c;--botbar-color-hover: #0a7d51;--botbar-text-color: #e0dfdf;--botbar-text-color-hover: (var(--botbar-color));--botbar-dropdown-color: #dfdfdf;--navbar-background: #dfdfdf;--navbar-foreground: #000000;--navbar-border: #dee2e6;--navbar-secondary: #666;--navbar-hover: #868585;--background: #ffffff;--foreground: #333333;--border: #dee2e6;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--primary: #007bff;--primary-hover: #0056b3;--secondary: #6c757d;--success: #28a745;--warning: #ffc107;--error: #dc3545}:root[data-theme=dark]{--navbar-background: #1a1a1a;--navbar-foreground: #ffffff;--navbar-border: #333333;--navbar-secondary: #aaaaaa;--navbar-hover: #ffffff;--background: #121212;--foreground: #ffffff;--border: #333333;--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-muted: #777777;--primary: #4dabf7;--primary-hover: #74c0fc;--secondary: #868e96;--success: #51cf66;--warning: #ffd43b;--error: #ff6b6b}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column}.navbar{width:100%}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--topbar-color);border-bottom:1px solid var(--navbar-border)}.topbar-navigation{color:var(--navbar-secondary);cursor:pointer}.botbar{padding:0;background-color:var(--botbar-color);border:none;display:flex;gap:0;flex-wrap:wrap}.tab-container{position:relative;border:none}.tab-button{padding:.5rem 1rem;color:var(--botbar-text-color);background-color:var(--botbar-color);border:none;cursor:pointer;margin:0;font-size:1rem;transition:all .2s ease}.tab-button:hover{color:#fff;background-color:var(--botbar-color-hover)}.tab-dropdown{position:absolute;top:calc(100% - 3px);left:0;right:0;background-color:var(--botbar-dropdown-color);border:0px solid var(--navbar-border);min-width:150px;box-shadow:0 4px 6px #0000001a;z-index:10;margin-top:0;pointer-events:auto}.section-item{padding:.5rem 1rem;color:var(--navbar-foreground);cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--navbar-border)}.section-item:last-child{border-bottom:none}.section-item:hover{background-color:var(--navbar-hover-background);color:var(--navbar-hover)}.deck-card{display:flex;overflow:hidden;position:relative;padding:1.5rem;flex-direction:column;border-radius:.75rem;border:1px solid #E5E7EB;height:100%;background-color:#fff;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);box-shadow:0 1px 2px #0000000d}.deck-card:hover{border-color:#93c5fd;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-4px)}.deck-card:hover .deck-title{color:#2196f3}.deck-card-top{display:flex;position:relative;z-index:10;margin-bottom:1.5rem;justify-content:space-between;align-items:flex-start}.deck-card-header{padding-right:1rem;flex:1 1 0%}.deck-title{margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.deck-card-mid{display:flex;position:relative;z-index:10;padding-left:.5rem;padding-right:.5rem;margin-bottom:1.5rem;justify-content:space-around;align-items:center}.circle-item{display:flex;flex-direction:column;align-items:center}.circle-divider{width:1px;height:2.5rem}.circle{position:relative;margin-bottom:.5rem;width:60px;height:60px}.progress-circle{position:relative;width:60px;height:60px;margin-bottom:.5rem}.progress-circle svg{width:100%;height:100%}.progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:#374151;width:auto;height:auto;margin:0}.circle-item span:not(.progress-circle-text){font-size:.75rem;color:#6b7280}.deck-buttons{display:grid;position:relative;z-index:10;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.btn{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;-webkit-appearance:button;-moz-appearance:button;appearance:button;color:#475569;margin:0;border:1px solid rgb(226,232,240);border-radius:.5rem;padding:.5rem .25rem;line-height:1rem;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:.75rem;font-weight:500;text-align:center;cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn:hover{background-color:#f0f9ff;border-color:#bae6fd;color:#1d4ed8}.btn:focus{border:1px solid rgb(226,232,240);border-radius:8px;box-shadow:#fff 0 0 0 1px,#3b82f6 0 0 0 3px;outline:2px solid rgba(0,0,0,0);outline-offset:2px}.btn-secondary{background-color:#2563eb;border:none;border-radius:8px;box-shadow:#0000000d 0 1px 2px;color:#fff;display:flex;flex-direction:column;font-size:12px;font-weight:500;justify-content:center;align-items:center;line-height:16px;padding:8px 4px;text-align:center;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{color:#fff;background-color:#1d4ed8}.btn-secondary:focus{box-shadow:#fff 0 0 0 1px,#3b82f6 0 0 0 3px,#0000000d 0 1px 2px;outline:2px solid rgba(0,0,0,0);outline-offset:2px}.btn-tertiary{border:1px solid rgb(226,232,240);border-radius:8px;color:#475569;display:flex;flex-direction:column;font-size:12px;font-weight:500;justify-content:center;align-items:center;line-height:16px;padding:8px 4px;text-align:center;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-tertiary:hover{background-color:#ecfdf5;border-color:#a7f3d0;color:#047857}.btn-tertiary:focus{box-shadow:#fff 0 0 0 1px,#10b981 0 0 0 3px;outline:2px solid rgba(0,0,0,0);outline-offset:2px}.section-page-container{flex:1;display:flex;flex-direction:column;padding:2rem;gap:2rem;overflow-y:auto}.section-title{font-size:2.5rem;color:var(--navbar-foreground);margin:0;font-weight:700}.mastery-container{border:1px solid var(--navbar-border);border-radius:.5rem;padding:1.5rem;background:#fff}.mastery-content{display:flex;gap:3rem;align-items:center}.mastery-bars{flex:1;display:flex;flex-direction:column;gap:1rem}.progress-item{display:flex;flex-direction:column;gap:.5rem}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:.95rem;color:#374151;font-weight:500}.learned-count{font-size:.95rem;color:#1d4ed8;font-weight:500}.mastered-count{font-size:.95rem;color:#047857;font-weight:500}.progress-bar{width:100%;height:10px;background-color:#e5e7eb;border-radius:5px;overflow:hidden}.progress-bar.learned,.progress-bar.mastered{background-color:#e2e8f0}.progress-fill{height:100%;border-radius:5px;transition:width .3s ease}.progress-fill.learned{background:linear-gradient(90deg,#38bdf8,#2563eb)}.progress-fill.mastered{background:linear-gradient(90deg,#34d399,#059669)}.mastery-stats{display:flex;gap:2.5rem;padding-left:2rem;border-left:1px solid #e5e7eb}.mastery-stat{display:flex;flex-direction:row;align-items:center;gap:.5rem}.stat-icon{background-color:#eff6ff;border:0 solid rgb(229,231,235);border-radius:8px;box-sizing:border-box;color:#1e293b;display:block;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";height:32px;line-height:24px;padding:8px;width:32px}svg.learned-stat{box-sizing:border-box;display:block;width:1rem;height:1rem;border:0 solid #e5e7eb;color:#2563eb;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}svg.score-stat{box-sizing:border-box;display:block;width:1rem;height:1rem;border:0 solid #e5e7eb;color:#10b981;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}svg.completed-stat{box-sizing:border-box;display:block;width:1rem;height:1rem;border:0 solid #e5e7eb;color:#eab308;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";fill:currentColor;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mastery-stat .stat-value{font-size:1.25rem;font-weight:700;color:#1f2937}.mastery-stat .stat-label{font-size:.8rem;color:#6b7280;text-transform:capitalize}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding-bottom:2rem}.loading,.error{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--navbar-foreground)}.map-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.map-container svg{width:100%;height:100%;object-fit:contain}.map-container.map-disabled{cursor:default}.map-container.map-disabled *{pointer-events:none!important;cursor:default!important}.hitbox{fill:none;pointer-events:all;cursor:pointer}.display{fill:#b3b3b3}.display.hovered{fill:green!important}.display.study-highlight{fill:#6366f1!important}.display.study-reveal{fill:#ff0!important}.highlight{fill:none;fill-opacity:.4}.highlight.hovered,.highlight.study-highlight,.highlight.study-reveal{fill:#ff0!important}.indicator{fill:red}.popup_background{fill:#fff;stroke:#000;stroke-width:6.94;stroke-miterlimit:2.61313}.border{fill:none;stroke:#000;stroke-width:6.94;stroke-miterlimit:2.61313}.border_dotted{stroke-dasharray:6.944882 34.724409}[class*=popup_]{visibility:hidden;pointer-events:none!important}[class*=popup_].popup-visible{z-index:10;visibility:visible!important;pointer-events:all!important}[class*=popup_].study-popup-visible{z-index:10;visibility:visible!important}.popup_hitbox{cursor:default!important}.explorer-panel{width:100%;height:100%;background-color:#fff;color:#333;box-sizing:border-box}.country-selected{display:flex;flex-direction:column;height:100%}.country-header-bg{height:8rem;background-color:#2563eb;flex-shrink:0}.country-content-bg{background-color:#fff;flex:1}.country-card-container{position:relative;padding-left:2rem;padding-right:2rem;padding-bottom:2rem;margin-top:-3rem;flex:1 1 0%}.country-card{background-color:#fff;border-radius:.75rem;border-width:1px;border-style:solid;border-color:#e5e7eb;padding:1.5rem}.country-name{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#000}.country-official-name{margin:0;font-size:1rem;color:#9ca3af}.country-info-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px}.placeholder-icon{width:80px;height:80px;background-color:#e8eeff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.placeholder-icon svg{width:36px;height:36px;color:#6366f1}.country-info-placeholder h2{margin:0 0 12px;font-size:22px;font-weight:600;color:#1a1a2e}.country-info-placeholder p{margin:0;font-size:15px;color:#6b7280;line-height:1.6;max-width:280px}.explore-page-container{display:flex;width:100%;height:calc(100vh - 60px);position:relative}.explore-page-container.loading .explore-left-panel,.explore-page-container.loading .explore-right-panel{opacity:0}.explore-left-panel,.explore-right-panel{transition:opacity .2s ease-in-out;opacity:1}.explore-left-panel{width:70%;background-color:#d3d3d3}.explore-right-panel{width:30%}.explore-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;z-index:100}.explore-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flashcard-panel{width:100%;height:100%;background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;transition:background-color .3s ease;position:relative;overflow:hidden}.flashcard-panel.correct,.flashcard-panel.incorrect{background-color:transparent}.flashcard-stats{position:absolute;top:1rem;right:1rem;display:flex;gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.25rem;font-weight:700;color:#1a1a2e}.stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase}.flashcard-panel.correct .stat-value,.flashcard-panel.incorrect .stat-value{color:#fff}.flashcard-panel.correct .stat-label,.flashcard-panel.incorrect .stat-label{color:#fffc}.flashcard-progress{position:absolute;top:1rem;right:1rem;font-size:.875rem;color:#6b7280}.flashcard-panel.correct .flashcard-progress,.flashcard-panel.incorrect .flashcard-progress{color:#fffc}.flashcard-question{text-align:center}.flashcard-question h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:400;color:#6b7280}.flashcard-panel.correct .flashcard-question h2,.flashcard-panel.incorrect .flashcard-question h2{color:#fffc}.flashcard-question .country-name{margin:0;font-size:2.5rem;font-weight:700;color:#1a1a2e}.flashcard-question .official-name{margin:.25rem 0 0;font-size:1rem;font-weight:400;color:#9ca3af}.flashcard-panel.correct .flashcard-question .country-name,.flashcard-panel.incorrect .flashcard-question .country-name{color:#fff}.hint-text{margin-top:1rem;font-size:1rem;color:#ffffffd9;font-style:italic}.hint-text.hint-clickable{text-decoration:underline;cursor:pointer;transition:color .2s ease}.hint-text.hint-clickable:hover{color:#fff}.flashcard-feedback{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.feedback-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feedback-icon svg{width:36px;height:36px;color:#fff}.feedback-icon.correct,.feedback-icon.incorrect{background-color:#ffffff4d}.feedback-text{font-size:1.5rem;font-weight:600;color:#fff}.progress-bar-container{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem;width:100%;max-width:250px}.progress-bar-track{width:100%;height:12px;background-color:#ffffff4d;border-radius:6px;overflow:hidden}.progress-bar-fill{height:100%;background-color:#fff;border-radius:6px;transition:width .3s ease}.progress-bar-label{margin-top:.5rem;font-size:.875rem;color:#ffffffe6;font-weight:500}.continue-btn{margin-top:1.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;color:#ef4444;background-color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.continue-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.continue-btn:active{transform:translateY(0)}.learn-btn{margin-top:1.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:.5rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.learn-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.learn-btn:active{transform:translateY(0)}.flashcard-placeholder{text-align:center;color:#6b7280}.flashcard-complete{text-align:center}.complete-icon{width:80px;height:80px;background-color:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.complete-icon svg{width:48px;height:48px;color:#22c55e}.flashcard-complete h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:600;color:#1a1a2e}.flashcard-complete p{margin:0;font-size:1rem;color:#6b7280}.type-answer-form{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem}.type-answer-input{padding:.75rem 1rem;font-size:1.25rem;border:2px solid #e5e7eb;border-radius:.5rem;width:100%;max-width:300px;text-align:center;outline:none;transition:border-color .2s ease}.type-answer-input:focus{border-color:#6366f1}.type-answer-input::placeholder{color:#9ca3af}.submit-btn{padding:.75rem 2rem;font-size:1rem;font-weight:600;color:#fff;background-color:#6366f1;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.submit-btn:hover{background-color:#4f46e5}.submit-btn:active{transform:translateY(1px)}.study-page-container{display:flex;width:100%;height:calc(100vh - 60px);position:relative;overflow:hidden}@media (max-height: 500px){.study-page-container{height:auto;min-height:calc(100vh - 60px);overflow-y:auto}}.study-page-container.loading .study-left-panel,.study-page-container.loading .study-right-panel{opacity:0}.study-left-panel,.study-right-panel{transition:opacity .2s ease-in-out;opacity:1;height:100%}.study-left-panel{position:absolute;left:0;top:0;width:100%;background-color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-right:30%;box-sizing:border-box;transition:background-color .3s ease,opacity .2s ease-in-out}.study-left-panel.correct{background-color:#22c55e}.study-left-panel.incorrect{background-color:#ef4444}.study-map-container{height:95%;max-width:calc(95%*(100vh - 60px)*.015);aspect-ratio:3 / 2;border:1px solid #ccc;box-sizing:border-box;overflow:hidden;background-color:#d3d3d3;margin:0 1rem}.study-right-panel{position:absolute;right:0;top:0;width:30%;background-color:transparent;overflow:hidden}.study-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;z-index:100}.study-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:study-spin .8s linear infinite}@keyframes study-spin{to{transform:rotate(360deg)}}.test-page-container{display:flex;width:100%;height:calc(100vh - 60px);position:relative}.test-page-container.loading .test-left-panel,.test-page-container.loading .test-right-panel{opacity:0}.test-left-panel,.test-right-panel{transition:opacity .2s ease-in-out;opacity:1}.test-left-panel{width:70%;background-color:#fff;display:flex;align-items:center;justify-content:center}.test-map-container{height:95%;max-width:calc(95%*(100vh - 60px)*.015);aspect-ratio:3 / 2;border:1px solid #ccc;box-sizing:border-box;overflow:hidden;background-color:#d3d3d3;margin:0 1rem}.test-right-panel{width:30%;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.test-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;z-index:100}.test-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:test-spin .8s linear infinite}@keyframes test-spin{to{transform:rotate(360deg)}}.test-flashcard{width:90%;max-width:400px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:20px}.test-flashcard.correct{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.test-flashcard.incorrect{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.test-progress{display:flex;flex-direction:column;gap:8px}.test-progress-text{font-size:14px;color:#6b7280;text-align:center}.test-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.test-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s ease}.test-question{text-align:center;padding:16px 0}.test-question h2{font-size:16px;font-weight:500;color:#6b7280;margin:0 0 12px}.test-question .country-name{font-size:28px;font-weight:700;color:#1f2937;margin:0}.test-question .hint-text{font-size:14px;color:#6b7280;margin-top:12px}.test-question .hint-clickable{cursor:pointer;color:#6366f1;text-decoration:underline}.test-question .hint-clickable:hover{color:#4f46e5}.test-question .type-answer-form{display:flex;flex-direction:column;gap:12px;margin-top:16px}.test-question .type-answer-input{padding:12px 16px;font-size:16px;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:border-color .2s}.test-question .type-answer-input:focus{border-color:#6366f1}.test-question .submit-btn{padding:12px 24px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;cursor:pointer;transition:transform .1s,box-shadow .2s}.test-question .submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.test-feedback{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border-radius:12px}.test-feedback.correct{background:#10b9811a}.test-feedback.incorrect{background:#ef44441a}.test-feedback .feedback-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.test-feedback .feedback-icon.correct{background:#10b981;color:#fff}.test-feedback .feedback-icon.incorrect{background:#ef4444;color:#fff}.test-feedback .feedback-icon svg{width:28px;height:28px}.test-feedback .feedback-text{font-size:18px;font-weight:600;color:#1f2937}.test-feedback .continue-btn{margin-top:8px;padding:10px 24px;font-size:14px;font-weight:600;color:#6366f1;background:#fff;border:2px solid #6366f1;border-radius:8px;cursor:pointer;transition:all .2s}.test-feedback .continue-btn:hover{background:#6366f1;color:#fff}.test-results-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0e7ff)}.test-results-card{background:#fff;border-radius:24px;padding:48px;box-shadow:0 8px 32px #0000001a;text-align:center;max-width:500px;width:90%}.results-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 32px}.results-score{display:flex;justify-content:center;margin-bottom:32px}.score-circle{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #6366f166}.score-percent{font-size:40px;font-weight:700;color:#fff}.results-stats{display:flex;justify-content:center;gap:40px;margin-bottom:32px}.result-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.result-stat .stat-number{font-size:28px;font-weight:700;color:#1f2937}.result-stat .stat-number.correct{color:#10b981}.result-stat .stat-number.incorrect{color:#ef4444}.result-stat .stat-label{font-size:14px;color:#6b7280}.results-continue-btn{padding:14px 48px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;cursor:pointer;transition:transform .1s,box-shadow .2s}.results-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.main-with-background{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.background-container{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;opacity:.3;z-index:-1}.content-overlay{position:relative;z-index:1;text-align:center;color:var(--navbar-foreground)}.content-overlay h1{font-size:4rem;font-weight:700;margin-bottom:1rem}.content-overlay p{font-size:1.5rem;opacity:.8}