*{box-sizing:border-box}body{margin:0;background:#f4efe2;color:#203c44;font:17px/1.75 system-ui,sans-serif}main{max-width:980px;margin:auto;padding:55px 48px 70px;min-height:100vh}h1{font:normal 54px/1.15 Georgia,serif;letter-spacing:-1.5px;white-space:pre-line;margin:35px 0 23px}h2{font:normal 28px/1.25 Georgia,serif}.eyebrow,small{font:11px/1.8 monospace;letter-spacing:2px}.eyebrow{border-bottom:1px solid #203c4425;padding-bottom:20px}.intro{max-width:590px;color:#53656a;font-size:17px}button,a{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #203c4455;background:#fff9e9;border-radius:6px;padding:10px 18px}button:focus-visible,a:focus-visible{outline:3px solid #286c91;outline-offset:5px}a{display:inline-block;margin:28px 0}footer{border-top:1px solid #203c4425;margin-top:50px;padding-top:15px;font:11px/1.8 monospace;color:#57676b}.sky{height:330px;display:grid;place-items:center;position:relative;isolation:isolate;background:radial-gradient(ellipse,#a7c7c590,transparent 65%)}.star{font-size:190px;color:#ba9652;text-shadow:0 12px 35px #d9bd8644;transition:transform 1s,color 1s}.sky.lit .star{color:#f2b945;transform:rotate(90deg) scale(1.1)}.orbit{position:absolute;top:60px;right:20%;color:#63858c;font-size:60px}.covers{display:flex;justify-content:center;gap:15px;margin:48px 0 40px;padding:10px 0 20px;perspective:800px}.cover{flex:1;min-width:0;height:225px;padding:18px 12px;color:#fff9e4;background:var(--cover);border:0;border-radius:7px;box-shadow:0 12px 22px #233f4426;transform:rotate(-8deg) translateY(10px);transition:transform .4s,box-shadow .4s}.cover:nth-child(2){transform:rotate(-3deg)}.cover:nth-child(3){transform:rotate(3deg)}.cover:nth-child(4){transform:rotate(8deg) translateY(10px)}.cover[aria-pressed=true]{transform:translateY(-16px);box-shadow:0 20px 28px #233f4433}.cover span{display:block;font:68px/1.8 Georgia,serif}.cover strong{font:15px Georgia,serif}.detail{padding:25px 28px;background:#fffdf4;border-left:3px solid #b9975e;border-radius:3px;min-height:260px}.detail h2{margin:10px 0}.detail p{margin:12px 0}.tags{font:12px monospace;color:#5c6e74}.book{display:grid;grid-template-columns:1fr 1fr;margin:50px 0 30px;background:#fff9e8;box-shadow:0 18px 30px #233b4420;border-radius:5px;overflow:hidden}.book>div{padding:35px;min-height:330px}.book>div:first-child{border-right:1px solid #cfbe9f;background:linear-gradient(90deg,transparent 90%,#98896520)}.book p{margin-top:0}.note-star{color:#b9975e;font-size:50px}.profile{position:relative;margin:45px 0;padding:40px;border:1px solid #fcfdff;border-radius:20px;background:linear-gradient(120deg,#c3cdd0,#f8fafa 40%,#c9d1d5 70%,#edf0f0);color:#35464d;box-shadow:0 22px 36px #203c4428,0 3px 0 #8f9da1;transition:transform .3s;transform-style:preserve-3d}.profile h2{font-size:42px;margin:40px 0 8px}.profile ul{padding-left:20px;margin:28px 0 35px}.seal{position:absolute;right:36px;top:30px;font-size:40px;color:#708b99}.catalog main{max-width:1100px;padding-top:55px}.catalog .covers{gap:25px}.catalog .cover{height:260px}.catalog h1{font-size:clamp(38px,6vw,72px)}@media(max-width:540px){main{padding:28px 23px}h1{font-size:39px}.covers{gap:8px}.cover{height:170px;padding:9px 5px}.cover span{font-size:45px}.cover strong{font-size:12px}.detail{padding:20px}.book>div{padding:22px 16px}.profile{padding:25px}.profile h2{font-size:35px}.catalog .cover{height:180px}.catalog .covers{gap:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}