*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{background:#000;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.tract-main{width:100%;height:100vh;height:100dvh}.creation-scene{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#000;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0}.scene-video--initial{opacity:1}.scene-video::-webkit-media-controls,.scene-video::-webkit-media-controls-start-playback-button,.scene-video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}.tap-hint{position:absolute;left:50%;bottom:12%;transform:translate(-50%);padding:12px 24px;border:1px solid rgba(255,255,255,.6);border-radius:999px;color:#fff;font-size:18px;letter-spacing:.05em;background:#00000059;pointer-events:none;z-index:30;animation:tap-hint-pulse 2s ease-in-out infinite}@keyframes tap-hint-pulse{0%,to{opacity:.5}50%{opacity:1}}.loader{position:absolute;left:50%;bottom:8%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:30}.loader-track{width:160px;height:4px;overflow:hidden;border-radius:999px;background:#ffffff40}.loader-fill{height:100%;border-radius:999px;background:#fff;transition:width .25s linear}.loader-label{color:#fffc;font-size:13px;letter-spacing:.05em;text-shadow:0 1px 4px rgba(0,0,0,.8)}.rotate-tip{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));max-width:calc(100% - 130px);display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#ffffffe6;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.25;text-align:left;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;z-index:40;animation:rotate-tip-in .6s ease-out .4s both}.rotate-tip-icon{flex-shrink:0;animation:rotate-phone 2.6s ease-in-out 1s infinite}.rotate-tip-close{flex-shrink:0;padding-left:2px;color:#fff9;font-size:16px;line-height:1}@keyframes rotate-tip-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes rotate-phone{0%,20%{transform:rotate(0)}50%,75%{transform:rotate(-90deg)}to{transform:rotate(0)}}.story-tap-hint{position:absolute;left:50%;bottom:8%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;font-size:13px;letter-spacing:.05em;text-shadow:0 1px 4px rgba(0,0,0,.8);filter:drop-shadow(0 1px 4px rgba(0,0,0,.6));pointer-events:none;z-index:30;opacity:0;animation:story-tap-hint-in .8s ease-out 1.2s forwards}.story-tap-hint svg{animation:story-tap-press 1.6s ease-in-out 2s infinite}.story-tap-hint--immediate{animation-delay:.3s}.story-tap-hint--immediate svg{animation-delay:1s}@keyframes story-tap-hint-in{to{opacity:.85}}@keyframes story-tap-press{0%,60%,to{transform:scale(1)}30%{transform:scale(.85)}}.language-switcher{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;gap:6px;z-index:40}.language-button{padding:4px 10px;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#ffffffbf;font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:.05em;background:#00000059;cursor:pointer}.language-button--active{color:#000;border-color:#fff;background:#fff}.back-button,.mute-button{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;z-index:40;animation:back-button-in .6s ease-out;transition:transform .15s ease,background .2s ease}.back-button:active,.mute-button:active{transform:scale(.9);background:#ffffff40}.mute-button{left:auto;right:max(16px,env(safe-area-inset-right))}.mute-button--speech:before,.mute-button--all:before,.mute-button--all:after{content:"";position:absolute;inset:-6px;border:1.5px solid rgba(255,255,255,.7);border-radius:50%;pointer-events:none}.mute-button--all:after{inset:-12px}@keyframes back-button-in{0%{opacity:0}}.text-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));pointer-events:none;z-index:20}.scene-text{margin:0;width:min(80%,900px);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:clamp(28px,4vw,58px);line-height:1.2;text-align:center;opacity:0;text-shadow:0 2px 6px rgba(0,0,0,.8),0 4px 20px rgba(0,0,0,.7)}.scene-text--long{width:min(85%,820px);font-size:clamp(20px,2.6vw,34px);line-height:1.45;white-space:pre-line}.contact-panel{display:flex;flex-direction:column;align-items:center;gap:20px;pointer-events:auto;cursor:default}.contact-logo{width:140px;height:140px;object-fit:contain;border-radius:16px}.contact-title{margin:0;font-size:clamp(26px,3.4vw,44px)}.contact-button{padding:14px 28px;border-radius:999px;color:#fff;font-size:18px;font-weight:700;text-decoration:none;text-shadow:none;background:#25d366}.ending-panel{display:flex;flex-direction:column;align-items:center;gap:28px;pointer-events:auto;cursor:default}.ending-title{margin:0;font-size:clamp(26px,3.4vw,44px)}.ending-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.ending-button{min-width:150px;padding:14px 28px;border:1px solid rgba(255,255,255,.6);border-radius:999px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;background:transparent;cursor:pointer}.ending-button--primary{border-color:#fff;color:#000;background:#fff}.share{display:flex;flex-direction:column;align-items:center;gap:12px}.share-title{margin:0;color:#ffffffd9;font-size:17px;text-shadow:none}.share-options{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.share-option{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;background:#00000059;cursor:pointer;transition:transform .15s ease}.share-option:active{transform:scale(.9)}.share-option--whatsapp{border-color:transparent;background:#25d366}.share-option--instagram{border-color:transparent;background:linear-gradient(45deg,#f58529,#dd2a7b 50%,#8134af)}.share-option--facebook{border-color:transparent;background:#1877f2}.share-note{min-height:1.2em;margin:0;color:#ffffffb3;font-size:14px;text-shadow:none}.ending-note{margin:0;color:#fff9;font-size:15px;text-shadow:none}@media(pointer:coarse)and (orientation:landscape)and (max-height:500px){.scene-video{object-position:center 30%}.text-container:not(.text-container--full){padding-top:24dvh}.language-switcher{top:max(20px,env(safe-area-inset-top))}}@media(max-width:600px){.scene-video{top:22dvh;height:70dvh;object-fit:cover;object-position:center}.text-container{height:22dvh;align-items:center;justify-content:center;padding:20px}.scene-text{width:90%;font-size:clamp(22px,7vw,34px)}.text-container--full{height:100%}.scene-text--long{font-size:clamp(17px,4.8vw,22px)}}