.layout-preview{display:none}html.layout-pending .layout-preview{display:block;position:fixed;inset:var(--v4-bar,60px) 0 0;z-index:49;overflow:auto;background:#eeeadf;color:#111;font-family:V5 Chivo,Chivo,sans-serif}html.layout-pending .static-content,html.layout-pending body>.s8-pull{display:none!important}.layout-preview h1{font:400 clamp(42px,5vw,80px)/1 "V5 Pirata",Georgia,serif;margin:0 0 16px}.layout-preview h1 small{color:#f92487;font-size:.4em}.layout-preview p{margin:12px 0}.preview-shelf{text-align:center;padding-top:24px}.preview-index{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:min(100% - 24px,720px);margin:24px auto}.preview-index a{display:grid;place-items:center;width:42px;min-height:44px;border:2px solid #111;font-weight:800;text-decoration:none}.preview-index a:first-child{background:#111;color:#eeff28}.preview-books{height:38vh;display:flex;align-items:end;justify-content:center;overflow:hidden;padding:0 20px;border-bottom:12px solid #111;gap:2px}.preview-books a{display:flex;flex:0 0 5%;min-width:28px;max-width:66px;height:84%;flex-direction:column;align-items:center;justify-content:space-around;background:#111;color:#eeff28;border:2px solid #111;box-shadow:inset 4px 0 #39372d;text-decoration:none}.preview-books a:nth-child(3n){background:#f92487;color:#111;height:94%}.preview-books a:nth-child(4n){background:#eeeadf;color:#111;height:88%}.preview-books b{writing-mode:vertical-rl;font:800 clamp(18px,2vw,32px)/1 Georgia,serif}.preview-books small{font:700 10px monospace}.preview-caption{background:#eeff28;min-height:24vh;padding:20px}.preview-caption h2{font:800 48px/1 Georgia,serif;margin:0}.preview-caption h2 small{font-size:.4em;color:#f92487}.preview-caption p{font-weight:800}.preview-detail{padding:24px max(22px,5vw)}.preview-back{display:inline-block;padding:10px 12px;border:2px solid #111;font-size:12px;font-weight:800;text-decoration:none;text-transform:uppercase}.preview-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;min-height:72vh}.preview-copy{max-width:600px}.preview-copy h1{overflow-wrap:anywhere}.preview-meta{display:table;background:#111;color:#eeeadf;padding:6px;font-size:12px;font-weight:800;text-transform:uppercase}.preview-action{display:inline-block;padding:16px 20px;background:#111;color:#eeff28;box-shadow:4px 4px #f92487;text-decoration:none;font-weight:800}.preview-age{display:inline-block;padding:3px 5px;rotate:-6deg;font-size:12px;background:#f92487;color:#fff;box-shadow:2px 2px #111}.preview-book{width:min(100%,340px);height:55vh;max-height:560px;margin:24px auto;border:8px double #111;box-shadow:10px 8px #111;rotate:2deg;display:flex;flex-direction:column;align-items:center;justify-content:space-around;background:#eeeadf}.preview-book b{font:italic 400 clamp(36px,5vw,70px) Georgia,serif}html.layout-pending .preview-play{background:radial-gradient(ellipse at 65% 30%,#28203f,#060508 75%);color:#eeeadf}.preview-grain{position:absolute;left:5%;right:5%;top:7%;text-align:center;font:900 clamp(60px,19vw,280px)/1 "Archivo Black",sans-serif;color:transparent;background:radial-gradient(circle,#cfb2eb 1px,transparent 1.5px) 0 0/3px 3px;background-clip:text;-webkit-background-clip:text}.preview-play-caption{position:absolute;left:28px;bottom:56px;width:min(440px,100% - 56px)}.preview-play-caption p{font-weight:700}.preview-play-caption>small{color:#eeff28;font:800 12px monospace}.preview-play-caption .preview-action{background:#eeeadf;color:#111}@media(max-width:700px){.preview-shelf h1{font-size:38px}.preview-shelf>p{font-size:12px}.preview-index{max-width:366px}.preview-index a{width:calc((100vw - 52px)/8)}.preview-books{height:34vh}.preview-detail-grid{grid-template-columns:minmax(0,1fr);gap:16px;min-height:0;margin-top:24px}.preview-copy h1{font-size:56px;margin-bottom:10px}.preview-detail .preview-action{display:block;margin:18px 0}.preview-book{height:28svh;max-height:240px;width:160px;margin-top:0}.preview-book b{font-size:32px}.preview-grain{top:16%;font-size:20vw}.preview-play-caption{left:20px;bottom:65px;width:calc(100% - 40px)}.preview-play-caption h1{font-size:50px}}.layout-preview.preview-out{display:block;position:fixed;inset:var(--v4-bar,60px) 0 0;z-index:49;overflow:hidden;background:#eeeadf;color:#111;font-family:V5 Chivo,Chivo,sans-serif;pointer-events:none;animation:lp-out .5s ease forwards}.layout-preview.preview-play.preview-out{background:radial-gradient(ellipse at 65% 30%,#28203f,#060508 75%);color:#eeeadf}@keyframes lp-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.layout-preview.preview-out{animation-duration:.01s}}.layout-preview>*{visibility:hidden}
