.roya-translate-widget{position:fixed;left:24px;bottom:24px;z-index:45;max-width:calc(100vw - 32px);font-family:inherit}
.roya-translate-widget[hidden]{display:none!important}
.roya-translate-widget .roya-translate-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 16px;border:1px solid #c7a4da;border-radius:999px;background:linear-gradient(120deg,#662583,#7f3ca2 55%,#592071);color:#fff;box-shadow:0 5px 22px #66258338,0 0 14px #ad73d34d;cursor:pointer;line-height:1.6;font-family:inherit;font-size:12px;font-weight:700;white-space:nowrap;animation:roya-translate-glow 3.6s ease-in-out infinite;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.roya-translate-widget .roya-translate-button:before{content:"";position:absolute;inset:-60% auto -60% -80%;width:50%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:rotate(22deg);pointer-events:none;animation:roya-translate-shine 4.2s ease-in-out infinite;z-index:-1}
.roya-translate-widget .roya-translate-button:hover{background:linear-gradient(120deg,#713092,#8b47ae 55%,#662583)}
.roya-translate-widget .roya-translate-button:focus-visible{outline:3px solid #ecbf58;outline-offset:4px}
.roya-translate-widget .roya-translate-button svg{display:block;width:25px;height:25px;flex:none}
.roya-translate-widget[data-phase="loading"] .roya-translate-button svg{animation:roya-translate-breathe 1.2s ease-in-out infinite}
.roya-translate-widget .roya-translate-status{display:block;position:absolute;left:0;bottom:calc(100% + 10px);width:max-content;max-width:min(250px,calc(100vw - 32px));padding:9px 12px;border:1px solid #e7d9ed;border-radius:14px;background:#fffdfb;color:#4f265f;box-shadow:0 5px 20px #48205a12;font-size:11px;line-height:1.8;white-space:normal;text-align:start}
.roya-translate-widget .roya-translate-status:empty{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);border:0}
@keyframes roya-translate-glow{0%,100%{opacity:1}50%{opacity:.94}}
@keyframes roya-translate-shine{0%,25%{transform:translateX(0) rotate(22deg)}75%,100%{transform:translateX(480%) rotate(22deg)}}
@keyframes roya-translate-breathe{0%,100%{opacity:1}50%{opacity:.5}}
@media(max-width:739px){.roya-translate-widget{left:14px;bottom:calc(92px + env(safe-area-inset-bottom,0px))}.roya-translate-widget .roya-translate-button{min-height:44px;padding:9px 13px;gap:6px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.roya-translate-widget .roya-translate-button,.roya-translate-widget .roya-translate-button:before,.roya-translate-widget[data-phase="loading"] .roya-translate-button svg{animation:none}}