@font-face{font-family:KaelisSerif;src:local("Iowan Old Style"),local("Baskerville"),local("Palatino Linotype"),local("Book Antiqua");font-display:swap}
:root{color-scheme:dark;--ink:#07131e;--cream:#f4e9cf;--muted:#c3c9ca;--red:#b12e23;--line:rgba(240,226,194,.23);--serif:KaelisSerif,Georgia,"Times New Roman",serif;--sans:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;--ease:cubic-bezier(.22,.68,.22,1)}
*{box-sizing:border-box}html{height:100%;background:var(--ink);font-size:16px}body{height:100%;margin:0;color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a:focus-visible{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid #d09e6a}button{touch-action:manipulation}button:not(:disabled),a{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}::selection{background:#ad392c;color:#fff7df}
.ambient{position:fixed;inset:0;background:radial-gradient(ellipse at 25% 40%,#17394b 0,transparent 60%),#030a11;pointer-events:none}.experience{--text:var(--cream);--soft:var(--muted);--accent:#e4c59c;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100vh;height:100dvh;width:100%;overflow:hidden;color:var(--text);background:var(--ink);transition:background .9s,color .6s}
.scene-art{position:absolute;z-index:-2;inset:0;overflow:hidden;pointer-events:none}.art-layer{position:absolute;inset:-2%;background-size:cover;background-position:50% 60%;background-repeat:no-repeat;opacity:0;will-change:transform;transition:opacity 1s;animation:drift 26s ease-in-out infinite alternate}.art-current{opacity:0}.art-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,13,22,.23),rgba(4,13,22,.2) 34%,rgba(4,13,22,.05) 70%,rgba(4,13,22,.94));transition:background .8s}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3;padding:calc(20px + env(safe-area-inset-top,0px)) 25px 12px}.brand{display:flex;align-items:center;gap:9px;font-size:.8125rem;letter-spacing:.025em;font-weight:500;min-height:30px}.brand-star{font-size:1.6rem;line-height:1;color:var(--accent)}.journey-meta{display:flex;align-items:center;gap:25px}.journey-meta>span:first-child{display:none}.page-counter{font-size:.75rem;letter-spacing:.13em;color:var(--soft);font-variant-numeric:tabular-nums;white-space:nowrap}.page-counter b{color:var(--text);font-weight:500}.content-scroll{min-height:0;overflow:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#b6a58055 transparent;outline:none;position:relative;mask-image:linear-gradient(transparent 0,#000 8px,#000 calc(100% - 10px),transparent);-webkit-mask-image:linear-gradient(transparent 0,#000 8px,#000 calc(100% - 10px),transparent)}.screen-content{width:100%;max-width:610px;margin:0 auto;padding:28px 28px 35px;min-height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:500;line-height:1.7;color:var(--accent);margin:0 0 22px}.screen-content h1{font-family:var(--serif);font-size:clamp(2rem,8.6vw,3rem);line-height:1.1;font-weight:400;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance;outline:none}.screen-content h1 em{font-weight:400;font-style:italic;color:var(--accent)}.screen-content p{font-size:1rem;line-height:1.65;font-weight:400;margin:0 0 17px;color:var(--soft);max-width:34em;text-wrap:pretty}.screen-content .closing{font-family:var(--serif);font-size:1.45rem;color:var(--text);line-height:1.3;margin-top:15px;letter-spacing:-.015em}.screen-content .standout{font-family:var(--serif);color:var(--accent);font-size:clamp(1.7rem,7vw,2.2rem);font-style:italic;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;padding:20px 0;margin:0 0 22px;line-height:1.2}.screen-content>*,.paragraphs>p{animation:arrive .8s var(--ease) both;animation-delay:calc(var(--order,0)*75ms)}.screen-content.leaving>*{animation:leave .2s ease forwards;animation-delay:0ms}.screen-content.backwards>*{animation-name:arrive-back}
.app-footer{z-index:2;padding:10px 25px calc(17px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,rgba(4,13,22,.67) 40%,rgba(4,13,22,.92));transition:background .6s}.actions{display:flex;flex-direction:column;gap:12px}.nav-row{display:flex;align-items:stretch;gap:12px;width:100%}.primary,.secondary,.back-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border-radius:4px;border:1px solid var(--line);font-size:.9375rem;font-weight:500;letter-spacing:.02em;line-height:1.3;text-align:center;transition:background .25s,transform .2s,border-color .2s,box-shadow .25s;padding:15px 22px}.primary{background:#f1e6cb;border-color:#f1e6cb;color:#182532;box-shadow:0 3px 18px #0208101f}.primary:hover{background:#fff3d8;border-color:#fff3d8;box-shadow:0 3px 26px #eedcaa20}.primary:active,.secondary:active,.back-button:active{transform:scale(.975)}.secondary{background:#07131e52;color:var(--text);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.secondary:hover,.back-button:hover{background:#ffffff10;border-color:#a69c81}.nav-row .primary,.nav-row .secondary{flex:1;min-width:0}.back-button{width:55px;flex:0 0 55px;padding:14px;background:#07131e55;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.back-button svg{width:21px;height:21px}.buy-button{width:100%;background:#b73729;color:#fff1da;border-color:#bf4532;box-shadow:0 6px 25px #8a1c1830}.buy-button:hover{background:#c3402d;border-color:#da6a45}.journey-progress{height:2px;background:var(--line);margin-top:22px;overflow:hidden}.journey-progress span{display:block;background:var(--accent);height:100%;width:3.448%;transition:width 700ms var(--ease)}.footer-caption{display:flex;justify-content:space-between;align-items:center;font-size:.6875rem;line-height:1.5;letter-spacing:.07em;padding-top:10px;color:var(--soft)}.footer-caption>span:first-child{font-size:.625rem;letter-spacing:.13em}.desktop-caption{display:none}
.ornament{width:45px;height:1px;display:block;background:var(--accent);opacity:.65;margin:0 0 23px}.scene-index{font-family:var(--serif);font-size:5rem;font-style:italic;color:var(--accent);opacity:.8;line-height:1;margin-bottom:28px}.scene-divider{display:flex;align-items:center;gap:16px;width:100%;margin:8px 0 24px;color:var(--accent)}.scene-divider:before,.scene-divider:after{content:"";height:1px;background:var(--line);flex:1}.scene-divider span{font-size:1rem}.orbit{position:absolute;width:440px;height:440px;border:1px solid #dec89514;border-radius:50%;top:26%;left:50%;transform:translateX(-50%);opacity:.55;transition:transform 1.3s var(--ease)}.orbit-two{width:480px;height:480px;top:24%;opacity:.28}.sparkles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffedbf;box-shadow:0 0 8px #ffe7a96b;animation:twinkle 6s ease-in-out infinite}.sparkles i:nth-child(1){left:7%;top:26%;animation-delay:-1s}.sparkles i:nth-child(2){left:87%;top:19%;animation-delay:-3s}.sparkles i:nth-child(3){left:77%;top:47%;animation-delay:-4s}.sparkles i:nth-child(4){left:12%;top:72%;animation-delay:-2s}.sparkles i:nth-child(5){left:92%;top:80%;animation-delay:-5s}
[data-layout="welcome"] .screen-content{padding-top:28px}[data-layout="welcome"] h1{font-size:clamp(2.25rem,9.8vw,3.35rem);max-width:13ch;line-height:1.06;margin-bottom:20px}[data-layout="welcome"] .paragraphs{max-width:31ch}[data-layout="welcome"] .screen-content:after{content:"";display:block;min-height:110px;flex:1}[data-layout="question"] .screen-content,[data-layout="destiny"] .screen-content,[data-layout="declaration"] .screen-content{justify-content:flex-start;padding-top:35px}[data-layout="question"] h1,[data-layout="destiny"] h1,[data-layout="declaration"] h1{font-size:clamp(2.5rem,11.1vw,4rem);line-height:1.06;margin-bottom:28px}[data-layout="question"] .screen-content:after,[data-layout="destiny"] .screen-content:after{content:"";display:block;min-height:160px;flex:1}[data-layout="crossroads"] h1{font-size:clamp(2.1rem,9.3vw,3.2rem)}[data-layout="crossroads"] .screen-content{padding-top:32px}[data-layout="crossroads"] .actions .back-button{align-self:center;min-height:40px;width:50px;flex-basis:auto;border-color:transparent;background:transparent;padding:9px}[data-layout="crossroads"] .actions .secondary{color:#d8c5b6}[data-layout="sequence"] h1,[data-layout="symbols"] h1{font-size:clamp(1.9rem,7.6vw,2.75rem)}[data-layout="sequence"] .paragraphs{padding-left:19px;border-left:1px solid var(--line)}[data-layout="sequence"] .paragraphs p:last-child{margin-bottom:0}[data-layout="sequence"] .closing{padding-top:12px;font-size:1.25rem}[data-layout="symbols"] .screen-content:after{content:"Aa";font:italic 6rem var(--serif);align-self:flex-end;line-height:1;color:var(--accent);opacity:.5;margin-top:25px}[data-layout="observation"] h1,[data-layout="imagination"] h1{font-size:clamp(2.2rem,9.1vw,3.3rem)}[data-layout="evolution"] .paragraphs p+p{padding-top:16px;border-top:1px solid var(--line)}[data-layout="manifesto"] .closing{font-size:clamp(1.8rem,8vw,2.7rem);color:var(--accent);font-style:italic;line-height:1.13}[data-layout="manifesto"] h1{font-size:clamp(1.8rem,7.8vw,2.7rem)}
.choice-grid{display:grid;gap:13px;width:100%;margin:4px 0 14px}.choice{position:relative;display:flex;align-items:center;text-align:left;gap:20px;min-height:100px;padding:23px 20px;background:linear-gradient(120deg,#b8c8d419,#07131e77);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--line);border-radius:6px;transition:background .3s,border .3s,transform .3s}.choice:hover{background:#ead6b21a;border-color:#d0b991;transform:translateY(-2px)}.choice span:nth-child(1){font-size:.75rem;color:var(--accent);align-self:flex-start;padding-top:6px}.choice strong{font:400 1.8rem var(--serif);letter-spacing:-.025em}.choice .choice-plus{margin-left:auto;font:300 1.6rem var(--sans);color:var(--accent)}.tap-hint{font-size:.875rem!important;color:var(--soft)!important;display:flex;align-items:center;justify-content:center;gap:12px;align-self:center;margin-top:2px!important}.tap-hint span{font-size:1.4rem;transform:rotate(-20deg);color:var(--accent)}
.numbered-list{list-style:none;margin:4px 0 6px;padding:0;width:100%}.numbered-list li{display:flex;align-items:baseline;gap:17px;border-bottom:1px solid var(--line);padding:16px 0;font-size:1rem;line-height:1.5;color:var(--text)}.numbered-list li span{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--accent)}.numbered-list li:last-child{border-bottom:0}.connection-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;justify-content:center;margin:14px 0 0;padding:30px 0;width:100%;position:relative}.connection-list li{font-family:var(--serif);font-size:1.35rem;padding:16px 22px;background:#d7c79d10;border:1px solid var(--line);border-radius:100px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:breathe 7s ease-in-out infinite;animation-delay:calc(var(--i)*-.75s)}.connection-list li:nth-child(3){background:#bc382966;border-color:#c2654c;color:#fff4d4}.connection-list li:last-child{margin:0 50px}.possibility-list{list-style:none;margin:0;padding:0;display:grid;gap:0;width:100%}.possibility-list li{display:flex;gap:16px;align-items:flex-start;font-family:var(--serif);font-size:1.2rem;line-height:1.4;border-top:1px solid var(--line);padding:16px 0}.possibility-list li span{font:1rem var(--serif);color:var(--accent);padding-top:4px}.review-stack{display:grid;gap:13px;width:100%}.review-card{padding:20px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(130deg,#c1d2da15,#13222c77);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.review-card blockquote{margin:0 0 16px;font-family:var(--serif);font-size:1.125rem;line-height:1.5;color:var(--text)}.review-person{display:flex;gap:10px;align-items:center}.review-avatar{width:31px;height:31px;border:1px solid var(--line);background:#dac9a90e;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.6875rem;color:var(--accent)}.review-person cite{font-size:.8125rem;font-weight:500;font-style:normal;color:var(--soft)}[data-layout="reviews"] h1{font-size:2.3rem;margin-bottom:22px}[data-layout="reviews"] .eyebrow{margin-bottom:13px}
[data-layout="book"] .screen-content{align-items:center;text-align:center;padding-top:12px;padding-bottom:16px;justify-content:center}[data-layout="book"] .eyebrow{margin-bottom:12px}[data-layout="book"] h1{font-size:2.25rem;line-height:1.05;margin-bottom:18px;max-width:11ch}.book-figure{margin:0;position:relative;perspective:1100px;display:flex;align-items:center;justify-content:center;flex:1;min-height:200px;width:100%}.book-cover{display:block;width:auto;height:auto;max-width:52%;max-height:35vh;max-height:35dvh;object-fit:contain;filter:drop-shadow(12px 15px 17px #0009);transform:rotateY(-9deg) rotateZ(-3deg);animation:book-float 7s ease-in-out infinite}.book-figure:after{content:"";position:absolute;width:150px;height:15px;background:#0006;filter:blur(13px);bottom:-8px;z-index:-1}.book-subtitle{font-family:var(--serif);font-style:italic;font-size:.9375rem!important;color:var(--accent)!important;margin:20px 0 0!important}.guarantees{display:grid;gap:16px;width:100%;margin:10px 0}.guarantee-card{display:flex;align-items:center;gap:18px;padding:24px 20px;border:1px solid var(--line);border-radius:6px;background:#16302b66;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.guarantee-card svg{width:36px;height:36px;flex:0 0 36px;color:#dbcda2}.guarantee-card h2{font:400 1.55rem/1.2 var(--serif);margin:0}.guarantee-card p{font-size:.875rem;margin:5px 0 0;color:var(--soft)}[data-layout="guarantee"] .screen-content{justify-content:center}[data-layout="guarantee"] .ornament{align-self:center;margin:10px 0 25px}.mystery-mark{font:italic 4.5rem var(--serif);color:var(--accent);line-height:1;margin:10px 0 30px}.experience[data-screen="misterio"] .screen-content{justify-content:center}.experience[data-screen="misterio"] h1{font-size:2.1rem}.experience[data-screen="misterio"] .scene-art{filter:grayscale(.8);opacity:.6}.experience[data-screen="misterio"] .art-shade{background:#01070ac2}
[data-mood="red"]{--accent:#ffddae;background:#611e1c}[data-mood="red"] .scene-art{mix-blend-mode:luminosity;opacity:.5}[data-mood="red"] .art-shade{background:linear-gradient(180deg,#400e1166,#49151c44 50%,#330711)}[data-mood="red"] .app-footer{background:linear-gradient(transparent,#3a0d11d9)}[data-mood="red"] h1{padding-top:30px}
[data-mood="ivory"]{--text:#1e302f;--soft:#4d5854;--accent:#a4482d;--line:#46524b30;background:#eee3c9;color-scheme:light}[data-mood="ivory"] .scene-art{opacity:.12;mix-blend-mode:multiply;filter:sepia(1)}[data-mood="ivory"] .art-shade{background:linear-gradient(#eee3c9ee,#eee3c9aa 50%,transparent)}[data-mood="ivory"] .app-footer{background:linear-gradient(transparent,#eee3c9 30%)}[data-mood="ivory"] .secondary,[data-mood="ivory"] .back-button{background:#ffffff20}[data-mood="ivory"] .app-header{color:#1e302f}[data-mood="ivory"] .sparkles{display:none}[data-mood="ivory"] .screen-content p{color:var(--soft)}
dialog{color:var(--cream);font-family:var(--sans);border:1px solid #c8b98e66;border-radius:14px;padding:0;background:#0c202d;width:calc(100% - 38px);max-width:430px;max-height:calc(100vh - 50px);max-height:calc(100dvh - 50px);overflow-y:auto;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#01060bcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}dialog[open]{animation:dialog-in .3s var(--ease)}.dialog-panel{position:relative;padding:40px 29px 28px;display:flex;flex-direction:column;align-items:center;text-align:center}.dialog-close{position:absolute;right:7px;top:6px;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#d9cbb0;font:300 2rem var(--sans);border-radius:50%}.dialog-star{font-size:2.6rem;color:#eddab3;margin-bottom:20px}.dialog-panel .eyebrow{font-size:.6875rem;margin-bottom:15px}.dialog-panel h2{font:400 2rem/1.1 var(--serif);letter-spacing:-.03em;margin:0 0 22px}.dialog-panel p:not(.eyebrow){font-size:1rem;line-height:1.65;color:#ced1cd;margin:0 0 27px}.dialog-panel>.primary,.dialog-panel>.secondary{width:100%;margin-top:5px}.purchase-dialog img{height:200px;width:auto;object-fit:contain;filter:drop-shadow(7px 6px 15px #0007);margin:0 0 25px}.purchase-dialog .secondary{margin-top:12px;border-color:#bcc8c222}.no-script{position:fixed;inset:0;z-index:20;background:#07131e;display:grid;place-content:center;padding:35px;color:#f4e9cf}
@keyframes arrive{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@keyframes arrive-back{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes leave{to{opacity:0;transform:translateY(-8px)}}@keyframes drift{0%{transform:scale(1.015) translate3d(-.6%,.25%,0)}100%{transform:scale(1.065) translate3d(.6%,-.5%,0)}}@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.8)}45%{opacity:1;transform:scale(1.1)}}@keyframes breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes book-float{0%,100%{transform:rotateY(-9deg) rotateZ(-3deg) translateY(0)}50%{transform:rotateY(-5deg) rotateZ(-1deg) translateY(-7px)}}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:600px) and (max-width:899px){.screen-content{padding:45px 45px 35px;max-width:560px}.app-header,.app-footer{padding-left:45px;padding-right:45px}.app-footer{width:100%;max-width:560px;justify-self:center}.art-layer{background-position:center 66%}.screen-content h1{font-size:3.1rem}[data-layout="welcome"] h1{font-size:3.6rem;max-width:15ch}[data-layout="welcome"] .screen-content{padding-top:44px}}
@media(min-width:900px){.experience{max-width:1600px;margin:0 auto;grid-template-columns:minmax(380px,1fr) minmax(470px,.93fr);grid-template-rows:auto minmax(0,1fr) auto}.scene-art{right:45%;z-index:-1}.scene-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 80%,#07131e)}.art-layer{background-position:50% 65%;background-size:cover}.art-shade{background:linear-gradient(180deg,#07131e22,transparent 75%,#07131ee0)}.app-header{grid-column:1/-1;padding:35px 48px 15px}.brand{font-size:.875rem;gap:12px}.brand-star{font-size:1.9rem}.journey-meta>span:first-child{display:inline;color:var(--soft);font-size:.75rem;letter-spacing:.04em}.page-counter{font-size:.8125rem}.content-scroll{grid-column:2;grid-row:2}.screen-content{padding:35px 50px 30px 25px;max-width:615px;justify-content:center}.screen-content h1{font-size:clamp(2.8rem,4.15vw,4.2rem);line-height:1.075}.screen-content p{font-size:1.05rem;line-height:1.75}.screen-content .closing{font-size:1.6rem}.screen-content .eyebrow{font-size:.75rem;margin-bottom:27px}.app-footer{grid-column:2;grid-row:3;width:100%;max-width:615px;justify-self:center;background:none;padding:15px 50px 27px 25px}.footer-caption{padding-top:12px}.footer-caption>span:first-child{font-size:.6875rem}.footer-caption>span:last-child{font-size:.75rem}.desktop-caption{display:flex;position:absolute;left:48px;bottom:43px;align-items:center;gap:18px;max-width:42%;z-index:2;font-size:.625rem;letter-spacing:.17em;color:#d1c6a7}.small-line{width:32px;height:1px;background:#bba583}.caption-number{font:italic 2rem var(--serif);margin-left:10px}.orbit{width:620px;height:620px;top:28%}.orbit-two{width:665px;height:665px;top:25.4%}[data-layout="welcome"] .screen-content{padding-top:25px;justify-content:center}[data-layout="welcome"] h1{font-size:clamp(3.1rem,4.6vw,4.65rem);max-width:13ch;line-height:1.02}[data-layout="welcome"] .screen-content:after,[data-layout="question"] .screen-content:after,[data-layout="destiny"] .screen-content:after{display:none}[data-layout="welcome"] .paragraphs{max-width:36ch}[data-layout="question"] .screen-content,[data-layout="destiny"] .screen-content,[data-layout="declaration"] .screen-content{justify-content:center;padding-top:30px}[data-layout="question"] h1,[data-layout="destiny"] h1,[data-layout="declaration"] h1{font-size:clamp(3.2rem,4.8vw,4.8rem)}[data-layout="crossroads"] h1{font-size:3.35rem}[data-layout="crossroads"] .screen-content{padding-top:30px}[data-layout="sequence"] h1,[data-layout="symbols"] h1{font-size:2.7rem}[data-layout="sequence"] .screen-content{padding-top:20px}[data-layout="observation"] h1,[data-layout="imagination"] h1{font-size:3.25rem}[data-layout="manifesto"] h1{font-size:2.8rem}[data-layout="manifesto"] .closing{font-size:2.7rem}[data-layout="reviews"] h1{font-size:2.8rem}[data-layout="book"] h1{font-size:2.8rem;max-width:none}[data-layout="book"] .screen-content{padding:10px 50px 20px 25px}[data-layout="book"] .eyebrow{margin-bottom:10px}.book-cover{max-height:38vh;max-width:52%}.book-subtitle{margin-top:19px!important}.book-figure{flex:0 1 auto}.scene-index{font-size:6rem}.choice-grid{margin-top:10px}.choice{min-height:110px}.choice strong{font-size:2rem}[data-mood="ivory"] .scene-art{opacity:.3}[data-mood="ivory"] .scene-art:after{background:linear-gradient(90deg,transparent 50%,#eee3c9)}[data-mood="ivory"] .art-shade{background:linear-gradient(180deg,#eee3c955,transparent 70%,#eee3c9bb)}[data-mood="ivory"] .desktop-caption{color:#655e49}[data-mood="ivory"] .app-footer{background:none}[data-mood="red"] .scene-art:after{background:linear-gradient(90deg,transparent 65%,#611e1c)}[data-mood="red"] .app-footer{background:none}.experience[data-screen="misterio"] h1{font-size:3rem}}
@media(max-height:720px) and (max-width:899px){.app-header{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:8px}.screen-content{padding-top:18px;padding-bottom:22px}.eyebrow{margin-bottom:16px}.screen-content h1{font-size:2.1rem;margin-bottom:20px}.screen-content p{margin-bottom:13px;line-height:1.6}[data-layout="welcome"] .screen-content{padding-top:16px}[data-layout="welcome"] h1{font-size:2.4rem;max-width:15ch}[data-layout="welcome"] .screen-content:after{min-height:45px}[data-layout="question"] h1,[data-layout="destiny"] h1,[data-layout="declaration"] h1{font-size:2.9rem}.scene-index{font-size:3rem;margin-bottom:20px}.app-footer{padding-top:8px;padding-bottom:calc(11px + env(safe-area-inset-bottom,0px))}.primary,.secondary,.back-button{min-height:49px;padding-top:12px;padding-bottom:12px}.journey-progress{margin-top:15px}.footer-caption{padding-top:8px}.choice{min-height:85px;padding:17px}.book-cover{max-height:29vh;max-height:29dvh}[data-layout="book"] h1{font-size:2rem;margin-bottom:12px}.book-subtitle{margin-top:12px!important}.book-figure{min-height:155px}}
@media(max-width:350px){.app-header{padding-left:19px;padding-right:19px}.screen-content{padding-left:22px;padding-right:22px}.app-footer{padding-left:19px;padding-right:19px}.primary,.secondary{font-size:.875rem;padding-left:14px;padding-right:14px}.back-button{flex-basis:49px;width:49px}.screen-content h1{font-size:1.95rem}.choice strong{font-size:1.55rem}[data-layout="welcome"] h1{font-size:2.2rem}.footer-caption>span:first-child{font-size:.625rem}}
@media(max-height:500px) and (orientation:landscape){.app-header{padding-top:10px}.screen-content{padding-top:15px}.screen-content h1{font-size:2.1rem}.app-footer{padding-bottom:8px}.footer-caption{display:none}.journey-progress{margin-top:10px}.book-cover{max-height:35vh}.book-figure{min-height:90px}}
/* Las animaciones permanecen activas durante la experiencia. */
@media(max-width:899px){[data-dense="true"]:not([data-mood="ivory"]) .art-shade{background:linear-gradient(180deg,#06121b38,#06121baf 32%,#06121bc9 66%,#06121bec)}[data-layout="book"] .art-shade{background:linear-gradient(#07131e55,#07131ebe 45%,#07131eed)}[data-layout="guarantee"] .art-shade{background:linear-gradient(#07131e55,#07131eb5 50%,#07131eeb)}}
.footer-caption{font-size:.75rem}.footer-caption>span:first-child{font-size:.75rem;letter-spacing:.05em}.review-avatar{font-size:.75rem}.dialog-panel .eyebrow{font-size:.75rem}
.app-header{flex-wrap:wrap}.journey-meta{margin-left:auto}.footer-caption{gap:12px}.footer-caption>span:last-child{flex-shrink:0}.scene-art{transition:opacity .8s,filter .8s}
.content-scroll{touch-action:pan-y pinch-zoom}
@media(min-width:900px){.art-layer{background-position:50% 100%}}
@media(min-width:900px){.desktop-caption{font-size:.75rem;letter-spacing:.09em}.footer-caption>span:first-child{font-size:.75rem}}
@media(max-width:350px){.footer-caption>span:first-child{font-size:.75rem;letter-spacing:0}.footer-caption>span:last-child{font-size:.75rem}}