.banner-text{font-family:Lora,serif;font-style:normal;font-weight:700;font-size:50px;fill:#000}.daily-title{font-family:Lora,serif;font-style:normal;font-weight:700;font-size:40px;fill:#000;margin-top:40px;margin-bottom:20px}.daily-logo{width:100px;margin-bottom:20px}.bookshelf{margin-bottom:20px}html,body{margin:0;padding:0;font-family:Lora,serif;font-size:16px}#root{display:flex;justify-content:center}.wrapper{width:800px}.bookshelf{height:1000px;background-color:#ab7947;display:flex;width:800px;flex-wrap:wrap;flex-direction:column;justify-content:space-between;align-items:center}.bookshelf-top{height:150px;width:100%;background-color:#ad7339;display:flex;flex-direction:column;align-items:center}.bookshelf-top-ridge{border-top:50px solid #835930;border-left:25px solid transparent;border-right:25px solid transparent;height:0;width:100%;position:relative;gap:10px;margin-top:20px}.bookshelf-top-under,.bookshelf-bottom{height:50px;width:100%;background-color:#604020;border-style:solid;border-color:#000}.shelf{height:25px;width:100%;background-color:#74491e;border-style:solid;border-color:#000}.book{width:310px;height:60px;background:linear-gradient(to right,#c1440e,#a6320d);border:2px solid #fff;border-radius:8px;box-shadow:4px 6px 8px #58381366;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;transition:transform .2s;text-align:center}.book:hover{transform:scale(1.05);box-shadow:6px 10px 14px #452c0f66}.unused-book{width:310px;height:60px;background:#f1d2af;border-radius:8px;box-shadow:4px 6px 8px #58381366;display:flex;align-items:center;justify-content:center;color:#fff}.book-1,.book-2{position:relative;left:-70px;top:262px}.book-1{background:#155e95}.book-2{background:#70cbbc}.book-3{position:relative;left:-25px;top:115px;transform-origin:bottom center;transform:rotate(-40deg)}.book-3:before,.book-3:after{content:"";position:absolute;width:100%;height:6px;left:0;background-color:#155e95}.book-3:before{top:0;border-top-left-radius:4px;border-top-right-radius:4px}.book-3:after{bottom:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.book-4{position:relative;left:-176px;top:63px;transform-origin:bottom center;transform:rotate(-32deg)}.book-4:hover{transform:rotate(-32deg) scale(1.05)}.book-4{background:#ed6e6e}.book-5,.book-6{position:relative;left:180px;top:0}.book-5{background:#ffd66b;color:#514209}.book-6{background:#ac7cbd}.book-7{position:relative;left:-55px;top:115px;transform-origin:bottom center;transform:rotate(-40deg)}.book-7:before,.book-7:after{content:"";position:absolute;width:100%;height:6px;left:0;background-color:#f05795}.book-7:before{top:0;border-top-left-radius:4px;border-top-right-radius:4px}.book-7:after{bottom:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.book-8{background:#191970;position:relative;left:245px;top:-3px}.book-9{position:relative;left:-25px;top:115px;transform-origin:bottom center;transform:rotate(-40deg)}.book-9:before,.book-9:after{content:"";position:absolute;width:100%;height:6px;left:0;background-color:#006300}.book-9:before{top:0;border-top-left-radius:4px;border-top-right-radius:4px}.book-9:after{bottom:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.book-tilted{position:relative;left:-25px;top:115px;transform-origin:bottom center;transform:rotate(-40deg);--stripe: #006300}.book-tilted:before,.book-tilted:after{content:"";position:absolute;width:100%;height:6px;left:0;background-color:var(--stripe)}.book-tilted:before{top:0;border-top-left-radius:4px;border-top-right-radius:4px}.book-tilted:after{bottom:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.book-tilted.green{--stripe: #2e8b57}.book-tilted.purple{--stripe: #740091}.book-tilted.gold{--stripe: #b8860b}.book-tilted.brown{--stripe: #5C4033}.vertical{position:relative;width:220px;transform:rotate(90deg)}.book.vertical:hover{transform:rotate(90deg) scale(1.05)}.book-stack-horizontal{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.grass-plant{width:60px;height:260px;display:flex;align-items:flex-end;position:relative;margin-left:430px}.grass-plant:after{content:"";position:absolute;left:10px;width:120px;height:90px;background:linear-gradient(to bottom,#c76437,#8b4513);outline:2px solid #45351b;border-radius:50%/100%}.grass-blade{width:20px;background:linear-gradient(to top,#0dab0d,#92e73d);border-radius:50% 50% 0 0;position:absolute;bottom:70px;transform-origin:bottom center;outline:2px solid #205e20}.blade-1{left:52px;transform:rotate(-18deg);height:136px}.blade-2{left:60px;transform:rotate(0);height:144px}.blade-3{left:68px;transform:rotate(18deg);height:136px}.blade-4{left:76px;transform:rotate(38deg);height:120px}.blade-5{left:44px;transform:rotate(-38deg);height:120px}.apple{width:120px;height:120px;position:relative;left:-300px;top:280px;background:radial-gradient(circle at 30% 30%,#ff5757,#e11515 60%,#b01010);border:2px solid #5a2015;border-radius:50% 50% 45% 45%/55% 55% 45% 45%;box-shadow:inset -6px -10px 12px #00000040,inset 6px 8px 10px #fff3}.apple:before{content:"";position:absolute;top:-20px;left:50%;width:10px;height:28px;transform:translate(-50%) rotate(-8deg);background:linear-gradient(to bottom,#6b3e25,#432513);border:2px solid #3a1a0e;border-radius:4px}.apple:after{content:"";position:absolute;top:-8px;left:10px;width:46px;height:26px;background:linear-gradient(to right,#1aa033,#64d66f);border:2px solid #226924;border-radius:60% 0/80% 0;transform-origin:left bottom;transform:rotate(-28deg);box-shadow:inset -3px -4px 4px #00000026,inset 3px 4px 4px #ffffff26}