.overview.svelte-3pf8ly{max-width:560px;display:flex;flex-direction:column;gap:24px}h1.svelte-3pf8ly{font-size:1.6rem;font-weight:700;display:flex;align-items:center;gap:12px;margin:0}.badge.svelte-3pf8ly{font-size:.75rem;background:#4ade8022;color:#4ade80;border:1px solid #4ade8044;padding:2px 10px;border-radius:20px;font-weight:600;letter-spacing:.04em}.how-it-works.svelte-3pf8ly{display:flex;flex-direction:column;gap:10px}.how-step.svelte-3pf8ly{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--text-muted);line-height:1.5}.how-num.svelte-3pf8ly{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--text-dim);margin-top:1px}.sub.svelte-3pf8ly{color:var(--text-muted);margin:0;font-size:.95rem}.muted.svelte-3pf8ly{color:var(--text-dim);font-size:.875rem}.all-done.svelte-3pf8ly{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.check.svelte-3pf8ly{font-size:2.5rem;color:#4ade80;line-height:1}.all-done.svelte-3pf8ly p:where(.svelte-3pf8ly){margin:0;color:var(--text-muted)}.chapter-grid.svelte-3pf8ly{display:flex;flex-wrap:wrap;gap:8px}.chapter-pill.svelte-3pf8ly{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;border:1px solid;background:var(--bg-card);font-size:.8rem}.ch-dot.svelte-3pf8ly{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ch-name.svelte-3pf8ly{color:var(--text-muted)}.ch-count.svelte-3pf8ly{font-weight:700;color:var(--text)}.stats-row.svelte-3pf8ly{display:flex;gap:24px}.stat.svelte-3pf8ly{display:flex;flex-direction:column;gap:2px}.stat-num.svelte-3pf8ly{font-size:1.6rem;font-weight:700;color:var(--text);line-height:1}.stat-label.svelte-3pf8ly{font-size:.7rem;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase}.btn-start.svelte-3pf8ly{background:#4ade80;color:#0a0f1a;border:none;border-radius:var(--radius);padding:12px 28px;font-size:.95rem;font-weight:700;cursor:pointer;width:fit-content;transition:opacity .15s}.btn-start.svelte-3pf8ly:hover{opacity:.85}.btn-secondary.svelte-3pf8ly{background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:10px 24px;font-size:.9rem;cursor:pointer;text-decoration:none;width:fit-content;transition:background .15s;display:inline-block}.btn-secondary.svelte-3pf8ly:hover{background:var(--bg-hover)}.btn-reset.svelte-3pf8ly{background:transparent;color:var(--text-dim);border:none;font-size:.75rem;cursor:pointer;text-decoration:underline;padding:0;width:fit-content}.session.svelte-3pf8ly{max-width:620px;display:flex;flex-direction:column;gap:20px}.session-header.svelte-3pf8ly{display:flex;align-items:center;justify-content:space-between;gap:16px}.back-link.svelte-3pf8ly{font-size:.85rem;color:var(--text-muted);text-decoration:none;flex-shrink:0}.back-link.svelte-3pf8ly:hover{color:var(--text)}.session-progress.svelte-3pf8ly{display:flex;align-items:center;gap:10px;flex:1}.progress-track.svelte-3pf8ly{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill.svelte-3pf8ly{height:100%;background:#4ade80;border-radius:2px;transition:width .3s ease}.progress-label.svelte-3pf8ly{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);flex-shrink:0}.card-meta.svelte-3pf8ly{display:flex;align-items:center;gap:10px;font-size:.78rem}.meta-chapter.svelte-3pf8ly{font-weight:700;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.meta-card.svelte-3pf8ly{color:var(--text-muted)}.meta-type.svelte-3pf8ly{margin-left:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2px 10px;color:var(--text-dim);font-family:var(--font-mono);font-size:.7rem}.card-wrap.svelte-3pf8ly{perspective:1200px;cursor:pointer;min-height:200px;-webkit-user-select:none;user-select:none}.card-wrap.flipped.svelte-3pf8ly{cursor:default}.card-inner.svelte-3pf8ly{position:relative;width:100%;min-height:200px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1)}.card-wrap.flipped.svelte-3pf8ly .card-inner:where(.svelte-3pf8ly){transform:rotateY(180deg)}.card-face.svelte-3pf8ly{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.card-face.back.svelte-3pf8ly{transform:rotateY(180deg);border-color:#4ade8055;background:#0a1a0e}.card-text.svelte-3pf8ly{font-size:1.1rem;line-height:1.6;color:var(--text);text-align:center;margin:0}.flip-hint.svelte-3pf8ly{font-size:.72rem;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase}.show-hint.svelte-3pf8ly{display:flex;justify-content:center}.btn-flip.svelte-3pf8ly{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:10px 28px;font-size:.9rem;cursor:pointer;transition:background .15s}.btn-flip.svelte-3pf8ly:hover{background:var(--bg-hover)}.grade-row.svelte-3pf8ly{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grade-btn.svelte-3pf8ly{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:var(--radius);border:1px solid;background:var(--bg-card);cursor:pointer;transition:opacity .15s,transform .1s}.grade-btn.svelte-3pf8ly:hover{opacity:.85;transform:translateY(-1px)}.grade-btn.svelte-3pf8ly:active{transform:translateY(0)}.grade-btn.again.svelte-3pf8ly{border-color:#ef444466;color:#ef4444}.grade-btn.again.svelte-3pf8ly:hover{background:#ef444411}.grade-btn.hard.svelte-3pf8ly{border-color:#fb923c66;color:#fb923c}.grade-btn.hard.svelte-3pf8ly:hover{background:#fb923c11}.grade-btn.good.svelte-3pf8ly{border-color:#4ade8066;color:#4ade80}.grade-btn.good.svelte-3pf8ly:hover{background:#4ade8011}.grade-btn.easy.svelte-3pf8ly{border-color:#60a5fa66;color:#60a5fa}.grade-btn.easy.svelte-3pf8ly:hover{background:#60a5fa11}.grade-label.svelte-3pf8ly{font-weight:700;font-size:.9rem}.grade-sub.svelte-3pf8ly{font-size:.65rem;font-family:var(--font-mono);opacity:.7}@media (max-width: 480px){.card-text.svelte-3pf8ly{font-size:.95rem}.grade-row.svelte-3pf8ly{grid-template-columns:repeat(2,1fr)}.card-face.svelte-3pf8ly{padding:24px 16px}}