.grp{gap:var(--sp-4);flex-direction:column;display:flex}.grp__back{margin:calc(-1 * var(--sp-2)) 0 calc(-1 * var(--sp-2)) calc(-1 * var(--sp-2));align-self:flex-start}.grp__back-icon{width:20px;height:20px}.grp__head{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.grp__title{font-size:var(--fs-large);line-height:var(--lh-large);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-weight:700}.grp__lead{color:var(--text-2);font-size:var(--fs-footnote);line-height:var(--lh-footnote);margin:0}.grp__head .btn-link{margin-left:calc(-1 * var(--sp-2));align-self:flex-start;min-height:36px}.grp__section{gap:var(--sp-2);flex-direction:column;display:flex}.grp__section>.caption-label{padding-inline:var(--sp-1);justify-content:space-between;align-items:baseline;gap:var(--sp-2);margin:0;display:flex}.grp__hint{padding-inline:var(--sp-1);color:var(--text-2);font-size:var(--fs-footnote);line-height:var(--lh-footnote);margin:0}.grp__error{align-items:center;gap:var(--sp-3);padding:var(--sp-6) 0;color:var(--text-2);text-align:center;flex-direction:column;display:flex}.grp__error p{margin:0}.grp__skel{border-radius:var(--r-lg);height:64px}.grp__skel--tall{height:200px}.grp__wide{flex:none;width:100%}.grp__wide svg,.grp-empty .btn-primary svg{flex:none;width:20px;height:20px}.grp-card{background:var(--surface);border-radius:var(--r-lg);overflow:hidden}.grp-list{margin:0;padding:0;list-style:none}.grp-row{flex-direction:column;display:flex;position:relative}.grp-row+.grp-row:before{content:"";top:0;left:var(--sp-4);border-top:.5px solid var(--separator);position:absolute;right:0}.grp-row--avatar+.grp-row--avatar:before{left:calc(var(--sp-4) + 40px + var(--sp-3))}.grp-row__line{align-items:center;gap:var(--sp-3);min-height:60px;padding:var(--sp-3) var(--sp-4);display:flex}.grp-row__btn{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;transition:background-color .15s ease-out}.grp-row__btn:active{background:var(--scrim)}@media (hover:hover){.grp-row__btn:hover{background:var(--scrim)}}.grp-row__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.grp-row__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.grp-row__name small{margin-left:var(--sp-1);font-size:var(--fs-footnote);color:var(--text-2);font-weight:400}.grp-row__sub{font-size:var(--fs-footnote);line-height:var(--lh-footnote);color:var(--text-2);overflow-wrap:anywhere}.grp-row__trail{color:var(--text-2);font-size:var(--fs-footnote);flex:none}.grp-row__chevron{width:18px;height:18px;color:var(--text-2);flex:none}.grp-row__action{min-height:44px;margin-right:calc(-1 * var(--sp-2));font-size:var(--fs-footnote);flex:none}.grp-row .grp-confirm{padding:0 var(--sp-4) var(--sp-4)}.grp__section>.bans__head{padding-inline:0}.bans__toggle{align-items:center;gap:var(--sp-2);width:100%;min-height:44px;margin:calc(-1 * var(--sp-2)) 0;padding:0 var(--sp-1);color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;background:0 0;border:0;display:flex}.bans__toggle .num{margin-left:auto}.bans__toggle:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:var(--r-sm)}.bans__chevron{flex:none;width:16px;height:16px;transition:transform .2s ease-out}.bans__chevron[data-open]{transform:rotate(90deg)}.bans__body{gap:var(--sp-2);flex-direction:column;display:flex}.bans__error{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);color:var(--text-2);display:flex}.bans__error p{margin:0}@media (prefers-reduced-motion:reduce){.bans__chevron{transition:none}}.grp-confirm{gap:var(--sp-3);flex-direction:column;display:flex}.grp-confirm__text{margin:0}.grp-actions{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.grp-actions .btn-primary{min-height:44px;font-size:var(--fs-body);flex:auto}.grp-actions .grp-danger{background:var(--danger);color:var(--surface)}.grp-form{gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border-radius:var(--r-lg);flex-direction:column;display:flex}.grp-form__title{font-size:var(--fs-headline);line-height:var(--lh-headline);margin:0;font-weight:600}.grp-form fieldset{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.grp-form legend{margin-bottom:6px;padding:0}.grp-form .seg__opt span{min-height:36px;padding-inline:0}.btn-secondary.grp-danger-text{color:var(--danger)}.grp-empty{align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);border-radius:var(--r-lg);background:var(--surface);text-align:center;flex-direction:column;display:flex}.grp-empty__icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent-text);border-radius:50%;place-items:center;display:grid}.grp-empty__icon svg{width:28px;height:28px}.grp-empty__text{max-width:32ch;color:var(--text-2);margin:0}.grp-empty .btn-primary,.grp-empty .btn-secondary{flex:none;width:100%}.grp-empty .btn-secondary{background:var(--bg)}.inv-list{gap:var(--sp-2);flex-direction:column;display:flex}.inv{gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;display:flex}.inv__head{align-items:flex-start;gap:var(--sp-3);display:flex}.inv__meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.inv__uses{font-weight:600}.inv__exp{font-size:var(--fs-footnote);line-height:var(--lh-footnote);color:var(--text-2)}.inv__new{border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-text);font-size:var(--fs-footnote);line-height:var(--lh-footnote);flex:none;padding:3px 10px;font-weight:600}.inv__copies{gap:var(--sp-2);flex-direction:column;display:flex}.inv .btn-secondary{background:var(--bg);justify-content:flex-start}.inv .btn-secondary svg{flex:none;width:18px;height:18px}.inv__share{width:100%;min-height:44px;font-size:var(--fs-body);flex:none}.inv__share svg{width:18px;height:18px}.inv__revoke{min-height:36px;margin:calc(-1 * var(--sp-2)) calc(-1 * var(--sp-2)) 0 0;font-size:var(--fs-footnote);flex:none}.join{gap:var(--sp-4);flex-direction:column;display:flex}.join__card{align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4) var(--sp-4);border-radius:var(--r-lg);background:var(--surface);text-align:center;flex-direction:column;display:flex}.join__icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent-text);border-radius:50%;place-items:center;display:grid}.join__icon svg{width:32px;height:32px}.join__icon[data-tone=muted]{background:var(--surface-2);color:var(--text-2)}.join__group{font-size:var(--fs-title);line-height:var(--lh-title);overflow-wrap:anywhere;margin:0;font-weight:700}.join__teacher{margin:calc(-1 * var(--sp-2)) 0 0;color:var(--text-2)}.join__text{max-width:34ch;margin:0}.join__note{width:100%;padding:var(--sp-3);border-radius:var(--r-md);background:var(--bg);color:var(--text-2);font-size:var(--fs-footnote);line-height:var(--lh-footnote);text-align:left;margin:0}.join__actions{gap:var(--sp-1);width:100%;margin-top:var(--sp-1);flex-direction:column;display:flex}.join__actions .btn-primary{flex:none;width:100%}.join__skel{border-radius:var(--r-lg);height:320px}