.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 70%, var(--bg) 30%);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 70%, var(--bg) 30%);color-scheme:light dark;color:var(--fg);display:grid;grid-template-columns:260px 1fr;gap:1rem;background:var(--bg)}.radicals-explorer .sidebar{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.75rem;display:grid;gap:.75rem;align-items:start}.radicals-explorer .search{width:100%;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--fg);box-sizing:border-box;height:2.5rem;line-height:1.2;align-self:start}.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:clamp(28px,5vw,56px);font-weight:800;line-height:1.1;letter-spacing:.5px;margin:.1rem 0 .25rem;color:var(--accent-2);text-shadow:0 1px 1px rgba(0,0,0,.08)}.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 .radical-header .info .muted{color:color-mix(in oklab,var(--fg) 75%,var(--bg) 25%)}.radicals-explorer .background-text{margin-top:.5rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,color-mix(in oklab,var(--card) 92%,white 4%),color-mix(in oklab,var(--card) 82%,black 3%));color:var(--fg);line-height:1.5;font-size:.95rem}.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)}.radicals-explorer .modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.radicals-explorer .modal-content{background:var(--bg);border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease;box-shadow:0 10px 40px #0000004d;border:1px solid var(--border)}.radicals-explorer .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:var(--card);border-radius:12px 12px 0 0}.radicals-explorer .modal-header h3{margin:0;color:var(--fg);font-size:1.3rem}.radicals-explorer .modal-character{font-size:1.5rem;margin-right:.5rem;color:var(--accent)}.radicals-explorer .modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--muted);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.radicals-explorer .modal-close:hover{background:var(--border);color:var(--fg)}.radicals-explorer .modal-body{padding:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.radicals-explorer .character-overview{display:grid;grid-template-columns:1fr 180px;gap:16px;margin-bottom:20px;padding:16px;background:var(--card);border-radius:8px;border:1px solid var(--border)}.radicals-explorer .overview-text{display:flex;flex-direction:column;gap:8px}.radicals-explorer .overview-pinyin{font-size:20px;font-weight:600;color:var(--accent-2)}.radicals-explorer .overview-meaning{font-size:16px;color:var(--fg);margin-bottom:8px}.radicals-explorer .overview-pronounce{display:flex;align-items:center;gap:8px;margin-top:8px}.radicals-explorer .overview-pronounce-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s ease}.radicals-explorer .overview-pronounce-btn:hover{background:color-mix(in oklab,var(--accent) 90%,black 10%);transform:translateY(-1px)}.radicals-explorer .overview-image{display:flex;align-items:center;justify-content:center}.radicals-explorer .overview-image img{max-width:100%;max-height:180px;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .2s ease}.radicals-explorer .overview-image img:hover{transform:scale(1.05)}.radicals-explorer .overview-placeholder{width:180px;height:180px;background:var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;text-align:center;padding:16px}.radicals-explorer .character-sections{display:flex;flex-direction:column;gap:16px}.radicals-explorer .character-section{border:1px solid var(--border);border-radius:8px;overflow:hidden}.radicals-explorer .section-header{background:var(--card);padding:12px 16px;border-bottom:1px solid var(--border)}.radicals-explorer .section-title{margin:0;font-size:16px;font-weight:600;color:var(--fg);display:flex;align-items:center;gap:8px}.radicals-explorer .section-content{padding:16px}.radicals-explorer .history-text{line-height:1.6;color:var(--fg);font-size:15px}.radicals-explorer .examples-list{display:flex;flex-direction:column;gap:8px}.radicals-explorer .example-item{padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--card);transition:all .2s ease}.radicals-explorer .example-item:hover{border-color:color-mix(in oklab,var(--accent) 40%,var(--border));box-shadow:0 2px 4px #0000000d}.radicals-explorer .example-chinese{font-size:18px;font-weight:600;color:var(--fg);margin-bottom:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease}.radicals-explorer .example-chinese:hover{color:var(--accent)}.radicals-explorer .example-play-btn{background:transparent;border:none;cursor:pointer;font-size:16px;color:var(--muted);padding:4px;border-radius:4px;transition:all .2s ease}.radicals-explorer .example-play-btn:hover{color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,var(--card))}.radicals-explorer .mnemonic-section{background:color-mix(in oklab,var(--accent-2) 10%,var(--card));border:1px solid color-mix(in oklab,var(--accent-2) 30%,var(--border));border-radius:8px;padding:16px;margin-top:12px}.radicals-explorer .mnemonic-title{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--accent-2);display:flex;align-items:center;gap:8px}.radicals-explorer .mnemonic-text{color:var(--fg);font-size:14px;line-height:1.5;margin:0}@media (max-width: 768px){.radicals-explorer .modal-content{margin:1rem;max-width:calc(100% - 2rem)}.radicals-explorer .character-overview{grid-template-columns:1fr;gap:12px;padding:12px}.radicals-explorer .overview-image{justify-content:center}.radicals-explorer .overview-placeholder{width:140px;height:140px}.radicals-explorer .section-content{padding:12px}.radicals-explorer .example-item{padding:10px}}.container[data-astro-cid-iduxmkei]{max-width:960px;margin:0 auto;padding:1rem}.subtitle[data-astro-cid-iduxmkei]{opacity:.8;margin-bottom:1rem}