:root{font-family:Georgia,Times New Roman,serif;color:#f5e9d2;background:#170f0c}*{box-sizing:border-box}body{margin:0}button{cursor:pointer;font:inherit}button:disabled{opacity:.35;cursor:default}header{display:flex;align-items:center;justify-content:space-between;padding:16px 5%;border-bottom:1px solid #674a31;background:#20150f}header button,.roomhead button,.readinghead button,.controls button{border:1px solid #b69258;border-radius:6px;color:#f4dfb4;background:#493020;padding:9px 14px}.brand{font-size:1.35rem;letter-spacing:.06em}.brand small{display:block;font:12px system-ui;color:#bea57e}.room{min-height:calc(100vh - 74px);padding:7vh 5% 6vh;background:radial-gradient(ellipse at 50% 8%,#60452b,#302018 43%,#160e0a);text-align:center}.roomhead h1{font-size:clamp(2rem,5vw,3.7rem);font-weight:400;margin:12px 0}.roomhead p,.hint{color:#c4ad8e}.eyebrow{font:11px system-ui;letter-spacing:.3em;color:#d9b879}.shelf{max-width:1000px;margin:45px auto 0;min-height:340px;display:flex;justify-content:center;align-items:flex-end;gap:8px;padding:20px 35px 30px;border-bottom:28px solid #70472b;box-shadow:0 20px #382216,0 32px 32px #090604;background:linear-gradient(90deg,#29180e,#50321d,#28190f);border-left:20px solid #402718;border-right:20px solid #402718}.volume{--cover:#673a29;color:#ebd4aa;background:linear-gradient(90deg,#130e0b 0%,var(--cover) 18%,var(--cover) 82%,#20120f 100%);width:130px;height:250px;border:2px solid #a57a48;border-radius:4px 9px 9px 4px;box-shadow:6px 6px 12px #120a07;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:25px 9px;text-shadow:1px 1px #1b100b;transition:transform .2s}.volume:hover{transform:translateY(-13px)}.volume strong{font-size:1.05rem;font-weight:400}.volume small{color:#cbb78e}.ornament{color:#d9b675}.catalog{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin:45px auto}.catalog .volume{width:190px;height:260px}.reading{min-height:calc(100vh - 74px);background:radial-gradient(ellipse,#67472b,#24160f);padding:20px 3%;text-align:center}.readinghead{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#e2c79e;font-size:clamp(.75rem,2vw,1rem)}.book{margin:30px auto 20px;max-width:1000px;min-height:470px;display:flex;justify-content:center;filter:drop-shadow(15px 18px 12px #0b0806)}.paper{position:relative;flex:1;max-width:500px;background:#efe4ca;color:#473727;padding:40px 6%;border:1px solid #b5a68b;box-shadow:inset -10px 0 24px #c9b99a;text-align:center}.paper+.paper{box-shadow:inset 10px 0 24px #c9b99a}.folio{font-size:12px;color:#877b67}.photo{height:270px;margin:20px 0;background:linear-gradient(140deg,#a8a08c,#706854);display:grid;place-items:center;font-size:5rem;color:#dfd1b3}.photo.second{background:linear-gradient(130deg,#7f8c82,#4b5a53)}.paper h3{font-weight:400}.cover{width:min(440px,100%);background:linear-gradient(90deg,#33190f,#693c2a 10%,#713d29 85%,#2c160f);border:12px double #b28c50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;color:#f1d7a2}.cover span{font-size:4rem}.cover h2{font-weight:400;font-size:2.4rem}.controls{display:flex;align-items:center;justify-content:center;gap:25px}.hint{font:12px/1.6 system-ui;margin-top:20px}@media(max-width:650px){.shelf{padding:15px 8px 20px;min-height:250px;border-left-width:8px;border-right-width:8px}.volume{width:30%;height:190px;padding:20px 5px}.volume strong{font-size:.85rem}.book{min-height:440px}.paper{padding:30px 5%}.paper+.paper{display:none}.photo{height:240px}.readinghead{flex-wrap:wrap}.readinghead span:last-child{width:100%}}