:root{--widget-bg:rgba(44, 44, 44, 0.9);--widget-blur:15px;--widget-border-color:rgba(255, 255, 255, 0.15)}.translation-widget-container{position:fixed;top:20px;right:20px;z-index:1002;will-change:transform}.translation-toggle-btn{position:relative;z-index:2;background:var(--widget-bg);backdrop-filter:blur(var(--widget-blur));-webkit-backdrop-filter:blur(var(--widget-blur));border:1px solid var(--widget-border-color);width:52px;height:52px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);transition:all var(--duration-normal) var(--ease-luxury);touch-action:none}.translation-toggle-btn:hover{background:var(--color-charcoal);transform:scale(1.08);box-shadow:0 15px 35px rgb(0 0 0 / .3)}.translation-toggle-btn.dragging{cursor:grabbing;transform:scale(1.1)}.translation-toggle-btn svg{width:26px;height:26px;color:var(--color-rose-gold);transition:transform var(--duration-normal) var(--ease-luxury)}.translation-toggle-btn:hover svg{transform:scale(1.05) rotate(-5deg)}.translation-controls{position:absolute;z-index:1;background:var(--widget-bg);backdrop-filter:blur(var(--widget-blur));-webkit-backdrop-filter:blur(var(--widget-blur));padding:var(--space-4);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--widget-border-color);width:250px;display:none;flex-direction:column;gap:var(--space-3);transition:transform 350ms var(--ease-luxury),opacity 350ms var(--ease-luxury)}.translation-controls.collapsed{transform:scale(.95);opacity:0;pointer-events:none;transition-end:display:none}.translation-controls{top:calc(100% + 12px);left:0;transform-origin:top left}.translation-widget-container.opens-up .translation-controls{top:auto;bottom:calc(100% + 12px)}.translation-widget-container.opens-left .translation-controls{left:auto;right:0}.translation-widget-container:not(.opens-up):not(.opens-left) .translation-controls{transform-origin:top left}.translation-widget-container:not(.opens-up).opens-left .translation-controls{transform-origin:top right}.translation-widget-container.opens-up:not(.opens-left) .translation-controls{transform-origin:bottom left}.translation-widget-container.opens-up.opens-left .translation-controls{transform-origin:bottom right}.close-translation-btn{align-self:flex-end;order:-1;margin-bottom:var(--space-2);background:#fff0;border:none;color:rgb(255 255 255 / .6);font-size:1.5rem;cursor:pointer;width:32px;height:32px;line-height:32px;text-align:center;padding:0;border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out)}.close-translation-btn:hover{color:#fff;background-color:rgb(255 255 255 / .1);transform:rotate(90deg) scale(1.1)}.lang-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.lang-btn,.cancel-btn{background:#fff0;border:1px solid var(--color-warm-gold-light);color:var(--color-warm-gold-light);padding:var(--space-3) var(--space-2);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-align:center;transition:all var(--duration-normal) var(--ease-luxury)}.lang-btn:hover:not(.active){background-color:rgb(212 165 116 / .2);border-color:var(--color-warm-gold)}.lang-btn.active{background:var(--gradient-luxury);color:var(--color-charcoal);border-color:#fff0;box-shadow:0 5px 20px rgb(212 165 116 / .3);transform:translateY(-2px)}.cancel-btn{display:none;grid-column:1 / -1;border-color:rgb(255 100 100 / .7);color:rgb(255 100 100 / .9)}.cancel-btn:hover{background-color:rgb(255 100 100 / .2);border-color:rgb(255 100 100 / .9);color:#fff}.translation-status{font-size:var(--font-size-sm);color:var(--color-warm-gold-light);text-align:center;font-style:italic;opacity:.9;padding-top:var(--space-2);margin-top:var(--space-2);border-top:1px solid rgb(255 255 255 / .1)}