@import"https://fonts.googleapis.com/css2?family=Alexandria:wght@700;800&family=Open+Sans:wght@400;600&display=swap";:root{font-family:Open Sans,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-main);background-color:var(--bg-main);--primary: #0055A4;--primary-hover: #004488;--secondary: #1B2B39;--bg-main: #FFFFFF;--bg-light: #F9F9F9;--text-main: #2C3135;--text-muted: #5F6368;--white: #FFFFFF;--border-color: rgba(0, 0, 0, .05);--card-shadow: 0 4px 20px rgba(0, 0, 0, .08);--error-bg: #fdf2f2;--error-text: #9b1c1c;--error-border: #f8d7da}[data-theme=dark]{--secondary: #E0E0E0;--bg-main: #121212;--bg-light: #1E1E1E;--text-main: #E0E0E0;--text-muted: #A0A0A0;--white: #1E1E1E;--border-color: rgba(255, 255, 255, .1);--card-shadow: 0 4px 20px rgba(0, 0, 0, .4);--error-bg: #2C1A1A;--error-text: #F8B4B4;--error-border: #4A1B1B}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-main);color:var(--text-main);overflow-x:hidden}#root{width:100%}h1,h2,h3,.heading-font{font-family:Alexandria,sans-serif;font-weight:800;text-transform:uppercase;color:var(--secondary)}h1{font-size:3rem;line-height:1.1;margin-bottom:1.5rem}.glass-card{background:var(--white);border-radius:12px;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}button{border-radius:4px;border:none;padding:12px 24px;font-size:1rem;font-weight:700;font-family:Alexandria,sans-serif;background-color:var(--primary);color:var(--white);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}button:active{transform:translateY(0)}.text-dim{color:var(--text-muted)}.container{max-width:1140px;margin:0 auto;padding:0 20px}.orange-gradient-bg{background:linear-gradient(135deg,#f47920,#d35400);color:var(--white)}.flashcard-container{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:600px;margin:0 auto}.flashcard-progress{font-family:Alexandria,sans-serif;font-size:.8rem;font-weight:700;color:var(--primary);letter-spacing:.1em;text-transform:uppercase}.flashcard{perspective:1200px;width:100%;height:350px;cursor:pointer}.flashcard.learn-mode{touch-action:none}.drag-indicator{position:absolute;top:20px;padding:8px 16px;border:3px solid;border-radius:8px;font-family:Alexandria,sans-serif;font-weight:800;font-size:1.2rem;pointer-events:none;z-index:10}.drag-indicator.right{right:20px;color:#4caf50;border-color:#4caf50;transform:rotate(15deg)}.drag-indicator.left{left:20px;color:#f44336;border-color:#f44336;transform:rotate(-15deg)}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .7s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;box-sizing:border-box;background:var(--white);border-radius:12px;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.flashcard-back{transform:rotateY(180deg);border-left:4px solid var(--primary)}.label{font-family:Alexandria,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem;letter-spacing:.1em}.flashcard p{font-size:1.5rem;font-weight:600;margin:0;color:var(--secondary);line-height:1.4}.hint{margin-top:2rem;font-size:.8rem;color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.flashcard-controls{display:flex;gap:1.5rem}.flashcard-controls button{min-width:140px}.feedback-controls{display:flex;gap:1rem;width:100%}.feedback-controls button{flex:1}.wrong-btn{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.wrong-btn:hover{filter:brightness(.9)}.right-btn{background:var(--primary);color:#fff}.right-btn:hover{filter:brightness(1.1)}button.secondary-btn{background:transparent;color:var(--secondary);border:1px solid var(--border-color)}button.secondary-btn:hover{background:var(--border-color)}button:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-main);color:var(--text-main)}.navbar{height:80px;display:flex;align-items:center;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-main);z-index:100}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%}.theme-toggle{background:transparent;border:none;font-size:1.5rem;padding:8px;cursor:pointer;border-radius:50%;transition:transform .2s ease}.theme-toggle:hover{background:var(--border-color);transform:scale(1.1)}.logo{font-size:1.5rem;letter-spacing:.1em}.text-primary{color:var(--primary)}.main-content{flex:1;display:flex;align-items:center;padding:60px 0}.content-inner{width:100%}.page-header{text-align:center;margin-bottom:60px}.page-title{font-size:2.5rem;margin-bottom:10px}.center{text-align:center}.section-navigation{display:flex;justify-content:center;gap:10px;margin-bottom:40px;flex-wrap:wrap}.section-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);font-size:.8rem;padding:8px 16px;min-width:auto}.section-btn:hover{background:#0055a41a;color:var(--primary)}.section-btn.active{background:var(--primary);color:var(--white)}.flash-card-module{display:flex;justify-content:center}.mastery-badge{font-family:Alexandria,sans-serif;font-weight:700;font-size:.8rem;color:var(--primary);background:#0055a41a;padding:6px 12px;border-radius:20px}.mode-toggle{display:flex;justify-content:center;gap:1rem;margin-top:20px}.mode-btn{background:transparent;border:none;font-family:Alexandria,sans-serif;font-weight:700;font-size:.9rem;color:var(--text-dim);cursor:pointer;padding-bottom:5px;border-bottom:2px solid transparent}.mode-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.session-options{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.option-btn{background:var(--bg-main);border:1px solid var(--primary);color:var(--primary);padding:10px 20px;border-radius:8px;font-family:Alexandria,sans-serif;font-weight:700;cursor:pointer;transition:all .2s ease}.option-btn:hover{background:var(--primary);color:var(--white)}.stats-results{display:flex;justify-content:center;gap:3rem;margin:2rem 0}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-val{font-size:2.5rem;font-weight:800;color:var(--primary);font-family:Alexandria,sans-serif}.stat-lbl{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.primary-btn{background:var(--primary);color:var(--white);padding:12px 28px;border-radius:8px;font-family:Alexandria,sans-serif;font-weight:700;border:none;cursor:pointer;font-size:1rem;transition:filter .2s ease}.primary-btn:hover{filter:brightness(1.1)}.congrats-message{text-align:center;padding:4rem 2rem;background:var(--white);border-radius:20px;box-shadow:var(--card-shadow);max-width:500px;margin:0 auto}.congrats-message h2{font-size:2rem;margin-bottom:1rem}.congrats-message p{margin-bottom:2rem}.learn-progress-container{max-width:600px;margin:0 auto 40px;text-align:center}.learn-progress-label{font-family:Alexandria,sans-serif;font-weight:700;font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:15px}.progress-bar-bg{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);transition:width .3s ease}.main-footer{padding:40px 0;text-align:center;border-top:1px solid var(--border-color);background:var(--bg-main)}