.auth-status.svelte-jbn7kw{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid;transition:all .3s ease;cursor:help}.auth-status.configured.svelte-jbn7kw{background:#f0fdf4;border-color:#86efac;color:#166534}.auth-status.demo-mode.svelte-jbn7kw{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.status-icon.svelte-jbn7kw{font-size:1rem;line-height:1}.status-label.svelte-jbn7kw{line-height:1}.auth-status.svelte-jbn7kw:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.auth-status.configured.svelte-jbn7kw:hover{background:#dcfce7}.auth-status.demo-mode.svelte-jbn7kw:hover{background:#e5e7eb}@media(max-width:640px){.auth-status.svelte-jbn7kw{font-size:.75rem;padding:.375rem .75rem}.status-icon.svelte-jbn7kw{font-size:.875rem}}@media(prefers-reduced-motion:reduce){.auth-status.svelte-jbn7kw{transition:none}.auth-status.svelte-jbn7kw:hover{transform:none}}.page-container.svelte-1s728sz{max-width:1200px;margin:0 auto;padding:2rem}.page-header.svelte-1s728sz{text-align:center;margin-bottom:3rem}.page-title.svelte-1s728sz{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#1a202c}.page-description.svelte-1s728sz{font-size:1.125rem;color:#4a5568;max-width:700px;margin:0 auto 1.5rem;line-height:1.7}.demo-section.svelte-1s728sz{margin-bottom:3rem;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.section-title.svelte-1s728sz{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#1a202c}.section-description.svelte-1s728sz{color:#4a5568;margin:0 0 1.5rem}.auth-state-demo.svelte-1s728sz{display:flex;justify-content:center}.state-card.svelte-1s728sz{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-radius:.75rem;max-width:500px;width:100%}.state-card.signed-out.svelte-1s728sz{background:#f7fafc;border:1px solid #e2e8f0}.state-card.signed-in.svelte-1s728sz{background:#f0fff4;border:1px solid #9ae6b4}.state-card.demo-mode.svelte-1s728sz{background:#fffbeb;border:1px solid #fcd34d}.state-icon.svelte-1s728sz{font-size:2rem}.state-info.svelte-1s728sz h3:where(.svelte-1s728sz){margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.state-info.svelte-1s728sz p:where(.svelte-1s728sz){margin:0;color:#4a5568;font-size:.875rem}.tabs.svelte-1s728sz{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e2e8f0;padding-bottom:.5rem}.tab.svelte-1s728sz{padding:.75rem 1.5rem;background:none;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s ease}.tab.svelte-1s728sz:hover{background:#f7fafc;color:#1a202c}.tab.active.svelte-1s728sz{background:#007aff;color:#fff}.component-demo.svelte-1s728sz{display:flex;justify-content:center;padding:2rem;background:#f7fafc;border-radius:.75rem;min-height:400px}.demo-wrapper.svelte-1s728sz{display:flex;justify-content:center;align-items:flex-start}.not-configured.svelte-1s728sz{text-align:center;padding:2rem;max-width:400px}.not-configured.svelte-1s728sz .warning-icon:where(.svelte-1s728sz){font-size:3rem;margin-bottom:1rem}.not-configured.svelte-1s728sz h3:where(.svelte-1s728sz){margin:0 0 1rem;color:#c53030}.not-configured.svelte-1s728sz p:where(.svelte-1s728sz){color:#4a5568;margin:0 0 1rem}.code-block.svelte-1s728sz{background:#1a202c;color:#e2e8f0;padding:1rem;border-radius:.5rem;font-family:Fira Code,Monaco,monospace;font-size:.875rem;overflow-x:auto;text-align:left;white-space:pre}.help-text.svelte-1s728sz{font-size:.875rem}.help-text.svelte-1s728sz a:where(.svelte-1s728sz){color:#007aff;text-decoration:none}.help-text.svelte-1s728sz a:where(.svelte-1s728sz):hover{text-decoration:underline}.not-signed-in-notice.svelte-1s728sz,.already-signed-in-notice.svelte-1s728sz{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:.5rem}.not-signed-in-notice.svelte-1s728sz{background:#ebf8ff}.already-signed-in-notice.svelte-1s728sz{background:#f0fff4}.notice-icon.svelte-1s728sz{font-size:1.25rem}.not-signed-in-notice.svelte-1s728sz p:where(.svelte-1s728sz){margin:0;color:#2b6cb0}.already-signed-in-notice.svelte-1s728sz p:where(.svelte-1s728sz){margin:0;color:#276749}.protected-routes-grid.svelte-1s728sz{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.route-card.svelte-1s728sz{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:.75rem;text-decoration:none;color:inherit;transition:all .2s ease}.route-card.svelte-1s728sz:hover{border-color:#007aff;box-shadow:0 4px 12px #007aff26;transform:translateY(-2px)}.route-icon.svelte-1s728sz{font-size:2rem}.route-info.svelte-1s728sz{flex:1}.route-info.svelte-1s728sz h3:where(.svelte-1s728sz){margin:0 0 .25rem;font-size:1rem;font-weight:600}.route-info.svelte-1s728sz p:where(.svelte-1s728sz){margin:0;font-size:.875rem;color:#4a5568}.route-badge.svelte-1s728sz{padding:.25rem .75rem;background:#fed7d7;color:#c53030;font-size:.75rem;font-weight:600;border-radius:9999px}.guide-steps.svelte-1s728sz{display:flex;flex-direction:column;gap:1.5rem}.guide-step.svelte-1s728sz{display:flex;gap:1rem;align-items:flex-start}.step-number.svelte-1s728sz{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#007aff;color:#fff;font-weight:600;border-radius:50%;flex-shrink:0}.step-content.svelte-1s728sz{flex:1}.step-content.svelte-1s728sz h4:where(.svelte-1s728sz){margin:0 0 .5rem;font-size:1rem;font-weight:600}.step-content.svelte-1s728sz .code-block:where(.svelte-1s728sz){margin:0}@media(max-width:768px){.page-container.svelte-1s728sz{padding:1rem}.page-title.svelte-1s728sz{font-size:1.75rem}.demo-section.svelte-1s728sz{padding:1.5rem}.tabs.svelte-1s728sz{flex-wrap:wrap}.state-card.svelte-1s728sz{flex-direction:column;text-align:center}.guide-step.svelte-1s728sz{flex-direction:column;align-items:flex-start}}