@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#0f172a;--body:#334155;--muted:#64748b;--mist:#f8fafc;--soft:#f1f5f9;--line:#e2e8f0;--pink:#ff007a;--pink-active:#d90068;--orange:#ff7a00;--purple:#7928ca;--cyan:#00a9a5;--blue:#007cf0;--warm-weave:linear-gradient(120deg, #ff7a00 0%, #ff007a 50%, #7928ca 100%);--cool-weave:linear-gradient(120deg, #00a9a5 0%, #007cf0 100%);background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--mist);min-width:320px}body{background:radial-gradient(circle at 8% 8%, #ff7a0017, transparent 25rem), radial-gradient(circle at 91% 18%, #007cf014, transparent 28rem), var(--mist);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #007cf061}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.05em;line-height:.98}h1{font-size:clamp(2.7rem,6vw,5.5rem);font-weight:600}h2{margin-bottom:16px;font-size:clamp(2rem,4vw,3.2rem);font-weight:600}h3{font-size:1.75rem}.site-shell{width:min(1280px,100% - 64px);min-height:100vh;margin:0 auto}.masthead{border-bottom:1px solid #0f172a1f;justify-content:space-between;align-items:center;min-height:88px;display:flex}.brand-link{width:208px;height:52px;display:block}.brand-link img{object-fit:contain;object-position:left center;width:100%;height:100%;display:block}.header-meta{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;font-size:.72rem;font-weight:700;display:flex}.room-status{border:1px solid var(--line);min-height:30px;color:var(--ink);background:#fff;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.status-generating{color:var(--pink-active);border-color:#ff007a4d}.status-ready{color:#005eb8;border-color:#007cf04d}.eyebrow{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px;font-size:.72rem;font-weight:700}.home-hero{grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr);align-items:center;gap:clamp(48px,8vw,112px);min-height:calc(100vh - 88px);padding:72px 0;display:grid}.hero-copy h1{max-width:760px;margin-bottom:28px;font-size:clamp(4rem,8vw,7.4rem)}.hero-copy h1 span{color:#0000;background:var(--warm-weave);-webkit-background-clip:text;background-clip:text;display:block}.hero-intro{max-width:610px;color:var(--body);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.weave-illustration{width:min(570px,100%);height:130px;margin-top:40px;position:relative;overflow:hidden}.strand{border-radius:50%;width:106%;height:64px;position:absolute;left:-3%}.strand-warm{border-top:9px solid var(--pink);box-shadow:-150px -2px 0 -1px var(--orange), 160px -1px 0 -1px var(--purple);top:4px;transform:rotate(5deg)}.strand-cool{border-top:9px solid var(--blue);box-shadow:-170px -1px 0 -1px var(--cyan);top:58px;transform:rotate(-5deg)}.node{z-index:2;border:4px solid var(--pink);background:#fff;border-radius:50%;width:18px;height:18px;position:absolute}.node-one{border-color:var(--orange);top:46px;left:17%}.node-two{top:53px;left:49%}.node-three{border-color:var(--blue);top:45px;right:17%}.create-panel,.join-panel,.preferences-panel,.participant-panel,.generate-panel{border:1px solid var(--line);background:#ffffffed;border-radius:24px;position:relative}.create-panel:before,.preferences-panel:before{background:var(--warm-weave);content:"";border-radius:24px 24px 0 0;height:7px;position:absolute;inset:-1px -1px auto}.create-panel{padding:34px}.panel-heading,.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel-heading{flex-direction:row-reverse;margin-bottom:28px}.panel-heading h2{margin-bottom:0;font-size:2.3rem}.step-number,.participant-count{color:#fff;background:var(--warm-weave);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:.78rem;font-weight:800;display:grid}.field{color:var(--body);gap:8px;margin-bottom:20px;font-size:.84rem;font-weight:700;display:grid}.field input,.share-controls input{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:0 14px}.field input:focus,.share-controls input:focus{border-color:var(--blue);outline:3px solid #007cf024}fieldset{border:0;min-width:0;margin:0;padding:0}.choice-group{margin:25px 0}.choice-group legend,.preference-section legend{color:var(--body);margin-bottom:12px;font-size:.84rem;font-weight:700}.period-choices,.budget-choices,.pace-choices{gap:8px;display:grid}.period-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.period-choices button,.budget-choices button{border:1px solid var(--line);background:var(--mist);cursor:pointer;border-radius:12px;min-height:64px;padding:10px}.period-choices strong,.period-choices small,.budget-choices span,.budget-choices small{display:block}.period-choices strong,.budget-choices span{font-size:.8rem}.period-choices small,.budget-choices small{color:var(--muted);margin-top:4px;font-size:.66rem;line-height:1.25}.period-choices button.selected,.budget-choices button.selected{border-color:var(--pink);box-shadow:inset 0 0 0 1px var(--pink);background:#ff007a0a}.budget-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.primary-button,.secondary-button,.swap-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:48px;font-size:.86rem;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:var(--pink-active);border:0;width:100%}.primary-button:hover:not(:disabled){background:#b80058}.primary-button:disabled,.secondary-button:disabled,.swap-button:disabled,.vote-row button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{border:1px solid var(--ink);color:var(--ink);background:#fff;padding:0 20px}.secondary-button:hover{color:#fff;background:var(--ink)}.text-button{color:#005eb8;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:.82rem;font-weight:700;text-decoration:underline}.create-panel>.text-button{margin:10px auto 0;display:block}.inline-error,.connection-banner{color:#991b1b;background:#fff7f7;border:1px solid #b91c1c40;border-radius:10px;padding:12px 14px;font-size:.82rem;line-height:1.5}.how-it-works{border-top:1px solid var(--line);grid-template-columns:1fr 1.25fr;gap:72px;padding:88px 0 104px;display:grid}.how-it-works h2{max-width:460px}.how-it-works ol{margin:0;padding:0;list-style:none}.how-it-works li{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr;align-items:center;gap:20px;padding:22px 0;font-size:1.05rem;font-weight:700;display:grid}.how-it-works li span{color:var(--pink-active);font-size:.72rem}.room-main{padding:56px 0 112px}.room-summary{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;margin-bottom:48px;padding-bottom:38px;display:grid}.room-summary h1{margin-bottom:0;font-size:clamp(3rem,6vw,5.8rem)}.room-summary dl{gap:30px;margin:0;display:flex}.room-summary dl div{min-width:85px}.room-summary dt{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:.67rem;font-weight:700}.room-summary dd{margin:0;font-size:.9rem;font-weight:700}.room-grid,.preference-layout{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);align-items:start;gap:28px;display:grid}.join-panel,.generate-panel,.participant-panel{padding:clamp(24px,4vw,40px)}.join-panel{background:linear-gradient(white, white) padding-box, var(--warm-weave) border-box;border:2px solid #0000}.join-panel h2,.generate-panel h2{max-width:620px}.panel-copy,.generate-panel>p,.share-panel p,.generating-panel>p{max-width:620px;color:var(--body);line-height:1.65}.join-panel form{max-width:460px;margin-top:32px}.section-heading h2{margin-bottom:0;font-size:1.65rem}.participant-count{background:var(--cool-weave);width:38px;height:38px}.participant-list{margin:25px 0 0;padding:0;list-style:none}.participant-list li{border-top:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.participant-avatar{color:#005eb8;background:#007cf017;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.participant-list strong,.participant-list small{display:block}.participant-list strong{font-size:.88rem}.participant-list small{color:var(--muted);margin-top:4px;font-size:.7rem}.ready-dot{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.ready-dot:before{content:"";background:#94a3b8;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.ready-dot.is-ready{color:#006c68}.ready-dot.is-ready:before{background:var(--cyan)}.preferences-panel{padding:clamp(24px,5vw,52px)}.preference-section{border-top:1px solid var(--line);padding:28px 0}.preference-section legend{color:var(--ink);margin-bottom:5px;font-size:1rem}.preference-section>p{color:var(--muted);margin-bottom:16px;font-size:.78rem}.chip-list{flex-wrap:wrap;gap:8px;display:flex}.choice-chip{text-transform:capitalize;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;min-height:42px;padding:0 15px;font-size:.8rem;font-weight:600}.choice-chip.selected{border-color:var(--pink);color:#a0004d;background:#ff007a0f}.pace-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.pace-choices label{border:1px solid var(--line);background:var(--mist);cursor:pointer;border-radius:12px;min-height:88px;padding:16px}.pace-choices label.selected{border-color:var(--blue);background:#007cf00d}.pace-choices input{opacity:0;position:absolute}.pace-choices strong,.pace-choices small{text-transform:capitalize;display:block}.pace-choices small{color:var(--muted);margin-top:7px;font-size:.68rem;line-height:1.35}.form-actions{align-items:center;gap:18px;display:flex}.form-actions .primary-button{max-width:330px}.share-panel{background:linear-gradient(120deg,#00dfd814,#007cf014);border:1px solid #007cf033;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(380px,.75fr);align-items:end;gap:48px;margin-bottom:28px;padding:32px;display:grid}.share-panel h2{margin-bottom:8px;font-size:2rem}.share-panel p{margin-bottom:0;font-size:.85rem}.share-controls{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.lobby-grid{grid-template-columns:minmax(340px,.7fr) minmax(0,1.3fr)}.generate-panel{overflow:hidden}.generate-panel:after{content:"";border:30px solid #ff007a0f;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-135px;right:-110px}.generate-panel>*{z-index:1;position:relative}.generate-panel .primary-button{max-width:330px}.your-preferences{border-left:4px solid var(--pink);background:var(--mist);margin:28px 0;padding:18px}.your-preferences span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:700}.your-preferences p{text-transform:capitalize;margin:8px 0 2px;line-height:1.5}.generating-panel,.state-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:56px;display:flex}.generating-panel h2,.state-panel h1{max-width:750px}.generating-panel>p,.state-panel>p{max-width:590px}.generating-weave{width:220px;height:130px;margin-bottom:32px;position:relative}.generating-weave span{border-top:8px solid var(--pink);border-radius:50%;width:200px;height:70px;animation:1.6s ease-in-out infinite alternate weave-pulse;position:absolute;top:55px;left:10px}.generating-weave span:nth-child(2){border-color:var(--blue);animation-delay:-.8s;top:5px;transform:rotate(180deg)}.generating-weave i{border:5px solid var(--pink);background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;top:54px;left:99px}@keyframes weave-pulse{0%{opacity:.7;transform:translateY(-4px)scaleX(.94)}to{opacity:1;transform:translateY(4px)scaleX(1.04)}}.generating-weave span:nth-child(2){animation-name:weave-pulse-cool}@keyframes weave-pulse-cool{0%{opacity:.7;transform:rotate(180deg)translateY(-4px)scaleX(.94)}to{opacity:1;transform:rotate(180deg)translateY(4px)scaleX(1.04)}}.generation-steps{gap:8px;margin-top:24px;display:flex}.generation-steps span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-size:.72rem;font-weight:700}.itinerary-heading{justify-content:space-between;align-items:end;gap:32px;margin:68px 0 32px;display:flex}.itinerary-heading h2{margin-bottom:0}.itinerary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:68px;display:grid;position:relative}.itinerary-grid:before{background:var(--warm-weave);content:"";border-radius:999px;height:7px;position:absolute;top:31px;left:8%;right:8%}.activity-card{min-width:0;padding-top:66px;position:relative}.timeline-marker{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;top:8px;left:24px}.timeline-marker span{border:5px solid var(--pink);background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:.68rem;font-weight:800;display:grid}.activity-card:first-child .timeline-marker span{border-color:var(--orange)}.activity-card:nth-child(3) .timeline-marker span{border-color:var(--purple)}.timeline-marker strong{background:#fff;border-radius:999px;padding:6px 9px;font-size:.72rem}.activity-image{border:1px solid var(--line);background:var(--soft);border-radius:20px 20px 0 0;height:230px;position:relative;overflow:hidden}.activity-image img{object-fit:cover;width:100%;height:100%}.activity-image>span{color:var(--ink);text-transform:uppercase;background:#ffffffe6;border:1px solid #ffffffd9;border-radius:999px;padding:7px 10px;font-size:.65rem;font-weight:800;position:absolute;top:14px;left:14px}.activity-content{border:1px solid var(--line);background:#fff;border-top:0;border-radius:0 0 20px 20px;min-height:515px;padding:24px}.activity-meta{color:#005eb8;justify-content:space-between;margin-bottom:13px;font-size:.72rem;font-weight:800;display:flex}.activity-meta span{color:var(--pink-active)}.activity-content h3{min-height:54px;margin-bottom:10px}.address{min-height:42px;color:var(--muted);font-size:.72rem;line-height:1.45}.explanation{border-left:4px solid var(--pink);min-height:126px;color:var(--body);background:#ff007a0a;margin:20px 0;padding:15px;font-size:.83rem;line-height:1.58}.activity-content details{border-bottom:1px solid var(--line);margin-bottom:18px}.activity-content summary{cursor:pointer;padding:10px 0;font-size:.75rem;font-weight:700}.activity-content details p{color:var(--body);font-size:.76rem;line-height:1.55}.vote-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vote-row button{border:1px solid var(--line);background:var(--mist);cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;min-height:42px;padding:0 11px;font-size:.7rem;font-weight:700;display:flex}.vote-row button.vote-selected{border-color:var(--blue);color:#005eb8;background:#007cf012}.vote-row button span{background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.swap-button{border:1px solid var(--ink);width:100%;color:var(--ink);background:#fff;margin-top:10px}.swap-button:hover:not(:disabled){color:#fff;background:var(--ink)}.state-panel{min-height:calc(100vh - 88px)}.state-panel.compact{min-height:380px}.state-spinner{border:5px solid var(--line);border-top-color:var(--pink);border-radius:50%;width:52px;height:52px;margin-bottom:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button-link{width:auto;min-width:180px;padding:0 22px;text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1020px){.home-hero{grid-template-columns:1fr}.hero-copy{padding-top:32px}.create-panel{width:min(680px,100%)}.room-grid,.preference-layout,.lobby-grid{grid-template-columns:1fr}.participant-panel{order:2}.itinerary-grid{grid-template-columns:1fr;gap:10px;padding-left:62px}.itinerary-grid:before{width:7px;height:auto;top:42px;bottom:42px;left:23px}.activity-card{padding-top:24px}.timeline-marker{top:22px;left:-62px}.timeline-marker strong{transform:translate(54px)}.activity-content,.activity-content h3,.address,.explanation{min-height:0}.share-panel{grid-template-columns:1fr;gap:20px}}@media (width<=720px){.site-shell{width:min(1280px,100% - 28px)}.masthead{min-height:74px}.brand-link{width:170px;height:46px}.header-meta>span:first-child{display:none}.home-hero{gap:50px;min-height:auto;padding:58px 0 72px}.hero-copy h1{font-size:clamp(3.3rem,16vw,5rem)}.weave-illustration{height:100px}.create-panel,.join-panel,.participant-panel,.generate-panel,.preferences-panel,.share-panel{border-radius:16px}.create-panel,.join-panel,.participant-panel,.generate-panel,.preferences-panel{padding:23px}.period-choices,.pace-choices{grid-template-columns:1fr}.period-choices button{text-align:left;min-height:54px}.budget-choices{grid-template-columns:1fr 1fr}.how-it-works{grid-template-columns:1fr;gap:18px;padding:64px 0 80px}.room-main{padding-top:34px}.room-summary{grid-template-columns:1fr;gap:24px}.room-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.room-summary dd{overflow-wrap:anywhere}.share-panel{padding:23px}.share-controls{grid-template-columns:1fr}.share-controls .secondary-button{width:100%}.form-actions{flex-direction:column;align-items:stretch}.form-actions .primary-button{max-width:none}.generating-panel,.state-panel{min-height:450px;padding:40px 12px}.itinerary-heading{flex-direction:column;align-items:flex-start}.itinerary-grid{padding-left:44px}.itinerary-grid:before{left:16px}.timeline-marker{left:-44px}.timeline-marker span{border-width:4px;width:38px;height:38px}.timeline-marker strong{transform:translate(42px)}.activity-image{height:190px}.activity-image>span{left:auto;right:14px}.activity-content{padding:20px}.vote-row{grid-template-columns:1fr}.participant-list li{grid-template-columns:40px minmax(0,1fr)}.ready-dot{grid-column:2}}