.wuc-dictionary-search{--wuc-ds-primary:#0b6cf0;--wuc-ds-secondary:#18a999;--wuc-ds-accent:#ffc857;--wuc-ds-bg:var(--wuc-t-soft,#f6f8fc);--wuc-ds-surface:var(--wuc-t-surface,#ffffff);--wuc-ds-surface-muted:var(--wuc-t-surface-muted,#f1f5f9);--wuc-ds-text:var(--wuc-t-text,#172033);--wuc-ds-muted:var(--wuc-t-muted,#5f6b7a);--wuc-ds-border:var(--wuc-t-border,#dce3ed);--wuc-ds-danger:#b42318;--wuc-ds-shadow:0 18px 50px rgba(25,42,70,0.12);box-sizing:border-box;inline-size:100%;color:var(--wuc-ds-text);font-family:inherit;line-height:1.55;container-type:inline-size} .wuc-dictionary-search *,.wuc-dictionary-search *::before,.wuc-dictionary-search *::after{box-sizing:inherit} .wuc-dictionary-search[data-theme="dark"]{--wuc-ds-bg:#111827;--wuc-ds-surface:#182235;--wuc-ds-surface-muted:#222f45;--wuc-ds-text:#f8fafc;--wuc-ds-muted:#b9c4d3;--wuc-ds-border:#34435a;--wuc-ds-shadow:0 20px 58px rgba(0,0,0,0.35)} @media (prefers-color-scheme:dark){.wuc-dictionary-search[data-theme="auto"]{--wuc-ds-bg:#111827;--wuc-ds-surface:#182235;--wuc-ds-surface-muted:#222f45;--wuc-ds-text:#f8fafc;--wuc-ds-muted:#b9c4d3;--wuc-ds-border:#34435a;--wuc-ds-shadow:0 20px 58px rgba(0,0,0,0.35)}} .wuc-ds-shell{inline-size:100%;padding:clamp(1rem,3.5vw,2rem);border:1px solid var(--wuc-ds-border);border-radius:clamp(1rem,2.5vw,1.5rem);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--wuc-ds-primary) 11%,transparent),transparent 38%),var(--wuc-ds-bg);box-shadow:var(--wuc-ds-shadow)} .wuc-ds-header{margin-block-end:clamp(1rem,3vw,1.5rem)} .wuc-dictionary-index .wuc-ds-title{max-inline-size:none;font-size:2.15rem;line-height:1.15;white-space:nowrap} @container (max-width:46rem){.wuc-dictionary-index .wuc-ds-title{font-size:clamp(1.85rem,5.8cqw,2.05rem);white-space:normal;overflow-wrap:normal}} .wuc-dictionary-index .wuc-ds-description{max-inline-size:76ch;font-size:clamp(0.98rem,2.1vw,1.06rem)} .wuc-ds-kicker{margin:0 0 0.55rem;color:var(--wuc-ds-primary);font-size:0.72rem;font-weight:800;letter-spacing:0.12em;line-height:1.2;text-transform:uppercase} .wuc-ds-title{margin:0;color:var(--wuc-ds-text);font-size:clamp(1.45rem,4vw,2.15rem);line-height:1.15;letter-spacing:-0.025em} .wuc-ds-description{max-inline-size:68ch;margin:0.55rem 0 0;color:var(--wuc-ds-muted);font-size:clamp(0.92rem,2.1vw,1rem)} .wuc-ds-features{display:flex;flex-wrap:wrap;gap:0.45rem;margin:1rem 0 0;padding:0;list-style:none} .wuc-ds-features li{display:inline-flex;align-items:center;min-block-size:2rem;padding:0.35rem 0.65rem;border:1px solid color-mix(in srgb,var(--wuc-ds-primary) 15%,var(--wuc-ds-border));border-radius:999px;background:color-mix(in srgb,var(--wuc-ds-primary) 5%,var(--wuc-ds-surface));color:var(--wuc-ds-text);font-size:0.76rem;font-weight:700} .wuc-ds-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:0.75rem;margin-block-start:1.15rem} .wuc-ds-label{grid-column:1 / -1;color:var(--wuc-ds-text);font-weight:700;font-size:0.94rem} .wuc-ds-combobox{position:relative;min-inline-size:0} .wuc-ds-input-wrap{display:flex;align-items:center;min-block-size:3.25rem;overflow:hidden;border:1px solid var(--wuc-ds-border);border-radius:0.9rem;background:var(--wuc-ds-surface);transition:border-color 160ms ease,box-shadow 160ms ease} .wuc-ds-input-wrap:focus-within{border-color:var(--wuc-ds-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--wuc-ds-primary) 22%,transparent)} .wuc-ds-search-icon{display:inline-grid;flex:0 0 auto;place-items:center;inline-size:3rem;color:var(--wuc-ds-muted)} .wuc-ds-search-icon .wuc-icon,.wuc-ds-submit .wuc-icon,.wuc-ds-clear .wuc-icon,.wuc-ds-empty-icon .wuc-icon{inline-size:1.2rem;block-size:1.2rem} .wuc-ds-input{min-inline-size:0;inline-size:100%;min-block-size:3.15rem;margin:0;padding:0.65rem 0.4rem;border:0;outline:0;background:transparent;color:var(--wuc-ds-text);font:inherit;font-size:max(1rem,16px)} .wuc-ds-input::placeholder{color:color-mix(in srgb,var(--wuc-ds-muted) 82%,transparent);opacity:1} .wuc-ds-input::-webkit-search-cancel-button{display:none} .wuc-ds-clear,.wuc-ds-submit,.wuc-ds-option,.wuc-ds-chip,.wuc-ds-text-button{font:inherit} .wuc-ds-clear{display:inline-grid;flex:0 0 2.75rem;place-items:center;min-inline-size:2.75rem;min-block-size:2.75rem;margin-inline-end:0.2rem;padding:0;border:0;border-radius:0.7rem;background:transparent;color:var(--wuc-ds-muted);cursor:pointer} .wuc-ds-clear:hover{background:var(--wuc-ds-surface-muted);color:var(--wuc-ds-text)} .wuc-ds-submit{display:inline-flex;align-items:center;justify-content:center;gap:0.55rem;min-block-size:3.25rem;padding:0.75rem 1.2rem;border:1px solid transparent;border-radius:0.9rem;background:var(--wuc-ds-primary);color:#ffffff;font-weight:750;cursor:pointer;box-shadow:0 8px 20px color-mix(in srgb,var(--wuc-ds-primary) 25%,transparent);transition:transform 150ms ease,filter 150ms ease} .wuc-ds-submit:hover{filter:brightness(0.96);transform:translateY(-1px)} .wuc-ds-submit:active{transform:translateY(0)} .wuc-ds-submit:focus-visible,.wuc-ds-clear:focus-visible,.wuc-ds-option:focus-visible,.wuc-ds-chip:focus-visible,.wuc-ds-text-button:focus-visible,.wuc-ds-input:focus-visible{outline:3px solid color-mix(in srgb,var(--wuc-ds-accent) 90%,#ffffff);outline-offset:2px} .wuc-ds-suggestions{position:absolute;z-index:30;inset-block-start:calc(100%+0.35rem);inset-inline:0;max-block-size:min(18rem,45vh);overflow:auto;padding:0.35rem;border:1px solid var(--wuc-ds-border);border-radius:0.85rem;background:var(--wuc-ds-surface);box-shadow:0 16px 38px rgba(23,32,51,0.18)} .wuc-ds-option{display:block;inline-size:100%;min-block-size:2.75rem;padding:0.6rem 0.75rem;border:0;border-radius:0.6rem;background:transparent;color:var(--wuc-ds-text);text-align:start;cursor:pointer} .wuc-ds-option:hover,.wuc-ds-option.is-active{background:color-mix(in srgb,var(--wuc-ds-primary) 11%,var(--wuc-ds-surface));color:var(--wuc-ds-primary)} .wuc-ds-hint{margin:0.55rem 0 0;color:var(--wuc-ds-muted);font-size:0.82rem} .wuc-ds-content{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(13rem,0.75fr);gap:clamp(0.9rem,2.5vw,1.25rem);margin-block-start:clamp(1.15rem,3vw,1.75rem)} .wuc-ds-result,.wuc-ds-discovery{min-inline-size:0} .wuc-ds-result{min-block-size:13rem;border:1px solid var(--wuc-ds-border);border-radius:1rem;background:var(--wuc-ds-surface)} .wuc-ds-empty,.wuc-ds-state{display:grid;min-block-size:13rem;place-content:center;justify-items:center;padding:clamp(1.15rem,4vw,2rem);text-align:center} .wuc-ds-empty-icon{display:inline-grid;place-items:center;inline-size:3.25rem;block-size:3.25rem;margin-block-end:0.8rem;border-radius:50%;background:color-mix(in srgb,var(--wuc-ds-primary) 11%,var(--wuc-ds-surface));color:var(--wuc-ds-primary)} .wuc-ds-empty h3,.wuc-ds-state h3{margin:0;color:var(--wuc-ds-text);font-size:1.05rem} .wuc-ds-empty p,.wuc-ds-state p{max-inline-size:46ch;margin:0.45rem 0 0;color:var(--wuc-ds-muted)} .wuc-ds-state.is-error{border-inline-start:4px solid var(--wuc-ds-danger)} .wuc-ds-entry{padding:clamp(1.15rem,4vw,1.75rem)} .wuc-ds-entry-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-block-end:1rem;border-block-end:1px solid var(--wuc-ds-border)} .wuc-ds-entry-header h3{margin:0;overflow-wrap:anywhere;color:var(--wuc-ds-text);font-size:clamp(1.35rem,9cqw,2.1rem);line-height:1.05;letter-spacing:-0.03em}.wuc-ds-entry-header{container-type:inline-size}.wuc-ds-entry-header h3.is-len-md{font-size:clamp(1.2rem,7cqw,1.75rem)}.wuc-ds-entry-header h3.is-len-lg{font-size:clamp(1.05rem,5.5cqw,1.45rem)}.wuc-ds-entry-header h3.is-len-xl{font-size:clamp(0.95rem,4.5cqw,1.2rem);letter-spacing:-0.02em} .wuc-ds-pos{display:inline-block;margin-block-start:0.45rem;color:var(--wuc-ds-secondary);font-size:0.9rem;font-style:italic;font-weight:650} .wuc-ds-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0.4rem} .wuc-ds-badge{max-inline-size:100%;padding:0.32rem 0.55rem;border-radius:999px;background:var(--wuc-ds-surface-muted);color:var(--wuc-ds-muted);font-size:0.75rem;overflow-wrap:anywhere} .wuc-ds-entry-body{padding-block-start:1.1rem} .wuc-ds-entry-body h4{margin:0 0 0.4rem;color:var(--wuc-ds-muted);font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase} .wuc-ds-entry-body p{margin:0;color:var(--wuc-ds-text);font-size:clamp(1rem,2.5vw,1.1rem);overflow-wrap:anywhere} .wuc-ds-discovery{display:grid;align-content:start;gap:0.85rem} .wuc-ds-discovery-section{padding:1rem;border:1px solid var(--wuc-ds-border);border-radius:1rem;background:var(--wuc-ds-surface)} .wuc-ds-section-heading{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-block-end:0.7rem} .wuc-ds-section-heading h3{margin:0;color:var(--wuc-ds-text);font-size:0.92rem} .wuc-ds-text-button{min-block-size:2.75rem;padding:0.35rem 0.55rem;border:0;border-radius:0.55rem;background:transparent;color:var(--wuc-ds-primary);font-size:0.82rem;font-weight:700;cursor:pointer} .wuc-ds-text-button:hover{background:var(--wuc-ds-surface-muted)} .wuc-ds-chip-list{display:flex;flex-wrap:wrap;gap:0.45rem;min-block-size:2rem} .wuc-ds-chip-list.is-loading{border-radius:0.65rem;background:linear-gradient(90deg,var(--wuc-ds-surface-muted),color-mix(in srgb,var(--wuc-ds-surface-muted) 45%,var(--wuc-ds-surface)),var(--wuc-ds-surface-muted));background-size:220% 100%;animation:wuc-ds-shimmer 1.2s linear infinite} .wuc-ds-chip{min-block-size:2.75rem;max-inline-size:100%;padding:0.45rem 0.7rem;border:1px solid var(--wuc-ds-border);border-radius:999px;background:var(--wuc-ds-surface-muted);color:var(--wuc-ds-text);cursor:pointer;overflow-wrap:anywhere} .wuc-ds-chip:hover{border-color:var(--wuc-ds-primary);color:var(--wuc-ds-primary)} .wuc-ds-skeleton{display:grid;gap:0.8rem;padding:clamp(1.15rem,4vw,1.75rem)} .wuc-ds-skeleton span{display:block;block-size:1rem;border-radius:0.45rem;background:linear-gradient(90deg,var(--wuc-ds-surface-muted),color-mix(in srgb,var(--wuc-ds-surface-muted) 45%,var(--wuc-ds-surface)),var(--wuc-ds-surface-muted));background-size:220% 100%;animation:wuc-ds-shimmer 1.2s linear infinite} .wuc-ds-skeleton span:first-child{inline-size:44%;block-size:2rem} .wuc-ds-skeleton span:nth-child(2){inline-size:24%} .wuc-ds-skeleton span:nth-child(4){inline-size:72%} .wuc-dictionary-search.is-compact .wuc-ds-description,.wuc-dictionary-search.is-compact .wuc-ds-hint,.wuc-dictionary-search.is-compact .wuc-ds-discovery{display:none} .wuc-dictionary-search.is-compact .wuc-ds-content{grid-template-columns:minmax(0,1fr)} @container (max-width:46rem){.wuc-ds-content{grid-template-columns:minmax(0,1fr)} .wuc-ds-discovery{grid-template-columns:repeat(2,minmax(0,1fr))}} @container (max-width:34rem){.wuc-dictionary-index .wuc-ds-title{font-size:clamp(1.35rem,6.5cqw,1.9rem);letter-spacing:-0.04em;white-space:normal;overflow-wrap:normal} .wuc-ds-features{gap:0.35rem} .wuc-ds-features li{font-size:0.72rem;padding-inline:0.55rem} .wuc-ds-form{grid-template-columns:minmax(0,1fr)} .wuc-ds-submit{inline-size:100%} .wuc-ds-discovery{grid-template-columns:minmax(0,1fr)} .wuc-ds-entry-header{flex-direction:column} .wuc-ds-badges{justify-content:flex-start}} @media (max-width:30rem){.wuc-dictionary-search{padding-inline:max(0.25rem,env(safe-area-inset-left)) max(0.25rem,env(safe-area-inset-right))} .wuc-ds-shell{padding:0.9rem;border-radius:0.9rem}} @media (max-height:31rem) and (orientation:landscape){.wuc-ds-shell{padding-block:0.85rem} .wuc-ds-header,.wuc-ds-hint{display:none} .wuc-ds-content{margin-block-start:0.8rem}} @media (prefers-reduced-motion:reduce){.wuc-dictionary-search *,.wuc-dictionary-search *::before,.wuc-dictionary-search *::after{scroll-behavior:auto !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}} @keyframes wuc-ds-shimmer{to{background-position:-220% 0}}