.auth-body{height:auto;min-height:100%}.auth-page{background-color:var(--md-color-surface);grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.auth-page__top{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);display:flex}.auth-page__main{padding:clamp(var(--space-4), 6vh, var(--space-12)) var(--space-4) var(--space-8);align-content:start;justify-items:center;display:grid}.auth-page__foot{padding:var(--space-4);text-align:center;font:var(--md-font-body-small);color:var(--md-color-on-surface-variant)}.auth-brand{align-items:center;gap:var(--space-3);color:var(--md-color-on-surface);display:inline-flex}.auth-brand:hover{text-decoration:none}.auth-brand__mark{border-radius:var(--md-shape-sm);background-color:var(--md-color-brand);width:32px;height:32px;color:var(--md-color-on-brand);font:var(--md-font-label-large);letter-spacing:.04em;place-items:center;display:grid}.auth-brand__name{font:var(--md-font-title-medium);letter-spacing:var(--md-tracking-title-medium)}.icon-btn{width:var(--touch-target);height:var(--touch-target);border-radius:var(--md-shape-md);color:var(--md-color-on-surface-variant);place-items:center;display:grid}.icon-btn svg{width:22px;height:22px}.auth-slot,.auth-stack{gap:var(--space-6);width:min(420px,100%);display:grid}.auth-stack[data-transition=enter],.auth-slot[data-transition=enter]{animation:auth-enter var(--md-duration-xlong) var(--md-easing-emphasized-decelerate)}@keyframes auth-enter{0%{opacity:0;transform:translateY(12px)}}.auth-card{gap:var(--space-5);padding:var(--space-8) var(--space-8) var(--space-6);border-radius:var(--md-shape-lg);background-color:var(--md-color-surface-container-low);box-shadow:var(--md-elev-1);display:grid}.auth-card--center{text-align:center;justify-items:center}.auth-card--center>*{width:100%}.auth-card--center>.auth-card__icon{width:56px}.auth-card__head{gap:var(--space-2);display:grid}.auth-card__title{font:var(--md-font-headline-small);color:var(--md-color-on-surface)}.auth-card__desc{font:var(--md-font-body-medium);letter-spacing:var(--md-tracking-body-medium);color:var(--md-color-on-surface-variant);line-height:1.7}.auth-card__desc strong{color:var(--md-color-on-surface);word-break:break-all;font-weight:500}.auth-card__notice:empty{display:none}.auth-card__icon{border-radius:var(--md-shape-full);background-color:var(--md-color-surface-container-highest);height:56px;color:var(--md-color-on-surface-variant);place-items:center;margin-inline:auto;display:grid}.auth-card__icon svg{width:28px;height:28px}.auth-card__links{font:var(--md-font-label-large);justify-content:center;display:flex}.auth-card__actions{gap:var(--space-2);display:grid}.auth-card__meta{font:var(--md-font-body-small);color:var(--md-color-on-surface-variant)}.auth-back{align-items:center;gap:var(--space-1);display:inline-flex}.auth-back svg{width:18px;height:18px}.auth-notes{gap:var(--space-3);padding:var(--space-4);border-radius:var(--md-shape-md);background-color:var(--md-color-surface-container-high);text-align:start;font:var(--md-font-body-medium);color:var(--md-color-on-surface-variant);line-height:1.6;display:grid}.auth-notes li{gap:var(--space-3);display:flex}.auth-notes svg{width:18px;height:18px;margin-top:2px}.auth-notes strong{color:var(--md-color-on-surface);font-weight:500}.invite-summary{gap:var(--space-3);padding:var(--space-4);border-radius:var(--md-shape-md);box-shadow:inset 0 0 0 1px var(--md-color-outline-variant);display:grid}.invite-summary>div{gap:var(--space-3);grid-template-columns:7em minmax(0,1fr);display:grid}.invite-summary dt{font:var(--md-font-label-medium);letter-spacing:var(--md-tracking-label-medium);color:var(--md-color-on-surface-variant);line-height:20px}.invite-summary dd{font:var(--md-font-body-medium);word-break:break-all;margin:0}.invite-summary__role{font:var(--md-font-title-small);display:block}.invite-summary__sub{font:var(--md-font-body-small);color:var(--md-color-on-surface-variant);display:block}.pw-input{position:relative}.pw-input>.input{padding-inline-end:48px}.pw-input__toggle{width:36px;height:36px;margin-block:auto;position:absolute;inset-block:0;inset-inline-end:2px}.pw-input__toggle svg{width:20px;height:20px}.pw-rules{gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.pw-rules__item{align-items:center;gap:var(--space-1);font:var(--md-font-body-small);color:var(--md-color-on-surface-variant);display:inline-flex}.pw-rules__item svg{border-radius:var(--md-shape-full);width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--md-color-outline-variant);stroke:#0000;transition:all var(--md-duration-medium) var(--md-easing-standard);padding:2px}.pw-rules__item[data-ok=true]{color:var(--md-color-success)}.pw-rules__item[data-ok=true] svg{box-shadow:none;background-color:var(--md-color-success);stroke:var(--md-color-surface-container-lowest);stroke-width:3px}.auth-mock{gap:var(--space-3);padding:var(--space-4);border:1px dashed var(--md-color-outline);border-radius:var(--md-shape-lg);background-color:var(--md-color-surface-container-high);display:grid}.auth-mock__head{gap:var(--space-1);justify-items:start;display:grid}.auth-mock__title{font:var(--md-font-title-small);color:var(--md-color-on-surface)}.auth-mock__desc{font:var(--md-font-body-small);color:var(--md-color-on-surface-variant)}.auth-mock__list{border-radius:var(--md-shape-md);background-color:var(--md-color-surface-container-low);display:grid;overflow:hidden}.auth-mock__list>li+li{border-top:1px solid var(--md-color-outline-variant)}.auth-mock__item{align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);text-align:start;color:var(--md-color-on-surface);display:flex}.auth-mock__item:disabled{cursor:not-allowed;opacity:.6}.auth-mock__item>svg{width:18px;height:18px;color:var(--md-color-on-surface-variant)}.auth-mock__role{flex:1;min-width:0;display:grid}.auth-mock__role-name{font:var(--md-font-title-small)}.auth-mock__role-desc{font:var(--md-font-body-small);color:var(--md-color-on-surface-variant)}.auth-mock__account{font:var(--md-font-label-medium);letter-spacing:var(--md-tracking-label-medium);color:var(--md-color-on-surface-variant);flex-shrink:0}.auth-mock__skeleton{padding:22px var(--space-4)}@media (max-width:480px){.auth-page__top{padding-inline:var(--space-4)}.auth-card{padding:var(--space-6) var(--space-5) var(--space-5)}.auth-mock__account{display:none}}.authorize{gap:var(--space-4);display:grid}.authorize__list{gap:var(--space-2);font:var(--md-font-body-medium);color:var(--md-color-on-surface);margin:0;padding-inline-start:1.25em;line-height:1.7;display:grid}.authorize__list strong{font-weight:600}.authorize__note{font:var(--md-font-body-small);color:var(--md-color-on-surface-variant);line-height:1.6}.authorize__meta{gap:var(--space-1);padding:var(--space-3);border-radius:var(--md-shape-sm);background-color:var(--md-color-surface-container);margin:0;display:grid}.authorize__meta>div{gap:var(--space-2);grid-template-columns:7em minmax(0,1fr);display:grid}.authorize__meta dt{font:var(--md-font-label-medium);color:var(--md-color-on-surface-variant)}.authorize__meta dd{font:var(--md-font-body-medium);overflow-wrap:anywhere;margin:0}.authorize__meta dd span{font:var(--md-font-body-small);color:var(--md-color-on-surface-variant);display:block}.authorize__actions{justify-content:flex-end;gap:var(--space-2);display:flex}

