body{background:linear-gradient(to bottom,#fff,#fff)}.background-pattern.svelte-jchy7u{background-color:#fff;background-image:radial-gradient(rgba(100,116,139,.12) 2px,transparent 2px),radial-gradient(#64748b1f 2px,#fff 2px);background-size:40px 40px;background-position:0 0,20px 20px}.book-form .card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem}@media (min-width: 768px){.book-form .card{padding:1.5rem 1.75rem}}.book-form .form{display:flex;flex-direction:column;gap:.875rem}.book-form .field{min-width:0}.book-form .grid-2{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 480px){.book-form .grid-2{grid-template-columns:1fr 1fr}}.book-form .label{display:block;font-size:.8125rem;font-weight:500;color:#334155;margin-bottom:.3rem}.book-form .req{color:#bc2c34;font-weight:400}.book-form .input{width:100%;height:38px;padding:0 .75rem;border-radius:6px;border:1px solid #e2e8f0;background:#fff;font-size:.875rem;color:#0f172a;outline:none;transition:border-color .15s,box-shadow .15s}.book-form .textarea{width:100%;min-height:96px;padding:.5rem .75rem;border-radius:6px;border:1px solid #e2e8f0;background:#fff;font-size:.875rem;color:#0f172a;outline:none;resize:vertical;transition:border-color .15s,box-shadow .15s}.book-form .textarea-sm{min-height:60px}.book-form .input::-moz-placeholder,.book-form .textarea::-moz-placeholder{color:#94a3b8}.book-form .input::placeholder,.book-form .textarea::placeholder{color:#94a3b8}.book-form .input:hover:not(:focus),.book-form .textarea:hover:not(:focus){border-color:#cbd5e1}.book-form .input:focus,.book-form .textarea:focus{border-color:#bc2c34;box-shadow:none}.book-form .input:-webkit-autofill,.book-form .textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:#0f172a;caret-color:#0f172a}.book-form .input:-webkit-autofill:focus,.book-form .textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px white inset}.book-form .error-banner{display:flex;gap:.625rem;align-items:center;padding:.75rem 1rem;border-radius:6px;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;font-size:.8125rem}.book-form .error-banner svg{color:#b91c1c}.book-form .error-banner p{margin:0}.book-form .actions{display:flex;gap:.625rem;margin-top:.25rem}.book-form .actions-center{justify-content:center}.book-form .actions-split{justify-content:space-between;align-items:center;flex-wrap:wrap}.book-form .primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-width:0;padding:.65rem 1.25rem;background:#bc2c34;color:#fff;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:background-color .15s,transform .1s}@media (min-width: 540px){.book-form .primary-btn{width:auto;min-width:220px}}.book-form .primary-btn:hover:not(:disabled){background:#a12329}.book-form .primary-btn:active:not(:disabled){transform:translateY(1px)}.book-form .primary-btn:disabled{background:#cbd5e1;color:#fff;cursor:not-allowed}.book-form .primary-btn:focus-visible{outline:2px solid #bc2c34;outline-offset:2px}.book-form .ghost-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:transparent;color:#475569;font-size:.8125rem;font-weight:500;border:none;cursor:pointer;border-radius:6px;transition:color .15s,background-color .15s}.book-form .ghost-btn:hover{color:#0f172a;background:#f1f5f9}.book-form .ghost-btn:focus-visible{outline:2px solid #bc2c34;outline-offset:2px}.book-form .ghost-btn:disabled{opacity:.55;cursor:not-allowed}
