.flashcard-scene{perspective:1000px;-webkit-user-select:none;user-select:none;width:660px;max-width:92vw;height:400px;margin:0 auto}.flashcard{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .55s cubic-bezier(.4,0,.2,1);position:relative}.flashcard:hover{box-shadow:0 12px 50px #0009}.flashcard.is-flipped{transform:rotateY(180deg)}.flashcard__face{backface-visibility:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;padding:2.5rem;display:flex;position:absolute;inset:0;overflow:hidden}.flashcard__face--front{background:var(--card-front-bg)}.flashcard__face--back{background:var(--card-back-bg);justify-content:flex-start;align-items:flex-start;padding:2rem 2.5rem;overflow-y:auto;transform:rotateY(180deg)}.flashcard__category{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-muted);border-radius:99px;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.flashcard__term{color:var(--text-primary);text-align:center;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.2}.flashcard__hint{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.8rem;display:flex}.flashcard__hint svg{opacity:.6}.flashcard__known-badge{background:var(--success-muted);border:1.5px solid var(--success);width:28px;height:28px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.25rem;right:1.25rem}.flashcard__learning-badge{background:var(--warning-muted);border:1.5px solid var(--warning);width:28px;height:28px;color:var(--warning);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.25rem;right:1.25rem}.flashcard__back-content{flex-direction:column;gap:1rem;width:100%;min-height:100%;display:flex}.flashcard__back-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:600}.flashcard__definition{color:var(--text-primary);font-size:1rem;line-height:1.7}.flashcard__example-block{border:1px solid var(--border);border-radius:var(--radius-sm);background:#0c0f1a;margin-top:auto;padding:.875rem 1rem}.flashcard__example-code{font-family:var(--font-mono);color:#a5b4fc;white-space:pre;font-size:.78rem;line-height:1.6;overflow-x:auto}@media (width<=600px){.flashcard-scene{perspective:700px;height:300px}.flashcard__face,.flashcard__face--back{padding:1.25rem}.flashcard__term{font-size:1.4rem}.flashcard__definition{font-size:.875rem}.flashcard__example-code{font-size:.7rem}.flashcard__category{margin-bottom:1rem}.flashcard__hint{margin-top:1rem;font-size:.75rem}}.spelling-mode{flex-direction:column;gap:1rem;width:100%;max-width:660px;margin:0 auto;display:flex}.spelling-mode__card{background:var(--card-back-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:1rem;max-height:400px;padding:2rem 2.5rem;display:flex;position:relative;overflow-y:auto}.spelling-mode__badge{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:1.25rem;right:1.25rem}.spelling-mode__badge--known{background:var(--success-muted);border:1.5px solid var(--success);color:var(--success)}.spelling-mode__badge--learning{background:var(--warning-muted);border:1.5px solid var(--warning);color:var(--warning)}.spelling-mode__category{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-muted);border-radius:99px;align-self:flex-start;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.spelling-mode__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:600}.spelling-mode__section{flex-direction:column;gap:.5rem;display:flex}.spelling-mode__definition{color:var(--text-primary);font-size:1rem;line-height:1.7}.spelling-mode__example-block{border:1px solid var(--border);border-radius:var(--radius-sm);background:#0c0f1a;flex-direction:column;gap:.5rem;padding:.875rem 1rem;display:flex}.spelling-mode__example-code{font-family:var(--font-mono);color:#a5b4fc;white-space:pre;font-size:.78rem;line-height:1.6;overflow-x:auto}.spelling-mode__input-area{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem 1.5rem}.spelling-mode__form{flex-direction:column;gap:.75rem;display:flex}.spelling-mode__input-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.spelling-mode__input-row{gap:.5rem;display:flex}.spelling-mode__input{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);min-width:0;height:48px;font-family:var(--font-sans);color:var(--text-primary);transition:border-color var(--transition);-webkit-appearance:none;outline:none;flex:1;padding:0 1rem;font-size:1rem}.spelling-mode__input:focus{border-color:var(--accent)}.spelling-mode__input::placeholder{color:var(--text-muted)}.spelling-mode__check-btn{background:var(--accent);border-radius:var(--radius-sm);color:#fff;height:48px;font-family:var(--font-sans);cursor:pointer;transition:background var(--transition);white-space:nowrap;touch-action:manipulation;flex-shrink:0;padding:0 1.25rem;font-size:.9rem;font-weight:600}.spelling-mode__check-btn:hover:not(:disabled){background:var(--accent-hover)}.spelling-mode__check-btn:disabled{opacity:.4;cursor:not-allowed}.spelling-mode__skip-btn{color:var(--text-muted);cursor:pointer;text-align:left;transition:color var(--transition);touch-action:manipulation;background:0 0;border:none;padding:.25rem 0;font-size:.8rem}.spelling-mode__skip-btn:hover{color:var(--text-secondary)}.spelling-mode__feedback{justify-content:space-between;align-items:center;gap:1rem;display:flex}.spelling-mode__feedback-body{flex:1;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.spelling-mode__feedback-icon{flex-shrink:0;font-size:1.25rem;font-weight:700;line-height:1.4}.is-correct .spelling-mode__feedback-icon{color:var(--success)}.is-incorrect .spelling-mode__feedback-icon{color:#f87171}.spelling-mode__feedback-text{color:var(--text-secondary);word-break:break-word;flex-direction:column;gap:.3rem;min-width:0;font-size:.9rem;line-height:1.5;display:flex}.spelling-mode__answer{color:var(--text-primary);font-size:.9rem}.spelling-mode__retry-btn{background:var(--surface-raised);border:1.5px solid var(--border-hover);border-radius:var(--radius-sm);height:40px;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);white-space:nowrap;touch-action:manipulation;flex-shrink:0;padding:0 1rem;font-size:.85rem;font-weight:600}.spelling-mode__retry-btn:hover{border-color:var(--accent);color:var(--accent-hover)}@media (width<=600px){.spelling-mode__card{border-radius:var(--radius-md);max-height:260px;padding:1.25rem}.spelling-mode__definition{font-size:.9rem}.spelling-mode__example-code{font-size:.72rem}.spelling-mode__input-area{border-radius:var(--radius-sm);padding:1rem 1.25rem}.spelling-mode__feedback{flex-wrap:wrap}.spelling-mode__retry-btn{width:100%;height:44px}}.progress-bar{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.progress-bar__label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.progress-bar__label span{color:var(--text-primary);font-weight:700}.progress-bar__dots{flex-wrap:wrap;justify-content:center;gap:5px;max-width:500px;display:flex}.progress-bar__dot{background:var(--border);width:8px;height:8px;transition:background var(--transition), transform var(--transition);border-radius:50%;flex-shrink:0}.progress-bar__dot.is-seen{background:var(--surface-raised);border:1px solid var(--border-hover)}.progress-bar__dot.is-current{background:var(--accent);transform:scale(1.3)}.progress-bar__dot.is-known{background:var(--success)}@media (width<=600px){.progress-bar__dots{max-width:320px}.progress-bar__dot{gap:4px;width:6px;height:6px}}.category-filter{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;padding:0 .5rem;display:flex}.category-filter__pill{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);transition:all var(--transition);white-space:nowrap;border-radius:99px;padding:.4rem 1rem;font-size:.8rem;font-weight:500}.category-filter__pill:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--surface-raised)}.category-filter__pill.is-active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent-hover)}.category-filter__count{opacity:.7;margin-left:.35rem;font-size:.72rem}@media (width<=600px){.category-filter__pill{min-height:36px;padding:.35rem .65rem;font-size:.72rem}}.status-buttons{justify-content:center;gap:.75rem;display:flex}.status-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border);color:var(--text-secondary);background:var(--surface);transition:all var(--transition);align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;display:flex}.status-btn:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--surface-raised)}.status-btn.is-known{background:var(--success-muted);border-color:var(--success);color:var(--success)}.status-btn.is-learning{background:var(--warning-muted);border-color:var(--warning);color:var(--warning)}.known-counter{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex}.known-counter__arc{flex-shrink:0}.known-counter__arc circle{transition:stroke-dashoffset .4s}.known-counter__text{flex-direction:column;gap:.1rem;display:flex}.known-counter__stat{color:var(--text-primary);font-size:.9rem;font-weight:700}.known-counter__stat span{color:var(--success)}.known-counter__sublabel{color:var(--text-muted);font-size:.72rem}.known-counter__actions{flex-direction:column;gap:.25rem;margin-left:auto;display:flex}.known-counter__toggle{color:var(--accent);text-underline-offset:2px;cursor:pointer;white-space:nowrap;text-align:right;background:0 0;border:none;font-size:.72rem;text-decoration:underline}.known-counter__toggle:hover{color:var(--accent-hover)}.known-counter__reset{color:var(--text-muted);text-underline-offset:2px;cursor:pointer;white-space:nowrap;text-align:right;background:0 0;border:none;font-size:.72rem;text-decoration:underline}.known-counter__reset:hover{color:var(--text-secondary)}.deck-controls{justify-content:center;align-items:center;gap:.75rem;display:flex}.deck-ctrl-btn{background:var(--surface);border:1.5px solid var(--border);width:48px;height:48px;color:var(--text-secondary);transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.deck-ctrl-btn:hover:not(:disabled){background:var(--surface-raised);border-color:var(--border-hover);color:var(--text-primary)}.deck-ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.deck-ctrl-btn--flip{border-radius:var(--radius-sm);background:var(--accent-muted);border-color:var(--accent);width:auto;color:var(--accent-hover);gap:.5rem;height:44px;padding:0 1.25rem;font-size:.85rem;font-weight:600}.deck-ctrl-btn--flip:hover{background:var(--accent);color:#fff}.deck-ctrl-btn--shuffle{border-radius:var(--radius-sm);gap:.4rem;width:auto;height:44px;padding:0 1rem;font-size:.8rem;font-weight:500}.deck-ctrl-btn--shuffle.is-active{background:var(--surface-raised);border-color:var(--border-hover);color:var(--text-primary)}.deck-controls__separator{background:var(--border);width:1px;height:24px}@media (width<=480px){.deck-ctrl-btn{width:42px;height:42px}.deck-ctrl-btn--flip{height:40px;font-size:.8rem}.deck-ctrl-btn--shuffle{height:40px;padding:0 .75rem;font-size:.75rem}}:root{--bg:#0f1117;--surface:#1a1d27;--surface-raised:#21263a;--card-front-bg:#1e2233;--card-back-bg:#182035;--accent:#6366f1;--accent-hover:#818cf8;--accent-muted:#6366f126;--success:#22c55e;--success-muted:#22c55e26;--warning:#f59e0b;--warning-muted:#f59e0b26;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--border:#2a2f45;--border-hover:#3d4463;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--transition:.2s ease;--shadow:0 4px 24px #0006;--shadow-card:0 8px 40px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none;font-family:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code,pre{font-family:var(--font-mono)}.app{flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:800px;min-height:100dvh;margin:0 auto;padding:1.75rem 1rem 3rem;display:flex}.app__header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.app__title{color:var(--text-primary);letter-spacing:-.02em;justify-content:center;align-items:center;gap:.5rem;font-size:1.35rem;font-weight:700;display:flex}.app__subtitle{color:var(--text-muted);font-size:.78rem}.app__mode-toggle{background:var(--surface);border:1px solid var(--border);border-radius:99px;gap:2px;padding:3px;display:flex}.app__mode-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;touch-action:manipulation;background:0 0;border:none;border-radius:99px;align-items:center;gap:.4rem;min-height:36px;padding:.35rem .9rem;font-size:.82rem;font-weight:600;display:flex}.app__mode-btn:hover:not(.is-active){color:var(--text-primary)}.app__mode-btn.is-active{background:var(--accent);color:#fff;box-shadow:0 1px 6px #6366f166}.app__meta{justify-content:center;width:100%;max-width:500px;display:flex}.app__main{justify-content:center;width:100%;display:flex}.app__footer{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.75rem;display:flex}.app__tag{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:99px;padding:.15rem .6rem;font-size:.7rem}.app__empty{color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;margin-top:4rem;display:flex}.app__empty button{background:var(--accent-muted);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent-hover);cursor:pointer;touch-action:manipulation;min-height:44px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600}@media (width<=480px){.app{gap:1rem;padding:1.25rem .75rem 2.5rem}.app__title{font-size:1.15rem}.app__subtitle{font-size:.72rem}.app__mode-btn{padding:.35rem .75rem;font-size:.78rem}}