@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--color-primary: #8060B0;--color-primary-hover: #6A4F96;--color-accent: #9070C0;--color-accent-end: #C088C0;--color-text: #2C2038;--color-text-muted: #5A4870;--color-text-light: #8070A0;--color-border: #D0C0E8;--color-border-light: #DDD0F0;--color-bg: #F6F0FC;--color-bg-hover: #FAF6FF;--color-bg-card: #FAF6FF;--color-error: #5C1828;--color-error-bg: #F8E0E8;--color-error-border: #E8A0B0;--color-success: #184028;--color-success-hover: #1A4828;--color-again: #E8A0B0;--color-again-hover: #E090A0;--color-again-text: #5C1828;--color-hard: #E8C8A0;--color-hard-hover: #E0C090;--color-hard-text: #503810;--color-good: #A0D0B0;--color-good-hover: #90C8A0;--color-good-text: #184028;--color-easy: #B8B0E8;--color-easy-hover: #A8A0E0;--color-easy-text: #282060;--color-warning-bg: #FFF0E8;--color-warning-border: #E8C8A0;--color-warning-text: #503810;--color-bucket-mastered: #1a8a45;--color-bucket-mastered-light: #b6e6c8;--color-bucket-learning: #4838b0;--color-bucket-learning-light: #c4bcf0;--color-bucket-struggling: #c0283c;--color-bucket-struggling-light: #f0b0b8;--color-bucket-new: #8070A0;--color-session-badge-bg: #DDD0F0;--color-session-badge-text: #5A4870;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px}[data-theme=dark]{--color-primary: #9880C8;--color-primary-hover: #B098D8;--color-accent: #7858A8;--color-accent-end: #886898;--color-text: #EDE4F8;--color-text-muted: #B8A8D0;--color-text-light: #9080B0;--color-border: #443860;--color-border-light: #3A2C50;--color-bg: #1A141E;--color-bg-hover: #2A2038;--color-bg-card: #241C30;--color-error: #F0A0B0;--color-error-bg: #3A1828;--color-error-border: #602838;--color-success: #80C898;--color-success-hover: #90D0A0;--color-again: #5C1828;--color-again-hover: #6C2030;--color-again-text: #F0A0B0;--color-hard: #503810;--color-hard-hover: #604818;--color-hard-text: #E8C8A0;--color-good: #184028;--color-good-hover: #205030;--color-good-text: #A0D0B0;--color-easy: #282060;--color-easy-hover: #303070;--color-easy-text: #B8B0E8;--color-warning-bg: #382818;--color-warning-border: #604818;--color-warning-text: #E8C8A0;--color-bucket-mastered: #40C870;--color-bucket-mastered-light: #1A3828;--color-bucket-learning: #8878D0;--color-bucket-learning-light: #282050;--color-bucket-struggling: #E05870;--color-bucket-struggling-light: #3A1828;--color-bucket-new: #9888B8;--color-session-badge-bg: #3A2C50;--color-session-badge-text: #9888B8}[data-theme=dark] header{background:linear-gradient(135deg,#504070,#604880)}[data-theme=dark] .hardest-words-card{border-color:#443860}[data-theme=dark] .hardest-words-card h3{color:#9888b8}[data-theme=dark] .hardest-words-card:hover{box-shadow:0 4px 20px #5040704d}[data-theme=dark] .mode-option-screen{background-color:#2a2038;border-color:#443860}[data-theme=dark] .mode-option-screen:hover{border-color:#5a4870;background-color:#302840}[data-theme=dark] .mode-screen-title{color:#9888b8}[data-theme=dark] .mode-screen-desc{color:#7868a0}[data-theme=dark] .card-interactive:hover,[data-theme=dark] .deck-card:hover{box-shadow:0 4px 16px #5040704d}[data-theme=dark] .score-display{box-shadow:0 4px 16px #50308066}[data-theme=dark] .mode-option-smart:hover{box-shadow:0 6px 24px #50308080}[data-theme=dark] .learn-today-card:hover{box-shadow:0 4px 20px #50308066}[data-theme=dark] .banner-dismiss:hover{background-color:#e8c8a01a}[data-theme=dark] .flashcard{color:#f0e8ff}[data-theme=dark] .auth-input{background-color:#241c30;color:#d0c0e8}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}header :focus-visible{outline-color:#fff}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;color:var(--color-text)}.app{min-height:100vh;background-color:var(--color-bg);display:flex;flex-direction:column}header{background:linear-gradient(135deg,#9070c0,#a880c8);color:#fff;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}header h1{font-size:18px;font-weight:700;transition:opacity .2s ease}header h1:hover{opacity:.8}header .back-button{margin-right:auto;padding:8px 0;font-size:15px;text-decoration:none;color:#fff;background-color:transparent;border:none;cursor:pointer;transition:opacity .2s ease;min-height:44px;min-width:44px;display:flex;align-items:center;gap:6px}header .back-button:hover{opacity:.8}header .back-button:active{transform:scale(.98)}.back-label{display:none}.account-button{margin-left:auto;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;transition:opacity .2s ease}.account-button:hover{opacity:.8}main{flex:1;max-width:800px;margin:0 auto;padding:20px 16px;width:100%}.button{padding:12px 20px;font-size:16px;font-family:inherit;border:none;border-radius:20px;background-color:var(--color-primary);color:#fff;cursor:pointer;transition:all .2s ease;min-height:44px;text-decoration:none;display:inline-block}.button:hover{background-color:var(--color-primary-hover)}.button:active{transform:scale(.98)}.flashcard-deck{text-align:center}.flashcard-deck h2{margin-bottom:12px;color:var(--color-text);font-size:20px}.deck-list{text-align:center}.home-hub{display:flex;flex-direction:column;gap:10px}.deck-list h2{margin-bottom:20px;color:var(--color-text);font-size:24px}.deck-grid{display:flex;flex-direction:column;gap:12px;margin-top:16px}.card-base{background-color:var(--color-bg-card);border:3px solid var(--color-border);border-radius:var(--radius-lg)}.card-interactive{cursor:pointer;transition:all .2s ease}.card-interactive:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #8060b026}.card-interactive:active{transform:scale(.98)}.deck-card{padding:22px 24px;text-align:left;min-height:52px}.deck-card:hover{box-shadow:0 4px 16px #8060b026}.deck-card h3{color:var(--color-primary);margin-bottom:8px;font-size:18px}.deck-card p{color:var(--color-text-muted);font-size:14px;line-height:1.5}.error{color:var(--color-error);padding:20px;background-color:var(--color-error-bg);border-radius:var(--radius-md);text-align:center}.deck-list-loading,.deck-list-error{text-align:center;padding:40px 16px;color:var(--color-text-muted)}.mode-selection{text-align:center}.mode-selection h2{margin-bottom:8px;color:var(--color-text);font-size:22px}.mode-selection-subtitle{color:var(--color-text-muted);font-size:16px;margin-bottom:20px}.mode-options-secondary{display:flex;flex-direction:column;gap:8px;margin-top:16px}.mode-option-secondary{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-bg-card);border:3px solid var(--color-border);border-radius:20px;padding:14px 16px;cursor:pointer;transition:all .2s ease;min-height:44px}.mode-option-secondary:hover{border-color:var(--color-primary);background-color:var(--color-bg-hover)}.mode-option-secondary:active{transform:scale(.98)}.mode-secondary-title{color:var(--color-primary);font-size:15px;font-weight:600}.mode-secondary-desc{color:var(--color-text-light);font-size:13px}.mode-option-screen{display:flex;align-items:center;justify-content:space-between;background-color:#f0f0f0;border:2px solid #ddd;border-radius:20px;padding:14px 16px;cursor:pointer;transition:all .2s ease;min-height:44px;margin-top:16px}.mode-option-screen:hover{border-color:#bbb;background-color:#e8e8e8}.mode-option-screen:active{transform:scale(.98)}.mode-screen-title{color:#666;font-size:14px;font-weight:600}.mode-screen-desc{color:#999;font-size:12px}.flashcard{cursor:pointer;padding:24px;border:3px solid var(--color-border);border-radius:22px;min-height:250px;display:flex;align-items:center;justify-content:center;font-size:24px;background-color:var(--color-bg-card);transition:background-color .3s ease}.flashcard.flipped{background-color:var(--color-bg)}.card-counter{margin-bottom:12px;font-size:14px}.card-counter-answered{margin-left:10px;color:var(--color-text-muted)}.card-counter-badge{margin-left:8px}.flashcard-front{text-align:center;font-size:28px}.flashcard-back{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.flashcard-text{font-size:28px;text-align:center;font-weight:500}.flashcard-actions{margin-top:20px;display:flex;flex-direction:column;gap:12px;align-items:stretch}.main-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button-again,.button-hard,.button-good,.button-easy{padding:14px 12px;font-weight:700;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:20px}.button-subtitle{font-size:11px;font-weight:400;opacity:.85}.button-again{background-color:var(--color-again);color:var(--color-again-text)}.button-again:hover{background-color:var(--color-again-hover)}.button-hard{background-color:var(--color-hard);color:var(--color-hard-text)}.button-hard:hover{background-color:var(--color-hard-hover)}.button-good{background-color:var(--color-good);color:var(--color-good-text)}.button-good:hover{background-color:var(--color-good-hover)}.button-easy{background-color:var(--color-easy);color:var(--color-easy-text)}.button-easy:hover{background-color:var(--color-easy-hover)}.button-again:active,.button-hard:active,.button-good:active,.button-easy:active{transform:scale(.95)}.button-nav{padding:10px 16px;font-size:14px;background-color:var(--color-border-light);color:var(--color-text);border-radius:20px}.button-nav:hover{background-color:var(--color-border)}.button-finish{padding:14px 24px;border-radius:20px}.answer-status{margin-top:8px;padding:10px 16px;background-color:var(--color-bg);border-radius:16px;color:var(--color-text-muted);font-size:14px;text-align:center}.results-screen{text-align:center}.results-screen h2{color:var(--color-text);margin-bottom:20px;font-size:24px}.results-summary{margin-bottom:24px}.score-display{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-end) 100%);color:#fff;padding:30px 20px;border-radius:22px;box-shadow:0 4px 16px #9070c04d}.score-number{font-size:56px;font-weight:700;margin-bottom:8px}.score-breakdown{font-size:20px;opacity:.9}.failed-cards-section{margin:24px 0;text-align:left}.failed-cards-section h3{color:var(--color-text);margin-bottom:12px;font-size:20px}.failed-cards-list{display:flex;flex-direction:column;gap:8px}.failed-card-item{display:flex;align-items:center;padding:16px;border-color:var(--color-error-border);gap:10px}.failed-card-front{flex:1;font-size:16px;font-weight:500;color:var(--color-text)}.failed-card-separator{color:var(--color-text-light);font-size:18px}.failed-card-back{flex:1;font-size:16px;color:var(--color-text-muted)}.results-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.button-primary,.button-secondary{padding:16px 24px;font-weight:500;min-height:48px;width:100%;border-radius:20px}.button-secondary{background-color:var(--color-bg-card);color:var(--color-primary);border:3px solid var(--color-primary)}.button-secondary:hover{background-color:var(--color-bg)}.button-primary:active,.button-secondary:active{transform:scale(.95)}.account-screen{text-align:center;padding:40px 16px}.account-screen h2{color:var(--color-text);font-size:24px;margin-bottom:24px}.account-info{margin-bottom:24px;color:var(--color-text-muted);font-size:16px}.account-actions{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;margin:0 auto}.account-actions .button{width:100%}.account-link{text-align:center;text-decoration:none}.theme-switcher{margin-bottom:24px}.theme-switcher-label{font-size:14px;color:var(--color-text-muted);margin-bottom:10px}.theme-switcher-options{display:inline-flex;border:3px solid var(--color-border);border-radius:16px;overflow:hidden}.theme-option{padding:10px 18px;font-size:14px;font-family:inherit;font-weight:500;background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;min-height:44px}.theme-option:not(:last-child){border-right:3px solid var(--color-border)}.theme-option:hover{background-color:var(--color-bg-hover)}.theme-option.active{background-color:var(--color-primary);color:#fff}.sign-in-screen{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px)}.sign-in-container{text-align:center;padding:40px 20px}.sign-in-container h2{color:var(--color-text);margin-bottom:12px;font-size:24px}.sign-in-container p{color:var(--color-text-muted);margin-bottom:24px;font-size:16px}.sign-in-button{width:100%;padding:16px 32px;font-size:18px;border-radius:20px}.auth-form{display:flex;flex-direction:column;gap:12px;max-width:320px;margin:0 auto}.auth-input{padding:12px;border-radius:var(--radius-md);border:3px solid var(--color-border);font-size:16px;font-family:inherit;transition:border-color .2s ease}.auth-input:focus{border-color:var(--color-primary);outline:none}.auth-error{color:var(--color-error);margin:0;font-size:14px}.auth-toggle{margin-top:16px;font-size:14px}.auth-toggle-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:14px;font-family:inherit;text-decoration:underline}.header-link{text-decoration:none;color:inherit}.header-link h1{cursor:pointer}.mode-option-smart{margin-top:16px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-end) 100%);border:none;border-radius:22px;padding:28px 20px;cursor:pointer;transition:all .2s ease;text-align:center;min-height:44px}.mode-option-smart:hover{box-shadow:0 6px 24px #9070c066;transform:translateY(-2px)}.mode-option-smart:active{transform:scale(.98)}.mode-option-smart h3{color:#fff;font-size:22px;margin-bottom:6px}.mode-option-smart p{color:#ffffffd9;font-size:14px}.smart-review-loading{text-align:center;padding:40px 16px;color:var(--color-text-muted);font-size:16px}.smart-review-error{text-align:center;padding:40px 16px;color:var(--color-error);font-size:16px}.smart-review-empty{text-align:center;padding:40px 16px}.smart-review-empty p{color:var(--color-text);font-size:18px;margin-bottom:8px}.smart-review-suggestion{color:var(--color-text-muted);font-size:14px}.learn-today-card{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-end) 100%);color:#fff;border-color:var(--color-accent)}.learn-today-card h3{color:#fff}.learn-today-card p{color:#fffc}.learn-today-card:hover{border-color:var(--color-accent);box-shadow:0 4px 20px #9070c04d}.hardest-words-card{border-color:#c0c8d8}.hardest-words-card h3{color:#6878a0}.hardest-words-card:hover{box-shadow:0 4px 20px #6878a033}.hardest-words-view{text-align:left}.hardest-words-view h2{color:var(--color-text);font-size:24px;margin-bottom:16px}.hardest-words-list{display:flex;flex-direction:column;gap:4px}.hardest-word-item{border-color:var(--color-bucket-struggling-light)}.hardest-word-lapses{color:var(--color-bucket-struggling);font-size:12px;font-weight:600;white-space:nowrap}.hardest-words-empty{text-align:center;padding:40px 16px}.hardest-words-empty p{color:var(--color-text-muted);font-size:16px;margin-bottom:4px}.learn-today-caught-up{text-align:center;padding:32px 16px}.caught-up-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--color-good);color:var(--color-good-text);font-size:32px;line-height:64px;font-weight:700}.learn-today-caught-up h3{font-size:20px;margin-bottom:8px;color:var(--color-text)}.learn-today-caught-up p{font-size:15px;color:var(--color-text-muted);margin-bottom:0}.not-found{text-align:center;padding:40px 16px}.not-found h2{color:var(--color-text);font-size:24px;margin-bottom:12px}.not-found p{color:var(--color-text-muted);font-size:16px}.not-found-link{display:inline-block;margin-top:20px;text-decoration:none}.deck-group{margin-bottom:12px}.deck-group-header{font-weight:600;margin-bottom:4px}.submit-error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:16px;background-color:var(--color-warning-bg);border:3px solid var(--color-warning-border);border-radius:16px;color:var(--color-warning-text);font-size:14px}.banner-dismiss{background:none;border:none;color:var(--color-warning-text);font-size:13px;font-family:inherit;cursor:pointer;padding:4px 8px;min-height:auto;white-space:nowrap}.banner-dismiss:hover{background-color:#5038101a}.stats-screen{text-align:left}.stats-screen h2{color:var(--color-text);font-size:24px;margin-bottom:20px}.stats-deck-cards{display:flex;flex-direction:column;gap:12px}.stats-summary-card{padding:16px}.stats-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stats-summary-header h3{color:var(--color-primary);font-size:16px;margin:0}.mastery-score-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-end) 100%);color:#fff;font-size:14px;font-weight:700;flex-shrink:0}.stats-recent-sessions{display:flex;flex-direction:column;gap:6px}.stats-recent-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:3px solid var(--color-border-light);font-size:13px}.deck-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.deck-stats-header h2{margin-bottom:0}.mastery-score-large{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-end) 100%);color:#fff;font-size:18px;font-weight:700;flex-shrink:0}.bucket-summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 16px;background-color:var(--color-bg-card);border-radius:16px;border:3px solid var(--color-border);margin-bottom:20px;font-size:14px}.bucket-sep{color:var(--color-border)}.bucket-mastered{color:var(--color-bucket-mastered);font-weight:600}.bucket-learning{color:var(--color-bucket-learning);font-weight:600}.bucket-struggling{color:var(--color-bucket-struggling);font-weight:600}.bucket-new{color:var(--color-bucket-new);font-weight:600}.bucket-cards-section{margin-bottom:24px}.bucket-group{margin-bottom:16px}.bucket-heading{font-size:16px;margin-bottom:8px;padding-bottom:4px;border-bottom:3px solid var(--color-border-light)}.bucket-heading-struggling{color:var(--color-bucket-struggling);border-color:var(--color-bucket-struggling-light)}.bucket-heading-learning{color:var(--color-bucket-learning);border-color:var(--color-bucket-learning-light)}.bucket-heading-mastered{color:var(--color-bucket-mastered);border-color:var(--color-bucket-mastered-light)}.bucket-heading-new{color:var(--color-bucket-new);border-color:var(--color-border-light)}.bucket-card-item{display:flex;align-items:center;padding:10px 12px;border-color:var(--color-border-light);border-radius:var(--radius-sm);gap:8px;margin-bottom:4px;font-size:14px}.bucket-card-front{font-weight:500;color:var(--color-text)}.bucket-card-sep{color:var(--color-text-light)}.bucket-card-back{color:var(--color-text-muted);flex:1}.bucket-card-meta{color:var(--color-text-light);font-size:12px;white-space:nowrap}.deck-stats-sessions{margin-top:24px}.deck-stats-sessions h3{color:var(--color-primary);font-size:18px;margin-bottom:10px;padding-bottom:6px;border-bottom:3px solid var(--color-border-light)}.session-card{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-bottom:8px;min-height:44px}.session-card:hover{background-color:var(--color-bg-hover)}.session-card.expanded{border-color:var(--color-primary);border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}.session-date{color:var(--color-text-muted);font-size:14px;min-width:80px}.session-mode-badge{display:inline-block;background-color:var(--color-session-badge-bg);color:var(--color-session-badge-text);font-size:12px;font-weight:600;padding:3px 8px;border-radius:10px;white-space:nowrap}.session-score{margin-left:auto;font-weight:600;font-size:14px;color:var(--color-text);white-space:nowrap}.session-detail{background-color:var(--color-bg-hover);border:3px solid var(--color-primary);border-top:none;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:14px 16px;margin-bottom:8px}.session-detail h4{color:var(--color-text);font-size:15px;margin-bottom:10px}.missed-card-item{display:flex;align-items:center;padding:12px;border-color:var(--color-error-border);gap:10px;margin-bottom:6px}@media(min-width:600px){header{padding:16px 20px}header h1{font-size:22px}.back-label{display:inline}main{padding:32px 24px}.deck-list h2{font-size:28px;margin-bottom:24px}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.deck-card{padding:24px}.deck-card:hover{transform:translateY(-4px)}.mode-option-smart{padding:32px 24px}.mode-options-secondary{flex-direction:row;gap:10px}.mode-option-secondary{flex-direction:column;align-items:center;gap:4px;padding:16px;text-align:center;flex:1}.mode-secondary-desc{font-size:12px}.flashcard-front,.flashcard-text{font-size:32px}.main-buttons{grid-template-columns:repeat(4,1fr)}.button-again,.button-hard,.button-good,.button-easy{min-width:0}.results-screen h2{font-size:32px;margin-bottom:30px}.score-display{padding:40px}.score-number{font-size:72px}.score-breakdown{font-size:24px}.failed-cards-section{margin:32px 0}.failed-cards-section h3{font-size:24px;margin-bottom:16px}.failed-card-item{padding:20px;gap:15px}.failed-card-front,.failed-card-back{font-size:18px}.results-actions{flex-direction:row;justify-content:center;gap:15px}.button-primary,.button-secondary{width:auto;padding:15px 30px}.stats-screen h2{font-size:28px}.stats-summary-header h3{font-size:18px}.mastery-score-badge{width:52px;height:52px;font-size:15px}.bucket-heading{font-size:18px}.session-card{padding:16px 20px}.missed-card-item{padding:16px}}@media(min-width:900px){header{padding:20px}header h1{font-size:24px}main{padding:40px 20px}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.deck-card{padding:30px}.mode-option-smart{padding:36px 30px}.mode-option-smart h3{font-size:24px}.results-summary{margin-bottom:40px}.failed-cards-section{margin:40px 0}}