@layer components{.hourtrace-auth-shell{box-sizing:border-box;width:100%;min-height:100dvh;padding-top:max(24px, env(safe-area-inset-top));padding-right:max(24px, env(safe-area-inset-right));padding-bottom:max(24px, env(safe-area-inset-bottom));padding-left:max(24px, env(safe-area-inset-left));background:linear-gradient(90deg, transparent 0 49.95%, var(--border-subtle) 50%, transparent 50.05%), var(--background);place-items:center;display:grid}.hourtrace-signin{border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);width:min(100%,920px);box-shadow:var(--elevation-raised);grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);display:grid;overflow:hidden}.hourtrace-signin__context,.hourtrace-signin__access{min-width:0;padding:clamp(30px,5vw,54px)}.hourtrace-signin__context{border-right:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-elevated) 38%, var(--surface));align-content:space-between;gap:48px;display:grid}.hourtrace-signin__brand{width:fit-content;color:var(--fg);align-items:center;gap:10px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.hourtrace-signin__intro{max-width:410px}.hourtrace-signin__eyebrow{color:var(--fg-faint);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.6875rem;font-weight:700}.hourtrace-signin h1{max-width:11ch;color:var(--fg);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:680;line-height:.98}.hourtrace-signin__intro>p:last-child{max-width:38ch;color:var(--fg-muted);margin:18px 0 0;font-size:.9375rem;line-height:1.65}.hourtrace-signin__trace{border-top:1px solid var(--border-subtle);gap:11px;padding-top:18px;display:grid}.hourtrace-signin__trace-copy{color:var(--fg-faint);justify-content:space-between;gap:16px;font-size:.6875rem;display:flex}.hourtrace-signin__trace-copy strong{color:var(--fg-muted);font-weight:650}.hourtrace-signin__trace-row{color:var(--fg-faint);grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;font-size:.6875rem;display:grid}.hourtrace-signin__trace-lane{background:color-mix(in srgb, var(--fg) 6%, transparent);border-radius:999px;height:5px;overflow:hidden}.hourtrace-signin__trace-lane>span{width:var(--trace-width);border-radius:inherit;background:var(--trace-color);height:100%;display:block}.hourtrace-signin__access{flex-direction:column;justify-content:center;display:flex}.hourtrace-signin__access h2{color:var(--fg);letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:680}.hourtrace-signin__access>p{color:var(--fg-muted);margin:7px 0 0;font-size:.8125rem;line-height:1.55}.hourtrace-signin__error{border-left:2px solid var(--danger);background:color-mix(in srgb, var(--danger) 7%, transparent);color:var(--fg);margin:18px 0 0;padding:10px 12px;font-size:.75rem;line-height:1.55}.hourtrace-signin__google,.hourtrace-signin__fixture-button{border-radius:var(--radius-control);width:100%;min-height:46px;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:10px;font-size:.8125rem;font-weight:650;display:inline-flex}.hourtrace-signin__google{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--surface-elevated));color:var(--fg);margin-top:22px}.hourtrace-signin__google:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 17%, var(--surface-elevated))}.hourtrace-signin__google:disabled,.hourtrace-signin__fixture-button:disabled{cursor:wait;opacity:.64}.hourtrace-signin__fixture{border-top:1px solid var(--border-subtle);gap:8px;margin-top:22px;padding-top:18px;display:grid}.hourtrace-signin__fixture-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hourtrace-signin__fixture-header strong{color:var(--fg-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}.hourtrace-signin__fixture-header span{color:var(--fg-faint);font-size:.6875rem}.hourtrace-signin__fixture-button{border:1px solid var(--border);color:var(--fg);background:0 0}.hourtrace-signin__fixture>p{color:var(--fg-faint);margin:0;font-size:.6875rem;line-height:1.55}.hourtrace-signin__legal{border-top:1px solid var(--border-subtle);color:var(--fg-faint);margin:24px 0 0;padding-top:18px;font-size:.6875rem;line-height:1.65}.hourtrace-signin__legal a{color:var(--fg-muted);text-underline-offset:3px;font-weight:650}.hourtrace-signin :where(a,button):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@media (max-width:720px){.hourtrace-auth-shell{padding-top:max(16px, env(safe-area-inset-top));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(16px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));background:var(--background);place-items:stretch stretch}.hourtrace-signin{grid-template-columns:1fr;align-self:center}.hourtrace-signin__context,.hourtrace-signin__access{padding:28px 24px}.hourtrace-signin__context{border-right:0;border-bottom:1px solid var(--border-subtle);gap:30px}.hourtrace-signin h1{max-width:13ch;font-size:clamp(2rem,11vw,2.75rem)}}@media (max-width:420px){.hourtrace-auth-shell{padding:0}.hourtrace-signin{min-height:100dvh;box-shadow:none;border:0;border-radius:0}.hourtrace-signin__context,.hourtrace-signin__access{padding-right:max(20px, env(safe-area-inset-right));padding-left:max(20px, env(safe-area-inset-left))}.hourtrace-signin__context{padding-top:max(24px, env(safe-area-inset-top));padding-bottom:24px}.hourtrace-signin__access{padding-top:24px;padding-bottom:max(24px, env(safe-area-inset-bottom))}.hourtrace-signin__trace{display:none}}@media (prefers-reduced-motion:reduce){.hourtrace-signin *,.hourtrace-signin :before,.hourtrace-signin :after{scroll-behavior:auto!important;transition-duration:.001ms!important}}@media (forced-colors:active){.hourtrace-signin :where(a,button):focus-visible{outline:2px solid highlight}}}