/* A small illustrated world, shared by online, USB and the editor preview. */
.zkp-storybook{--story-bg:#e7eee0;--story-paper:#fffdf3;--story-ink:#193f35;--story-muted:#5d7160;--story-accent:#23684e;--story-gold:#be8c3e;position:absolute;inset:0;z-index:80;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 15% 0%,#fffff4bb,transparent 65%),var(--story-bg);overflow:auto;isolation:isolate;opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease;font-family:ui-rounded,'Trebuchet MS','Segoe UI',sans-serif;line-height:1.5;color:var(--story-ink);box-sizing:border-box}
.zkp-storybook *, .zkp-storybook *:before,.zkp-storybook *:after{box-sizing:border-box}
.zkp-storybook[data-story-theme=stars]{--story-bg:#1e2549;--story-paper:#f7f3ff;--story-ink:#34335f;--story-muted:#696580;--story-accent:#6554a4;--story-gold:#a38343;background:radial-gradient(ellipse at 10% 0%,#60608e66,transparent 65%),var(--story-bg)}
.zkp-storybook[data-story-theme=clouds]{--story-bg:#fae8dc;--story-paper:#fffcf7;--story-ink:#6e3f53;--story-muted:#8b6e73;--story-accent:#a74e69;--story-gold:#ac7b43}
.zkp-storybook[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}.zkp-storybook.is-leaving{opacity:0;pointer-events:none}
.zkp-story-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);width:min(960px,100%);border-radius:28px;background:var(--story-paper);box-shadow:0 26px 90px #102e2b22;overflow:hidden;border:1px solid #fff8;min-width:0;flex-shrink:0}
.zkp-story-art{position:relative;min-height:490px;overflow:hidden;background:var(--story-bg)}
.zkp-story-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.zkp-story-stamp{position:absolute;bottom:25px;left:28px;font-family:Georgia,'Times New Roman',serif;font-size:17px;font-style:italic;line-height:1.5;color:#fffdf4;text-shadow:0 2px 7px #193f3599}
[data-story-theme=clouds] .zkp-story-stamp{color:#784b61;text-shadow:none}
.zkp-story-cover{position:absolute;right:25px;bottom:26px;width:100px;height:140px;transform:rotate(7deg);border:4px solid #fffcf7;border-radius:4px 9px 9px 4px;background:#fffdf7;box-shadow:0 12px 25px #16233140;overflow:hidden}.zkp-story-cover[hidden]{display:none}.zkp-story-cover img{height:100%;width:100%;object-fit:contain;display:block}
.zkp-story-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:44px 40px;min-width:0;text-align:left}
.zkp-story-kicker{font-size:12px;font-weight:700;letter-spacing:.09em;color:var(--story-accent);margin:0 0 20px;line-height:1.7}
.zkp-story-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(30px,3.7vw,49px);line-height:1.12;letter-spacing:-.035em;color:var(--story-ink);margin:0;overflow-wrap:anywhere;text-wrap:balance}
.zkp-story-ornament{display:flex;align-items:center;gap:12px;color:var(--story-gold);font-size:20px;margin:19px 0}.zkp-story-ornament:after{content:'';width:62px;height:1px;background:var(--story-gold);opacity:.45}
.zkp-story-copy p{margin:0 0 27px;font-size:16px;line-height:1.85;color:var(--story-muted);overflow-wrap:anywhere}
.zkp-story-open{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;width:100%;border:0;border-radius:14px;padding:12px 16px;background:var(--story-accent);box-shadow:0 6px 0 color-mix(in srgb,var(--story-accent),#000 25%);color:#fff;font:700 15px/1.4 ui-rounded,'Trebuchet MS','Segoe UI',sans-serif;cursor:pointer;transition:transform .18s ease,filter .18s ease;text-transform:none;letter-spacing:normal}
.zkp-story-open:hover{filter:brightness(1.08);transform:translateY(-2px);color:#fff;background:var(--story-accent)}.zkp-story-open:active{transform:translateY(2px)}.zkp-story-open>span:last-child{margin-left:auto;font-size:22px}.zkp-story-open>span[data-story-button]{flex:1}.zkp-story-open:disabled{opacity:.8;cursor:default}
.zkp-story-open .zkp-icon,.zkp-story-quiet .zkp-icon{width:21px;height:21px;flex-shrink:0;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zkp-story-quiet{align-self:center;display:flex;gap:7px;align-items:center;justify-content:center;min-height:44px;margin:16px 0 0;padding:7px 14px;border:0;background:transparent;color:var(--story-muted);font:400 13px/1.4 ui-rounded,'Trebuchet MS','Segoe UI',sans-serif;cursor:pointer;text-transform:none;box-shadow:none}.zkp-story-quiet:hover{background:#00000006;color:var(--story-ink)}.zkp-story-quiet .zkp-icon{width:16px;height:16px}.zkp-story-footnote{align-self:center;color:var(--story-muted);font-size:12px;margin-top:16px}
.zkp-storybook button:focus-visible{outline:3px solid var(--story-gold);outline-offset:5px}
.zkp-story-dust{position:absolute;inset:0;pointer-events:none;overflow:hidden}.zkp-story-dust i{position:absolute;background:#e2b96d;width:6px;height:6px;border-radius:50%;box-shadow:0 0 18px 4px #ffd8764d;animation:zkpStoryFloat 5s ease-in-out infinite;opacity:.6}.zkp-story-dust i:nth-child(1){left:5%;top:20%}.zkp-story-dust i:nth-child(2){left:10%;top:80%;animation-delay:-2s}.zkp-story-dust i:nth-child(3){left:50%;top:4%;animation-delay:-3s}.zkp-story-dust i:nth-child(4){right:6%;top:45%;animation-delay:-1s}.zkp-story-dust i:nth-child(5){right:15%;top:90%;animation-delay:-4s}.zkp-story-dust i:nth-child(6){left:28%;top:95%;animation-delay:-2.5s}
@keyframes zkpStoryFloat{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-15px);opacity:.9}}
.offline-app{position:relative}.offline-app .offline-lock{z-index:100}.zkp-storybook.is-preview{position:relative;inset:auto;z-index:auto;padding:20px;border-radius:18px;min-height:0;overflow:hidden}.is-preview .zkp-story-card{max-width:900px}.is-preview .zkp-story-art{min-height:420px}.is-preview .zkp-story-copy{padding:32px}.is-preview .zkp-story-copy h2{font-size:36px}.is-preview .zkp-story-copy p{font-size:15px}.is-preview .zkp-story-footnote{margin-top:10px}
.zkp-story-settings{margin:24px 0}.zkp-story-choices{border:0;padding:0;margin:0 0 22px}.zkp-story-choices legend{font-size:17px;font-weight:700;color:#183431}.zkp-story-choices>p{font-size:13px;color:#627571;margin:8px 0 16px}.zkp-story-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.zkp-story-choice{position:relative;display:block;cursor:pointer;margin:0}.zkp-story-choice>input{position:absolute;top:14px;right:14px;z-index:2}.zkp-story-choice>span{display:block;overflow:hidden;height:100%;border:2px solid #dfe7e2;border-radius:14px;background:#fff;padding-bottom:14px;transition:border-color .15s,box-shadow .15s}.zkp-story-choice input:checked+span{border-color:#267857;box-shadow:0 0 0 3px #26785720}.zkp-story-choice input:focus-visible+span{outline:3px solid #a88337;outline-offset:3px}.zkp-story-choice img{width:100%;height:165px;object-fit:cover;object-position:50% 46%;display:block;margin-bottom:13px}.zkp-story-choice strong{display:block;font-size:15px;padding:0 15px;color:#173f34}.zkp-story-choice small{display:block;font-size:12px;line-height:1.7;padding:6px 15px 0;color:#627571}.zkp-story-preview-label{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 10px;font-size:13px}.zkp-story-preview-label span{color:#687970;font-size:12px}
.zkp-story-audio-choice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:14px;margin-top:12px;border-top:1px solid #e0e8e0}.zkp-story-audio-choice[hidden]{display:none}.zkp-story-audio-choice label{width:100%;font-size:13px!important}.zkp-story-audio-choice select{flex:1;min-width:140px}.zkp-story-audio-choice button{border:1px solid #b8cabe;border-radius:9px;background:#edf4ed;color:#1c583e;padding:10px 14px;font:600 13px/1.3 "Segoe UI",sans-serif;cursor:pointer}.zkp-story-audio-choice small{width:100%;font-size:12px;line-height:1.6;color:#66776b}
@media(max-width:760px){.zkp-storybook{padding:14px;align-items:start}.zkp-story-card{grid-template-columns:1fr;border-radius:22px;max-width:460px;margin:auto}.zkp-story-art{min-height:190px;height:190px}.zkp-story-scene{object-position:50% 42%}.zkp-story-stamp{bottom:17px;left:20px;font-size:14px}.zkp-story-cover{width:67px;height:90px;bottom:16px;right:22px;border-width:3px}.zkp-story-copy{padding:25px 26px;align-items:center;text-align:center}.zkp-story-kicker{margin-bottom:12px;font-size:11px}.zkp-story-copy h2{font-size:31px}.zkp-story-ornament{margin:13px 0}.zkp-story-ornament:before{content:'';width:62px;height:1px;background:var(--story-gold);opacity:.45}.zkp-story-copy p{font-size:14px;line-height:1.7;margin-bottom:19px}.zkp-story-open{min-height:49px;font-size:14px}.zkp-story-quiet{margin-top:12px}.zkp-story-footnote{margin-top:7px}.zkp-story-choice-grid{gap:9px}.zkp-story-choice img{height:110px}.zkp-story-choice strong{padding:0 9px;font-size:13px}.zkp-story-choice small{padding:5px 9px 0;font-size:12px}.zkp-storybook.is-preview{padding:12px}.is-preview .zkp-story-art{min-height:190px}.is-preview .zkp-story-copy{padding:24px}.is-preview .zkp-story-copy h2{font-size:30px}}
@media(max-width:460px){.zkp-story-choice-grid{grid-template-columns:1fr}.zkp-story-choice>span{display:grid;grid-template-columns:100px 1fr;gap:0 10px;padding:0;min-height:100px}.zkp-story-choice img{grid-row:1/3;height:100%;min-height:100px;margin:0}.zkp-story-choice strong{padding:13px 25px 0 0;align-self:end}.zkp-story-choice small{padding:5px 10px 12px 0}.zkp-story-choice>input{top:9px;right:8px}}
@media(prefers-reduced-motion:reduce){.zkp-storybook,.zkp-story-open{transition:none}.zkp-story-dust i{animation:none}.zkp-storybook.is-leaving{transition:none}}

/* The book itself is the welcome screen's central illustration. */
.zkp-storybook .zkp-story-art{display:flex;align-items:center;justify-content:center;height:auto;padding:38px;min-height:490px;background:radial-gradient(ellipse at center,#fff9df 0,#e8eddb 74%)}
.zkp-storybook .zkp-story-cover{position:relative;inset:auto;width:100%;max-width:330px;height:auto;transform:none;border:0;border-radius:8px;background:transparent;box-shadow:0 18px 35px #233d382b;overflow:hidden}
.zkp-storybook .zkp-story-cover img{display:block;width:100%;height:auto;max-height:470px;object-fit:contain;border-radius:8px}
.zkp-storybook [hidden]{display:none!important}
.zkp-story-cover-fallback{width:100%;max-width:300px;min-height:380px;padding:32px 24px;border:8px double #b8c5a2;border-radius:7px;background:#f7edce;color:#355240;box-shadow:0 18px 35px #233d382b;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:30px}
.zkp-story-cover-fallback strong{font:600 32px/1.25 Georgia,serif;overflow-wrap:anywhere}.zkp-story-cover-fallback>span{font-size:35px;color:#a88c47}.zkp-story-cover-fallback small{font-size:14px}
@media(max-width:760px){.zkp-storybook .zkp-story-art{min-height:300px;padding:24px}.zkp-storybook .zkp-story-cover{width:auto;max-width:85%}.zkp-storybook .zkp-story-cover img{width:auto;max-width:100%;max-height:310px}.zkp-story-cover-fallback{min-height:280px;max-width:230px}.zkp-story-cover-fallback strong{font-size:26px}}