*{box-sizing:border-box}:root{--page-count:20;--page-scroll:25;--underline:#40404066;--spine:#000;--cover:#1a1a1a;--bg:#4d4d4d;--insert:#d9d9d9;--page:#e6e6e6}h1{color:gray;z-index:1200;margin:0;font-size:2rem;position:fixed;bottom:1rem;right:1rem}.topbar{z-index:1001;pointer-events:auto;position:fixed;top:1rem;left:1rem;right:1rem}.topbar__button{background:var(--cover);border:1px solid var(--underline);color:#e6e6e6;border-radius:.5rem;justify-content:center;align-items:center;padding:.9rem 1.2rem;font-size:1.15rem;font-weight:600;text-decoration:none;display:inline-flex}.topbar__button:hover{text-decoration:underline}body{background:var(--bg);min-height:3500vh;margin:0;font-family:system-ui,sans-serif;overflow-x:hidden}.resume-downloads{left:50%;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:1100;pointer-events:all;background:color-mix(in hsl,var(--cover)85%,transparent);border:1px solid var(--underline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex;position:fixed;transform:translate(-50%)}.resume-downloads__label{color:var(--page);letter-spacing:.01em;font-size:.9rem}.resume-downloads__actions{gap:.5rem;display:flex}.resume-downloads__button{appearance:none;border:1px solid var(--underline);background:var(--page);height:2.25rem;color:var(--cover);border-radius:.6rem;justify-content:center;align-items:center;padding:0 .85rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.resume-downloads__button:hover{filter:brightness(.96)}.resume-downloads__button:focus-visible{outline:2px solid var(--underline);outline-offset:2px}main{perspective:100vmin;perspective-origin:50%;pointer-events:none;width:100%;height:100dvh;position:fixed;top:0;left:0}.book{width:65vmin;height:80vmin;transform-style:preserve-3d;pointer-events:all;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateY(-30deg)rotateX(10deg)scale(.8)}@media (max-width:640px){.book{--book-h:min(64vh,72vmin,calc(76vw*80/65));height:var(--book-h);width:calc(var(--book-h)*65/80);left:58%;transform:translate(-42%,-50%)rotateY(-30deg)rotateX(10deg)scale(.8)}.book__page{transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.page__half{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden}.page__half img{object-fit:contain}h1{bottom:calc(1rem + 4rem + env(safe-area-inset-bottom,0px));font-size:1.5rem}}.book__spine{background:var(--spine);transform-origin:0;width:1rem;height:100%;position:absolute;top:0;left:0;transform:rotateY(-90deg)}.book__page{width:100%;height:100%;transform-style:preserve-3d;transform-origin:0;border-radius:0 .25rem .25rem 0;position:absolute;top:0;left:0}.page__half{border-radius:inherit;width:100%;height:100%;position:absolute;top:0;overflow:hidden}.page__half--front{background:var(--page);left:0}.page__half--front,.page__half--back{backface-visibility:hidden}.page__half--back{background:var(--page);right:0;transform:rotateY(180deg)}.page__half--back .page__content{width:100%;height:100%;position:absolute;inset:0}.book__cover .page__half--front,.book__cover .page__half--back{background:var(--cover)}.book__page:nth-of-type(2n) .page__half{background:var(--insert)}.book__cover:nth-of-type(2n) .page__half{background:var(--cover)}.page__half img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.page__half a{width:100%;height:100%;text-decoration:none;display:block}.page__number{color:#666;font-size:.75rem;position:absolute;bottom:1rem;right:1rem}.page__half--back .page__number{left:1rem;right:auto}.book__insert{background:#fff;border-radius:.25rem;justify-content:center;align-items:center;width:80%;height:80%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.book__insert img{max-width:60%;max-height:60%}.code{color:#999;word-break:break-all;max-height:8rem;font-family:Courier New,monospace;font-size:.5rem;line-height:1.2;position:absolute;top:1rem;left:1rem;right:1rem;overflow:hidden}.sticker{width:4rem;height:4rem;position:absolute;bottom:1rem;right:1rem}.logo{max-width:100%;max-height:100%}