.celebration[hidden]{display:none}.celebration{position:fixed;inset:0;z-index:50;background:var(--profile-color);color:#fff;display:grid;place-items:center;padding:24px;animation:fill-screen .55s cubic-bezier(.2,0,0,1) both}.celebration-content{text-align:center;animation:celebration-enter .6s .2s cubic-bezier(.2,0,0,1) both}.celebration-content p{margin:0 0 8px;color:#ffffffd9}.celebration-content h2{font-size:clamp(28px,5vw,44px);letter-spacing:-1px;color:white}.book{width:180px;height:220px;position:relative;perspective:900px;margin:34px auto 24px}.book-pages{position:absolute;inset:8px 0 0 8px;background:#fff;border-radius:5px 15px 15px 5px;box-shadow:0 18px 40px #10235a55;padding:52px 25px}.book-pages span{display:block;height:5px;border-radius:5px;background:#dfe8f5;margin:14px 0}.book-cover{position:absolute;inset:0;background:#fff;color:var(--profile-color);border:6px solid #ffffff88;border-radius:5px 15px 15px 5px;box-shadow:0 15px 30px #12245b44;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-origin:left center;animation:book-open 1.1s 1s cubic-bezier(.32,.72,0,1) forwards}.book-mark{font-size:50px;line-height:1}.book-cover strong{font-size:20px;letter-spacing:-1px}.celebration-link{color:white;display:inline-block;margin-top:12px;font-size:14px;text-decoration:underline}.celebration-sub{font-size:14px}@keyframes fill-screen{from{clip-path:circle(0% at 50% 100%)}to{clip-path:circle(150% at 50% 100%)}}@keyframes celebration-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes book-open{0%{transform:rotateY(0)}100%{transform:rotateY(-145deg)}}@media(prefers-reduced-motion:reduce){.celebration,.celebration-content,.book-cover{animation:none!important}.book-cover{transform:rotateY(-145deg)}*{scroll-behavior:auto!important}}

/* The notebook retains its tactile appearance as it opens into a screen. */
.book{width:190px;height:230px;perspective:1000px;margin:34px auto 24px;animation:book-arrive .8s .3s cubic-bezier(.2,0,0,1) both}.book-pages{inset:7px 0 0 9px;padding:30px 20px;background:#fffdf8;border-radius:5px 13px 13px 5px;box-shadow:3px 3px 0 #d5d9e3,6px 6px 0 #b8c4db,0 20px 45px #101c4a55;transform-origin:center;animation:pages-digital 1s 2s cubic-bezier(.2,0,0,1) forwards;text-align:left}.page-heading{font-weight:700;color:#253963;font-size:14px;border-bottom:1px solid #e8edf3;padding-bottom:10px;display:flex;justify-content:space-between}.page-heading span{font-size:10px;color:#7488a3}.page-entry{display:flex;align-items:center;gap:8px;padding-top:14px}.page-entry b{font-size:10px;color:#7586a0}.page-entry i{height:12px;flex:1;border-radius:4px;background:#e7eef9}.page-entry:nth-child(3) i{background:#b5dfcd}.book-cover{inset:0;background:var(--profile-color);color:white;border:3px solid #ffffff55;border-radius:6px 15px 15px 6px;box-shadow:inset 5px 0 0 #00000020,0 15px 32px #12245b55;animation:book-open 1.25s 1.05s cubic-bezier(.32,.72,0,1) forwards;backface-visibility:hidden}.book-cover small{font-size:11px;opacity:.75;margin-top:18px}.book-elastic{position:absolute;right:16px;top:0;bottom:0;width:5px;background:#ffffff45;border-radius:5px}.book-mark{font-size:48px}.celebration-sub{animation:subtle-appear .5s 2.8s both}@keyframes book-arrive{from{opacity:0;transform:translateY(22px) rotate(-4deg) scale(.9)}to{opacity:1;transform:none}}@keyframes pages-digital{0%{transform:scale(1);background:#fffdf8}100%{transform:scale(1.1);background:#fff;box-shadow:0 0 0 7px #ffffff35,0 22px 50px #101c4a55;border-radius:13px}}@keyframes subtle-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.book,.book-pages,.celebration-sub{animation:none!important}.book-pages{background:#fff}.book-cover{transform:rotateY(-145deg)}}