:root{--color-primary: #6366f1;--color-primary-hover: #5558e3;--color-primary-glow: rgba(99, 102, 241, .45);--color-accent: #8b5cf6;--color-surface: #0f1117;--color-surface-elevated: #1c1f28;--color-surface-inset: #12151c;--color-text: rgba(255, 255, 255, .94);--color-text-muted: rgba(255, 255, 255, .58);--color-border: rgba(255, 255, 255, .14);--color-border-light: rgba(255, 255, 255, .07);--color-success: #22c55e;--color-error: #ef4444;--shadow-panel: 0 8px 32px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .04) inset;--shadow-panel-hover: 0 12px 40px rgba(0, 0, 0, .4);--shadow-cta: 0 6px 20px var(--color-primary-glow);--gradient-body: radial-gradient(ellipse 120% 80% at 50% -20%, rgba(99, 102, 241, .18), transparent 55%), radial-gradient(ellipse 80% 50% at 100% 0%, rgba(139, 92, 246, .1), transparent 45%), var(--color-surface);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #7c3aed 100%);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--font-family: system-ui, -apple-system, "Segoe UI", Avenir, Helvetica, Arial, sans-serif;--font-size-base: 16px;--font-size-sm: .9rem;--font-size-xs: .85rem;--line-height-tight: 1.25;--line-height-body: 1.5;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-body);font-weight:400;color:var(--color-text);background:var(--gradient-body);background-attachment:fixed;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100vh}.app{width:100%;max-width:480px;padding:24px;box-sizing:border-box}.panel{background:var(--color-surface-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4);box-sizing:border-box;box-shadow:var(--shadow-panel)}.panel-accent{border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border-light));background:linear-gradient(165deg,color-mix(in srgb,var(--color-primary) 7%,var(--color-surface-elevated)) 0%,var(--color-surface-elevated) 48%)}@media(max-width:360px){.panel{padding:var(--space-3)}.app{padding:16px}.home-band-options{grid-template-columns:repeat(2,1fr)}.home-flow-options{grid-template-columns:1fr}}.btn-primary{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-cta)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5558e3,#6d28d9);border-color:transparent;box-shadow:0 8px 24px var(--color-primary-glow)}.btn-secondary{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.result-card{background:var(--color-surface-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-2);animation:result-enter .35s ease-out}@media(max-width:360px){.result-card{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){.result-card{animation:none}}@keyframes result-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.room-steps{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted)}.room-steps-wrapper{margin-bottom:var(--space-4)}.room-steps-wrapper .room-steps{margin-bottom:0}.room-steps-waiting{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.room-step{display:flex;align-items:center;gap:var(--space-1)}.room-step-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border);background:transparent;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.room-step{display:inline-flex;align-items:center;gap:var(--space-2)}.room-step-dot.done{border-color:var(--color-success);background:var(--color-success);color:#fff}.room-step-dot.current{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.room-step-sep{width:24px;height:2px;background:var(--color-border);flex-shrink:0}.room-step-sep.done{background:var(--color-success)}.loading-room{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) 0}.loading-room.panel{padding:var(--space-6) var(--space-4)}.loading-room-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.loading-room-spinner{animation:none;border-top-color:var(--color-primary);border-color:var(--color-primary);opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}.loading-room-text{color:var(--color-text-muted)}.home-create-btn.loading{position:relative;color:transparent}.home-create-btn.loading:after{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;color:var(--color-text)}@media(prefers-reduced-motion:reduce){.home-create-btn.loading:after{animation:none;border-top-color:currentColor;opacity:.7}}.waiting-dots{display:flex;gap:6px;margin:var(--space-4) 0;justify-content:center}.waiting-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);opacity:.5;animation:waiting-bounce 1.4s ease-in-out infinite both}.waiting-dot:nth-child(1){animation-delay:0s}.waiting-dot:nth-child(2){animation-delay:.2s}.waiting-dot:nth-child(3){animation-delay:.4s}@media(prefers-reduced-motion:reduce){.waiting-dot{animation:none;opacity:.7}}@keyframes waiting-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.home-page,.room-page{display:flex;flex-direction:column;gap:var(--space-4)}.page-hero,.home-hero{margin-bottom:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.page-hero--compact{padding-bottom:var(--space-3)}.page-hero-brand,.home-hero-brand{display:flex;align-items:center;gap:var(--space-3)}.page-hero-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.page-hero-link:hover{color:inherit}.page-logo-mark,.home-logo-mark{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--gradient-primary);box-shadow:0 4px 16px var(--color-primary-glow);font-size:1rem;line-height:1;flex-shrink:0}.page-hero h1,.home-hero h1{margin:0;font-size:clamp(1.85rem,6vw,2.35rem);letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#ffffffbf);-webkit-background-clip:text;background-clip:text;color:transparent}.page-hero-title{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#ffffffbf);-webkit-background-clip:text;background-clip:text;color:transparent}.page-hero-tagline,.home-tagline{font-size:1rem;color:var(--color-text-muted);margin:var(--space-2) 0 var(--space-3);line-height:1.45;max-width:28rem}.page-hero-subtitle{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted);margin:var(--space-2) 0 0;text-transform:uppercase;letter-spacing:.1em}.page-hero-badges,.home-hero-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.page-hero-badge,.home-hero-badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em;color:color-mix(in srgb,var(--color-primary) 85%,white);background:color-mix(in srgb,var(--color-primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent)}.home-section.panel{display:flex;flex-direction:column;gap:var(--space-2)}.home-section.panel+.home-section.panel{margin-top:0}.home-onboarding-steps{list-style:none;margin:0;padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);border-style:dashed;border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border-light));background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface-elevated))}.home-onboarding-step{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-xs);line-height:1.4}.home-onboarding-step-title{font-weight:700;font-size:var(--font-size-sm);color:var(--color-text)}.home-onboarding-step-body{color:var(--color-text-muted)}@media(min-width:768px){.home-onboarding-steps{flex-direction:row;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.home-onboarding-step{flex:1;min-width:0}}.home-flow-subtitles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.home-flow-subtitle{margin:0;font-size:var(--font-size-xs);line-height:1.35;color:var(--color-text-muted)}.home-privacy-details{margin-bottom:0;border-style:dashed;border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border-light));background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface-elevated))}.home-privacy-details summary{cursor:pointer;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);list-style:none;padding:var(--space-1) 0;display:flex;align-items:center;gap:var(--space-2)}.home-privacy-details summary:before{content:"▸";display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-primary);font-size:.75rem;transition:transform .15s ease;flex-shrink:0}.home-privacy-details[open] summary:before{transform:rotate(90deg)}.home-privacy-details summary::-webkit-details-marker{display:none}.home-privacy-details summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm)}.home-privacy-details-body{margin:var(--space-2) 0 0;padding:0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.55}.home-onboarding{margin-bottom:0;border-style:dashed;border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border-light));background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface-elevated))}.home-onboarding summary{cursor:pointer;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);list-style:none;padding:var(--space-1) 0;display:flex;align-items:center;gap:var(--space-2)}.home-onboarding summary:before{content:"▸";display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-primary);font-size:.75rem;transition:transform .15s ease;flex-shrink:0}.home-onboarding[open] summary:before{transform:rotate(90deg)}.home-onboarding summary::-webkit-details-marker{display:none}.home-onboarding summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm)}.home-onboarding-body{margin:var(--space-2) 0 0;padding:0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.55}.home-onboarding-body ol{margin:0;padding-left:1.25rem}.home-onboarding-body li{margin-bottom:var(--space-2)}.home-onboarding-body li:last-child{margin-bottom:0}.home-onboarding-privacy{margin:var(--space-3) 0 0;padding-left:1rem;border-left:2px solid var(--color-border)}.home-scale-note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--space-2) 0 0;line-height:1.45}.home-scale-detail{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);line-height:1.5}.trust-card,.home-trust-block{margin-top:var(--space-1)}.trust-card.panel,.home-trust-block.panel{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-success);background:color-mix(in srgb,var(--color-success) 6%,var(--color-surface-elevated))}.trust-card-icon,.home-trust-icon{font-size:1.15rem;line-height:1.4;flex-shrink:0;opacity:.92}.trust-card-text,.home-trust-block .home-trust,.trust-card .room-trust,.trust-card .result-trust{margin:0;color:var(--color-text);line-height:1.45;font-size:var(--font-size-sm)}.section-title,.home-section-title{font-size:.72rem;font-weight:700;color:var(--color-text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.1em;display:block}.home-trust,.room-trust,.band-selector-trust,.result-trust,.waiting-hint,.result-privacy{font-size:var(--font-size-sm);color:var(--color-text-muted)}.home-error,.room-error,.room-submit-error{color:var(--color-error);font-size:var(--font-size-sm)}.home-label{display:block;font-size:.95rem;font-weight:500;margin-bottom:.25rem}.segment-track,.home-flow-options,.result-match-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:var(--radius-md);background:var(--color-surface-inset);border:1px solid var(--color-border-light)}.segment-option,.home-flow-option,.result-match-toggle-btn{min-width:0;padding:.8rem .65rem;border-radius:calc(var(--radius-md) - 3px);border:none;background:transparent;font-weight:600;font-size:.88rem;line-height:1.25;color:var(--color-text-muted);transition:background .2s ease,color .2s ease,box-shadow .2s ease}.segment-option:hover:not(:disabled),.home-flow-option:hover:not(:disabled){color:var(--color-text);border-color:transparent;background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.segment-option-selected,.home-band-option.home-band-option-selected,.home-flow-option.home-band-option-selected,.result-match-toggle-btn-active{border:none;background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px var(--color-primary-glow)}.home-flow-option.home-band-option-selected{color:#fff}.home-band-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.home-band-option{min-width:0;padding:.85rem .5rem;border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-surface-inset);font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}.home-band-option:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.home-band-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--space-3) 0 0;line-height:1.45}.home-message{width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-surface-inset);font-family:inherit;font-size:1rem;resize:vertical;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.home-message:focus{outline:none;border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}.home-number{width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-surface-inset);font-family:inherit;font-size:1rem;box-sizing:border-box;margin-bottom:var(--space-2);transition:border-color .2s ease,box-shadow .2s ease}.home-number:focus{outline:none;border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}.home-create-btn{margin-top:var(--space-2);width:100%;padding:1rem 1.25rem;font-size:1.05rem;font-weight:600;border-radius:var(--radius-lg);letter-spacing:.01em}.home-create-btn.loading:after{color:#fff}.share-section{padding:var(--space-4) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);margin:var(--space-2) 0}.share-section.panel{padding:var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin:0}.share-title{font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0 0 var(--space-3)}.share-trust{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.share-message-block{margin-bottom:var(--space-4)}.share-btn-copied{color:var(--color-success);border-color:var(--color-success);transition:background-color .2s ease,color .2s ease,border-color .2s ease}@media(prefers-reduced-motion:reduce){.share-btn-copied{transition:none}}.share-message-text{font-size:1rem;line-height:1.55;margin:0;color:var(--color-text)}.share-message-link{color:var(--color-primary);text-decoration:underline;word-break:break-all}.share-message-link:hover{color:var(--color-primary-hover)}.share-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.share-link-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.share-link-input{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:color-mix(in srgb,black 20%,transparent);color:inherit;font-size:var(--font-size-sm);min-width:0}.share-btn{flex-shrink:0}.share-btn-primary{width:100%}.share-btn-whatsapp{width:100%;margin-top:6px;text-align:center;text-decoration:none;display:inline-block;box-sizing:border-box;background-color:#25d366;color:#fff;border-color:#25d366}.share-btn-whatsapp:hover{background-color:#20bd5a;border-color:#20bd5a;color:#fff}.band-selector{display:flex;flex-direction:column;gap:.75rem}.band-selector.panel{gap:var(--space-3)}.band-selector-trust{margin:0}.band-selector-field{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.band-select-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.band-selector-select-wrapper{position:relative;width:100%}.band-select-dropdown{width:100%;padding:var(--space-3) 2.5rem var(--space-3) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-surface-inset);color:var(--color-text);font-family:inherit;font-size:1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.band-select-dropdown:focus{outline:none;border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}.band-select-dropdown:disabled{opacity:.6;cursor:not-allowed}.band-selector-arrow{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--color-text-muted);pointer-events:none}.band-selector-extend-btn{width:100%;text-align:center;padding:12px 16px;font-size:var(--font-size-sm);color:var(--color-primary);background:none;border:1px dashed var(--color-border);border-radius:var(--radius-md);transition:background .15s ease,border-color .15s ease;margin-top:var(--space-1)}.band-selector-extend-btn:hover:not(:disabled){border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 8%,transparent)}.band-selector-extend-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-border);color:var(--color-text-muted)}.waiting-view{padding:var(--space-4) 0}.waiting-view.panel{text-align:center;padding:var(--space-4)}.room-steps-wrapper.panel{padding:var(--space-3) var(--space-4);margin-bottom:0}.state-panel,.room-footer,.room-submit-section{display:flex;flex-direction:column;gap:var(--space-3)}.room-footer .room-create-new,.state-panel .room-create-new{margin-top:0;padding-top:0;border-top:none;text-align:center}.room-join-intro.panel{margin:0}.room-join-trust{margin:0 0 var(--space-2)}.room-join-intro .room-submit,.room-submit-section .room-submit-row{margin-top:var(--space-2)}.room-submit-section .room-submit-label{margin-top:0}.waiting-title{font-weight:600;margin-bottom:var(--space-2)}.waiting-role,.room-role{font-size:var(--font-size-sm);color:var(--color-text-muted)}.room-join-intro{margin:var(--space-4) 0}.room-join-intro-text{font-size:1.05rem;margin:0 0 var(--space-2);line-height:1.45}.room-join-intro .room-trust{margin-bottom:var(--space-4)}.room-creator-message{margin:var(--space-3) 0;padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.room-creator-message-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 var(--space-1)}.room-creator-message-text{margin:0;font-size:1rem;line-height:1.5;white-space:pre-wrap}.band-selector-scale-note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:calc(-1 * var(--space-1)) 0 0}.room-submit-row{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:.5rem}.room-submit-row .room-submit{margin-top:0;flex:1}.room-submit-lock{font-size:1rem;line-height:1;opacity:.85}.room-submit-label{display:block;font-size:.95rem;font-weight:500;margin-bottom:var(--space-2)}.result-relation,.result-your-band,.result-match,.result-status,.result-distance,.result-expected-range,.result-match-block{margin:var(--space-2) 0}.result-match-label{font-weight:400;font-size:var(--font-size-sm);color:var(--color-text-muted)}.result-match-toggle{margin-top:var(--space-2)}.result-your-band{font-size:1rem;color:var(--color-text-muted)}.result-relation-word{text-transform:capitalize;font-size:1.5rem;font-weight:700}.result-relation-word--same{color:var(--color-success)}.result-relation-word--higher,.result-relation-word--lower{color:var(--color-primary)}.result-card.panel-accent{box-shadow:var(--shadow-panel)}.result-match strong{font-size:1.75rem;font-weight:700}.result-match strong,.result-status strong{color:var(--color-primary)}.waitlist-cta{margin-top:0}.waitlist-cta.panel{padding:var(--space-4)}.waitlist-cta-done{border-top-color:transparent}.waitlist-cta-title{font-weight:600;margin:0 0 var(--space-1)}.waitlist-cta-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.waitlist-cta-form{display:flex;gap:var(--space-2);flex-wrap:wrap}.waitlist-cta-input{flex:1;min-width:140px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:color-mix(in srgb,black 20%,transparent);color:inherit;font-size:1rem}.waitlist-cta-btn{flex-shrink:0}.waitlist-cta-privacy{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-2) 0 0}.waitlist-cta-message{font-size:var(--font-size-sm);margin-top:var(--space-2);margin-bottom:0}.waitlist-cta-error{color:var(--color-error)}.room-submit{margin-top:.5rem;width:100%}.room-submit:disabled{opacity:.6;cursor:not-allowed}.room-offer-summary{font-size:.95rem;color:var(--color-text-muted);margin:var(--space-2) 0 0}.room-start-over-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-4) 0 0;max-width:36rem}.room-role-row{display:inline-flex;align-items:center;gap:var(--space-1)}.room-role-row .room-role{margin-bottom:0}.identity-nickname{font-size:.875em;color:var(--color-text-muted)}.room-nickname{position:relative;display:inline-flex;align-items:center}.room-nickname-icon{padding:0;border:none;background:none;color:var(--color-text-muted);font-size:.9rem;cursor:pointer}.room-nickname-icon:hover{color:var(--color-text)}.room-nickname-bubble{position:absolute;top:calc(100% + .5rem);left:1.25rem;min-width:16rem;max-width:26rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 100%,black 8%);border:1px solid var(--color-border-light);box-shadow:0 8px 24px #00000052;z-index:20}.room-nickname-bubble-text{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.room-create-new{margin:0;padding:0;border-top:none;font-size:var(--font-size-sm);text-align:center}.room-create-new a,.room-create-new-btn{display:inline-block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;padding:.75rem 1.25rem;border-radius:var(--radius-lg);font-weight:600}.room-create-new a:not(.btn-primary),.room-create-new-btn:not(.btn-primary){background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary);transition:background-color .2s ease,border-color .2s ease}.room-create-new a:not(.btn-primary):hover,.room-create-new-btn:not(.btn-primary):hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.room-locked-badge{display:inline-flex;align-items:center;align-self:flex-start;padding:.25rem .75rem;border-radius:999px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em;background:color-mix(in srgb,var(--color-primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent);color:color-mix(in srgb,var(--color-primary) 85%,white);margin:0}.room-wizard-nav{display:flex;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap}.room-wizard-nav .room-wizard-back{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.room-wizard-nav .room-wizard-back:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}h1{font-size:clamp(1.75rem,5vw,2.5rem);line-height:var(--line-height-tight);font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.02em}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-surface-elevated);color:var(--color-text);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .1s ease}button:hover:not(:disabled){border-color:var(--color-primary)}button:active:not(:disabled){transform:scale(.98)}button:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}}@media(prefers-contrast:more){:root{--gradient-body: var(--color-surface);--gradient-primary: var(--color-primary);--color-border: #ffffff;--color-border-light: #ffffff;--color-text-muted: rgba(255, 255, 255, .95)}}