.club,.club-index,.club-profile,.club-invite,.club-form,.club-manage{--club-max:52rem;--club-measure:34em;--club-ink:var(--ink);--club-ink-soft:var(--ink-soft);--club-ink-faint:var(--ink-faint);--club-rule:var(--rule);--club-rule-dark:var(--rule-dark);--club-seal:var(--seal);--club-seal-surface:var(--seal-surface);--club-hue:var(--colhue,var(--col-club));--club-serif:var(--font-serif);--club-sans:var(--font-sans);--club-mono:var(--font-mono)}.club{max-width:calc(var(--club-max) + 2 * var(--gutter));padding:clamp(1.5rem, 3vw, 2.25rem) var(--gutter) clamp(4rem, 9vw, 7rem);font-variant-numeric:tabular-nums oldstyle-nums;margin:0 auto}.club-seal{width:var(--seal-size,3.25rem);height:var(--seal-size,3.25rem);border:1px solid color-mix(in oklch, var(--club-hue) 55%, transparent);box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4px color-mix(in oklch, var(--club-hue) 30%, transparent);background:var(--paper-elevated);color:var(--club-hue);font-family:var(--club-serif);font-weight:600;font-size:calc(var(--seal-size,3.25rem) * .46);letter-spacing:0;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;border-radius:2px;flex:none;place-items:center;line-height:1;display:grid;overflow:hidden}.club-seal__img{object-fit:cover;width:100%;height:100%;display:block}.club-seal--mine{border-color:color-mix(in oklch, var(--club-seal) 60%, transparent);box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4px color-mix(in oklch, var(--club-seal) 34%, transparent);color:var(--club-seal)}.club-seal--muted{color:var(--club-ink-faint);box-shadow:none;border-style:dashed}.club-seal--lg{--seal-size:clamp(4.5rem, 12vw, 6rem)}.club-seal--sm{--seal-size:2rem;font-size:.9rem}.club-index__tools{border-bottom:1px solid var(--club-rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block:1.25rem;display:flex}.club-index__count{font-family:var(--club-mono);color:var(--club-ink-soft);font-size:.8125rem}.club-index__search{align-items:center;gap:.5rem;min-width:0;display:flex}.club-index__input{border:1px solid var(--club-rule-dark);background:var(--paper-elevated);width:clamp(9rem,40vw,16rem);min-width:0;color:var(--club-ink);font-family:var(--club-sans);border-radius:4px;padding:.5rem .75rem;font-size:.9375rem}.club-index__input::placeholder{color:var(--club-ink-faint)}.club-index__input:focus-visible{outline:2px solid var(--club-hue);outline-offset:1px}.club-index__list{margin:0;padding:0;list-style:none}.club-index__item{border-bottom:1px solid var(--club-rule);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem 1rem;padding-block:1.125rem;transition:background-color .16s ease-out;display:grid}.club-index__item:hover{background:color-mix(in oklch, var(--club-hue) 4%, transparent)}.club-index__link{min-width:0;color:inherit;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem 1rem;text-decoration:none;display:grid}.club-index__link:focus-visible{outline:2px solid var(--club-hue);outline-offset:3px}.club-index__body{gap:.25rem;min-width:0;display:grid}.club-index__name{font-family:var(--club-serif);color:var(--club-ink);overflow-wrap:anywhere;font-size:1.25rem;font-weight:600}.club-index__slogan{font-family:var(--club-serif);color:var(--club-ink-soft);overflow-wrap:anywhere;font-size:.9375rem}.club-index__figures{font-family:var(--club-mono);color:var(--club-ink-faint);flex-wrap:wrap;gap:.125rem .75rem;font-size:.8125rem;display:flex}.club-index__tag{font-family:var(--club-sans);color:var(--club-seal);font-size:.8125rem}.club-index__empty{font-family:var(--club-serif);color:var(--club-ink-soft);text-align:center;padding-block:3rem}.club-index__actions{justify-items:end;gap:.5rem;display:grid}.club-btn{border:1px solid var(--club-rule-dark);background:var(--paper-elevated);min-height:44px;color:var(--club-ink);font-family:var(--club-sans);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.9375rem;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out;display:inline-flex}.club-btn:hover:not(:disabled){border-color:var(--club-hue);color:var(--club-hue)}.club-btn:focus-visible{outline:2px solid var(--club-hue);outline-offset:2px}.club-btn--primary{border-color:var(--club-hue);background:var(--club-hue);color:var(--on-accent,#fff)}.club-btn--primary:hover:not(:disabled){background:color-mix(in oklch, var(--club-hue) 86%, black 14%);color:var(--on-accent,#fff)}.club-btn--seal{border-color:var(--club-seal);background:var(--club-seal);color:var(--on-accent,#fff)}.club-btn--seal:hover:not(:disabled){background:color-mix(in oklch, var(--club-seal) 86%, black 14%);color:var(--on-accent,#fff)}.club-btn--quiet{color:var(--club-ink-soft);background:0 0;border-color:#0000}.club-btn--quiet:hover:not(:disabled){border-color:var(--club-rule-dark);color:var(--club-ink)}.club-btn:disabled{cursor:not-allowed;opacity:.55}.club-btn--sm{min-height:36px;padding:.25rem .625rem;font-size:.875rem}.club-profile{max-width:calc(var(--club-max) + 2 * var(--gutter));padding:clamp(1.5rem, 3vw, 2.25rem) var(--gutter) clamp(4rem, 9vw, 7rem);font-variant-numeric:tabular-nums oldstyle-nums;margin:0 auto}.club-profile__head{border-bottom:1px solid var(--club-rule);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem 1.5rem;padding-bottom:clamp(1.5rem,4vw,2.25rem);display:grid}.club-profile__name{font-family:var(--club-serif);color:var(--club-ink);overflow-wrap:anywhere;margin:0;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:600;line-height:1.1}.club-profile__slogan{font-family:var(--club-serif);color:var(--club-ink-soft);overflow-wrap:anywhere;margin:.375rem 0 0;font-size:1.0625rem}.club-profile__meta{font-family:var(--club-mono);color:var(--club-ink-faint);flex-wrap:wrap;gap:.25rem .875rem;margin-top:.75rem;font-size:.8125rem;display:flex}.club-profile__intro{max-width:var(--club-measure);font-family:var(--club-serif);color:var(--club-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:1rem 0 0;font-size:1.0625rem;line-height:1.9}.club-profile__acts{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.club-profile__role{font-family:var(--club-sans);color:var(--club-seal);font-size:.875rem}.club-profile__grid{gap:clamp(1.75rem,5vw,2.5rem);margin-top:clamp(1.75rem,4vw,2.5rem);display:grid}.club-profile__block-title{font-family:var(--club-serif);color:var(--club-ink);margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.club-members__list{margin:0;padding:0;list-style:none}.club-members__item{border-bottom:1px solid var(--club-rule);align-items:center;gap:.625rem;padding-block:.625rem;display:flex}.club-members__name{min-width:0;color:inherit;overflow-wrap:anywhere;text-decoration:none}.club-members__name:hover{color:var(--club-hue)}.club-members__role{font-family:var(--club-sans);color:var(--club-ink-faint);flex:none;margin-left:auto;font-size:.8125rem}.club-members__role--owner{color:var(--club-seal)}.club-works__list{margin:0;padding:0;list-style:none}.club-works__item{border-bottom:1px solid var(--club-rule);gap:.25rem;padding-block:.875rem;display:grid}.club-works__title{font-family:var(--club-serif);color:var(--club-ink);overflow-wrap:anywhere;font-size:1.0625rem;text-decoration:none}.club-works__title:hover{color:var(--club-hue)}.club-works__meta{font-family:var(--club-mono);color:var(--club-ink-faint);flex-wrap:wrap;gap:.125rem .75rem;font-size:.8125rem;display:flex}.club-works__excerpt{font-family:var(--club-serif);color:var(--club-ink-soft);overflow-wrap:anywhere;margin:.25rem 0 0;font-size:.9375rem}.club__state{font-family:var(--club-serif);color:var(--club-ink-soft);padding-block:1.5rem}.club__state--error{color:var(--st-error)}.club__more{justify-content:center;padding-top:1.25rem;display:flex}.club-join__wrap{gap:.5rem;min-width:0;display:grid}.club-join__note{gap:.25rem;max-width:22rem;display:grid}.club-invite{max-width:40rem;padding:clamp(1.5rem, 3vw, 2.25rem) var(--gutter) clamp(4rem, 9vw, 7rem);font-variant-numeric:tabular-nums oldstyle-nums;margin:0 auto}.club-invite__cover{border:1px solid var(--club-rule);object-fit:cover;border-radius:2px;width:100%;height:clamp(6rem,22vw,9rem);margin-bottom:clamp(1rem,3vw,1.5rem);display:block;-webkit-mask-image:linear-gradient(#000 42%,#0000 100%);mask-image:linear-gradient(#000 42%,#0000 100%)}.club-invite__act{border-top:1px solid var(--club-rule);justify-items:start;gap:1rem;margin-top:clamp(1.5rem,4vw,2rem);padding-top:clamp(1.25rem,3vw,1.75rem);display:grid}.club-invite__lead{max-width:var(--club-measure);font-family:var(--club-serif);color:var(--club-ink);overflow-wrap:anywhere;margin:0;font-size:1.0625rem;line-height:1.9}.club-invite__hint{max-width:var(--club-measure);font-family:var(--club-sans);color:var(--club-ink-soft);margin:0;font-size:.875rem;line-height:1.7}.club-invite__receipt{border-top:1px solid var(--club-rule);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem 1rem;margin-top:clamp(1.5rem,4vw,2rem);padding-top:clamp(1.25rem,3vw,1.75rem);display:grid}.club-invite__receipt-title{font-family:var(--club-serif);color:var(--club-ink);overflow-wrap:anywhere;margin:0;font-size:1.125rem;font-weight:600}.club-invite__receipt-note{max-width:var(--club-measure);font-family:var(--club-sans);color:var(--club-ink-soft);margin:.25rem 0 0;font-size:.9375rem;line-height:1.7}.club-invite__receipt .club-profile__acts{grid-column:1/-1;margin-top:.75rem}.club-invite__fail{justify-items:start;gap:.75rem;padding-block:clamp(2rem,7vw,4rem);display:grid}.club-invite__fail-title{font-family:var(--club-serif);color:var(--club-ink);margin:0;font-size:clamp(1.375rem,4vw,1.75rem);font-weight:600}.club-invite__fail-note{max-width:var(--club-measure);font-family:var(--club-sans);color:var(--club-ink);margin:0;font-size:1rem;line-height:1.8}.club-form{max-width:40rem;padding:clamp(1.5rem, 3vw, 2.25rem) var(--gutter) clamp(4rem, 9vw, 7rem);margin:0 auto}.club-form__field{gap:.375rem;margin-bottom:1.25rem;display:grid}.club-form__label{font-family:var(--club-sans);color:var(--club-ink);font-size:.9375rem}.club-form__hint{font-family:var(--club-sans);color:var(--club-ink-faint);font-size:.8125rem}.club-form__input,.club-form__textarea,.club-form__select{border:1px solid var(--club-rule-dark);background:var(--paper-elevated);width:100%;color:var(--club-ink);font-family:var(--club-sans);border-radius:4px;padding:.625rem .75rem;font-size:1rem}.club-form__textarea{font-family:var(--club-serif);resize:vertical;line-height:1.8}.club-form__input:focus-visible,.club-form__textarea:focus-visible,.club-form__select:focus-visible{outline:2px solid var(--club-hue);outline-offset:1px}.club-form__counter{font-family:var(--club-mono);color:var(--club-ink-faint);text-align:right;font-size:.8125rem}.club-form__error{border:1px solid color-mix(in oklch, var(--st-error) 40%, transparent);background:var(--st-error-surface,var(--paper-sunken));color:var(--st-error);font-family:var(--club-sans);border-radius:4px;margin:0 0 1rem;padding:.75rem 1rem;font-size:.9375rem}.club-form__preview{align-items:center;gap:1rem;padding:1rem 0 1.5rem;display:flex}.club-form__preview-note{font-family:var(--club-sans);color:var(--club-ink-faint);font-size:.8125rem}.club-form__status{border:1px solid var(--club-rule);background:var(--paper-elevated);border-radius:4px;margin-bottom:2rem;padding:1rem 1.25rem}.club-form__status-title{font-family:var(--club-serif);color:var(--club-hue);margin:0;font-size:1.0625rem}.club-form__status--seal .club-form__status-title{color:var(--club-seal)}.club-form__status-note{font-family:var(--club-sans);color:var(--club-ink-soft);white-space:pre-wrap;margin:.375rem 0 0;font-size:.9375rem}.club-manage{max-width:calc(var(--club-max) + 2 * var(--gutter));padding:clamp(1.5rem, 3vw, 2.25rem) var(--gutter) clamp(4rem, 9vw, 7rem);margin:0 auto}.club-manage__section{margin-top:1.75rem}.club-manage__section+.club-manage__section{border-top:1px solid var(--club-rule);padding-top:1.75rem}.club-manage__title{font-family:var(--club-serif);color:var(--club-ink);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.club-manage__note{max-width:var(--club-measure);font-family:var(--club-sans);color:var(--club-ink-soft);margin:0 0 1rem;font-size:.9375rem;line-height:1.7}.club-manage__row{border-bottom:1px solid var(--club-rule);flex-wrap:wrap;align-items:center;gap:.5rem;padding-block:.625rem;display:flex}.club-manage__row-name{min-width:0;font-family:var(--club-serif);color:var(--club-ink);overflow-wrap:anywhere;font-size:1rem}.club-manage__row-role{font-family:var(--club-sans);color:var(--club-ink-faint);font-size:.8125rem}.club-manage__row-acts{flex-wrap:wrap;gap:.375rem;margin-left:auto;display:flex}.club-manage__danger{border:1px solid color-mix(in oklch, var(--club-seal) 35%, transparent);background:color-mix(in oklch, var(--club-seal) 5%, transparent);border-radius:4px;margin-top:.5rem;padding:1rem 1.25rem}.club-manage__danger .club-manage__title{color:var(--club-seal)}.club-manage__gate{justify-items:start;gap:.5rem;padding-block:clamp(2rem,6vw,4rem);display:grid}.club-manage__gate-title{font-family:var(--club-serif);color:var(--club-ink);margin:0;font-size:1.25rem}.club-manage__gate-note{max-width:var(--club-measure);font-family:var(--club-sans);color:var(--club-ink-soft);margin:0;line-height:1.8}.my-club__head{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.my-club__name{font-family:var(--club-serif);color:var(--club-ink);overflow-wrap:anywhere;margin:0;font-size:1.25rem}.my-club__role{font-family:var(--club-sans);color:var(--club-ink-soft);margin:.25rem 0 0;font-size:.875rem}.my-club__acts{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.my-club__block{border-top:1px solid var(--club-rule);margin-top:1.75rem;padding-top:1.25rem}.my-club__req-list{margin:0;padding:0;list-style:none}.my-club__req{border-bottom:1px solid var(--club-rule);gap:.25rem;padding-block:.75rem;display:grid}.my-club__req-head{font-family:var(--club-sans);color:var(--club-ink);flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.875rem;display:flex}.my-club__req-state{font-family:var(--club-mono);color:var(--club-ink-faint);font-size:.8125rem}.my-club__req-note{font-family:var(--club-sans);color:var(--club-ink-soft);white-space:pre-wrap;font-size:.875rem}@media (min-width:64rem){.club-profile__grid{grid-template-columns:minmax(0,1fr) 16rem;align-items:start}}@media (max-width:30rem){.club-index__item{grid-template-columns:auto minmax(0,1fr)}.club-index__actions{grid-column:1/-1;justify-items:stretch}.club-profile__head{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.club-index__item,.club-btn{transition:none}}