.hb-auth .auth-shell{background:linear-gradient(180deg, var(--banner1) 0%, var(--bg) 55%);min-height:100dvh;color:var(--ink);font-family:var(--font);flex-direction:column;display:flex;position:relative;overflow:hidden}.hb-auth .auth-head{z-index:2;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:18px clamp(16px,4vw,40px);display:flex;position:relative}.hb-auth .auth-brand{color:var(--ink);font:900 24px/1 var(--font);letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.hb-auth .auth-brand>span{display:none}.hb-auth .auth-brand strong{font-family:var(--font);font-weight:900}.hb-auth .auth-card-head,.hb-auth .auth-card-head>*{font-family:var(--font)}.hb-auth .auth-head-link{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--panel);height:40px;color:var(--ink);font:800 14px/20px var(--font);cursor:pointer;transition:border-color var(--duration-quick);align-items:center;padding:1px 18px 0;display:inline-flex}.hb-auth .auth-head-link:hover{border-color:var(--muted)}.hb-auth .auth-stage{z-index:1;flex:1;justify-content:center;align-items:flex-start;padding:clamp(12px,4vh,48px) 16px 140px;display:flex;position:relative}.hb-auth .auth-scenery{pointer-events:none;height:260px;position:absolute;inset:auto 0 0}.hb-auth .auth-hills{width:100%;height:100%;position:absolute;inset:auto 0 0}.hb-auth .auth-yumi{width:150px;position:absolute;bottom:70px;left:calc(50% + 250px)}.hb-auth .auth-yumi img{width:100%;height:auto;display:block}.hb-auth .auth-yumi-evening,.hb-auth [data-hb-theme=evening] .auth-yumi-day{display:none}.hb-auth [data-hb-theme=evening] .auth-yumi-evening{display:block}.hb-auth .auth-center{z-index:1;width:100%;max-width:460px;position:relative}.hb-auth .auth-card{border:1px solid var(--line);background:var(--panel);width:100%;box-shadow:var(--shadow-pop);color:var(--ink);text-align:left;border-radius:28px;gap:18px;padding:32px 32px 28px;display:grid}.hb-auth .auth-card-head{text-align:center;gap:6px;margin:0;display:grid}.hb-auth .auth-eyebrow{color:var(--moss-text);font:800 12px/16px var(--font);letter-spacing:.08em;text-transform:uppercase;margin:0;font-style:normal}.hb-auth .auth-title{color:var(--ink);font:900 30px/1.12 var(--font);letter-spacing:-.02em;text-wrap:balance;margin:0}.hb-auth .auth-lede{color:var(--muted);font:400 15px/1.45 var(--font);margin:0}.hb-auth .auth-form{gap:14px;margin:0;display:grid}.hb-auth .auth-field{gap:6px;display:grid}.hb-auth .auth-field label{color:var(--ink);font:800 14px/20px var(--font);padding:0}.hb-auth .auth-input-wrap{align-items:center;display:flex;position:relative}.hb-auth .auth-field input,.hb-auth .verification-code input{border:1px solid var(--line);background:var(--raised);width:100%;height:46px;color:var(--ink);font:400 15px/20px var(--font);box-shadow:none;transition:border-color var(--duration-quick), box-shadow var(--duration-quick);border-radius:14px;padding:1px 16px 0}.hb-auth .auth-field input::placeholder{color:var(--muted);opacity:1}.hb-auth .auth-field input:hover{border-color:color-mix(in srgb, var(--muted) 50%, var(--line))}.hb-auth .auth-field input:focus,.hb-auth .verification-code input:focus{border-color:var(--moss);box-shadow:0 0 0 4px color-mix(in srgb, var(--moss) 20%, transparent);outline:none}.hb-auth .auth-input-wrap:has(.auth-password-toggle) input{padding-right:72px}.hb-auth .auth-password-toggle{border-radius:var(--radius-pill);height:34px;color:var(--moss-text);font:800 13px/20px var(--font);cursor:pointer;background:0 0;border:0;padding:1px 12px 0;position:absolute;right:6px}.hb-auth .auth-password-toggle:hover{background:var(--subtle)}.hb-auth .password-rules{flex-wrap:wrap;gap:6px;margin-top:-4px;display:flex}.hb-auth .password-rules span{border-radius:var(--radius-pill);background:var(--subtle);color:var(--muted);font:700 12px/16px var(--font);align-items:center;padding:4.5px 10px 3.5px;display:inline-flex}.hb-auth .auth-form-row{justify-content:flex-end;margin-top:-4px;display:flex}.hb-auth .auth-text-button,.hb-auth .auth-card-foot button,.hb-auth .auth-card-foot a,.hb-auth .auth-form-row button,.hb-auth .auth-form-row a{color:var(--moss-text);font:800 14px/20px var(--font);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.hb-auth .auth-text-button:hover,.hb-auth .auth-card-foot button:hover,.hb-auth .auth-card-foot a:hover,.hb-auth .auth-form-row button:hover,.hb-auth .auth-form-row a:hover{text-decoration:underline}.hb-auth .auth-submit,.hb-auth .auth-google,.hb-auth .auth-secondary-action{border-radius:var(--radius-pill);width:100%;height:48px;font:800 15px/20px var(--font);cursor:pointer;transition:background-color var(--duration-quick), border-color var(--duration-quick), transform .12s;justify-content:center;align-items:center;gap:10px;padding:1px 20px 0;text-decoration:none;display:inline-flex}.hb-auth .auth-submit{border:1px solid var(--primary);background:var(--primary);color:var(--on-primary)}.hb-auth .auth-google,.hb-auth .auth-secondary-action{border:1px solid var(--line);background:var(--panel);color:var(--ink)}.hb-auth .auth-google:hover,.hb-auth .auth-secondary-action:hover{border-color:var(--muted)}.hb-auth .auth-submit:active,.hb-auth .auth-google:active,.hb-auth .auth-secondary-action:active{transform:scale(.98)}.hb-auth .auth-secondary-action+.auth-secondary-action{margin-top:-8px}.hb-auth .google-mark{background:var(--subtle);color:#4285f4;width:22px;height:22px;font:900 13px/1 var(--font);border-radius:50%;place-items:center;display:inline-grid}.hb-auth .auth-divider{color:var(--muted);font:700 12px/16px var(--font);align-items:center;gap:12px;margin:0;display:flex}.hb-auth .auth-divider:before,.hb-auth .auth-divider:after{content:"";background:var(--divider);flex:1;height:1px}.hb-auth .auth-divider span{background:0 0;padding:0}.hb-auth .auth-form-message,.hb-auth .auth-success-note,.hb-auth .auth-warning-note{font:600 14px/1.4 var(--font);border:0;border-radius:14px;margin:0;padding:11px 14px}.hb-auth .auth-form-message.error,.hb-auth .auth-form-message[data-tone=error]{background:var(--cedar-soft);color:var(--cedar-text)}.hb-auth .auth-form-message:not(.error){background:var(--subtle);color:var(--ink)}.hb-auth .auth-success-note{background:var(--moss-soft);color:var(--moss-text)}.hb-auth .auth-warning-note{background:var(--amber-soft);color:var(--amber-text)}.hb-auth .auth-card-foot{border-top:1px solid var(--divider);color:var(--muted);font:400 14px/20px var(--font);text-align:center;margin:0;padding-top:16px}.hb-auth .auth-confirmation{text-align:center;justify-items:center;gap:12px;display:grid}.hb-auth .auth-confirmation h3{color:var(--ink);font:900 22px/1.2 var(--font);margin:0}.hb-auth .auth-confirmation p{color:var(--muted);font:400 15px/1.45 var(--font);margin:0}.hb-auth .auth-confirmation-icon{background:var(--moss-soft);width:56px;height:56px;color:var(--moss-text);border-radius:50%;place-items:center;display:grid}.hb-auth .auth-confirmation-icon svg{width:26px;height:26px}.hb-auth .verification-code{display:grid}.hb-auth .verification-code input{height:56px;font:800 24px/1 var(--font);letter-spacing:.4em;text-align:center}.hb-auth .auth-code-help{color:var(--muted);font:400 13px/1.4 var(--font);margin:0}.hb-auth .workspace-choice-list{gap:8px;margin:0;display:grid}.hb-auth .workspace-choice{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);font:inherit;text-align:left;transition:border-color var(--duration-quick), background-color var(--duration-quick);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.hb-auth button.workspace-choice{cursor:pointer}.hb-auth button.workspace-choice:hover{border-color:var(--muted);background:var(--raised)}.hb-auth .workspace-choice>span:nth-child(2){flex:1;gap:1px;min-width:0;display:grid}.hb-auth .workspace-choice strong{font:800 15px/20px var(--font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hb-auth .workspace-choice small{color:var(--muted);font:400 13px/18px var(--font)}.hb-auth .workspace-choice-logo{background:var(--moss);width:40px;height:40px;color:var(--on-moss);font:900 14px/1 var(--font);border-radius:12px;flex:none;place-items:center;display:grid}.hb-auth .workspace-choice-arrow{color:var(--muted);font-size:22px;line-height:1}.hb-auth div.workspace-choice{background:0 0;border-style:dashed}.hb-auth div.workspace-choice .workspace-choice-logo{background:var(--subtle);color:var(--muted)}.hb-auth div.workspace-choice .auth-secondary-action{flex:none;width:auto;height:34px;margin:0;padding:1px 14px 0;font-size:13px}.hb-auth .workspace-choice-list+.workspace-choice-list{margin-top:4px}.hb-auth .setup-preview,.hb-auth .invite-business{background:var(--raised);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.hb-auth .setup-preview>span,.hb-auth .invite-logo{background:var(--moss);width:42px;height:42px;color:var(--on-moss);font:900 15px/1 var(--font);border-radius:12px;flex:none;place-items:center;display:grid}.hb-auth .setup-preview strong,.hb-auth .invite-business strong{font:800 15px/20px var(--font)}.hb-auth .setup-preview p,.hb-auth .invite-business span:not(.invite-logo){color:var(--muted);font:400 13px/18px var(--font);margin:0}.hb-auth .invite-summary{gap:10px;display:grid}.hb-auth .invite-detail{color:var(--muted);font:400 14px/20px var(--font);justify-content:space-between;gap:12px;padding:0 4px;display:flex}.hb-auth .auth-foot{z-index:1;width:100%;max-width:1200px;color:var(--ink);font:600 13px/18px var(--font);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:0 auto;padding:16px clamp(16px,4vw,40px) 22px;display:flex;position:relative}.hb-auth .application-loading{background:var(--bg);min-height:100vh;color:var(--muted);font:700 15px/1 var(--font);place-items:center;display:grid}.hb-auth .auth-spinner{border-color:color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor}@media (max-width:900px){.hb-auth .auth-yumi{display:none!important}}@media (max-width:560px){.hb-auth .auth-card{border-radius:22px;padding:24px 20px 22px}.hb-auth .auth-title{font-size:26px}.hb-auth .auth-foot{text-align:center;justify-content:center}}@media (prefers-reduced-motion:reduce){.hb-auth .auth-submit,.hb-auth .auth-google,.hb-auth .auth-secondary-action,.hb-auth .auth-field input,.hb-auth .workspace-choice{transition:none}}
