.post-header{display:none}.book-card-container{perspective:1000px;width:100%;margin-bottom:1rem}.book-card{position:relative;width:100%;aspect-ratio:2/3;transform-style:preserve-3d;transition:transform .6s ease-in-out}.book-card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);background:#fff;border:2px solid #e5e7eb}.card-front{z-index:2}.card-back{transform:rotateY(180deg);background:#f8fafc}.book-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:10px;overflow:hidden}.book-cover img{max-width:100%;max-height:100%;object-fit:cover}.recommendation-form-container{width:100%;max-width:400px}.form-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:2rem;box-shadow:0 10px 24px rgba(0,0,0,.06);transition:box-shadow .2s ease,transform .2s ease}.form-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,.08)}.form-header{display:flex;flex-direction:column;gap:4px;margin-bottom:1.5rem}.form-header-title{font-size:1.25rem;font-weight:800;background:linear-gradient(90deg,#0ea5e9 0%,#2563eb 50%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.form-header-subtitle{font-size:.85rem;color:#64748b}.form-group{margin-bottom:1.5rem}.form-label{display:block;color:#1f2937;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.form-input{width:100%;padding:.75rem 2rem .75rem 2.5rem;border:1px solid #e5e7eb;border-radius:10px;font-size:.95rem;transition:all .2s ease;background-color:#f9fafb;box-sizing:border-box}.input-with-icon{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#64748b}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);background-color:#fff}.form-input::placeholder{color:#6b7280}.form-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}.submit-button{width:100%;padding:.875rem 1.5rem;background:#0071e3;color:#fff;border:none;border-radius:9999px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 6px 16px rgba(0,113,227,.24)}.submit-button:hover:not(:disabled){background:#0077ed;transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,119,237,.28)}.submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.book-grid{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(4,1fr);gap:8px;width:100%;height:100%}.main-container{min-height:100vh;background:#fff;padding:2rem 1rem}.content-wrapper{max-width:1600px;margin:0 auto;display:flex;gap:2rem;align-items:flex-start}.books-section{flex:1;min-width:0}.form-section{flex-shrink:0;width:400px}.page-title{text-align:left;margin-bottom:2rem}.brand-title{font-size:1.8rem;font-weight:800;background:linear-gradient(90deg,#0ea5e9 0%,#2563eb 50%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.04em;margin-bottom:.5rem}.page-title p{color:#64748b;font-size:1rem}.success-message{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:600;box-shadow:0 4px 15px rgba(16,185,129,.3);animation:slideIn .3s ease-out}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-container{position:fixed;bottom:20px;left:250px;z-index:9999;display:flex;flex-direction:column-reverse;gap:10px;width:350px}.notification-item{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:15px 20px;border-radius:12px;box-shadow:0 4px 20px rgba(102,126,234,.4);animation:slideInLeft .4s ease-out;display:flex;flex-direction:column;gap:5px;transition:all .3s ease}.notification-item:hover{transform:translateX(5px);box-shadow:0 6px 25px rgba(102,126,234,.5)}.notification-item.hiding{animation:slideOutLeft .4s ease-in forwards}.notification-title{font-weight:600;font-size:14px;margin:0}.notification-time{font-size:12px;opacity:.9;margin:0}@keyframes slideInLeft{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@media (max-width:768px){.books-section{display:none}.notifications-container{display:none !important}.book-grid{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(8,1fr);gap:4px}.form-card{padding:1.5rem}.content-wrapper{flex-direction:column}.form-section{width:100% !important;max-width:400px;margin:0 auto}}