.study-group-entry{flex-shrink:0;position:relative}.study-group-entry:after{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.study-group-trigger{border:1px solid var(--line);background:var(--panel);color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.study-group-trigger:hover,.study-group-trigger[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.study-group-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.study-group-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.study-group-details a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.study-group-popover{z-index:65;overscroll-behavior:contain;border:1px solid var(--line);background:var(--panel);width:330px;max-height:calc(100svh - 110px);box-shadow:var(--shadow);border-radius:16px;padding:24px 20px 20px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto}.study-group-popover:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.study-group-close{position:absolute;top:6px;right:6px}.study-group-details{text-align:center;min-width:0}.study-group-details h3{margin:4px 16px 8px;font-size:16px;line-height:1.5}.study-group-details p{margin:8px 0;font-size:12px;line-height:1.7}.study-group-restriction{color:var(--muted)}.study-group-qr{aspect-ratio:1;background:#fff;border:12px solid #fff;border-radius:10px;width:min(260px,100%);margin:16px auto 12px;display:block;position:relative;overflow:hidden}.study-group-qr img{width:214%;max-width:none;height:auto;display:block;position:absolute;top:-146.34%;left:-56.91%}.study-group-validity{color:var(--muted);font-variant-numeric:tabular-nums}.study-group-details .study-group-hint{color:var(--muted);font-size:11px}.study-group-help{color:var(--accent);margin-top:8px;font-size:12px;line-height:1.7;display:inline-block}.study-group-expired{border:1px solid var(--line);color:var(--text);background:var(--field);border-radius:10px;padding:18px}.study-group-card{max-width:640px;margin:0 auto 24px}.study-group-card>.eyebrow{text-align:center;margin-bottom:10px;display:block}@media (max-width:720px){.study-group-trigger{padding:8px}.study-group-trigger span{display:none}.study-group-popover{width:auto;max-width:360px;max-height:calc(100svh - 90px);margin-left:auto;position:fixed;top:73px;left:12px;right:12px}.study-group-popover:before{display:none}}