.container.svelte-jwjg1i{max-width:800px;margin:0 auto;padding:2rem}h1.svelte-jwjg1i{color:var(--accent-color);font-size:2.5rem;margin-bottom:.5rem}.back-link.svelte-jwjg1i{margin-bottom:2rem}.back-link.svelte-jwjg1i a:where(.svelte-jwjg1i){color:var(--accent-color);text-decoration:none}.example-section.svelte-jwjg1i{margin-bottom:3rem}h2.svelte-jwjg1i{color:var(--heading-color);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}h3.svelte-jwjg1i{margin-top:1.5rem;margin-bottom:1rem;color:var(--text-secondary)}h4.svelte-jwjg1i{margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-muted)}h5.svelte-jwjg1i{margin-top:1rem;margin-bottom:.5rem;color:var(--text-muted)}.demo-box.svelte-jwjg1i{background-color:var(--card-bg);border-radius:8px;padding:1.5rem;margin:1rem 0;box-shadow:0 2px 8px var(--shadow-color)}.code-example.svelte-jwjg1i{background-color:var(--code-bg);color:#f8f8f2;border-radius:4px;padding:1rem;margin:1rem 0;overflow-x:auto}pre.svelte-jwjg1i{margin:0;font-family:Fira Code,monospace;font-size:.9rem;white-space:pre}.note.svelte-jwjg1i{background-color:var(--bg-secondary);border-left:4px solid var(--warning-color);padding:.8rem 1rem;margin:1rem 0;border-radius:0 4px 4px 0;font-size:.95rem}.auth-approaches.svelte-jwjg1i{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.approach.svelte-jwjg1i{border:1px solid var(--border-color);border-radius:4px;padding:1rem}.feature-list.svelte-jwjg1i,.security-list.svelte-jwjg1i{padding-left:1.5rem}.feature-list.svelte-jwjg1i li:where(.svelte-jwjg1i),.security-list.svelte-jwjg1i li:where(.svelte-jwjg1i){margin:.5rem 0}button.svelte-jwjg1i{background-color:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem;margin:.5rem 0}button.svelte-jwjg1i:hover{background-color:var(--accent-color-dark)}.login-example.svelte-jwjg1i{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin:1rem 0;max-width:400px}.auth-form.svelte-jwjg1i{display:flex;flex-direction:column;gap:1rem}.form-group.svelte-jwjg1i{display:flex;flex-direction:column;gap:.3rem}.form-group.svelte-jwjg1i label:where(.svelte-jwjg1i){font-weight:500;font-size:.9rem}.form-group.svelte-jwjg1i input:where(.svelte-jwjg1i){padding:.6rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background-color:var(--bg-color);color:var(--text-color)}.hint.svelte-jwjg1i{font-size:.8rem;color:var(--text-muted);margin-top:.3rem}.error-message.svelte-jwjg1i{background-color:#ef44441a;color:var(--error-color);padding:.5rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.login-button.svelte-jwjg1i{margin-top:.5rem}.logout-button.svelte-jwjg1i{background-color:var(--bg-secondary);color:var(--text-muted)}.logout-button.svelte-jwjg1i:hover{background-color:var(--bg-color);color:var(--text-color)}.auth-success.svelte-jwjg1i{display:flex;flex-direction:column;align-items:center;text-align:center}.success-icon.svelte-jwjg1i{background-color:var(--success-color);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.token-display.svelte-jwjg1i{margin:1rem 0;width:100%}.token.svelte-jwjg1i{background-color:var(--bg-secondary);padding:.5rem;border-radius:4px;font-size:.8rem;margin-top:.5rem}.next-steps.svelte-jwjg1i{background-color:var(--bg-secondary);border-left:4px solid var(--accent-color);padding:1.5rem;border-radius:0 8px 8px 0}.next-steps.svelte-jwjg1i ul:where(.svelte-jwjg1i){padding-left:1.5rem}.next-steps.svelte-jwjg1i a:where(.svelte-jwjg1i){color:var(--accent-color);text-decoration:none}.next-steps.svelte-jwjg1i a:where(.svelte-jwjg1i):hover{text-decoration:underline}@media (min-width: 768px){.auth-approaches.svelte-jwjg1i{flex-direction:row}.approach.svelte-jwjg1i{flex:1}}