.notebook-stage{position:relative}.cover-wrapper{position:absolute;inset:0;z-index:20;transform-style:preserve-3d;transform-origin:left center}.cover-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(160deg,#253f63,#1f3a5f 35%,#192f4d);border-radius:4px 12px 12px 4px;overflow:hidden;z-index:2;box-shadow:0 4px 6px #0000001a,0 10px 20px #0000001f,0 20px 40px #00000014,inset 0 1px #ffffff1a}.cover-front:before{content:"";position:absolute;inset:0;background-image:url('data:image/svg+xml,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="cover"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="100%" height="100%" filter="url(%23cover)" opacity="0.07"/></svg>');pointer-events:none;z-index:1;mix-blend-mode:overlay}.cover-front:after{content:"";position:absolute;inset:16px 20px 16px 24px;border:1px solid rgba(212,168,83,.2);border-radius:4px;pointer-events:none;z-index:2}.cover-label-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffffff2;border-radius:6px;padding:28px 36px 24px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000f,inset 0 0 0 1px #ffffff80;position:relative;z-index:4}.dark .cover-label-card{background:#ffffffeb;box-shadow:0 1px 3px #00000026,0 4px 12px #0000001f,inset 0 0 0 1px #ffffff4d}.cover-spine-line{position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#d4a8531a,#d4a85380 10%,#c49a3e99,#d4a85380 90%,#d4a8531a);z-index:3}.cover-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);background:linear-gradient(180deg,#f0e8da,#e8dfd0,#e2d8c8);border-radius:4px 12px 12px 4px;overflow:hidden;z-index:1}.cover-back:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(31,58,95,.06) 1px,transparent 1px);background-size:16px 16px;pointer-events:none;z-index:1}.cover-back:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.06) 100%);pointer-events:none;z-index:2}.cover-endpaper{position:absolute;inset:0}.cover-shadow{position:absolute;inset:4px 0;z-index:5;background:linear-gradient(90deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.08) 30%,transparent 70%);border-radius:4px 12px 12px 4px;pointer-events:none;filter:blur(8px)}.dark .cover-front{background:linear-gradient(160deg,#1a2e47,#162844 35%,#112038);box-shadow:0 4px 6px #0000004d,0 10px 20px #0000004d,0 20px 40px #0003}.dark .cover-front:after{border-color:#d4a85326}.dark .cover-spine-line{background:linear-gradient(180deg,#d4a8530d,#d4a85359 10%,#c49a3e73,#d4a85359 90%,#d4a8530d)}.dark .cover-back{background:linear-gradient(180deg,#3a3530,#33302b,#2d2a26)}.dark .cover-back:before{background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px)}.dark .cover-back:after{background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.15) 100%)}.dark .cover-shadow{background:linear-gradient(90deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.15) 30%,transparent 70%)}@media (max-width: 639px){.notebook-stage{perspective:1200px!important}}@media (min-width: 640px) and (max-width: 1023px){.notebook-stage{perspective:1500px!important}}