.dict-breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:20px;font-size:13px;flex-wrap:wrap}.db-item{color:var(--text2)}.db-sep{color:var(--text3)}.db-current{color:var(--text);font-weight:600}.db-dim{color:var(--text3);font-style:italic}.dict-layout{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}@media(min-width:1024px){.dict-layout{grid-template-columns:minmax(0,1fr) 320px}}.search-box{position:relative;margin-bottom:16px}.search-box input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 48px 14px 20px;font-size:15px;color:var(--text);font-family:var(--font-ui);outline:none;transition:border .2s}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #dc26261a}.search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none}.dict-search-bar{display:flex;gap:10px;margin-bottom:14px}.dict-search-input-wrap{position:relative;flex:1}.dict-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none}.dict-search-input-wrap input{width:100%;height:56px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-4);padding:0 44px 0 48px;font-size:18px;color:var(--text);font-family:var(--font-ui);outline:none;transition:border-color var(--d-base) var(--ease-out),box-shadow var(--d-base) var(--ease-out);box-sizing:border-box}.dict-search-input-wrap input:focus{border-color:var(--primary);box-shadow:var(--shadow-2)}.dict-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:none;background:var(--surface2);color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--d-base) var(--ease-out),color var(--d-base) var(--ease-out)}.dict-search-clear:hover{background:var(--hover);color:var(--text)}.dict-search-btn{height:56px;padding:0 24px;border-radius:var(--r-4);white-space:nowrap;flex-shrink:0}@media(max-width:640px){.dict-search-btn{display:none}}.search-tabs{display:flex;gap:var(--s-5);margin-bottom:14px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.stab{padding:10px 2px;border:none;background:none;color:var(--text2);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-ui);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--d-base) var(--ease-out),border-color var(--d-base) var(--ease-out)}.stab.active{color:var(--primary);border-bottom-color:var(--primary)}.stab:hover:not(.active){color:var(--text)}.dict-recent{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.dict-recent-label{white-space:nowrap}.dict-recent-chips{display:flex;gap:6px;flex-wrap:wrap;flex:1}.dict-recent-chip{padding:5px 12px;background:var(--surface2);border:1px solid transparent;border-radius:var(--r-pill);font-size:14px;font-family:var(--font-hanzi);cursor:pointer;color:var(--text);transition:background var(--d-base) var(--ease-out),color var(--d-base) var(--ease-out)}.dict-recent-chip:hover{background:var(--primary-soft);color:var(--primary)}.dict-recent-clear{background:none;border:none;color:var(--text3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:4px;transition:color var(--d-base) var(--ease-out)}.dict-recent-clear:hover{color:var(--primary)}.radical-browser{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:16px}.rad-label{font-size:12px;font-weight:600;color:var(--text2);margin-bottom:10px}.rad-grid{display:flex;flex-wrap:wrap;gap:8px}.rad-chip{padding:7px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s;display:flex;align-items:center;gap:6px;font-family:var(--font-ui)}.rad-chip .rc-char{font-family:var(--font-hanzi);font-size:18px;line-height:1}.rad-chip .rc-info{font-size:11px;color:var(--text3)}.rad-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.rad-chip:hover .rc-info{color:var(--primary);opacity:.7}.rad-chip.active{background:var(--primary);color:var(--me-bach);border-color:transparent}.rad-chip.active .rc-info{color:var(--me-bach);opacity:.75}.rad-results-label{font-size:13px;color:var(--text2);margin-bottom:12px;font-weight:500}.dict-results{display:flex;flex-direction:column}.hint{color:var(--text3);text-align:center;padding:48px 0;font-size:15px}.dict-empty{text-align:center;padding:40px 0 24px}.dict-empty-ic{color:var(--text3);display:flex;justify-content:center;margin-bottom:12px}.dict-empty-title{font-size:15px;font-weight:600;color:var(--text2);margin-bottom:16px}.dict-empty-sub{font-size:13px;color:var(--text3);margin-top:4px}.dict-empty-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dict-sugg-chip{padding:7px 16px;background:var(--surface2);border:1px solid transparent;border-radius:var(--r-pill);font-family:var(--font-hanzi);font-size:16px;color:var(--text);cursor:pointer;transition:background var(--d-base) var(--ease-out),color var(--d-base) var(--ease-out)}.dict-sugg-chip:hover{background:var(--primary-soft);color:var(--primary)}.dict-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;border-bottom:1px solid var(--border);border-left:3px solid transparent;transition:background var(--d-base) var(--ease-out),border-left-color var(--d-base) var(--ease-out)}.dict-card:hover{background:var(--surface2)}.dict-card.selected{border-left-color:var(--primary);background:var(--surface2)}.dict-hanzi{font-family:var(--font-hanzi);font-size:24px;font-weight:500;color:var(--text);text-align:center;line-height:1}.dict-info{min-width:0}.dict-info-top{display:flex;align-items:center;gap:8px;margin-bottom:2px}.dict-pinyin{font-size:var(--t-body);color:var(--hoang-kim);font-weight:500}.dict-meaning{font-size:14px;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dict-meaning-en{color:var(--text3)}.dict-hsk{font-size:11px;font-weight:700;border:1px solid var(--border);border-radius:var(--r-2);padding:1px 7px;flex-shrink:0;white-space:nowrap;background:transparent}.dict-also{font-size:10px;opacity:.8;margin-left:3px}.dict-card-actions{display:flex;align-items:center;gap:4px}.dict-tts{width:32px;height:32px;border-radius:var(--r-2);border:none;background:var(--surface2);color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--d-base) var(--ease-out),color var(--d-base) var(--ease-out)}.dict-tts:hover{background:var(--hover);color:var(--hoang-kim)}.quick-add{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--d-base) var(--ease-out),color var(--d-base) var(--ease-out),border-color var(--d-base) var(--ease-out)}.quick-add:hover{background:var(--primary);color:var(--me-bach);border-color:var(--primary)}.dict-aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:80px}@media(max-width:1023px){.dict-aside{display:none}}.dict-aside-stats{display:flex;flex-direction:column;gap:14px}.dict-aside.has-detail .dict-aside-stats{display:none}.dict-detail{flex-direction:column;gap:14px;background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow-3)}.dict-detail:not([hidden]){display:flex}.dd-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dd-badge{font-size:11px;font-weight:800;color:var(--primary);background:transparent;border:1px solid var(--border);border-radius:var(--r-2);padding:2px 9px;letter-spacing:.03em}.dd-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:15px;line-height:1;cursor:pointer;flex-shrink:0;transition:.15s}.dd-close:hover{background:var(--hover);color:var(--text);border-color:var(--primary)}.dd-hero{text-align:center;padding:6px 0 2px}.dd-hanzi{font-family:var(--font-hanzi);font-size:64px;font-weight:500;line-height:1.05;color:var(--text)}.dd-pinyin{font-size:var(--t-pinyin);font-weight:500;color:var(--hoang-kim);margin-top:4px}.dd-tts{margin-top:12px;padding:8px 18px;border-radius:var(--r-pill);border:1.5px solid var(--primary);background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-ui);display:inline-flex;align-items:center;gap:6px;transition:background var(--d-base) var(--ease-out),color var(--d-base) var(--ease-out)}.dd-tts:hover{background:var(--primary);color:var(--me-bach)}.dd-meanings{display:flex;flex-direction:column;gap:8px}.dd-meaning-row{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--text);line-height:1.5}.dd-meaning-row strong{font-weight:600}.dd-meaning-row>span:last-child{color:var(--text2)}.dd-lang{flex-shrink:0;font-size:10px;font-weight:800;letter-spacing:.04em;padding:2px 6px;border-radius:5px;margin-top:1px}.dd-lang-vi{background:var(--primary-soft);color:var(--primary)}.dd-lang-en{background:var(--info-bg);color:var(--info)}.dd-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-top:2px}.dd-example{position:relative;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px 40px 12px 12px}.dd-ex-tts{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:12px;line-height:1;transition:.15s}.dd-ex-tts:hover{border-color:var(--primary)}.dd-ex-zh{font-family:var(--font-hanzi);font-size:16px;color:var(--text);line-height:1.5}.dd-ex-py{font-size:12px;color:var(--hoang-kim);margin-top:3px}.dd-ex-vi{font-size:13px;color:var(--text2);margin-top:3px}.dd-ex-en{font-size:12px;color:var(--text3);margin-top:2px;font-style:italic}.dd-foot{display:flex;flex-direction:column;gap:8px;margin-top:2px}.dd-btn{width:100%;padding:10px;border-radius:var(--r-3);font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-ui);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background var(--d-base) var(--ease-out),color var(--d-base) var(--ease-out),border-color var(--d-base) var(--ease-out)}.dd-btn-primary{background:var(--primary);color:var(--me-bach);border:none}.dd-btn-primary:hover{background:var(--chau-hong-2)}.dd-btn-ghost{background:var(--surface);color:var(--text2);border:1.5px solid var(--border)}.dd-btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.dict-aside-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:18px}.dac-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:12px}.dac-count-row{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.dac-num{font-size:40px;font-weight:800;color:var(--text);line-height:1}.dac-denom{font-size:14px;color:var(--text3)}.dac-bar-track{height:6px;margin-bottom:8px}.dac-bar-fill{height:100%;background:var(--primary);border-radius:var(--r-pill);transition:width var(--d-slow) var(--ease-out)}.dac-sub{font-size:12px;color:var(--text3)}.dict-ai-card{background:color-mix(in srgb,var(--pro-gem) 6%,var(--surface));border-color:color-mix(in srgb,var(--pro-gem) 30%,var(--border))}.dac-pro-badge{margin-bottom:10px}.dac-ai-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}.dac-desc{font-size:13px;color:var(--text2);line-height:1.5;margin-bottom:14px}.dac-pro-btn{width:100%}.dac-deck-list{margin-bottom:12px;display:flex;flex-direction:column;gap:6px;min-height:36px}.dac-deck-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:var(--surface2);border-radius:8px;font-size:13px}.dac-deck-name{color:var(--text);font-weight:500}.dac-deck-count{color:var(--text3);font-size:12px}.dac-deck-empty{color:var(--text3);font-size:13px;text-align:center;padding:10px 0}.dac-link{font-size:13px;color:var(--primary);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:4px}.dac-link:hover{text-decoration:underline;text-underline-offset:3px}