:root{--bg:#07111d;--panel:#0d1b2a;--gold:#d8b56b;--cream:#f2ead8;--muted:#aab6c4}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#06101b,#0a1625 45%,#07111d);color:var(--cream);font-family:Georgia,'Times New Roman',serif}
header{position:sticky;top:0;z-index:10;background:rgba(7,17,29,.96);border-bottom:1px solid rgba(216,181,107,.28)}
.wrap,.hero,.controls,.grid{max-width:1280px;margin:auto}.wrap{padding:22px 28px}
.brand{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.logo{font-size:23px;letter-spacing:.12em;color:var(--gold);font-weight:700}.tag{color:var(--muted);font:13px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.hero{padding:52px 28px 28px}.hero h1{font-size:clamp(38px,6vw,74px);line-height:.96;margin:0 0 14px}.hero p{font:18px/1.6 Arial,sans-serif;color:var(--muted)}
.controls{padding:0 28px 24px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px}
input,select,button{padding:13px;border-radius:9px;border:1px solid rgba(216,181,107,.35);background:#0d1b2a;color:white;font-size:15px}
#results{font:14px Arial,sans-serif;color:var(--muted);grid-column:1/-1}
.grid{padding:0 28px 70px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.book{background:#102239;border:1px solid rgba(216,181,107,.2);border-radius:14px;overflow:hidden}.cover{aspect-ratio:2/3;display:block;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}
.meta{padding:16px}.top{display:flex;justify-content:space-between;color:var(--muted)}small,.series,.genre{font-family:Arial,sans-serif}.title{color:var(--cream);text-decoration:none}h2{font-size:20px;margin:9px 0 8px}.series{color:var(--gold);font-size:12px}.genre{color:var(--muted);font-size:12px;margin:5px 0 10px}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.badge{font:11px Arial,sans-serif;border:1px solid rgba(216,181,107,.45);border-radius:999px;padding:5px 8px;color:var(--gold)}
.btn{display:inline-block;background:var(--gold);color:#07111d;text-decoration:none;padding:11px 16px;border-radius:8px;font:bold 14px Arial,sans-serif}.hidden{display:none}
.detail{max-width:1120px;margin:auto;padding:34px 28px 70px}.navtop{margin-bottom:24px}.backbtn{display:inline-block;background:var(--gold);color:#07111d;text-decoration:none;padding:13px 18px;border-radius:9px;font:bold 15px Arial,sans-serif}
.detailgrid{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:42px}.detail img{width:100%;border-radius:14px}.detail h1{font-size:clamp(34px,5vw,58px);line-height:1;margin:6px 0 14px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 24px}.chip{border:1px solid rgba(216,181,107,.35);border-radius:999px;padding:7px 10px;font:12px Arial,sans-serif;color:var(--muted)}
.desc{font-size:18px;line-height:1.65;color:#e8e0cf;white-space:pre-line}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.buybtn{font-size:16px;padding:13px 19px}.bottomnav{margin-top:34px;padding-top:28px;border-top:1px solid rgba(216,181,107,.2)}
@media(max-width:850px){.controls{grid-template-columns:1fr 1fr}.controls input,#results{grid-column:1/-1}.detailgrid{grid-template-columns:1fr}.backbtn{width:100%;text-align:center}}

.loading{max-width:1280px;margin:auto;padding:20px 28px;color:var(--muted);font-family:Arial,sans-serif}
.cover-fallback{aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:#102239;color:var(--cream);font-size:22px}
.live-note{font-family:Arial,sans-serif;color:var(--gold);font-size:13px;margin-top:6px}
.upload-preview{max-width:120px;max-height:180px;margin-top:10px;border-radius:8px;display:none}

.media-page{max-width:1000px;margin:auto;padding:55px 28px 80px}
.media-card{background:#102239;border:1px solid rgba(216,181,107,.25);border-radius:16px;padding:28px;margin-top:25px}
.media-card h2{font-size:32px;margin:0 0 10px}.media-card p{font:17px/1.6 Arial,sans-serif;color:#aab6c4}

.podcast-card{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:20px 0;border-top:1px solid #2a3d52;align-items:start}
.podcast-card:first-child{border-top:0}.podcast-img{width:90px;height:90px;object-fit:cover;border-radius:10px}
.podcast-copy h3{font-family:Georgia,serif;font-size:24px;margin:0 0 8px}.podcast-copy p{margin:0 0 12px}
.podcast-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:650px){.podcast-card{grid-template-columns:1fr}.podcast-img{width:120px;height:120px}}