.radicals-runner{--bg: color-mix(in oklab, Canvas 96%, black 0%);--fg: CanvasText;--card: color-mix(in oklab, Canvas 96%, black 6%);--border: color-mix(in oklab, CanvasText 20%, transparent);--accent: #0b72ff;--accent-2: #8b5cf6;--ok: #10b981;--err: #ef4444;--muted: color-mix(in oklab, CanvasText 55%, transparent);color-scheme:light dark;display:grid;gap:1rem;color:var(--fg)}.radicals-explorer{--bg: color-mix(in oklab, Canvas 96%, black 0%);--fg: CanvasText;--card: color-mix(in oklab, Canvas 96%, black 6%);--border: color-mix(in oklab, CanvasText 20%, transparent);--accent: #0b72ff;--accent-2: #8b5cf6;--ok: #10b981;--err: #ef4444;--muted: color-mix(in oklab, CanvasText 55%, transparent);color-scheme:light dark;color:var(--fg);display:grid;grid-template-columns:260px 1fr;gap:1rem}.radicals-explorer .sidebar{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.75rem;display:grid;gap:.75rem}.radicals-explorer .search{width:100%;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--fg)}.radicals-explorer .radical-list{display:grid;gap:.4rem;max-height:60vh;overflow:auto}.radicals-explorer .radical-pill{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border-radius:8px;border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--fg)}.radicals-explorer .radical-pill.active{background:color-mix(in oklab,var(--accent) 18%,var(--card));border-color:color-mix(in oklab,var(--accent) 40%,var(--border))}.radicals-explorer .radical-glyph{font-size:1.25rem}.radicals-explorer .radical-name{opacity:.85}.radicals-explorer .main{display:grid;gap:1rem}.radicals-explorer .radical-header{display:grid;grid-template-columns:160px 1fr;gap:1rem;align-items:center}.radicals-explorer .glyph.big{font-size:110px;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:140px;min-height:140px;border-radius:16px;background:linear-gradient(180deg,color-mix(in oklab,var(--card) 80%,white 10%),color-mix(in oklab,var(--card) 70%,black 6%));border:1px solid var(--border);box-shadow:0 1px #0000000d,0 12px 24px #0000000f;user-select:none}.radicals-explorer .pinyin-large{font-size:1rem;font-weight:600}.radicals-explorer .card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem}.radicals-explorer .section-title{font-weight:700;margin-bottom:.5rem}.radicals-explorer .muted{color:var(--muted)}.radicals-explorer .grid.chars{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.radicals-explorer .char-card{text-align:left;display:grid;gap:.25rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,color-mix(in oklab,var(--card) 88%,white 6%),color-mix(in oklab,var(--card) 78%,black 4%));color:var(--fg);cursor:pointer}.radicals-explorer .char-card.active{outline:2px solid var(--accent);outline-offset:2px}.radicals-explorer .char-card .hanzi{font-size:2rem}.radicals-explorer .char-card .meta{font-size:.9rem}.radicals-explorer .chips{display:flex;flex-wrap:wrap;gap:.5rem}.radicals-explorer .word-chip{padding:.45rem .65rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--fg);cursor:pointer}.radicals-explorer .options{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.radicals-explorer .opt{padding:.6rem .85rem;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in oklab,var(--card) 88%,white 6%),color-mix(in oklab,var(--card) 78%,black 4%));border-radius:10px;cursor:pointer;color:var(--fg);transition:transform .08s ease,box-shadow .08s ease,background .2s ease}.radicals-explorer .opt:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001a}.radicals-explorer .controls{display:flex;gap:.5rem;margin-top:.75rem;align-items:center}.radicals-explorer .controls button{padding:.55rem .9rem;border-radius:10px;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in oklab,var(--card) 85%,white 8%),color-mix(in oklab,var(--card) 78%,black 4%));cursor:pointer;color:var(--fg)}.radicals-explorer .controls button:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-1px)}.radicals-explorer .num{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:999px;background:var(--border);color:var(--fg);margin-right:.4rem;font-size:.8rem}.radicals-explorer .prompt{font-weight:700;font-size:1.25rem;margin-bottom:.25rem;color:var(--fg)}.radicals-explorer .feedback{min-height:1.25rem;font-size:1.5rem}.radicals-explorer .feedback.ok{color:var(--ok)}.radicals-explorer .feedback.err{color:var(--err)}.radicals-runner .header{display:flex;justify-content:space-between;align-items:baseline}.radicals-runner .title{font-weight:700;font-size:1.1rem}.radicals-runner .meta{color:var(--muted);font-size:.9rem}.radicals-runner .teach,.radicals-runner .drill,.radicals-runner .quiz,.radicals-runner .speed{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem}.radicals-runner .glyph.big{font-size:110px;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:140px;min-height:140px;border-radius:16px;background:linear-gradient(180deg,color-mix(in oklab,var(--card) 80%,white 10%),color-mix(in oklab,var(--card) 70%,black 6%));border:1px solid var(--border);box-shadow:0 1px #0000000d,0 12px 24px #0000000f;user-select:none}.radicals-runner .hint{color:var(--muted);margin-top:.25rem}.radicals-runner .examples,.radicals-runner .words,.radicals-runner .options{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.radicals-runner .char,.radicals-runner .word,.radicals-runner .opt{padding:.6rem .85rem;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in oklab,var(--card) 88%,white 6%),color-mix(in oklab,var(--card) 78%,black 4%));border-radius:10px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background .2s ease;color:var(--fg)}.radicals-runner .char:hover,.radicals-runner .word:hover,.radicals-runner .opt:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001a}.radicals-runner .opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.radicals-runner .controls{display:flex;gap:.5rem;margin-top:.75rem}.radicals-runner .controls button{padding:.55rem .9rem;border-radius:10px;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in oklab,var(--card) 85%,white 8%),color-mix(in oklab,var(--card) 78%,black 4%));cursor:pointer}.radicals-runner .controls button:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-1px)}.radicals-runner .timer{font-variant-numeric:tabular-nums;font-weight:600}.radicals-runner .num{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:999px;background:var(--border);color:var(--fg);margin-right:.4rem;font-size:.8rem}.radicals-runner .prompt{font-weight:700;font-size:1.25rem;margin-bottom:.25rem;color:var(--fg)}.radicals-runner .feedback{min-height:1.25rem;font-size:1.5rem}.radicals-runner .feedback.ok{color:var(--ok)}.radicals-runner .feedback.err{color:var(--err)}.container[data-astro-cid-iduxmkei]{max-width:960px;margin:0 auto;padding:1rem}.subtitle[data-astro-cid-iduxmkei]{opacity:.8;margin-bottom:1rem}