*{box-sizing:border-box}body{margin:0;background:#0b0c10;color:#f5f5f5;font-family:Inter,system-ui,Arial}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;background:#0b0c10eF;z-index:5;border-bottom:1px solid #222}.brand{font-size:21px}.brand b{color:#e7b85c}nav{display:flex;gap:8px}button,select,input{font:inherit}nav button,#filters button{background:none;color:#aaa;border:0;padding:10px 13px;cursor:pointer}nav button:hover,#filters .active{color:#fff}.hero{min-height:370px;display:flex;align-items:center;padding:55px 7%;background:radial-gradient(circle at 80% 20%,#43351f 0,transparent 30%),linear-gradient(120deg,#17130e,#0b0c10 55%)}.hero h1{font-family:Georgia,serif;font-size:56px;line-height:1.02;margin:12px 0}.hero p{color:#aaa;max-width:620px}.pill{font-size:11px;letter-spacing:2px;color:#e7b85c}form{display:flex;max-width:650px;margin-top:28px}input{flex:1;padding:16px;border:1px solid #333;background:#15161b;color:#fff;border-radius:8px 0 0 8px;outline:0}form button,.more,.primary{border:0;background:#e7b85c;color:#15110a;font-weight:700;padding:0 22px;border-radius:0 8px 8px 0;cursor:pointer}#filters{display:flex;gap:4px;overflow:auto;padding:24px 6%;border-bottom:1px solid #1d1d1d}.sectionHead{display:flex;justify-content:space-between;align-items:center;padding:24px 6% 8px}.sectionHead h2{font-family:Georgia,serif;font-size:28px}select{background:#15161b;color:#ddd;border:1px solid #333;border-radius:7px;padding:9px}.grid{padding:15px 6% 35px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:28px 18px}.book{cursor:pointer;position:relative}.cover{aspect-ratio:2/3;background:#202126;border-radius:5px;overflow:hidden;box-shadow:0 12px 25px #0008}.cover img{width:100%;height:100%;object-fit:cover}.book h3{font-size:14px;margin:10px 0 4px}.book p{font-size:12px;color:#888;margin:0}.check{position:absolute;right:8px;top:8px;background:#37a65a;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-weight:bold}.more{display:block;margin:0 auto 50px;padding:13px 25px;border-radius:7px}#status{text-align:center;color:#999}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:10;padding:20px}.hidden{display:none}.modalCard{position:relative;background:#17181d;max-width:760px;width:100%;max-height:90vh;overflow:auto;border:1px solid #333;border-radius:12px;padding:30px}.modalCard #close{position:absolute;right:15px;top:10px;background:none;border:0;color:white;font-size:30px}.detail{display:grid;grid-template-columns:190px 1fr;gap:28px}.detail img{width:100%;border-radius:5px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.actions button,.actions a{background:#292b32;color:#eee;border:1px solid #3b3d44;border-radius:6px;padding:10px 12px;text-decoration:none;cursor:pointer}.actions .primary{background:#e7b85c;color:#17110a}.note{width:100%;min-height:100px;background:#101116;color:#eee;border:1px solid #333;padding:10px}.progress{width:100%}.saved{padding:15px 6%}.saved article{padding:14px;border-bottom:1px solid #222}@media(max-width:600px){header nav button{font-size:0}header nav button:before{content:"•";font-size:22px}.hero h1{font-size:40px}.detail{grid-template-columns:1fr}.detail img{max-width:180px}.grid{grid-template-columns:repeat(2,1fr)}}