.settings-menu.svelte-8goaui{position:relative}.settings-toggle.svelte-8goaui{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.settings-toggle.svelte-8goaui:hover{color:var(--accent);border-color:var(--accent)}.settings-panel.svelte-8goaui{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;padding:1.25rem;min-width:260px;box-shadow:0 4px 16px #00000073;z-index:1000;display:flex;flex-direction:column;gap:1.25rem}.panel-header.svelte-8goaui{display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);font-weight:600;font-size:.95rem}.close-btn.svelte-8goaui{background:transparent;border:none;color:var(--text-secondary);font-size:1.4rem;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn.svelte-8goaui:hover{color:var(--text-primary)}.settings-section.svelte-8goaui{display:flex;flex-direction:column;gap:.75rem}.settings-section.svelte-8goaui h3:where(.svelte-8goaui){margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.color-picker-row.svelte-8goaui{display:flex;align-items:center;gap:.75rem}.color-input.svelte-8goaui{width:48px;height:32px;border:1px solid var(--border-default);border-radius:4px;cursor:pointer;background:transparent}.color-input.svelte-8goaui::-webkit-color-swatch-wrapper{padding:2px}.color-input.svelte-8goaui::-webkit-color-swatch{border-radius:2px;border:none}.color-value.svelte-8goaui{font-family:monospace;font-size:.85rem;color:var(--text-secondary)}.preset-grid.svelte-8goaui{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.preset-btn.svelte-8goaui{width:32px;height:32px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .2s;padding:0}.preset-btn.svelte-8goaui:hover{transform:scale(1.08);box-shadow:0 2px 8px #0000004d}.preset-btn.active.svelte-8goaui{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--bg-secondary),0 2px 8px #00000059}.toggle.svelte-8goaui{display:flex;align-items:center;gap:.65rem;color:var(--text-primary);font-size:.9rem}.toggle.svelte-8goaui input:where(.svelte-8goaui){appearance:none;width:42px;height:22px;border-radius:999px;background:var(--border-default);position:relative;cursor:pointer;transition:background .2s,border .2s;border:1px solid var(--border-default)}.toggle.svelte-8goaui input:where(.svelte-8goaui):after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-secondary);transition:transform .2s,background .2s}.toggle.svelte-8goaui input:where(.svelte-8goaui):checked{background:color-mix(in srgb,var(--accent) 65%,transparent);border-color:var(--accent)}.toggle.svelte-8goaui input:where(.svelte-8goaui):checked:after{transform:translate(20px);background:var(--accent)}.toggle-indicator.svelte-8goaui{display:none}.toggle-text.svelte-8goaui{white-space:nowrap}.toggle-hint.svelte-8goaui{margin:0;color:var(--text-tertiary);font-size:.8rem;line-height:1.3}header.svelte-1elxaub{border-bottom:1px solid #333;margin-bottom:2rem}.header-content.svelte-1elxaub{max-width:800px;margin:0 auto;padding:1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand.svelte-1elxaub{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.brand.svelte-1elxaub:hover h1:where(.svelte-1elxaub){color:var(--accent)}h1.svelte-1elxaub{font-size:1.5rem;margin:0;color:var(--text-primary);transition:color .2s}.brand.svelte-1elxaub p:where(.svelte-1elxaub){margin:0;font-size:.85rem;color:var(--text-tertiary)}nav.svelte-1elxaub{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.nav-link.svelte-1elxaub{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s;white-space:nowrap}.nav-link.svelte-1elxaub:hover{color:var(--text-primary)}.user-handle.svelte-1elxaub{color:var(--text-secondary);text-decoration:none;font-size:.9rem;padding:.4rem .75rem;background:#1a1a1a;border-radius:6px;border:1px solid #333;transition:all .2s;white-space:nowrap}.user-handle.svelte-1elxaub:hover{border-color:var(--accent);color:var(--accent);background:#222}.btn-primary.svelte-1elxaub{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;text-decoration:none;transition:all .2s;cursor:pointer;white-space:nowrap}.btn-primary.svelte-1elxaub:hover{background:var(--accent);color:var(--bg-primary)}.btn-logout.svelte-1elxaub{background:transparent;border:1px solid #444;color:#b0b0b0;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-logout.svelte-1elxaub:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:640px){.header-content.svelte-1elxaub{padding:1rem;gap:.5rem}.brand.svelte-1elxaub h1:where(.svelte-1elxaub){font-size:1.25rem}.brand.svelte-1elxaub p:where(.svelte-1elxaub){font-size:.75rem}nav.svelte-1elxaub{gap:.5rem}.nav-link.svelte-1elxaub,.user-handle.svelte-1elxaub,.btn-logout.svelte-1elxaub{font-size:.85rem;padding:.35rem .6rem}}