.rl-section{margin-bottom:32px}.rl-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rl-section-title{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;color:var(--pq-text);margin:0;line-height:1.3}.rl-section-link{font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:600;color:var(--pq-primary);text-decoration:none;white-space:nowrap}.rl-section-link:hover{text-decoration:underline}.rl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.rl-book-card{background:var(--pq-surface-2);border:1px solid var(--pq-border);border-radius:var(--pq-r-lg);display:flex;gap:16px;padding:var(--pq-card-pad);transition:transform var(--pq-dur) var(--pq-ease),box-shadow var(--pq-dur) var(--pq-ease)}.rl-book-card:hover{transform:translateY(-2px);box-shadow:var(--pq-shadow-2)}.rl-book-cover{width:96px;height:128px;border-radius:var(--pq-r-md);flex-shrink:0;overflow:hidden}.rl-book-meta{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.rl-book-title{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;color:var(--pq-text);margin:0;line-height:1.3}.rl-book-subtitle{font-size:13px;color:var(--pq-text-dim)}.rl-book-reason,.rl-book-subtitle{font-family:Be Vietnam Pro,sans-serif;margin:0}.rl-book-reason{font-size:12px;color:var(--pq-primary);font-weight:600}.rl-test-chips{display:flex;gap:6px;flex-wrap:wrap}.rl-test-chip{font-family:Be Vietnam Pro,sans-serif;font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--pq-r-sm);line-height:1.5;cursor:pointer;border:1px solid transparent;transition:opacity var(--pq-dur-fast) var(--pq-ease);white-space:nowrap;text-decoration:none}.rl-test-chip:hover{opacity:.8}.rl-test-chip-issue{margin-left:4px;color:var(--pq-warning);font-size:10px;font-weight:700}.rl-known-issue{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:var(--pq-text-dim);font-size:12px;line-height:1.5}.rl-known-issue p{margin:0}.rl-known-issue-badge{border:1px solid color-mix(in srgb,var(--pq-warning) 35%,transparent);border-radius:var(--pq-r-sm);background:color-mix(in srgb,var(--pq-warning) 12%,transparent);color:var(--pq-warning);padding:2px 7px;font-weight:700}.rl-test-chip--not-started{background:transparent;border-color:var(--pq-border);color:var(--pq-text-dim)}.rl-test-chip--in-progress{background:color-mix(in srgb,var(--pq-primary) 12%,transparent);color:var(--pq-primary);border-color:color-mix(in srgb,var(--pq-primary) 30%,transparent)}.rl-test-chip--completed{background:color-mix(in srgb,var(--pq-success) 12%,transparent);color:var(--pq-success);border-color:color-mix(in srgb,var(--pq-success) 30%,transparent)}.rl-test-chip--needs-review{background:color-mix(in srgb,var(--pq-warning) 12%,transparent);color:var(--pq-warning);border-color:color-mix(in srgb,var(--pq-warning) 30%,transparent)}.rl-filter-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.rl-filter-chips::-webkit-scrollbar{display:none}.rl-filter-chip{font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:600;background:var(--pq-surface-3);border-radius:var(--pq-r-pill);padding:5px 14px;cursor:pointer;white-space:nowrap;border:1px solid transparent;transition:background var(--pq-dur-fast) var(--pq-ease),color var(--pq-dur-fast) var(--pq-ease);color:var(--pq-text-dim)}.rl-filter-chip:hover{background:color-mix(in srgb,var(--pq-primary) 10%,var(--pq-surface-3));color:var(--pq-primary)}.rl-filter-chip--active,.rl-filter-chip--active:hover{background:var(--pq-primary);color:#ffffff}.rl-filter-chip--active:hover{opacity:.9}.rl-continue-card{background:var(--pq-surface-2);border:1px solid var(--pq-border);border-radius:var(--pq-r-xl);padding:20px 24px;display:flex;align-items:center;gap:16px;transition:transform var(--pq-dur) var(--pq-ease),box-shadow var(--pq-dur) var(--pq-ease)}.rl-continue-card:hover{transform:translateY(-2px);box-shadow:var(--pq-shadow-2)}.rl-continue-icon{flex-shrink:0;width:48px;height:48px;background:color-mix(in srgb,var(--skill-reading) 12%,transparent);border-radius:var(--pq-r-md);display:flex;align-items:center;justify-content:center}.rl-continue-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.rl-continue-title{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:var(--pq-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rl-continue-subtitle{font-size:13px;color:var(--pq-text-dim)}.rl-continue-progress,.rl-continue-subtitle{font-family:Be Vietnam Pro,sans-serif;margin:0}.rl-continue-progress{font-size:12px;font-weight:600;color:var(--pq-primary)}.rl-mode-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--pq-r-pill);background:color-mix(in srgb,var(--pq-primary) 12%,transparent);color:var(--pq-primary);text-transform:uppercase;letter-spacing:.04em}.rl-mode-badge,.rl-time-ago{font-family:Be Vietnam Pro,sans-serif}.rl-time-ago{font-size:12px;color:var(--pq-text-dim)}.rl-recommended-card{background:var(--pq-surface-2);border:1px solid color-mix(in srgb,var(--pq-primary) 30%,var(--pq-border));border-radius:var(--pq-r-xl);padding:20px 24px;display:flex;align-items:center;gap:16px;transition:transform var(--pq-dur) var(--pq-ease),box-shadow var(--pq-dur) var(--pq-ease)}.rl-recommended-card:hover{transform:translateY(-2px);box-shadow:var(--pq-shadow-2)}.rl-recommended-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.rl-recommended-title{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:var(--pq-text);margin:0}.rl-recommended-subtitle{font-family:Be Vietnam Pro,sans-serif;font-size:13px;color:var(--pq-text-dim);margin:0}.rl-recommended-reason{font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:600;color:var(--pq-primary);margin:0}.rl-actions{display:flex;gap:8px;margin-top:auto}.rl-progress-bar{height:4px;background:var(--pq-surface-3);border-radius:var(--pq-r-pill);overflow:hidden}.rl-progress-bar__fill{height:100%;border-radius:var(--pq-r-pill);background:var(--pq-primary);transition:width .4s var(--pq-ease)}.rl-sort-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.rl-sort-label{color:var(--pq-text-dim);white-space:nowrap}.rl-sort-label,.rl-sort-select{font-family:Be Vietnam Pro,sans-serif;font-size:13px}.rl-sort-select{font-weight:600;background:var(--pq-surface-2);border:1px solid var(--pq-border);border-radius:var(--pq-r-sm);padding:5px 10px;color:var(--pq-text);cursor:pointer}.rl-sort-select:focus{outline:2px solid var(--pq-ring);outline-offset:2px}.rl-book-stats{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.rl-book-progress-pct{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;color:var(--pq-text);line-height:1}.rl-book-band{font-size:12px}.rl-book-band,.rl-empty{font-family:Be Vietnam Pro,sans-serif;color:var(--pq-text-dim)}.rl-empty{text-align:center;padding:40px 20px;font-size:14px}.rl-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.rl-drawer{background:var(--pq-surface-2);border:1px solid var(--pq-border);border-radius:var(--pq-r-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--pq-shadow-3);display:flex;flex-direction:column}.rl-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--pq-border);flex-shrink:0}.rl-drawer-title{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;color:var(--pq-text);margin:0}.rl-drawer-close{background:none;border:none;cursor:pointer;color:var(--pq-text-dim);padding:4px;border-radius:var(--pq-r-sm);display:flex;align-items:center;justify-content:center;transition:background var(--pq-dur-fast) var(--pq-ease)}.rl-drawer-close:hover{background:var(--pq-surface-3);color:var(--pq-text)}.rl-drawer-body{padding:20px 24px;flex:1;display:flex;flex-direction:column;gap:16px}.rl-drawer-footer{display:flex;gap:8px;padding:16px 24px 20px;border-top:1px solid var(--pq-border);flex-shrink:0}.rl-passage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--pq-border)}.rl-passage-row:last-child{border-bottom:none}.rl-passage-label{font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:600;color:var(--pq-text)}.rl-subsection-title{font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:var(--pq-text-dim);margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em}.rl-btn{font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--pq-r-sm);text-decoration:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--pq-dur-fast) var(--pq-ease),opacity var(--pq-dur-fast) var(--pq-ease);white-space:nowrap}.rl-btn--primary{background:var(--pq-primary);color:#ffffff}.rl-btn--primary:hover{opacity:.88}.rl-btn--secondary{background:var(--pq-surface-3);color:var(--pq-text)}.rl-btn--secondary:hover{background:color-mix(in srgb,var(--pq-primary) 10%,var(--pq-surface-3))}.rl-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=night] .rl-book-card{background:var(--pq-surface-2);border-color:var(--pq-border)}[data-theme=night] .rl-continue-card,[data-theme=night] .rl-drawer,[data-theme=night] .rl-recommended-card{background:var(--pq-surface-2)}[data-theme=night] .rl-drawer{border-color:var(--pq-border)}@media (prefers-reduced-motion:reduce){.rl-book-card,.rl-continue-card,.rl-progress-bar__fill,.rl-recommended-card{transition:none}.rl-book-card:hover,.rl-continue-card:hover,.rl-recommended-card:hover{transform:none}}@media (max-width:767px){.rl-grid{grid-template-columns:1fr}.rl-book-card{flex-direction:column}.rl-book-cover{width:100%;height:80px}.rl-book-stats{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.rl-continue-card,.rl-recommended-card{flex-direction:column;align-items:flex-start}.rl-drawer{max-height:95vh}}:root{--qt-decision-fg:var(--skill-reading);--qt-decision-bg:var(--skill-reading-soft);--qt-matching-fg:var(--skill-listening);--qt-matching-bg:var(--skill-listening-soft);--qt-fill-fg:var(--skill-writing);--qt-fill-bg:var(--skill-writing-soft);--qt-structure-fg:#0f766e;--qt-structure-bg:#e6fffb}.qt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:1279px){.qt-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.qt-grid{grid-template-columns:1fr}}.qt-card{background:var(--pq-surface-2);border:1px solid var(--pq-border);border-radius:var(--pq-r-lg);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--pq-dur) var(--pq-ease),box-shadow var(--pq-dur) var(--pq-ease),border-color var(--pq-dur) var(--pq-ease)}.qt-card:hover{transform:translateY(-2px);box-shadow:var(--pq-shadow-2);border-color:color-mix(in srgb,var(--qt-card-fg,var(--pq-primary)) 22%,var(--pq-border))}.qt-card:focus-within{outline:2px solid var(--pq-ring);outline-offset:2px}.qt-visual{padding:16px;display:flex;align-items:center;justify-content:center;position:relative}.qt-visual--decision{background:var(--qt-decision-bg)}.qt-visual--matching{background:var(--qt-matching-bg)}.qt-visual--fill{background:var(--qt-fill-bg)}.qt-visual--structure{background:var(--qt-structure-bg)}.qt-diagram{width:100%;max-width:160px;height:80px;transition:transform var(--pq-dur) var(--pq-ease)}.qt-card:hover .qt-diagram{transform:translateY(-1px)}.qt-header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;position:absolute;top:8px;left:0;right:0}.qt-index{font-family:Outfit,sans-serif;font-size:11px;font-weight:700;line-height:1}.qt-count,.qt-index{color:var(--pq-text-dim)}.qt-count{font-family:Be Vietnam Pro,sans-serif;font-size:10px;font-weight:600}.qt-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.qt-title{font-family:Outfit,sans-serif;font-size:var(--pq-fs-body);font-weight:700;color:var(--pq-text);line-height:1.3;margin:0}.qt-description{font-family:Be Vietnam Pro,sans-serif;font-size:var(--pq-fs-xs);color:var(--pq-text-dim);line-height:1.5;margin:0}.qt-chips{display:flex;gap:6px;flex-wrap:wrap}.qt-chip{font-family:Be Vietnam Pro,sans-serif;font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--pq-r-pill);line-height:1.6}.qt-chip--freq-very-high{background:color-mix(in srgb,#F43F5E 12%,transparent);color:#BE123C}.qt-chip--freq-high{background:color-mix(in srgb,var(--qt-decision-fg) 10%,transparent);color:var(--qt-decision-fg)}.qt-chip--freq-low,.qt-chip--freq-medium{background:var(--pq-surface-3);color:var(--pq-text-dim)}.qt-chip--diff-hard{background:color-mix(in srgb,#F43F5E 12%,transparent);color:#BE123C}.qt-chip--diff-medium{background:color-mix(in srgb,var(--qt-fill-fg) 12%,transparent);color:var(--qt-fill-fg)}.qt-chip--diff-easy{background:color-mix(in srgb,var(--qt-structure-fg) 12%,transparent);color:var(--qt-structure-fg)}.qt-accuracy{display:flex;flex-direction:column;gap:4px}.qt-accuracy-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.qt-accuracy-label{font-family:Be Vietnam Pro,sans-serif;font-size:10px;color:var(--pq-text-dim)}.qt-accuracy-value{font-family:Outfit,sans-serif;font-size:12px;font-weight:700}.qt-accuracy-value--new{color:var(--pq-text-dim)}.qt-accuracy-value--weak{color:var(--band-low)}.qt-accuracy-value--improving{color:var(--band-mid)}.qt-accuracy-value--mastered{color:var(--band-high)}.qt-accuracy-bar{height:4px;background:var(--pq-surface-3);border-radius:var(--pq-r-pill);overflow:hidden}.qt-accuracy-bar__fill{height:100%;border-radius:var(--pq-r-pill);transition:width .4s var(--pq-ease)}.qt-accuracy-bar__fill--weak{background:var(--band-low)}.qt-accuracy-bar__fill--improving{background:var(--band-mid)}.qt-accuracy-bar__fill--mastered{background:var(--band-high)}.qt-actions{display:flex;gap:8px;margin-top:auto;padding-top:4px}.qt-btn{font-family:Be Vietnam Pro,sans-serif;font-size:var(--pq-fs-xs);font-weight:600;padding:7px 12px;border-radius:var(--pq-r-sm);text-decoration:none;line-height:1;transition:background var(--pq-dur-fast) var(--pq-ease),color var(--pq-dur-fast) var(--pq-ease);white-space:nowrap;flex:1;text-align:center;cursor:pointer;border:none;display:inline-block}.qt-btn:focus-visible{outline:2px solid var(--pq-ring);outline-offset:2px}.qt-btn--primary{background:var(--qt-card-fg,var(--pq-primary));color:#fff}.qt-btn--primary:hover{opacity:.88}.qt-btn--secondary{background:var(--pq-surface-3);color:var(--pq-text)}.qt-btn--secondary:hover{background:color-mix(in srgb,var(--qt-card-fg,var(--pq-primary)) 10%,var(--pq-surface-3))}[data-theme=night] .qt-visual--decision{background:rgba(37,99,235,.12)}[data-theme=night] .qt-visual--matching{background:rgba(124,58,237,.12)}[data-theme=night] .qt-visual--fill{background:rgba(217,119,6,.12)}[data-theme=night] .qt-visual--structure{background:rgba(15,118,110,.12)}@media (prefers-reduced-motion:reduce){.qt-accuracy-bar__fill,.qt-card,.qt-diagram{transition:none}.qt-card:hover,.qt-card:hover .qt-diagram{transform:none}}