.group-banner{background:color-mix(in srgb, var(--color-accent) 12%, var(--color-bg));border-bottom:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent);color:var(--color-text);align-items:center;gap:8px;margin:12px -16px 0;padding:10px 16px;font-size:.85rem;text-decoration:none;display:flex}.group-banner__text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.group-banner__cta{color:var(--color-accent);white-space:nowrap;font-weight:700}.group-view{padding-top:26px}.group-view__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.group-view__title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.group-view__note{color:var(--color-text-dim);margin-top:2px;font-size:.88rem}.group-view__empty{color:var(--color-text-dim);padding:14px 0;font-size:.9rem}.group-view__join{max-width:380px;color:var(--color-text);justify-items:start;gap:14px;margin:40px auto;display:grid}.group-view__join .field{width:100%}.group-person{border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:16px;margin-bottom:10px;padding:12px 14px}.group-person__head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.group-person__name{font-size:.92rem;font-weight:700}.group-person__name em{color:var(--color-accent);font-size:.78rem;font-style:normal;font-weight:500}.group-person__owes{color:var(--color-text-dim);white-space:nowrap;font-size:.82rem}.group-person__owes strong{color:var(--color-text);font-family:var(--font-display)}.group-line{border-top:1px solid var(--color-hairline);align-items:center;gap:8px;padding:7px 0;font-size:.88rem;display:flex}.group-line__qty{color:var(--color-text-dim);font-variant-numeric:tabular-nums}.group-line__name{flex:1;min-width:0}.group-line__mods{color:var(--color-text-dim);font-size:.78rem}.group-line__price{font-variant-numeric:tabular-nums;font-weight:600}.group-line__remove{color:var(--color-text-dim);padding:4px}.group-line__remove:hover{color:var(--color-danger)}.group-view__add{margin:6px 0 4px}.group-view__fee-note{font-size:.72rem}.group-view__only-host{text-align:center;color:var(--color-text-dim);padding:8px 0;font-size:.85rem}.group-view__leave{color:var(--color-text-dim);margin:18px auto 0;font-size:.8rem;text-decoration:underline;display:block}.group-view__done{text-align:center;justify-items:center;gap:10px;padding:60px 20px;display:grid}.group-view__paying{background:color-mix(in srgb, var(--color-accent-2) 14%, transparent);color:var(--color-accent-2);border-radius:12px;margin-bottom:12px;padding:11px 13px;font-size:.85rem}.group-view__cancel{border:1px solid var(--color-hairline);color:#e5484d;cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:.8rem;font-weight:600}.group-start-page{min-height:100dvh;padding:28px 20px 140px}.group-start-page__title{font-family:var(--font-display);margin:0 0 4px;font-size:1.6rem}.group-start-page__sub{color:var(--color-text-dim);margin:0 0 20px}.group-start-page__steps{gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.group-start-page__steps li{align-items:center;gap:12px;font-size:.95rem;display:flex}.group-start-page__step-icon{background:var(--color-surface);border:1px solid var(--color-hairline);width:34px;height:34px;color:var(--color-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.group-start-page__form{gap:14px;display:grid}.group-start-page__error{color:#e5484d;margin:0;font-size:.85rem}.group-view__invite{border:1px dashed var(--color-hairline);text-align:center;border-radius:16px;margin-bottom:18px;padding:18px}.group-view__invite h2{font-family:var(--font-display);margin:0 0 4px;font-size:1.1rem}.group-view__invite p{color:var(--color-text-dim);margin:0 0 12px;font-size:.9rem}.group-view__invite .btn{align-items:center;gap:8px;display:inline-flex}