/* Physical paper, a visible hinge and restrained perspective. */
.nb-scene{--nb-w:360px;--nb-h:230px;--nb-depth:15px;--nb-ink:#C91E24;--nb-soft:#F8E1DF;position:relative;width:calc(var(--nb-w) + 90px);height:calc(var(--nb-h) + 65px);perspective:1300px;isolation:isolate;flex:none;touch-action:pan-y}
.nb-object{position:absolute;width:var(--nb-w);height:var(--nb-h);left:40px;top:22px;transform-style:preserve-3d;transform:rotateX(calc(8deg + var(--nb-tilt-x,0deg))) rotateY(calc(-14deg + var(--nb-tilt-y,0deg))) rotateZ(-7deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.nb-scene:hover .nb-object,.nb-scene:focus-within .nb-object{transform:translateY(-10px) rotateX(calc(10deg + var(--nb-tilt-x,0deg))) rotateY(calc(-10deg + var(--nb-tilt-y,0deg))) rotateZ(-5deg)}
.nb-floor{position:absolute;left:44px;right:24px;bottom:19px;height:34px;border-radius:50%;background:rgba(38,33,28,.22);filter:blur(17px);transform:rotate(-5deg);transition:opacity .7s,transform .7s;z-index:-1;pointer-events:none}
.nb-scene:hover .nb-floor{opacity:.65;transform:scale(.94) translateY(8px) rotate(-5deg)}
.nb-back,.nb-pages,.nb-paper,.nb-cover,.nb-loose-leaf{position:absolute;inset:0;border-radius:7px 20px 12px 7px;transform-style:preserve-3d}
.nb-back{background:#F6F5F3;border:1px solid #FFF;transform:translateZ(calc(var(--nb-depth) * -1));box-shadow:1px 15px 22px rgba(27,26,24,.2)}
.nb-pages{inset:3px 3px 3px 7px;background:repeating-linear-gradient(to bottom,#fff 0px,#fff 2px,#DDDAD6 2px,#DDDAD6 3px);transform:translateZ(-5px);box-shadow:7px 5px 0 #E0DDD8,7px 6px 0 #FFF}
.nb-spine{position:absolute;left:0;top:1px;width:var(--nb-depth);height:calc(var(--nb-h) - 2px);background:linear-gradient(90deg,#D6D1CB,#F8F7F5);transform-origin:left;transform:rotateY(90deg) translateX(calc(var(--nb-depth) * -1));border-radius:5px}
.nb-paper{inset:5px 6px 5px 13px;background:linear-gradient(90deg,#E8E3DA 0%,#FEFDFB 7%,#FFF 45%,#F8F6F2 100%);padding:20px 24px;transform:translateZ(0px);color:#313131;overflow:hidden;box-shadow:inset 1px 0 6px rgba(40,30,20,.09);font-family:var(--font,system-ui)}
.nb-page-heading{display:flex;justify-content:space-between;gap:12px;color:#84807A;font-size:10px;letter-spacing:1px}
.nb-page-rule{height:1px;background:#DDD9D3;margin:11px 0 12px}
.nb-inside-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ECE8E3;font-size:12px;padding:10px 0;white-space:nowrap}.nb-inside-row span{overflow:hidden;text-overflow:ellipsis}.nb-inside-row b{font-weight:600;flex:none;font-variant-numeric:tabular-nums}
.nb-hand-note{font-family:'KaiTi','STKaiti',serif;font-size:21px;line-height:1.7;margin:17px 0 7px;color:#5F5A52;transform:rotate(-2deg)}
.nb-ruled-lines{height:46px;background:repeating-linear-gradient(transparent 0,transparent 21px,#E9E5DF 21px,#E9E5DF 22px)}
.nb-page-footer{position:absolute;bottom:15px;left:24px;right:20px;display:flex;justify-content:space-between;font-size:10px;color:#9C958E}
.nb-cover{border:0!important;padding:0!important;display:block;background:transparent!important;box-shadow:none!important;color:#242529!important;text-align:left;transform-origin:10px center;transform:translateZ(3px) rotateY(0deg);transition:transform 1s cubic-bezier(.24,.64,.14,1);cursor:pointer;-webkit-tap-highlight-color:transparent}
.nb-cover-front,.nb-cover-back{position:absolute;inset:0;display:block;border-radius:7px 20px 12px 7px;backface-visibility:hidden;background:linear-gradient(125deg,#FFF 0%,#FAF9F7 75%,#F2F0ED 100%);border:1px solid #FFF;box-shadow:inset 0 1px 0 #FFF,1px 3px 6px rgba(46,40,34,.08);overflow:hidden}
.nb-cover-front::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.7) 47%,transparent 58%);opacity:.3;pointer-events:none}
.nb-cover-ribbon{position:absolute;left:9px;top:-1px;bottom:-1px;width:9px;background:linear-gradient(90deg,var(--nb-ink),color-mix(in srgb,var(--nb-ink),white 22%),var(--nb-ink));box-shadow:1px 0 2px rgba(0,0,0,.12)}
.nb-cover-dot{position:absolute;top:25px;left:38px;width:13px;height:13px;background:var(--nb-ink);border-radius:50%}
.nb-cover-top{display:flex;flex-direction:column;position:absolute;left:38px;right:29px;top:52px;gap:5px}.nb-cover-top small{font-size:10px;color:#9A948C;letter-spacing:1px}.nb-cover-top strong{font-size:24px;line-height:1.45;font-weight:700;letter-spacing:-.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nb-cover-top>span{font-size:11px;color:#8F8B86;line-height:1.6}
.nb-cover-bottom{position:absolute;left:38px;right:29px;bottom:28px;border-top:1px solid #DDD9D4;padding-top:12px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.nb-cover-bottom>span{font-size:10px;color:#8B867F;flex:none}.nb-cover-bottom>b{font-size:27px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.7px;white-space:nowrap}.nb-cover-bottom>b:not(:first-letter){font-feature-settings:'tnum'}
.nb-cover-corner{position:absolute;right:0;bottom:0;width:34px;height:34px;background:linear-gradient(135deg,transparent 48%,#D9D5CF 50%,#F8F7F4 65%);opacity:.3;transition:opacity .5s}
.nb-scene:hover .nb-cover-corner{opacity:.7}.nb-scene:hover:not(.nb-open) .nb-cover{transform:translateZ(3px) rotateY(-13deg)}
.nb-cover-back{transform:rotateY(180deg);background:linear-gradient(90deg,#F7F4EC,#FFFDF8);box-shadow:inset -6px 0 15px rgba(60,40,20,.1)}
.nb-exlibris{position:absolute;inset:20%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#9F9483;border:1px solid #DDD3C5;border-radius:2px}.nb-exlibris b{font-family:'KaiTi','STKaiti',serif;font-size:46px;font-weight:500;color:var(--nb-ink)}.nb-exlibris span{font-size:12px}.nb-exlibris small{font-size:7px;letter-spacing:2px}
.nb-bookmark{position:absolute;width:15px;height:54px;background:var(--nb-ink);top:calc(var(--nb-h) - 35px);right:34px;transform:translateZ(-6px);clip-path:polygon(0 0,100% 0,100% 100%,50% 83%,0 100%);box-shadow:0 4px 4px rgba(0,0,0,.1)}
.nb-loose-leaf{inset:5px 6px 5px 13px;background:linear-gradient(90deg,#E8E3DA,#FFFDF7 8%,#FDFBF6);transform-origin:left center;transform:translateZ(1px);opacity:0;pointer-events:none;backface-visibility:hidden}.nb-loose-leaf>div{position:absolute;inset:38px 20px;background:repeating-linear-gradient(transparent 0,transparent 25px,#E5DFD4 25px,#E5DFD4 26px)}.nb-loose-leaf>span{position:absolute;right:20px;bottom:12px;font-size:10px;color:#AAA096}
.nb-scene.nb-open .nb-cover{transform:translateZ(3px) rotateY(-155deg)}
.nb-scene.nb-open .nb-paper.nb-page-turnable{cursor:pointer}
.nb-scene.nb-open .nb-object{transform:translateX(35px) rotateX(calc(8deg + var(--nb-tilt-x,0deg))) rotateY(calc(-4deg + var(--nb-tilt-y,0deg))) rotateZ(-3deg)}
.nb-scene.nb-compact.nb-open .nb-object{transform-origin:left center;transform:translateX(122px) scale(.67) rotateX(calc(8deg + var(--nb-tilt-x,0deg))) rotateY(calc(-4deg + var(--nb-tilt-y,0deg))) rotateZ(-3deg)}
.nb-flipping .nb-loose-leaf{animation:nb-leaf-turn 1.3s .5s cubic-bezier(.2,.65,.3,1) both}
.nb-cover:focus-visible{outline:3px solid var(--nb-ink)!important;outline-offset:8px!important;border-radius:8px}
.nb-pagination{position:absolute;left:40px;right:20px;bottom:-3px;display:flex;align-items:center;justify-content:center;gap:8px;z-index:4;font-size:11px;color:#756E65;transform:none}
.nb-pagination[hidden]{display:none!important}
body#wltProduct480.wlt-desk .nb-pagination button,body.desk-login .nb-pagination button{min-height:28px!important;min-width:28px!important;padding:5px 9px!important;border:1px solid #D9D2C9!important;border-radius:6px!important;background:#FFFDF9!important;color:#766C60!important;font-size:11px!important;line-height:1.5!important;box-shadow:0 2px 4px #27180C08!important}
.nb-pagination button:disabled{opacity:.3!important;cursor:default!important}.nb-pagination span{min-width:36px;text-align:center;font-variant-numeric:tabular-nums}
.nb-pagination button[data-nb-close]{margin-left:5px}.nb-pagination button:focus-visible{outline:2px solid var(--nb-ink)!important;outline-offset:2px!important}
.nb-compact .nb-pagination{left:10px;right:10px;bottom:6px;font-size:10px}
.nb-paper [data-nb-page-rows]{animation:nb-ink-appear .3s ease-out}
@keyframes nb-ink-appear{from{opacity:.5}to{opacity:1}}
.nb-compact{--nb-w:260px;--nb-h:172px;--nb-depth:11px;width:310px;height:225px}.nb-compact .nb-object{left:24px;top:18px}.nb-compact .nb-cover-dot{top:18px;left:28px;width:9px;height:9px}.nb-compact .nb-cover-top{left:28px;right:20px;top:38px;gap:3px}.nb-compact .nb-cover-top small{font-size:8px}.nb-compact .nb-cover-top strong{font-size:18px}.nb-compact .nb-cover-top>span{font-size:9px}.nb-compact .nb-cover-bottom{left:28px;right:20px;bottom:20px;padding-top:8px}.nb-compact .nb-cover-bottom>b{font-size:21px}.nb-compact .nb-cover-bottom>span{font-size:8px}.nb-compact .nb-paper{padding:12px 16px}.nb-compact .nb-page-heading{font-size:8px}.nb-compact .nb-inside-row{font-size:10px;padding:7px 0}.nb-compact .nb-page-footer{font-size:8px;bottom:10px;left:16px}.nb-compact .nb-hand-note{font-size:16px;margin-top:8px}
@keyframes nb-leaf-turn{0%{opacity:0;transform:translateZ(1px) rotateY(0deg)}10%{opacity:1}70%{opacity:1;transform:translateZ(2px) rotateY(-148deg)}100%{opacity:0;transform:translateZ(2px) rotateY(-165deg)}}
@media(prefers-reduced-motion:reduce){.nb-object,.nb-cover,.nb-floor{transition:none!important}.nb-loose-leaf{animation:none!important}.nb-scene:hover .nb-object{transform:rotateX(8deg) rotateY(-14deg) rotateZ(-7deg)}}
html[data-motion=reduced] .nb-object,html[data-motion=reduced] .nb-cover,html[data-motion=reduced] .nb-floor{transition:none!important}html[data-motion=reduced] .nb-loose-leaf{animation:none!important}