.connection-page.svelte-3ul2et{max-width:1000px;margin:0 auto;padding:2rem 1rem}.page-title.svelte-3ul2et{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:2rem;text-align:center}.section.svelte-3ul2et{margin-bottom:3rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000000d}.section-title.svelte-3ul2et{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.search-box.svelte-3ul2et{display:flex;gap:.75rem;margin-bottom:1.5rem}.search-input.svelte-3ul2et{width:100%;flex-grow:1;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.btn-search.svelte-3ul2et{flex-shrink:0}.search-input.svelte-3ul2et:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.library-grid.svelte-3ul2et{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.library-card.svelte-3ul2et{display:flex;justify-content:space-between;align-items:stretch;padding:1.25rem;background:#f8fafc;border-radius:8px;transition:all .2s;border:1px solid #e2e8f0}@media (min-width: 640px){.library-card.svelte-3ul2et{flex-direction:row;align-items:center}}.library-card.svelte-3ul2et:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.library-info.svelte-3ul2et{flex:1}.library-name.svelte-3ul2et{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0 0 .25rem}.library-location.svelte-3ul2et{font-size:.875rem;color:#718096;margin:0}.btn.svelte-3ul2et{padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.875rem}.btn-connect.svelte-3ul2et{background:#667eea;color:#fff}.btn-connect.svelte-3ul2et:hover{background:#5a67d8}.btn-disconnect.svelte-3ul2et{background:#f56565;color:#fff}.btn-disconnect.svelte-3ul2et:hover{background:#e53e3e}.btn-search.svelte-3ul2et{background:#48bb78;color:#fff}.btn-search.svelte-3ul2et:hover{background:#38a169}.no-data.svelte-3ul2et{text-align:center;color:#a0aec0;padding:2rem;grid-column:1 / -1}.modal-backdrop.svelte-3ul2et{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal.svelte-3ul2et{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:450px;position:relative;box-shadow:0 10px 25px #0000001a}@media (max-width: 640px){.modal.svelte-3ul2et{height:100%;border-radius:0}}.close-btn.svelte-3ul2et{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#a0aec0;padding:.25rem}.modal.svelte-3ul2et h3:where(.svelte-3ul2et){margin-top:0;margin-bottom:.5rem;color:#2d3748}.modal.svelte-3ul2et p:where(.svelte-3ul2et){margin-top:0;margin-bottom:1.5rem;color:#718096;font-size:.9rem}.form-group.svelte-3ul2et{margin-bottom:1rem}.form-group.svelte-3ul2et label:where(.svelte-3ul2et){display:block;margin-bottom:.5rem;font-weight:500;color:#4a5568;font-size:.9rem}.form-input.svelte-3ul2et{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:all .2s}.form-input.svelte-3ul2et:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.modal-actions.svelte-3ul2et{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn-primary.svelte-3ul2et{background:#667eea;color:#fff}.btn-primary.svelte-3ul2et:hover:not(:disabled){background:#5a67d8}.btn-secondary.svelte-3ul2et{background:#e2e8f0;color:#4a5568}.btn-secondary.svelte-3ul2et:hover:not(:disabled){background:#cbd5e0}.error-message.svelte-3ul2et{color:#e53e3e;margin:1rem 0 0;font-size:.875rem;text-align:center}button.svelte-3ul2et:disabled{opacity:.7;cursor:not-allowed}.cards-form-container.svelte-3ul2et{max-height:40vh;overflow-y:auto;padding-right:10px;margin:1.5rem 0}.card-form.svelte-3ul2et{border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;margin-bottom:1rem;position:relative;background:#f8fafc}.btn-add-card.svelte-3ul2et{background:none;border:1px dashed #cbd5e0;color:#4a5568;width:100%;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500}.btn-add-card.svelte-3ul2et:hover:not(:disabled){background:#f7fafc;border-color:#a0aec0}.btn-remove-card.svelte-3ul2et{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:#f56565;font-size:.8rem;cursor:pointer;font-weight:700;padding:.25rem .5rem}