.study-object{position:relative;width:240px;height:200px;flex:none;pointer-events:none;--object-paper:#fff9ef;--object-pages:#e8dfcf;--object-cover:#bf6048;--object-ink:#304d43}.study-object-scene{position:absolute;inset:0;perspective:850px}.study-object-shadow{position:absolute;width:182px;height:30px;left:28px;bottom:6px;border-radius:50%;background:#29221b;opacity:.22;filter:blur(10px);transform:rotate(-10deg);transition:transform .5s ease,opacity .5s ease}.study-book{position:absolute;width:125px;height:158px;left:33px;top:6px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.study-book--back{transform:rotateX(34deg) rotateY(-22deg) rotate(-29deg) translate(19px,30px);--book-color:var(--object-ink)}.study-book--front{transform:rotateX(34deg) rotateY(-22deg) rotate(-15deg);--book-color:var(--object-cover)}.study-book-pages{position:absolute;inset:4px 1px 0 5px;border-radius:3px 8px 8px 3px;background:repeating-linear-gradient(to bottom,var(--object-paper) 0 2px,var(--object-pages) 2px 3px);transform:translateZ(0);box-shadow:0 10px 0 var(--object-pages),0 14px 0 var(--book-color),-4px 12px 0 var(--book-color)}.study-book-cover{position:absolute;inset:0;transform:translateZ(15px);border-radius:4px 9px 9px 4px;background:linear-gradient(110deg,rgba(255,255,255,.4) 0,rgba(255,255,255,.05) 30%,transparent 50%),linear-gradient(to right,transparent,rgba(0,0,0,.3)),var(--book-color);border:1px solid rgba(255,255,255,.3);box-shadow:inset 6px 0 0 rgba(0,0,0,.4),inset 7px 0 0 rgba(255,255,255,.5),inset -1px -1px 4px rgba(0,0,0,.5),0 24px 30px -10px rgba(0,0,0,.8)}.study-book-title{position:absolute;top:57px;left:20px;font-size:11px;font-weight:500;line-height:1.5;color:#fff9ef;letter-spacing:-.02em}.study-book-line{position:absolute;top:31px;left:20px;width:23px;height:2px;background:#ffdbac}.study-book-ribbon{position:absolute;top:-1px;right:14px;width:11px;height:42px;background:#eed0a0;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)}.study-clock{position:absolute;right:9px;bottom:9px;width:88px;height:88px;transform:rotateY(-20deg) rotate(13deg);transform-style:preserve-3d;border-radius:50%;background:radial-gradient(circle at 30% 30%,#527c69,#365045);border:1px solid #759a86;box-shadow:4px 5px 0 #1b2c26,7px 9px 0 #1b2c26,12px 18px 25px rgba(0,0,0,.6),inset 2px 4px 6px rgba(255,255,255,.4),inset -2px -4px 6px rgba(0,0,0,.5);transition:transform .45s cubic-bezier(.2,.7,.2,1)}.study-clock-face{position:absolute;inset:9px;border-radius:50%;background:var(--object-paper);border:3px solid #dbdfd1;box-shadow:inset 0 1px 3px #00000017}.study-clock-face:before{content:"";position:absolute;inset:2px;border-radius:50%;background:repeating-conic-gradient(#456658 0deg 2deg,transparent 2deg 30deg);-webkit-mask:radial-gradient(transparent 62%,#000 64%);mask:radial-gradient(transparent 62%,#000 64%)}.study-clock-face:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#304d43;transform:translate(-50%,-50%)}.study-clock-face b,.study-clock-face i{position:absolute;left:calc(50% - 1px);bottom:50%;width:2px;height:17px;border-radius:2px;background:#304d43;transform-origin:bottom}.study-clock-face b{height:12px;transform:rotate(112deg);background:#b9472f}.study-clock-button{position:absolute;width:18px;height:7px;top:-7px;left:33px;border-radius:4px 4px 0 0;background:#aabfb0;box-shadow:inset 0 2px #d0dfd4}.study-flashcards{position:absolute;left:52px;top:25px;width:130px;height:154px;perspective:800px}.study-flashcards>span{position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg,#527c69,#365045);transform:rotate(-24deg) translateX(-17px);box-shadow:4px 6px 0 #1b2c26,8px 12px 25px rgba(0,0,0,.5),inset 1px 1px 2px rgba(255,255,255,.3)}.study-flashcards>span:nth-child(2){transform:rotate(-4deg) translateX(5px);background:linear-gradient(135deg,#e3c598,#b89565);box-shadow:3px 6px 0 #8c6e45,6px 10px 20px rgba(0,0,0,.4),inset 1px 1px 2px rgba(255,255,255,.4)}.study-flashcards>span:last-child{display:grid;place-items:center;transform:rotate(16deg) translateX(16px);background:linear-gradient(120deg,#e8957e,#b3513a);border:1px solid rgba(255,255,255,.3);box-shadow:4px 7px 0 #7a3122,10px 18px 25px rgba(0,0,0,.6),inset 2px 2px 5px rgba(255,255,255,.4);transition:transform .45s cubic-bezier(.2,.7,.2,1)}.study-flashcards-glyph{width:34px;height:34px;color:#fff1db;stroke-width:1;filter:drop-shadow(0 3px 0 #a4533e)}.study-object--compact{width:108px;height:90px}.study-object--compact .study-object-scene{width:240px;height:200px;transform:scale(.45);transform-origin:top left}.dark .study-object-shadow{opacity:.35}@media (hover:hover) and (prefers-reduced-motion:no-preference){.depth-interactive:hover .study-object-shadow{transform:rotate(-10deg) scale(.9);opacity:.14}.depth-interactive:hover .study-book--front{transform:rotateX(21deg) rotateY(-9deg) rotate(-7deg) translateY(-13px)}.depth-interactive:hover .study-clock{transform:rotateY(-8deg) rotate(1deg) translate(3px,-9px)}.depth-interactive:hover .study-flashcards>span:last-child{transform:rotate(24deg) translate(26px,-10px)}}@media (prefers-reduced-motion:reduce){.study-object *,.study-object :after,.study-object :before{transition:none!important}}