:root{--primary-hue: 260;--primary: hsl(var(--primary-hue), 100%, 65%);--primary-dark: hsl(var(--primary-hue), 100%, 55%);--secondary: hsl(320, 100%, 60%);--bg-dark: hsl(240, 10%, 8%);--bg-card: hsla(240, 10%, 12%, .7);--text-main: hsl(0, 0%, 100%);--text-muted: hsla(0, 0%, 100%, .7);--glass-border: hsla(0, 0%, 100%, .1);--glass-highlight: hsla(0, 0%, 100%, .05);--radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(circle at 10% 20%,hsla(var(--primary-hue),80%,20%,.3) 0%,transparent 40%),radial-gradient(circle at 90% 80%,hsla(320,80%,20%,.3) 0%,transparent 40%);color:var(--text-main);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:3.5rem;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:2rem;margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-size:1rem;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 20px hsla(var(--primary-hue),50%,50%,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px hsla(var(--primary-hue),60%,60%,.4)}.btn-outline{background:transparent;border:1px solid var(--glass-border);color:var(--text-main)}.btn-outline:hover{background:var(--glass-highlight);border-color:var(--primary)}.card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:2rem;transition:var(--transition)}.card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 40px #0003}.input-group{margin-bottom:1.5rem}input,textarea{width:100%;padding:1rem;background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius);color:#fff;font-size:1rem;transition:var(--transition)}input:focus,textarea:focus{outline:none;border-color:var(--primary);background:#0000004d}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--glass-border)}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text-muted);text-decoration:none;font-weight:500;transition:var(--transition)}.nav-link:hover,.nav-link.active{color:var(--primary)}.text-center{text-align:center}.mt-4{margin-top:2rem}.mb-4{margin-bottom:2rem}.flex-center{display:flex;justify-content:center;align-items:center}.text-gradient{background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.book-card-clickable{transition:var(--transition);position:relative;overflow:hidden}.book-card-clickable:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8a2be21a,#ff14931a);opacity:0;transition:var(--transition);pointer-events:none;border-radius:var(--radius)}.book-card-clickable:hover:before{opacity:1}.book-card-clickable:hover{transform:translateY(-8px) scale(1.02);border-color:var(--primary);box-shadow:0 15px 50px #8a2be24d}.book-detail-container{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-top:2rem}.book-detail-cover{display:flex;justify-content:center;align-items:flex-start}.book-detail-content{display:flex;flex-direction:column}.book-detail-section{margin-bottom:2rem;padding:1.5rem;background:#ffffff08;border-radius:var(--radius);border:1px solid var(--glass-border);transition:var(--transition)}.book-detail-section:hover{background:#ffffff0d;border-color:var(--primary)}.book-info-grid{display:grid;gap:1rem}.book-info-item{display:flex;justify-content:space-between;padding:1rem;background:#0003;border-radius:8px;border:1px solid var(--glass-border)}.book-info-label{font-weight:600;color:var(--primary)}.book-info-value{color:var(--text-main)}.book-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-secondary{background:#ffffff1a;color:var(--text-main);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff26;border-color:var(--primary);transform:translateY(-2px)}@media(max-width:768px){.book-detail-container{grid-template-columns:1fr;gap:2rem}.book-detail-cover img{max-width:100%}h1{font-size:2rem}.book-actions{flex-direction:column}.book-actions button{width:100%}}