:root{--bg: #f3f0ea;--text: #16141c;--muted: rgba(22, 20, 28, .48);--chip: rgba(255, 252, 247, .78);--chip-line: rgba(22, 20, 28, .12);--line: rgba(22, 20, 28, .1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;color:var(--text);font-family:Outfit,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:var(--bg)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene.is-dragging{cursor:grabbing}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 58%,rgba(210,200,188,.28) 100%);z-index:2}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#f3f0ea;transition:opacity .7s ease,visibility .7s ease}#loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{display:grid;justify-items:center;gap:18px}.loader-mark{width:92px;height:92px;object-fit:contain;border-radius:0;animation:favicon-in .8s ease both}.loader-bar{width:128px;height:2px;background:#16141c1a;border-radius:99px;overflow:hidden}.loader-bar span{display:block;height:100%;width:40%;background:#16141c;animation:load 1.1s ease-in-out infinite}#loader p{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}#loader.is-done .loader-inner{animation:favicon-out .65s ease forwards}.topbar,.bottom-ui,.hint{opacity:0;pointer-events:none}body.is-ready .topbar{pointer-events:auto;animation:rise .8s .28s ease forwards}body.is-ready .bottom-ui{pointer-events:auto;animation:rise .8s .5s ease forwards}body.is-ready .hint{animation:hint-in .7s .95s ease forwards}.topbar{position:fixed;top:max(18px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border:1px solid var(--line);background:#fffcf7b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:999px}.topbar img{width:28px;height:28px;border-radius:0;object-fit:contain}.topbar strong{font-size:13px;font-weight:600;letter-spacing:.01em}.bottom-ui{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(92vw,680px)}.hint{position:absolute;left:50%;bottom:calc(100% + 44px);z-index:6;display:flex;flex-direction:column;align-items:center;gap:2px;color:#2a2723;pointer-events:none;transform:translate(-50%)}.hint span{font-family:Caveat,cursive;font-size:28px;font-weight:600;line-height:1;transform:rotate(-4deg)}.hint-arrow{width:26px;height:38px;color:#6f6b66}.hint.is-hidden{opacity:0!important;visibility:hidden;animation:none!important}.dock{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.action{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;color:var(--text);text-decoration:none;font-size:12px;font-weight:500;background:var(--chip);border:1px solid var(--chip-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.action svg{width:16px;height:16px;flex-shrink:0;opacity:.9}.action:hover,.action:focus-visible{transform:translateY(-2px);background:#16141c;color:#f3f0ea;border-color:#16141c}@keyframes load{0%{transform:translate(-120%)}to{transform:translate(340%)}}@keyframes favicon-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes favicon-out{to{opacity:0;transform:scale(.88) translateY(8px)}}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:640px){.action{flex:1 1 calc(50% - 8px);justify-content:center;padding:11px 12px}.action[data-link=whatsapp]{flex:1 1 100%}.hint span{font-size:26px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}#loader.is-done,body.is-ready .topbar,body.is-ready .bottom-ui,body.is-ready .hint{opacity:1;visibility:visible;pointer-events:auto}}