.edit-toolbar[data-v-357c30d2]{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:2px solid var(--primary);box-shadow:0 2px 8px var(--shadow);margin-bottom:1rem}.toolbar-content[data-v-357c30d2]{max-width:1400px;margin:0 auto;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.toolbar-title[data-v-357c30d2]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--primary);font-size:1rem}.toolbar-title svg[data-v-357c30d2]{width:20px;height:20px;stroke-width:2}.toolbar-actions[data-v-357c30d2]{display:flex;gap:.75rem}.toolbar-btn[data-v-357c30d2]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.toolbar-btn svg[data-v-357c30d2]{width:18px;height:18px;stroke-width:2}.add-bookmark-btn[data-v-357c30d2]{background:var(--success);color:#fff}.add-bookmark-btn[data-v-357c30d2]:hover{background:#059669;transform:translateY(-1px)}.add-category-btn[data-v-357c30d2]{background:var(--primary);color:#fff}.add-category-btn[data-v-357c30d2]:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width: 768px){.toolbar-content[data-v-357c30d2]{padding:.75rem;flex-direction:column;gap:.75rem}.toolbar-actions[data-v-357c30d2]{width:100%;justify-content:center}.toolbar-btn[data-v-357c30d2]{flex:1;justify-content:center;padding:.875rem 1rem}.toolbar-btn span[data-v-357c30d2]{display:none}.toolbar-btn svg[data-v-357c30d2]{width:20px;height:20px}}.slide-enter-active[data-v-357c30d2],.slide-leave-active[data-v-357c30d2]{transition:all .3s ease}.slide-enter-from[data-v-357c30d2],.slide-leave-to[data-v-357c30d2]{opacity:0;transform:translateY(-100%)}.settings-section[data-v-e8fff38e]{max-width:600px}.section-title[data-v-e8fff38e]{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:2rem}.form-group[data-v-e8fff38e]{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border)}.form-label[data-v-e8fff38e]{display:block;font-size:1rem;font-weight:500;color:var(--text);margin-bottom:.75rem}.form-row[data-v-e8fff38e]{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.form-input[data-v-e8fff38e]{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:.9rem}.form-input[data-v-e8fff38e]:read-only{background:var(--bg-tertiary);color:var(--text-secondary)}.form-text[data-v-e8fff38e]{flex:1;color:var(--text);font-size:.9rem}.form-hint[data-v-e8fff38e]{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.footer-preview[data-v-e8fff38e]{flex:1;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-secondary);max-height:60px;overflow:hidden}.btn[data-v-e8fff38e]{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);border:none}.btn-primary[data-v-e8fff38e]{background:var(--primary);color:#fff}.btn-primary[data-v-e8fff38e]:hover{background:var(--primary-dark)}.btn-secondary[data-v-e8fff38e]{background:var(--bg-tertiary);color:var(--text);border:1px solid var(--border)}.btn-secondary[data-v-e8fff38e]:hover{background:var(--bg-hover)}.switch[data-v-e8fff38e]{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.switch input[data-v-e8fff38e]{opacity:0;width:0;height:0}.slider[data-v-e8fff38e]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border);transition:var(--transition);border-radius:999px}.slider[data-v-e8fff38e]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;transition:var(--transition);border-radius:50%;box-shadow:0 2px 4px #0003}.switch input:checked+.slider[data-v-e8fff38e]{background:var(--primary)}.switch input:checked+.slider[data-v-e8fff38e]:before{transform:translate(24px)}.settings-section[data-v-fdc8c059]{max-width:600px}.section-title[data-v-fdc8c059]{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:2rem}.form-group[data-v-fdc8c059]{margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.form-group[data-v-fdc8c059]:hover{border-color:var(--primary);transform:translate(4px)}.form-header[data-v-fdc8c059]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.form-icon[data-v-fdc8c059]{width:40px;height:40px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-icon svg[data-v-fdc8c059]{width:22px;height:22px;stroke-width:2}.form-content[data-v-fdc8c059]{flex:1}.form-title[data-v-fdc8c059]{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.form-description[data-v-fdc8c059]{font-size:.875rem;color:var(--text-secondary)}.btn[data-v-fdc8c059]{width:100%;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);border:none}.btn-primary[data-v-fdc8c059]{background:var(--primary);color:#fff}.btn-primary[data-v-fdc8c059]:hover{background:var(--primary-dark);transform:translateY(-1px)}.stats-group[data-v-fdc8c059]{cursor:default}.stats-group[data-v-fdc8c059]:hover{border-color:var(--border);transform:none}.stats-icon[data-v-fdc8c059]{background:var(--success)}.settings-section[data-v-a206ebab]{max-width:600px}.section-title[data-v-a206ebab]{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:2rem}.form-group[data-v-a206ebab]{margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.form-group[data-v-a206ebab]:hover{border-color:var(--primary);transform:translate(4px)}.form-header[data-v-a206ebab]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.form-icon[data-v-a206ebab]{width:40px;height:40px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-icon svg[data-v-a206ebab]{width:22px;height:22px;stroke-width:2}.form-content[data-v-a206ebab]{flex:1}.form-title[data-v-a206ebab]{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.form-description[data-v-a206ebab]{font-size:.875rem;color:var(--text-secondary)}.btn[data-v-a206ebab]{width:100%;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);border:none;text-decoration:none;display:inline-block;text-align:center}.btn-primary[data-v-a206ebab]{background:var(--primary);color:#fff}.btn-primary[data-v-a206ebab]:hover{background:var(--primary-dark);transform:translateY(-1px)}.settings-page[data-v-798fdb44]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:2rem}.settings-container[data-v-798fdb44]{background:var(--bg);border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:1000px;height:80vh;display:flex;flex-direction:column;overflow:hidden}.settings-header[data-v-798fdb44]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0}.back-btn[data-v-798fdb44]{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:var(--radius-sm)}.back-btn[data-v-798fdb44]:hover{background:var(--bg-secondary)}.back-btn svg[data-v-798fdb44]{width:24px;height:24px;stroke-width:2}.settings-header h2[data-v-798fdb44]{margin:0;font-size:1.5rem;font-weight:700;color:var(--text)}.menu-toggle[data-v-798fdb44]{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:var(--radius-sm)}.menu-toggle[data-v-798fdb44]:hover{background:var(--bg-secondary)}.menu-toggle svg[data-v-798fdb44]{width:24px;height:24px;stroke-width:2}.placeholder[data-v-798fdb44]{width:40px}.settings-layout[data-v-798fdb44]{display:flex;flex:1;overflow:hidden}.settings-sidebar[data-v-798fdb44]{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:1.5rem 0;overflow-y:auto;transition:var(--transition)}.sidebar-menu[data-v-798fdb44]{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.menu-item[data-v-798fdb44]{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;cursor:pointer;transition:var(--transition);border-radius:var(--radius);color:var(--text-secondary)}.menu-item[data-v-798fdb44]:hover{background:var(--bg-tertiary);color:var(--text)}.menu-item.active[data-v-798fdb44]{background:var(--primary);color:#fff}.menu-icon[data-v-798fdb44]{font-size:1.25rem;width:24px;text-align:center}.menu-text[data-v-798fdb44]{font-size:.9rem;font-weight:500}.settings-content[data-v-798fdb44]{flex:1;padding:2rem;overflow-y:auto;background:var(--bg)}.page-enter-active[data-v-798fdb44],.page-leave-active[data-v-798fdb44]{transition:all .3s ease}.page-enter-from[data-v-798fdb44]{opacity:0;transform:scale(.9)}.page-leave-to[data-v-798fdb44]{opacity:0;transform:scale(1.1)}@media (max-width: 768px){.settings-page[data-v-798fdb44]{padding:0}.settings-container[data-v-798fdb44]{height:100vh;border-radius:0;flex-direction:column}.settings-layout[data-v-798fdb44]{flex-direction:row;position:relative}.settings-sidebar[data-v-798fdb44]{position:absolute;top:0;left:0;width:280px;height:100%;z-index:10;transform:translate(-100%);border-right:1px solid var(--border);border-bottom:none;padding:1.5rem 0}.settings-sidebar.sidebar-open[data-v-798fdb44]{transform:translate(0)}.sidebar-menu[data-v-798fdb44]{flex-direction:column;gap:.5rem;padding:0 1rem;overflow-x:visible}.menu-item[data-v-798fdb44]{flex-shrink:0;padding:1rem 1.5rem;white-space:nowrap}.settings-content[data-v-798fdb44]{padding:1.5rem;width:100%}.sidebar-overlay[data-v-798fdb44]{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:5}}.bookmark-dialog[data-v-7f7cebd8]{max-width:420px}.url-input-group[data-v-7f7cebd8]{display:flex;gap:.5rem;align-items:stretch}.url-input-group input[data-v-7f7cebd8]{flex:1}.fetch-btn[data-v-7f7cebd8]{display:flex;align-items:center;gap:.4rem;padding:.65rem .875rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.fetch-btn[data-v-7f7cebd8]:hover:not(:disabled){background:var(--primary-dark)}.fetch-btn[data-v-7f7cebd8]:disabled{opacity:.6;cursor:not-allowed}.fetch-btn svg[data-v-7f7cebd8]{width:16px;height:16px;stroke-width:2;flex-shrink:0}.mini-spinner[data-v-7f7cebd8]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-7f7cebd8 .8s linear infinite}@keyframes spin-7f7cebd8{to{transform:rotate(360deg)}}.checkbox-group[data-v-7f7cebd8]{background:var(--bg-secondary);padding:.75rem;border-radius:var(--radius-sm);border:2px solid var(--border)}.checkbox-label[data-v-7f7cebd8]{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer}.checkbox-label input[type=checkbox][data-v-7f7cebd8]{width:18px;height:18px;cursor:pointer;margin-top:.125rem;flex-shrink:0}.checkbox-text[data-v-7f7cebd8]{display:flex;align-items:center;gap:.4rem;font-weight:500;font-size:.85rem;color:var(--text)}.lock-icon[data-v-7f7cebd8]{width:14px;height:14px;stroke-width:2;color:var(--primary)}.checkbox-description[data-v-7f7cebd8]{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:.2rem;margin-left:24px}@media (max-width: 768px){.bookmark-dialog[data-v-7f7cebd8]{max-width:95%}.url-input-group[data-v-7f7cebd8]{flex-direction:column}.fetch-btn[data-v-7f7cebd8]{width:100%;justify-content:center}}@media (max-width: 480px){.bookmark-dialog[data-v-7f7cebd8]{max-width:95%;padding:1rem}}.prompt-dialog[data-v-be2ceeff]{max-width:420px;padding:1.5rem}.prompt-dialog .dialog-title[data-v-be2ceeff]{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:1rem;text-align:center}.prompt-dialog .form-group[data-v-be2ceeff]{margin-bottom:1.5rem}.prompt-dialog input[data-v-be2ceeff]{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);transition:var(--transition)}.prompt-dialog input[data-v-be2ceeff]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.prompt-dialog .dialog-buttons[data-v-be2ceeff]{display:flex;gap:.75rem;justify-content:flex-end}.prompt-dialog .btn[data-v-be2ceeff]{padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;border-radius:var(--radius);transition:var(--transition)}.prompt-dialog .btn-primary[data-v-be2ceeff]{background:var(--primary);color:#fff;border:none}.prompt-dialog .btn-primary[data-v-be2ceeff]:hover{background:var(--primary-dark);transform:translateY(-1px)}.prompt-dialog .btn-secondary[data-v-be2ceeff]{background:var(--bg-secondary);color:var(--text);border:2px solid var(--border)}.prompt-dialog .btn-secondary[data-v-be2ceeff]:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.footer-edit-dialog[data-v-146d8f99]{max-width:600px;padding:2rem}.footer-edit-dialog .dialog-title[data-v-146d8f99]{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:1.5rem;text-align:center}.footer-edit-dialog .form-group[data-v-146d8f99]{margin-bottom:2rem}.footer-edit-dialog .form-label[data-v-146d8f99]{display:block;font-size:.9rem;font-weight:500;color:var(--text);margin-bottom:.75rem}.footer-edit-dialog textarea[data-v-146d8f99]{width:100%;min-height:200px;padding:1rem;font-size:.9rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);transition:var(--transition);resize:vertical;line-height:1.5}.footer-edit-dialog textarea[data-v-146d8f99]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.footer-edit-dialog .form-hint[data-v-146d8f99]{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem;line-height:1.4}.footer-edit-dialog .dialog-buttons[data-v-146d8f99]{display:flex;gap:.75rem;justify-content:flex-end}.footer-edit-dialog .btn[data-v-146d8f99]{padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;border-radius:var(--radius);transition:var(--transition)}.footer-edit-dialog .btn-primary[data-v-146d8f99]{background:var(--primary);color:#fff;border:none}.footer-edit-dialog .btn-primary[data-v-146d8f99]:hover{background:var(--primary-dark);transform:translateY(-1px)}.footer-edit-dialog .btn-secondary[data-v-146d8f99]{background:var(--bg-secondary);color:var(--text);border:2px solid var(--border)}.footer-edit-dialog .btn-secondary[data-v-146d8f99]:hover{background:var(--bg-hover);border-color:var(--text-secondary)}@media (max-width: 768px){.footer-edit-dialog[data-v-146d8f99]{max-width:95%;padding:1.5rem}.footer-edit-dialog textarea[data-v-146d8f99]{min-height:150px;font-size:.85rem}}.import-export-dialog[data-v-7c3ea1e1]{max-width:500px}.export-section[data-v-7c3ea1e1],.import-section[data-v-7c3ea1e1]{margin-bottom:1.5rem}.export-section h4[data-v-7c3ea1e1],.import-section h4[data-v-7c3ea1e1]{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.section-description[data-v-7c3ea1e1]{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.button-group[data-v-7c3ea1e1]{display:flex;gap:.5rem;flex-wrap:wrap}.button-group .btn[data-v-7c3ea1e1]{flex:1;min-width:140px}.button-group .btn svg[data-v-7c3ea1e1]{width:16px;height:16px;stroke-width:2}.divider[data-v-7c3ea1e1]{height:1px;background:var(--border);margin:1.5rem 0}.import-status[data-v-7c3ea1e1]{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary)}.import-result[data-v-7c3ea1e1]{margin-top:.75rem;padding:.75rem;border-radius:var(--radius-sm);font-size:.875rem}.import-result.success[data-v-7c3ea1e1]{background:#10b9811a;color:var(--success)}.import-result.error[data-v-7c3ea1e1]{background:#ef44441a;color:var(--danger)}.import-notice[data-v-7c3ea1e1]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#3b82f61a;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.875rem;color:var(--primary)}.import-notice svg[data-v-7c3ea1e1]{width:18px;height:18px;stroke-width:2;flex-shrink:0}.btn[data-v-7c3ea1e1]:disabled{opacity:.6;cursor:not-allowed}.toast-container[data-v-668e60ad]{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast[data-v-668e60ad]{display:flex;align-items:flex-start;gap:.75rem;min-width:300px;max-width:450px;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;pointer-events:auto;cursor:pointer;transition:all .3s ease;border-left:4px solid}.dark .toast[data-v-668e60ad]{background:var(--bg-secondary);box-shadow:0 4px 12px #00000080}.toast[data-v-668e60ad]:hover{transform:translate(-4px);box-shadow:0 6px 16px #0003}.toast.success[data-v-668e60ad]{border-left-color:#10b981}.toast.error[data-v-668e60ad]{border-left-color:#ef4444}.toast.warning[data-v-668e60ad]{border-left-color:#f59e0b}.toast.info[data-v-668e60ad]{border-left-color:#3b82f6}.toast-icon[data-v-668e60ad]{flex-shrink:0;width:24px;height:24px}.toast-icon svg[data-v-668e60ad]{width:100%;height:100%;stroke-width:2}.toast.success .toast-icon[data-v-668e60ad]{color:#10b981}.toast.error .toast-icon[data-v-668e60ad]{color:#ef4444}.toast.warning .toast-icon[data-v-668e60ad]{color:#f59e0b}.toast.info .toast-icon[data-v-668e60ad]{color:#3b82f6}.toast-content[data-v-668e60ad]{flex:1;min-width:0}.toast-title[data-v-668e60ad]{font-weight:600;font-size:.875rem;margin-bottom:.25rem;color:var(--text)}.toast-message[data-v-668e60ad]{font-size:.875rem;color:var(--text-secondary);word-wrap:break-word}.toast-close[data-v-668e60ad]{flex-shrink:0;background:none;border:none;padding:0;width:20px;height:20px;cursor:pointer;color:var(--text-secondary);transition:color .2s ease}.toast-close[data-v-668e60ad]:hover{color:var(--text)}.toast-close svg[data-v-668e60ad]{width:100%;height:100%;stroke-width:2}.toast-enter-active[data-v-668e60ad],.toast-leave-active[data-v-668e60ad]{transition:all .3s ease}.toast-enter-from[data-v-668e60ad]{opacity:0;transform:translate(100%)}.toast-leave-to[data-v-668e60ad]{opacity:0;transform:translate(100%) scale(.9)}.toast-move[data-v-668e60ad]{transition:transform .3s ease}@media (max-width: 768px){.toast-container[data-v-668e60ad]{top:auto;bottom:1rem;left:1rem;right:1rem}.toast[data-v-668e60ad]{min-width:auto;max-width:100%}.toast-enter-from[data-v-668e60ad]{transform:translateY(100%)}.toast-leave-to[data-v-668e60ad]{transform:translateY(100%) scale(.9)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3b82f6;--primary-dark: #2563eb;--secondary: #64748b;--success: #10b981;--danger: #ef4444;--bg: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: rgba(0, 0, 0, .1);--shadow-lg: rgba(0, 0, 0, .15);--radius: 12px;--radius-sm: 8px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark{--primary: #60a5fa;--primary-dark: #3b82f6;--secondary: #94a3b8;--success: #34d399;--danger: #f87171;--bg: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .5)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:var(--transition)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.dark .app-header{background:#0f172ae6}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.app-title{font-size:1.5rem;font-weight:700;color:var(--text)}.header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.header-actions .btn{display:inline-flex;align-items:center;gap:.35rem}.header-actions .btn svg{width:16px;height:16px;stroke-width:2.5;flex-shrink:0}.header-search{max-width:600px;margin:1rem auto}.search-bar{position:relative;display:flex;align-items:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;transition:var(--transition)}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.search-icon{width:20px;height:20px;color:var(--text-secondary);margin-right:.5rem;flex-shrink:0}.search-bar input{flex:1;border:none;background:transparent;color:var(--text);font-size:.95rem;outline:none}.search-bar input::placeholder{color:var(--text-secondary)}.clear-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;transition:var(--transition)}.clear-btn:hover{color:var(--text)}.clear-btn svg{width:16px;height:16px;stroke-width:2}.category-buttons{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none}.category-buttons::-webkit-scrollbar{display:none}.category-btn{flex-shrink:0;padding:.5rem 1rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.category-btn:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--text)}.category-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.app-main{flex:1;max-width:1400px;margin:2rem 0;padding:0 1rem;text-align:left}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.1rem}.empty-state svg{width:64px;height:64px;margin-bottom:1rem;opacity:.5;stroke-width:1.5}.empty-state p{margin:.5rem 0}.categories-container{display:flex;flex-direction:column;gap:3rem}.category-section{scroll-margin-top:140px}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.category-title{font-size:1.5rem;font-weight:700;color:var(--text)}.category-actions{display:flex;gap:.5rem}.bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;padding:.5rem 0}.bookmark-card{position:relative;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);padding:.875rem;cursor:pointer;transition:var(--transition);overflow:hidden}.bookmark-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px var(--shadow);border-color:var(--primary)}.bookmark-card[draggable=true]{cursor:move}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.card-icon{width:20px;height:20px;flex-shrink:0;border-radius:4px}.card-title{font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-url{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.4rem}.card-description{font-size:.8rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.private-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .4rem;background:#ff98001a;color:#ff9800;border-radius:4px;font-size:.7rem;font-weight:600;margin-top:.4rem}.dark .private-badge{background:#ff980033}.private-badge svg{width:12px;height:12px;stroke-width:2.5}.card-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:var(--transition)}.bookmark-card:hover .card-actions{opacity:1}.btn{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow)}.btn-secondary{background:var(--bg-secondary);color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.icon-btn{width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.icon-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.icon-btn.delete-btn:hover{background:var(--danger)}.icon-btn svg{width:16px;height:16px;stroke-width:2}.floating-buttons{position:fixed;right:1.5rem;bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:50}.floating-btn{width:48px;height:48px;border:none;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow);transition:var(--transition)}.floating-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-lg)}.add-bookmark-btn{background:var(--success);color:#fff;border-color:var(--success)}.add-bookmark-btn:hover{background:#059669;border-color:#059669}.add-category-btn{background:var(--primary);color:#fff;border-color:var(--primary)}.add-category-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.theme-btn{background:var(--secondary);color:#fff;border-color:var(--secondary)}.theme-btn:hover{background:#475569;border-color:#475569}.floating-btn svg{width:20px;height:20px;stroke-width:2}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}.dialog-box{background:var(--bg);border-radius:var(--radius);padding:1.25rem;width:100%;max-width:420px;box-shadow:0 20px 40px var(--shadow-lg);animation:dialogSlide .3s ease;max-height:85vh;overflow-y:auto}@keyframes dialogSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dialog-title{font-size:1.15rem;font-weight:700;margin-bottom:1rem;color:var(--text)}.dialog-message{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.dialog-buttons{display:flex;gap:.75rem;justify-content:flex-end}.form-group{margin-bottom:.875rem}.form-group label{display:block;font-size:.8rem;font-weight:500;margin-bottom:.4rem;color:var(--text)}.form-group input,.form-group select{width:100%;padding:.65rem;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text);font-size:.9rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.error-message{color:var(--danger);font-size:.875rem;margin:1rem 0}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:var(--transition)}.slide-enter-from,.slide-leave-to{opacity:0;transform:translateY(20px)}@media (max-width: 768px){.app-title{font-size:1.25rem}.header-search{margin:.75rem 0}.bookmarks-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.625rem}.category-section{scroll-margin-top:160px}.floating-buttons{right:1rem;bottom:1rem}.header-actions{justify-content:flex-end}.header-actions .btn{font-size:.8rem;padding:.5rem .75rem}.header-actions .btn svg{width:14px;height:14px}.floating-btn{width:44px;height:44px}}@media (max-width: 480px){.bookmarks-grid{grid-template-columns:1fr}.header-content{gap:.5rem}.app-title{font-size:1.1rem}.header-actions{gap:.35rem}.header-actions .btn{min-width:auto;font-size:.75rem;padding:.4rem .6rem}.header-actions .btn svg{width:12px;height:12px}.app-main{margin:1rem 0}}.app-footer{margin-top:auto;padding:1.5rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--border);text-align:center}.footer-content{font-size:.875rem;color:var(--text-secondary);line-height:1.5;max-width:1400px;margin:0 auto}.footer-content a{color:var(--primary);text-decoration:none;transition:var(--transition)}.footer-content a:hover{color:var(--primary-dark);text-decoration:underline}.footer-content h1,.footer-content h2,.footer-content h3,.footer-content h4,.footer-content h5,.footer-content h6{margin:.5rem 0;color:var(--text)}.footer-content p{margin:.5rem 0}.footer-content ul,.footer-content ol{margin:.5rem 0;padding-left:1.5rem}.footer-content li{margin:.25rem 0}@media (max-width: 768px){.app-footer{padding:1rem .75rem}.footer-content{font-size:.8rem}}