.translation-debug{position:relative;cursor:pointer;transition:all .2s ease}.translation-debug:hover{background-color:#3b82f614;outline:1px dashed rgba(59,130,246,.5);outline-offset:2px;border-radius:2px;cursor:copy}.translation-debug:active{background-color:#3b82f61a}.translation-debug:before{content:"🔑 " attr(data-translation-key) " → Click to copy";position:absolute;bottom:100%;left:0;transform:translateY(-8px);background-color:#111827f2;color:#fff;padding:8px 12px;border-radius:6px;font-size:11px;font-family:Monaco,Menlo,Courier New,monospace;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:9999;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.translation-debug:after{content:"";position:absolute;bottom:100%;left:12px;transform:translateY(-2px);border:6px solid transparent;border-top-color:#111827f2;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:9999}.translation-debug:hover:before,.translation-debug:hover:after{opacity:1;transform:translateY(-4px)}.translation-debug-indicator{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10000;display:flex;align-items:center;gap:8px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.translation-debug-indicator:before{content:"🔑";font-size:14px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.translation-debug[data-translation-key*=undefined],.translation-debug[title*=undefined]{border-bottom-color:#ef444480;background-color:#ef44440d}.translation-debug[data-translation-key*=undefined]:hover,.translation-debug[title*=undefined]:hover{border-bottom-color:#ef4444;background-color:#ef44441a}