[data-party-flow=true]{min-height:100dvh;background:radial-gradient(ellipse 190px 140px at 0 0,#c7edfa 96%,transparent 100%),radial-gradient(ellipse 200px 140px at 100% 0,#ffdae7 96%,transparent 100%),#fff9ef}[data-party-flow=true] [data-ui-card]{background-color:#fffdf6;border-color:#244765;border-radius:1.5rem;box-shadow:0 5px 0 #b8dce580}[data-party-flow=true] [data-ui-card=quiet]{border-color:#d3dfe1;box-shadow:none}[data-party-flow=true] [data-ui-button=pink],[data-party-flow=true] [data-ui-button=primary]{background:#e62d73;border-color:#ff99bc;border-radius:999px;box-shadow:0 4px 0 #efabc4}[data-party-flow=true] [data-ui-button=blue]{border-color:#82d2f0;border-radius:999px;box-shadow:0 4px 0 #b4e5f5}[data-party-flow=true] [data-ui-button=neutral],[data-party-flow=true] [data-ui-button=secondary]{border-radius:1rem;box-shadow:none;background:#fffdf6}[data-party-flow=true] input:not([type=checkbox]):not([type=radio]),[data-party-flow=true] select{min-width:0;max-width:100%;font-size:16px}.flow-illustration{overflow:hidden;border-radius:1.5rem;mix-blend-mode:multiply;pointer-events:none}.flow-illustration img{width:100%;height:auto;display:block}.flow-heading{display:flex;align-items:center;gap:1rem}.flow-heading>.flow-illustration{width:110px;flex-shrink:0}.flow-create-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.flow-create-art{display:none}.flow-create-form{min-width:0}.flow-options{border:1px solid #c5dce7;border-radius:1rem;padding:.7rem;background:#eef8fc}.flow-options summary{cursor:pointer;font-weight:700;font-size:.85rem;min-height:28px}.flow-options[open]>div{margin-top:.75rem}.flow-create-form [data-onboard-card]{overflow:visible;height:auto}.flow-create-form [data-onboard-progress]{display:none}.flow-create-form [data-onboard-action]{background:#e62d73;color:white;border:2px solid #ff99bc;border-radius:999px;min-height:52px;box-shadow:0 4px 0 #efabc4}.flow-create-form [data-onboard-action]:disabled{opacity:.55;box-shadow:none}.flow-invite{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:.5rem;padding:1rem;background:#fffdf6;border:2px solid #244765;border-radius:1.5rem;box-shadow:0 4px 0 #c0e8f5}.flow-invite h1{font-size:clamp(1.25rem,5vw,1.8rem)}.flow-invite .flow-illustration{grid-column:2;grid-row:1/span 5}.flow-join-card{margin-top:.7rem!important}.flow-album-header{padding:.8rem 1rem;background:#fffdf6;border:2px solid #244765;border-radius:1.5rem;box-shadow:0 4px 0 #c0e8f5}.flow-album-header .flow-illustration{width:90px;margin-inline-start:auto;flex-shrink:0}.flow-secondary-clips{padding:.65rem;border:1px solid #c5dce7;border-radius:1rem}.flow-secondary-clips summary{cursor:pointer;font-weight:700;min-height:32px}@media(min-width:1024px){.flow-create-layout{grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:start;gap:2rem}.flow-create-art{display:block;position:sticky;top:2rem}.flow-create-art .flow-illustration{width:100%}.flow-heading>.flow-illustration{display:none}}@media(max-width:480px){[data-party-flow=true] main{padding-inline:12px}.flow-heading{gap:.5rem}.flow-heading>.flow-illustration{width:85px}.flow-heading h1{font-size:1.55rem}.flow-invite{grid-template-columns:minmax(0,1fr) 82px}.flow-album-header .flow-illustration{width:65px}[data-party-flow=true] [data-ui-card-padding=lg],[data-party-flow=true] [data-ui-card-padding=md]{padding:1rem}}@media(prefers-reduced-motion:no-preference){.flow-illustration{animation:flow-art-in .45s ease-out both}}@keyframes flow-art-in{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}.flow-create-form [data-onboard-card]>h2{display:none}.flow-create-form [data-onboard-card]>h2+div{margin-top:0}@media(max-width:1023px){[data-party-flow=true] .host-compact-header{padding:.65rem .75rem;border-width:1px;border-radius:1rem;box-shadow:none;flex-wrap:nowrap}.host-compact-header h1{font-size:1.05rem}.host-compact-header p{flex-wrap:wrap;font-size:.7rem}[data-party-flow=true] .host-compact-start [data-ui-button]{min-height:44px;padding:.5rem 1rem;font-size:1rem;box-shadow:none}.host-compact-start svg{width:18px;height:18px}}