#gsel>summary.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(109,109,110,.45);border:1px solid transparent;border-radius:4px;padding:6px 14px;color:#fff;font-weight:600;transition:background .15s,border-color .15s,transform .12s,box-shadow .2s}#gsel>summary.pill:hover{background:rgba(109,109,110,.75)}#gsel>summary.pill:active{transform:scale(.97)}#gsel[open]>summary.pill{background:#fff;color:#111;box-shadow:0 6px 20px rgba(0,0,0,.45)}#gpop{--r:#22c55e;top:calc(100% + 10px);left:0;width:min(440px,92vw);padding:14px;gap:8px;background:linear-gradient(180deg,#232323,#161616);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 28px 70px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.07);transform-origin:18% 0;scrollbar-width:thin}#gsel[open]>#gpop{animation:gnOpen .28s cubic-bezier(.2,.8,.2,1)}@keyframes gnOpen{from{opacity:0;transform:perspective(700px) rotateX(-12deg) translateY(-8px) scale(.96)}to{opacity:1;transform:none}}#gpop .gh{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 10px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.08)}#gpop .gh small{font-size:13px;color:#b3b3b3}#gpop .gc{display:flex;align-items:center;gap:10px}#gpop .gc span{font-size:14px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}#gpop .gd{display:flex;gap:4px}#gpop .gd i{width:16px;height:4px;border-radius:2px;background:rgba(255,255,255,.18);transition:background .25s,box-shadow .25s}#gpop .gd i.on{background:var(--r);box-shadow:0 0 8px rgba(34,197,94,.65)}#gpop label{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:8px;background:#2a2a2a;border:1px solid transparent;color:#d6d6d6;font-size:15px;white-space:nowrap;cursor:pointer;user-select:none;box-shadow:0 2px 0 rgba(0,0,0,.45);transition:transform .15s cubic-bezier(.2,.8,.2,1),background .2s,color .2s,box-shadow .2s,border-color .2s}#gpop label>span{overflow:hidden;text-overflow:ellipsis}#gpop label input{position:absolute;opacity:0;pointer-events:none}#gpop label .gk{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid #6d6d6e;display:grid;place-items:center;transition:background .2s,border-color .2s,transform .2s}#gpop label .gk::after{content:'';width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);margin-top:-2px;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}#gpop label:hover{background:#353535;color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.5)}#gpop label:active{transform:translateY(0) scale(.95);box-shadow:0 1px 0 rgba(0,0,0,.5)}#gpop label.on{background:linear-gradient(160deg,#2fcf6b,#15803d);color:#fff;font-weight:600;border-color:rgba(255,255,255,.2);box-shadow:0 8px 22px rgba(34,197,94,.32),inset 0 1px 0 rgba(255,255,255,.28)}#gpop label.on .gk{background:#fff;border-color:#fff}#gpop label.on .gk::after{border-color:#15803d;transform:rotate(45deg) scale(1)}#gpop label.pop{animation:gnPop .38s cubic-bezier(.3,1.5,.5,1)}@keyframes gnPop{0%{transform:scale(.9)}55%{transform:scale(1.06) translateY(-3px)}100%{transform:none}}#gpop label.dis{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none;background:#222}#gpop label:has(input:focus-visible){outline:2px solid #fff;outline-offset:2px}@media(max-width:420px){#gpop{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){#gpop,#gpop *,#gsel[open]>#gpop{animation:none!important;transition:none!important}}