:root{--color-primary: #9333EA;--color-primary-dark: #7C3AED;--color-primary-light: #A855F7;--color-secondary: #C084FC;--color-secondary-dark: #A855F7;--color-secondary-light: #DDD6FE;--color-background: #FFFFFF;--color-surface: #FAF5FF;--color-text-primary: #1A1A1A;--color-text-secondary: #6C757D;--color-text-light: #9CA3AF;--color-success: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--color-info: #3B82F6;--color-border: #E9D5FF;--color-divider: #DDD6FE;--shadow-sm: 0 1px 2px 0 rgba(147, 51, 234, .05);--shadow-md: 0 4px 6px -1px rgba(147, 51, 234, .1);--shadow-lg: 0 10px 15px -3px rgba(147, 51, 234, .15);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Montserrat,sans-serif;margin:0;padding:0;width:100%;height:100%;scrollbar-width:none;-ms-overflow-style:none}html *,body *,#root *{font-family:Montserrat,sans-serif}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}#root{width:100%;min-height:100vh;scrollbar-width:none;-ms-overflow-style:none}#root::-webkit-scrollbar{display:none}.onboarding-slide{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-image-container{margin-bottom:var(--spacing-2xl);width:100%;display:flex;justify-content:center}.slide-image{width:280px;height:280px;display:flex;align-items:center;justify-content:center;font-size:120px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.slide-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xl)}.slide-content{margin-bottom:var(--spacing-2xl);width:100%}.slide-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.2}.slide-description{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6;max-width:400px;margin:0 auto}.slide-actions{width:100%;max-width:400px}.primary-button{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit;box-shadow:var(--shadow-md)}.primary-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.primary-button:active{transform:translateY(0)}@media(max-width:768px){.slide-image{width:220px;height:220px;font-size:100px}.slide-title{font-size:1.75rem}.slide-description{font-size:1rem}.primary-button{padding:var(--spacing-md) var(--spacing-lg)}}@media(max-width:480px){.slide-image{width:180px;height:180px;font-size:80px}.slide-title{font-size:1.5rem}}.onboarding-container{min-height:100vh;display:flex;flex-direction:column;background:var(--color-background);position:relative;font-family:Montserrat}.onboarding-container *{font-family:Montserrat}.onboarding-header{padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:flex-end;position:absolute;top:0;left:0;right:0;z-index:10}.skip-button{background:transparent;border:none;color:var(--color-text-secondary);font-size:1rem;font-weight:500;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:color var(--transition-base);font-family:inherit}.skip-button:hover{color:var(--color-text-primary)}.onboarding-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-xl);padding-top:calc(var(--spacing-2xl) + 60px)}.onboarding-footer{padding:var(--spacing-xl);display:flex;justify-content:center}.dots-indicator{display:flex;gap:var(--spacing-sm);align-items:center}.dot{width:8px;height:8px;border-radius:var(--radius-full);border:none;background:var(--color-border);cursor:pointer;transition:all var(--transition-base);padding:0}.dot:hover{background:var(--color-text-light)}.dot.active{width:24px;background:var(--color-primary)}@media(max-width:768px){.onboarding-header{padding:var(--spacing-md) var(--spacing-lg)}.onboarding-content{padding:var(--spacing-xl) var(--spacing-lg);padding-top:calc(var(--spacing-xl) + 50px)}.onboarding-footer{padding:var(--spacing-lg)}}.login-container{height:100vh;max-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);overflow:hidden;box-sizing:border-box;font-family:Montserrat}.login-content{width:100%;height:100%;max-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;animation:fadeInUp .5s ease-out;gap:clamp(1rem,3vh,3rem);box-sizing:border-box;padding:0 0 clamp(.5rem,1vh,1rem);font-family:Montserrat}.login-container *,.login-content *{font-family:Montserrat}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{width:100%;min-height:clamp(120px,20vh,200px);position:relative;flex-shrink:0;background:radial-gradient(circle at center,#e1d6ff 0% 20%,#e1d6ffcc 30%,#e1d6ff66 40%,#ffffff1a 80%,#fff)}.login-header-top-left{display:flex;align-items:center;justify-content:flex-start}.login-header-top-left img{width:clamp(125px,30vw,194px);aspect-ratio:194 / 262;object-fit:cover}.login-header-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:clamp(212px,30vw,340px);margin:0 auto}.login-header-brunch,.login-header-bay,.login-header-description{margin:0;text-align:center;color:"#000000"}.login-header-brunch{font-size:clamp(26px,9vw,34px);font-weight:900;color:var(--color-text-primary);line-height:.8}.login-header-bay{font-size:clamp(42px,18.4vw,69px);font-weight:900;color:var(--color-text-primary);line-height:.7}.login-header-description{font-size:clamp(16px,4.5vw,20px);font-weight:600;line-height:1;padding-top:20px}.login-header-bottom-right{display:flex;align-items:center;justify-content:flex-end}.login-header-bottom-right img{width:clamp(200px,45vw,320px);aspect-ratio:320 / 213;object-fit:cover}.login-title{font-size:clamp(1.25rem,min(4vw,5vh),2rem);font-weight:700;color:var(--color-text-primary);line-height:1.2;margin:0}.login-subtitle{font-size:clamp(.875rem,min(2vw,2.5vh),1rem);color:var(--color-text-secondary);line-height:1.5;margin:0}.login-image-container{width:100%;display:flex;justify-content:center;align-items:center;flex:1;min-height:0;margin-top:clamp(1.5rem,4vh,3rem)}.login-image-container img{width:clamp(200px,min(50vw,40vh),400px);height:clamp(200px,min(50vw,40vh),400px);max-width:90%;max-height:50vh;object-fit:cover;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.login-options{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vh,1rem);width:100%;max-width:400px;flex-shrink:0;padding:0 clamp(1rem,2vh,2rem)}.sign-in-button{width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,1vw,1rem);padding:clamp(.75rem,2vh,1rem) clamp(1rem,3vw,2rem);border:0;border-radius:var(--radius-lg);background:var(--color-background);color:var(--color-text-primary);font-size:clamp(.875rem,2vw,1rem);font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.sign-in-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(147,51,234,.1),transparent);transition:left var(--transition-slow)}.sign-in-button:hover:before{left:100%}.sign-in-button:hover{border:0;background:var(--color-surface);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sign-in-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button-icon{width:clamp(18px,3vw,24px);height:clamp(18px,3vw,24px);flex-shrink:0}.gmail-button{background:#f1f1f1}.gmail-button:hover{background:#f5efff}.apple-button{background:var(--color-text-primary);color:var(--color-background);border:0}.apple-button:hover{background:var(--color-text-primary);border:0;opacity:.9}.apple-button .button-icon{color:var(--color-background)}.guest-button{border:0;color:var(--color-primary);background:#f1f1f1}.guest-button:hover{background:#f5efff;border:0}.guest-button .button-icon{color:var(--color-primary);stroke-width:2}.guest-button:hover .button-icon{color:var(--color-primary)}.login-footer{text-align:center;flex-shrink:0;padding:0 clamp(1rem,2vh,2rem)}.login-terms{font-size:clamp(.75rem,1.5vw,.875rem);color:var(--color-text-light);line-height:1.6}.login-terms .link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--transition-base)}.login-terms .link:hover{color:var(--color-primary-dark);text-decoration:underline}@media(max-height:600px){.login-content{gap:clamp(.5rem,1.5vh,1.5rem)}.login-header{min-height:clamp(80px,15vh,120px);gap:clamp(.25rem,1.5vh,1rem)}.login-image-container img{width:clamp(180px,min(45vw,35vh),350px);height:clamp(180px,min(45vw,35vh),350px);max-height:35vh}}@media(max-height:500px){.login-image-container{display:none}.login-content{gap:clamp(.25rem,1vh,1rem)}.login-header{min-height:clamp(60px,12vh,100px);gap:clamp(.25rem,1vh,.75rem)}}