#app{width:100%;height:100vh;overflow:hidden}.flip-card.svelte-19fdvvu{perspective:1000px;cursor:pointer;width:100%;height:200px}.flip-card-inner.svelte-19fdvvu{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.flip-card-inner.flipped.svelte-19fdvvu{transform:rotateY(180deg)}.flip-card-front.svelte-19fdvvu,.flip-card-back.svelte-19fdvvu{backface-visibility:hidden;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;font-size:1.25rem;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 6px #0000001a}.flip-card-front.svelte-19fdvvu span,.flip-card-back.svelte-19fdvvu span{-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:100%;display:-webkit-box;overflow:hidden}.flip-card-front.svelte-19fdvvu{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.flip-card-back.svelte-19fdvvu{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);transform:rotateY(180deg)}.card-actions.svelte-19fdvvu{gap:.25rem;display:flex;position:absolute;top:.5rem;left:.5rem}.action-btn.svelte-19fdvvu{cursor:pointer;color:#333;background:#fffc;border:1px solid #ccc;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1rem;line-height:1;display:flex}.action-btn.svelte-19fdvvu:hover{background:#fff}.modal-overlay.svelte-19fdvvu{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content.svelte-19fdvvu{color:#333;background:#fff;border-radius:12px;max-width:80%;max-height:80%;padding:2rem;overflow-y:auto}.modal-text.svelte-19fdvvu{white-space:pre-wrap;margin-bottom:1rem;font-size:1.25rem}.modal-close.svelte-19fdvvu{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.5rem 1rem}@media (width>=1200px){.flip-card.svelte-19fdvvu{height:220px}.flip-card-front.svelte-19fdvvu,.flip-card-back.svelte-19fdvvu{padding:1.5rem;font-size:1.5rem}}.category-view.svelte-fnaae3{flex-direction:column;height:100%;padding:1rem;display:flex;overflow:hidden}.header.svelte-fnaae3{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.header.svelte-fnaae3 h2:where(.svelte-fnaae3){margin:0;font-size:1.25rem}.toolbar.svelte-fnaae3{gap:.5rem;margin-bottom:1rem;display:flex}.search-input.svelte-fnaae3{border:1px solid #ddd;border-radius:8px;flex:1;padding:.75rem;font-size:1rem}.search-wrapper.svelte-fnaae3{flex:1;position:relative}.search-wrapper.svelte-fnaae3 .search-input:where(.svelte-fnaae3){width:100%;padding-right:2.5rem}.btn-clear.svelte-fnaae3{cursor:pointer;background:#ddd;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.btn-add.svelte-fnaae3,.btn-back.svelte-fnaae3,.btn-test.svelte-fnaae3{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1rem;font-size:1rem}.btn-add.svelte-fnaae3{color:#fff;background:#667eea;width:48px;font-size:1.25rem}.btn-back.svelte-fnaae3{background:#f0f0f0}.btn-test.svelte-fnaae3{color:#fff;background:#10b981}.test-buttons.svelte-fnaae3{gap:.5rem;display:flex}.btn-test-reversed.svelte-fnaae3{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;padding:.75rem 1rem;font-size:1rem}.create-form.svelte-fnaae3{background:#f9f9f9;border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex}.create-form.svelte-fnaae3 input:where(.svelte-fnaae3){border:1px solid #ddd;border-radius:8px;padding:.75rem;font-size:1rem}.btn-save.svelte-fnaae3{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:.75rem}.cards-grid.svelte-fnaae3{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:1rem;padding-bottom:1rem;display:grid;overflow-y:auto}@media (width>=600px){.cards-grid.svelte-fnaae3{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.cards-grid.svelte-fnaae3{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.cards-grid.svelte-fnaae3{grid-template-columns:repeat(4,1fr)}.header.svelte-fnaae3 h2:where(.svelte-fnaae3){font-size:1.75rem}.toolbar.svelte-fnaae3{margin-bottom:1.5rem}.search-input.svelte-fnaae3{padding:1rem;font-size:1.125rem}.btn-add.svelte-fnaae3{width:56px;height:56px;font-size:1.5rem}}.card-wrapper.svelte-fnaae3{cursor:pointer;position:relative}.flip-card-container.svelte-fnaae3{width:100%}.card-controls.svelte-fnaae3{opacity:0;border-radius:8px;justify-content:center;gap:.5rem;padding:.5rem;transition:opacity .2s;display:flex;position:absolute;bottom:.5rem;left:.5rem;right:.5rem}.card-wrapper.selected.svelte-fnaae3 .card-controls:where(.svelte-fnaae3),.card-wrapper.mobile-open.svelte-fnaae3 .card-controls:where(.svelte-fnaae3){opacity:1}@media (hover:hover) and (pointer:fine){.card-wrapper.svelte-fnaae3:hover .card-controls:where(.svelte-fnaae3){opacity:1}}.card-controls.svelte-fnaae3 button:where(.svelte-fnaae3){cursor:pointer;color:#fff;background:#0009;border:none;border-radius:4px;padding:.375rem .75rem;font-size:.75rem}.btn-edit.svelte-fnaae3:hover{background:#f59e0b}.btn-move.svelte-fnaae3:hover{background:#667eea}.btn-delete.svelte-fnaae3:hover{background:#ef4444}.mobile-menu-btn.svelte-fnaae3{color:#fff;cursor:pointer;z-index:20;background:#0009;border:none;border-radius:50%;width:32px;height:32px;padding:0;font-size:1.25rem;line-height:1;display:none;position:absolute;top:.5rem;right:.5rem}@media (width<=899px){.mobile-menu-btn.svelte-fnaae3{justify-content:center;align-items:center;display:flex}}@media (width>=900px){.mobile-menu-btn.svelte-fnaae3{display:none}}@media (width>=1200px){.move-form.svelte-fnaae3,.edit-form.svelte-fnaae3{min-height:220px;padding:1.25rem}.move-label.svelte-fnaae3,.edit-form.svelte-fnaae3 input:where(.svelte-fnaae3){font-size:1.125rem}.move-btn.svelte-fnaae3,.move-cancel.svelte-fnaae3{padding:.75rem 1.5rem;font-size:1rem}.edit-controls.svelte-fnaae3 button:where(.svelte-fnaae3),.card-controls.svelte-fnaae3 button:where(.svelte-fnaae3){padding:.5rem 1rem;font-size:.875rem}}.move-form.svelte-fnaae3{background:#fffffff2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;min-height:200px;padding:1rem;display:flex}.move-label.svelte-fnaae3{text-align:center;font-size:.875rem;font-weight:500}.move-buttons.svelte-fnaae3{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.move-btn.svelte-fnaae3{color:#667eea;cursor:pointer;background:#fff;border:1px solid #667eea;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.move-btn.svelte-fnaae3:hover{color:#fff;background:#667eea}.move-cancel.svelte-fnaae3{color:gray;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:.5rem 1rem;font-size:.875rem}.move-cancel.svelte-fnaae3:hover{background:#f0f0f0}.edit-form.svelte-fnaae3{background:#fffffff2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;min-height:200px;padding:1rem;display:flex}.edit-form.svelte-fnaae3 input:where(.svelte-fnaae3){border:1px solid #ddd;border-radius:4px;padding:.5rem;font-size:.875rem}.edit-controls.svelte-fnaae3{justify-content:center;gap:.5rem;display:flex}.edit-controls.svelte-fnaae3 button:where(.svelte-fnaae3){cursor:pointer;border:none;border-radius:4px;padding:.375rem .75rem;font-size:.75rem}.btn-cancel.svelte-fnaae3{background:#e5e5e5}.btn-save.svelte-fnaae3{color:#fff;background:#10b981}.card-wrapper.selected.svelte-fnaae3{border-radius:12px;outline:3px solid #667eea}.empty.svelte-fnaae3{text-align:center;color:gray;margin-top:2rem}.move-select.svelte-g59oao{gap:.5rem;display:flex}.move-select.svelte-g59oao select:where(.svelte-g59oao){border:1px solid #ddd;border-radius:4px;flex:1;padding:.5rem;font-size:.875rem}.move-select.svelte-g59oao button:where(.svelte-g59oao){color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem}.move-select.svelte-g59oao button:where(.svelte-g59oao):disabled{cursor:not-allowed;background:#ccc}.test-view.svelte-1d5agqc{flex-direction:column;flex:1;padding:1rem;display:flex}.header.svelte-1d5agqc{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.header.svelte-1d5agqc h2:where(.svelte-1d5agqc){margin:0;font-size:1.25rem}.counter.svelte-1d5agqc{color:gray;font-size:.875rem}.btn-back.svelte-1d5agqc{cursor:pointer;background:#f0f0f0;border:none;border-radius:8px;padding:.75rem 1rem}.test-card.svelte-1d5agqc{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.navigation.svelte-1d5agqc{justify-content:center;gap:1rem;margin:1rem 0;display:flex}.navigation.svelte-1d5agqc button:where(.svelte-1d5agqc){color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:.75rem 1.5rem}.navigation.svelte-1d5agqc button:where(.svelte-1d5agqc):disabled{cursor:not-allowed;background:#ccc}.empty.svelte-1d5agqc{text-align:center;color:gray;margin-top:2rem}.move-controls.svelte-1d5agqc{background:#f5f5f5;border-radius:8px;justify-content:center;margin-top:1rem;padding:1rem;display:flex}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}main.svelte-1n46o8q{flex-direction:column;width:100%;max-width:800px;height:100vh;margin:0 auto;padding:1rem;display:flex;overflow:hidden}@media (width>=800px){main.svelte-1n46o8q{max-width:1000px}.categories-grid.svelte-1n46o8q{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){main.svelte-1n46o8q{max-width:1400px}.categories-grid.svelte-1n46o8q{grid-template-columns:repeat(4,1fr)}.category-card.svelte-1n46o8q{padding:2rem}.app-header.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:2rem}.btn-add-cat.svelte-1n46o8q{padding:1rem 1.5rem;font-size:1rem}}.app-header.svelte-1n46o8q{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.app-header.svelte-1n46o8q h1:where(.svelte-1n46o8q){color:#333;font-size:1.5rem}.btn-add-cat.svelte-1n46o8q{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.add-category-form.svelte-1n46o8q{gap:.5rem;margin-bottom:1rem;display:flex}.add-category-form.svelte-1n46o8q input:where(.svelte-1n46o8q){border:1px solid #ddd;border-radius:8px;flex:1;padding:.75rem;font-size:1rem}.add-category-form.svelte-1n46o8q button:where(.svelte-1n46o8q){color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:.75rem 1.5rem}.categories-grid.svelte-1n46o8q{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.category-card.svelte-1n46o8q{cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000014}.category-card.svelte-1n46o8q:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.cat-info.svelte-1n46o8q h3:where(.svelte-1n46o8q){margin-bottom:.25rem;font-size:1.125rem}.card-count.svelte-1n46o8q{color:#666;font-size:.875rem}.btn-delete-cat.svelte-1n46o8q{color:#999;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1rem}.btn-delete-cat.svelte-1n46o8q:hover{color:#ef4444}.empty.svelte-1n46o8q{text-align:center;color:gray;margin-top:2rem}.header-actions.svelte-1n46o8q{align-items:center;gap:.5rem;display:flex}.btn-settings.svelte-1n46o8q{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;font-size:1.25rem}.btn-settings.svelte-1n46o8q:hover{background:#eee}.settings-panel.svelte-1n46o8q{background:#fff;border-radius:12px;margin-bottom:1rem;padding:1rem;box-shadow:0 2px 8px #00000014}.settings-panel.svelte-1n46o8q h3:where(.svelte-1n46o8q){margin-bottom:.75rem;font-size:1rem}.settings-buttons.svelte-1n46o8q{flex-wrap:wrap;gap:.5rem;display:flex}.btn-backup.svelte-1n46o8q,.btn-restore.svelte-1n46o8q{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:.5rem 1rem;font-size:.875rem}.btn-backup.svelte-1n46o8q:hover,.btn-restore.svelte-1n46o8q:hover{background:#f5f5f5}