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: "Roboto", serif;--font-display: "VoxRound", "Georgia", serif;--font-narrative: "Roboto", 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}.app-wrapper{position:relative;z-index:0;isolation:isolate;min-height:100vh;min-height:100dvh;background:#06060e}#main-container{--selector-page-x: clamp(.75rem, 5vw, 1.6rem);--selector-top-pad: max(env(safe-area-inset-top, 0px), clamp(1.25rem, 4dvh, 2rem));--selector-header-reserve: calc(94px + max(env(safe-area-inset-bottom, 0px), .65rem) + clamp(.8rem, 2.3dvh, 1.35rem)) ;display:grid;grid-template-rows:auto minmax(0,1fr);row-gap:clamp(1.25rem,4dvh,2.7rem);height:100vh;height:100dvh;text-align:center;justify-items:center;align-items:stretch;padding:var(--selector-top-pad) var(--selector-page-x) var(--selector-header-reserve);-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.selector-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.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;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;padding:clamp(1rem,4vw,2rem);background:linear-gradient(180deg,#07080bc7,#0c0a0de6),#07080be0;backdrop-filter:blur(18px) saturate(70%);-webkit-backdrop-filter:blur(18px) saturate(70%);z-index:9999;animation:accessOverlayIn .24s ease both}.access-modal-overlay:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent),radial-gradient(circle at 50% 12%,rgba(222,199,159,.08),transparent 38%)}.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{position:relative;width:min(590px,95vw);max-height:calc(100dvh - 2rem);overflow-y:auto;scrollbar-width:none;background:linear-gradient(145deg,rgba(255,255,255,.075),transparent 42%),#15161bf0;border:1px solid rgba(232,220,198,.2);border-radius:24px;padding:clamp(1.35rem,4vw,2.25rem);display:flex;flex-direction:column;gap:1.05rem;box-shadow:inset 0 1px #ffffff1f,0 36px 100px #00000085;backdrop-filter:blur(28px) saturate(110%);-webkit-backdrop-filter:blur(28px) saturate(110%);color:#fff;animation:accessModalIn .3s cubic-bezier(.2,.8,.2,1) both}.access-modal::-webkit-scrollbar{display:none}.access-modal--profile{border-color:#e8dcc642}.access-modal-close{position:absolute;top:.85rem;right:.85rem;display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0f;color:#ffffffbf;font:inherit;font-size:1.5rem;line-height:1;cursor:pointer}.access-modal-close:hover,.access-modal-close:focus-visible{background:#ffffff1f;color:#fff;outline:none}.access-header h2{margin:.25rem 0 .38rem;font-family:var(--font-display);font-size:clamp(1.45rem,5vw,1.8rem);color:#fffffff2}.access-header p{margin:0;color:#ffffff7a;font-size:.88rem;line-height:1.45}.access-kicker{display:block;color:#e5cfaa94;font-size:.62rem;letter-spacing:.22em}.access-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.35rem;padding:.3rem;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#ffffff09}.access-tab{border:1px solid transparent;border-radius:12px;padding:.58rem .8rem;background:transparent;color:#ffffff80;cursor:pointer;font:inherit;font-size:.82rem}.access-tab.is-active{border-color:#e8dcc629;background:#e8dcc61a;color:#ffffffe6;font-weight:600}.access-panel{display:flex;flex-direction:column;gap:1rem}.access-label{display:flex;flex-direction:column;gap:.35rem;color:#ffffff9e;font-size:.78rem;letter-spacing:.03em}.access-label input,.access-label select{background:#ffffff0b;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:.72rem .82rem;color:#fff;font:inherit;font-size:.94rem;outline:none}.access-label input:focus,.access-label select:focus{border-color:#e8dcc661;box-shadow:0 0 0 3px #e8dcc60f}.access-age-band{margin:0;padding:0;border:0}.access-age-band legend{margin-bottom:.48rem;color:#ffffff9e;font-size:.78rem;letter-spacing:.03em}.access-age-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem}.access-age-option{min-height:46px;padding:.55rem .45rem;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#ffffff0a;color:#ffffff80;font:inherit;font-size:.72rem;line-height:1.2;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.access-age-option:hover,.access-age-option:focus-visible{border-color:#e8dcc647;color:#fffc;outline:none}.access-age-option.is-active{border-color:#e8dcc65c;background:#e8dcc61c;color:#fffffff0;box-shadow:inset 0 1px #ffffff1a}.access-age-option:disabled{opacity:.5;cursor:wait}@media (max-width: 390px){.access-age-options{grid-template-columns:1fr}}.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:#e8dcc6e6;color:#131214f0}.access-panel button.secondary{border:1px solid rgba(255,255,255,.13);background:#ffffff0f;color:#ffffffc2}.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-session-card{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid rgba(232,220,198,.15);border-radius:18px;background:linear-gradient(110deg,rgba(232,220,198,.09),transparent),#ffffff09}.access-session-mark{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(232,220,198,.24);border-radius:50%;background:#e8dcc617;color:#f4e8d2db;font-family:var(--font-display);font-size:.92rem}.access-session-copy{min-width:0;text-align:left}.access-session-copy span{display:block;margin-bottom:.16rem;color:#fff6;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.access-session-copy strong{display:block;overflow:hidden;color:#ffffffeb;font-family:var(--font-display);font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.access-session-copy p{margin:.2rem 0 0;color:#ffffff7a;font-size:.76rem}.access-logout-btn{width:100%;margin-top:.2rem;padding:.72rem 1rem;border:1px solid rgba(255,142,153,.2);border-radius:14px;background:#ff68780e;color:#ffb8bfc2;font:inherit;font-size:.82rem;cursor:pointer}.access-logout-btn:hover,.access-logout-btn:focus-visible{border-color:#ff8e9961;background:#ff68781a;color:#ffd2d7f0;outline:none}.access-logout-btn:disabled{opacity:.5;cursor:wait}.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}@keyframes accessOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes accessModalIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.access-modal-overlay,.access-modal{animation:none}}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;text-shadow:0 2px 16px rgba(0,0,0,.75),0 0 40px rgba(0,0,0,.4)}#character-selection{justify-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;width:calc(100% - 2 * var(--selector-page-x));max-width:none;max-height:none;min-height:0;overflow:visible}#character-options{position:fixed;inset:0;overflow:hidden;clip-path:inset(0);width:var(--hashtag-w);height:var(--hashtag-h);z-index:1}#character-options-wrapper{position:relative;--character-options-top-pad: 0px;--hashtag-w: 100vw;--hashtag-h: 100dvh;--bar-cross: clamp(46px, 12.6vw, 62px);--h-overhang: clamp(46px, 13vw, 68px);--bar-gap: calc((var(--hashtag-w) - 2 * var(--h-overhang) - 3 * var(--bar-cross)) / 2);--bar-lean: calc(var(--h-overhang) * 1.7);width:var(--hashtag-w);padding-top:var(--character-options-top-pad);margin:0 auto;-webkit-box-reflect:none}.char-square{border:0;cursor:pointer;font:inherit;display:block;border-radius:var(--fiber-radius, 9px);background:linear-gradient(90deg,rgba(255,255,255,.24),transparent 17%,rgba(255,255,255,.16) 46%,transparent 79%),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,rgba(255,255,255,.024) 1px 3px,transparent 3px var(--fiber-thread-gap, 8px)),repeating-linear-gradient(0deg,rgba(0,0,0,.022) 0 1px,transparent 1px var(--fiber-cross-thread-gap, 13px)),color-mix(in srgb,var(--fiber-color, var(--bar-color, #a0a0ff)) 54%,rgba(255,255,255,.06));backdrop-filter:blur(7px) saturate(125%);-webkit-backdrop-filter:blur(7px) saturate(125%);opacity:var(--fiber-opacity, .78);transition:filter .5s ease,transform .5s ease,box-shadow .5s ease,background .5s ease;position:absolute;overflow:hidden;isolation:isolate;box-shadow:inset 10px 0 14px #ffffff29,inset -10px 0 16px #00000012,0 18px 44px #00000024}.char-square.char-vertical{width:calc(var(--fiber-cross, var(--bar-cross, 50px)) + var(--bar-lean, 97px) + 12px);height:var(--fiber-length, 136dvh);top:var(--fiber-top, -18dvh);z-index:2;clip-path:polygon(calc(var(--bar-lean, 97px) + var(--fiber-top-left-shift, 0px)) var(--fiber-top-left-y, 0%),calc(var(--bar-lean, 97px) + var(--fiber-cross, var(--bar-cross, 50px)) + var(--fiber-top-right-shift, 0px)) var(--fiber-top-right-y, 0%),calc(var(--fiber-cross, var(--bar-cross, 50px)) + var(--fiber-bottom-right-shift, 0px)) var(--fiber-bottom-right-y, 100%),var(--fiber-bottom-left-shift, 0px) var(--fiber-bottom-left-y, 100%));-webkit-mask-image:linear-gradient(90deg,transparent 0%,black var(--fiber-edge-mask-x, 7%),black calc(100% - var(--fiber-edge-mask-x, 7%)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black var(--fiber-edge-mask-x, 7%),black calc(100% - var(--fiber-edge-mask-x, 7%)),transparent 100%);animation:charFloat var(--float-duration, 4s) ease-in-out infinite}.char-v1{left:calc(var(--h-overhang) - var(--bar-lean) / 2 - 20px);--fiber-cross: calc(var(--bar-cross) + 3px);--fiber-length: 140dvh;--fiber-top: -20dvh;--fiber-opacity: .74;--fiber-thread-gap: 9px;--fiber-cross-thread-gap: 15px;--fiber-texture-shift: -6px;--fiber-top-left-shift: -3px;--fiber-top-right-shift: 2px;--fiber-bottom-right-shift: -4px;--fiber-bottom-left-shift: 2px;--fiber-edge-mask-x: 9%;--float-duration: 4.35s;--fiber-rise: -58px;--fiber-drift-x: -8px;animation-delay:-.4s}.char-v2{left:calc(var(--h-overhang) + var(--bar-cross) + var(--bar-gap) - var(--bar-lean) / 2 - 1px);--fiber-cross: calc(var(--bar-cross) - 2px);--fiber-length: 138dvh;--fiber-top: -19dvh;--fiber-opacity: .67;--fiber-thread-gap: 7px;--fiber-cross-thread-gap: 12px;--fiber-texture-shift: 4px;--fiber-top-left-shift: 1px;--fiber-top-right-shift: -2px;--fiber-bottom-right-shift: 3px;--fiber-bottom-left-shift: -2px;--fiber-edge-mask-x: 8%;--float-duration: 4.95s;--fiber-rise: -46px;--fiber-drift-x: 5px;animation-delay:-1.2s}.char-v3{left:calc(var(--h-overhang) + 2 * (var(--bar-cross) + var(--bar-gap)) - var(--bar-lean) / 2 + 20px);--fiber-cross: calc(var(--bar-cross) + 5px);--fiber-length: 142dvh;--fiber-top: -21dvh;--fiber-opacity: .72;--fiber-thread-gap: 10px;--fiber-cross-thread-gap: 14px;--fiber-texture-shift: 7px;--fiber-top-left-shift: -1px;--fiber-top-right-shift: 4px;--fiber-bottom-right-shift: -2px;--fiber-bottom-left-shift: 3px;--fiber-edge-mask-x: 10%;--float-duration: 5.45s;--fiber-rise: -64px;--fiber-drift-x: 9px;animation-delay:-.8s}.char-square.char-horizontal{height:var(--fiber-cross, var(--bar-cross, 50px));width:var(--fiber-length, 128vw);left:var(--fiber-left, -14vw);z-index:1;transform-origin:center center;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 22%,rgba(255,255,255,.1) 48%,transparent 76%),repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 1px,rgba(255,255,255,.025) 1px 3px,transparent 3px var(--fiber-thread-gap, 8px)),repeating-linear-gradient(90deg,rgba(0,0,0,.024) 0 1px,transparent 1px var(--fiber-cross-thread-gap, 15px)),color-mix(in srgb,var(--fiber-color, var(--bar-color, #a0a0ff)) 58%,rgba(255,255,255,.05));clip-path:polygon(calc(var(--fiber-cross, var(--bar-cross, 50px)) * var(--fiber-left-cut, .28)) var(--fiber-left-top-y, 0px),100% var(--fiber-right-drop, 0px),calc(100% - var(--fiber-cross, var(--bar-cross, 50px)) * var(--fiber-right-cut, .3)) calc(100% + var(--fiber-right-drop, 0px)),0% calc(100% - var(--fiber-left-lift, 0px)));-webkit-mask-image:linear-gradient(180deg,transparent 0%,black var(--fiber-edge-mask-y, 12%),black calc(100% - var(--fiber-edge-mask-y, 12%)),transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,black var(--fiber-edge-mask-y, 12%),black calc(100% - var(--fiber-edge-mask-y, 12%)),transparent 100%);animation:charFloatH var(--float-duration, 4s) ease-in-out infinite}.char-h1{top:calc(34% - var(--fiber-cross, var(--bar-cross, 50px)) / 2);--fiber-cross: calc(var(--bar-cross) - 3px);--fiber-length: 130vw;--fiber-left: -15vw;--fiber-opacity: .69;--fiber-angle: 1.9deg;--fiber-angle-peak: 2.12deg;--fiber-left-top-y: 1px;--fiber-right-drop: 12px;--fiber-left-lift: 1px;--fiber-left-cut: .34;--fiber-right-cut: .24;--fiber-thread-gap: 8px;--fiber-cross-thread-gap: 18px;--fiber-texture-shift: -3px;--fiber-edge-mask-y: 13%;--float-duration: 4.7s;--fiber-rise: -16px;--fiber-drift-x: 7px;animation-delay:-1.8s}.char-h2{top:calc(50.8% - var(--fiber-cross, var(--bar-cross, 50px)) / 2);--fiber-cross: calc(var(--bar-cross) + 1px);--fiber-length: 129vw;--fiber-left: -14.5vw;--fiber-opacity: .72;--fiber-angle: 1.42deg;--fiber-angle-peak: 1.22deg;--fiber-left-top-y: -1px;--fiber-right-drop: 9px;--fiber-left-lift: 2px;--fiber-left-cut: .22;--fiber-right-cut: .32;--fiber-thread-gap: 7px;--fiber-cross-thread-gap: 13px;--fiber-texture-shift: 4px;--fiber-edge-mask-y: 11%;--float-duration: 5.15s;--fiber-rise: -13px;--fiber-drift-x: -6px;animation-delay:-.7s}.char-h3{top:calc(70.6% - var(--fiber-cross, var(--bar-cross, 50px)) / 2);--fiber-cross: calc(var(--bar-cross) - 5px);--fiber-length: 131vw;--fiber-left: -15.5vw;--fiber-opacity: .7;--fiber-angle: 2.05deg;--fiber-angle-peak: 1.78deg;--fiber-left-top-y: 2px;--fiber-right-drop: 14px;--fiber-left-lift: 0px;--fiber-left-cut: .27;--fiber-right-cut: .27;--fiber-thread-gap: 9px;--fiber-cross-thread-gap: 16px;--fiber-texture-shift: 6px;--fiber-edge-mask-y: 14%;--float-duration: 4.85s;--fiber-rise: -18px;--fiber-drift-x: 5px;animation-delay:-2.1s}.char-square:before{content:"";position:absolute;inset:-7%;z-index:0;background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(255,255,255,.11) 5px 6px,transparent 6px 13px),radial-gradient(circle at 22% 18%,rgba(255,255,255,.16),transparent 17%),radial-gradient(circle at 74% 62%,rgba(0,0,0,.08),transparent 21%);mix-blend-mode:overlay;opacity:var(--fiber-thread-opacity, .38);pointer-events:none;transform:translate(var(--fiber-texture-shift, 0)) rotate(var(--fiber-thread-angle, -.35deg))}.char-square.char-horizontal:before{background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.12) 5px 6px,transparent 6px 12px),radial-gradient(circle at 18% 24%,rgba(255,255,255,.14),transparent 18%),radial-gradient(circle at 68% 60%,rgba(0,0,0,.07),transparent 22%);transform:translateY(var(--fiber-texture-shift, 0)) rotate(var(--fiber-thread-angle, .25deg))}.char-square:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.36),transparent 14%,transparent 82%,rgba(0,0,0,.08)),linear-gradient(180deg,rgba(255,255,255,.18),transparent 36%,rgba(0,0,0,.05));mix-blend-mode:screen;pointer-events:none}.char-square:focus-visible{outline:3px solid rgba(255,255,255,.85);outline-offset:2px}.character-options-reflection{position:absolute;top:calc(var(--character-options-top-pad) + var(--hashtag-h) + 10px);left:0;width:var(--hashtag-w);height:min(calc(var(--hashtag-h) * .9),42vh);overflow:hidden;pointer-events:none;z-index:0;opacity:.72;filter:blur(1.5px) saturate(88%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 34%,rgba(0,0,0,.16) 62%,transparent 100%);mask-image:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 34%,rgba(0,0,0,.16) 62%,transparent 100%);transform:scaleY(-1);transform-origin:center center}.char-reflection-square{border:0;cursor:default;background:color-mix(in srgb,var(--bar-color, #a0a0ff) 48%,rgba(255,255,255,.08));backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;animation:none!important;transition:none}.char-reflection-square.char-vertical{opacity:.52}.char-reflection-square.char-horizontal{opacity:.18}.char-reflection-square:after{display:none}.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{gap:1rem}#character-options-wrapper{--bar-cross: clamp(50px, 8vw, 68px);--h-overhang: clamp(44px, 8vw, 72px)}}@media (min-width: 1200px){:root{--base-font-size: 18px}#main-container{--selector-page-x: 2rem;--selector-top-pad: max(env(safe-area-inset-top, 0px), 2rem);padding:var(--selector-top-pad) var(--selector-page-x) var(--selector-header-reserve)}#character-selection{max-width:900px}#character-options-wrapper{--bar-cross: 70px;--h-overhang: 80px}}@media (max-height: 500px) and (orientation: landscape){#main-container{--selector-top-pad: max(env(safe-area-inset-top, 0px), .6rem);--selector-header-reserve: calc(78px + max(env(safe-area-inset-bottom, 0px), .4rem)) ;row-gap:.5rem}#character-selection{gap:.4rem}#character-options-wrapper{--bar-cross: clamp(24px, 7dvh, 34px);--h-overhang: clamp(28px, 9dvh, 42px)}.character-options-reflection{display:none}.character-details{font-size:.85rem;margin-top:.3rem}.selector-copy-card,.character-hint{min-height:auto;padding:.6em 1.4em}}.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{justify-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 2 * var(--selector-page-x));height:auto;z-index:10;position:relative;padding:0}.selector-copy-card,.character-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.34em;animation:hintFadeIn .5s ease forwards;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;width:min(430px,calc(100vw - 3rem));max-width:100%;min-height:clamp(124px,19.8dvh,168px);padding:clamp(1rem,3.25dvh,1.55rem) clamp(1rem,5vw,1.7rem);margin:0;color:#fff}button.selector-copy-card{appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease}button.selector-copy-card:hover:enabled{opacity:.92;transform:translateY(-2px)}button.selector-copy-card:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:4px}button.selector-copy-card:disabled{cursor:progress;opacity:.68}.start-story-name{font-family:var(--font-display);font-size:clamp(1.45rem,6.6vw,1.78rem);font-weight:600;font-style:normal;color:#0a0614e0;text-shadow:none;letter-spacing:.01em}.start-story-cta{display:inline-flex;align-items:center;justify-content:center;min-width:min(230px,82%);max-width:100%;min-height:46px;margin-top:clamp(.65rem,1.8dvh,.9rem);padding:.68rem 1.35rem;border:1px solid rgba(255,255,255,.36);border-radius:999px;background:linear-gradient(135deg,#3a2953c4,#302237b8);box-shadow:inset 0 1px #ffffff2e,0 7px 18px #140c1c33;color:#fffffff0;font-family:var(--font-display);font-size:clamp(1rem,4.2vw,1.18rem);font-weight:600;letter-spacing:.015em;line-height:1.18;text-wrap:balance;opacity:0;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;animation:hintFadeIn .5s ease .25s forwards}.selector-copy-card.is-story-selected .start-story-cta{color:#fffffff0}button.selector-copy-card.is-story-selected:hover:enabled .start-story-cta,button.selector-copy-card.is-story-selected:focus-visible .start-story-cta{background:linear-gradient(135deg,#261b35eb,#3d2a43d6);box-shadow:inset 0 1px #ffffff3d,0 9px 24px #140c1c47;transform:translateY(-1px)}button.selector-copy-card.is-story-selected:active:enabled .start-story-cta{transform:translateY(1px) scale(.985)}.start-story-guidance{display:block;margin-top:clamp(.5rem,1.5dvh,.8rem);font-family:var(--font-display);font-size:clamp(1.15rem,4.8vw,1.38rem);font-weight:600;line-height:1.15;color:#0a0614b3;text-shadow:none}.start-story-guidance.is-prompted{transform-origin:center;animation:tapHintEmphasis .72s cubic-bezier(.22,.9,.3,1)}.selector-card-pointer{--tap-hint-travel: clamp(70px, 24vw, 112px);display:grid;place-items:center;width:clamp(42px,11vw,52px);height:clamp(42px,11vw,52px);margin-top:clamp(.35rem,1dvh,.6rem);color:#ffffffd6;filter:drop-shadow(0 3px 10px rgba(0,0,0,.24));animation:tapHintTraverse 5.4s ease-in-out infinite}.selector-card-pointer.is-prompted{transform-origin:center;animation:tapHintEmphasis .72s cubic-bezier(.22,.9,.3,1)}.selector-tap-icon{width:clamp(30px,8vw,38px);height:clamp(30px,8vw,38px);color:currentColor;transform:rotate(180deg)}.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)}}@keyframes tapHintTraverse{0%,to{transform:translate(calc(-1 * var(--tap-hint-travel))) translateY(0) scale(.96);opacity:.78}12%{transform:translate(calc(-1 * var(--tap-hint-travel))) translateY(5px) scale(1.06);opacity:1}33%{transform:translate(0) translateY(0) scale(.96);opacity:.78}45%{transform:translate(0) translateY(5px) scale(1.06);opacity:1}66%{transform:translate(var(--tap-hint-travel)) translateY(0) scale(.96);opacity:.78}78%{transform:translate(var(--tap-hint-travel)) translateY(5px) scale(1.06);opacity:1}}@keyframes tapHintEmphasis{0%,to{transform:scale(1)}42%{transform:scale(1.24)}70%{transform:scale(.94)}}#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(2.2rem,6.5vw,4.5rem);font-weight:600;color:#0a0614e0;text-decoration:none;margin:0;padding:0 1.5rem;text-align:left;max-width:clamp(280px,92vw,720px);line-height:1.2;letter-spacing:-.01em;text-shadow:none;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:left;opacity:.1;transform:scaleY(-1);filter:blur(3px);pointer-events:none}.narration-text{position:relative;max-width:clamp(280px,92vw,720px);margin:0 auto;font-size:clamp(1.55rem,5vw,2.6rem);line-height:1.8;color:#0a0614e0;text-align:left;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:none;font-weight:700}@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:1.5rem;font-size:.68rem;color:#0a061459;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;gap:.75rem;width:clamp(280px,94vw,640px);margin:0 auto}.dialogue-duo{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:100svh;width:clamp(280px,94vw,640px);margin:0 auto;padding:3rem 0;gap:1.2rem;position:relative}.bubble{position:relative;max-width:90%;padding:1rem 1.4rem;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:clamp(1.05rem,4vw,1.2rem);line-height:1.6;text-align:left;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,#6e5adc70,#ffffff1a);border-left:2px solid rgba(160,130,255,.5);border-radius:4px 20px 20px}.bubble-right{align-self:flex-end;background:linear-gradient(140deg,#ffc8645c,#ffffff1a);border-right:2px solid rgba(255,210,130,.52);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-narrative);color:#fff}.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}.acotacion-eyebrow{align-self:center;font-size:.75rem;font-style:italic;color:#ffffff61;letter-spacing:.08em;opacity:0;animation:storytellerFade .8s ease 1.2s forwards;pointer-events:none}.bubble-speaker{display:block;font-size:.92rem;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-narrative);font-weight:600;color:#0000008c;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:repeating-linear-gradient(transparent,transparent 27px,rgba(180,140,60,.1) 27px,rgba(180,140,60,.1) 28px),linear-gradient(160deg,#fff8d22e,#fff0b41a);backdrop-filter:blur(14px) saturate(110%);-webkit-backdrop-filter:blur(14px) saturate(110%);border-left:3px solid rgba(238,198,88,.55);border-radius:2px 12px 12px 2px;padding:1.6rem 1.8rem 1.6rem 2rem;max-width:clamp(280px,88vw,560px);width:100%;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff1f;opacity:0;transform:translateY(18px);animation:storytellerFade 1.4s ease .2s forwards}.text-message .bubble-speaker{display:block;font-size:.72rem;font-weight:600;font-style:normal;color:#a06e0acc;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.6rem;opacity:1}.text-message .narrative-aside{display:block;font-size:.8rem;color:#78500aa6;letter-spacing:.03em;font-style:italic;font-weight:400;text-transform:none;margin-bottom:.6rem}.text-message .bubble-text{color:#fffcebeb;font-family:var(--font-narrative);font-size:clamp(1.05rem,4vw,1.25rem);line-height:1.85;font-style:italic;text-shadow:0 1px 6px rgba(0,0,0,.25)}.pleca{width:clamp(40px,12vw,72px);height:2px;background:#0a061440;margin:1.2rem 1.5rem 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{--selector-page-x: clamp(.75rem, 4.8vw, 1.6rem);--selector-top-pad: max(env(safe-area-inset-top, 0px), clamp(1.15rem, 3.8dvh, 1.7rem));--selector-header-reserve: calc(92px + max(env(safe-area-inset-bottom, 0px), .65rem) + clamp(.65rem, 2.2dvh, 1.1rem)) ;row-gap:clamp(1.1rem,3.2dvh,2.1rem);padding:var(--selector-top-pad) var(--selector-page-x) var(--selector-header-reserve)}.felis-subtitle{font-size:min(clamp(.88rem,3.8vw,1.05rem),4vw);color:#ffffffd9}#character-options-wrapper{--bar-cross: clamp(50px, 14vw, 64px);--h-overhang: clamp(48px, 13vw, 70px)}.start-story-name,.hint-title{font-size:min(clamp(1.7rem,7.5vw,2.2rem),8vw)}.hint-desc{font-size:clamp(1.2rem,3.8vw,1.1rem);line-height:1.4}#boton-container{padding:0}.narration-text{font-size:clamp(1.55rem,5vw,2.6rem);padding:2.5rem 1.2rem 1.5rem;text-align:left}.char-square.char-vertical.is-selected{transform:translateY(-8px) scale(1.08)}.char-square.char-horizontal.is-selected{transform:translate(6px) rotate(var(--fiber-angle, 0deg)) scale(1.08)}}@keyframes charFloat{0%,to{transform:translateZ(0) skew(-.2deg)}42%{transform:translate3d(var(--fiber-drift-x, 0),var(--fiber-rise, -38px),0) skew(.35deg)}68%{transform:translate3d(0,calc(var(--fiber-rise, -38px) / 2),0) skew(-.15deg)}}@keyframes charFloatH{0%,to{transform:translateZ(0) rotate(var(--fiber-angle, 0deg)) skewY(.12deg)}46%{transform:translate3d(var(--fiber-drift-x, 0),var(--fiber-rise, -16px),0) rotate(var(--fiber-angle-peak, var(--fiber-angle, 0deg))) skewY(-.22deg)}72%{transform:translate3d(calc(0px - var(--fiber-drift-x, 0) / 2),calc(var(--fiber-rise, -16px) / 2),0) rotate(var(--fiber-angle, 0deg)) skewY(.12deg)}}@keyframes charSelectedFloat{0%,to{transform:translate3d(0,-10px,0) scale(1.06) skew(-.2deg)}44%{transform:translate3d(var(--fiber-drift-x, 0),calc(var(--fiber-rise, -38px) - 8px),0) scale(1.08) skew(.35deg)}70%{transform:translate3d(0,calc(var(--fiber-rise, -38px) / 2 - 8px),0) scale(1.07) skew(-.15deg)}}@keyframes charSelectedFloatH{0%,to{transform:translate3d(0,-8px,0) rotate(var(--fiber-angle, 0deg)) scale(1.06) skewY(.12deg)}46%{transform:translate3d(var(--fiber-drift-x, 0),calc(var(--fiber-rise, -16px) - 6px),0) rotate(var(--fiber-angle-peak, var(--fiber-angle, 0deg))) scale(1.08) skewY(-.22deg)}72%{transform:translate3d(calc(0px - var(--fiber-drift-x, 0) / 2),calc(var(--fiber-rise, -16px) / 2 - 6px),0) rotate(var(--fiber-angle, 0deg)) scale(1.07) skewY(.12deg)}}.char-square.char-vertical:hover{transform:translateY(-8px) scale(1.06);background:linear-gradient(90deg,rgba(255,255,255,.3),transparent 18%,rgba(255,255,255,.2) 47%,transparent 78%),repeating-linear-gradient(90deg,rgba(255,255,255,.17) 0 1px,rgba(255,255,255,.03) 1px 3px,transparent 3px 7px),color-mix(in srgb,var(--fiber-color, var(--bar-color, #a0a0ff)) 62%,rgba(255,255,255,.1));backdrop-filter:blur(10px) saturate(145%);-webkit-backdrop-filter:blur(10px) saturate(145%);opacity:.92;box-shadow:inset 0 2px #ffffff8c,0 24px 52px #00000047,0 0 32px #ffffff1f;animation-play-state:paused}.char-square.char-horizontal:hover{transform:translateY(-6px) rotate(var(--fiber-angle, 0deg)) scale(1.06);background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 22%,rgba(255,255,255,.16) 48%,transparent 76%),repeating-linear-gradient(0deg,rgba(255,255,255,.17) 0 1px,rgba(255,255,255,.03) 1px 3px,transparent 3px 7px),color-mix(in srgb,var(--fiber-color, var(--bar-color, #a0a0ff)) 64%,rgba(255,255,255,.08));backdrop-filter:blur(10px) saturate(145%);-webkit-backdrop-filter:blur(10px) saturate(145%);opacity:.9;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:translateY(-4px) rotate(var(--fiber-angle, 0deg)) scale(1.04);animation-play-state:paused}.char-square.char-vertical.is-selected{background:linear-gradient(90deg,rgba(255,255,255,.34),transparent 18%,rgba(255,255,255,.22) 47%,transparent 78%),repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,rgba(255,255,255,.035) 1px 3px,transparent 3px 7px),repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0 1px,transparent 1px 12px),color-mix(in srgb,var(--fiber-color, var(--bar-color, #a0a0ff)) 68%,rgba(255,255,255,.12));backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);opacity:.94;box-shadow:inset 0 2px #ffffffa6,0 0 36px color-mix(in srgb,var(--fiber-color, var(--bar-color)) 50%,transparent),0 20px 52px #0000004d;animation-name:charSelectedFloat}.char-square.char-horizontal.is-selected{background:linear-gradient(180deg,rgba(255,255,255,.32),transparent 22%,rgba(255,255,255,.18) 48%,transparent 76%),repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,rgba(255,255,255,.035) 1px 3px,transparent 3px 7px),repeating-linear-gradient(90deg,rgba(0,0,0,.025) 0 1px,transparent 1px 14px),color-mix(in srgb,var(--fiber-color, var(--bar-color, #a0a0ff)) 70%,rgba(255,255,255,.1));backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);opacity:.92;box-shadow:inset 0 2px #ffffffa6,0 0 36px color-mix(in srgb,var(--fiber-color, var(--bar-color)) 50%,transparent),0 20px 52px #0000004d;animation-name:charSelectedFloatH}@media (prefers-reduced-motion: reduce){.char-square,.char-square.is-selected{animation:none!important;transform:none!important}.selector-card-pointer,.selector-card-pointer.is-prompted,.start-story-guidance.is-prompted{animation:none!important}}.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-text{font-style:italic;font-family:var(--font-body);font-size:clamp(1rem,4.5vw,1.2rem);line-height:1.7;color:#ffd728f5;text-align:center;letter-spacing:.02em;max-width:clamp(260px,80vw,480px);text-shadow:0 1px 10px rgba(0,0,0,.8),0 0 28px rgba(0,0,0,.6);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:hidden;scroll-behavior:smooth;height:100vh;max-height:100vh;z-index:5}#story-container textarea,#story-container input{touch-action:auto}.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:none}#story-container:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:radial-gradient(ellipse 80% 70% at 50% 50%,transparent 30%,rgba(0,0,0,.32) 100%)}@supports (animation-timeline: view()){@keyframes snapSectionExit{0%{opacity:1}to{opacity:0}}.snap-section{animation:snapSectionExit linear both;animation-timeline:view();animation-range:exit 0% exit 50%}}.snap-section--title,.snap-section--route-title{background:none;align-items:flex-start}.route-title{position:relative;display:block;font-family:var(--font-display);font-size:clamp(2.2rem,6.5vw,4.5rem);font-weight:600;color:#0a0614e0;margin:0;padding:0 1.5rem;text-align:left;max-width:clamp(280px,92vw,720px);line-height:1.2;letter-spacing:-.01em;text-shadow:none;opacity:0;transform:translateY(20px);animation:storytellerFade 1.4s ease .1s forwards}.chapter-hash{position:relative;--hash-w: 80px;--hash-h: calc(var(--hash-w) * 1.2);--bar-cross: 9px;--h-overhang: 10px;--bar-lean: 7px;--bar-gap: calc((var(--hash-w) - 2 * var(--h-overhang) - 3 * var(--bar-cross)) / 2);width:var(--hash-w);height:var(--hash-h);margin-bottom:2rem;flex-shrink:0}.ch-bar{position:absolute;background:#ffffff24;transition:background .6s ease,box-shadow .6s ease;opacity:0;animation:chBarIn .5s ease forwards}.ch-bar--v{width:calc(var(--bar-cross) + var(--bar-lean));height:100%;top:0;clip-path:polygon(var(--bar-lean) 0%,calc(var(--bar-lean) + var(--bar-cross)) 0%,var(--bar-cross) 100%,0% 100%)}.ch-v1{left:calc(var(--h-overhang) - var(--bar-lean) / 2);animation-delay:0s}.ch-v2{left:calc(var(--h-overhang) + var(--bar-cross) + var(--bar-gap) - var(--bar-lean) / 2);animation-delay:.1s}.ch-v3{left:calc(var(--h-overhang) + 2 * (var(--bar-cross) + var(--bar-gap)) - var(--bar-lean) / 2);animation-delay:.2s}.ch-bar--h{height:var(--bar-cross);width:100%;left:0;clip-path:polygon(calc(var(--bar-cross) * .287) 0%,100% 0%,calc(100% - var(--bar-cross) * .287) 100%,0% 100%)}.ch-h1{top:calc(30% - var(--bar-cross) / 2);animation-delay:.15s}.ch-h2{top:calc(50% - var(--bar-cross) / 2);animation-delay:.25s}.ch-h3{top:calc(70% - var(--bar-cross) / 2);animation-delay:.35s}.ch-bar--active{background:var(--bar-color, rgba(255, 255, 255, .7));box-shadow:0 0 10px color-mix(in srgb,var(--bar-color, white) 55%,transparent)}@keyframes chBarIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;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;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-display);font-style:italic;font-size:clamp(1.3rem,6vw,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%,#1f1701a8,#000000d6);position:relative}.gato-inline-question:before{content:"";display:block;width:2px;height:2.4rem;background:#eec658bf;margin:0 auto 2rem;animation:gatoCursor 1.8s ease-in-out infinite;transition:opacity .3s ease}.gato-inline-question:focus-within:before{animation:none;opacity:0}@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:VoxRound,Georgia,serif;font-weight:600;font-size:clamp(1.4rem,5.8vw,1.75rem);color:#ffffffeb;text-align:center;line-height:1.65;letter-spacing:.01em;text-shadow:0 2px 8px rgba(60,30,0,.45),0 0 18px rgba(238,198,88,.52),0 0 52px rgba(200,150,30,.28);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:#eec6588c;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:#a0780026;border-color:#eec6584d;color:#eec658e6}.gato-inline-cta:hover:not(:disabled){background:#a0780047;border-color:#eec6588c}.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:#1e14008c;border:1px solid rgba(238,198,88,.22);border-radius:14px;padding:.9rem 1.1rem;color:#fffbe8;font-family:var(--font-body);font-size:16px;line-height:1.6;box-sizing:border-box;transition:border .3s ease,box-shadow .3s ease}.gato-inline-form textarea:focus{border-color:#eec658a6;box-shadow:0 0 18px #eec65838;outline:none}.story-progress{position:fixed;bottom:max(env(safe-area-inset-bottom,0px),.6rem);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.35rem;z-index:200;pointer-events:none}.story-progress-pips{display:flex;gap:.55rem;align-items:center}.story-pip{width:9px;height:9px;border-radius:50%;background:#ffffff2e;transition:background .6s ease,transform .4s ease,box-shadow .6s ease}.story-pip.is-done{background:var(--pip-color);box-shadow:0 0 7px var(--pip-color);transform:scale(1.2)}.story-pip.is-active{background:#ffffff8c;animation:pipPulse 1.8s ease-in-out infinite}@keyframes pipPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:1}}.story-progress-label{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff61}@media (min-height: 700px){#main-container{--selector-top-pad: max(env(safe-area-inset-top, 0px), clamp(1.4rem, 4.2dvh, 2.25rem));padding:var(--selector-top-pad) var(--selector-page-x) var(--selector-header-reserve)}}@media (min-height: 860px){#main-container{--selector-top-pad: max(env(safe-area-inset-top, 0px), clamp(1.6rem, 5dvh, 3rem));padding:var(--selector-top-pad) var(--selector-page-x) var(--selector-header-reserve)}}.emotional-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#06060e;z-index:-2;opacity:.5;transition:opacity 1.4s ease;contain:layout style;--motion-scale: 1;--overlay-opacity-scale: 1}.emotional-bg--subtle{opacity:.42}.emotional-bg--paused .emotion-layer .emotion-gradient,.emotional-bg--paused .emotion-layer .emotion-image,.emotional-bg--paused .emotion-layer .emotion-overlay,.emotional-bg--paused .emotion-layer .emotion-vertical-loop-track{animation-play-state:paused}.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-image--vertical-loop{overflow:hidden;background:none;animation:none!important;transform:translateZ(0);backface-visibility:hidden}.emotion-vertical-loop-tilt{position:absolute;top:-15%;left:-15%;width:130%;height:130%;overflow:visible;transform:rotate(1.5deg);transform-origin:center center;backface-visibility:hidden}.emotion-vertical-loop-track{display:flex;flex-direction:column;width:100%;will-change:transform;transform:translateZ(0);backface-visibility:hidden;animation:story-vertical-loop calc(52s * var(--motion-scale)) linear infinite}.emotion-vertical-loop-panel{display:block;flex:0 0 auto;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag: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 story-vertical-loop{0%{transform:translateZ(0)}to{transform:translate3d(0,-50%,0)}}@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)}}@media (prefers-reduced-motion: reduce){.emotion-vertical-loop-track{animation:none;transform:translateZ(0)}}#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}.felis-subtitle{font-size:clamp(.88rem,2.8vw,1.05rem);color:#ffffffd1;letter-spacing:.04em;margin:-.25rem 0 .25rem;font-style:italic;line-height:1.3;text-shadow:0 1px 10px rgba(0,0,0,.6)}.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%;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;left:50%;transform:translate(-50%);z-index:200;pointer-events:none;width:min(430px,calc(100vw - 3rem))}.app-header--progress{top:max(env(safe-area-inset-top,0px),.65rem)}.app-header--dashboard{bottom:max(env(safe-area-inset-bottom,0px),.8rem)}.app-dashboard-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;width:100%;height:clamp(72px,8.8dvh,78px);padding:.42rem clamp(.52rem,2vw,.78rem);pointer-events:auto;border:1.15px solid rgba(255,255,255,.19);border-radius:23px;background:radial-gradient(circle at 10% 35%,rgba(255,112,138,.22),transparent 32%),linear-gradient(180deg,#ffffff29,#ffffff14),#866f5e36;box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #ffffff0f,0 14px 38px #28121633;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);overflow:hidden}.dashboard-nav-item{appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;min-width:0;height:100%;border:0;border-radius:20px;background:transparent;color:#ffffff94;cursor:pointer;font:inherit;line-height:1;padding:0;position:relative;transition:color .22s ease,opacity .22s ease,transform .22s ease}.dashboard-nav-item:disabled{cursor:default}.dashboard-nav-item:not(:disabled):hover,.dashboard-nav-item:not(:disabled):focus-visible{color:#ffffffd6;outline:none}.dashboard-nav-item:focus-visible:before{content:"";position:absolute;inset:.18rem;border-radius:19px;border:1px solid rgba(255,255,255,.48)}.dashboard-nav-item.is-active{color:#fff;font-weight:700}.dashboard-nav-item.is-active:after{content:"";position:absolute;width:46px;height:46px;top:.1rem;left:50%;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,82,112,.82) 0%,rgba(255,104,128,.52) 40%,transparent 75%);filter:blur(5px);z-index:0}.dashboard-nav-icon,.dashboard-nav-label{position:relative;z-index:1}.dashboard-nav-icon{display:grid;place-items:center;width:27px;height:27px}.dashboard-nav-icon svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 8px rgba(255,255,255,.08))}.dashboard-nav-item.is-active .dashboard-nav-icon svg{filter:drop-shadow(0 0 8px rgba(255,86,111,.92)) drop-shadow(0 0 18px rgba(255,86,111,.62))}.dashboard-nav-item.is-active .dashboard-nav-icon svg path{fill:currentColor;fill-opacity:.9;stroke-width:1.55}.dashboard-nav-label{display:block;width:100%;font-size:clamp(.72rem,2.9vw,.82rem);letter-spacing:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.app-header-pill{display:flex;align-items:center;width:100%;gap:0;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:0 .3rem;pointer-events:auto}.app-header-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:none;cursor:pointer;color:#ffffff8c;border-radius:999px;flex-shrink:0;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}.app-header-progress{flex:1;display:flex;flex-direction:row;align-items:center;gap:.45rem;padding:0 .6rem;min-width:0}.app-header-time-label{font-size:.92rem;letter-spacing:.06em;color:#ffffff61;flex-shrink:0;line-height:1}.app-header-pips{flex:1;display:flex;justify-content:space-between;align-items:center}@media (max-width: 360px){.app-header{width:min(430px,calc(100vw - 1.5rem))}.app-dashboard-nav{border-radius:21px;padding-inline:.38rem}.dashboard-nav-icon{width:25px;height:25px}.dashboard-nav-label{font-size:.7rem}}@media (max-height: 500px) and (orientation: landscape){.app-header--dashboard{bottom:max(env(safe-area-inset-bottom,0px),.45rem)}.app-dashboard-nav{height:62px;border-radius:22px;padding-block:.34rem}.dashboard-nav-icon{width:24px;height:24px}.dashboard-nav-label{font-size:.68rem}}.story-library-layer{position:fixed;inset:0;z-index:180;pointer-events:none}.story-library-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:#150a1433;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto}.story-library-sheet{position:absolute;left:50%;bottom:calc(max(env(safe-area-inset-bottom,0px),.8rem) + clamp(72px,8.8dvh,78px) + .7rem);transform:translate(-50%);width:min(430px,calc(100vw - 3rem));max-height:min(70dvh,650px);display:flex;flex-direction:column;padding:1rem;border:1px solid rgba(255,255,255,.22);border-radius:25px;background:radial-gradient(circle at 14% 5%,rgba(255,146,164,.2),transparent 32%),linear-gradient(180deg,#ffffff2e,#ffffff14),#60484b52;box-shadow:inset 0 1px #ffffff4d,0 24px 64px #19081047;backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%);pointer-events:auto;overflow:hidden;animation:storyLibraryIn .28s cubic-bezier(.2,.8,.2,1) both}.story-library-heading{display:flex;align-items:center;justify-content:space-between;padding:.1rem .2rem .8rem .35rem;text-align:left}.story-library-eyebrow{display:block;margin-bottom:.18rem;color:#ffffff75;font-size:.61rem;letter-spacing:.28em}.story-library-heading h2{margin:0;color:#fffffff5;font-family:var(--font-display);font-size:1.45rem;line-height:1.1}.story-library-lead{margin:-.05rem .35rem .85rem;color:#ffffff9e;font-size:.8rem;line-height:1.45;text-align:left}.story-library-close{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#ffffff1a;color:#ffffffc7;cursor:pointer}.story-library-close svg{width:18px;height:18px}.story-library-list{display:flex;flex-direction:column;gap:.55rem;padding:.1rem .05rem .2rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.story-library-list::-webkit-scrollbar{display:none}.story-library-row{flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:19px;background:linear-gradient(110deg,#ffffff26,#ffffff0e),color-mix(in srgb,var(--chapter-color, #ffffff) 10%,rgba(65,45,52,.3));box-shadow:inset 0 1px #ffffff2e;transition:border-color .18s ease,background .18s ease}.story-library-row.is-expanded,.story-library-row.is-selected{border-color:color-mix(in srgb,var(--chapter-color, white) 52%,rgba(255,255,255,.35))}.story-library-summary{width:100%;min-height:72px;display:grid;grid-template-columns:54px minmax(0,1fr) 28px;align-items:center;gap:.8rem;padding:.52rem .72rem .52rem .55rem;border:0;background:transparent;color:#fff;cursor:pointer;text-align:left}.story-library-avatar{width:54px;height:54px;display:block;border:1px solid rgba(255,255,255,.3);border-radius:50%;object-fit:cover;object-position:center;box-shadow:0 6px 18px #14080e3d}.story-library-copy{min-width:0;display:flex;flex-direction:column;gap:.18rem}.story-library-number{color:#ffffff7a;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase}.story-library-name{color:#ffffffed;font-family:var(--font-display);font-size:clamp(.9rem,3.7vw,1.03rem);line-height:1.17}.story-library-chevron{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff14;color:#ffffffa8;transition:transform .18s ease,background .18s ease}.story-library-chevron svg{width:20px;height:20px}.story-library-row.is-expanded .story-library-chevron{transform:rotate(180deg);background:#ffffff26}.story-library-detail{padding:0 .85rem .85rem 4.85rem;text-align:left}.story-library-detail p{margin:0;color:#ffffffad;font-size:.82rem;font-style:italic;line-height:1.42}.story-library-close:focus-visible,.story-library-summary:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}@keyframes storyLibraryIn{0%{opacity:0;transform:translate(-50%,18px) scale(.985)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (max-width: 360px){.story-library-sheet{width:calc(100vw - 1.5rem);padding:.8rem}.story-library-summary{grid-template-columns:48px minmax(0,1fr) 26px;gap:.65rem}.story-library-avatar{width:48px;height:48px}.story-library-detail{padding-left:4.25rem}}@media (prefers-reduced-motion: reduce){.story-library-sheet,.story-library-chevron{animation:none;transition:none}}.favorites-layer{position:fixed;inset:0;z-index:180;pointer-events:none}.favorites-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:#18081438;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto}.favorites-sheet{position:absolute;left:50%;bottom:calc(max(env(safe-area-inset-bottom,0px),.8rem) + clamp(72px,8.8dvh,78px) + .7rem);transform:translate(-50%);width:min(430px,calc(100vw - 3rem));max-height:min(72dvh,680px);display:flex;flex-direction:column;padding:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:25px;background:radial-gradient(circle at 50% 12%,rgba(255,110,144,.2),transparent 35%),linear-gradient(180deg,#ffffff2e,#ffffff13),#5c3c4857;box-shadow:inset 0 1px #ffffff4d,0 24px 64px #1908104d;backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%);pointer-events:auto;animation:favoritesIn .28s cubic-bezier(.2,.8,.2,1) both}.favorites-heading{display:flex;align-items:center;justify-content:space-between;padding:.1rem .2rem .55rem .35rem;text-align:left}.favorites-eyebrow{display:block;margin-bottom:.18rem;color:#ffffff75;font-size:.61rem;letter-spacing:.2em}.favorites-heading h2{margin:0;color:#fffffff5;font-family:var(--font-display);font-size:1.45rem;line-height:1.1}.favorites-close{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#ffffff1a;color:#ffffffc7;cursor:pointer}.favorites-close svg{width:18px;height:18px}.favorites-lead{margin:0 .35rem .55rem;color:#ffffffa3;font-size:.8rem;line-height:1.43;text-align:left}.favorites-heart-field{position:relative;flex:0 0 auto;width:112px;height:88px;margin:0 auto .62rem}.favorites-heart-outline{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff57;filter:drop-shadow(0 8px 22px rgba(255,92,132,.18))}.favorites-heart-outline svg{width:102px;height:102px;stroke-width:.8}.favorites-heart-seed{position:absolute;display:grid;place-items:center;color:var(--favorite-color, #ff849d);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--favorite-color, #ff849d) 65%,transparent))}.favorites-heart-seed svg{width:20px;height:20px}.favorites-heart-seed--1{top:29px;left:31px;transform:rotate(-8deg)}.favorites-heart-seed--2{top:40px;left:51px;transform:scale(1.14)}.favorites-heart-seed--3{top:27px;left:71px;transform:rotate(9deg) scale(.9)}.favorites-list{display:flex;flex-direction:column;gap:.55rem;min-height:0;padding:.1rem .05rem .2rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.favorites-list::-webkit-scrollbar{display:none}.favorites-row{flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:19px;background:linear-gradient(110deg,#ffffff26,#ffffff0e),color-mix(in srgb,var(--favorite-color, #ffffff) 9%,rgba(65,42,52,.32));box-shadow:inset 0 1px #ffffff2e;transition:border-color .18s ease}.favorites-row.is-expanded{border-color:color-mix(in srgb,var(--favorite-color, white) 52%,rgba(255,255,255,.35))}.favorites-summary{width:100%;min-height:70px;display:grid;grid-template-columns:52px minmax(0,1fr) 22px 26px;align-items:center;gap:.65rem;padding:.5rem .66rem .5rem .53rem;border:0;background:transparent;color:#fff;cursor:pointer;text-align:left}.favorites-avatar{width:52px;height:52px;display:block;border:1px solid rgba(255,255,255,.3);border-radius:50%;object-fit:cover;object-position:center;box-shadow:0 6px 18px #14080e3d}.favorites-copy{min-width:0;display:flex;flex-direction:column;gap:.18rem}.favorites-label{color:#ffffff75;font-size:.59rem;letter-spacing:.12em;text-transform:uppercase}.favorites-name{color:#ffffffed;font-family:var(--font-display);font-size:clamp(.88rem,3.65vw,1rem);line-height:1.16}.favorites-row-heart{display:grid;place-items:center;color:var(--favorite-color, #ff849d);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--favorite-color, #ff849d) 55%,transparent))}.favorites-row-heart svg{width:18px;height:18px}.favorites-chevron{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff14;color:#ffffffa8;transition:transform .18s ease,background .18s ease}.favorites-chevron svg{width:19px;height:19px}.favorites-row.is-expanded .favorites-chevron{transform:rotate(180deg);background:#ffffff26}.favorites-detail{padding:0 .85rem .85rem 4.7rem;text-align:left}.favorites-detail p{margin:0;color:#ffffffad;font-size:.81rem;font-style:italic;line-height:1.42}.favorites-close:focus-visible,.favorites-summary:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}@keyframes favoritesIn{0%{opacity:0;transform:translate(-50%,18px) scale(.985)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (max-width: 360px){.favorites-sheet{width:calc(100vw - 1.5rem);padding:.8rem}.favorites-summary{grid-template-columns:46px minmax(0,1fr) 20px 25px;gap:.54rem}.favorites-avatar{width:46px;height:46px}.favorites-detail{padding-left:4.05rem}}@media (prefers-reduced-motion: reduce){.favorites-sheet,.favorites-chevron{animation:none;transition:none}}