@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Roboto,sans-serif;min-height:100vh;text-align:center}.App,.App-header{display:flex;flex-direction:column}.App-header{align-items:center;background:#fff;box-sizing:border-box;color:#333;flex-grow:1;margin:0;padding:0;width:100%}:root{--spacing-small:10px;--spacing-medium:20px;--spacing-large:30px;--primary-color:#48d1cc;--primary-color-dark:#008b8b;--secondary-color:#dc143c;--secondary-color-dark:#b22222;--tertiary-color:#d1e231;--background-color:#fff;--error-color:#dc3545;--success-color:#4caf50;--neutral-color:#ddd;--link-hover-color:#000c;--link-active-color:#0009}.loading{align-items:center;display:flex;height:100vh;justify-content:center}.loading-title{color:inherit;font-size:24px;font-weight:700;letter-spacing:2px}.loading-title span{text-decoration:none}.loading-title span:first-child{color:navy}.loading-title span:nth-child(2){color:#0000cd}.loading-title span:nth-child(3){color:#4169e1}.loading-title span:nth-child(4){color:#1e90ff}.rotating{animation:spinY 2s linear infinite;display:inline-block}@keyframes spinY{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.login-container{align-items:center;background-color:var(--background-color);display:flex;flex-direction:column;gap:20px;gap:var(--spacing-medium);height:100vh;justify-content:center}input{border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:10px;width:250px}button{background:linear-gradient(180deg,#48d1cc,#008b8b);background:linear-gradient(to bottom,var(--primary-color),var(--primary-color-dark));border:none;border-radius:5px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}button:active{transform:scale(.95)}button:hover{background:linear-gradient(180deg,#008b8b,#48d1cc);background:linear-gradient(to bottom,var(--primary-color-dark),var(--primary-color));box-shadow:0 4px 8px #0003}.home-container{background-color:#fff;background-color:var(--background-color);padding:20px;text-align:center}.home-title{color:#dc143c;color:var(--secondary-color);font-size:2.5em;margin-bottom:20px}.feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.feature{background:linear-gradient(90deg,#fff,#dc143c);background:linear-gradient(to right,#fff,var(--secondary-color));border:1px solid #dc143c;border:1px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .3s ease}.feature:hover{transform:translateY(-5px)}.feature h3{color:#48d1cc;color:var(--primary-color);margin-bottom:10px}.feature p{color:#333}@media (max-width:768px){.feature-grid{grid-template-columns:1fr}}:root{--primary-color:#23b5b5;--primary-dark:#1a9999;--light-bg:#e0ffff;--card-bg:#fff;--text-color:#333;--button-text:#fff;--error-color:#f55}.login-page{align-items:center;background-color:#e0ffff;background-color:var(--light-bg);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.login-container{background-color:#fff;background-color:var(--card-bg);border-radius:4px;box-shadow:0 2px 8px #0000000d;max-width:350px;padding:30px 20px;width:100%}.login-title{color:#23b5b5;color:var(--primary-color);font-size:24px;margin-bottom:30px;text-align:center}.login-form{width:100%}.input-field{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:15px;padding:12px;width:100%}.input-field:focus{border-color:#23b5b5;border-color:var(--primary-color);outline:none}.login-button{background-color:#23b5b5;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;color:var(--button-text);cursor:pointer;font-size:14px;margin-bottom:20px;padding:12px;width:100%}.login-button:hover{background-color:#1a9999;background-color:var(--primary-dark)}.google-button{align-items:center;background-color:#23b5b5;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;color:var(--button-text);cursor:pointer;display:flex;font-size:14px;justify-content:center;margin-bottom:15px;padding:12px;width:100%}.google-button img{height:18px;margin-right:10px;width:18px}.create-account-button{background-color:#23b5b5;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;color:var(--button-text);cursor:pointer;font-size:14px;padding:12px;width:100%}.error-message{color:#f55;color:var(--error-color);font-size:14px;margin-top:15px;text-align:center}.leaderboard-container{--primary-color:#00c4b4;--secondary-color:#4a9fff;--gold:gold;--silver:silver;--bronze:#cd7f32;--bg-color:#f5f9ff;background:var(--bg-color);border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Montserrat,sans-serif;margin:20px auto;max-width:500px;opacity:0;padding:15px;position:relative;transform:translateY(20px);transition:all .4s ease-in-out;will-change:transform,opacity}.leaderboard-container.show{opacity:1;transform:translateY(0)}.leaderboard-glow{animation:glow-float 8s ease-in-out infinite;background:radial-gradient(circle,#00c4b41a 0,#00c4b400 70%);border-radius:50%;height:200px;left:-100px;pointer-events:none;position:absolute;top:-100px;width:200px}@keyframes glow-float{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}.leaderboard-title{color:#333;font-size:1.5rem;font-weight:600;letter-spacing:.5px;margin-bottom:15px;position:relative;text-align:center}.leaderboard-title:before{background:linear-gradient(90deg,#0000,var(--primary-color),#0000);border-radius:1px;bottom:-5px;content:"";height:2px;left:30%;position:absolute;width:40%}.leaderboard-list{list-style-type:none;margin:0;padding:0}.leaderboard-item{align-items:center;background:#00c4b40d;border:1px solid #00c4b433;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;margin-bottom:10px;opacity:0;overflow:hidden;padding:0;position:relative;transform:translateX(-20px);transition:all .3s ease-out;will-change:transform,box-shadow}.leaderboard-item.show{opacity:1;transform:translateX(0)}.leaderboard-item:hover{background:#00c4b41a;box-shadow:0 4px 10px #0000001a;transition:all .2s ease-out}.rank-container{align-items:center;display:flex;height:30px;justify-content:center;margin-right:10px;position:relative;width:30px}.rank{color:#333;font-size:1rem;font-weight:600;z-index:2}.medal-effect{animation:pulse 2s infinite;border-radius:50%;height:100%;position:absolute;width:100%;z-index:1}.gold-medal .medal-effect{background:radial-gradient(circle,#ffd70099 0,#ffd70000 70%);box-shadow:0 0 10px var(--gold)}.silver-medal .medal-effect{background:radial-gradient(circle,#c0c0c099 0,#c0c0c000 70%);box-shadow:0 0 10px var(--silver)}.bronze-medal .medal-effect{background:radial-gradient(circle,#cd7f3299 0,#cd7f3200 70%);box-shadow:0 0 10px var(--bronze)}.pseudo{color:#333;flex-grow:1;font-size:.9rem;font-weight:500;margin:0 8px}.score-container{background:#00c4b41a;border:1px solid #00c4b433;border-radius:15px;overflow:hidden;padding:5px 10px;position:relative}.score{color:#333;font-size:.9rem;font-weight:600;position:relative;z-index:2}.particle{animation:particle-animation 2s ease-out infinite;background:#fff;border-radius:50%;height:3px;opacity:0;position:absolute;width:3px;z-index:1}.gold-medal .particle{background:var(--gold);box-shadow:0 0 4px var(--gold)}.silver-medal .particle{background:var(--silver);box-shadow:0 0 4px var(--silver)}.bronze-medal .particle{background:var(--bronze);box-shadow:0 0 4px var(--bronze)}.gold-medal .score-container{background:#ffd7001a;border:1px solid #ffd70033;box-shadow:0 0 5px #ffd7001a}.silver-medal .score-container{background:#c0c0c01a;border:1px solid #c0c0c033;box-shadow:0 0 5px #c0c0c01a}.bronze-medal .score-container{background:#cd7f321a;border:1px solid #cd7f3233;box-shadow:0 0 5px #cd7f321a}@keyframes particle-animation{0%{opacity:0;transform:translate(0) scale(1)}10%{opacity:1}90%{opacity:0}to{opacity:0;transform:translate(calc(random(30) - 15px),calc(random(30) - 15px)) scale(0)}}.particle:first-child{animation-delay:0s;left:50%;top:50%}.particle:nth-child(2){animation-delay:.2s;left:40%;top:60%}.particle:nth-child(3){animation-delay:.4s;left:60%;top:40%}.particle:nth-child(4){animation-delay:.6s;left:70%;top:50%}.particle:nth-child(5){animation-delay:.8s;left:30%;top:50%}.particle:nth-child(6){animation-delay:1s;left:50%;top:30%}.particle:nth-child(7){animation-delay:1.2s;left:50%;top:70%}.particle:nth-child(8){animation-delay:1.4s;left:80%;top:20%}.particle:nth-child(9){animation-delay:1.6s;left:20%;top:80%}.particle:nth-child(10){animation-delay:1.8s;left:65%;top:35%}.particle:nth-child(11){animation-delay:.3s;left:35%;top:65%}.particle:nth-child(12){animation-delay:.7s;left:45%;top:55%}.particle:nth-child(13){animation-delay:1.1s;left:55%;top:45%}.particle:nth-child(14){animation-delay:1.5s;left:25%;top:75%}.particle:nth-child(15){animation-delay:1.9s;left:75%;top:25%}.current-user{animation:pulse-border 2s infinite;background:#00c4b426;border:1px solid #00c4b44d}@keyframes pulse-border{0%,to{box-shadow:0 0 0 0 #00c4b44d}50%{box-shadow:0 0 0 3px #00c4b400}}.highlight-effect{background:linear-gradient(90deg,#0000,#00c4b41a 50%,#0000);height:100%;left:-150%;opacity:0;pointer-events:none;position:absolute;top:0;transform:skewX(-25deg);width:60%}.leaderboard-item:hover .highlight-effect{left:150%;opacity:1;transition:left .4s ease-out,opacity .05s ease}.no-scores{background:#00c4b40d;border:1px solid #00c4b433;border-radius:8px;color:#666;font-style:italic;padding:20px;text-align:center}@media (max-width:600px){.leaderboard-container{margin:15px 5px;padding:10px}.leaderboard-title{font-size:1.2rem}.leaderboard-item{padding:8px}.rank{font-size:.9rem}.pseudo,.score{font-size:.8rem}}.leaderboard-item:hover{transform:translateY(-1px) scale(1.005)}.leaderboard-item:hover .score{text-shadow:0 0 4px #00c4b480}.quiz-question{margin:0 auto;width:700px}.quiz-content{display:flex;flex-direction:row;gap:20px;width:100%}.quiz-content.no-media,.quiz-media{align-items:center;display:flex;justify-content:center}.quiz-media{gap:15px}.quiz-media,.quiz-text{flex:1 1;flex-direction:column}.quiz-text{display:flex;justify-content:center}.quiz-content.no-media .quiz-text{align-items:center;text-align:center;width:100%}.quiz-content.no-media .question-text{text-align:center}.quiz-content.no-media .answers-container{align-items:center}.question-text{color:#333;font-size:1.1em;font-weight:700;text-align:left}.answer-button{background-color:#fff;border:1px solid #1b5e20;border-radius:5px;box-shadow:0 2px 4px #0000000d;color:#1b5e20;font-size:1em;text-align:center;transition:all .3s ease}.answer-button:hover{background-color:#1b5e20;box-shadow:0 4px 8px #0000001a;color:#fff;transform:translateY(-2px)}.correct-answer{background-color:#1b5e20;border:1px solid #1b5e20}.correct-answer,.incorrect-answer{cursor:default;font-size:1em;text-align:center;transition:background-color .3s ease,color .3s ease}.incorrect-answer{background-color:#721c24;border:1px solid #f8d7da;color:#f8d7da}.incorrect-answer-unselected{background-color:#fff;border:1px solid #1b5e20;border-radius:5px;color:#1b5e20;cursor:pointer;font-size:1em;padding:10px;text-align:center;transition:background-color .3s ease,color .3s ease}.answer-feedback{width:100%}.answer-feedback.correct{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.answer-feedback.incorrect{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.feedback-info{font-size:.9em;font-style:italic}@media (max-width:768px){.quiz-question{width:100%}.quiz-content{flex-direction:column;gap:10px}.quiz-content.no-media{align-items:center;flex-direction:column}.quiz-media{align-items:center;width:100%}.quiz-text{width:100%}.quiz-content.no-media .quiz-text{align-items:center;text-align:center;width:100%}.painting-frame{border-width:6px;max-height:150px;padding:10px}.painting-frame:before{margin:4px}.painting-image{max-height:130px;max-width:calc(100% - 20px)}.painting-frame:after{bottom:-15px;height:10px}.flag-container{height:120px;width:180px}.question-text{font-size:1em;text-align:center}.answer-button,.correct-answer,.incorrect-answer,.incorrect-answer-unselected{font-size:.9em}}.quiz-results-container{background-color:#fff;border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:0 auto;max-width:800px;padding:var(--spacing-medium)}.results-title{color:var(--primary-color-dark);font-size:28px;font-weight:700;margin-bottom:var(--spacing-large);text-align:center}.score-visual{align-items:center;background-color:var(--background-color);border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;margin-bottom:var(--spacing-large);padding:20px}.percentage-circle{align-items:center;border-radius:50%;box-shadow:0 0 10px #0000001a;display:flex;height:140px;justify-content:center;position:relative;width:140px}.percentage-circle:before{background-color:#fff;border-radius:50%;content:"";height:120px;position:absolute;width:120px}.percentage-text{color:var(--primary-color-dark);font-size:28px;font-weight:700;position:relative;z-index:1}.score-text{flex:1 1;margin-left:var(--spacing-medium)}.results-score{color:var(--text-color);font-size:20px;margin-bottom:10px}.score-value,.total-questions{color:var(--primary-color-dark);font-weight:700}.encouragement-message{background-color:#48d1cc1a;border-radius:6px;color:var(--text-color);font-style:italic;padding:8px}.multi-bar-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:var(--spacing-large);padding:20px}.multi-bar-container h3{border-bottom:2px solid var(--neutral-color);color:var(--primary-color-dark);font-size:18px;margin-bottom:15px;padding-bottom:10px}.multi-bar{border-radius:6px;box-shadow:0 2px 5px #0000001a;display:flex;height:45px;margin-bottom:15px;overflow:hidden;width:100%}.bar-segment{align-items:center;border-right:1px solid #ffffff4d;color:#fff;cursor:pointer;display:flex;font-weight:700;height:100%;justify-content:center;transition:all .3s ease}.bar-segment:last-child{border-right:none}.bar-segment.correct{background-color:var(--success-color)}.bar-segment.incorrect{background-color:var(--secondary-color)}.bar-segment.active{opacity:.5;position:relative;transform:scaleY(1.2);transition:all .3s ease;z-index:1}.bar-segment:hover{opacity:.9;transform:scaleY(1.05)}.bar-legend{display:flex;gap:30px;justify-content:center;margin-top:15px}.legend-item{align-items:center;background-color:#dddddd4d;border-radius:20px;color:var(--text-color);display:flex;padding:8px 15px}.legend-color{border-radius:4px;height:18px;margin-right:10px;width:18px}.legend-color.correct{background-color:var(--success-color)}.legend-color.incorrect{background-color:var(--secondary-color)}.question-detail-card{background-color:#fff;border-radius:12px;border-top:4px solid var(--primary-color);box-shadow:0 4px 15px #0000001a;margin-bottom:var(--spacing-medium);padding:var(--spacing-medium)}.navigation-controls{align-items:center;border-bottom:1px solid var(--neutral-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.nav-button{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 18px;transition:all .3s}.nav-button:hover{background-color:var(--primary-color-dark);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.question-counter{background-color:#48d1cc1a;border-radius:20px;color:var(--primary-color-dark);font-weight:600;padding:8px 15px}.question-content{align-items:center;display:flex;flex-direction:column}.question-content,.question-text{margin-bottom:var(--spacing-medium)}.question-text{background-color:#48d1cc0d;border-left:4px solid var(--primary-color);color:var(--text-color);font-size:20px;padding:10px}.answers-container{gap:12px;margin-bottom:var(--spacing-medium)}.answer-option{background-color:#f9f9f9;border-left:4px solid #0000;border-radius:8px;display:flex;padding:15px;transition:all .2s}.answer-option:hover{transform:translateX(3px)}.answer-option.correct-answer{background-color:#4caf501a;border-left-color:var(--success-color);box-shadow:0 2px 5px #4caf5033}.answer-option.user-answer.incorrect{background-color:#dc143c1a;border-left-color:var(--secondary-color);box-shadow:0 2px 5px #dc143c33}.answer-marker{align-items:center;border-radius:50%;display:flex;font-weight:700;height:24px;justify-content:center;margin-right:15px;width:24px}.answer-option.correct-answer .answer-marker{background-color:var(--success-color);color:#fff}.answer-option.user-answer.incorrect .answer-marker{background-color:var(--secondary-color);color:#fff}.answer-text{flex:1 1}.answer-text,.feedback{color:var(--text-color)}.feedback{background-color:#ff98001a;border-left:4px solid #ff9800;border-radius:6px;font-style:italic;margin-top:20px;padding:15px}.instruction-message{background-color:#48d1cc1a;border:1px dashed var(--primary-color);border-radius:12px;color:var(--text-color);margin-bottom:var(--spacing-medium);padding:var(--spacing-medium);text-align:center}.review-button{background-color:var(--primary-color);border:none;border-radius:30px;box-shadow:0 4px 8px #48d1cc4d;color:#fff;cursor:pointer;font-weight:500;margin-top:15px;padding:12px 25px;transition:all .3s}.review-button:hover{background-color:var(--primary-color-dark);box-shadow:0 6px 12px #48d1cc66;transform:translateY(-3px)}.review-button:active{transform:translateY(-1px)}.retake-quiz-button{background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 4px 10px #48d1cc4d;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:600;margin-top:25px;padding:15px;transition:all .3s;width:100%}.retake-quiz-button:hover{background-color:var(--primary-color-dark);box-shadow:0 6px 15px #48d1cc66;transform:translateY(-3px)}.retake-quiz-button:active{box-shadow:0 3px 8px #48d1cc4d;transform:translateY(-1px)}.flag-container{height:200px;margin:20px auto;width:300px}.painting-frame{border:12px solid;margin-bottom:30px;padding:20px}.painting-frame:before{margin:8px}.painting-image{max-height:300px;max-width:calc(100% - 30px)}.painting-frame:after{bottom:-25px;height:15px}@media (max-width:768px){.painting-frame{border-width:8px;padding:15px}.painting-frame:before{margin:6px}.painting-image{max-height:220px;max-width:calc(100% - 20px)}.painting-frame:after{bottom:-20px;height:12px}}.sound-player{align-items:center;background:linear-gradient(145deg,#1a1f25,#2a3a4a);border:1px solid #52b35e33;border-radius:18px;box-shadow:0 15px 35px #0006,0 5px 15px #0000004d,inset 0 1px 1px #ffffff1a;display:flex;flex-direction:column;margin:25px 0;max-width:380px;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.sound-player:before{background:radial-gradient(circle at center,#2e7d3226 0,#1b5e200d 30%,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .8s ease;width:200%;z-index:0}.sound-player.playing{box-shadow:0 20px 40px #00000080,0 12px 20px #0006,inset 0 1px 1px #ffffff1a;transform:translateY(-5px)}.sound-player.playing:before{animation:glow-pulse 3s infinite alternate;opacity:1}@keyframes glow-pulse{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}.audio-visualizer{background:#0c0f14b3;border-radius:12px;box-shadow:0 4px 12px #0003,inset 0 0 2px #2e7d3280;margin-bottom:20px;overflow:hidden;padding:3px;position:relative;width:100%;z-index:1}.audio-visualizer:after{animation:scanner-line 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#2e7d321a,#81c7844d,#2e7d321a,#0000);content:"";height:100%;left:-100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:50%;z-index:2}.sound-player.playing .audio-visualizer:after{opacity:1}@keyframes scanner-line{0%{left:-100%}to{left:200%}}.visualizer-canvas{background-color:#000c;border-radius:10px;box-shadow:inset 0 0 10px #00000080;display:block;height:120px;position:relative;transition:all .3s ease;width:100%}.visualizer-canvas:before{background-image:linear-gradient(#2e7d320d 1px,#0000 0),linear-gradient(90deg,#2e7d320d 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.progress-container{background:#0c0f1480;border-radius:8px;box-shadow:inset 0 1px 3px #00000080,0 1px 1px #ffffff0d;cursor:pointer;margin:10px 0 15px;width:100%}.progress-container:before{background:linear-gradient(90deg,#0000 5%,#ffffff1a 50%,#0000 95%);content:"";height:1px;left:0;position:absolute;right:0;top:0;z-index:2}.progress-bar{background:linear-gradient(90deg,#2e7d32,#4caf50);border-radius:8px;box-shadow:0 0 8px #4caf5080;position:relative;transition:width .1s linear;width:0}.progress-handle{background:#fff;border-radius:50%;box-shadow:0 0 10px #4caf50b3,0 0 0 2px #4caf5099;cursor:grab;height:14px;position:absolute;right:-7px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:14px;z-index:3}.progress-handle:hover{box-shadow:0 0 15px #4caf50cc,0 0 0 2px #4caf50cc;transform:translateY(-50%) scale(1.2)}.progress-handle:active{cursor:grabbing;transform:translateY(-50%) scale(1.1)}@keyframes handle-pulse{0%{box-shadow:0 0 8px #4caf5099,0 0 0 2px #4caf5080}50%{box-shadow:0 0 12px #4caf50cc,0 0 0 2px #4caf50b3}to{box-shadow:0 0 8px #4caf5099,0 0 0 2px #4caf5080}}.sound-player.playing .progress-handle{animation:handle-pulse 2s infinite}@keyframes progress-glow{0%{box-shadow:0 0 8px #4caf5080}50%{box-shadow:0 0 12px #4caf50b3}to{box-shadow:0 0 8px #4caf5080}}.sound-player.playing .progress-bar{animation:progress-glow 2s infinite}.time-display{color:#fff9;display:flex;font-size:.75em;justify-content:space-between;margin-bottom:5px;padding:0 2px;width:100%}.current-time,.duration{font-family:monospace;transition:color .3s ease}.sound-player.playing .current-time{color:#81c784e6}.audio-controls{gap:15px;margin-top:10px;width:100%;z-index:2}.audio-controls,.pause-btn,.play-btn{display:flex;justify-content:center;position:relative}.pause-btn,.play-btn{align-items:center;border:none;border-radius:30px;cursor:pointer;font-size:.95em;font-weight:600;gap:8px;letter-spacing:.5px;min-width:120px;overflow:hidden;padding:12px 22px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.play-btn{background:linear-gradient(145deg,#2e7d32,#388e3c);box-shadow:0 4px 15px #2e7d3266,inset 0 0 0 1px #ffffff1a,0 0 0 #0000;color:#fff}.pause-btn{background:linear-gradient(145deg,#1b5e20,#2e7d32);box-shadow:0 4px 15px #1b5e2066,inset 0 0 0 1px #ffffff1a,0 0 0 #0000;color:#fff}.pause-btn:before,.play-btn:before{background:radial-gradient(circle at center,#fff3 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:scale(0);transition:transform .4s ease;width:200%}.pause-btn:hover:not(:disabled):before,.play-btn:hover:not(:disabled):before{transform:scale(1)}.pause-btn:hover:not(:disabled),.play-btn:hover:not(:disabled){transform:translateY(-3px)}.play-btn:hover:not(:disabled){background:linear-gradient(145deg,#388e3c,#43a047);box-shadow:0 6px 20px #2e7d3280,inset 0 0 0 1px #fff3,0 0 20px #4caf504d}.pause-btn:hover:not(:disabled){background:linear-gradient(145deg,#2e7d32,#388e3c);box-shadow:0 6px 20px #1b5e2080,inset 0 0 0 1px #fff3,0 0 20px #2e7d324d}.pause-btn:active:not(:disabled),.play-btn:active:not(:disabled){box-shadow:0 3px 10px #0000004d;transform:translateY(1px)}.pause-btn:disabled,.play-btn:disabled{box-shadow:none;cursor:not-allowed;filter:grayscale(.7);opacity:.5}.btn-icon{display:inline-block;font-size:1.2em;line-height:1;margin-right:2px;transition:all .3s ease}.play-btn:hover:not(:disabled) .btn-icon{transform:scale(1.2)}.pause-btn:hover:not(:disabled) .btn-icon{transform:scale(1.1)}@keyframes button-pulse{0%{box-shadow:0 4px 15px #1b5e2066,0 0 0 #4caf50b3}50%{box-shadow:0 4px 15px #1b5e2099,0 0 15px #4caf50e6}to{box-shadow:0 4px 15px #1b5e2066,0 0 0 #4caf50b3}}.sound-player.playing .pause-btn{animation:button-pulse 2s infinite}@media (max-width:768px){.sound-player{max-width:320px;padding:15px}.visualizer-canvas{height:100px}.pause-btn,.play-btn{font-size:.9em;min-width:110px;padding:10px 18px}.progress-handle{height:12px;right:-6px;width:12px}}@keyframes canvas-glow{0%{box-shadow:inset 0 0 15px #00000080,0 0 0 #4caf5033}50%{box-shadow:inset 0 0 15px #00000080,0 0 10px #4caf5066}to{box-shadow:inset 0 0 15px #00000080,0 0 0 #4caf5033}}.sound-player.playing .visualizer-canvas{animation:canvas-glow 4s infinite}.sound-player:after{background-color:#4caf50;border-radius:50%;bottom:10px;box-shadow:0 0 5px #4caf50;content:"";height:10px;opacity:.6;position:absolute;right:10px;transition:all .3s ease;width:10px}.sound-player.playing:after{animation:indicator-pulse 1s infinite;box-shadow:0 0 10px #4caf50;opacity:1}@keyframes indicator-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.8)}}.question-stats{align-items:center;background-color:#f5f5f5;border-radius:5px;display:flex;font-size:16px;justify-content:space-between;margin:10px 0;padding:10px}.question-stats span{color:#000;font-weight:700}.points.correct{color:#2e7d32}.points.incorrect{color:#d32f2f}.quizz-container{box-sizing:border-box;color:#333;font-family:Roboto,Segoe UI,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:15px;width:100%}.quizz-container,.theme-selection{display:flex;flex-direction:column}.theme-selection{align-items:center;flex:1 1;gap:2rem;padding:2rem}.general-theme{display:flex;justify-content:center;width:100%}.other-themes{display:flex;flex-direction:column;gap:1rem;max-width:1200px;width:100%}.theme-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);justify-items:center}.theme-row.center-last{display:flex;justify-content:center}@media (max-width:992px){.theme-row{grid-template-columns:repeat(2,1fr)}.theme-row.center-last{display:flex;justify-content:center}}@media (max-width:576px){.theme-row{grid-template-columns:1fr}.theme-row.center-last{display:flex;justify-content:center}}.theme-card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:20px 15px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:300px}.theme-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-5px)}.theme-card h2{font-size:1.3rem;margin:0}.theme-general{background:linear-gradient(135deg,gold,#fa0);color:#333;font-size:1.5rem;width:300px}.theme-0{background:linear-gradient(135deg,#6096fd,#3f6ad8);color:#fff}.theme-1{background:linear-gradient(135deg,#ff6b6b,#ee5253);color:#fff}.theme-2{background:linear-gradient(135deg,#54a0ff,#2e86de);color:#fff}.theme-3{background:linear-gradient(135deg,#1dd1a1,#10ac84);color:#fff}.theme-4{background:linear-gradient(135deg,#feca57,#ff9f43);color:#fff}.theme-5{background:linear-gradient(135deg,#5f27cd,#341f97);color:#fff}.theme-6{background:linear-gradient(135deg,#ff7979,#eb4d4b);color:#fff}.theme-7{background:linear-gradient(135deg,#7bed9f,#2ed573);color:#fff}.theme-8{background:linear-gradient(135deg,#3dc1d3,#12cbc4);color:#fff}.theme-9{background:linear-gradient(135deg,#a55eea,#8854d0);color:#fff}.subtheme-selection{flex:1 1;padding:2rem}.subthemes-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.subtheme-card{border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:1rem;transition:transform .2s}.subtheme-card:hover{transform:scale(1.05)}.subtheme-card h3{font-size:1.2rem;margin:0}.theme-content{animation:fadeIn .5s ease;background-color:#f5f5f5;border-radius:15px;flex:1 1;overflow:hidden;padding:15px;position:relative}@media (min-width:992px){.theme-content{grid-gap:15px;display:grid;gap:15px;grid-template-areas:"theme-header theme-header" "content leaderboard";grid-template-columns:3fr 1fr;grid-template-rows:auto 1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.theme-header{border-bottom:1px solid #0000001a;margin-bottom:15px;padding-bottom:10px;text-align:center}.theme-header h1{font-size:1.8rem;font-weight:700;letter-spacing:1px}.back-button{background:#3f6ad8;border-radius:6px;box-shadow:0 2px 5px #0000001a;font-size:.9rem;font-weight:600;left:0;padding:8px 12px;position:absolute;transition:background .2s ease}.back-button:hover{background:#2e59d9}.content{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;flex:1 1;flex-direction:column;grid-area:content;overflow:hidden;padding:15px}.progress-info{margin-bottom:15px}.question-counter{color:#555;font-size:1rem;font-weight:500;margin-bottom:8px;text-align:center}.progress-bar-container{background-color:#e9ecef;border-radius:5px;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:5px}.loading-questions{animation:pulse 1.5s ease-in-out infinite;color:#777;font-size:1.1rem;font-style:italic;padding:20px;text-align:center}.error-message{background-color:#e74c3c1a;border-left:4px solid #e74c3c;border-radius:4px;color:#e74c3c;margin:15px 0;padding:12px}.leaderboard{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;grid-area:leaderboard;overflow:hidden;padding:15px}.quiz-question{display:flex;flex:1 1;flex-direction:column}.question-text{font-size:1.2rem;line-height:1.4;margin-bottom:15px}.answers-container{grid-gap:10px;display:grid;grid-template-columns:1fr}.answer-item{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:.95rem;padding:10px 15px;transition:all .2s ease}.answer-item:hover{background-color:#e9ecef}.quiz-results{display:flex;flex:1 1;flex-direction:column}.score-display{margin-bottom:15px;text-align:center}.score-value{color:#3f6ad8;font-size:2rem;font-weight:700}.results-actions{display:flex;justify-content:center;margin-bottom:15px;margin-top:10px}.retake-button{background:#3f6ad8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 15px;transition:background .2s ease}.results-table{border-collapse:collapse;font-size:.9rem;margin-top:10px;width:100%}.results-table td,.results-table th{border-bottom:1px solid #dee2e6;padding:8px;text-align:left}.statistics{display:flex;flex:1 1;flex-direction:column}.stats-section{margin-bottom:15px}.stats-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:8px}.stats-value{color:#555;font-size:1rem}.stats-list{list-style:none;margin:0;padding:0}.stats-list li{border-bottom:1px solid #eee;font-size:.9rem;padding:5px 0}.limit-reached{background-color:#000c;border-radius:10px;color:#fff;left:50%;max-width:400px;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.limit-reached h2{font-size:1.5rem;margin:0 0 10px}.limit-reached p{font-size:1rem;margin:0 0 15px}.subscribe-button{background-color:#6c63ff;border:none;border-radius:5px;color:#fff;display:inline-block;font-size:1rem;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.subscribe-button:hover{background-color:#5a52cc}@media (max-width:576px){.theme-header{align-items:center;display:flex;flex-direction:column;text-align:center}.theme-header h1{margin-top:40px;padding-left:0;padding-right:0}.back-button{margin-bottom:10px;position:static}.limit-reached{padding:15px;top:40%}.limit-reached h2{font-size:1.3rem}.limit-reached p{font-size:.9rem}.subscribe-button{font-size:.9rem;margin-top:15px;padding:8px 15px}}.navbar{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);box-shadow:0 4px 10px #0003;color:#333;display:flex;justify-content:space-between;padding:10px 20px;position:sticky;top:0;transition:padding .3s ease;z-index:1000}.navbar.scrolled{background:linear-gradient(135deg,#e0e0e0,#f5f5f5);padding:5px 20px}.navbar-logo{align-items:center;display:flex;gap:10px}.navbar-logo img{height:40px;transition:height .3s ease,transform .3s ease}.navbar-logo img.scrolled{height:30px}.navbar-logo img:hover{transform:scale(1.1)}.navbar-title{color:inherit;font-size:24px;font-weight:700;letter-spacing:2px;line-height:40px}.navbar-title,.navbar-title span{text-decoration:none}.navbar-title span:first-child{color:navy}.navbar-title span:nth-child(2){color:#0000cd}.navbar-title span:nth-child(3){color:#4169e1}.navbar-title span:nth-child(4){color:#1e90ff}.navbar-logo a{align-items:center;color:inherit;display:flex;text-decoration:none}.navbar-links{display:flex;flex-wrap:wrap;gap:20px;padding:0}.navbar-links a{color:#333;font-size:16px;font-weight:700;padding:5px 0;text-decoration:none;transition:color .3s ease}.navbar-links a:active,.navbar-links a:hover{color:#4682b4}.navbar-links a.active{color:#4682b4;font-weight:700}.navbar-auth{align-items:center;display:flex;gap:15px}.navbar-login,.navbar-logout{background:linear-gradient(to bottom,var(--primary-color),var(--primary-color-dark));border:none;border-radius:20px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;position:relative;transition:all .3s ease}@keyframes pulse{0%{box-shadow:0 2px 5px #0003;transform:scale(1)}50%{box-shadow:0 4px 8px #0000004d;transform:scale(1.05)}to{box-shadow:0 2px 5px #0003;transform:scale(1)}}.navbar-login:before,.navbar-logout:before{background:radial-gradient(circle,#ffffff40 0,#0000 70%);border-radius:20px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.navbar-login:hover:before,.navbar-logout:hover:before{opacity:1}.navbar-login:hover,.navbar-logout:hover{animation:pulse .7s infinite;background:linear-gradient(to bottom,var(--primary-color-dark),var(--primary-color));transform:translateY(-2px)}.navbar-login:active,.navbar-logout:active{box-shadow:0 1px 2px #0003;transform:scale(.95)}.navbar-user{color:#4682b4;font-size:16px;font-weight:700;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.navbar{flex-direction:column;gap:10px;top:auto}.navbar-links{align-items:center;flex-direction:column}.navbar-links a{padding:10px 0;text-align:center;width:100%}.navbar-auth{justify-content:center;width:100%}}.quick-stats-container,.quick-stats-header{margin-bottom:2rem}.quick-stats-header h2{color:#2d3748;color:var(--gray-800);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.quick-stats-subtitle{color:#718096;color:var(--gray-600);font-size:1rem}.quick-stats-summary{display:flex;gap:1rem;justify-content:space-between;margin-bottom:2.5rem}.quick-summary-card{align-items:center;background:#fff;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;overflow:hidden;padding:1rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-normal),box-shadow var(--transition-normal);width:23%}.quick-summary-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-5px) scale(1.02)}.quick-summary-card:after{border-radius:0 0 0 .5rem;border-radius:0 0 0 var(--radius-md);content:"";height:20px;opacity:.1;position:absolute;right:0;top:0;transition:all .3s ease;transition:all var(--transition-normal);width:20px}.quick-summary-card:after,.quick-summary-card:hover:after{background:linear-gradient(90deg,var(--primary-color),var(--tertiary-color))}.quick-summary-card:hover:after{border-radius:0;height:100%;width:100%}.quick-summary-icon{align-items:center;background:#5a67d8;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;margin-right:.75rem;position:relative;transition:transform .15s ease;transition:transform var(--transition-fast);width:40px;z-index:1}.quick-summary-card:hover .quick-summary-icon{transform:rotate(15deg) scale(1.1)}.quick-summary-content{flex:1 1;position:relative;z-index:1}.quick-summary-content h3{color:#2d3748;color:var(--gray-800);font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.quick-summary-stats{display:flex;justify-content:space-between;margin-bottom:.25rem}.quick-stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.quick-stat-value{color:#1a202c;color:var(--gray-900);font-size:1rem;font-weight:700}.quick-stat-label{color:#718096;color:var(--gray-600);font-size:.65rem;margin-top:.1rem}.quick-summary-date{color:#a0aec0;color:var(--gray-500);font-size:.7rem;font-weight:500;text-align:center}.quick-streak-stats{align-items:center;display:flex;justify-content:center;margin-bottom:.25rem}.quick-streak-current,.quick-streak-max{align-items:center;display:flex;flex-direction:column;padding:0 .5rem}.quick-streak-value{color:#5a67d8;color:var(--primary);font-size:1.1rem;font-weight:700}.quick-streak-label{color:#718096;color:var(--gray-600);font-size:.65rem;margin-top:.1rem}.quick-streak-divider{background-color:#e2e8f0;background-color:var(--gray-300);height:20px;width:1px}.quick-streak-unit{color:#a0aec0;color:var(--gray-500);font-size:.7rem;text-align:center}@media (max-width:1024px){.quick-stats-summary{flex-direction:column}.quick-summary-card{width:100%}}@media (max-width:768px){.quick-summary-card{padding:.75rem}.quick-summary-icon{font-size:.9rem;height:30px;width:30px}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.quick-summary-card{animation:scaleIn .5s ease forwards;animation-delay:0s;animation-delay:calc(var(--index, 0)*.1s)}.quick-summary-card:first-child{--index:1}.quick-summary-card:nth-child(2){--index:2}.quick-summary-card:nth-child(3){--index:3}.quick-summary-card:nth-child(4){--index:4}.faq-container{margin:0 auto;max-width:800px;padding:20px}.faq-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;padding:15px}.faq-item summary{color:#333;cursor:pointer;font-size:1.1em;font-weight:700;padding:10px}.faq-item p{color:#666;line-height:1.6;padding:0 15px 15px}.faq-item[open] summary{color:#007bff}*{box-sizing:border-box;margin:0;padding:0}.main-content{display:flex;flex-direction:row}.home-container{margin-left:150px;overflow-y:auto;overflow:hidden;padding:0;position:relative;width:calc(100% - 150px)}.home-account-section,.home-faq-section,.home-final-cta,.home-flashcard-section,.home-pricing-section,.home-quiz-section,.home-welcome-section{padding:40px 0;width:100%}.home-hero-section{width:100%}.home-hero-content{align-items:center;background-position:50%;background-size:cover;color:#fff;display:flex;justify-content:center;min-height:100vh;text-align:center;text-shadow:0 2px 4px #00000080;width:100%}.home-welcome-section{background-color:#f5f5f5;text-align:center}.home-welcome-content{margin:0 auto;max-width:800px;padding:0 20px}.home-welcome-content h2{font-size:2.5rem;margin-bottom:15px}.home-welcome-content p{color:#666;font-size:1.2rem}.home-user-stats p{color:#333;font-size:1rem;margin:5px 0}.home-account-section,.home-faq-section,.home-final-cta,.home-flashcard-section,.home-pricing-section,.home-quiz-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0;width:100%}.home-section-content{margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.home-account-section .home-section-content{max-width:1400px}.home-section-header{display:inline-block;margin-bottom:30px;position:relative;text-align:center}.home-section-tag{border-radius:20px;font-size:14px;font-weight:500;padding:5px 10px;position:absolute;right:-100px;top:-25px}.home-final-cta,.home-section-tag{background-color:#8b5cf6;color:#fff}h2{color:#333;font-size:2rem;margin-bottom:20px;text-align:center}.home-action-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .3s}.home-action-button:hover{background-color:#0056b3}.home-quiz-section{background-color:#f8f9fa}.home-flashcard-section{background-color:#e9ecef}.home-account-section{background-color:#f5f5f5}.home-pricing-section{background-color:#e9ecef}.home-stats-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0;width:100%}.home-stat-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center;width:150px}.home-stat-card h3{color:#8b5cf6;font-size:28px;margin-bottom:10px}.home-stat-card p{color:#666;font-size:14px}.home-previews-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0;width:100%}.home-preview-card{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;position:relative;text-align:left;transition:transform .3s;width:250px}.home-preview-card:hover{transform:translateY(-5px)}.home-preview-card h4{color:#333;font-size:18px;margin-bottom:10px}.home-preview-card p{color:#666;font-size:14px;margin-bottom:10px}.home-preview-type{color:#8b5cf6;font-size:12px;font-weight:700;text-transform:uppercase}.home-popular-badge{background-color:#ff6b6b;border-radius:20px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;position:absolute;right:-10px;top:-10px}.home-account-section .home-action-button{background-color:#8b5cf6;border-radius:25px;font-size:1.1rem;font-weight:600;padding:14px 28px;transition:background-color .3s,transform .2s}.home-account-section .home-action-button:hover{background-color:#7c3aed;transform:scale(1.05)}.home-pricing-section{padding:60px 0}.home-pricing-plans{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.home-pricing-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:30px;position:relative;text-align:center;transition:transform .3s;width:300px}.home-pricing-card:hover{transform:translateY(-5px)}.home-pricing-card.home-popular{background-color:#f8f5ff;border:2px solid #8b5cf6}.home-popular-tag{background-color:#8b5cf6;border-radius:20px;color:#fff;font-size:14px;font-weight:700;left:50%;padding:5px 15px;position:absolute;top:-15px;transform:translateX(-50%)}.home-pricing-card h3{color:#333;font-size:24px;margin-bottom:10px}.home-price{color:#333;font-size:36px;font-weight:700;margin-bottom:10px}.home-description{color:#666;font-size:16px;margin-bottom:20px}.home-features-list{list-style:none;margin-bottom:20px;padding:0;text-align:left}.home-features-list li{color:#666;font-size:14px;margin-bottom:10px;padding-left:25px;position:relative}.home-features-list li:before{color:#8b5cf6;content:"✔";font-size:16px;left:0;position:absolute}.home-action-button.home-primary{background-color:#8b5cf6}.home-action-button.home-primary:hover{background-color:#7c3aed}.home-action-button.home-secondary{background-color:initial;border:1px solid #ccc;color:#333}.home-action-button.home-secondary:hover{background-color:#f0f0f0}.home-action-button.home-large{font-size:16px;padding:15px 30px}.home-faq-section{background-color:#f5f5f5}.home-faq-container{margin:20px auto;max-width:800px}.home-faq-item{margin-bottom:10px}.home-faq-item summary{cursor:pointer;font-weight:500}.home-faq-item p,.home-faq-item summary{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:10px}.home-faq-item p{border-top:none;color:#666}.home-final-cta{background-color:#e9ecef;color:#333;padding:60px 0;text-align:center}.home-final-cta h2{font-size:2.5rem;margin-bottom:15px}.home-final-cta p{font-size:1.2rem;margin-bottom:20px}.home-final-cta .home-action-button{background-color:#00c4b4;border-radius:25px;font-size:1.1rem;font-weight:600;padding:15px 30px}.home-final-cta .home-action-button:hover{background-color:#00a89a}@media (max-width:768px){.section-nav-container{display:none}.home-container{margin-left:0;width:100%}}.welcome-container{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.welcome-container h1{color:#333;display:inline-block;font-size:1.5rem;font-weight:700;line-height:1.4;margin:0}@media (min-width:768px){.welcome-container h1{font-size:2.5rem}}.static-text{display:inline}.changing-text{display:inline-block;font-weight:600;white-space:nowrap}.dwag-text{font-weight:800;letter-spacing:2px}.dwag-text .letter-d{color:navy}.dwag-text .letter-w{color:#0000cd}.dwag-text .letter-a{color:#4169e1}.dwag-text .letter-g{color:#1e90ff}.hero-container{background:#f5f5f5;justify-content:center;min-height:100vh;overflow:visible;position:relative}.hero-container,.hero-grid{align-items:center;display:flex;width:100%}.hero-grid{flex-direction:column;gap:20px;max-width:1200px;padding:20px}@media (min-width:768px){.hero-grid{flex-direction:row;gap:40px;justify-content:space-between}}.hero-image{align-items:center;background:#0000;display:flex;flex:0 0 35%;justify-content:center;max-width:35%}.hero-img{border-radius:0;box-shadow:none;height:auto;max-width:100%}.hero-text{align-items:center;display:flex;flex:0 0 65%;justify-content:center;max-width:65%}@media (max-width:767px){.hero-image,.hero-text{flex:0 0 100%;max-width:100%}.hero-img{max-width:50%}}.learn-container{background:#fff;color:#333;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;overflow:visible;perspective:1000px;position:relative;width:100%}.learn-logo{align-items:center;display:flex;left:20px;position:absolute;top:20px;z-index:100}.learn-logo img{height:40px;margin-right:10px;width:40px}.learn-title span{color:inherit;font-size:24px;font-weight:600;font-weight:700;letter-spacing:2px;text-decoration:none}.learnlogo img:hover{transform:scale(1.1)}.learn-title span:first-child{color:navy}.learn-title span:nth-child(2){color:#0000cd}.learn-title span:nth-child(3){color:#4169e1}.learn-title span:nth-child(4){color:#1e90ff}.learn-logo a{align-items:center;color:inherit;display:flex;text-decoration:none}.dashboard{height:100%;width:100%}.circle-grid,.dashboard{align-items:center;display:flex;justify-content:center;position:relative}.circle-grid{height:600px;transform-style:preserve-3d;width:600px}.circle-tile{cursor:pointer;position:absolute;transition:transform .5s ease}.circle-tile-inner{align-items:center;border-radius:50%;box-shadow:0 8px 20px #0003,0 4px 10px #0000001a;color:#fff;display:flex;flex-direction:column;font-size:16px;font-weight:600;justify-content:center;overflow:hidden;padding:10px;position:relative;transition:all .5s ease}.circle-tile-inner:before{background:linear-gradient(to right,var(--border-color-start),var(--border-color-end));background-clip:initial;border:5px solid #0000;border-radius:50%;bottom:-5px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);content:"";left:-5px;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;right:-5px;top:-5px;transform:rotate(-90deg);z-index:1}.circle-tile-inner.animate:before{animation:drawBorder 2s ease-out forwards}@keyframes drawBorder{0%{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}to{clip-path:polygon(50% 50%,100% 0,100% 100%,0 100%);transform:rotate(calc(var(--progress)*3.6deg - 90deg))}}.circle-tile-inner>*{position:relative;z-index:2}.circle-tile:not(.expanded) .circle-tile-inner{height:125px;width:125px}.circle-tile:hover .circle-tile-inner{box-shadow:0 12px 30px #00000040,0 6px 15px #00000026;transform:scale(1.05) translateZ(10px)}.circle-tile.active .circle-tile-inner{box-shadow:0 10px 25px #00000040,0 5px 12px #00000026;transform:scale(1.1) translateZ(10px)}.circle-tile.expanded{animation:expandToCenter .5s ease forwards;height:350px;transform:translate(0);width:350px;z-index:10}@keyframes expandToCenter{0%{height:125px;transform:translate(var(--start-x),var(--start-y)) scale(1);width:125px}to{height:350px;transform:translate(0) scale(1);width:350px}}.circle-tile:not(.expanded){animation:shrinkFromCenter .5s ease forwards}@keyframes shrinkFromCenter{0%{height:350px;transform:translate(0) scale(1);width:350px}to{height:125px;transform:translate(var(--start-x),var(--start-y)) scale(1);width:125px}}.circle-tile.expanded .circle-tile-inner{border-radius:50%;box-shadow:0 15px 40px #0000004d,0 8px 20px #0003;height:350px;padding:20px;width:350px}.circle-tile.expanded .circle-tile-inner:before{display:none}.circle-title{font-size:14px;letter-spacing:1px;margin-bottom:10px;position:relative;text-transform:uppercase;z-index:2}.circle-progress{background:#fff3;border-radius:8px;color:#fff;font-size:12px;padding:2px 6px;position:relative;z-index:2}.sub-themes{height:350px;left:0;top:0;width:350px}.sub-theme-circle,.sub-themes{align-items:center;display:flex;justify-content:center;position:absolute}.sub-theme-circle{border-radius:50%;box-shadow:0 5px 15px #0000001a;color:#fff;cursor:pointer;font-size:10px;font-weight:500;height:60px;transition:transform .3s ease,box-shadow .2s ease;width:60px;z-index:15}.sub-theme-circle:before{background:linear-gradient(to right,var(--border-color),var(--border-color)80);background-clip:initial;border:5px solid #0000;border-radius:50%;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;z-index:1}.sub-theme-circle.animate:before{animation:drawBorder 2s ease-out forwards}.sub-theme-circle:hover{box-shadow:0 8px 20px #00000026;transform:scale(1.05) translateZ(10px)}.sub-theme-circle:active{animation:clickPulse .3s ease}@keyframes clickPulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.sub-theme-circle.expanded{animation:expandSubThemeToCenter .5s ease forwards;height:350px;transform:translate(0);width:350px;z-index:20}@keyframes expandSubThemeToCenter{0%{height:60px;transform:translate(var(--start-x),var(--start-y)) scale(1);width:60px}to{height:350px;transform:translate(0) scale(1);width:350px}}.sub-theme-circle:not(.expanded){animation:shrinkSubThemeFromCenter .5s ease forwards}@keyframes shrinkSubThemeFromCenter{0%{height:350px;transform:translate(0) scale(1);width:350px}to{height:60px;transform:translate(var(--start-x),var(--start-y)) scale(1);width:60px}}.sub-theme-expanded{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:20}.sub-theme-expanded.expanded{animation:expandSubThemeToCenter .5s ease forwards}.sub-theme-expanded-inner{align-items:center;border-radius:50%;box-shadow:0 15px 40px #0000004d,0 8px 20px #0003;color:#fff;display:flex;flex-direction:column;font-size:16px;font-weight:600;height:350px;justify-content:center;padding:20px;width:350px}.expanded-title{color:#fff;font-size:24px;margin-bottom:20px}.expanded-info{color:#fff;font-size:14px;margin:8px 0;text-align:center}.start-session-btn{animation:glowing 2s infinite;border:none;border-radius:8px;box-shadow:0 5px 15px #0000001a;cursor:pointer;font-size:14px;font-weight:500;margin-top:20px;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}@keyframes glowing{0%{box-shadow:0 0 5px #3498db80}50%{box-shadow:0 0 20px #3498dbcc}to{box-shadow:0 0 5px #3498db80}}.start-session-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.stats-corner{background:#fffc;border-radius:8px;bottom:20px;box-shadow:0 5px 15px #0000001a;padding:10px;position:absolute;right:20px}.stats-corner p{color:#666;font-size:14px;margin:5px 0}.theme-content{align-items:center;background:#fff;display:flex;flex-direction:column;height:100%;overflow:visible;padding:20px;width:100%}.theme-header{margin-bottom:5px;max-width:800px;position:relative}.theme-header h1{color:#333;font-size:28px}.mode-selector{align-items:center;display:flex;margin:0 20px}.switch-label{display:flex;gap:10px}.mode-btn{background:#f0f0f0;border:none;border-radius:8px;box-shadow:0 5px 15px #0000001a;color:#333;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .3s ease,transform .2s ease}.mode-btn.active{background:#3498db;box-shadow:0 5px 15px #00000026;color:#fff}.mode-btn:hover{background:#e0e0e0;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.content-area{background:#fff;border-radius:15px;box-shadow:0 15px 40px #0000001a;flex:1 1;flex-direction:column;max-width:800px;width:100%}.content-area,.learn-progress-container{align-items:center;display:flex;justify-content:center}.learn-progress-container{gap:20px;height:36px;margin-bottom:10px;margin-top:10px;width:350px}.progress-indicator{color:#666}.next-question-button,.progress-indicator{align-items:center;display:flex;font-size:16px;line-height:1}.next-question-button{animation:slideInFromRight .5s ease-out forwards;background:#2ecc71;border-radius:8px;box-shadow:0 5px 15px #0000001a;font-weight:500;margin-top:0;transition:background .3s ease,transform .2s ease}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.next-question-button:hover{background:#27ae60;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.session-complete{text-align:center}.session-complete h2{color:#333;font-size:32px;margin-bottom:20px}.session-complete p{color:#666;font-size:16px;margin:10px 0}.back-to-system-button,.continue-button{background:#3498db;border:none;border-radius:8px;box-shadow:0 5px 15px #0000001a;color:#fff;cursor:pointer;font-weight:500;margin:10px;padding:12px 24px;transition:background .3s ease,transform .2s ease}.back-to-system-button-end-session:hover,.back-to-system-button:hover,.continue-button:hover{background:#2980b9;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.button-group{gap:10px;margin-top:20px}.back-to-system-button-end-session{background:#3498db;border:none;border-radius:8px;box-shadow:0 5px 15px #0000001a;color:#fff;cursor:pointer;font-weight:500;margin:10px;padding:12px 24px;transition:background .3s ease,transform .2s ease}.flashcard{align-items:center;background-color:#fff;border:2px solid;border-image:linear-gradient(45deg,#4285f4,#1b5e20) 1;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:400px;margin:0 auto;padding:15px;perspective:1000px;position:relative;transition:transform .3s ease;width:700px}.flashcard:hover{transform:translateY(-5px)}.flashcard-content{display:flex;flex-direction:row;gap:20px;height:100%;width:100%}.flashcard-content.no-media,.flashcard-media{align-items:center;display:flex;justify-content:center}.flashcard-media{flex:1 1;flex-direction:column;gap:15px}.flashcard-inner{height:100%;max-width:400px;position:relative;transform-style:preserve-3d;transition:transform .5s;width:100%}.flashcard-content.no-media .flashcard-inner{max-width:500px;width:90%}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front{background-color:#fff}.flashcard-back,.flashcard-front{align-items:center;backface-visibility:hidden;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%}.flashcard-back{background-color:#f7f7f7;transform:rotateY(180deg)}.flashcard-question{color:#333;font-weight:700;margin-bottom:20px}.flashcard-answer,.flashcard-question{word-wrap:break-word;text-align:center;width:90%}.flashcard-answer{background-color:#f7f7f7;border-radius:5px;color:#85611c;height:100%;justify-content:center;padding:10px}.answer-display,.flashcard-answer{align-items:center;display:flex;flex-direction:column}.answer-display{gap:10px}.answer-form{margin-top:20px;width:90%}.user-answer-input{border-radius:5px;box-sizing:border-box;margin-bottom:10px;padding:10px}.flip-card-button{background-color:#1b5e20;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.flip-card-button:hover{background-color:#4caf50}.answer-feedback{background-color:#f0f0f0;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;margin-top:20px;padding:10px;text-align:center;width:90%}.answer-feedback p{font-size:16px;font-weight:700;line-height:1.5}.answer-feedback.correct{color:green}.answer-feedback.incorrect{color:red}.answer-feedback .feedback-info{color:#000}.painting-frame{background:linear-gradient(45deg,#5d4037,#8d6e63,#5d4037);border:8px solid;border-image:linear-gradient(45deg,#daa520,gold,#daa520) 1;border-radius:2px;box-shadow:0 10px 25px #0000004d,inset 0 0 15px #0006;max-height:200px;padding:15px;position:relative;width:100%}.painting-frame:before{background-color:#fff8e1;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;margin:6px;position:absolute;right:0;top:0;z-index:0}.painting-image{box-shadow:0 4px 8px #0003;max-height:180px;max-width:100%;position:relative;transition:all .4s ease;z-index:1}.painting-image:hover{box-shadow:0 6px 12px #0000004d;transform:scale(1.03)}.painting-frame:after{background:linear-gradient(90deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);border-radius:3px;bottom:-20px;box-shadow:0 3px 6px #0003;content:"";height:12px;left:50%;position:absolute;transform:translateX(-50%);width:70%;z-index:0}.flag-container{background:#0000;border:none;height:150px;margin:0 auto;overflow:hidden;perspective:1000px;position:relative;width:225px}.flag-image{animation:wave-effect 4s cubic-bezier(.455,.03,.515,.955) infinite;box-shadow:0 5px 15px #0000004d;height:100%;object-fit:cover;transform-origin:left;transform-style:preserve-3d;width:100%}@keyframes wave-effect{0%{border-radius:0 10px 10px 0;transform:rotateY(0deg) rotateX(0deg) translateY(0)}25%{border-radius:0 8px 12px 0;transform:rotateY(10deg) rotateX(5deg) translateY(-5px)}50%{border-radius:0 12px 8px 0;transform:rotateY(5deg) rotateX(-2deg) translateY(0)}75%{border-radius:0 10px 10px 0;transform:rotateY(15deg) rotateX(-5deg) translateY(5px)}to{border-radius:0 10px 10px 0;transform:rotateY(0deg) rotateX(0deg) translateY(0)}}.flag-container:after{animation:wave-shine 3s linear infinite;background:linear-gradient(90deg,#fff3,#fff0 20%,#fff3 40%,#fff0 60%,#fff3 80%,#fff0);content:"";height:200%;left:0;pointer-events:none;position:absolute;top:0;width:200%}@keyframes wave-shine{0%{opacity:.7;transform:translateX(-50%) skewX(-15deg)}to{opacity:.7;transform:translateX(0) skewX(-15deg)}}.correct-answer{background-color:#e0ffe0;border:2px solid green;border-radius:5px;display:inline-block;padding:10px}.incorrect-answer{background-color:#ffe0e0;border:2px solid red;border-radius:5px;display:inline-block;padding:10px}@media (max-width:768px){.flashcard{flex-direction:column;height:auto;width:100%}.flashcard-content{flex-direction:column;gap:10px}.flashcard-content.no-media{align-items:center;justify-content:center}.flashcard-media{align-items:center;width:100%}.flashcard-inner{max-width:none;width:100%}.flashcard-content.no-media .flashcard-inner{max-width:500px;width:90%}.painting-frame{border-width:6px;max-height:150px;padding:10px}.painting-frame:before{margin:4px}.painting-image{max-height:130px;max-width:calc(100% - 20px)}.painting-frame:after{bottom:-15px;height:10px}.flag-container{height:120px;width:180px}}.profile-section{align-items:center;background-color:var(--gray-100);display:flex;flex-direction:column;min-height:100vh;padding:0;width:100%}.profile-card{animation:fadeInUp var(--transition-normal) ease forwards;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:600px;overflow:hidden;width:100%}.profile-edit{padding:2rem}.form-group input:disabled{background-color:var(--gray-200);cursor:not-allowed}.form-group input.error{border-color:var(--danger)}.button-group{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.cancel-btn,.save-btn{animation:fadeInUp var(--transition-normal) ease forwards;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 2rem;transition:all var(--transition-fast)}.save-btn{background:linear-gradient(90deg,var(--primary),var(--primary-light));color:#fff}.save-btn:hover{background:linear-gradient(90deg,var(--primary-dark),var(--primary));box-shadow:var(--shadow-md);transform:scale(1.05)}.save-btn:disabled{background:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}.cancel-btn:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.error-message,.success-message{font-size:.85rem;margin-top:.5rem}@media (max-width:768px){.profile-section{padding:1rem}.profile-card{max-width:100%}.profile-edit{padding:1.5rem}.button-group{align-items:center;flex-direction:column;gap:1rem}.cancel-btn,.save-btn{max-width:300px;width:100%}}:root{--gold:#d4af37}.subscription-section{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1000px;padding:1rem}.subscription-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:2rem;transition:all var(--transition-normal)}.subscription-status{margin-bottom:1.5rem}.subscription-status h3{color:var(--gray-800);font-size:1.25rem;font-weight:600}.subscription-active,.subscription-cancelling,.subscription-error,.subscription-inactive{padding:1rem 0}.subscription-active p,.subscription-cancelling p,.subscription-error p,.subscription-inactive p{color:var(--gray-700);line-height:1.6;margin-bottom:1rem}.subscription-form{margin-top:1.5rem;width:100%}.card-input-container,.payment-fields{margin-bottom:1.5rem}.card-input-container label{color:var(--gray-700);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.card-element-wrapper{background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:.75rem;transition:border-color var(--transition-fast)}.card-element-wrapper:hover{border-color:var(--gray-400)}.action-button,.cancel-btn,.reinstate-btn,.retry-btn,.subscribe-btn,.subscribe-button{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.action-button.primary,.reinstate-btn,.subscribe-btn,.subscribe-button{background:var(--primary);color:#fff}.action-button.primary:hover,.reinstate-btn:hover,.subscribe-btn:hover,.subscribe-button:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-button.primary:disabled,.subscribe-button:disabled{background:var(--gray-500);cursor:not-allowed;transform:none}.cancel-btn{background:var(--danger);color:#fff}.cancel-btn:hover{background:#c53030}.retry-btn{background:var(--primary);color:#fff}.retry-btn:hover{background:var(--primary-dark)}.action-button.secondary{background:var(--gray-200);color:var(--gray-700)}.action-button.secondary:hover{background:var(--gray-300);color:var(--gray-800)}.action-button.secondary:disabled{background:var(--gray-300);cursor:not-allowed}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#b91c1c;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.subscription-loading{color:var(--gray-600);font-style:italic;padding:2rem;text-align:center}.pricing-plans{display:flex;gap:1.5rem;justify-content:space-between;margin-top:2rem;width:100%}.pricing-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex:1 1;min-width:250px;padding:1.5rem;position:relative;text-align:center;transition:transform var(--transition-normal)}.pricing-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.pricing-card.popular{border:2px solid var(--primary)}.pricing-card.highlighted{background:linear-gradient(180deg,#d4af371a,#d4af370d);border:2px solid #d4af37;border:2px solid var(--gold)}.popular-tag{background:var(--primary);border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:600;left:50%;padding:.25rem .75rem;position:absolute;top:-.75rem;transform:translateX(-50%)}.popular-tag.active-tag{background:#d4af37;background:var(--gold);border:1px solid #d4af37;border:1px solid var(--gold);color:var(--gray-900)}.pricing-card h3{color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.price{color:var(--primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.description{color:var(--gray-600);font-size:.9rem;margin-bottom:1rem}.features-list{list-style:none;margin-bottom:1.5rem;padding:0}.features-list li{align-items:center;color:var(--gray-700);display:flex;font-size:.9rem;justify-content:center;margin-bottom:.5rem}.features-list li:before{color:var(--success);content:"✓";margin-right:.5rem}@media (max-width:768px){.subscription-card{padding:1.5rem}.pricing-plans{flex-wrap:wrap;justify-content:center}.pricing-card{flex:1 1 250px;max-width:300px}.action-button,.cancel-btn,.reinstate-btn,.retry-btn,.subscribe-btn,.subscribe-button{margin-bottom:.5rem;width:100%}}:root{--primary:#5a67d8;--primary-light:#7f9cf5;--primary-dark:#4c51bf;--secondary:#f56565;--success:#48bb78;--warning:#ecc94b;--danger:#e53e3e;--light:#f7fafc;--dark:#1a202c;--gray-100:#f7fafc;--gray-200:#edf2f7;--gray-300:#e2e8f0;--gray-400:#cbd5e0;--gray-500:#a0aec0;--gray-600:#718096;--gray-700:#4a5568;--gray-800:#2d3748;--gray-900:#1a202c;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.account-page{background-color:#f7fafc;background-color:var(--gray-100);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;width:100%}.account-sidebar{background:linear-gradient(135deg,#4c51bf,#5a67d8);background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-direction:column;position:relative;transform:translateZ(0);width:280px;z-index:10}.account-content{flex:1 1;overflow-y:auto;padding:2rem 2rem 2rem 0}.account-dashboard{margin-left:0}.sidebar-menu{display:flex;flex-direction:column;padding:2.5rem 1rem 1rem}.sidebar-item{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fffc;cursor:pointer;display:flex;margin-bottom:.5rem;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.sidebar-item:before{background:#ffffff1a;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;transition:width var(--transition-normal);width:0;z-index:-1}.sidebar-item:hover:before{width:100%}.sidebar-item.active{background:#ffffff26;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;font-weight:500;transform:translateY(-1px)}.sidebar-icon{display:flex;font-size:1.25rem;margin-right:.75rem}.sidebar-text{font-size:.95rem;letter-spacing:.02em}.account-title{color:#2d3748;color:var(--gray-800);display:inline-block;font-size:2rem;font-weight:700;margin-bottom:2rem;position:relative}.account-title:after{background:linear-gradient(90deg,#5a67d8,#7f9cf5);background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:4px;content:"";display:block;height:4px;margin:.5rem auto;width:100px}.metric-selector{background:#fff;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:center;margin-bottom:2rem;padding:.5rem}.metric-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#718096;color:var(--gray-600);cursor:pointer;display:flex;font-weight:500;margin:0 .25rem;padding:.75rem 1.25rem;transition:all .15s ease;transition:all var(--transition-fast)}.metric-btn svg{font-size:1.1rem;margin-right:.5rem}.metric-btn:hover{background-color:#f7fafc;background-color:var(--gray-100);color:#5a67d8;color:var(--primary)}.metric-btn.active{background-color:#5a67d8;background-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);opacity:0;transform:translateY(20px);transition:all .3s ease;transition:all var(--transition-normal)}.dashboard-grid.visible{opacity:1;transform:translateY(0)}.dashboard-card{background:#fff;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.dashboard-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-5px)}.dashboard-card h3{color:#2d3748;color:var(--gray-800);display:inline-block;font-size:1.15rem;font-weight:600;margin-bottom:1.25rem;position:relative}.dashboard-card h3:after{background:linear-gradient(90deg,#5a67d8,#7f9cf5);background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:1.5px;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:30px}.dashboard-card h4{color:#2d3748;color:var(--gray-800);font-size:1rem;font-weight:600;margin-bottom:1rem;margin-top:1.5rem}.wide-card{grid-column:1/-1}.chart-container{height:300px;margin-bottom:1rem;position:relative;width:100%}.chart-row{display:flex;flex-wrap:wrap;gap:20px;width:100%}.chart-row>div{flex:1 1;min-width:300px}.category-performance-container{display:flex;flex-direction:column;gap:1rem}.performance-bar-wrapper{align-items:center;display:flex;gap:1rem;width:100%}.performance-bar-label{color:#2d3748;color:var(--gray-800);font-weight:600;min-width:120px}.performance-bar{background-color:#edf2f7;background-color:var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);flex:1 1;height:20px;overflow:hidden;position:relative}.performance-bar-fill{height:100%;transition:width .3s ease;transition:width var(--transition-normal)}.performance-bar-value{color:#2d3748;color:var(--gray-800);font-weight:600;min-width:60px;padding-left:.5rem;text-align:right}.theme-performance-group{margin-bottom:1rem}.subtheme-performance-group{display:flex;flex-direction:column;gap:.5rem;margin-left:1.5rem;margin-top:.5rem}.sub-theme .performance-bar-label{color:var * #4a5568;color:var * var(--gray-700);font-weight:500}.sub-theme .performance-bar{height:16px}.category-tabs{display:flex;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.category-tab{background:#edf2f7;background:var(--gray-200);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#4a5568;color:var(--gray-700);cursor:pointer;flex-shrink:0;font-weight:500;margin-right:.75rem;padding:.5rem 1rem;transition:all .15s ease;transition:all var(--transition-fast)}.category-tab:hover{background:#e2e8f0;background:var(--gray-300);color:#2d3748;color:var(--gray-800)}.category-tab.active{background:#5a67d8;background:var(--primary);color:#fff}.box-explanation{border-top:1px solid #edf2f7;border-top:1px solid var(--gray-200);margin-top:1.5rem;padding-top:1.5rem}.box-explanation h4{color:#2d3748;color:var(--gray-800);font-size:1rem;font-weight:600;margin-bottom:.75rem}.box-explanation p{color:#718096;color:var(--gray-600);font-size:.9rem;margin-bottom:1rem}.box-indicators{display:flex;justify-content:space-between;margin-top:1rem}.box-indicator{flex-direction:column}.box-indicator,.box-number{align-items:center;display:flex}.box-number{background:#7f9cf5;background:var(--primary-light);border-radius:50%;color:#fff;font-weight:600;height:30px;justify-content:center;margin-bottom:.5rem;width:30px}.box-review{color:#718096;color:var(--gray-600);font-size:.75rem}.badges-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.badge-item{align-items:center;background:#f7fafc;background:var(--gray-100);border-radius:.5rem;border-radius:var(--radius-md);display:flex;padding:1rem;position:relative;transition:transform .15s ease;transition:transform var(--transition-fast)}.badge-item:hover{transform:translateY(-3px)}.badge-item.earned{background:linear-gradient(90deg,#5a67d81a,#5a67d80d);border-left:3px solid #5a67d8;border-left:3px solid var(--primary)}.badge-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#5a67d8;color:var(--primary);display:flex;font-size:1.5rem;height:45px;justify-content:center;margin-right:1rem;width:45px}.badge-icon.dimmed{background:#edf2f7;background:var(--gray-200);color:#a0aec0;color:var(--gray-500)}.badge-details{flex:1 1}.badge-details h4{color:#2d3748;color:var(--gray-800);font-size:.95rem;font-weight:600;margin-bottom:.25rem}.progress-container{background:#edf2f7;background:var(--gray-200);border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden;position:relative}.progress-bar{background:linear-gradient(90deg,#7f9cf5,#5a67d8);background:linear-gradient(to right,var(--primary-light),var(--primary));border-radius:3px}.progress-text{color:#718096;color:var(--gray-600);font-size:.7rem;position:absolute;right:0;top:8px}.all-badges,.no-badges{color:#718096;color:var(--gray-600);font-style:italic;grid-column:1/-1;padding:2rem;text-align:center}.badge-tooltip{background-color:#2d3748;background-color:var(--gray-800);border-radius:.5rem;border-radius:var(--radius-md);bottom:60%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;font-size:.85rem;left:59%;opacity:0;padding:.5rem 1rem;text-align:center;transition:opacity .15s ease,visibility .15s ease;transition:opacity var(--transition-fast),visibility var(--transition-fast);visibility:hidden;white-space:normal;width:200px;z-index:1000}.badge-tooltip,.badge-tooltip:after{position:absolute;transform:translateX(-50%)}.badge-tooltip:after{border:5px solid #0000;border-top-color:#2d3748;border-color:var(--gray-800) #0000 #0000 #0000;content:"";left:50%;top:100%}.badge-item:hover .badge-tooltip{margin-bottom:.5rem;opacity:1;visibility:visible}.celebrating-card{background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);color:#fff;margin:2rem auto;max-width:800px;overflow:hidden;padding:2rem;position:relative}.celebrating-card h3{color:#fff;text-align:center}.celebrating-card h3:after{background:linear-gradient(90deg,#5a67d8,#7f9cf5);background:linear-gradient(90deg,var(--primary),var(--primary-light));margin:.5rem auto}.celebration-stats{display:flex;justify-content:space-around;margin:1.5rem 0}.stat-highlight{align-items:center;display:flex;flex-direction:column;z-index:1}.stat-number{font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#ffffffe6;font-size:.9rem}.achievement-message{font-size:.95rem;font-weight:500;margin-top:1.5rem;position:relative;text-align:center;z-index:1}.confetti-animation{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.confetti-piece{animation:falling 8s infinite;background:#fff;border-radius:1px;height:10px;opacity:.6;position:absolute;width:10px}.confetti-piece:first-child{animation-delay:0s;background:#ffeb3b;left:10%;top:-10%;transform:rotate(10deg)}.confetti-piece:nth-child(2){animation-delay:.5s;background:#4caf50;left:25%;top:-20%;transform:rotate(25deg)}.confetti-piece:nth-child(3){animation-delay:1s;background:#e91e63;left:40%;top:-5%;transform:rotate(40deg)}.confetti-piece:nth-child(4){animation-delay:1.5s;background:#2196f3;left:55%;top:-15%;transform:rotate(55deg)}.confetti-piece:nth-child(5){animation-delay:2s;background:#ff9800;left:70%;top:-7%;transform:rotate(70deg)}.confetti-piece:nth-child(6){animation-delay:2.5s;background:#9c27b0;left:85%;top:-12%;transform:rotate(85deg)}.confetti-piece:nth-child(7){animation-delay:3s;background:#00bcd4;left:20%;top:-18%;transform:rotate(100deg)}.confetti-piece:nth-child(8){animation-delay:3.5s;background:#ff5722;left:35%;top:-10%;transform:rotate(115deg)}.confetti-piece:nth-child(9){animation-delay:4s;background:#8bc34a;left:50%;top:-15%;transform:rotate(130deg)}.confetti-piece:nth-child(10){animation-delay:4.5s;background:#03a9f4;left:65%;top:-5%;transform:rotate(145deg)}@keyframes falling{0%{opacity:.8;top:-10%;transform:translateX(0) rotate(0deg) scale(1)}10%{opacity:.8}50%{opacity:.6}to{opacity:0;top:100%;transform:translateX(20px) rotate(1turn) scale(.5)}}.profile-section,.subscription-section{padding:1rem}.profile-section h2,.subscription-section h2{color:#2d3748;color:var(--gray-800);display:inline-block;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;position:relative}.profile-section h2:after,.subscription-section h2:after{background:linear-gradient(90deg,#5a67d8,#7f9cf5);background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:40px}.profile-card,.subscription-card{background:#fff;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:minmax(300px,2fr) 3fr;overflow:hidden}.profile-edit,.subscription-controls{border-left:1px solid #edf2f7;border-left:1px solid var(--gray-200);padding:2rem}.profile-edit h3{color:#2d3748;color:var(--gray-800);font-size:1.25rem;font-weight:600}.form-group,.profile-edit h3{margin-bottom:1.5rem}.form-group label{color:#4a5568;color:var(--gray-700);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #e2e8f0;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;padding:.75rem 1rem;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.form-group input:focus{border-color:#5a67d8;border-color:var(--primary);box-shadow:0 0 0 3px #5a67d81a;outline:none}.cancel-btn,.save-btn,.subscribe-btn{border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .15s ease;transition:all var(--transition-fast)}.save-btn,.subscribe-btn{background:#5a67d8;background:var(--primary);color:#fff}.save-btn:hover,.subscribe-btn:hover{background:#4c51bf;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.cancel-btn{background:#edf2f7;background:var(--gray-200);color:#4a5568;color:var(--gray-700)}.cancel-btn:hover{background:#e2e8f0;background:var(--gray-300);color:#2d3748;color:var(--gray-800)}.no-data-message{background:#fff;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);grid-column:1/-1;padding:3rem;text-align:center}.no-data-message p{color:#718096;color:var(--gray-600);margin:.5rem 0}@media (max-width:1024px){.account-content{padding:1rem}.chart-row{flex-wrap:wrap}.account-page,.chart-row{flex-direction:column}.account-sidebar{height:auto;width:100%}.sidebar-menu{flex-direction:row;justify-content:center;padding:1rem}.sidebar-item{margin-bottom:0;margin-right:.5rem}.profile-card,.subscription-card{grid-template-columns:1fr}.profile-edit,.subscription-controls{border-left:none;border-top:1px solid #edf2f7;border-top:1px solid var(--gray-200)}.dashboard-grid{grid-template-columns:1fr}.celebrating-card{margin:1rem;max-width:100%}}@media (max-width:768px){.account-content{padding:.5rem}.sidebar-menu{overflow-x:auto;padding:1rem .5rem}.sidebar-item{font-size:.85rem;padding:.5rem .75rem}.chart-container{height:200px}.chart-row{flex-direction:column}.badge-tooltip{display:none}.badge-item:active .badge-tooltip{display:block;left:50%;opacity:1;position:fixed;top:50%;transform:translate(-50%,-50%);visibility:visible;width:80%;z-index:1001}.celebration-stats{flex-direction:column;gap:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-card{animation:fadeInUp .5s ease forwards;animation-delay:0s;animation-delay:calc(var(--index, 0)*.1s)}.dashboard-card:first-child{--index:1}.dashboard-card:nth-child(2){--index:2}.dashboard-card:nth-child(3){--index:3}.dashboard-card:nth-child(4){--index:4}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));text-align:center}.stat-item p{color:#718096;color:var(--gray-600);font-size:.9rem;margin-bottom:.5rem}.stat-item span{color:#2d3748;color:var(--gray-800);font-size:1.25rem;font-weight:600}.section-nav-container{background-color:#f5f5f5;border-radius:0 10px 10px 0;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:10px;position:fixed;width:150px;z-index:1000}.section-nav{display:flex;flex-direction:column;height:100%}.section-item{align-items:center;cursor:pointer;display:flex;flex:1 1;font-size:14px;justify-content:flex-start;margin:5px 0;padding:10px 15px;text-align:left;transition:all .3s ease}.section-item:hover{background-color:#e0e0e0}.section-item.active{background-color:#d0d0d0;border-radius:5px;font-weight:700}.section-number{color:#666;font-size:12px;margin-right:8px}.section-label{color:#333}.footer{background-color:#333;color:#fff;margin-top:auto;padding:20px 0;width:100%}.footer-container{display:flex;justify-content:space-around;margin:0 auto;max-width:1200px;padding:0 20px}.footer-section{flex:1 1;min-width:200px}.footer-section h3{font-size:18px;margin-bottom:10px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#fff}.footer-section p{font-size:14px;line-height:1.5}.privacy-container{background-color:#f5f9ff;color:#333;font-family:Montserrat,sans-serif;min-height:100vh;padding:20px}.privacy-title{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:30px;position:relative;text-align:center}.privacy-title:after{background-color:#00c4b4;border-radius:1px;bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.privacy-content{margin:0 auto;max-width:800px}.privacy-section{margin-bottom:30px}.privacy-section h2{color:#00c4b4;font-size:1.3rem;font-weight:600;margin-bottom:10px}.privacy-section p{color:#666;font-size:.95rem;line-height:1.6}.privacy-section ul{list-style-type:disc;margin:10px 0;padding-left:20px}.privacy-section li{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:8px}.privacy-section a{color:#00c4b4;font-weight:500;text-decoration:none}.privacy-section a:hover{text-decoration:underline}@media (max-width:600px){.privacy-container{padding:15px}.privacy-title{font-size:1.5rem}.privacy-section h2{font-size:1.1rem}.back-button,.privacy-section li,.privacy-section p{font-size:.9rem}.back-button{padding:6px 12px}}.terms-container{background-color:#f5f9ff;color:#333;font-family:Montserrat,sans-serif;min-height:100vh;padding:20px}.back-button{background-color:initial;border:1px solid #00c4b4;border-radius:5px;color:#00c4b4;font-weight:500;margin-bottom:20px;transition:all .3s ease}.back-button:hover{background-color:#00c4b4;color:#fff}.terms-title{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:30px;position:relative;text-align:center}.terms-title:after{background-color:#00c4b4;border-radius:1px;bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.terms-content{margin:0 auto;max-width:800px}.terms-section{margin-bottom:30px}.terms-section h2{color:#00c4b4;font-size:1.3rem;font-weight:600;margin-bottom:10px}.terms-section p{color:#666;font-size:.95rem;line-height:1.6}.terms-section a{color:#00c4b4;font-weight:500;text-decoration:none}.terms-section a:hover{text-decoration:underline}@media (max-width:600px){.terms-container{padding:15px}.terms-title{font-size:1.5rem}.terms-section h2{font-size:1.1rem}.back-button,.terms-section p{font-size:.9rem}.back-button{padding:6px 12px}}.faq-page{background-color:#f9f9f9;min-height:100vh}.faq-hero{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#333;padding:60px 20px;text-align:center}.faq-hero h1{font-size:2.5em;margin-bottom:10px}.faq-hero p{font-size:1.2em;opacity:.9}.faq-content{margin:0 auto;max-width:900px;padding:40px 20px}.contact-page{background-color:#f9f9f9;min-height:100vh}.contact-hero{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#333;padding:60px 20px;text-align:center}.contact-hero h1{font-size:2.5em;margin-bottom:10px}.contact-hero p{font-size:1.2em;opacity:.9}.contact-content{display:flex;flex-wrap:wrap;gap:40px;margin:0 auto;max-width:1200px;padding:40px 20px}.contact-form-container,.contact-info{flex:1 1;min-width:300px}.contact-form-container h2,.contact-info h2{font-size:1.8em;margin-bottom:20px}.contact-form-wrapper{display:flex;flex-direction:column;gap:15px}.contact-form-wrapper input,.contact-form-wrapper textarea{border:1px solid #ddd;border-radius:5px;font-size:1em;padding:12px}.contact-form-wrapper textarea{min-height:150px;resize:vertical}.contact-form-wrapper button{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:12px;transition:background .3s}.contact-form-wrapper button:hover{background:#218838}.contact-status{color:#28a745;font-weight:700;margin-bottom:10px}.contact-info p{color:#666;line-height:1.6;margin-bottom:10px}.parameters-selection{padding:20px;text-align:center}.parameters-selection h1{font-size:2rem;margin-bottom:20px}.config-selection{align-items:center;display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:600px}.config-selection div{width:100%}.config-selection label{display:block;font-size:1.1rem;margin-bottom:5px}.button-group-speedrun{display:flex;gap:10px;justify-content:center}.button-group-speedrun.mode-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.config-button{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:1rem;min-width:100px;padding:8px 16px;text-align:center;white-space:nowrap}.config-button.selected{background:linear-gradient(45deg,gold,#daa520);border:2px solid #daa520;color:#333;font-weight:700}.config-button:hover:not(.disabled){background-color:#e0e0e0}.config-button.selected:hover{background:linear-gradient(45deg,#ffeb3b,#c0a62b)}.config-button.disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.start-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:20px;padding:10px;width:100%}.start-button:hover{background-color:#0056b3}.progress-info{margin-bottom:20px;position:relative;text-align:center}.timer{background-color:#f0f0f0;border-radius:4px;color:#007bff;font-size:1.8rem;font-weight:700;margin:10px 0;padding:10px;position:sticky;top:0;z-index:10}.question-counter{font-size:1.2rem;margin:10px 0}.progress-bar-container{background-color:#e0e0e0;border-radius:4px;height:10px;margin:10px 0;width:100%}.progress-bar{background-color:#007bff;border-radius:4px;height:100%;transition:width .3s ease}.next-question-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:8px 16px}.next-question-button:hover{background-color:#218838}.next-question-button:focus{outline:2px solid #218838;outline-offset:2px}.speedrun-question{margin:20px 0;text-align:center}.speedrun-content{align-items:flex-start;display:flex;flex-direction:row;gap:20px}.speedrun-content.no-media{justify-content:center}.speedrun-media{flex:0 0 auto;max-width:200px}.speedrun-text{align-items:center;display:flex;flex:1 1;flex-direction:column}.question-text{font-size:1.5rem;margin:0 0 15px}.flag-container,.painting-frame{align-items:center;display:flex;justify-content:center;padding:10px}.painting-frame{border:2px solid #ddd;border-radius:4px}.flag-image{height:auto;width:100px}.painting-image{height:auto;max-width:200px}.answers-container{display:flex;flex-direction:column;gap:10px;list-style:none;max-width:400px;padding:0;width:100%}.answer-button{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:1rem;padding:10px}.correct-answer{background-color:#28a745;color:#fff}.incorrect-answer{background-color:#dc3545;color:#fff}.incorrect-answer-unselected{background-color:#f9f9f9;border:1px solid #ccc;color:#333}.answer-form{align-items:center;display:flex;flex-direction:column;gap:10px;max-width:400px;width:100%}.user-answer-input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:8px;width:100%}.submit-answer-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:8px}.submit-answer-button:disabled{background-color:#ccc;cursor:not-allowed}.submitted-answer{color:#333;font-weight:700;margin:10px 0}.answer-feedback{font-size:1.1rem;margin-top:15px}.answer-feedback.correct{color:#28a745}.answer-feedback.incorrect{color:#dc3545}.answer-feedback p{margin:0}.feedback-info{font-size:.9rem}.theme-header{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;margin-bottom:20px;max-width:100%;padding:20px;width:100%}.back-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 16px}.back-button:hover{background-color:#0056b3}.theme-header h1{flex-grow:1;font-size:2rem;margin:0;text-align:center}.subtheme-selection .subthemes-list{align-items:center;box-sizing:initial;display:flex;flex-direction:column;gap:10px}.subtheme-row{display:flex;gap:10px;justify-content:center;max-width:600px;width:100%}.centered{text-align:center}.subtheme-row.center-last:last-child,.subtheme-row.center-last:not(:last-child){justify-content:center}.subtheme-card{border:1px solid #ccc;border-radius:5px;cursor:pointer;padding:15px;text-align:center;width:150px}.subtheme-card:hover{background-color:#f0f0f0}
/*# sourceMappingURL=main.7aab6e6c.css.map*/