.eco-anchor{--eco-btn:44px;justify-self:end;display:inline-grid;position:relative}.eco-trigger{z-index:2;background:var(--shell-text);color:var(--shell-on-text);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000;position:relative}.vocab-icon-button.eco-trigger:hover:not(:disabled){color:#000;background:#fff}.vocab-icon-button.eco-trigger[data-active]{background:var(--chrome-accent,#a78bfa);color:#0a0014;border-color:#0000}.eco-scrim{z-index:0;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:1;--eco-half:calc(var(--eco-btn) / 2);background:radial-gradient(circle at 100% 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:calc(var(--eco-half) + 9px);--eco-notch-mask:radial-gradient(circle var(--eco-notch) at calc(100% - var(--eco-half)) var(--eco-half), transparent 0 var(--eco-notch), #000 calc(var(--eco-notch) + .5px));-webkit-mask-image:var(--eco-notch-mask);mask-image:var(--eco-notch-mask);transform-origin:calc(100% - var(--eco-half)) var(--eco-half);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;right:0;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,-14px 20px 54px #00000073}.eco-panel[data-closing]{animation:eco-panel-out .19s var(--ease-in,ease-in) forwards}.eco-panel-head{padding:0 calc(var(--eco-btn) + 16px) 0 6px;min-height:calc(var(--eco-btn) + 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-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)),background var(--dur-quick,.14s) ease,border-color var(--dur-quick,.14s) ease;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;padding:11px 4px 10px;text-decoration:none;display:flex}.eco-tile:hover{background:#ffffff1a;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-util{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{background:color-mix(in srgb,var(--chrome-accent,#a78bfa) 26%,transparent)}.eco-tile-glyph{background:linear-gradient(145deg,var(--eco-from),var(--eco-to));color:#fff;border-radius:13px;place-items:center;width:40px;height:40px;font-size:1.08rem;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff4d,0 4px 12px #00000059}.eco-tile-name{text-align:center;letter-spacing:-.01em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:100%;font-size:9.5px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}@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{transition:none}}