:root{--ponuno-orange:#ff9100;--ponuno-amber:#ffbe47;--ponuno-coral:#fa7047;--ponuno-ink:#202020;--ponuno-cream-intro:#fff8ef;--ponuno-pink-pop:#f4699d;--ponuno-violet-pop:#9581ef;--ponuno-mint:#82cfc0;--ponuno-blue:#3462c6;--ponuno-pink:#ee94b6;--ponuno-yellow:#ffd34f;--ponuno-lime:#a1da47;--navy:#202020;--navy-mid:#39312b;--ink:#202020;--ink-soft:#63574d;--cream:#fffdf8;--cream-deep:#fff4df;--paper:#fffdf8;--paper-deep:#fff2da;--night:#202020;--night-mid:#39312b;--apricot:#ff9100;--apricot-soft:#ffd34f;--gold:#ff9100;--gold-soft:#ffd34f;--lilac:#82cfc0;--lilac-deep:#3462c6;--blush:#ee94b6;--pistachio:#82cfc0;--background:#ff9100;--foreground:#202020;--shadow-soft:0 16px 42px #5d28001f;--shadow-book:0 30px 65px #5722003d;--shadow-pop:0 7px 0 #341b0617;--radius-blob:1.75rem;--font-display:var(--font-bricolage)}body{background:var(--ponuno-orange);color:var(--ponuno-ink)}:focus-visible{outline:3px solid var(--ponuno-blue);outline-offset:3px}.paper-texture,.preview-sky{background-color:var(--ponuno-orange);color:var(--ponuno-ink);background-image:radial-gradient(55% 32% at 12% 4%,#ffd769c2,#0000 76%),radial-gradient(52% 40% at 95% 28%,#f9693e6b,#0000 80%),radial-gradient(55% 38% at 72% 92%,#ffbc47a3,#0000 76%)}.night-sky{color:#fff;background:radial-gradient(at 78% 8%,#ffd04f 0,#0000 47%),radial-gradient(at 3% 85%,#fa7047a3,#0000 48%),#ff9100}.night-sky .text-paper{color:#fff}.night-sky .text-paper\/75{color:#ffffffed}.night-sky a.bg-gold{background:var(--ponuno-ink);color:#fff;font-family:var(--font-display), sans-serif;border-radius:999px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px #8e3b0029,0 22px 38px #55230029}.night-sky a.bg-gold:hover{background:#111;transform:translateY(-2px);box-shadow:0 10px #8e3b0029,0 24px 42px #55230033}.night-sky h1{letter-spacing:-.055em;text-wrap:balance;font-weight:800}.night-sky .bg-gold-soft{background:var(--ponuno-yellow)}.ponuno-official-logo{object-fit:contain;height:auto;display:block;filter:none!important}.storybook-step{color:#202020;letter-spacing:.105em;font-weight:800}.storybook-step-dot{background:var(--ponuno-yellow);box-shadow:none}.storybook-step-muted{color:#20202094}.storybook-step-muted .storybook-step-dot{background:#20202047}.storybook-blob-a{background:#ffd34f6b}.storybook-blob-b{background:#ee94b666}.storybook-blob-c{background:#82cfc061}.paper-texture h1,.preview-sky h1{color:#fff;letter-spacing:-.035em;text-wrap:balance;font-weight:800}.paper-texture .book-hero-frame{box-shadow:12px 13px 0 #2c25181f, var(--shadow-book);border-color:#ffffffa6}.mobile-cover-chip{background:#ffffffe3;border:1px solid #fff9;border-radius:1.4rem;box-shadow:0 12px 30px #5223001a}.storybook-atelier-card{background:#fffdf8;border:1px solid #ffffffe0;border-radius:1.75rem;box-shadow:0 9px #91410417,0 24px 55px #6932001f}.ponuno-input{color:#202020;background:#fff;border:1.5px solid #2020202b;border-radius:1.15rem}.ponuno-input:focus{border-color:var(--ponuno-blue);box-shadow:0 0 0 4px #3462c62b}.ponuno-input-name{font-family:var(--font-display), sans-serif;font-weight:750}.ponuno-btn-primary{color:#fff;font-family:var(--font-display), sans-serif;letter-spacing:-.012em;background:#202020;border:0;font-size:1.03rem;font-weight:800;box-shadow:0 7px #2d25151f,0 18px 32px #441d002b;border-radius:999px!important}.ponuno-btn-primary:hover:not(:disabled){background:#111;transform:translateY(-2px);box-shadow:0 9px #2d25151f,0 21px 37px #441d0030}.ponuno-btn-primary:disabled{opacity:.52;box-shadow:none}.photo-dropzone{background:radial-gradient(circle at 15% 10%,#ee94b652,#0000 55%),radial-gradient(circle at 85% 82%,#82cfc045,#0000 55%),#fffbf4;border:2px dashed #20202047}.photo-dropzone:focus-within,.photo-dropzone:hover{border-color:var(--ponuno-blue);box-shadow:0 0 0 4px #3462c61f}.photo-illus{background:linear-gradient(145deg,#ee94b6,#ffd34f);border-radius:1rem}.segmented-option{border-color:#20202026;border-radius:1rem}.segmented-option[data-selected=true]{color:#fff;background:#202020;border-color:#202020}.offer-intent-chooser{z-index:3;position:relative}.offer-intent-chooser legend{color:#202020;font-family:var(--font-display), sans-serif;letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(1.05rem,1.7vw,1.22rem);font-weight:800}.offer-intent-chooser>p{color:#4d352a;margin-top:.85rem;font-size:.78rem;font-weight:600}.offer-intent-chooser .format-art-grid{gap:1rem}.offer-intent-chooser .format-art-card{text-align:left;cursor:pointer;color:#202020;-webkit-tap-highlight-color:transparent;background:#fff8ed;border:2px solid #202020de;border-radius:1.45rem;flex-direction:column;align-items:stretch;min-width:0;min-height:14.75rem;padding:0;transition:transform .28s cubic-bezier(.2,1.35,.3,1),box-shadow .25s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:5px 7px #20202026,0 16px 25px #58250824}.offer-intent-chooser .format-art-card[data-format=digital]{background:linear-gradient(135deg,#8dd9d1 0%,#88bfe4 55%,#d3d6ff 100%)}.offer-intent-chooser .format-art-card[data-format=printed]{background:linear-gradient(130deg,#ffbc4b 0%,#ff9d86 48%,#f6a1cb 100%)}.offer-intent-chooser .format-art-card:hover{transform:translateY(-5px)rotate(-.6deg);box-shadow:7px 12px #2020202b,0 22px 40px #5825082b}.offer-intent-chooser .format-art-card[data-format=printed]:hover{transform:translateY(-5px)rotate(.6deg)}.offer-intent-chooser .format-art-card[aria-pressed=true]{border:2.5px solid #202020;box-shadow:0 0 0 4px #fffaeee0,7px 11px #20202042,0 20px 38px #58250838}.offer-intent-chooser .format-art-card:focus-visible{outline-offset:5px;outline:3px solid #3462c6}.format-art-visual{isolation:isolate;flex:none;height:7.5rem;display:block;position:relative;overflow:hidden}.format-art-visual:before{content:"";background:#ffffff24;border:1px solid #ffffff59;border-radius:50%;width:13rem;height:13rem;position:absolute;top:-7.8rem;left:-2.5rem}.format-art-visual:after{content:"";background:#ffffff2e;border-radius:50%;width:8rem;height:8rem;position:absolute;bottom:-5.3rem;right:-3.75rem}.format-art-orbit{background:#ffffff38;border:1.25px solid #2020204d;border-radius:50%;width:9.1rem;height:9.1rem;position:absolute;top:1.1rem;left:50%;transform:translate(-50%);box-shadow:0 0 0 13px #ffffff1c,0 0 0 25px #ffffff12}.format-art-spark{z-index:1;color:#202020;font-family:var(--font-display),sans-serif;font-size:1.7rem;line-height:1;position:absolute;top:15%;left:17%;transform:rotate(-20deg)}.format-art-card[data-format=printed] .format-art-spark{top:20%;left:77%;transform:rotate(24deg)}.format-art-device{z-index:2;background:#202020;border:2px solid #202020;border-radius:.8rem;width:5.55rem;height:7.65rem;padding:.43rem;transition:transform .35s cubic-bezier(.2,1.4,.35,1);display:block;position:absolute;top:.6rem;left:52%;transform:translate(-50%)rotate(-10deg);box-shadow:8px 9px #20202029,0 15px 22px #20202024}.format-art-device-screen{background:linear-gradient(165deg,#f8a5b5 0%,#ffe8ae 64%,#f5d2a7 100%);border-radius:.3rem;width:100%;height:100%;display:block;position:relative;overflow:hidden}.format-art-device-screen:before{content:"";background:#ffffff9e;border-radius:50%;width:3rem;height:3rem;display:block;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.format-art-device-moon{z-index:1;color:#202020;font:800 2.5rem/1 var(--font-display), sans-serif;position:absolute;top:1.05rem;left:50%;transform:translate(-50%)}.format-art-device-hill{background:#65ac9c;border-radius:50% 55% 0 0;height:5rem;position:absolute;bottom:-1.7rem;left:-1.8rem;right:-1rem;transform:rotate(-17deg)}.format-art-device-hill-back{background:#3462c6;bottom:-2.2rem;left:1rem;right:-2rem;transform:rotate(26deg)}.format-art-book{z-index:2;background:#fff;border-radius:.3rem .55rem .55rem .2rem;width:5.75rem;height:7.3rem;transition:transform .35s cubic-bezier(.2,1.4,.35,1);display:block;position:absolute;top:.65rem;left:49%;transform:translate(-50%)rotate(11deg);box-shadow:7px 6px #fffaf0,9px 8px 0 1px #202020,12px 14px #20202029}.format-art-book-cover{background:linear-gradient(151deg,#f8a4ca 0%,#e77b87 42%,#ffd059 100%);border:2px solid #202020;border-radius:.3rem .55rem .55rem .2rem;display:block;position:absolute;inset:0;overflow:hidden}.format-art-book-cover:before{content:"";background:#fffae2d4;border-radius:50%;width:3.6rem;height:3.6rem;position:absolute;top:.75rem;left:.9rem;box-shadow:0 0 0 .5rem #ffffff21}.format-art-book-cover:after{content:"";background:#9dc4ad;border-radius:50%;width:9rem;height:5.3rem;position:absolute;bottom:-2.3rem;left:-1.5rem;transform:rotate(-18deg);box-shadow:0 -.45rem #20202014}.format-art-book-sun{z-index:2;color:#202020;font:800 2.5rem/1 var(--font-display),sans-serif;position:absolute;top:.94rem;left:1.55rem}.format-art-book-mark{z-index:2;color:#202020;font:900 1.2rem/1 var(--font-display),sans-serif;position:absolute;bottom:.44rem;right:.75rem}.format-art-card:hover .format-art-device{transform:translate(-50%)translateY(-4px)rotate(-15deg)}.format-art-card:hover .format-art-book{transform:translate(-50%)translateY(-4px)rotate(16deg)}.format-art-card-content{z-index:2;background:#fffdf8eb;border-top:1.5px solid #20202017;flex-direction:column;flex:1;padding:1.1rem 1.2rem 1.3rem;display:flex;position:relative}.format-art-card-title{font-family:var(--font-display),sans-serif;letter-spacing:-.045em;color:#202020;font-size:clamp(1.2rem,2vw,1.52rem);font-weight:800;line-height:1.05}.format-art-card-description{font-family:var(--font-ui),sans-serif;color:#554f46;margin-top:.45rem;font-size:.78rem;font-weight:500;line-height:1.45}.format-art-card-check{z-index:3;color:#202020;width:1.9rem;height:1.9rem;font-family:var(--font-display),sans-serif;background:#fffdf7;border:1.8px solid #202020;border-radius:50%;place-items:center;font-size:1.14rem;font-weight:900;line-height:1;transition:transform .22s,background-color .22s;display:grid;position:absolute;top:.8rem;right:.8rem}.format-art-card[aria-pressed=true] .format-art-card-check{color:#fff;background:#202020;transform:rotate(0)}@media (max-width:639px){.offer-intent-chooser .format-art-grid{gap:.75rem}.offer-intent-chooser .format-art-card{border-radius:1.25rem;flex-direction:row;min-height:9.2rem}.format-art-visual{flex:0 0 41%;width:41%;min-width:0;height:auto}.format-art-device{top:1.35rem}.format-art-book{top:1.2rem}.format-art-card-content{border-top:0;border-left:1px solid #20202017;justify-content:center;padding:1.5rem 2.1rem 1.25rem 1rem}.format-art-card-title{font-size:1.22rem}.format-art-card-description{font-size:.72rem}.format-art-card-check{width:1.5rem;height:1.5rem;font-size:.98rem;top:.6rem;right:.6rem}}@media (prefers-reduced-motion:reduce){.offer-intent-chooser .format-art-card,.format-art-card .format-art-device,.format-art-card .format-art-book,.format-art-card .format-art-card-check{transform:none;transition:none!important}.format-art-card:hover .format-art-device,.format-art-card:hover .format-art-book,.offer-intent-chooser .format-art-card:hover{transform:none!important}}.bd-page{max-width:59rem}.bd-status{background:#fff7e7;border:1px solid #ffffffbf;border-radius:1.4rem;box-shadow:0 8px #73360017}.bd-status-icon{color:#fff;background:#202020}.bd-panel-frame{border-color:#ffffffd9;border-radius:1.35rem;box-shadow:0 14px 35px #5e29002e}.bd-panel[data-ready=true]:hover .bd-panel-frame{box-shadow:0 20px 44px #5e290038}.bd-panel-badge{background:var(--ponuno-yellow);color:#202020}.bd-panel-title{color:#202020;font-weight:800}.bd-panel-sub{color:#202020b8}.preview-sky .sticky-purchase-bar{background:#fffaf0;border-color:#20202014;box-shadow:0 -12px 34px #481e001f}.gift-config{isolation:isolate;position:relative;overflow:visible;background:#fffaf0!important;border:0!important;border-radius:2rem!important;padding:clamp(1.2rem,4vw,3.25rem)!important;box-shadow:0 13px #712f001f,0 32px 70px #5b27002e!important}.gift-config-heading{isolation:isolate;color:#202020;background:radial-gradient(circle at 92% -20%,#ffd34ff7,#0000 49%),linear-gradient(115deg,#ffb847 0%,#ff9302 49%,#fa7147 100%);border-radius:1.4rem;padding:clamp(1.35rem,3vw,2.25rem);position:relative;overflow:hidden;box-shadow:0 7px #6d310017}.gift-config-heading:before{content:"✳";z-index:-1;font:190px/1 var(--font-display), sans-serif;color:#fff3;pointer-events:none;position:absolute;top:-2.25rem;right:5%;transform:rotate(-15deg)}.gift-config-heading>p:first-child{letter-spacing:.13em;background:#202020;border-radius:999px;align-items:center;width:max-content;max-width:100%;padding:.4rem .8rem;font-size:.64rem;font-weight:800;display:inline-flex;color:#fff!important}.gift-config-heading h2{font-family:var(--font-display), sans-serif;letter-spacing:-.055em;max-width:18ch;font-weight:800;font-size:clamp(2.1rem,4.2vw,3.5rem)!important;line-height:1.03!important}.gift-config-heading>p:nth-last-child(2){color:#202020;max-width:53ch;font-size:1rem;line-height:1.5}.gift-config-heading>p:last-child{color:#202020b8;max-width:66ch;font-size:.78rem}.gift-config fieldset{min-width:0}.gift-config legend{font-family:var(--font-display), sans-serif;letter-spacing:-.025em;margin-bottom:.6rem;color:#202020!important;font-size:1.12rem!important;font-weight:800!important}.gift-config .gift-choice-grid{gap:1rem}.gift-choice{text-align:left;flex-direction:column;min-width:0;min-height:10.25rem;transition:transform .2s cubic-bezier(.2,.8,.2,1.2),box-shadow .2s;display:flex;position:relative;overflow:visible;box-shadow:0 5px #20202021;background:var(--ponuno-mint)!important;color:#202020!important;border:2px solid #202020!important;border-radius:1.3rem!important;padding:1.3rem!important}.gift-choice[data-choice=digital]{background:var(--ponuno-mint)!important}.gift-choice[data-choice=printed]{background:var(--ponuno-yellow)!important}.gift-choice[data-choice=printed_softcover]{background:var(--ponuno-pink)!important}.gift-choice[data-choice=printed_hardcover]{background:var(--ponuno-coral)!important}.gift-choice[data-selected=true]{box-shadow:7px 9px 0 var(--ponuno-lime), 7px 9px 0 2px #202020;transform:translateY(-2px)}.gift-choice:disabled{opacity:.62;cursor:not-allowed;box-shadow:none;transform:none;color:#736d65!important;background:#efece6!important}.gift-choice:not(:disabled):not([data-selected=true]):hover{transform:translateY(-3px);box-shadow:0 8px #2020202b}.gift-choice[data-selected=true]:not(:disabled):hover{box-shadow:8px 11px 0 var(--ponuno-lime), 8px 11px 0 2px #202020;transform:translateY(-4px)}.gift-choice:focus-visible{outline:3px solid var(--ponuno-blue);outline-offset:4px}.gift-choice-indicator{color:#0000;width:1.65rem;height:1.65rem;font:800 .9rem/1 var(--font-display),sans-serif;background:#ffffffe6;border:2px solid #202020;border-radius:999px;place-items:center;display:grid;position:absolute;top:1.1rem;right:1.1rem}.gift-choice[data-selected=true] .gift-choice-indicator{color:#fff;background:#202020}.gift-choice-title{font-family:var(--font-display), sans-serif;letter-spacing:-.035em;padding-right:2rem;font-weight:800;line-height:1.08;display:block;font-size:1.45rem!important}.gift-choice-description{opacity:.82;max-width:32ch;line-height:1.4;color:#202020!important;margin-top:.7rem!important;font-size:.87rem!important}.gift-choice-price{font:800 1.16rem/1.2 var(--font-display),sans-serif;letter-spacing:-.02em;padding-top:1rem;display:block;color:#202020!important;margin-top:auto!important}.gift-choice:disabled .gift-choice-description{opacity:.8}.gift-config .gift-dedication{background:#e5f2e9;border-radius:1.4rem;padding:1.2rem}.gift-config .gift-dedication label{font-family:var(--font-display),sans-serif;font-weight:800;color:#202020!important;font-size:1.08rem!important}.gift-config .gift-dedication textarea{border-radius:1rem}.gift-config .gift-addon{transition:border-color .2s,box-shadow .2s,transform .2s;background:#fff!important;border:1.5px solid #2020201f!important;border-radius:1.15rem!important;padding:1rem!important}.gift-config .gift-addon:has(input:checked){box-shadow:5px 6px 0 var(--ponuno-lime);border-color:#202020!important}.gift-config .gift-addon:has(input:not(:disabled)):hover{transform:translateY(-1px)}.gift-config .gift-addon input{accent-color:#202020;width:1.15rem;height:1.15rem}.gift-summary{position:relative;box-shadow:0 7px #31230e12;background:#fff!important;border:1.5px solid #20202021!important;border-radius:1.4rem!important;padding:clamp(1rem,2.5vw,1.6rem)!important}.gift-summary>p:first-child{letter-spacing:.09em;font-weight:800;color:#202020!important}.gift-summary .gift-total{font-family:var(--font-display),sans-serif;letter-spacing:-.05em;font-weight:850;color:#202020!important;font-size:clamp(1.75rem,3vw,2.4rem)!important}.gift-summary .ponuno-btn-primary{white-space:normal;text-align:center;border-radius:999px;width:100%;min-width:0;padding:1rem 1.25rem;font-size:1.04rem}.gift-summary .ponuno-btn-primary:hover:not(:disabled){box-shadow:6px 8px 0 var(--ponuno-lime)}.gift-summary .gift-summary-footer{flex-direction:column;align-items:stretch;gap:1rem}.gift-summary .gift-summary-footer>div{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.gift-config{align-items:stretch;max-width:65rem;margin-inline:auto;flex-direction:column!important;display:flex!important}.gift-config>.gift-summary{order:10;width:100%;grid-area:auto!important;position:static!important}@media (max-width:639px){.night-sky h1{font-size:3rem}.paper-texture .storybook-stage,.preview-sky .storybook-stage{padding-top:1.6rem}.gift-config{border-radius:1.5rem!important;padding:1rem!important}.gift-config-heading{padding:1.3rem}.gift-config-heading h2{font-size:2rem!important}.gift-config .gift-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.gift-choice{min-height:10.5rem;padding:1rem!important}.gift-choice-indicator{width:1.4rem;height:1.4rem;top:.8rem;right:.8rem}.gift-choice-title{padding-right:1.2rem;font-size:1.17rem!important}.gift-choice-description{font-size:.77rem!important}.gift-choice-price{font-size:1rem!important}.gift-summary .gift-summary-footer{flex-direction:column;align-items:stretch}.gift-summary .gift-summary-footer button{width:100%}}@media (prefers-reduced-motion:reduce){.gift-choice,.offer-intent-chooser button,.night-sky a.bg-gold,.gift-addon{transition:none!important}.gift-choice:hover,.offer-intent-chooser button:hover,.night-sky a.bg-gold:hover{transform:none!important}}.bd-page .bd-panel[data-stage=cover][data-ready=false] .bd-panel-frame{aspect-ratio:auto;border:2px dashed #20202033;border-radius:1.35rem;height:clamp(9.5rem,17vw,13.5rem);min-height:0;box-shadow:0 7px #67340c14}.bd-page .bd-panel[data-stage=cover][data-ready=false] .bd-panel-media{background:radial-gradient(circle at 12% 18%,#ffd34f7a,#0000 31%),radial-gradient(circle at 87% 70%,#ee94b647,#0000 38%),linear-gradient(120deg,#fff7e7 0%,#ffe7c2 100%)}.bd-page .bd-panel[data-stage=cover][data-ready=false] .bd-panel-empty{color:#202020;flex-direction:row;gap:1rem;font-weight:650}.bd-page .bd-panel[data-stage=cover][data-ready=false] .bd-panel-empty .atelier-glow{flex-shrink:0}@media (max-width:639px){.bd-page .bd-panel[data-stage=cover][data-ready=false] .bd-panel-frame{aspect-ratio:auto;height:9.25rem;min-height:0}.bd-page .bd-panel[data-stage=cover][data-ready=false] .bd-panel-empty{flex-direction:column;gap:.55rem}}.preview-v5 .preview-v5-hero{max-width:55rem;margin-inline:auto}.preview-v5 .preview-v5-hero h1{color:#fff;letter-spacing:-.055em;max-width:23ch;margin-inline:auto;font-size:clamp(2.15rem,4.7vw,3.9rem);font-weight:800;line-height:1.035}.preview-v5 .preview-v5-hero p:last-child{color:#3d3028;max-width:35rem;margin-inline:auto;font-size:clamp(.95rem,1.35vw,1.1rem);line-height:1.5}.preview-v5 .preview-v5-hero .storybook-step{letter-spacing:.12em;justify-content:center}.preview-v5 .bd-page{gap:1.2rem;max-width:70rem}.preview-v5 .bd-grid{gap:clamp(.6rem,1.7vw,1.1rem)}.preview-v5 .bd-status{background:#fffaf0;border:1px solid #2020201a;border-radius:1.45rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem 1.05rem;padding:1.15rem clamp(1.05rem,2.5vw,1.65rem);display:grid;box-shadow:0 6px #55250012,0 12px 24px #6830030d}.preview-v5 .bd-status-icon{color:#fff;background:#202020;width:2.45rem;height:2.45rem}.preview-v5 .bd-status .min-w-0 p:first-child{font:800 clamp(.95rem,1.6vw,1.13rem)/1.15 var(--font-display),sans-serif;color:#202020}.preview-v5 .bd-status .min-w-0 p:last-child{color:#6b5c4b;margin-top:.32rem;font-size:.74rem}.preview-v5 .bd-progress-meta{font:800 1.08rem/1 var(--font-display),sans-serif;color:#202020;font-variant-numeric:tabular-nums;background:#ffe1ad;border-radius:999px;padding:.5rem .7rem}.preview-v5 .bd-progress-track{background:#f1dfc5;border-radius:999px;grid-column:1/-1;width:100%;height:.43rem;position:relative;overflow:hidden}.preview-v5 .bd-progress-track>span{border-radius:inherit;background:linear-gradient(90deg,#82cfc0 0%,#4cae9e 100%);height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.preview-v5 .bd-panel:not([data-stage=cover]) .bd-panel-frame{aspect-ratio:1.15;border:3px solid #ffffffe0;border-radius:1.4rem;box-shadow:0 7px #2a18081f,0 17px 34px #4a210021}.preview-v5 .bd-panel[data-stage=photo] .bd-panel-frame{background:#ffe6dc}.preview-v5 .bd-panel[data-stage=everyday] .bd-panel-frame{background:#dff4ef}.preview-v5 .bd-panel[data-stage=costume] .bd-panel-frame{background:#e2ebff}.preview-v5 .bd-panel-caption{gap:.24rem;padding:.45rem .25rem 0}.preview-v5 .bd-panel-title{font:800 clamp(.89rem,1.8vw,1.08rem)/1.17 var(--font-display),sans-serif;color:#202020;letter-spacing:-.025em}.preview-v5 .bd-panel-sub{color:#202020ba;font-size:.8rem;line-height:1.32}.preview-v5 .bd-panel[data-stage=cover] .bd-panel-frame{background:#fff8ec;border-color:#fff;box-shadow:0 9px #28190a24,0 26px 55px #4a210026}.preview-v5 .bd-panel[data-stage=cover][data-ready=false] .bd-panel-frame{aspect-ratio:auto;border:2px solid #ffffffdb;height:clamp(11rem,20vw,14rem);min-height:0}.preview-v5 .bd-panel[data-stage=cover] .bd-panel-media{background:#ffecd6}.preview-v5 .bd-panel[data-stage=cover] .bd-panel-media>.bd-cover-art{background:#ffedd5;width:100%;height:100%;padding:0;position:absolute;inset:0;overflow:hidden}.preview-v5 .bd-cover-art-teaser,.preview-v5 .bd-cover-art-final{width:100%;height:100%;display:block;position:absolute;inset:0}.preview-v5 .bd-cover-art-teaser{opacity:1;filter:saturate(.94);width:57%;transition:opacity .7s;left:43%;right:0;transform:scale(1.025)}.preview-v5 .bd-cover-art-teaser img,.preview-v5 .bd-cover-art-final img{object-fit:contain;width:100%;height:100%}.preview-v5 .bd-cover-art-teaser img{object-fit:cover;object-position:center 30%}.preview-v5 .bd-cover-art-final{z-index:2;opacity:0;background:#fff8ea;transition:opacity .7s}.preview-v5 .bd-cover-art-wait{z-index:3;text-align:left;color:#202020;background:linear-gradient(90deg,#fff2d8 0%,#ffedd2 39%,#ffedd2e0 56%,#ffedd200 95%);flex-direction:column;justify-content:center;align-items:flex-start;gap:.4rem;padding:clamp(1rem,3vw,2rem);transition:opacity .5s;display:flex;position:absolute;inset:0}.preview-v5 .bd-cover-art-spark{color:#ffd34f;font-size:clamp(1.45rem,2.5vw,2.25rem);line-height:1.2;animation:2.5s ease-in-out infinite preview-wait-breathe}.preview-v5 .bd-cover-art-wait-title{font:800 clamp(1.04rem,2.2vw,1.55rem)/1.1 var(--font-display),sans-serif;max-width:19ch}.preview-v5 .bd-cover-art-wait-copy{font:500 clamp(.72rem,1.2vw,.85rem)/1.35 var(--font-ui),sans-serif;color:#5d4937;max-width:30ch}:is(.preview-v5 .bd-cover-art:has(.bd-cover-art-final img) .bd-cover-art-teaser,.preview-v5 .bd-cover-art:has(.bd-cover-art-final img) .bd-cover-art-wait){opacity:0;pointer-events:none}.preview-v5 .bd-cover-art:has(.bd-cover-art-final img) .bd-cover-art-final{opacity:1}.preview-v5 .bd-panel[data-ready=true]:hover .bd-panel-frame,.preview-v5 .bd-panel[data-ready=true]:focus-visible .bd-panel-frame{transform:translateY(-3px)rotate(-.4deg)}.preview-v5 .bd-panel[data-stage=cover][data-ready=false] .bd-panel-frame{animation:none}.preview-v5 .bd-panel[data-stage=cover][data-ready=false] .bd-panel-badge{color:#202020;background:#ffd34f;border-color:#2020201a}@keyframes preview-wait-breathe{0%,to{opacity:.75;transform:scale(.94)rotate(-11deg)}50%{opacity:1;transform:scale(1.1)rotate(11deg)}}@media (min-width:800px){.preview-v5 .bd-page[data-cover-ready=true] .bd-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:minmax(0,1.33fr) minmax(0,.67fr);align-items:stretch;gap:.9rem 1.25rem;display:grid}.preview-v5 .bd-page[data-has-costume=false][data-cover-ready=true] .bd-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel[data-stage=cover]{flex-direction:column;grid-area:1/1/-1;display:flex}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel[data-stage=cover] .bd-panel-frame{aspect-ratio:1.36;border-radius:1.5rem;flex:auto;width:100%;max-width:none;height:auto;min-height:29rem}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel:not([data-stage=cover]){background:#fff8ec;border-radius:1.3rem;grid-column:2;grid-template-columns:minmax(5.5rem,36%) minmax(0,1fr);align-items:center;gap:.8rem;min-width:0;padding:.6rem;display:grid;box-shadow:0 6px #4d280d14}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel[data-stage=photo]{background:#ffede5}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel[data-stage=everyday]{background:#e4f2eb}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel[data-stage=costume]{background:#e6ecff}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel:not([data-stage=cover]) .bd-panel-frame{aspect-ratio:1;width:100%;height:auto;min-height:0;box-shadow:none;border-width:2px;border-radius:.9rem}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel:not([data-stage=cover]) .bd-panel-caption{padding:0 .2rem 0 0}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel:not([data-stage=cover]) .bd-panel-title{font-size:clamp(.83rem,1.4vw,1.02rem)}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel:not([data-stage=cover]) .bd-panel-sub{font-size:.76rem;display:block}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel[data-stage=cover] .bd-panel-caption{text-align:left;padding:.7rem .25rem 0}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel[data-stage=cover] .bd-panel-title{font-size:1.3rem}}@media (max-width:799px){.preview-v5 .bd-page[data-cover-ready=true] .bd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-v5 .bd-page[data-has-costume=false][data-cover-ready=true] .bd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel[data-stage=cover]{grid-area:1/1/auto/-1}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel[data-stage=cover] .bd-panel-frame{aspect-ratio:1.16;width:100%;max-width:100%;min-height:0}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel:not([data-stage=cover]) .bd-panel-frame{aspect-ratio:1;min-height:0}}@media (max-width:639px){.preview-v5 .bd-status{gap:.55rem .7rem;padding:1rem}.preview-v5 .bd-status-icon{width:2.1rem;height:2.1rem}.preview-v5 .bd-progress-meta{padding:.42rem .55rem;font-size:.88rem}.preview-v5 .bd-page[data-cover-ready=false] .bd-grid{gap:.55rem}.preview-v5 .bd-page[data-cover-ready=false] .bd-panel:not([data-stage=cover]) .bd-panel-frame{aspect-ratio:.9}.preview-v5 .bd-page[data-cover-ready=false] .bd-panel[data-stage=cover] .bd-panel-frame{height:12rem}.preview-v5 .bd-panel-title{font-size:.8rem}.preview-v5 .bd-panel-sub{display:none}.preview-v5 .bd-page[data-cover-ready=true] .bd-panel[data-stage=cover] .bd-panel-frame{aspect-ratio:1}.preview-v5 .bd-cover-art-wait-copy{max-width:18rem}.preview-v5 .bd-cover-art-wait{gap:.3rem}}@media (prefers-reduced-motion:reduce){.preview-v5 .bd-progress-track>span,.preview-v5 .bd-cover-art-teaser,.preview-v5 .bd-cover-art-final,.preview-v5 .bd-cover-art-wait{transition:none!important}.preview-v5 .bd-cover-art-spark{animation:none!important}}.personalize-pop{isolation:isolate;background-color:#ff9403;background-image:radial-gradient(52rem 48rem at -7% 54%,#f698c2bf 0%,#0000 62%),radial-gradient(36rem 34rem at 106% 17%,#ef8fb6b3 0%,#0000 73%),radial-gradient(59rem 50rem at 44% 34%,#ffba3f94 0%,#ff910040 65%,#0000 83%),linear-gradient(116deg,#f6a3bc 0%,#ffa528 21%,#ff9000 49%,#ff8b02 76%,#f0a1b6 100%);background-repeat:no-repeat;position:relative;overflow-x:clip}.personalize-pop:before{content:"";pointer-events:none;z-index:0;opacity:.085;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.3'/%3E%3C/svg%3E");position:absolute;inset:0}.personalize-pop .storybook-stage{z-index:1}.personalize-pop .storybook-stage:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 50% 42%,#ffbe4140 0%,#ff930030 58%,#0000 72%);border-radius:50%;width:clamp(38rem,80vw,80rem);height:clamp(34rem,68vw,68rem);position:absolute;top:0;left:50%;transform:translate(-50%)}.personalize-pop .storybook-blob-a{opacity:.6;background:linear-gradient(130deg,#ffe36b,#ffc34d);width:15rem;height:15rem;top:3rem;left:-7rem}.personalize-pop .storybook-blob-b{opacity:.8;background:linear-gradient(150deg,#ee89b3,#f5abc3);width:15rem;height:15rem;top:14rem;right:-7rem}.personalize-pop .storybook-blob-c{background:#82cfc07a;width:12rem;height:12rem}.personalize-pop h1{color:#fff;letter-spacing:-.065em;text-wrap:balance;max-width:24ch;font-size:clamp(2.35rem,3.65vw,3.5rem);font-weight:850;line-height:1.07}.personalize-pop .storybook-stage>div.grid>div>div:first-child>p{color:#4b3023;font-weight:550}.personalize-pop .storybook-stage aside{isolation:isolate;position:relative}.personalize-pop .storybook-stage aside:before{content:"";z-index:-1;pointer-events:none;aspect-ratio:1;background:radial-gradient(circle at 35% 42%,#f59ac3 0%,#f1a6ca 34%,#f1a6ca66 65%,#0000 72%);border-radius:50% 44% 50% 46%;width:102%;position:absolute;top:1rem;left:0;transform:rotate(14deg)scale(1.03)}.personalize-pop .book-hero-frame{border:3px solid #fff8ed;border-radius:1.35rem;max-width:30rem;margin-inline:auto;transition:transform .45s cubic-bezier(.2,1.2,.4,1),box-shadow .45s;overflow:hidden;transform:rotate(-1.6deg);box-shadow:10px 11px #28180a42,0 33px 65px #56250347}.personalize-pop .book-hero-frame:hover{transform:translateY(-6px)rotate(.2deg);box-shadow:11px 16px #28180a38,0 37px 72px #56250352}.personalize-pop .book-hero-frame figcaption{background:#202020;padding:1.2rem 1.35rem}.personalize-pop .book-hero-frame figcaption p:first-child{color:#fff;font-size:1.13rem;font-weight:750}.personalize-pop .book-hero-frame figcaption p:last-child{color:#ffcf58}.personalize-pop .storybook-atelier-card{background:linear-gradient(157deg,#fffdf7 0%,#fff9f0 62%,#fff0ed 100%);border:1.5px solid #20202024;border-radius:1.75rem;box-shadow:7px 9px #2020201a,0 28px 55px #6a2c0021}.personalize-pop .storybook-atelier-card:before{content:"";pointer-events:none;background:#f3a1bc;border:1.5px solid #2020201f;border-top:0;border-radius:0 0 .9rem .9rem;width:6.5rem;height:.8rem;position:absolute;top:-.15rem;right:2.2rem}.personalize-pop .storybook-atelier-card form>div>label,.personalize-pop .storybook-atelier-card legend{color:#202020;font-weight:750}.personalize-pop .ponuno-input{background:#fff;border:1.8px solid #2020202e;border-radius:1.1rem;transition:border-color .2s,box-shadow .2s}.personalize-pop .ponuno-input:focus{border-color:#202020;box-shadow:0 0 0 4px #82cfc073}.personalize-pop .segmented-option{color:#202020;background:#fff;border:1.5px solid #20202029;border-radius:1rem;min-height:3.3rem;font-weight:700}.personalize-pop .segmented-option[data-selected=true]{color:#202020;background:#bde8db;border:2px solid #202020;box-shadow:3px 4px #20202024}.personalize-pop .segmented-option:focus-within{outline-offset:3px;outline:3px solid #3462c6}.personalize-pop .photo-dropzone{background:radial-gradient(circle at 20% 0,#ee94b65c,#0000 48%),radial-gradient(circle at 85% 90%,#82cfc061,#0000 45%),#fffdf7;border:2px dashed #2020204d;border-radius:1.35rem}.personalize-pop .photo-dropzone:hover,.personalize-pop .photo-dropzone:focus-within{border-style:solid;border-color:#202020;box-shadow:0 0 0 4px #ee94b661}.personalize-pop .ponuno-btn-primary{letter-spacing:-.02em;border-radius:999px;min-height:3.75rem;font-size:1.05rem}.personalize-pop .mobile-cover-chip{background:#fffdf7;border:2px solid #202020;box-shadow:5px 6px #2020202b}@media (max-width:1023px){.personalize-pop .storybook-stage aside:before{display:none}.personalize-pop .storybook-stage{padding-top:1.4rem}.personalize-pop h1{max-width:26ch;font-size:clamp(2rem,4.5vw,3rem)}}@media (max-width:639px){.personalize-pop{background-image:radial-gradient(20rem 28rem at -6% 12%,#f698c287,#0000 75%),radial-gradient(23rem 33rem at 115% 38%,#f296b37a,#0000 79%),linear-gradient(140deg,#ffa32c,#ff9300 45%,#ff8c01 76%,#ffaf53)}.personalize-pop .storybook-stage:before,.personalize-pop .storybook-blob{display:none}.personalize-pop h1{color:#fff;font-size:clamp(1.9rem,7vw,2.6rem)}.personalize-pop .storybook-atelier-card{padding:1.15rem}.personalize-pop .storybook-atelier-card:before{width:4.5rem;right:1.4rem}}.preview-v5{isolation:isolate;background-color:#ff9100;background-image:radial-gradient(40rem 32rem at -8% 31%,#f299c18c,#0000 72%),radial-gradient(38rem 38rem at 108% 75%,#eb8db994,#0000 75%),radial-gradient(45rem 35rem at 47% 2%,#ffca6575,#0000 74%),linear-gradient(131deg,#ffa521 0%,#ff9100 47%,#ff8d02 75%,#ffae50 100%);position:relative}.preview-v5:before{content:"";pointer-events:none;z-index:0;opacity:.065;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.3'/%3E%3C/svg%3E");position:absolute;inset:0}.preview-v5>.storybook-stage{z-index:1;position:relative}.personalize-pop .storybook-atelier-card:has(.ponuno-character-form){background:#fffaf1;border:2px solid #20202024;border-radius:clamp(1.55rem,3.5vw,2.3rem);padding:clamp(1.05rem,2.2vw,1.5rem);box-shadow:8px 10px #20202024,0 24px 56px #5e290024}.personalize-pop .storybook-atelier-card:has(.ponuno-character-form):before{display:none}.ponuno-character-form{flex-direction:column;gap:clamp(1rem,2.2vw,1.35rem);display:flex}.character-form-intro{isolation:isolate;background:radial-gradient(circle at 93% 5%,#fff0afde 0,#0000 46%),linear-gradient(110deg,#ffcd78 0%,#ffad77 45%,#f7a4bb 100%);border:1.5px solid #2020201a;border-radius:1.4rem;padding:clamp(1.35rem,2.7vw,2rem);position:relative;overflow:hidden;box-shadow:0 5px #53310c12}.character-form-intro:before{content:"";z-index:-1;background:#ffffff61;border-radius:50%;width:15rem;height:15rem;position:absolute;top:-9rem;right:-1.7rem;box-shadow:0 0 0 3.4rem #ffffff1a}.character-form-kicker{color:#fff;font:800 .64rem/1.3 var(--font-ui),sans-serif;letter-spacing:.115em;background:#202020;border:1px solid #2020201f;border-radius:999px;padding:.33rem .7rem;display:inline-block}.character-form-title{z-index:2;color:#202020;max-width:16.5ch;font:850 clamp(1.7rem,3vw,2.5rem)/1.04 var(--font-display),sans-serif;letter-spacing:-.055em;text-wrap:balance;margin-top:1.05rem;position:relative}.character-form-subtitle{z-index:2;color:#48392e;max-width:36ch;font:500 clamp(.85rem,1.3vw,.98rem)/1.47 var(--font-ui),sans-serif;margin-top:.7rem;position:relative}.character-form-spark{z-index:1;color:#202020;opacity:.9;pointer-events:none;font-size:clamp(3rem,5.5vw,5.8rem);line-height:1;position:absolute;top:27%;right:5%;transform:rotate(-14deg)}.character-identity,.character-photo,.character-action{border-radius:1.45rem;min-width:0;padding:clamp(1.1rem,2.5vw,1.7rem);position:relative}.character-identity{background:#fffdfa;border:1.5px solid #2020201a;flex-direction:column;gap:1.25rem;display:flex}.character-photo{background:linear-gradient(155deg,#ffe9e5 0%,#fff9e9 48%,#e4f3ea 100%);border:1.5px solid #2020201c}.character-section-tag{width:max-content;max-width:100%;font:800 .71rem/1.3 var(--font-ui),sans-serif;letter-spacing:.085em;text-transform:uppercase;color:#2d2824;align-items:center;gap:.55rem;display:inline-flex}.character-section-tag>span{color:#202020;background:#f0d4fb;border:1px solid #20202021;border-radius:.63rem;flex:none;place-items:center;width:1.9rem;height:1.9rem;font-size:1rem;line-height:1;display:grid;box-shadow:2px 3px #20202017}.character-photo .character-section-tag>span{background:#ffd052}.ponuno-character-form label[for=firstName],.ponuno-character-form label[for=age],.ponuno-character-form legend,.ponuno-character-form .character-photo-label{color:#202020;font:750 clamp(.89rem,1.4vw,1rem)/1.4 var(--font-display),sans-serif;letter-spacing:-.02em}.character-name-field{position:relative}.character-name-field:after{content:"✳";color:#f2a2b7;font:900 1.55rem/1 var(--font-display),sans-serif;pointer-events:none;transition:transform .22s;position:absolute;bottom:1.05rem;right:1.1rem}.character-name-field:focus-within:after{transform:rotate(30deg)scale(1.09)}.personalize-pop .ponuno-character-form .character-name-field input{color:#202020;background:#fff;border:2px solid #ddd5cb;border-radius:1.1rem;min-height:4.25rem;padding:1rem 3rem 1rem 1.1rem;font-size:clamp(1.5rem,2.5vw,1.93rem);font-weight:850;box-shadow:3px 4px #2020200e}.personalize-pop .ponuno-character-form input.has-value{border-color:#202020;box-shadow:4px 5px #ee94b647}.ponuno-character-form input[aria-invalid=true],.ponuno-character-form select[aria-invalid=true]{border-color:#b8404c!important}.character-age-field{border-top:1px dashed #2020202b;gap:.85rem;padding-top:1.05rem;display:grid}.character-age-field>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.character-age-field .age-unit-toggle{background:#f7f2e9;border:1.5px solid #2020201a;padding:.2rem}.character-age-field .age-unit-toggle button{color:#50483d;min-height:2.25rem;font-weight:700}.character-age-field .age-unit-toggle button[aria-pressed=true]{color:#fff;background:#202020;box-shadow:2px 3px #2020201c}.personalize-pop .ponuno-character-form #age{color:#202020;width:min(100%,15rem);max-width:none;min-height:3.45rem;font:800 clamp(1.07rem,1.5vw,1.23rem)/1.3 var(--font-display),sans-serif;background:#fffaf2;border:1.7px solid #2020203b;padding:.75rem .95rem;box-shadow:3px 4px #20202012}.character-age-field>p{color:#70695e;max-width:48ch;font-size:.78rem;line-height:1.48}.character-presentation{border-top:1px dashed #2020202b;flex-direction:column;gap:.8rem;min-width:0;padding-top:1.2rem;display:flex}.character-presentation legend{margin-bottom:.85rem}.personalize-pop .character-presentation .segmented-option{color:#202020;letter-spacing:-.01em;background:#fffefa;border:1.5px solid #202020;border-radius:1.05rem;min-height:3.4rem;padding:.75rem .6rem;font-size:.83rem;font-weight:800;transition:transform .17s,box-shadow .17s,background .17s;box-shadow:3px 4px #2020201a}.personalize-pop .character-presentation .segmented-option:hover{background:#fff3d3;transform:translateY(-2px)}.personalize-pop .character-presentation .segmented-option[data-selected=true]{background:#c6e9db;border:2px solid #202020;transform:translateY(-2px);box-shadow:3px 5px #202020}.personalize-pop .character-presentation .segmented-option[data-selected=true]:after{content:"✓";margin-left:.38rem;font-size:.8rem}.character-photo-label{margin-top:.75rem}.personalize-pop .ponuno-character-form .photo-dropzone{background:radial-gradient(circle at 7% 15%,#ffcd5973,#0000 42%),radial-gradient(circle at 95% 90%,#76d2b87a,#0000 43%),#fffdf8;border:2px dashed #20202066;border-radius:1.3rem;min-height:clamp(10.5rem,18vw,13rem);padding:1.4rem 1rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff8a,3px 4px #20202012}.personalize-pop .ponuno-character-form .photo-dropzone:before{content:"✦";color:#e89fbe;font:900 2rem/1 var(--font-display),sans-serif;pointer-events:none;position:absolute;top:12%;left:6%;transform:rotate(-18deg)}.personalize-pop .ponuno-character-form .photo-dropzone:after{content:"✳";color:#7bc7b6;font:900 2rem/1 var(--font-display),sans-serif;pointer-events:none;position:absolute;bottom:12%;right:8%}.personalize-pop .ponuno-character-form .photo-dropzone .photo-illus{background:linear-gradient(140deg,#f4a2c2,#ffcd60);border:1.8px solid #202020;border-radius:1.15rem;width:4.1rem;height:4.1rem;transition:transform .2s;transform:rotate(-6deg);box-shadow:4px 5px #20202021}.personalize-pop .ponuno-character-form .photo-dropzone:hover .photo-illus{transform:rotate(1deg)translateY(-2px)}.personalize-pop .ponuno-character-form .photo-dropzone span.max-w-xs{max-width:21rem}.personalize-pop .ponuno-character-form .photo-dropzone span.block.font-semibold{font-family:var(--font-display),sans-serif;letter-spacing:-.025em;color:#202020;font-size:clamp(1.05rem,1.7vw,1.24rem);font-weight:800}.personalize-pop .ponuno-character-form .photo-dropzone span.text-ink-soft{color:#564c43;font-size:.85rem}.personalize-pop .ponuno-character-form .photo-dropzone span.text-ink\/50{color:#73675a;font-size:.73rem}.personalize-pop .ponuno-character-form .photo-dropzone.has-photo{background:#fff;border-style:solid;border-color:#82cfc0}.personalize-pop .ponuno-character-form .photo-dropzone.has-photo img{z-index:2;border:5px solid #fff;border-radius:.65rem;width:auto;max-width:100%;max-height:16rem;position:relative;transform:rotate(-1.5deg);box-shadow:4px 6px #20202026,0 13px 26px #2020201a}.personalize-pop .ponuno-character-form .photo-dropzone:hover,.personalize-pop .ponuno-character-form .photo-dropzone:focus-within{border-style:solid;border-color:#202020;transform:translateY(-1px);box-shadow:0 0 0 4px #ffd24f80,4px 7px #2020201f}.character-photo>p.text-sm{color:#5e5b55;margin-top:.8rem;font-size:.75rem;line-height:1.5}.ponuno-character-form .character-action{background:radial-gradient(circle at 105% -10%,#ffc565a6,#0000 44%),linear-gradient(130deg,#ffdde5 0%,#ffefcf 63%,#fff9ea 100%);border:1.5px solid #2020201a;padding:clamp(1.05rem,2.8vw,1.7rem)}.character-action-spark{z-index:1;color:#202020;background:#ffd34f;border:1.5px solid #202020;border-radius:50%;place-items:center;width:2.3rem;height:2.3rem;font-size:1.4rem;display:grid;position:absolute;top:-1.12rem;right:1.1rem;transform:rotate(14deg)}.character-action .character-consent{color:#202020;font:650 .83rem/1.45 var(--font-ui),sans-serif;cursor:pointer;align-items:flex-start;gap:.65rem}.character-action .character-consent input{accent-color:#202020;flex:none;width:1.17rem;height:1.17rem;margin-top:.09rem}.character-action .ponuno-btn-primary{background:#202020;min-height:4.05rem;margin-top:1.15rem;position:relative;box-shadow:0 7px #20202036,0 16px 24px #2020201f}.character-action .ponuno-btn-primary:hover:not(:disabled){background:#151515;box-shadow:0 9px #20202036,0 19px 27px #2020202b}.character-action>p[aria-live]{color:#5d554c;margin-top:1.1rem;font-size:.8rem;font-weight:750}@media (min-width:640px){.personalize-pop .storybook-atelier-card:has(.ponuno-character-form){padding:1.35rem}}@media (max-width:639px){.character-form-intro{padding:1.3rem}.character-form-title{max-width:17ch;font-size:1.85rem}.character-form-subtitle{max-width:28ch;font-size:.84rem}.character-form-spark{opacity:.22;font-size:5.2rem;right:0}.character-identity,.character-photo,.character-action{border-radius:1.25rem;padding:1.08rem}.character-identity{gap:1.12rem}.personalize-pop .character-presentation .segmented-option{min-height:3.25rem}.personalize-pop .ponuno-character-form .photo-dropzone{min-height:11.5rem}.personalize-pop .ponuno-character-form .photo-dropzone:before{font-size:1.2rem;top:5%;left:3%}.personalize-pop .ponuno-character-form .photo-dropzone:after{font-size:1.3rem;bottom:5%;right:4%}}@media (prefers-reduced-motion:reduce){.character-name-field:after,.personalize-pop .character-presentation .segmented-option,.personalize-pop .ponuno-character-form .photo-dropzone .photo-illus{transition:none!important}.personalize-pop .character-presentation .segmented-option:hover,.personalize-pop .character-presentation .segmented-option[data-selected=true],.personalize-pop .ponuno-character-form .photo-dropzone:hover,.personalize-pop .ponuno-character-form .photo-dropzone:focus-within{transform:none!important}}.personalize-pop .ponuno-character-form{gap:clamp(.85rem,1.7vw,1.1rem)}.personalize-pop .ponuno-character-form .character-photo{box-shadow:none;background:0 0;border:none;border-radius:0;padding:clamp(.7rem,1.5vw,1.1rem) .25rem .6rem}.character-photo-top{margin-bottom:.9rem;position:relative}.personalize-pop .character-photo .character-section-tag{color:#665344;gap:.45rem;font-size:.66rem}.personalize-pop .character-photo .character-section-tag>span{background:#ffd655;border-radius:.55rem;width:1.7rem;height:1.7rem}.character-photo-heading{color:#202020;font:850 clamp(1.38rem,2.25vw,1.88rem)/1.09 var(--font-display),sans-serif;letter-spacing:-.047em;text-wrap:balance;margin:.55rem 0 .22rem}.character-photo-description{color:#665a50;font:500 .82rem/1.45 var(--font-ui),sans-serif}.personalize-pop .ponuno-character-form .photo-dropzone.character-upload{background:radial-gradient(circle at 0 0,#f5a8bc4f,#0000 50%),radial-gradient(circle at 95% 90%,#82cfc052,#0000 51%),#fffdf7;border:1.7px dashed #2020206e;border-radius:1.25rem;flex-direction:row;justify-content:stretch;align-items:center;width:100%;min-height:9.4rem;padding:1.05rem 1.25rem;transition:transform .22s,box-shadow .22s,border .22s;display:flex;overflow:hidden;box-shadow:inset 0 0 0 3px #fffdf8,0 5px #20202014}.personalize-pop .ponuno-character-form .photo-dropzone.character-upload:before,.personalize-pop .ponuno-character-form .photo-dropzone.character-upload:after{display:none}.personalize-pop .ponuno-character-form .photo-dropzone.character-upload:hover,.personalize-pop .ponuno-character-form .photo-dropzone.character-upload:focus-within{background-color:#fffdfa;border-style:solid;border-color:#202020;transform:translateY(-2px);box-shadow:0 0 0 3px #f6ce81,0 8px #2020201f}.personalize-pop .ponuno-character-form .photo-dropzone.character-upload.has-error{border-style:solid;border-color:#b8404c}.personalize-pop .ponuno-character-form .photo-dropzone.character-upload.has-photo{background:linear-gradient(110deg,#e7f6ee 0%,#fffdf5 80%);border-style:solid;border-color:#65a994}.character-upload-content,.character-upload-selected{align-items:center;gap:clamp(.8rem,2vw,1.2rem);width:100%;min-width:0;display:flex}.character-upload-polaroid{color:#202020;background:radial-gradient(circle at 57% 35%,#fff9c6e6,#0000 49%),linear-gradient(135deg,#f3a1bd,#ffc865 56%,#b8dfd4);border:2px solid #202020;border-bottom:.65rem solid #fff9ef;border-radius:.48rem;flex:none;place-items:center;width:clamp(4.2rem,7vw,5.4rem);height:clamp(5rem,8.2vw,6rem);transition:transform .28s cubic-bezier(.2,1.25,.3,1);display:grid;position:relative;transform:rotate(-8deg);box-shadow:4px 5px #20202029}.character-upload-polaroid:after{content:"✳";color:#ea7199;font:900 1.7rem/1 var(--font-display),sans-serif;position:absolute;top:-.9rem;right:-.75rem}.character-upload:hover .character-upload-polaroid{transform:rotate(-2deg)translateY(-3px)}.character-upload-copy{flex-direction:column;flex:1;gap:.32rem;min-width:0;display:flex}.character-upload-title{color:#202020;font:850 clamp(1.06rem,2vw,1.34rem)/1.14 var(--font-display),sans-serif;letter-spacing:-.035em;display:block}.character-upload-helper{color:#574e45;font:600 .8rem/1.35 var(--font-ui),sans-serif;display:block}.character-upload-meta{color:#7b7066;max-width:27rem;font:500 .68rem/1.4 var(--font-ui),sans-serif;display:block}.character-upload-arrow{color:#202020;width:2.25rem;height:2.25rem;font:800 1.3rem/1 var(--font-display),sans-serif;background:#ffd75b;border:1px solid #20202029;border-radius:50%;flex:none;place-items:center;transition:transform .2s;display:grid}.character-upload:hover .character-upload-arrow{transform:rotate(45deg)}.personalize-pop .ponuno-character-form .photo-dropzone.has-photo .character-upload-thumbnail{object-fit:cover;border:4px solid #fffdf7;border-bottom-width:.7rem;border-radius:.4rem;flex:none;width:clamp(4.2rem,7vw,5.4rem);max-width:none;height:clamp(5rem,8.2vw,6rem);max-height:none;display:block;transform:rotate(-5deg);box-shadow:4px 5px #20202029}.character-photo-privacy{color:#5f645f;font:550 .74rem/1.45 var(--font-ui),sans-serif;align-items:flex-start;gap:.48rem;margin:.85rem .1rem 0;display:flex}.character-photo-privacy>svg{color:#377568;flex:none;margin-top:.02rem}.personalize-pop .ponuno-character-form .character-action{box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:.1rem;padding:.2rem .25rem .15rem}.personalize-pop .character-action-spark{display:none}.personalize-pop .ponuno-character-form .character-consent{color:#313b30;width:100%;font:650 .78rem/1.45 var(--font-ui),sans-serif;background:#f0f7e9;border:1px solid #3c5e412e;border-radius:1rem;align-items:flex-start;gap:.75rem;padding:.87rem 1rem;display:flex}.personalize-pop .ponuno-character-form .character-consent:focus-within{outline-offset:2px;outline:3px solid #3462c6}.personalize-pop .ponuno-character-form .character-consent input{accent-color:#202020;cursor:pointer;width:1.22rem;height:1.22rem;margin-top:.03rem}.personalize-pop .ponuno-character-form .character-action .ponuno-btn-primary{width:100%;min-height:3.7rem;font:850 clamp(1rem,1.6vw,1.12rem)/1.2 var(--font-display),sans-serif;color:#fff;background:#202020;margin-top:1rem;padding:.8rem 1rem;display:flex;box-shadow:0 6px #20202038;border-radius:999px!important}.personalize-pop .ponuno-character-form .character-action .ponuno-btn-primary:hover:not(:disabled){box-shadow:0 8px #20202038,0 13px 24px #20202026}.personalize-pop .ponuno-character-form .character-action>p[aria-live]{letter-spacing:.015em;color:#68625c;text-align:center;margin:.85rem 0 0;font-size:.73rem;font-weight:750}.personalize-pop .ponuno-character-form .character-action>p[aria-live]:before{content:"✦";color:#da8d14;margin-right:.4rem}@media (max-width:639px){.personalize-pop .ponuno-character-form .character-photo{padding:.5rem .12rem .4rem}.character-photo-heading{font-size:1.48rem}.character-photo-description{font-size:.77rem}.personalize-pop .ponuno-character-form .photo-dropzone.character-upload{border-radius:1.07rem;min-height:8.45rem;padding:.85rem .75rem}.character-upload-content,.character-upload-selected{gap:.8rem}.character-upload-polaroid,.personalize-pop .ponuno-character-form .photo-dropzone.has-photo .character-upload-thumbnail{width:3.9rem;height:4.75rem}.character-upload-title{font-size:1.05rem}.character-upload-helper{font-size:.74rem}.character-upload-meta{font-size:.63rem}.character-upload-arrow{width:1.6rem;height:1.6rem;font-size:1rem}.personalize-pop .ponuno-character-form .character-consent{padding:.8rem;font-size:.76rem}}@media (prefers-reduced-motion:reduce){.personalize-pop .ponuno-character-form .photo-dropzone.character-upload,.character-upload-polaroid,.character-upload-arrow{transition:none!important}.personalize-pop .ponuno-character-form .photo-dropzone.character-upload:hover,.personalize-pop .ponuno-character-form .photo-dropzone.character-upload:focus-within,.character-upload:hover .character-upload-polaroid,.character-upload:hover .character-upload-arrow{transform:none!important}}.personalize-pop .character-presentation .segmented-option{background:#fffdf9;border:1.4px solid #20202038;box-shadow:0 3px #20202011}.personalize-pop .character-presentation .segmented-option:hover{border-color:#2020208c;box-shadow:2px 4px #20202017}.personalize-pop .character-presentation .segmented-option[data-selected=true]{background:#bbebd9;border:2px solid #202020;box-shadow:3px 4px #20202045}.personalize-pop.personalize-v4{background-color:#ff9100;background-image:radial-gradient(55% 36% at 12% 3%,#ffd769ad,#0000 76%),radial-gradient(42% 43% at 98% 62%,#f9693e40,#0000 80%);overflow-x:clip}.personalize-v4:before,.personalize-v4 .storybook-stage:before{display:none}.personalize-v4-shell{background:#fffaf0;border-radius:clamp(1.5rem,3vw,2rem);width:100%;padding:clamp(1rem,3.5vw,2.5rem);position:relative;box-shadow:0 13px #712f001f,0 32px 65px #5b270029}.personalize-v4 .personalize-v4-intro{border-radius:1.4rem;margin-bottom:clamp(1.1rem,2.5vw,1.6rem)}.personalize-v4 .personalize-v4-intro:before{display:none}.personalize-v4 .personalize-v4-intro h1{max-width:21ch;font-family:var(--font-display),sans-serif;letter-spacing:-.05em;margin:.7rem 0 .75rem;font-size:clamp(2rem,4.7vw,3.4rem);font-weight:850;line-height:1.07;color:#202020!important}.personalize-v4 .personalize-v4-intro .personalize-v4-story{color:#202020c2;margin-top:1.1rem;font-size:.77rem;font-weight:700;line-height:1.4}.personalize-v4 .storybook-atelier-card:has(.ponuno-character-form){box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.personalize-v4 .ponuno-character-form{gap:clamp(.9rem,2vw,1.25rem)}.personalize-v4 .ponuno-character-form .character-identity,.personalize-v4 .ponuno-character-form .character-photo{background:#fff;border:1.5px solid #2020201f;border-radius:1.4rem;padding:clamp(1.05rem,2.5vw,1.65rem);box-shadow:0 6px #20202013}.personalize-v4 .character-section-tag{color:#202020}.personalize-v4 .character-section-tag>span{background:var(--ponuno-yellow);border-color:#2020202e}.personalize-v4 .character-name-field:after{display:none}.personalize-v4 .ponuno-character-form .character-name-field input{box-shadow:none;border:1.8px solid #2020203b;padding-right:1.2rem}.personalize-v4 .ponuno-character-form .character-name-field input.has-value{box-shadow:none;border-color:#202020}.personalize-v4 .character-age-field,.personalize-v4 .character-presentation{border-top:1px solid #2020201f}.personalize-v4 .character-age-field .age-unit-toggle{background:#fffaf0;border-color:#20202029}.personalize-v4 .character-age-field .age-unit-toggle button[aria-pressed=true]{color:#fff;box-shadow:3px 4px 0 var(--ponuno-lime);background:#202020}.personalize-v4 .ponuno-character-form #age{box-shadow:none;background:#fff;border-color:#2020203b}.personalize-v4 .character-presentation .segmented-option{color:#202020;border:1.5px solid #202020;border-radius:1.05rem;min-height:3.55rem;font-weight:750;transition:transform .18s,box-shadow .18s;box-shadow:0 3px #2020201c;background:var(--ponuno-pink)!important}.personalize-v4 .character-presentation .segmented-option:nth-child(2){background:var(--ponuno-mint)!important}.personalize-v4 .character-presentation .segmented-option:nth-child(3){background:var(--ponuno-yellow)!important}.personalize-v4 .character-presentation .segmented-option[data-selected=true]{color:#202020;box-shadow:4px 5px 0 var(--ponuno-lime);border:2px solid #202020;transform:none}.personalize-v4 .character-presentation .segmented-option:not([data-selected=true]):hover{transform:translateY(-2px);box-shadow:0 5px #20202029}.personalize-v4 .character-presentation .segmented-option[data-selected=true]:hover{box-shadow:4px 6px 0 var(--ponuno-lime);transform:translateY(-1px)}.personalize-v4 .character-presentation .segmented-option:focus-within{outline:none}.personalize-v4 .character-presentation .segmented-option:has(input:focus-visible){outline:3px solid var(--ponuno-blue);outline-offset:4px}.personalize-v4 .character-photo-top{margin-bottom:.85rem}.personalize-v4 .ponuno-character-form .photo-dropzone.character-upload{background:#fffaf0;border:2px dashed #2020205c;box-shadow:0 5px #20202012}.personalize-v4 .character-upload-polaroid{background:var(--ponuno-pink)}.personalize-v4 .character-upload-polaroid:after{display:none}.personalize-v4 .character-upload-arrow{background:var(--ponuno-yellow)}.personalize-v4 .ponuno-character-form .photo-dropzone.character-upload.has-photo{box-shadow:5px 6px 0 var(--ponuno-mint);background:#fff;border:2px solid #202020}.personalize-v4 .ponuno-character-form .character-consent{background:#f0f7e9}.personalize-v4 .ponuno-character-form .character-action .ponuno-btn-primary{background:#202020;border-radius:999px;box-shadow:0 6px #20202033}.personalize-v4 .ponuno-character-form .character-action .ponuno-btn-primary:hover:not(:disabled){box-shadow:6px 8px 0 var(--ponuno-lime)}@media (max-width:639px){.personalize-v4-shell{padding:1rem}.personalize-v4 .personalize-v4-intro{padding:1.25rem}.personalize-v4 .personalize-v4-intro h1{font-size:clamp(1.9rem,7vw,2.35rem)}.personalize-v4 .ponuno-character-form .character-identity,.personalize-v4 .ponuno-character-form .character-photo{padding:1rem}.personalize-v4 .character-presentation .segmented-option{min-height:3.3rem}}@media (prefers-reduced-motion:reduce){.personalize-v4 .character-presentation .segmented-option{transition:none!important}.personalize-v4 .character-presentation .segmented-option:hover{transform:none!important}}
.ponuno-image-loader{z-index:2;background:var(--ponuno-cream-intro);color:var(--ponuno-ink);pointer-events:none;text-align:center;place-items:center;transition:opacity .42s,visibility .42s;display:grid;position:absolute;inset:0;overflow:hidden}.ponuno-image-loader>.ponuno-image-loader-logo{will-change:transform;animation:3.6s linear infinite ponuno-mascot-spin;display:block;object-fit:contain!important;background:0 0!important;border:0!important;width:clamp(3.6rem,9vw,5.25rem)!important;max-width:none!important;height:auto!important;max-height:none!important;padding:0!important}.ponuno-image-loader--compact>.ponuno-image-loader-logo{width:clamp(2.25rem,5vw,3.55rem)!important}.ponuno-image-loader[data-active=false]>.ponuno-image-loader-logo{animation-play-state:paused}.ponuno-auth-image{background:var(--ponuno-cream-intro);width:100%;min-width:0;height:100%;display:block;position:relative;overflow:hidden}.ponuno-auth-image>.ponuno-auth-image-photo{z-index:1;opacity:0;filter:blur(6px);width:100%;height:100%;transition:opacity .52s cubic-bezier(.22,1,.36,1),filter .52s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0;transform:scale(1.025)}.ponuno-auth-image[data-state=ready]>.ponuno-auth-image-photo{opacity:1;filter:none;transform:scale(1)}.ponuno-auth-image[data-state=ready]>.ponuno-image-loader,.ponuno-auth-image[data-state=error]>.ponuno-image-loader{opacity:0;visibility:hidden}.ponuno-auth-image[data-state=ready]>.ponuno-image-loader .ponuno-image-loader-logo{animation-play-state:paused}.ponuno-auth-image-error{z-index:3;font:650 .8rem/1.3 var(--font-ui), sans-serif;color:var(--ponuno-ink);text-align:center;background:var(--ponuno-cream-intro);place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.bd-panel .bd-panel-media>.ponuno-image-loader,.bd-panel[data-stage=cover] .bd-panel-media>.ponuno-image-loader{background:var(--ponuno-cream-intro);padding:0}.reveal-lightbox-frame{width:min(88vw,42rem)}.reveal-lightbox-frame>.ponuno-auth-image{width:100%;height:min(68vh,33rem);min-height:16rem}.reveal-lightbox-frame .ponuno-auth-image-photo{object-fit:contain}.ponuno-auth-image[data-reveal=editorial]{isolation:isolate}.ponuno-auth-image[data-reveal=editorial]:before{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle at center, var(--ponuno-violet-pop) 0%, var(--ponuno-violet-pop) 42%, var(--ponuno-pink-pop) 42.5%, var(--ponuno-pink-pop) 70%, var(--ponuno-orange) 70.5%, var(--ponuno-orange) 100%);border-radius:50%;position:absolute;inset:-45%;transform:scale(.16)rotate(-7deg)}.ponuno-auth-image[data-reveal=editorial][data-state=ready]:before{animation:.88s cubic-bezier(.22,1,.36,1) both ponuno-book-disc-reveal}.ponuno-auth-image[data-reveal=editorial]>.ponuno-auth-image-photo{clip-path:circle(0%);transition:opacity .38s ease-out,filter .62s ease-out,transform .8s cubic-bezier(.22,1,.36,1),clip-path .78s cubic-bezier(.22,1,.36,1)}.ponuno-auth-image[data-reveal=editorial][data-state=ready]>.ponuno-auth-image-photo{clip-path:circle(115%)}@keyframes ponuno-book-disc-reveal{0%{opacity:0;transform:scale(.12)rotate(-7deg)}13%{opacity:.94}65%{opacity:.83;transform:scale(.84)rotate(4deg)}to{opacity:0;transform:scale(1.18)rotate(0)}}@keyframes ponuno-mascot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:639px){.ponuno-image-loader>.ponuno-image-loader-logo{width:clamp(2.5rem,10vw,4rem)!important}.ponuno-image-loader--compact>.ponuno-image-loader-logo{width:clamp(2rem,9vw,3rem)!important}}@media (prefers-reduced-motion:reduce){.ponuno-auth-image[data-reveal=editorial]:before{animation:none!important;display:none!important}.ponuno-auth-image[data-reveal=editorial]>.ponuno-auth-image-photo{clip-path:none!important}.ponuno-image-loader,.ponuno-image-loader>.ponuno-image-loader-logo,.ponuno-auth-image>.ponuno-auth-image-photo{filter:none!important;transition:none!important;animation:none!important;transform:none!important}}
.preview-prelude{z-index:120;isolation:isolate;background:var(--ponuno-cream-intro,#fff8ef);color:var(--ponuno-ink,#202020);overscroll-behavior:contain;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.preview-prelude:after{content:"";z-index:8;background:var(--ponuno-orange,#ff9100);clip-path:circle(0);pointer-events:none;position:absolute;inset:0}.preview-prelude[data-exiting=true]:after{animation:.61s cubic-bezier(.32,.02,.27,1) both preview-prelude-wipe}.preview-prelude-skip{z-index:10;color:#202020;font:750 .76rem/1.2 var(--font-ui), sans-serif;cursor:pointer;background:0 0;border:1.3px solid #20202033;border-radius:999px;align-items:center;gap:.6rem;padding:.62rem .86rem;transition:background .2s,transform .2s;display:inline-flex;position:absolute;top:clamp(1.2rem,3vw,2.2rem);right:clamp(1.1rem,4vw,3rem)}.preview-prelude-skip:hover{background:#20202012;transform:translateY(-2px)}.preview-prelude-skip:focus-visible{outline:3px solid var(--ponuno-blue,#3462c6);outline-offset:3px}.preview-prelude-skip>span{font-size:1rem;line-height:1}.preview-prelude-center{z-index:2;text-align:center;flex-direction:column;align-items:center;width:min(100% - 2.5rem,51rem);margin:auto;padding:4.5rem 0 4.25rem;display:flex;position:relative}.preview-prelude-eyebrow{color:#202020;font:800 .72rem/1.3 var(--font-ui), sans-serif;letter-spacing:.2em;margin-bottom:clamp(2rem,5vh,3.4rem)}@property --ponuno-wave-hole{syntax:"<percentage>";inherits:false;initial-value:0%}.preview-prelude-stage{isolation:isolate;flex:none;place-items:center;width:min(100%,27rem);height:clamp(12rem,27vh,18rem);margin:0 auto clamp(.8rem,2.6vh,1.65rem);display:grid;position:relative}.preview-prelude-wave{z-index:1;aspect-ratio:1;pointer-events:none;opacity:0;--ponuno-wave-hole:0%;--ponuno-wave-start-scale:.35;--ponuno-wave-end-scale:1.56;background:radial-gradient(circle at center, var(--ponuno-pink-pop,#f4699d) 0%, var(--ponuno-pink-pop,#f4699d) 46%, var(--ponuno-violet-pop,#9581ef) 80%, var(--ponuno-orange,#ff9100) 100%);width:clamp(16rem,38vw,26rem);-webkit-mask-image:radial-gradient(circle at center, transparent 0 var(--ponuno-wave-hole), #000 calc(var(--ponuno-wave-hole) + 10%), #000 100%);-webkit-mask-image:radial-gradient(circle at center, transparent 0 var(--ponuno-wave-hole), #000 calc(var(--ponuno-wave-hole) + 10%), #000 100%);mask-image:radial-gradient(circle at center, transparent 0 var(--ponuno-wave-hole), #000 calc(var(--ponuno-wave-hole) + 10%), #000 100%);transform:translate(-50%,-50%) scale(var(--ponuno-wave-start-scale));will-change:transform, opacity;border-radius:50%;animation:8.8s cubic-bezier(.3,.04,.22,1) infinite preview-prelude-wave-dilate;position:absolute;top:50%;left:50%}.preview-prelude-wave--two{animation-delay:4.4s}.preview-prelude-mascot{z-index:2;aspect-ratio:1;place-items:center;width:clamp(7.8rem,14vw,11rem);display:grid;position:relative}.preview-prelude-mascot>img{object-fit:contain;width:100%;height:100%;display:block}.preview-prelude-copy{width:100%;min-height:clamp(9.2rem,22vh,11.8rem);animation:.76s cubic-bezier(.18,.9,.24,1) both preview-prelude-copy-in}.preview-prelude-chapter{color:#716356;font:750 .72rem/1.3 var(--font-ui), sans-serif;letter-spacing:.11em;font-variant-numeric:tabular-nums;align-items:center;gap:.45rem;margin-bottom:.9rem;display:inline-flex}.preview-prelude-copy>h2{font:850 clamp(2.15rem, 5.8vw, 4.8rem)/.98 var(--font-display), sans-serif;letter-spacing:-.06em;text-wrap:balance;color:#202020;margin:0}.preview-prelude-body{color:#6c5c4d;max-width:33rem;font:520 clamp(.98rem,1.7vw,1.2rem)/1.5 var(--font-ui), sans-serif;text-wrap:balance;margin:clamp(.8rem,2vh,1.35rem) auto 0}.preview-prelude-steps{grid-template-columns:repeat(4,1fr);gap:.65rem;width:min(100%,18rem);margin-top:clamp(1.25rem,4vh,2.4rem);display:grid}.preview-prelude-step{background:#e7d9c8;border-radius:999px;height:.28rem;display:block;overflow:hidden}.preview-prelude-step>span{border-radius:inherit;transform-origin:0;background:#202020;width:100%;height:100%;display:block;transform:scaleX(0)}.preview-prelude-step[data-complete=true]>span{transform:scaleX(1)}.preview-prelude-step[data-active=true]>span{animation:7.5s linear both preview-prelude-progress}.preview-prelude-step:last-child[data-active=true]>span{animation-duration:6.7s}.preview-prelude-footer{z-index:2;text-align:center;color:#8c7969;font:600 .75rem/1.4 var(--font-ui), sans-serif;position:absolute;bottom:clamp(1.2rem,3vw,2.3rem);left:1rem;right:1rem}.preview-post-prelude .preview-v5-hero{animation:.62s cubic-bezier(.22,1,.36,1) both preview-page-arrives}.preview-post-prelude .bd-status{animation:.58s cubic-bezier(.22,1,.36,1) 90ms backwards preview-page-arrives}.preview-post-prelude .bd-grid{animation:.68s cubic-bezier(.22,1,.36,1) .18s backwards preview-page-arrives}.preview-v5 .bd-panel[data-working=true] .bd-panel-frame{border-color:var(--ponuno-blue,#3462c6);box-shadow:0 0 0 3px #3462c61a,0 11px #2020201a,0 22px 36px #4a21001f}.preview-v5 .bd-panel[data-ready=true] .bd-panel-frame{animation:.64s cubic-bezier(.18,1,.3,1) backwards preview-panel-ready}@keyframes preview-prelude-wave-dilate{0%{--ponuno-wave-hole:0%;opacity:0;transform:translate(-50%,-50%) scale(var(--ponuno-wave-start-scale))}8%{--ponuno-wave-hole:0%;opacity:.96}26%{--ponuno-wave-hole:20%;opacity:.96}54%{--ponuno-wave-hole:47%;opacity:.95}78%{--ponuno-wave-hole:65%;opacity:.9}93%{--ponuno-wave-hole:72%;opacity:.24}to{--ponuno-wave-hole:78%;opacity:0;transform:translate(-50%,-50%) scale(var(--ponuno-wave-end-scale))}}@keyframes preview-prelude-copy-in{0%{opacity:0;filter:blur(5px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes preview-prelude-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes preview-prelude-wipe{0%{clip-path:circle(0)}to{clip-path:circle(150vmax)}}@keyframes preview-page-arrives{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes preview-panel-ready{0%{opacity:.78;transform:translateY(9px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:639px){.preview-prelude-center{width:min(100% - 2.2rem,30rem)}.preview-prelude-eyebrow{letter-spacing:.16em;font-size:.63rem}.preview-prelude-stage{width:min(91vw,20rem);height:clamp(9.6rem,24vh,13rem);margin-bottom:.85rem}.preview-prelude-mascot{width:clamp(6.4rem,23vw,8.4rem)}.preview-prelude-wave{--ponuno-wave-start-scale:.27;--ponuno-wave-end-scale:1.5;width:min(85vw,23rem)}.preview-prelude-center{padding-top:3.7rem;padding-bottom:2.6rem}.preview-prelude-eyebrow{margin-bottom:1.25rem}.preview-prelude-copy{min-height:10.2rem}.preview-prelude-copy>h2{font-size:clamp(2.15rem,8.8vw,3.25rem)}.preview-prelude-body{max-width:27ch;font-size:.98rem}.preview-prelude-skip{top:.85rem;right:.8rem}.preview-prelude-footer{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.preview-prelude-wave,.preview-prelude *,.preview-prelude:after,.preview-post-prelude .preview-v5-hero,.preview-post-prelude .bd-status,.preview-post-prelude .bd-grid,.preview-v5 .bd-panel[data-ready=true] .bd-panel-frame{filter:none!important;transition:none!important;animation:none!important;transform:none!important}.preview-prelude-step[data-active=true]>span{transform:scaleX(1)}}
.preview-comic-v6.preview-sky{isolation:isolate;background:radial-gradient(ellipse 62% 48% at 12% 3%, #f4699df0, transparent 74%), radial-gradient(ellipse 38% 40% at 100% 55%, #f4699d5c, transparent 80%), var(--ponuno-orange,#ff9100);min-height:100vh;position:relative;overflow-x:clip}.preview-comic-v6:before{content:"";z-index:-1;pointer-events:none;background:#f4699d3d;border-radius:50%;width:83vw;max-width:none;height:83vw;position:absolute;inset:5% auto auto -29vw}.preview-comic-v6 .storybook-stage{max-width:80rem;padding-top:clamp(1.2rem,3vw,2.5rem);position:relative}.preview-comic-v6 .preview-v5-hero{text-align:center;max-width:58rem;margin:0 auto clamp(1.7rem,4vw,3rem)}.preview-comic-v6 .preview-v5-hero .storybook-step{color:var(--ponuno-ink,#202020);letter-spacing:.17em;margin:.65rem 0 0;font-size:.69rem;font-weight:800}.preview-comic-v6 .preview-v5-hero h1{color:#fffdf9;font:900 clamp(2.3rem,5vw,4.65rem)/.98 var(--font-display),system-ui,sans-serif;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 5px #20202009;margin-top:.75rem}.preview-comic-v6 .preview-v5-hero .comic-hero-desc{color:#27221d;max-width:38rem;font:570 clamp(.93rem,1.35vw,1.1rem)/1.45 var(--font-ui),sans-serif;margin:clamp(.8rem,1.6vw,1.2rem) auto 0}.preview-comic-v6 .comic-hero-tag{color:#fffaf1;font:850 .63rem/1.3 var(--font-ui),sans-serif;letter-spacing:.14em;text-transform:uppercase;background:#202020;border-radius:999px;align-items:center;gap:.45rem;margin-top:1.1rem;padding:.36rem .8rem;display:inline-flex}.preview-comic-v6 .comic-hero-tag>span{color:#ffd34f;font-size:.92rem}.comic-board{isolation:isolate;color:#202020;transform-origin:50% 20%;background:#fff8ef;border:3px solid #202020;border-radius:.22rem;width:100%;margin:0 auto;padding:clamp(1.05rem,3vw,2.35rem);position:relative;box-shadow:clamp(7px,1.2vw,14px) clamp(9px,1.6vw,18px) #20202052,0 23px 36px #52290029}.comic-board:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(108deg,#79523307 0 1px,#0000 1px 7px);position:absolute;inset:0}.comic-board-masthead{border-bottom:2px solid #202020;justify-content:space-between;align-items:end;gap:1rem;margin:.05rem 0 clamp(1.2rem,2vw,1.75rem);padding:0 0 .9rem;display:flex}.comic-board-edition{font:850 .66rem/1.3 var(--font-ui),sans-serif;letter-spacing:.14em;text-transform:uppercase}.comic-board-masthead h2{font:900 clamp(1.42rem,2.7vw,2.4rem)/1 var(--font-display),sans-serif;letter-spacing:-.05em;text-wrap:balance;margin:.45rem 0 0}.comic-board-count{color:#fffaf2;font:850 clamp(.8rem,1.6vw,1.12rem)/1 var(--font-ui),sans-serif;letter-spacing:.01em;font-variant-numeric:tabular-nums;background:#202020;border-radius:999px;flex:none;align-items:baseline;padding:.6rem .78rem;display:inline-flex}.comic-board-count>span{opacity:.5;padding-inline:.16rem}.comic-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(.85rem,2.1vw,1.85rem);display:grid}.comic-card{appearance:none;color:#202020;text-align:left;cursor:zoom-in;background:0 0;border:0;flex-direction:column;gap:.65rem;min-width:0;margin:0;padding:0;display:flex;position:relative}.comic-card:disabled{cursor:default}.comic-card-illustration{aspect-ratio:1.18;background:#fff8ef;border:clamp(3px,.45vw,5px) solid #202020;border-radius:.13rem;width:100%;min-width:0;transition:transform .42s cubic-bezier(.2,1,.3,1),box-shadow .42s;display:block;position:relative;overflow:hidden;box-shadow:2px 3px #2020201c}.comic-card[data-stage=photo] .comic-card-illustration{background:#f4c7ce}.comic-card[data-stage=everyday] .comic-card-illustration{background:#cceae3}.comic-card[data-stage=costume] .comic-card-illustration{background:#d8caf9}.comic-card[data-stage=cover] .comic-card-illustration{background:#ffcf77}.comic-card[data-ready=true]:hover .comic-card-illustration,.comic-card[data-ready=true]:focus-visible .comic-card-illustration{transform:translateY(-5px)rotate(-.35deg);box-shadow:5px 8px #2020202e}.comic-card:focus-visible{outline-offset:4px;outline:3px solid #3462c6}.comic-card-illustration>.ponuno-auth-image{position:absolute;inset:0}.comic-card-illustration .ponuno-image-loader{background:#fff8ef}.comic-card-fixture-image{object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.22,1,.36,1)}.comic-card[data-stage=cover] .comic-card-fixture-image{object-fit:contain;background:#ffdfad}.comic-card[data-ready=true]:hover .comic-card-fixture-image{transform:scale(1.035)}.comic-card-number{z-index:4;color:#202020;min-width:2.05rem;height:2.05rem;font:850 .67rem/1 var(--font-ui),sans-serif;background:#fff8ef;border:2px solid #202020;border-radius:999px;place-items:center;padding:.28rem;display:grid;position:absolute;top:.55rem;left:.55rem;box-shadow:2px 2px #20202026}.comic-card-open{z-index:4;color:#202020;width:2.2rem;height:2.2rem;font:900 1.2rem/1 var(--font-ui),sans-serif;opacity:0;background:#ffd34f;border:2px solid #202020;border-radius:50%;place-items:center;transition:opacity .25s,transform .25s;display:grid;position:absolute;bottom:.6rem;right:.65rem;transform:translateY(8px)}.comic-card[data-ready=true]:hover .comic-card-open,.comic-card[data-ready=true]:focus-visible .comic-card-open{opacity:1;transform:translateY(0)}.comic-card-caption{flex-direction:column;gap:.12rem;padding:0 .16rem;display:flex}.comic-card-title{font:850 clamp(1rem,1.75vw,1.35rem)/1.1 var(--font-display),sans-serif;letter-spacing:-.025em}.comic-card-subtitle{font:540 clamp(.7rem,1.1vw,.87rem)/1.35 var(--font-ui),sans-serif;color:#655950}.comic-board-bottom{border-top:2px solid #2020202b;align-items:center;gap:.7rem;margin-top:clamp(1.05rem,2vw,1.6rem);padding-top:1rem;display:flex}.comic-board-bottom-mark{background:#ffd34f;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-size:1.2rem;display:grid}.comic-board-bottom>p{color:#594d43;font:640 .81rem/1.4 var(--font-ui),sans-serif;flex:1;margin:0}.comic-board-bottom-dots{align-items:center;gap:.3rem;display:flex}.comic-board-bottom-dots>span{aspect-ratio:1;background:0 0;border:1px solid #202020;border-radius:50%;width:.5rem}.comic-board-bottom-dots>span[data-ready=true]{background:#202020}.comic-board[data-cover-ready=true] .comic-board-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:minmax(0,1.53fr) minmax(0,.84fr);align-items:stretch}.comic-board[data-cover-ready=true] .comic-card[data-stage=cover]{flex-direction:column;grid-area:1/1/-1;display:flex}.comic-board[data-cover-ready=true] .comic-card[data-stage=cover] .comic-card-illustration{aspect-ratio:auto;flex:1;min-height:clamp(24rem,47vw,37rem)}.comic-board[data-cover-ready=true] .comic-card:not([data-stage=cover]){grid-template-rows:auto;grid-template-columns:minmax(5rem,39%) minmax(0,1fr);align-items:center;gap:.8rem;display:grid}.comic-board[data-cover-ready=true] .comic-card:not([data-stage=cover]) .comic-card-illustration{aspect-ratio:1;height:100%;max-height:12rem}.comic-board[data-cover-ready=true] .comic-card:not([data-stage=cover]) .comic-card-title{font-size:clamp(.85rem,1.5vw,1.13rem)}.comic-board[data-cover-ready=true] .comic-card:not([data-stage=cover]) .comic-card-subtitle{font-size:clamp(.68rem,.95vw,.82rem)}.comic-board[data-cover-ready=true][data-stage-count="3"] .comic-board-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.preview-comic-v6 .comic-purchase-cta{border:2px solid #202020;justify-content:center;width:min(100%,24rem);margin:1.8rem auto .4rem;display:flex;box-shadow:0 6px #20202040}.preview-comic-v6 .comic-purchase-note{text-align:center;color:#33271f;font:650 .78rem/1.4 var(--font-ui),sans-serif;margin-top:.85rem}.comic-demo-toolbar{background:#fff9f1;border:2px solid #202020;border-radius:.85rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;margin:0 auto 1.25rem;padding:.85rem 1rem;display:flex}.comic-demo-toolbar>p{font:760 .76rem/1.35 var(--font-ui),sans-serif;color:#202020}.comic-demo-switcher{background:#f1e5d6;border:1px solid #202020;border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex}.comic-demo-switcher button{color:#202020;font:780 .7rem/1.2 var(--font-ui),sans-serif;background:0 0;border-radius:999px;padding:.45rem .8rem}.comic-demo-switcher button[aria-pressed=true]{color:#fff;background:#202020}.comic-demo-actions{justify-content:center;align-items:center;gap:1rem;margin:2rem auto;display:flex}.comic-demo-actions>a{color:#fff;font:850 1rem/1.2 var(--font-ui),sans-serif;background:#202020;border:2px solid #202020;border-radius:999px;justify-content:center;padding:.95rem 1.5rem;display:inline-flex;box-shadow:0 6px #20202038}.comic-demo-lightbox{z-index:130;background:#202020d4;place-items:center;padding:3.5rem 1.2rem;display:grid;position:fixed;inset:0}.comic-demo-lightbox>button{background:#fff8ef;border:2px solid #202020;border-radius:50%;width:3rem;height:3rem;font-size:1.4rem;position:fixed;top:1rem;right:1rem}.comic-demo-lightbox>div{background:#fff8ef;border:5px solid #fff8ef;width:min(85vw,43rem);height:min(75vh,43rem);position:relative}.comic-demo-lightbox img{object-fit:contain}@media (max-width:820px){.comic-board[data-cover-ready=true] .comic-board-grid{grid-template-rows:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.comic-board[data-cover-ready=true] .comic-card[data-stage=cover]{grid-area:1/1/auto/-1}.comic-board[data-cover-ready=true] .comic-card[data-stage=cover] .comic-card-illustration{aspect-ratio:1.25;height:auto;min-height:0}.comic-board[data-cover-ready=true] .comic-card:not([data-stage=cover]){flex-direction:column;align-items:stretch;gap:.4rem;display:flex}.comic-board[data-cover-ready=true] .comic-card:not([data-stage=cover]) .comic-card-illustration{height:auto;max-height:none}.comic-board[data-cover-ready=true][data-stage-count="3"] .comic-board-grid{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.preview-comic-v6 .storybook-stage{padding:1rem .85rem 3rem}.preview-comic-v6 .preview-v5-hero{margin-bottom:1.5rem}.preview-comic-v6 .preview-v5-hero h1{font-size:clamp(2.25rem,9vw,3.4rem)}.preview-comic-v6 .comic-hero-tag{margin-top:.75rem;font-size:.6rem}.comic-board{border-width:2px;padding:.8rem}.comic-board-masthead{align-items:center;margin-bottom:.85rem}.comic-board-masthead h2{font-size:1.35rem}.comic-board-edition{font-size:.58rem}.comic-board-count{padding:.6rem .55rem;font-size:.8rem}.comic-board-grid{gap:.7rem}.comic-card{gap:.38rem}.comic-card-illustration{aspect-ratio:.94;border-width:3px}.comic-card-title{font-size:.84rem}.comic-card-subtitle{font-size:.64rem}.comic-card-number{border-width:1.5px;width:1.45rem;min-width:1.45rem;height:1.45rem;font-size:.58rem;top:.35rem;left:.35rem}.comic-card-open{opacity:1;width:1.8rem;height:1.8rem;font-size:1rem;bottom:.32rem;right:.32rem;transform:none}.comic-board-bottom{gap:.5rem;margin-top:.95rem;padding-top:.75rem}.comic-board-bottom>p{font-size:.68rem}.comic-board-bottom-dots{gap:.18rem}.comic-board-bottom-dots>span{width:.35rem}.comic-demo-toolbar{justify-content:center}}@media (prefers-reduced-motion:reduce){.comic-card-illustration,.comic-card-fixture-image,.comic-card-open{transition:none!important;animation:none!important}.comic-card[data-ready=true]:hover .comic-card-illustration,.comic-card[data-ready=true]:focus-visible .comic-card-illustration,.comic-card[data-ready=true]:hover .comic-card-fixture-image{transform:none!important}}