@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=DM+Sans:wght@300;400;500&display=swap";:root{--bg: #0d0d0d;--surface: #161616;--card: #1e1e1e;--accent: #c9a84c;--accent-light: #f0d080;--text: #f0ede6;--text-muted: #888;--border: #2a2a2a;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh}.weather{min-height:100vh;padding:60px 20px;background:radial-gradient(ellipse at 20% 10%,rgba(201,168,76,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(201,168,76,.04) 0%,transparent 50%),var(--bg)}.container{max-width:1100px;margin:0 auto}.container:before{content:"BOOK SEARCH";display:block;font-family:Playfair Display,serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;letter-spacing:.12em;color:transparent;-webkit-text-stroke:1px var(--accent);text-align:center;margin-bottom:10px;opacity:.9}.container:after{content:"──────────────────────────────";display:block;text-align:center;color:var(--accent);opacity:.3;font-size:.8rem;letter-spacing:.3em;margin-bottom:50px}.search-form{display:flex;gap:12px;max-width:600px;margin:0 auto 60px;position:relative}.search-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:DM Sans,sans-serif;font-size:1rem;padding:16px 20px;outline:none;transition:border-color .3s,box-shadow .3s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c9a84c1f}.search-btn{background:var(--accent);color:#0d0d0d;border:none;border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:16px 28px;cursor:pointer;transition:background .2s,transform .15s}.search-btn:hover{background:var(--accent-light);transform:translateY(-1px)}.search-btn:active{transform:translateY(0)}.js-weather-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px}.book-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s;animation:fadeUp .4s ease both}.book-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 12px 40px #c9a84c1f}.book-card img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:#111}.book-card p.no-cover{width:100%;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-muted);background:#111;letter-spacing:.05em}.book-card h3{font-family:Playfair Display,serif;font-size:.95rem;font-weight:700;line-height:1.4;color:var(--text);padding:14px 14px 4px}.book-card p{font-size:.78rem;color:var(--text-muted);padding:2px 14px}.book-card p:last-child{padding-bottom:14px;color:var(--accent);font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.book-card:nth-child(1){animation-delay:.05s}.book-card:nth-child(2){animation-delay:.1s}.book-card:nth-child(3){animation-delay:.15s}.book-card:nth-child(4){animation-delay:.2s}.book-card:nth-child(5){animation-delay:.25s}.book-card:nth-child(6){animation-delay:.3s}.book-card:nth-child(7){animation-delay:.35s}.book-card:nth-child(8){animation-delay:.4s}.book-card:nth-child(9){animation-delay:.45s}.book-card:nth-child(10){animation-delay:.5s}