.notebook-bg{color:#e5e1da;background-color:#151821;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.paper{color:#e5e1da;background-color:#202531;border-radius:4px;width:min(550px,50vw - 12px);height:80vh;max-height:800px;padding-top:clamp(16px,5.8cqw,32px);transition:transform .6s cubic-bezier(.22,1,.36,1),z-index;position:absolute;box-shadow:0 10px 25px #00000080;container-type:inline-size}.paper:before{content:"";z-index:0;background-color:#dc32324d;width:2px;position:absolute;top:0;bottom:0;left:clamp(20px,7.3cqw,40px)}.paper-content{z-index:1;--line-h:clamp(20px,5.8cqw,32px);background-image:repeating-linear-gradient(transparent,transparent calc(var(--line-h) - 1px),#3b4a63 calc(var(--line-h) - 1px),#3b4a63 var(--line-h));background-size:100% var(--line-h);background-attachment:local;height:100%;padding:0 clamp(10px,3.6cqw,20px) 0 clamp(30px,10.9cqw,60px);position:relative;overflow-y:auto}.paper-content::-webkit-scrollbar{width:6px}.paper-content::-webkit-scrollbar-thumb{background-color:#3b4a63;border-radius:3px}.paper-left{z-index:2;width:min(550px,100vw - 32px);transform:translate(0)}.paper-right{z-index:1;width:min(550px,100vw - 32px);transform:translate(0)}.notebook-open .paper-left,.notebook-open .paper-right{width:min(550px,50vw - 12px)}.notebook-open .paper-left{transform:translate(-50%)}.notebook-open .paper-right{z-index:1;transform:translate(50%)}.notebook-nav-link{font-size:clamp(.7rem,3.6cqw,1.25rem);line-height:var(--line-h,32px);color:#e5e1da;cursor:pointer;font-family:inherit;text-decoration:none;transition:color .2s,transform .2s;display:block}.notebook-nav-link:hover{color:#6fa8dc;background-color:#4d648d;transform:translate(10px)}.notebook-nav-link.no-slide:hover{transform:none}@keyframes nbShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.nb-skeleton{background:linear-gradient(90deg,#262f40 25%,#303d54 50%,#262f40 75%) 0 0/200% 100%;border-radius:3px;animation:1.6s linear infinite nbShimmer}.notebook-username{color:#a7abb5;z-index:10;font-size:clamp(.6rem,2.6cqw,.9rem);line-height:var(--line-h,32px);position:absolute;top:clamp(16px,5.8cqw,32px);right:clamp(8px,2.9cqw,16px)}