.eco-anchor{--eco-btn:42px;--eco-btn-h:28px;justify-self:start;display:inline-grid;position:relative}.vocab-icon-button.eco-trigger{width:auto;height:var(--eco-trigger-h,28px);aspect-ratio:3/2;border-radius:999px}.vocab-icon-button.eco-trigger svg{width:calc(var(--eco-trigger-h,28px) * .6);height:calc(var(--eco-trigger-h,28px) * .6)}.vocab-icon-button.eco-trigger svg.eco-trigger-glyph{width:calc(var(--eco-trigger-h,28px) * .69);height:calc(var(--eco-trigger-h,28px) * .46)}.eco-trigger:before{content:"";position:absolute;inset:-6px -2px}.vocab-icon-button.eco-trigger{z-index:2;background:var(--chrome-fill,#12101d40);color:var(--chrome-ink,#fff);-webkit-backdrop-filter:blur(10px)saturate(140%);backdrop-filter:blur(10px)saturate(140%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chrome-ink,#fff) 18%,transparent),0 8px 24px #00000047;border:none;position:relative}.eco-anchor:has(.eco-panel) .vocab-icon-button.eco-trigger{z-index:5}.vocab-icon-button.eco-trigger:hover:not(:disabled){background:color-mix(in srgb,var(--chrome-ink,#fff) 14%,var(--chrome-fill,#12101d40));color:var(--chrome-ink,#fff)}.vocab-icon-button.eco-trigger[data-active]{background:var(--chrome-accent,#a78bfa);color:#0a0014;box-shadow:inset 0 0 0 1px #0000001f,0 8px 24px #00000047}.eco-scrim{z-index:3;animation:eco-fade var(--dur-move,.22s) var(--ease-out,ease) both;background:#05010ea8;position:fixed;inset:0}.eco-scrim[data-closing]{pointer-events:none;animation:eco-fade-out .19s var(--ease-out,ease) forwards}.eco-panel{z-index:4;--eco-half:calc(var(--eco-btn) / 2);--eco-half-h:calc(var(--eco-btn-h) / 2);background:radial-gradient(circle at 0 0,#ffffff26,#ffffff0d 45%,#fff0 70%),color-mix(in srgb,var(--shell-surface,#15102a) 78%,#05010e 22%);-webkit-backdrop-filter:blur(22px)saturate(165%);backdrop-filter:blur(22px)saturate(165%);width:min(316px,100vw - 28px);color:var(--shell-text,#f4f1ff);--eco-notch-r:calc(var(--eco-half-h) + 9px);--eco-notch-end:radial-gradient(circle var(--eco-notch-r) at var(--eco-half-h) var(--eco-half-h), #000 0 var(--eco-notch-r), transparent calc(var(--eco-notch-r) + .5px));--eco-notch-far-end:radial-gradient(circle var(--eco-notch-r) at calc(var(--eco-btn) - var(--eco-half-h)) var(--eco-half-h), #000 0 var(--eco-notch-r), transparent calc(var(--eco-notch-r) + .5px));-webkit-mask-image:linear-gradient(#000 0 0),var(--eco-notch-end),var(--eco-notch-far-end),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),var(--eco-notch-end),var(--eco-notch-far-end),linear-gradient(#000 0 0);-webkit-mask-size:100% 100%,100% 100%,100% 100%,calc(var(--eco-btn) - var(--eco-btn-h)) calc(var(--eco-btn-h) + 9px);mask-size:100% 100%,100% 100%,100% 100%,calc(var(--eco-btn) - var(--eco-btn-h)) calc(var(--eco-btn-h) + 9px);-webkit-mask-position:0 0,0 0,0 0,var(--eco-half-h) 0;mask-position:0 0,0 0,0 0,var(--eco-half-h) 0;transform-origin:var(--eco-half) var(--eco-half-h);animation:eco-panel-in var(--dur-move,.22s) var(--ease-spring,cubic-bezier(.34, 1.4, .64, 1)) both;border-radius:26px;padding:16px 12px 14px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,14px 20px 54px #00000073;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out,source-over,source-over,source-over;mask-composite:subtract,add,add,add}.eco-panel[data-closing]{animation:eco-panel-out .19s var(--ease-in,ease-in) forwards}.eco-panel-head{padding:0 6px 0 calc(var(--eco-btn) + 16px);min-height:calc(var(--eco-btn-h) + 10px);flex-direction:column;gap:1px;display:flex}.eco-panel-title{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:650}.eco-panel-sub{opacity:.6;margin:0;font-size:11px}.eco-panel-foot{text-align:center;opacity:.55;border-top:1px solid #ffffff1f;margin:12px 0 0;padding:9px 6px 0;font-size:10.5px;line-height:1.35}.eco-panel-grid{overscroll-behavior:contain;grid-template-columns:repeat(3,1fr);gap:8px;max-height:min(46vh,340px);margin:10px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.eco-panel[data-settled] .eco-panel-grid{overflow:hidden auto}.eco-tile-slot{animation:eco-tile-in .2s var(--ease-out,ease) both;animation-delay:var(--eco-delay,0s);display:flex}.eco-panel[data-closing] .eco-tile-slot{animation-name:eco-tile-out;animation-duration:.15s;animation-timing-function:var(--ease-in,ease-in);animation-fill-mode:forwards}.eco-tile{width:100%;color:inherit;transition:transform var(--dur-move,.22s) var(--ease-spring,cubic-bezier(.34, 1.4, .64, 1)),border-color var(--dur-quick,.14s) ease;border:1px solid #ffffff14;border-radius:16px;text-decoration:none;display:block;position:relative}.eco-tile:hover{border-color:#ffffff38}.eco-tile:active{transition-duration:var(--dur-press,90ms);transform:scale(.94)}.eco-tile:focus-visible{outline:2px solid var(--chrome-accent,#a78bfa);outline-offset:2px}.eco-tile[data-soon]{opacity:.4;pointer-events:none}.eco-tile-clip{aspect-ratio:1;transition:background var(--dur-quick,.14s) ease;background:#ffffff0a;border:1px solid #0000;border-radius:15px;place-items:center;display:grid;position:relative;overflow:hidden}.eco-tile:hover .eco-tile-clip{background:#ffffff1a}.eco-tile-glyph{background:linear-gradient(145deg,var(--eco-from),var(--eco-to));place-items:center;font-size:clamp(48px,16.5vw,66px);line-height:1;display:grid;position:absolute;inset:0}.eco-tile-glyph[data-flag]{background:color-mix(in srgb,var(--eco-from) 26%,#120c22)}.eco-tile-util .eco-tile-glyph svg{width:30px;height:30px}.eco-tile-name{z-index:1;-webkit-backdrop-filter:blur(5px);text-align:center;letter-spacing:.01em;color:#fff;text-shadow:0 1px 3px #000c,0 0 10px #0006;-webkit-line-clamp:2;line-clamp:2;background:linear-gradient(#05010e00,#05010e8c 42%,#05010ed9 88%);-webkit-box-orient:vertical;padding:12px 5px 5px;font-size:10.5px;font-weight:700;line-height:1.25;display:-webkit-box;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.eco-tile-util .eco-tile-clip{border-color:color-mix(in srgb,var(--chrome-accent,#a78bfa) 45%,transparent);background:color-mix(in srgb,var(--chrome-accent,#a78bfa) 14%,transparent)}.eco-tile-util:hover .eco-tile-clip{background:color-mix(in srgb,var(--chrome-accent,#a78bfa) 26%,transparent)}.eco-tile-util .eco-tile-glyph{color:#fff}@keyframes eco-fade{0%{opacity:0}to{opacity:1}}@keyframes eco-fade-out{0%{opacity:1}to{opacity:0}}@keyframes eco-panel-in{0%{opacity:0;transform:scale(.26)}to{opacity:1;transform:scale(1)}}@keyframes eco-panel-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}@keyframes eco-tile-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes eco-tile-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}.eco-panel[data-still],.eco-panel[data-still] .eco-tile-slot{animation-duration:1ms;animation-delay:0s}@media(prefers-reduced-motion:reduce){.eco-scrim,.eco-panel,.eco-tile-slot{animation-duration:1ms!important;animation-delay:0s!important}.eco-tile,.eco-tile-clip{transition:none}}