*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--cohost-font-family-product);-webkit-font-smoothing:antialiased}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:var(--cohost-color-background-surface-warm);min-height:100vh;display:flex}.host-shell-root:has(.login-page){padding-bottom:0;padding-left:0}.login-panel{background:var(--cohost-color-background-inverse);flex:0 44%;min-width:400px;max-width:620px;display:none}.panel-inner{flex-direction:column;width:100%;height:100%;padding:2.75rem 3.25rem 2.5rem;display:flex;position:relative}.panel-logo{color:var(--cohost-color-text-inverse);letter-spacing:-.015em;font-feature-settings:"cv08";align-self:flex-start;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:600;text-decoration:none;display:inline-flex}.panel-copy{max-width:400px;margin:auto 0}.auth-brand-lockup{--cohost-corgi-mark-size:2.5rem}.panel-title{font-family:var(--cohost-font-family-product);font-size:2.375rem;font-weight:var(--cohost-font-weight-semibold);color:var(--cohost-color-text-inverse);letter-spacing:-.01em;margin-bottom:1rem;line-height:1.18}.panel-subtitle{color:rgba(240,244,240,.68);margin-bottom:2.5rem;font-size:.9375rem;line-height:1.65}.panel-chat{flex-direction:column;gap:.75rem;display:flex}.chat-bubble{border-radius:14px;flex-direction:column;max-width:300px;padding:.75rem 1rem .8125rem;line-height:1.5;display:flex}.chat-guest{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-bottom-left-radius:4px;align-self:flex-start}.chat-ai{background:#fdfcf9;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 2px 10px rgba(9,22,16,.28)}.chat-meta{letter-spacing:.02em;align-items:center;gap:.375rem;margin-bottom:.375rem;font-size:.6875rem;display:inline-flex}.chat-guest .chat-meta{color:rgba(240,244,240,.5)}.chat-ai .chat-meta{color:#8b948e}.chat-dot{background:#e8a13a;border-radius:50%;flex-shrink:0;width:7px;height:7px}.chat-text{color:rgba(255,255,255,.92);font-size:.9rem}.chat-answer-row{align-items:baseline;gap:.75rem;font-size:.875rem;display:flex}.chat-answer-row+.chat-answer-row{margin-top:.25rem}.chat-answer-label{color:#6d7a72;min-width:4.5rem}.chat-answer-value{color:#14201b;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;font-weight:500}.panel-note{color:rgba(240,244,240,.5);max-width:400px;font-size:.8125rem;line-height:1.6}.login-main{flex:56%;justify-content:center;align-items:flex-start;padding:3.5rem 1.5rem 2.5rem;display:flex}.form-wrap{width:100%;max-width:368px}.mobile-brand{text-align:center;margin-bottom:2.25rem}.mobile-logo-link{color:#14201b;letter-spacing:-.015em;font-feature-settings:"cv08";align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;display:inline-flex}.form-title{color:var(--cohost-color-text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.form-subtitle{color:var(--cohost-color-text-muted);margin-bottom:2rem;font-size:.9375rem;line-height:1.6}.form-subtitle strong{color:var(--cohost-color-text-primary);font-weight:600}.verify-icon{margin-bottom:1.25rem}.error-box{color:#b42318;background:#fdf3f2;border:1px solid #f2d5d1;border-radius:10px;margin-bottom:1.25rem;padding:.75rem .875rem;font-size:.8125rem;line-height:1.5}.google-btn{width:100%;height:48px;color:var(--cohost-color-text-primary);background:var(--cohost-color-background-surface);border:1px solid var(--cohost-color-border-default);border-radius:var(--cohost-radius-lg);cursor:pointer;justify-content:center;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.google-btn:hover{border-color:#b9c0ba;box-shadow:0 1px 3px rgba(20,32,27,.07)}.google-btn:active{background:#faf9f7}.or-divider{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.or-line{background:#e5e3de;flex:1;height:1px}.or-text{color:#8b948e;font-size:.8125rem}.input-label{color:#3d4a42;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}.text-input{width:100%;height:48px;color:var(--cohost-color-text-primary);border:1px solid var(--cohost-color-border-default);border-radius:var(--cohost-radius-lg);background:var(--cohost-color-background-surface);outline:none;margin-bottom:.875rem;padding:0 .9375rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.text-input::placeholder{color:#a3aaa4}.text-input:hover:not(:disabled):not(:focus){border-color:#c5cbc5}.text-input:focus{border-color:var(--cohost-color-border-focus);box-shadow:0 0 0 var(--cohost-focus-ring-width)color-mix(in srgb,var(--cohost-color-border-focus)16%,transparent)}.text-input:disabled{color:#8b948e;cursor:not-allowed;background:#f4f3f0}.primary-btn{width:100%;height:48px;color:var(--cohost-color-action-primary-foreground);background:var(--cohost-color-action-primary-background);border-radius:var(--cohost-radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .15s;display:flex}.primary-btn:hover:not(:disabled){background:var(--cohost-color-action-primary-background-hover)}.primary-btn:active:not(:disabled){background:var(--cohost-color-action-primary-background-pressed)}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.btn-spinner{border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite spin}.hint{color:#8b948e;text-align:center;justify-content:center;align-items:center;gap:.375rem;margin-top:.875rem;font-size:.8125rem;line-height:1.5;display:flex}.hint-lock{color:#8b948e;flex-shrink:0}.code-row{justify-content:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.code-input{text-align:center;color:#14201b;caret-color:#1f4d3a;background:#fff;border:1.5px solid #dcdad4;border-radius:10px;outline:none;width:48px;height:56px;font-family:inherit;font-size:1.375rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.code-input:focus{border-color:#2a6049;box-shadow:0 0 0 3px rgba(31,77,58,.13)}.code-input.filled{background:#f2f7f3;border-color:#2a6049}.code-input:disabled{background:#f4f3f0}.verifying-text{text-align:center;color:#1f4d3a;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.resend-row{justify-content:center;align-items:center;gap:.375rem;margin-top:.75rem;display:flex}.resend-row .hint{margin-top:0}.cooldown{color:#8b948e;font-variant-numeric:tabular-nums;font-size:.8125rem}.link-btn{color:#1f4d3a;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8125rem;font-weight:600}.link-btn:hover{text-underline-offset:2px;text-decoration:underline}.secondary-btn{color:#3d4a42;cursor:pointer;background:#fff;border:1px solid #dcdad4;border-radius:10px;width:100%;height:46px;font-family:inherit;font-size:.875rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.secondary-btn:hover{border-color:#b9c0ba;box-shadow:0 1px 3px rgba(20,32,27,.07)}.divider{background:#e5e3de;border:none;height:1px;margin:1.75rem 0}.signup-prompt{text-align:center;border-top:1px solid #e5e3de;flex-direction:column;align-items:center;gap:.25rem;margin-top:2rem;padding-top:1.5rem;display:flex}.signup-prompt-line{color:#57635c;font-size:.875rem}.signup-prompt-link{color:#1f4d3a;font-weight:600;text-decoration:none}.signup-prompt-link:hover{text-underline-offset:2px;text-decoration:underline}.signup-prompt-note{color:#8b948e;font-size:.75rem}.legal-note{text-align:center;color:#8b948e;margin-top:1.5rem;font-size:.75rem;line-height:1.6}.legal-note a{color:#6d7a72;text-underline-offset:2px;text-decoration:underline}.legal-note a:hover{color:#14201b}.google-btn:focus-visible{outline:var(--cohost-focus-ring-width)solid var(--cohost-color-focus-ring);outline-offset:var(--cohost-focus-ring-offset);border-radius:var(--cohost-radius-sm)}.primary-btn:focus-visible{outline:var(--cohost-focus-ring-width)solid var(--cohost-color-focus-ring);outline-offset:var(--cohost-focus-ring-offset);border-radius:var(--cohost-radius-sm)}.secondary-btn:focus-visible{outline:var(--cohost-focus-ring-width)solid var(--cohost-color-focus-ring);outline-offset:var(--cohost-focus-ring-offset);border-radius:var(--cohost-radius-sm)}.link-btn:focus-visible{outline:var(--cohost-focus-ring-width)solid var(--cohost-color-focus-ring);outline-offset:var(--cohost-focus-ring-offset);border-radius:var(--cohost-radius-sm)}.signup-prompt-link:focus-visible{outline:var(--cohost-focus-ring-width)solid var(--cohost-color-focus-ring);outline-offset:var(--cohost-focus-ring-offset);border-radius:var(--cohost-radius-sm)}.legal-note a:focus-visible{outline:var(--cohost-focus-ring-width)solid var(--cohost-color-focus-ring);outline-offset:var(--cohost-focus-ring-offset);border-radius:var(--cohost-radius-sm)}.panel-logo:focus-visible{outline:var(--cohost-focus-ring-width)solid var(--cohost-color-focus-ring);outline-offset:var(--cohost-focus-ring-offset);border-radius:var(--cohost-radius-sm)}.mobile-logo-link:focus-visible{outline:var(--cohost-focus-ring-width)solid var(--cohost-color-focus-ring);outline-offset:var(--cohost-focus-ring-offset);border-radius:var(--cohost-radius-sm)}@media (min-width:900px){.login-panel{display:flex}.mobile-brand{display:none}.login-main{align-items:center;padding:3rem}}@media (max-width:480px){.login-main{padding:4rem 1.375rem 2rem}.form-title{font-size:1.5rem}.code-input{width:44px;height:52px;font-size:1.25rem}.code-row{gap:.375rem}}