.settings-page.svelte-10vv60p{max-width:800px;margin:0 auto;padding:2rem}.page-header.svelte-10vv60p h1:where(.svelte-10vv60p){font-size:1.75rem;font-weight:500;color:var(--text-primary);margin-bottom:2rem}.settings-sections.svelte-10vv60p{display:flex;flex-direction:column;gap:1.5rem}.settings-section.svelte-10vv60p{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.settings-section.svelte-10vv60p h2:where(.svelte-10vv60p){display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:var(--text-primary);font-size:1.1rem;font-weight:500}.setting-item.svelte-10vv60p{margin-bottom:1.5rem}.setting-item.svelte-10vv60p:last-child{margin-bottom:0}.setting-label.svelte-10vv60p{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary);cursor:pointer}.setting-description.svelte-10vv60p{margin:.5rem 0 0;color:var(--text-secondary);font-size:.9rem}.btn.svelte-10vv60p{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;font-weight:500;transition:all .2s;border:none}.btn.primary.svelte-10vv60p{background:var(--accent);color:#fff}.btn.primary.svelte-10vv60p:hover{background:var(--accent-hover)}.btn.secondary.svelte-10vv60p{background:var(--text-muted);color:#fff}.btn.secondary.svelte-10vv60p:hover{background:var(--text-secondary)}.btn.danger.svelte-10vv60p{background:var(--danger);color:#fff}.btn.danger.svelte-10vv60p:hover{opacity:.9}.about-info.svelte-10vv60p p:where(.svelte-10vv60p){margin:.5rem 0;color:var(--text-secondary)}.modal-overlay.svelte-10vv60p{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal.svelte-10vv60p{background:var(--bg-primary);border-radius:8px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;border:1px solid var(--border)}.modal-header.svelte-10vv60p{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.modal-header.svelte-10vv60p h3:where(.svelte-10vv60p){margin:0;color:var(--text-primary)}.icon-btn.svelte-10vv60p{padding:.5rem;border-radius:4px;color:var(--text-secondary);transition:all .2s}.icon-btn.svelte-10vv60p:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-content.svelte-10vv60p{padding:1.5rem}.modal-content.svelte-10vv60p p:where(.svelte-10vv60p){margin:0 0 1rem;color:var(--text-secondary)}.warning-message.svelte-10vv60p{display:flex;gap:1rem;padding:1rem;background:#f443361a;border-radius:6px;border:1px solid rgba(244,67,54,.2)}.warning-message.svelte-10vv60p .material-icons:where(.svelte-10vv60p){color:var(--danger);font-size:2rem;flex-shrink:0}.export-textarea.svelte-10vv60p,.import-textarea.svelte-10vv60p{width:100%;height:200px;padding:.75rem;border:1px solid var(--border);border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;resize:vertical;background:var(--bg-secondary);color:var(--text-primary)}.modal-actions.svelte-10vv60p{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--border);justify-content:flex-end}.color-picker.svelte-10vv60p{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.75rem;margin-top:.75rem;max-width:400px}.color-swatch.svelte-10vv60p{width:60px;height:60px;border-radius:8px;border:1px solid var(--border);background:var(--swatch-color);display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;position:relative}.color-swatch.svelte-10vv60p:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--accent)}.color-swatch.active.svelte-10vv60p{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light);transform:translateY(-2px)}.color-swatch.svelte-10vv60p .material-icons:where(.svelte-10vv60p){font-size:20px;transition:color .2s}.theme-selector.svelte-10vv60p{display:flex;gap:.5rem;margin-top:.75rem;background:var(--bg-secondary);padding:.25rem;border-radius:8px;border:1px solid var(--border);width:fit-content}.theme-btn.svelte-10vv60p{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;transition:all .2s;cursor:pointer;font-size:.9rem}.theme-btn.svelte-10vv60p:hover{background:var(--bg-tertiary);color:var(--text-primary)}.theme-btn.active.svelte-10vv60p{background:var(--accent);color:#fff}.theme-btn.svelte-10vv60p .material-icons:where(.svelte-10vv60p){font-size:18px}@media (max-width: 768px){.settings-page.svelte-10vv60p{padding:1rem}.modal-actions.svelte-10vv60p{flex-direction:column}}