.ob-page{min-height:100dvh;display:flex;flex-direction:column;padding:28px clamp(20px,6vw,64px) 60px;background:var(--canvas);color:var(--ink)}.ob-header{justify-content:space-between;gap:12px}.ob-header,.ob-header-end{display:flex;align-items:center}.ob-header-end{gap:14px}.ob-progress{display:flex;gap:6px}.ob-progress>i{display:block;width:28px;height:4px;border-radius:var(--radius-pill);background:var(--progress-planned)}.ob-progress>i.is-done{background:var(--accent)}.ob-main{flex:1 1;display:flex;min-width:0}.ob-step{width:100%;max-width:520px;margin:auto;padding:40px 0}.ob-stepnum{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.ob-step>h1{font-size:var(--text-headline);line-height:1.2;letter-spacing:var(--tracking-headline);font-weight:var(--weight-display);margin-bottom:12px;outline:none}.ob-help{font-size:15px;line-height:1.65;margin:0 0 26px;overflow-wrap:anywhere}.ob-form,.ob-invite{gap:21px}.ob-field,.ob-form,.ob-invite{display:flex;flex-direction:column}.ob-field{gap:8px;min-width:0;font-size:var(--text-label);font-weight:var(--weight-medium)}.ob-field input,.ob-field textarea{font-size:var(--text-label);font-weight:var(--weight-regular)}.ob-field small{font-size:var(--text-meta);color:var(--secondary)}.ob-error,.ob-field small{font-weight:var(--weight-regular);margin-top:-3px}.ob-form>.ob-error,.ob-invite>.ob-error{margin-top:-12px}.ob-quiet{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:var(--weight-medium);color:var(--accent);background:none;border:0;padding:4px 0;cursor:pointer}.ob-quiet:hover:not(:disabled){color:var(--accent);text-decoration:underline;text-underline-offset:2px}.ob-quiet:disabled{color:var(--secondary)}.ob-actions{margin-top:12px}.ob-invite-people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.ob-member{display:grid;grid-gap:12px;gap:12px;padding-bottom:16px;border-bottom:var(--border-hair)}.ob-member:last-child{border-bottom:0;padding-bottom:0}.ob-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.ob-member-access{display:flex;align-items:center;gap:6px;min-width:0}.ob-member-access>.space-select{flex:1 1}.ob-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ob-sent{display:inline-flex;align-items:center;gap:6px;margin-top:-6px;font-size:13px;color:var(--sage-ink)}.ob-invited{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column}.ob-invited li{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:var(--border-hair)}.ob-invited li:first-child{border-top:0}.ob-invited li>svg{color:var(--accent)}.ob-invited-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1}.ob-invited-text strong{font-size:14px;font-weight:var(--weight-medium);overflow-wrap:anywhere}.ob-invited-text small{font-size:12.5px;color:var(--secondary);overflow-wrap:anywhere}.ob-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.ob-done>h1{margin-bottom:0}.ob-done>.ob-help{margin:0 0 12px;max-width:46ch}.ob-done-mark{display:inline-flex;color:var(--accent)}@media (max-width:599px){.ob-member-grid{grid-template-columns:minmax(0,1fr)}.ob-member-grid .ob-visually-hidden{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}.ob-header-end{gap:8px}}.pk-step{max-width:480px}.pk-icon{display:inline-grid;place-items:center;width:60px;height:60px;margin-bottom:22px;border-radius:18px;background:var(--sage);color:var(--accent)}.pk-error{margin:-10px 0 18px}.pk-actions{align-items:flex-start;gap:14px}.pk-actions,.pk-points{display:flex;flex-direction:column}.pk-points{margin:30px 0 0;padding:18px 0 0;border-top:var(--border-hair);list-style:none;gap:8px;font-size:var(--text-meta);line-height:1.55;color:var(--secondary)}.pk-points li:before{content:"—";margin-right:8px;color:var(--accent)}.pk-offer-text{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--secondary)}@media (max-width:599px){.pk-actions>.button{align-self:stretch}}