.auth-page.svelte-ydeots{--ink: oklch(18% .02 260);--paper: oklch(97% .008 75);--cream: oklch(94% .015 80);--terracotta: oklch(52% .16 30);--sage: oklch(68% .07 145);--stone: oklch(72% .02 75);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--paper);font-family:var(--font-body),"Geist",system-ui,sans-serif}.auth-container.svelte-ydeots{width:100%;max-width:480px}.auth-header.svelte-ydeots{text-align:center;margin-bottom:2rem}.logo.svelte-ydeots{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--ink)}.logo-mark.svelte-ydeots{width:40px;height:40px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-family:var(--font-display),"Instrument Serif",serif;font-size:1.25rem;border-radius:8px}.logo-text.svelte-ydeots{font-weight:600;font-size:1.125rem;letter-spacing:-.01em}.auth-card.svelte-ydeots{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:2.5rem;box-shadow:6px 6px 0 var(--ink)}.card-header.svelte-ydeots{text-align:center;margin-bottom:1.5rem}.card-header.svelte-ydeots h1:where(.svelte-ydeots){font-family:var(--font-display),"Instrument Serif",Georgia,serif;font-size:2rem;font-weight:400;margin:0 0 .5rem;color:var(--ink)}.card-header.svelte-ydeots p:where(.svelte-ydeots){font-size:.9375rem;color:#5d646f;margin:0}.error-alert.svelte-ydeots{background:#ffe8e6;background:oklch(95% .05 25);border:2px solid oklch(60% .2 25);color:#861118;padding:.875rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.error-alert.svelte-ydeots p:where(.svelte-ydeots){margin:0}.role-selection.svelte-ydeots{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.role-card.svelte-ydeots{position:relative;display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1.25rem .75rem;background:#fff;border:2px solid oklch(85% .015 75);border-radius:8px;cursor:pointer;transition:all .15s;text-align:center}.role-card.svelte-ydeots:hover{border-color:var(--ink)}.role-card.selected.svelte-ydeots{border-color:var(--ink);background:#e5f6f1;box-shadow:3px 3px 0 var(--ink)}.role-card.role-hr.selected.svelte-ydeots{background:#ffede9;background:oklch(96% .03 30);border-color:var(--terracotta);box-shadow:3px 3px 0 var(--terracotta)}.role-icon.svelte-ydeots{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#e1e5eb;border-radius:8px;color:#5d646f;transition:all .15s}.role-card.selected.svelte-ydeots .role-icon:where(.svelte-ydeots){background:var(--ink);color:#fff}.role-card.role-hr.selected.svelte-ydeots .role-icon:where(.svelte-ydeots){background:var(--terracotta)}.role-info.svelte-ydeots h3:where(.svelte-ydeots){font-size:.875rem;font-weight:600;color:var(--ink);margin:0}.role-info.svelte-ydeots p:where(.svelte-ydeots){font-size:.75rem;color:#5d646f;margin:0}.role-check.svelte-ydeots{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--ink);border-radius:50%;color:#fff}.role-check.hr.svelte-ydeots{background:var(--terracotta)}.auth-form.svelte-ydeots{display:flex;flex-direction:column;gap:1rem}.form-field.svelte-ydeots{display:flex;flex-direction:column;gap:.5rem}.form-field.svelte-ydeots label{font-size:.875rem;font-weight:600;color:var(--ink)}.input-group.svelte-ydeots{position:relative}.input-group.svelte-ydeots svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--stone);pointer-events:none;z-index:1}.input-group.svelte-ydeots input{padding-left:44px!important;height:48px!important;font-size:.9375rem!important;border-radius:8px!important;border:2px solid oklch(85% .015 75)!important;background:#fff!important;transition:border-color .15s,box-shadow .15s!important}.input-group.svelte-ydeots input:focus{border-color:var(--ink)!important;box-shadow:3px 3px 0 var(--ink)!important;outline:none!important}.input-group.svelte-ydeots input::placeholder{color:#938e89}.btn-submit{height:48px!important;font-size:.9375rem!important;font-weight:600!important;border-radius:8px!important;background:var(--terracotta)!important;border:2px solid var(--terracotta)!important;color:#fff!important;margin-top:.5rem!important;gap:.5rem!important;transition:all .15s!important}.btn-submit:hover:not(:disabled){background:#a52b1e!important;border-color:#a52b1e!important;transform:translateY(-1px)!important}.btn-submit:disabled{opacity:.6!important}.spinner.svelte-ydeots{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-ydeots-spin .6s linear infinite}@keyframes svelte-ydeots-spin{to{transform:rotate(360deg)}}.divider.svelte-ydeots{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.divider.svelte-ydeots:before,.divider.svelte-ydeots:after{content:"";flex:1;height:1px;background:#d4cdc3}.divider.svelte-ydeots span:where(.svelte-ydeots){font-size:.8125rem;color:#847f7a;font-weight:500}.btn-google{width:100%!important;height:48px!important;font-size:.9375rem!important;font-weight:500!important;border-radius:8px!important;gap:.75rem!important;border:2px solid oklch(85% .015 75)!important;background:#fff!important;color:var(--ink)!important;transition:all .15s!important}.btn-google:hover:not(:disabled){border-color:var(--ink)!important;box-shadow:3px 3px 0 var(--ink)!important}.login-prompt.svelte-ydeots{text-align:center;margin-top:1.5rem;font-size:.9375rem;color:#5d646f}.login-prompt.svelte-ydeots a:where(.svelte-ydeots){color:var(--terracotta);font-weight:600;text-decoration:none}.login-prompt.svelte-ydeots a:where(.svelte-ydeots):hover{text-decoration:underline}.terms-text.svelte-ydeots{text-align:center;margin-top:1rem;font-size:.75rem;color:#75716b}.terms-text.svelte-ydeots a:where(.svelte-ydeots){color:#4f5661;text-decoration:underline}.terms-text.svelte-ydeots a:where(.svelte-ydeots):hover{color:var(--terracotta)}@media(max-width:480px){.auth-page.svelte-ydeots{padding:1rem}.auth-card.svelte-ydeots{padding:1.5rem;box-shadow:4px 4px 0 var(--ink)}.card-header.svelte-ydeots h1:where(.svelte-ydeots){font-size:1.75rem}.role-selection.svelte-ydeots{grid-template-columns:1fr}.role-card.svelte-ydeots{flex-direction:row;text-align:left;padding:1rem}.role-info.svelte-ydeots{flex:1}}