.reader-levels{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.rd-level-btn{padding:8px 16px;border-radius:999px;cursor:pointer;background:var(--surface2);color:var(--text2);border:1px solid var(--border);font-size:.9rem;font-weight:600;transition:all .15s}.rd-level-btn:hover{border-color:var(--accent)}.rd-level-btn.active{background:var(--accent);color:var(--on-gold);border-color:var(--accent)}.rd-level-btn.rd-level-empty{opacity:.5}.rd-lvl-lock{font-size:.75rem}.reader-list{display:grid;gap:12px}.rd-empty{text-align:center;padding:48px 20px;color:var(--text2);background:var(--surface2);border:1px dashed var(--border);border-radius:14px;line-height:1.8}.rd-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px;border-radius:14px;cursor:pointer;background:var(--surface2);border:1px solid var(--border);transition:border-color .15s,transform .1s}.rd-card:hover{border-color:var(--accent);transform:translateY(-1px)}.rd-card-locked{opacity:.72}.rd-card-num{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:10px;font-weight:700;background:var(--surface3);color:var(--accent)}.rd-card-done .rd-card-num{background:var(--success);color:var(--on-accent)}.rd-card-body{flex:1;min-width:0}.rd-card-title{font-weight:700;font-size:1.05rem;color:var(--text)}.rd-card-pro{font-size:.65rem;font-weight:800;vertical-align:middle;background:var(--accent);color:var(--on-gold);padding:1px 6px;border-radius:6px;margin-left:6px}.rd-card-sub{font-size:.85rem;color:var(--text2);margin-top:2px}.rd-card-meta{display:flex;gap:12px;margin-top:8px;font-size:.78rem;color:var(--text2)}.rd-card-badge{background:var(--surface3);padding:1px 8px;border-radius:6px;color:var(--accent)}.rd-card-arrow{font-size:1.2rem;color:var(--text2)}.rd-head{margin-bottom:16px}.rd-head h2{margin:10px 0 2px}.rd-zh-title{color:var(--text2);font-size:1rem;margin:0}.btn-back{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.9rem;padding:4px 0}.rd-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;margin-bottom:16px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);position:sticky;top:8px;z-index:5}.rd-tool{padding:7px 12px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;background:var(--surface3);color:var(--text);border:1px solid var(--border)}.rd-tool:hover{border-color:var(--accent)}.rd-toggle.on{background:var(--accent);color:var(--on-gold);border-color:var(--accent)}.rd-speed{display:flex;gap:4px;margin-left:auto}.rd-spd{padding:6px 9px;border-radius:7px;cursor:pointer;font-size:.78rem;background:var(--surface3);color:var(--text2);border:1px solid var(--border)}.rd-spd.on{background:var(--accent);color:var(--on-gold)}.rd-body{margin-bottom:8px}.rd-para{margin-bottom:18px}.rd-sent{display:flex;gap:10px;padding:8px 0;align-items:flex-start}.rd-sent-play{flex:0 0 auto;background:none;border:none;cursor:pointer;font-size:1rem;opacity:.55;padding:2px;margin-top:4px}.rd-sent-play:hover{opacity:1}.rd-sent-main{flex:1;min-width:0}.rd-hanzi{font-family:Noto Sans SC,serif;font-size:1.5rem;line-height:1.9;color:var(--text);margin:0}.rd-hz{cursor:pointer;border-radius:4px;padding:0 1px;transition:background .1s}.rd-hz:hover{background:#f59e0b40}.rd-py{color:var(--accent);font-size:.92rem;margin:2px 0 0;display:none}.rd-vi{color:var(--text2);font-size:.92rem;margin:2px 0 0;display:none}.reader-view.show-py .rd-py,.reader-view.show-vi .rd-vi{display:block}.rd-tip{font-size:.82rem;color:var(--text2);text-align:center;margin:4px 0 24px;padding:8px;background:var(--surface2);border-radius:8px}.rd-questions h3{margin-bottom:12px}.rd-q{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:12px}.rd-q-text{font-weight:600;margin:0 0 10px}.rd-opts{display:grid;gap:8px}.rd-opt{text-align:left;padding:10px 14px;border-radius:9px;cursor:pointer;font-size:.95rem;background:var(--surface3);color:var(--text);border:1px solid var(--border);transition:border-color .12s}.rd-opt:not([disabled]):hover{border-color:var(--accent)}.rd-opt.rd-correct{background:#10b9812e;border-color:var(--success);color:var(--text)}.rd-opt.rd-wrong{background:#dc262626;border-color:var(--danger)}.rd-explain{margin-top:10px;padding:8px 12px;border-radius:8px;font-size:.88rem;background:#dc26261a;color:var(--text2)}.rd-explain.ok{background:#10b9811f}@media(max-width:600px){.rd-hanzi{font-size:1.35rem}.rd-toolbar{position:static}}