.demo-experience-shell{--demo-create-dock-clearance:10.5rem;--demo-end-card-room:198px;min-height:100svh;position:relative;overflow:clip}@media (width<=374px){.demo-experience-shell{--demo-end-card-room:222px}}@media (width<=344px){.demo-experience-shell{--demo-end-card-room:247px}}@media (width>=410px){.demo-experience-shell{--demo-end-card-room:177px}}.demo-story-viewport{min-height:100svh}.demo-create-link{z-index:90;pointer-events:none;max-width:calc(100vw - 1.5rem);position:fixed;inset-block-start:max(.75rem, env(safe-area-inset-top));inset-inline-end:max(.75rem, env(safe-area-inset-right))}.demo-create-link__action{box-sizing:border-box;color:#fff;max-width:100%;min-height:3rem;font:700 .875rem/1.1 var(--font-sans,Karla, system-ui, sans-serif);letter-spacing:.005em;white-space:nowrap;pointer-events:auto;background:#8a4d98;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1rem;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex;box-shadow:0 .35rem 1rem #16142e42}.demo-create-link__action:hover{background:#8f4f9d;transform:translateY(-1px)}.demo-create-link__action:focus-visible{outline-offset:3px;outline:2px solid #fffaf5}.demo-create-link__compact-label{display:none}.demo-story-viewport :is(.night-letter,.paper-album,.instants,.our-chapters)>article>header{box-sizing:border-box;padding-inline-end:max(var(--demo-create-dock-clearance), calc(env(safe-area-inset-right) + 9.75rem))!important}.demo-end-card{z-index:96;inset-inline:max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right));box-sizing:border-box;color:#16142e;width:auto;max-width:26rem;font-family:var(--font-sans,Karla, system-ui, sans-serif);background:#fffdfe;border:1px solid #e4dce4;border-radius:1.25rem;margin-inline:auto;padding:1.1rem 1.1rem 1.1rem 1.25rem;animation:.42s cubic-bezier(.2,.8,.2,1) both demo-end-card-in;position:fixed;inset-block-end:max(.75rem, env(safe-area-inset-bottom))}.demo-end-card__host{width:3.5rem;position:absolute;bottom:calc(100% - .35rem);right:.75rem}.demo-end-card__close{color:#6e6885;width:2.75rem;height:2.75rem;font:400 1.6rem/1 var(--font-sans,Karla, system-ui, sans-serif);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem}.demo-end-card__close:hover{color:#16142e}.demo-end-card__close:focus-visible,.demo-end-card__action:focus-visible{outline-offset:2px;outline:2px solid #a25fb0}.demo-end-card__title{font:500 1.35rem/1.15 var(--font-display,"Bodoni Moda", Georgia, serif);letter-spacing:-.01em;margin:0 2.5rem .3rem 0}.demo-end-card__note{color:#6e6885;margin:0 0 .85rem;font-size:.92rem;line-height:1.4}.demo-end-card__action{color:#fff;text-align:center;background:#8a4d98;border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.7rem 1rem;font-size:.98rem;font-weight:700;text-decoration:none;display:flex}.demo-end-card__action:hover{background:#7a3f88}@keyframes demo-end-card-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}@media (width>=640px){.demo-create-link{max-width:calc(100vw - 2.5rem);inset-block-start:max(1.25rem, env(safe-area-inset-top));inset-inline-end:max(1.25rem, env(safe-area-inset-right))}}.demo-experience-shell:has(.demo-create-link) .gift-music-credit{inset-block-start:calc(max(.75rem, env(safe-area-inset-top)) + 3.5rem)}@media (width<=399px){.demo-create-link__full-label{display:none}.demo-create-link__compact-label{display:inline}}@media (prefers-reduced-motion:reduce){.demo-create-link__action{transition:none}.demo-end-card{animation:none}}