.radicals-toolbar{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.radicals-search{max-width:480px}.radicals-chips{flex-wrap:wrap;gap:8px;display:flex}.radicals-chip{--chip-color:var(--primary);border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:13px;transition:background .15s,color .15s,border-color .15s}@media (hover:hover) and (pointer:fine){.radicals-chip:hover{border-color:var(--chip-color);color:var(--foreground)}}.radicals-chip[aria-pressed=true]{border-color:var(--chip-color);background:color-mix(in srgb, var(--chip-color) 14%, transparent);color:var(--foreground);font-weight:500}.radicals-groups{flex-direction:column;gap:28px;display:flex}.radicals-group__title{margin-bottom:10px;font-size:13px;font-weight:500;display:block}.radicals-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.radical-tile{border:1px solid var(--border);border-radius:var(--app-radius);background:var(--card);color:var(--foreground);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:3px;padding:16px 10px 12px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.radical-tile:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));transform:translateY(-2px);box-shadow:0 6px 16px -8px #00000047}}.radical-tile:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.radical-tile__no{font-variant-numeric:tabular-nums;color:var(--muted-foreground);opacity:.75;font-size:10px;position:absolute;top:7px;left:9px}.radical-tile__glyph{margin-bottom:4px;font-family:Noto Serif CJK SC,Noto Serif SC,Songti SC,SimSun,serif;font-size:34px;line-height:1.1}.radical-tile__reading{justify-content:center;align-items:baseline;gap:4px;min-height:17px;line-height:17px;display:flex}.radical-tile__hanviet{color:var(--foreground);font-size:13.5px;font-weight:600}.radical-tile__dot{color:var(--muted-foreground);font-size:11px}.radical-tile__pinyin{color:var(--muted-foreground);font-feature-settings:"kern" 1;font-size:12px;font-style:italic}.radical-tile__meaning{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:30px;margin-top:5px;font-size:11.5px;line-height:15px;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.radical-tile{transition:none}}@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.radical-tile:hover{transform:none}}.radical-detail{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:28px;display:grid}@media (max-width:720px){.radical-detail{grid-template-columns:1fr}}.radical-detail__visual{flex-direction:column;align-items:center;gap:10px;display:flex}.radical-diagram{border:1px solid var(--border);background:var(--card);border-radius:16px;justify-content:center;align-items:center;display:flex}.radical-diagram svg{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.999;background-position:50%;background-size:50% 50%}.radical-diagram--fallback{color:var(--foreground);font-family:Noto Serif CJK SC,Noto Serif SC,Songti SC,SimSun,serif;font-size:96px}.radical-diagram__stroke{fill:var(--foreground)}.radical-diagram__index{fill:var(--primary);paint-order:stroke;stroke:var(--card);stroke-width:12px;font-size:64px;font-weight:600}.radical-detail__hint{text-align:center;font-size:12px}.radical-detail__info{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.radical-detail__headline{align-items:center;gap:16px;width:100%;display:flex}.radical-detail__headline>div:not(.radical-detail__meta){flex:1;min-width:0}.radical-detail__glyph{font-family:Noto Serif CJK SC,Noto Serif SC,Songti SC,SimSun,serif;font-size:56px;line-height:1}.radical-detail__reading-row{align-items:center;gap:8px;display:flex}.radical-detail__reading{margin:0!important}.radical-detail__pinyin{color:var(--muted-foreground);font-size:15px}.radical-detail__variants{align-items:center;gap:6px;margin-top:6px;display:flex}.radical-detail__variants-label{color:var(--muted-foreground);font-size:12px}.radical-detail__variant-glyph{border:1px solid var(--border);border-radius:var(--app-radius);cursor:default;padding:2px 8px;font-family:Noto Serif CJK SC,Noto Serif SC,Songti SC,SimSun,serif;font-size:20px}.radical-detail__examples{border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));border-radius:var(--app-radius);background:color-mix(in srgb, var(--primary) 5%, var(--card));width:100%;padding:14px 18px}.radical-detail__section-title{text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:12px;display:block}.radical-detail__examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.radical-detail__example{border-radius:var(--app-radius);background:var(--card);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.radical-detail__example-glyph{font-family:Noto Serif CJK SC,Noto Serif SC,Songti SC,SimSun,serif;font-size:30px;line-height:1.2}.radical-detail__example-pinyin{color:var(--muted-foreground);font-size:12px;font-style:italic}.radical-detail__example-meaning{margin-top:2px;font-size:12px}@media (max-width:480px){.radical-detail__examples-grid{grid-template-columns:1fr}}.radical-detail__meta{text-align:right;flex-shrink:0;gap:24px;margin:0;display:flex}.radical-detail__meta dt{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);white-space:nowrap;font-size:10px}.radical-detail__meta dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:20px;font-weight:600}@media (max-width:720px){.radical-detail__headline{flex-wrap:wrap}.radical-detail__meta{text-align:left}}.radical-detail__nav{flex-wrap:wrap;align-self:flex-end;gap:8px;margin-top:auto;display:flex}