body{margin:0}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:VoxRound;src:url(/fonts/vox-round/VoxRound-Semibold.woff2) format("woff2"),url(/fonts/vox-round/VoxRound-Semibold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}:root{--font-family: "Georgia", serif;--font-display: "VoxRound", "Georgia", serif;--font-narrative: "Lora", Georgia, serif;--font-body: "Roboto", sans-serif;--base-font-size: 15px;--accent-color: #6c5ce7}@keyframes fadeInOut{0%{opacity:0;transform:scale(.9)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}html,body{width:100%;height:100%;font-family:var(--font-family);font-size:clamp(14px,1.5vw,20px);background-size:cover;background-position:center;overflow:hidden;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}#main-container{display:grid;grid-template-rows:auto 1fr auto;height:100vh;text-align:center;justify-items:center;align-items:center;padding:.6rem;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.status-screen{grid-template-rows:1fr}.status-card{background:#12121ccc;border-radius:18px;padding:1.5rem;box-shadow:0 20px 50px #00000059;max-width:420px}.status-title{font-size:1.3rem;color:#fff;margin-bottom:.5rem}.status-subtitle{color:#fffc;margin-bottom:1.25rem;line-height:1.5}.status-actions{display:flex;justify-content:center}.retry-button{border:none;border-radius:999px;padding:.8rem 1.8rem;background:linear-gradient(135deg,#6c5ce7,#b185ff);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #6c5ce766}.retry-button:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:3px}.bitacora-toast{position:fixed;z-index:5000;bottom:clamp(1rem,3vh,2.5rem);right:clamp(1rem,4vw,2.5rem);padding:.85rem 1.3rem;border-radius:12px;color:#fff;font-size:.95rem;background:#151520e6;box-shadow:0 18px 38px #00000073;animation:fadeIn .3s ease}.bitacora-toast--success{border-left:4px solid #49d0aa}.bitacora-toast--info{border-left:4px solid #6c5ce7}.bitacora-toast--error{border-left:4px solid #ff6b6b}.bitacora-peek-overlay{position:fixed;inset:0;background:#05040aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1300;padding:1.5rem}.bitacora-peek-card{width:min(420px,100%);max-height:90vh;background:radial-gradient(circle at top,#1c1735,#0f0c1b);border-radius:20px;padding:1.5rem;box-shadow:0 20px 60px #05040c99;display:flex;flex-direction:column}.bitacora-peek-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.bitacora-peek-title{margin:0;font-size:1.3rem;font-weight:700;color:#f6f2ff}.bitacora-peek-subtitle{margin:.2rem 0 0;font-size:.9rem;color:#d0c6ff}.bitacora-peek-close{border:none;background:#ffffff1a;color:#f6f2ff;font-size:1.4rem;line-height:1;width:32px;height:32px;border-radius:50%;cursor:pointer}.bitacora-peek-body{margin-top:1rem;overflow-y:auto;padding-right:.2rem}.bitacora-peek-status{color:#d0c6ff;text-align:center;margin:2rem 0}.bitacora-peek-status.error{color:#ffb3b3}.bitacora-peek-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.bitacora-peek-item{background:#ffffff0f;border-radius:14px;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.08)}.bitacora-peek-meta{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;color:#c9c1ff}.bitacora-peek-event{font-weight:600}.bitacora-peek-content{margin:.4rem 0 0;color:#f9f6ff;font-size:.95rem;line-height:1.4}.bitacora-peek-decision{margin-top:.4rem;display:flex;flex-direction:column;gap:.3rem}.bitacora-peek-personaje{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#a884ff}.bitacora-peek-whisper{margin:0;font-style:italic;font-size:.85rem;color:#c8d2ff99;line-height:1.5}.access-locked{filter:blur(0px)}.access-modal-overlay{position:fixed;inset:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;padding:clamp(1rem,4vw,2rem);background:radial-gradient(circle at 20% 20%,rgba(110,92,231,.35),transparent 60%),radial-gradient(circle at 80% 80%,rgba(75,208,170,.25),transparent 60%),#050412;z-index:9999}.access-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}.access-gradient{position:absolute;width:60vw;height:60vw;background:radial-gradient(circle,rgba(108,92,231,.4),transparent 70%);filter:blur(60px);animation:accessPulse 14s ease-in-out infinite alternate}.access-gradient--second{right:-20vw;top:-10vw;background:radial-gradient(circle,rgba(75,208,170,.4),transparent 70%);animation-delay:4s}@keyframes accessPulse{0%{transform:scale(.9) translate(-5%,-5%)}to{transform:scale(1.1) translate(5%,5%)}}.access-modal{width:min(640px,95vw);background:#10101cf2;border-radius:20px;padding:clamp(1.5rem,3vw,2.5rem);display:flex;flex-direction:column;gap:1rem;box-shadow:0 30px 80px #00000073;color:#fff}.access-header h2{margin-bottom:.4rem;font-size:1.4rem}.access-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.access-tab{border:none;border-radius:999px;padding:.4rem .8rem;background:#ffffff14;color:#fff;cursor:pointer}.access-tab.is-active{background:linear-gradient(135deg,#6c5ce7,#b185ff);font-weight:600}.access-panel{display:flex;flex-direction:column;gap:1rem}.access-label{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem}.access-label input,.access-label select{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:.65rem .8rem;color:#fff;font-size:1rem}.access-actions{display:flex;flex-wrap:wrap;gap:.6rem}.access-panel button.primary,.access-panel button.secondary{border:none;border-radius:999px;padding:.6rem 1.4rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.access-panel button.primary{background:linear-gradient(135deg,#6c5ce7,#b185ff);color:#fff}.access-panel button.secondary{background:#ffffff1f;color:#fff}.access-panel button:disabled{opacity:.6;cursor:not-allowed}.access-panel button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000040}.access-message{margin-top:.5rem;color:#ffb6b6;font-size:.95rem}.access-guest-divider{display:flex;align-items:center;gap:.75rem;margin-top:1.4rem;color:#ffffff40;font-size:.8rem;letter-spacing:.08em}.access-guest-divider:before,.access-guest-divider:after{content:"";flex:1;height:1px;background:#ffffff1f}.access-guest-btn{width:100%;margin-top:.75rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:transparent;color:#ffffff8c;font-size:.9rem;font-family:inherit;letter-spacing:.03em;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.access-guest-btn:not(:disabled):hover{border-color:#ffffff59;color:#ffffffd9;background:#ffffff0d}.access-guest-btn:disabled{opacity:.4;cursor:not-allowed}.access-guest-note{margin-top:.5rem;text-align:center;font-size:.72rem;color:#ffffff38;letter-spacing:.02em;line-height:1.4}body.access-modal-open{overflow:hidden}body.keyboard-open{height:auto;min-height:100vh;overflow-y:auto}#character-selection h1{font-size:clamp(2.6rem,5vw,3rem);color:#fff;margin:1rem 0;line-height:1.1}#character-selection{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.5rem,1.5vh,1rem);width:100%;margin-top:8vh;max-width:480px;max-height:72vh;overflow:visible}#character-options{position:relative;--hashtag-w: clamp(270px, 82vw, 400px);--bar-cross: clamp(38px, 9vw, 54px);--h-overhang: clamp(40px, 12vw, 60px);--bar-gap: calc((var(--hashtag-w) - 2 * var(--h-overhang) - 3 * var(--bar-cross)) / 2);width:var(--hashtag-w);height:calc(var(--hashtag-w) * 1.25);margin:0 auto}header{width:100%;padding-top:max(env(safe-area-inset-top,0px),.4rem)}header h1{position:relative;text-align:center;line-height:1;color:#8f9f84;font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4rem);font-weight:600;letter-spacing:.01em;text-shadow:0 8px 18px rgba(30,35,25,.25)}header h1:after{content:attr(data-reflection);position:absolute;top:100%;left:0;width:100%;opacity:.35;transform:scaleY(-1);filter:blur(6px);pointer-events:none}.char-square{border:1px solid rgba(255,255,255,.28);cursor:pointer;font:inherit;display:block;border-radius:28px 34px 30px 32px;background:color-mix(in srgb,var(--bar-color, #a0a0ff) 38%,rgba(255,255,255,.1));backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);transition:filter .5s ease,transform .5s ease,box-shadow .5s ease,background .5s ease;position:absolute;box-shadow:inset 0 2px #ffffff80,inset 0 0 20px #ffffff1a,0 12px 36px #0003}.char-square.char-vertical{width:var(--bar-cross, 50px);height:100%;top:0;z-index:2;rotate:10deg;animation:charFloat var(--float-duration, 4s) ease-in-out infinite}.char-v1{left:var(--h-overhang);--float-duration: 3.8s;animation-delay:0s}.char-v2{left:calc(var(--h-overhang) + var(--bar-cross) + var(--bar-gap));--float-duration: 4.4s;animation-delay:.6s;border-radius:32px 26px 36px 28px}.char-v3{left:calc(var(--h-overhang) + 2 * (var(--bar-cross) + var(--bar-gap)));--float-duration: 4.8s;animation-delay:.3s;border-radius:34px 26px 38px 24px}.char-square.char-horizontal{height:var(--bar-cross, 50px);width:100%;left:0;z-index:1;animation:charFloatH var(--float-duration, 4s) ease-in-out infinite}.char-h1{top:calc(30% - var(--bar-cross, 50px) / 2);--float-duration: 3.6s;animation-delay:1.1s;border-radius:26px 36px 22px 34px}.char-h2{top:calc(50% - var(--bar-cross, 50px) / 2);--float-duration: 4.1s;animation-delay:.9s;border-radius:24px 38px 26px 36px}.char-h3{top:calc(70% - var(--bar-cross, 50px) / 2);--float-duration: 3.9s;animation-delay:1.5s;border-radius:36px 26px 32px 38px}.char-square:after{content:"";position:absolute;inset:4% 15% auto;height:28%;border-radius:999px;background:linear-gradient(180deg,#ffffff61,#fff0);mix-blend-mode:screen;pointer-events:none}.char-square:focus-visible{outline:3px solid rgba(255,255,255,.85);outline-offset:2px}.selector-hint{color:#ffffffbf;font-size:.9rem;margin-bottom:.2rem}#btn-triste{background-color:#b4d0f2}#btn-frustrada{background-color:#f7aead}#btn-ansiosa{background-color:#f5ec8e}#btn-irritada{background-color:#e05757}#btn-confundida{background-color:#9442dc}#btn-esperanzada{background-color:#85e08f}#character-background,#character-overlay{position:fixed;inset:0;background-size:cover;background-position:center;transition:opacity .8s ease-in-out;z-index:1}#character-overlay{opacity:0}body.transitioning-to-story #main-container,#main-container.is-fading{opacity:0;pointer-events:none}@media (min-width: 768px){:root{--base-font-size: 16px}#character-selection{max-height:60vh;gap:1rem}#character-options{--hashtag-w: clamp(300px, 42vw, 460px);--bar-cross: clamp(50px, 8vw, 68px);--h-overhang: clamp(44px, 8vw, 72px)}#start-story{font-size:1.1rem}}@media (min-width: 1200px){:root{--base-font-size: 18px}#main-container{padding:2rem}#character-selection{max-width:900px}#character-options{--hashtag-w: min(48vh, 520px);--bar-cross: 70px;--h-overhang: 80px}#start-story{font-size:1.2rem;padding:1em 2.4em}}@media (max-height: 500px) and (orientation: landscape){#character-selection{max-height:50vh;gap:.4rem}.character-details{font-size:.85rem;margin-top:.3rem}#start-story{transform:scale(.9);padding:.6em 1.4em;font-size:.9rem}}.link-title-container{text-align:center;margin:2rem auto}.link-title:after{content:""}.character-details{position:relative;overflow:hidden;display:flex;text-align:center;padding:20px;height:110px;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;color:#fff;font-style:italic;font-size:1rem;margin-top:1rem}#character-name{font-size:clamp(1.3rem,4vw,2.2rem);font-style:italic;color:#f7f5ff;margin-bottom:.4rem;text-shadow:0 4px 12px rgba(20,20,30,.25)}#character-description{font-size:clamp(.95rem,2.4vw,1.25rem);color:#ffffffe6;text-shadow:0 4px 10px rgba(15,15,20,.35);text-wrap:var(--base-font-size)}#boton-container{display:flex-start;flex-direction:column;justify-content:center;align-items:center;height:100%;z-index:10;position:relative;padding-top:1.5rem;padding-bottom:env(safe-area-inset-bottom,.5rem)}#start-story{background:#ffffff21;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.24);border-radius:20px;box-shadow:inset 0 1px #ffffff59,0 8px 32px #0000002e;padding:1em 1.6em 1.2em;font-size:1.2em;cursor:pointer;z-index:9999;margin:-.6em;color:#fff;transition:opacity .3s ease,transform .3s ease,background .3s ease;-webkit-box-reflect:below 6px linear-gradient(transparent 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%)}#start-story{display:flex;flex-direction:column;align-items:center;gap:.3em;cursor:pointer;transition:opacity .3s ease,transform .3s ease;animation:hintFadeIn .5s ease forwards}.start-story-name{font-family:var(--font-display);font-size:clamp(1.3rem,4vw,1.7rem);font-weight:600;font-style:normal;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5);letter-spacing:.01em}.start-story-desc{font-size:clamp(.85rem,2.2vw,1.3rem);color:#ffffffbf;text-shadow:0 1px 3px rgba(0,0,0,.64);font-style:italic;max-width:36ch;line-height:1.5;text-align:center}.start-story-cta{font-size:clamp(.65rem,1.6vw,.75rem);letter-spacing:.12em;text-transform:uppercase;color:#ffffff61;margin-top:.5em;opacity:0;animation:hintFadeIn .5s ease .35s forwards}#start-story:hover:enabled{opacity:.85;transform:translateY(-2px)}.character-hint{display:flex;flex-direction:column;align-items:center;gap:.3em;animation:hintFadeIn .5s ease forwards;background:#ffffff1a;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:inset 0 1px #ffffff47;padding:.9em 1.4em 1em}.hint-title{font-family:var(--font-display);font-size:clamp(1.3rem,4vw,1.7rem);font-weight:600;font-style:normal;color:#ffffffeb;text-shadow:0 2px 14px rgba(0,0,0,.4)}.hint-desc{font-size:clamp(.85rem,2.2vw,1.3rem);color:#ffffff9e;font-style:italic;max-width:36ch;line-height:1.5;text-align:center}@keyframes hintFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#story-button.pensando{background-color:#999;cursor:progress}#story-button.avanzar{background-color:#6c5ce7}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}.link-title{position:relative;display:block;font-family:var(--font-display);font-size:clamp(1.8rem,5.5vw,3rem);font-weight:600;color:#fff8ebf2;text-decoration:none;margin:0 auto;padding:0 1.5rem;text-align:center;max-width:clamp(280px,85vw,680px);line-height:1.2;letter-spacing:-.01em;text-shadow:0 4px 28px rgba(0,0,0,.5),0 0 60px rgba(255,230,160,.08);opacity:0;transform:translateY(20px);animation:storytellerFade 1.4s ease .1s forwards}.link-title:after{content:attr(data-reflection);position:absolute;top:100%;left:0;width:100%;text-align:center;opacity:.18;transform:scaleY(-1);filter:blur(4px);pointer-events:none}.narration-text{position:relative;max-width:clamp(280px,90vw,640px);margin:0 auto;font-size:clamp(1.3rem,5.5vw,1.55rem);line-height:1.75;color:#fff8ebeb;text-align:center;font-family:var(--font-narrative);font-style:italic;letter-spacing:.018em;opacity:0;transform:translateY(25px);padding:2.5rem 1.5rem 1.5rem;text-shadow:0 2px 18px rgba(0,0,0,.45)}@keyframes storytellerFade{0%{opacity:0;transform:translateY(25px) scale(.98);filter:blur(6px)}60%{opacity:.7;filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.narration-text:before{content:"— narradora —";position:absolute;top:.5rem;left:50%;transform:translate(-50%);font-size:.68rem;color:#ffffff52;letter-spacing:.2em;text-transform:uppercase;font-family:var(--font-body);font-style:normal;white-space:nowrap}.dialogue-container{display:flex;flex-direction:column;align-items:flex-start;font-size:clamp(1rem,2.4vw,1.1rem);gap:.75rem;width:88%;max-width:640px;margin:0 auto}.dialogue-duo{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:100svh;width:88%;max-width:640px;margin:0 auto;padding:3rem 0;gap:1.2rem;position:relative}.bubble{position:relative;max-width:78%;padding:.9rem 1.3rem;border-radius:20px;background:#ffffff12;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:0 4px 20px #0000004d;color:#fff8ebf2;font-size:1rem;line-height:1.55;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.bubble.show{opacity:1;transform:translateY(0)}.bubble-left{align-self:flex-start;background:linear-gradient(140deg,#6e5adc38,#ffffff0d);border-left:2px solid rgba(160,130,255,.35);border-radius:4px 20px 20px}.bubble-right{align-self:flex-end;background:linear-gradient(140deg,#ffc8642e,#ffffff0d);border-right:2px solid rgba(255,210,130,.35);border-radius:20px 4px 20px 20px}.bubble-center{align-self:center;max-width:clamp(260px,84vw,520px);background:#ffffff1f;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.22);border-radius:20px;box-shadow:inset 0 1px #ffffff52,0 8px 32px #0000002e;padding:1.4rem 1.6rem;color:#ffffffeb;font-family:var(--font-narrative);font-style:italic;text-align:center;line-height:1.75;letter-spacing:.035em;font-size:clamp(1.1rem,4.5vw,1.3rem);opacity:0;-webkit-box-reflect:below 4px linear-gradient(transparent 45%,rgba(0,0,0,.28) 100%)}@keyframes inner-thought{0%{opacity:0;filter:blur(6px)}40%{opacity:.55;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@keyframes thought-breathe{0%{box-shadow:inset 0 1px #ffffff52,0 8px 32px #0000002e,0 0 18px #c8b4ff14;text-shadow:0 0 12px rgba(200,180,255,.12)}50%{box-shadow:inset 0 1px #ffffff61,0 8px 40px #00000038,0 0 44px #c8b4ff3d;text-shadow:0 0 28px rgba(200,180,255,.4),0 0 52px rgba(200,180,255,.14)}to{box-shadow:inset 0 1px #ffffff52,0 8px 32px #0000002e,0 0 18px #c8b4ff14;text-shadow:0 0 12px rgba(200,180,255,.12)}}.snap-section.in-view .narration-text{animation:storytellerFade .7s ease .05s forwards}.snap-section.in-view .acotacion-text{animation:fadeInEtch 1.4s ease .2s forwards}.snap-section.in-view .bubble-center{animation:inner-thought 2.2s ease forwards,thought-breathe 5s ease-in-out 2.4s infinite}.bubble-text .narrative-aside{color:#ffffffb3;font-style:italic;font-size:.95rem;letter-spacing:.02em;opacity:.85;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:opacity .8s ease}.bubble-text .narrative-aside:hover{opacity:1}.bubble-text{font-family:var(--font-body);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.click-prompt{align-self:center;background:linear-gradient(135deg,#64ffb440,#3c96ff40);border:1px solid rgba(120,255,220,.4);border-radius:999px;color:#fff;padding:.5rem 1.2rem;margin-top:.5rem;font-size:.9rem;font-style:italic;font-weight:500;cursor:pointer;box-shadow:0 0 14px #ffffff1f;opacity:.75;transition:opacity .3s ease,transform .3s ease,box-shadow .4s ease}.click-prompt:hover{opacity:1;transform:scale(1.05);box-shadow:0 0 22px #78ffdc66}.bubble-speaker{display:block;font-size:.72rem;font-weight:600;font-style:normal;color:#ffd278d9;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;opacity:.9}.bubble-center .bubble-speaker{font-family:var(--font-display);font-weight:600;color:#ffffff8c;letter-spacing:.14em;text-shadow:0 1px 8px rgba(0,0,0,.4);margin-bottom:.6rem}.bubble-text{margin:0}.text-message{position:relative;background:#ffffff0f;-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border-left:2px solid rgba(255,210,120,.4);border-radius:0 16px 16px 0;padding:1.4rem 1.6rem 1.4rem 1.8rem;max-width:clamp(260px,76vw,520px);width:100%;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0f;opacity:0;transform:translateY(18px);animation:storytellerFade 1.4s ease .2s forwards}.text-message .narrative-aside{display:block;font-size:.72rem;color:#ffd278a6;letter-spacing:.12em;text-transform:uppercase;font-style:normal;margin-bottom:.7rem}.text-message .bubble-text{color:#fff8ebe6;font-size:clamp(.95rem,2.4vw,1.1rem);line-height:1.65;font-style:italic;text-shadow:0 1px 8px rgba(0,0,0,.3)}.pleca{width:clamp(40px,12vw,72px);height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,140,.6) 30%,rgba(255,215,140,.6) 70%,transparent 100%);margin:1.2rem auto 0;opacity:0;animation:storytellerFade 1s ease .5s forwards}@keyframes fadeIn{to{opacity:1}}.hilo-animado{position:absolute;top:60%;left:5%;width:90%;height:6px;border-radius:4px;background:linear-gradient(270deg,#ff69b4,#bb86fc,#03dac6,#ff69b4);background-size:800% 100%;animation:hiloFlow 6s linear infinite;z-index:1;overflow:visible}.estrella-viajera{position:absolute;top:-6px;left:0;width:12px;height:12px;background:radial-gradient(circle,#fff 30%,gold 80%);border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px gold;animation:estrellaRun 4s linear infinite;z-index:2}@keyframes hiloFlow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes estrellaRun{0%{left:0%}to{left:100%}}#transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 4px,transparent 4px,transparent 8px);background-size:200% 200%;animation:waveFlow 8s linear infinite;opacity:0;transition:opacity .8s ease-in-out}@keyframes waveFlow{0%{background-position:0% 0%}to{background-position:100% 100%}}.fade-in-transition{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.fade-in-transition.active{opacity:1;transform:translateY(0)}.end-transition{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(to bottom,#fff,#f0f0f0);text-align:center;padding:2rem}.transition-text{font-family:var(--font-narrative);font-style:italic;font-size:clamp(1rem,2.6vw,1.25rem);line-height:1.7;color:#fff8ebbf;text-align:center;max-width:clamp(260px,72vw,560px);margin:0 auto 2.5rem;letter-spacing:.02em;text-shadow:0 2px 14px rgba(0,0,0,.4);opacity:0;animation:storytellerFade 1.6s ease .1s forwards}.continue-button{display:block;margin:0 auto;padding:.65rem 2rem;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff8ebcc;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .3s ease,border-color .3s ease,color .3s ease;opacity:0;animation:storytellerFade 1s ease .6s forwards}.continue-button:hover{background:#ffffff24;border-color:#ffd27866;color:#fff8eb}.continue-button:disabled{opacity:.35;cursor:default;pointer-events:none}.decision-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:1.4rem;text-align:center;padding:2rem;position:relative;z-index:2}.decision-button{position:relative;width:min(80%,460px);padding:1rem 2rem;border-radius:16px;border:1.5px solid rgba(255,255,255,.25);background:#ffffff14;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:inset 0 0 20px #ffffff0d,0 0 30px #ffffff1a;font-family:var(--font-body);font-size:1.1rem;color:#fffffff2;text-shadow:0 0 10px rgba(255,255,255,.25);letter-spacing:.02em;cursor:pointer;overflow:hidden;transition:all .5s ease;animation:fadeDecision .8s ease forwards;opacity:0;transform:translateY(20px);mix-blend-mode:screen}.decision-button:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,#ffffff4d,#ffffff0d 60%);mix-blend-mode:overlay;transition:opacity .4s ease;opacity:.6}@keyframes fadeDecision{to{opacity:1;transform:translateY(0)}}.decision-button:hover,.decision-button:focus{background:#ffffff2e;border-color:#ffffff80;box-shadow:0 0 40px #ffffff40,inset 0 0 15px #fff3;transform:translateY(-4px) scale(1.02)}.decision-button:active{transform:scale(.97);box-shadow:inset 0 0 20px #ffffff59}.decision-title{font-family:var(--font-body);font-size:1.4rem;color:#ffffffeb;text-shadow:0 0 12px rgba(255,255,255,.15);margin-bottom:1.5rem;letter-spacing:.03em}.decision-container button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 20px #fff3}.decision-container button:active{transform:scale(.97);box-shadow:0 0 12px #ffffff26}.decision-container button.armonia{background:linear-gradient(135deg,#64ffb440,#3c96ff40);border:1px solid rgba(120,255,220,.4)}.decision-container button.riesgo{background:linear-gradient(135deg,#ff647840,#ffbe5040);border:1px solid rgba(255,130,100,.4)}.decision-container button.repliegue{background:linear-gradient(135deg,#dcdcff26,#9696ff1a);border:1px solid rgba(180,180,255,.25)}.decision-container button.armonia:active{transform:scale(1.05);box-shadow:0 0 25px #78ffdc80}.decision-container button.riesgo:active{transform:scale(1.1);box-shadow:0 0 25px #ff826499}.decision-container button.repliegue:active{transform:scale(.9);opacity:.85;box-shadow:0 0 10px #b4b4ff4d}.gato-response{font-style:italic;font-size:1.2rem;color:#f0e9ff;background:#0006;border-left:4px solid #8a6aff;padding:1rem;margin:2rem auto;max-width:600px;border-radius:8px;box-shadow:0 0 12px #8a6aff4d;text-shadow:0 0 2px rgba(255,255,255,.1);transition:transform .3s ease}.gato-response:hover{transform:scale(1.01)}#gato-btn-container{position:fixed;bottom:20px;right:20px;z-index:2000}#gato-btn{position:fixed;bottom:20px;right:20px;padding:1em 2em;background-color:#6c5ce7;color:#fff;border:none;border-radius:10px;font-size:1.2em;box-shadow:0 0 20px #fff3;z-index:999;transition:all .3s ease}#gato-btn:disabled{background-color:#ccc;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){#main-container{padding:0 0 .5rem}header{padding-top:max(env(safe-area-inset-top,0px),1rem);padding-left:1rem;padding-right:1rem}header h1{font-size:clamp(2.8rem,11vw,3.4rem);letter-spacing:-.01em}#character-options{--hashtag-w: clamp(190px, 62vw, 270px);--bar-cross: clamp(38px, 10.5vw, 52px)}.start-story-name,.hint-title{font-size:clamp(1.7rem,7.5vw,2.2rem)}.start-story-desc,.hint-desc{font-size:clamp(.92rem,3.8vw,1.1rem);line-height:1.4}.start-story-cta{font-size:clamp(.72rem,2.4vw,.85rem);color:#ffffff94;letter-spacing:.16em}#boton-container{padding-top:.75rem;padding-bottom:max(env(safe-area-inset-bottom,0px),1rem)}.narration-text{font-size:clamp(1.3rem,5.5vw,1.55rem);padding:2.5rem .75rem 1.5rem}.char-square.char-vertical.is-selected{transform:translateY(-8px) scale(1.08)}.char-square.char-horizontal.is-selected{transform:translate(6px) scale(1.08)}}@keyframes charFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes charFloatH{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}.char-square.char-vertical:hover{transform:translateY(-8px) scale(1.06);background:color-mix(in srgb,var(--bar-color, #a0a0ff) 46%,rgba(255,255,255,.14));backdrop-filter:blur(10px) saturate(145%);-webkit-backdrop-filter:blur(10px) saturate(145%);box-shadow:inset 0 2px #ffffff8c,0 24px 52px #00000047,0 0 32px #ffffff1f;animation-play-state:paused}.char-square.char-horizontal:hover{transform:translate(6px) scale(1.06);background:color-mix(in srgb,var(--bar-color, #a0a0ff) 46%,rgba(255,255,255,.14));backdrop-filter:blur(10px) saturate(145%);-webkit-backdrop-filter:blur(10px) saturate(145%);box-shadow:inset 0 2px #ffffff8c,0 24px 52px #00000047,0 0 32px #ffffff1f;animation-play-state:paused}.char-square.char-vertical.is-active{transform:translateY(-6px) scale(1.04);animation-play-state:paused}.char-square.char-horizontal.is-active{transform:translate(4px) scale(1.04);animation-play-state:paused}.char-square.char-vertical.is-selected{transform:translateY(-12px) scale(1.1);background:color-mix(in srgb,var(--bar-color, #a0a0ff) 55%,rgba(255,255,255,.18));border:1.5px solid rgba(255,255,255,.52);backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);box-shadow:inset 0 2px #ffffffa6,0 0 36px color-mix(in srgb,var(--bar-color) 50%,transparent),0 20px 52px #0000004d;animation-play-state:paused}.char-square.char-horizontal.is-selected{transform:translate(8px) scale(1.1);background:color-mix(in srgb,var(--bar-color, #a0a0ff) 55%,rgba(255,255,255,.18));border:1.5px solid rgba(255,255,255,.52);backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);box-shadow:inset 0 2px #ffffffa6,0 0 36px color-mix(in srgb,var(--bar-color) 50%,transparent),0 20px 52px #0000004d;animation-play-state:paused}.story-viewer{position:fixed;inset:0;z-index:3000;display:flex;justify-content:center;align-items:center}.story-overlay{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.story-content{position:relative;z-index:1;background:#fffffff2;color:#222;border-radius:16px;padding:2rem;width:min(600px,90%);max-height:80vh;overflow-y:auto;box-shadow:0 0 30px #0006;animation:fadeIn .3s ease-in-out}.segment{margin-bottom:1rem}.segment-speaker{display:block;font-weight:700;color:#4a3ea1;margin-bottom:.25rem}.close-button{background:#4a3ea1;color:#fff;border:none;border-radius:10px;padding:.6rem 1.2rem;font-size:1rem;cursor:pointer;margin-top:1rem;transition:.2s}.close-button:hover{background:#6c5ce7}.route-transition-layer{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;filter:blur(12px) brightness(.7);z-index:2;pointer-events:none;transition:opacity 1.5s ease-in-out,filter 2s ease-in-out}.route-transition-layer.active{opacity:1;filter:blur(0px) brightness(1)}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.gato-float-button{position:fixed;bottom:2.5rem;right:2.5rem;background:radial-gradient(circle at center,#2b2a6df2,#191850d9);color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.4px;padding:.9rem 1.4rem;border:none;border-radius:999px;box-shadow:0 0 20px #2b2a6d66;cursor:pointer;z-index:2200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(20px);animation:gatoAppear .8s ease-out .3s forwards,gatoBreath 4s ease-in-out infinite}@keyframes gatoAppear{0%{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes gatoBreath{0%,to{box-shadow:0 0 20px #2b2a6d59}50%{box-shadow:0 0 35px #6462dc80}}.gato-float-button:hover{background:radial-gradient(circle at center,#464596,#2b2a6df2);transform:translateY(-2px) scale(1.03);box-shadow:0 0 40px #6462dc99;transition:all .3s ease}.gato-float-button--closing{animation:gatoDisappear .35s ease-in forwards}@keyframes gatoDisappear{0%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(14px);filter:blur(8px)}}.acotacion-section{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100vh;padding:2rem;overflow:hidden}.acotacion-section:before{content:"";position:absolute;inset:0;background:#04020a1c;z-index:0}.acotacion-mystery{width:clamp(120px,36vw,160px);height:clamp(120px,36vw,160px);margin:0 auto 1.2rem;flex-shrink:0;position:relative;z-index:1}.acotacion-text{position:relative;z-index:2;font-style:normal;font-family:var(--font-body);font-size:clamp(1rem,4.2vw,1.15rem);line-height:1.6;color:#ffd728f5;text-align:center;max-width:clamp(260px,86vw,580px);letter-spacing:.02em;text-shadow:0 1px 10px rgba(0,0,0,1),0 0 28px rgba(0,0,0,.85);opacity:0;transform:translateY(10px)}@keyframes fadeInEtch{0%{opacity:0;transform:translateY(16px) scale(.98);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.gato-intermedio-section{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at center,#15152b,#0b0b1a 80%);overflow:hidden}.gato-intermedio-wrapper{display:flex;flex-direction:column;align-items:center;animation:fadeIn 1.2s ease forwards}.gato-ronroneo-button{display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;text-align:center}.gato-ronroneo-orb{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#7056ff,#201a52 80%);box-shadow:0 0 30px #7056ff80;display:flex;align-items:center;justify-content:center;animation:ronroneo 3s ease-in-out infinite}.gato-ronroneo-img{width:80px;height:80px;opacity:.9}.gato-ronroneo-text{margin-top:16px;font-size:1rem;color:#f0f0ffd9;font-style:italic}@keyframes ronroneo{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ronroneo{0%,to{transform:scale(1);box-shadow:0 0 25px #9664ff66}50%{transform:scale(1.05);box-shadow:0 0 45px #9664ffb3}}@keyframes flotacion{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.gato-overlay{position:fixed;inset:0;background:radial-gradient(circle at 50% 50%,#0b0b1a,#000);display:flex;align-items:center;justify-content:center;z-index:9999;color:#fff}.gato-text{position:absolute;bottom:12%;width:80%;text-align:center;font-size:1.2rem;line-height:1.6;font-family:var(--font-narrative);color:#ffffffeb}.gato-subtext{display:block;margin-top:.5rem;font-size:.9rem;opacity:.6}.fade-in{animation:fadeIn 2.5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#story-container{position:relative;overflow-y:auto;scroll-snap-type:y proximity;scroll-behavior:smooth;height:100vh;max-height:100vh;-webkit-overflow-scrolling:touch;z-index:5}.snap-section{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100vh;min-height:100vh;display:flex;flex-direction:column;scroll-behavior:smooth;justify-content:center;align-items:center;transition:opacity .8s ease-out;background:radial-gradient(ellipse 80% 70% at 50% 50%,transparent 30%,rgba(0,0,0,.28) 100%)}.snap-section--title{background:radial-gradient(ellipse 65% 55% at 50% 50%,transparent 20%,rgba(0,0,0,.45) 100%)}.chapter-bars{display:flex;gap:10px;align-items:flex-end;justify-content:center;margin-bottom:2rem}.chapter-bar{background:linear-gradient(to bottom,color-mix(in srgb,var(--bar-color, rgba(255,255,255,.7)) 85%,transparent),color-mix(in srgb,var(--bar-color, rgba(255,255,255,.7)) 55%,transparent));border:1px solid rgba(255,255,255,.22);border-radius:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;animation:chapterBarIn .5s ease forwards;animation-delay:calc(var(--bar-i, 0) * .1s)}.chapter-bar--vertical{width:13px;height:60px;rotate:10deg}.chapter-bar--horizontal{width:60px;height:13px}@keyframes chapterBarIn{0%{opacity:0;transform:translateY(8px)}to{opacity:.88;transform:translateY(0)}}#story-container{-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior:contain}#story-container::-webkit-scrollbar{width:0;height:0}.snap-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;display:flex;flex-direction:column;justify-content:center;scroll-behavior:smooth;align-items:center}@supports (height: 100svh){.snap-section{min-height:100svh}}@supports (height: 100dvh){#story-container{height:100dvh;max-height:100dvh}.snap-section{min-height:100dvh}}.snap-section:last-child{padding-bottom:max(6vh,env(safe-area-inset-bottom,0px) + 56px)}.snap-section>*{-webkit-transform:translateZ(0);transform:translateZ(0)}@supports (-webkit-touch-callout: none){#story-container{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 6%,black 94%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black 6%,black 94%,transparent 100%);-webkit-overflow-scrolling:touch}}.camera-move-overlay{position:fixed;inset:0;z-index:125;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:#06040ceb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);cursor:default;animation:cameraMoveIn .6s ease forwards;padding:2rem}@keyframes cameraMoveIn{0%{opacity:0}to{opacity:1}}.camera-move-text{max-width:clamp(260px,76vw,560px);text-align:center;display:flex;flex-direction:column;gap:1rem}.camera-move-text p{font-family:var(--font-narrative);font-style:italic;font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.7;color:#fff8ebeb;margin:0}.camera-move-hint{font-family:var(--font-body);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;margin:0}.decision-bridge-overlay{position:fixed;inset:0;z-index:126;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:#080412f2;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);cursor:default;animation:cameraMoveIn .7s ease forwards;padding:2rem}.decision-bridge-text{max-width:clamp(260px,76vw,480px);text-align:center}.decision-bridge-text p{font-family:var(--font-narrative);font-style:italic;font-size:clamp(1.3rem,4vw,1.7rem);line-height:1.6;color:#fff8ebf2;margin:0;letter-spacing:.01em}.decision-bridge-hint{font-family:var(--font-body);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff40;margin:0}.emotional-bg,.emotion-layer,#main-container{opacity:1;transition:opacity 1s ease-in-out}.emotional-bg.fade-out,.emotion-layer.fade-out,#main-container.fade-out{opacity:0;pointer-events:none}.app-wrapper.access-locked>:not(.access-gate){opacity:0;pointer-events:none}@keyframes gatoQuestionReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.gato-inline-question{background:radial-gradient(ellipse 70% 60% at 50% 48%,#6e50dc12,#00000038);position:relative}.gato-inline-question:before{content:"";display:block;width:2px;height:2.4rem;background:#c8a5ffb3;margin:0 auto 2rem;animation:gatoCursor 1.8s ease-in-out infinite}@keyframes gatoCursor{0%,45%{opacity:1}55%,95%{opacity:0}to{opacity:1}}.gato-inline-question-text{max-width:clamp(280px,88vw,640px);font-family:var(--font-narrative);font-style:italic;font-size:clamp(1.4rem,5.8vw,1.75rem);color:#d2b9ffeb;text-align:center;line-height:1.65;letter-spacing:.01em;text-shadow:0 2px 8px rgba(20,0,40,.45),0 0 18px rgba(220,180,255,.72),0 0 52px rgba(160,120,255,.32);animation:gatoQuestionReveal 1.2s ease forwards;margin-bottom:2.5rem}.gato-loading-dots{display:flex;gap:.45rem;justify-content:center;align-items:center;padding:1.2rem 0}.gato-loading-dots span{width:7px;height:7px;border-radius:50%;background:#bea0ff8c;animation:dotPulse 1.4s ease-in-out infinite}.gato-loading-dots span:nth-child(2){animation-delay:.22s}.gato-loading-dots span:nth-child(3){animation-delay:.44s}@keyframes dotPulse{0%,80%,to{opacity:.18;transform:scale(.75)}40%{opacity:1;transform:scale(1)}}.gato-inline-cta{background:#825adc1f;border-color:#b48cff47;color:#d2b9ffe0}.gato-inline-cta:hover:not(:disabled){background:#825adc38;border-color:#b48cff80}.gato-inline-form{width:100%;max-width:clamp(260px,72vw,560px);display:flex;flex-direction:column;gap:1.2rem;animation:gatoQuestionReveal .6s ease forwards}.gato-inline-form textarea{width:100%;min-height:100px;resize:none;background:#12101e99;border:1px solid rgba(160,130,255,.25);border-radius:14px;padding:.9rem 1.1rem;color:#f0eaff;font-family:var(--font-body);font-size:clamp(.95rem,2.2vw,1.05rem);line-height:1.6;box-sizing:border-box;transition:border .3s ease,box-shadow .3s ease}.gato-inline-form textarea:focus{border-color:#c6b4ffb3;box-shadow:0 0 18px #8064ff4d;outline:none}.emotional-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#06060e;z-index:-5;opacity:.5;transition:opacity 1.4s ease;contain:layout paint style;--motion-scale: 1;--overlay-opacity-scale: 1}.emotional-bg--subtle{opacity:.42}.emotional-bg.performance-cinematic{--motion-scale: 1;--overlay-opacity-scale: 1}.emotional-bg.performance-balanced{--motion-scale: 1.55;--overlay-opacity-scale: .82}.emotional-bg.performance-calm{--motion-scale: 3.25;--overlay-opacity-scale: .58}.emotion-layer{position:absolute;inset:0;opacity:0;transform:scale(1.035);filter:brightness(.9) blur(6px);transition:opacity 1.2s ease,filter 1.4s ease,transform 1.6s ease;will-change:opacity,filter,transform}.emotion-layer:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 50% 50%,#ffffff06,#0000 70%);opacity:.42;mix-blend-mode:soft-light}.emotion-layer.status--active{opacity:1;transform:scale(1);filter:brightness(var(--layer-brightness, 1.02)) blur(0px)}.emotion-layer.status--exiting{opacity:0;transform:scale(1.01);filter:brightness(.82) blur(8px)}.emotion-gradient,.emotion-image,.emotion-overlay{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none}.emotion-gradient{animation:gradient-breathe calc(30s * var(--motion-scale)) ease-in-out infinite alternate;transform-origin:center}.emotion-image{opacity:var(--image-opacity, .78);transition:opacity 1.2s ease,filter 1.4s ease;animation:image-drift calc(48s * var(--motion-scale)) ease-in-out infinite alternate;filter:var(--texture-filter, none)}.emotion-overlay{opacity:calc(.28 * var(--overlay-opacity-scale));animation:overlay-wave calc(40s * var(--motion-scale)) ease-in-out infinite alternate}.overlay-mist{background-image:radial-gradient(circle at 30% 20%,rgba(188,210,255,.35),rgba(70,96,142,.12) 45%,transparent 80%);mix-blend-mode:soft-light}.overlay-throb{background-image:radial-gradient(circle at 50% 50%,rgba(255,110,90,.4),rgba(146,28,12,.24) 55%,transparent 90%);mix-blend-mode:overlay}.overlay-shimmer{background-image:radial-gradient(circle at 50% 40%,rgba(200,170,255,.35),rgba(60,30,120,.18) 50%,transparent 85%);mix-blend-mode:overlay}.overlay-flare{background-image:radial-gradient(circle at 48% 52%,rgba(255,150,90,.36),rgba(140,12,12,.22) 50%,transparent 85%);mix-blend-mode:overlay}.overlay-swirl{background-image:radial-gradient(circle at 60% 40%,rgba(210,210,235,.32),rgba(90,90,130,.18) 55%,transparent 85%);mix-blend-mode:soft-light}.overlay-gleam{background-image:radial-gradient(circle at 45% 60%,rgba(255,235,160,.34),rgba(130,200,130,.16) 55%,transparent 88%);mix-blend-mode:soft-light}.overlay-balance{background-image:radial-gradient(circle at 50% 50%,rgba(240,210,140,.28),rgba(120,90,150,.16) 50%,transparent 85%);mix-blend-mode:soft-light}.rhythm-triste .emotion-gradient{animation-duration:calc(44s * var(--motion-scale))}.rhythm-triste .emotion-image{animation:drift-slow calc(34s * var(--motion-scale)) ease-in-out infinite alternate}.rhythm-triste .emotion-overlay{animation:mist-wave calc(38s * var(--motion-scale)) ease-in-out infinite alternate;opacity:calc(.32 * var(--overlay-opacity-scale))}.rhythm-frustrada .emotion-gradient{animation:gradient-breathe calc(22s * var(--motion-scale)) cubic-bezier(.6,.08,.4,.92) infinite alternate}.rhythm-frustrada .emotion-image{animation:pulse-tense calc(9s * var(--motion-scale)) cubic-bezier(.66,0,.34,1) infinite}.rhythm-frustrada .emotion-overlay{animation:throb-glow calc(6.8s * var(--motion-scale)) cubic-bezier(.55,.04,.45,.92) infinite;opacity:calc(.3 * var(--overlay-opacity-scale))}.rhythm-ansiosa .emotion-gradient{animation:gradient-breathe calc(26s * var(--motion-scale)) ease-in-out infinite alternate}.rhythm-ansiosa .emotion-image{animation:shimmer-vibrate calc(7.4s * var(--motion-scale)) ease-in-out infinite}.rhythm-ansiosa .emotion-overlay{animation:shimmer-spark calc(5.2s * var(--motion-scale)) ease-in-out infinite;opacity:calc(.26 * var(--overlay-opacity-scale))}.rhythm-irritada .emotion-gradient{animation:gradient-breathe calc(20s * var(--motion-scale)) cubic-bezier(.65,0,.35,1) infinite alternate}.rhythm-irritada .emotion-image{animation:flare-pulse calc(6.5s * var(--motion-scale)) cubic-bezier(.7,.05,.3,.95) infinite}.rhythm-irritada .emotion-overlay{animation:flare-surge calc(4.8s * var(--motion-scale)) cubic-bezier(.7,.05,.3,.95) infinite;opacity:calc(.34 * var(--overlay-opacity-scale))}.rhythm-confundida .emotion-gradient{animation:gradient-breathe calc(36s * var(--motion-scale)) ease-in-out infinite alternate}.rhythm-confundida .emotion-image{animation:swirl-wander calc(28s * var(--motion-scale)) ease-in-out infinite alternate}.rhythm-confundida .emotion-overlay{animation:swirl-mist calc(24s * var(--motion-scale)) ease-in-out infinite alternate;opacity:calc(.3 * var(--overlay-opacity-scale))}.rhythm-esperanzada .emotion-gradient{animation:gradient-breathe calc(28s * var(--motion-scale)) ease-in-out infinite alternate}.rhythm-esperanzada .emotion-image{animation:rise-glow calc(18s * var(--motion-scale)) ease-in-out infinite alternate}.rhythm-esperanzada .emotion-overlay{animation:gleam-rise calc(16s * var(--motion-scale)) ease-in-out infinite alternate;opacity:calc(.3 * var(--overlay-opacity-scale))}.rhythm-neutral .emotion-gradient{animation:gradient-breathe calc(32s * var(--motion-scale)) ease-in-out infinite alternate}.rhythm-neutral .emotion-image{animation:steady-flow calc(40s * var(--motion-scale)) ease-in-out infinite alternate}.rhythm-neutral .emotion-overlay{animation:balance-breathe calc(34s * var(--motion-scale)) ease-in-out infinite alternate;opacity:calc(.26 * var(--overlay-opacity-scale))}.emotional-bg.performance-calm .emotion-layer{filter:brightness(.96) blur(2px)}@keyframes gradient-breathe{0%{transform:translate3d(-1%,-1%,0) scale(1.02)}50%{transform:translate3d(1.5%,1.5%,0) scale(1.05)}to{transform:translate3d(-1%,.7%,0) scale(1.02)}}@keyframes image-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.03)}50%{transform:translate3d(1.5%,1%,0) scale(1.05)}to{transform:translate3d(-1%,.5%,0) scale(1.03)}}@keyframes overlay-wave{0%{transform:translate3d(-2%,-1%,0) scale(1.05)}50%{transform:translate3d(1.5%,1%,0) scale(1.07)}to{transform:translate3d(-1%,-.5%,0) scale(1.05)}}@keyframes drift-slow{0%{transform:translate3d(-1.2%,-1%,0) scale(1.02)}50%{transform:translate3d(.8%,1.2%,0) scale(1.04)}to{transform:translate3d(-.6%,.6%,0) scale(1.02)}}@keyframes mist-wave{0%{opacity:.28;transform:translate3d(-3%,-2%,0) scale(1.05)}50%{opacity:.36;transform:translate3d(2%,2%,0) scale(1.07)}to{opacity:.3;transform:translate3d(-2%,1%,0) scale(1.05)}}@keyframes pulse-tense{0%{transform:scale(1.01)}35%{transform:scale(1.035) translate3d(.4%,-.4%,0)}70%{transform:scale(1.02) translate3d(-.6%,.4%,0)}to{transform:scale(1.01)}}@keyframes throb-glow{0%{opacity:.22;transform:scale(1.02)}50%{opacity:.4;transform:scale(1.08)}to{opacity:.22;transform:scale(1.02)}}@keyframes shimmer-vibrate{0%{transform:translateZ(0) scale(1.01)}25%{transform:translate3d(.6%,-.4%,0) scale(1.015)}50%{transform:translate3d(-.5%,.3%,0) scale(1.018)}75%{transform:translate3d(.4%,.2%,0) scale(1.012)}to{transform:translateZ(0) scale(1.01)}}@keyframes shimmer-spark{0%{opacity:.2;transform:scale(1.02)}50%{opacity:.32;transform:scale(1.06)}to{opacity:.2;transform:scale(1.02)}}@keyframes flare-pulse{0%{transform:scale(1.015)}30%{transform:scale(1.05) translate3d(.8%,-.6%,0)}60%{transform:scale(1.03) translate3d(-.6%,.5%,0)}to{transform:scale(1.015)}}@keyframes flare-surge{0%{opacity:.24;transform:scale(1.03)}45%{opacity:.38;transform:scale(1.08)}to{opacity:.24;transform:scale(1.03)}}@keyframes swirl-wander{0%{transform:translate3d(-1.4%,-1.1%,0) scale(1.025)}50%{transform:translate3d(1.2%,.9%,0) scale(1.04)}to{transform:translate3d(-.8%,.4%,0) scale(1.025)}}@keyframes swirl-mist{0%{opacity:.24;transform:translate3d(-2%,-1%,0) scale(1.05)}50%{opacity:.34;transform:translate3d(1.8%,1.2%,0) scale(1.07)}to{opacity:.26;transform:translate3d(-1.2%,.4%,0) scale(1.05)}}@keyframes rise-glow{0%{transform:translate3d(0,2%,0) scale(1.01)}50%{transform:translate3d(0,-2%,0) scale(1.04)}to{transform:translate3d(0,2%,0) scale(1.01)}}@keyframes gleam-rise{0%{opacity:.24;transform:translate3d(0,3%,0) scale(1.02)}50%{opacity:.36;transform:translate3d(0,-2%,0) scale(1.06)}to{opacity:.24;transform:translate3d(0,3%,0) scale(1.02)}}@keyframes steady-flow{0%{transform:translate3d(-.8%,-.8%,0) scale(1.02)}50%{transform:translate3d(.8%,.8%,0) scale(1.03)}to{transform:translate3d(-.4%,.4%,0) scale(1.02)}}@keyframes balance-breathe{0%{opacity:.22;transform:translate3d(-1.2%,-1.2%,0) scale(1.03)}50%{opacity:.3;transform:translate3d(1%,1%,0) scale(1.05)}to{opacity:.24;transform:translate3d(-.6%,.6%,0) scale(1.03)}}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.selector-container{position:relative;z-index:2;transition:transform .9s cubic-bezier(.6,.01,.3,1),opacity .9s ease}.selector-container.fade-up{transform:translateY(-100vh);opacity:0}.three-canvas{transition:transform .9s ease,opacity .9s ease;transform-origin:center}.three-canvas.fade-out{transform:scale(.75);opacity:0}#background-base{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#fff3,#0009);z-index:-3;transition:opacity .8s ease-in-out}.three-canvas{transition:transform .8s ease,opacity .8s ease;transform-origin:center}.selector-container{position:relative;z-index:2;transition:transform .8s ease,opacity .8s ease}.character-background-container{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.character-background{opacity:0;will-change:opacity,transform,filter;transition:opacity 1s ease-in-out,transform 3s ease,filter 2s ease}.character-background.visible{opacity:1;transform:scale(1)}.character-background.hidden{opacity:0;transform:scale(1.05)}#character-background,#character-overlay{opacity:1;transition:opacity .8s ease-in-out;pointer-events:auto}.fade-out{opacity:0;pointer-events:none}.app-header{position:fixed;top:max(env(safe-area-inset-bottom,0px),.9rem);right:max(env(safe-area-inset-right,0px),.9rem);z-index:200;pointer-events:none}.app-header-pill{display:flex;align-items:center;width:max-content;gap:0;background:#0a08148c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:0 .25rem;pointer-events:auto}.app-header-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;cursor:pointer;color:#ffffff8c;border-radius:999px;transition:color .2s ease,background .2s ease}.app-header-btn:hover,.app-header-btn:focus-visible{color:#ffffffe6;background:#ffffff14;outline:none}.app-header-divider{width:1px;height:16px;background:#ffffff1f;flex-shrink:0}