.interaction-container{display:flex;position:relative;border-radius:0;overflow:hidden;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;padding:12px 18px;background:#0a0a0a;margin:0}.interaction-container::before{content:"";position:absolute;inset:-2px;background:conic-gradient(from 0deg,#ffffff);border-radius:0;animation:rotateBorder 8s linear infinite;z-index:0}.interaction-container::after{content:"";position:absolute;inset:1px;background:#0a0a0a;border-radius:0;z-index:1}.interaction-container .btn-wrapper{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;color:#fff;gap:10px}.btn-wrapper{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:space-around;gap:8px}.btn-wrapper button{padding:10px 25px;width:140px;background:#fff0;border:2px solid #06f;color:#fff;font-size:16px;font-weight:700;border-radius:60px;position:relative;cursor:pointer;transition:all 0.3s ease}@keyframes rotateBorder{0%{transform:rotate(0deg) translateX(0) translateY(0)}25%{transform:rotate(90deg) translateX(5px) translateY(-5px)}50%{transform:rotate(180deg) translateX(-5px) translateY(5px)}75%{transform:rotate(270deg) translateX(5px) translateY(-5px)}100%{transform:rotate(360deg) translateX(0) translateY(0)}}.btn-wrapper span{font-size:18px;color:#fff}.btn-icon{display:flex;align-items:center;gap:8px;width:140px;padding:12px 20px;border:2px solid #244474;border-radius:60px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s cubic-bezier(.4,0,.2,1);background:#26264e;color:#ddd;min-width:70px;justify-content:center;user-select:none;-webkit-tap-highlight-color:#fff0}.btn-icon i{font-size:1.2rem;transition:transform 0.2s ease}.btn-icon:hover{transform:translateY(0);box-shadow:0 10px 20px rgb(0 0 0 / .4);background:#333}.btn-icon:active{transform:scale(.92)}.btn-icon .count{font-size:.85rem;font-weight:700;min-width:20px;text-align:center;transition:all 0.2s ease}.btn-like{background:#120f2c;border-color:#201c53;color:#fff}.btn-like:hover{background:#1a2a3a;border-color:#4299e1;color:#63b3ed}.btn-like.liked{background:#1a2a3a;border-color:#4299e1;color:#7f69dd}.btn-like.liked i{animation:likePop 0.4s ease}@keyframes likePop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}100%{transform:scale(1)}}.btn-like .count.pop{animation:countPop 0.3s ease}@keyframes countPop{0%{transform:scale(1)}50%{transform:scale(1.3);color:#63b3ed}100%{transform:scale(1)}}.btn-dislike{background:#2b1010;border-color:#581818;color:#fff}.btn-dislike:hover{background:#2a1a1a;border-color:#f10c0c;color:#fc8181}.btn-dislike.disliked{background:#2a1a1a;border-color:#fc8181;color:#fc8181}.btn-dislike.disliked i{animation:dislikePop 0.4s ease}@keyframes dislikePop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}100%{transform:scale(1)}}.btn-share{background:#10142c;border-color:#342a44;color:#fff}.btn-share:hover{background:#2a1a3a;border-color:#b794f4;color:#b794f4}.share-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .6);backdrop-filter:blur(4px);z-index:999;display:none;opacity:0;transition:opacity 0.3s ease}.share-overlay.active{display:block;opacity:1}.share-sheet{position:fixed;background:#1a1a2e;border:2px solid #211e3d;border-radius:4px;padding:30px 25px 25px;box-shadow:0 20px 60px rgb(0 0 0 / .8);z-index:1000;transition:all 0.3s cubic-bezier(.4,0,.2,1);max-width:400px;width:90%}@media (min-width:769px){.share-sheet{top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;pointer-events:none}.share-sheet.active{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:all}.share-sheet .handle{display:none}.share-sheet .close-btn{display:block;position:absolute;top:12px;right:16px;background:none;border:none;color:#a0aec0;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all 0.2s ease}.share-sheet .close-btn:hover{background:#2a2a2a;color:#fff}}@media (max-width:768px){.share-sheet{bottom:-100%;left:0;right:0;top:auto;transform:none;opacity:1;border:none;border-radius:15px 15px 0 0;padding:20px 20px 25px;max-width:100%;width:100%;pointer-events:none}.share-sheet.active{bottom:0;pointer-events:all}.share-sheet .handle{display:block;width:40px;height:4px;background:#3a3a3a;border-radius:2px;margin:0 auto 20px}.share-sheet .close-btn{display:block;position:absolute;top:12px;right:16px;background:none;border:none;color:#a0aec0;font-size:1.8rem;cursor:pointer;padding:8px 12px;border-radius:4px;transition:all 0.2s ease}.share-sheet .close-btn:hover{background:#2a2a2a;color:#fff}}.share-sheet h3{color:#fff;margin-bottom:20px;text-align:center;font-size:1.1rem}.share-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;justify-content:left;flex-wrap:wrap}.share-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;border:1px solid #080829;border-radius:4px;background:#1b1d3a;color:#fff;cursor:pointer;transition:all 0.2s ease;min-width:65px;font-weight:500;font-size:.85rem}.share-btn:hover{transform:translateY(-1px);background:#10103f;border:1px solid #0404eb}.share-btn:active{transform:scale(.92)}.share-btn i{font-size:1.8rem}.share-btn.facebook i{color:#1877f2}.share-btn.twitter i{color:#fff}.share-btn.linkedin i{color:#0a66c2}.share-btn.whatsapp i{color:#25d366}.share-btn.copy i{color:#a0aec0}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:#1a1a2a;color:#fff;padding:12px 24px;border-radius:4px;box-shadow:0 10px 30px rgb(0 0 0 / .5);z-index:2000;font-weight:500;border:1px solid #232347;transition:all 0.4s cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none;max-width:90%;white-space:nowrap}.toast.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:all}.toast.error{border-color:#690f0f;background:#162335}.toast.success{border-color:#2b4aad}@media (max-width:640px){.container{padding:20px 15px}.interaction-container{gap:2px;padding:8px 2px}.btn-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;flex-wrap:nowrap}.btn-wrapper button{padding:6px 10px;width:100px;border:1.8px solid #06f}.btn-wrapper span{font-size:14px;color:#fff}.btn-icon{display:flex;align-items:center;gap:8px;width:100%;padding:8px 0;border:2px solid #1a2a3a;border-radius:60px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;background:#fff0;color:#ddd;justify-content:center;user-select:none;-webkit-tap-highlight-color:#fff0}.btn-icon{padding:10px 16px;font-size:.9rem;min-width:60px}.btn-icon i{font-size:1rem}.share-options{gap:8px}.share-btn{padding:12px 14px;min-width:55px;font-size:1.2rem}.share-btn i{font-size:1.8rem}}@media (max-width:400px){.interaction-container{gap:6px}.btn-icon{padding:8px 12px;font-size:.8rem;min-width:50px}.btn-icon i{font-size:.85rem}.btn-icon .count{font-size:.7rem;min-width:15px}}.subtitle{text-align:center;color:#666;margin-bottom:30px}.views-container{display:flex;justify-content:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.views-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:25px 35px;border-radius:15px;text-align:center;min-width:200px;box-shadow:0 10px 30px rgb(102 126 234 / .3);transition:transform 0.3s ease,box-shadow 0.3s ease}.views-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgb(102 126 234 / .5)}.views-icon{font-size:3em;margin-bottom:10px}.page-views{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;font-size:1.5em;color:#002bff;font-weight:600}.views-number{font-size:1.2em;font-weight:600;margin:10px;transition:all 0.3s ease}.views-label{font-size:1.1em;opacity:.9;text-transform:uppercase;letter-spacing:2px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:20px 0}.info-item{background:#131e29;padding:10px;border-radius:4px;border:1px solid #0930af;transition:all 0.3s ease}.info-item:hover{background:#091725;transform:translateX(1px);border:1px solid #160797;box-shadow:0 0 6px #160797}.info-label{font-size:.85em;color:#ddd;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.info-value{font-size:1.1em;color:#fff;font-weight:500;word-break:break-all}.buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:30px 0}.btn{padding:12px 25px;border:none;border-radius:25px;font-size:1em;font-weight:700;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary:hover{box-shadow:0 5px 20px rgb(102 126 234 / .4);transform:translateY(-2px)}.btn-secondary{background:#f8f9fa;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea;color:#fff}.status{text-align:center;padding:12px;border-radius:10px;margin-top:20px;display:none;font-weight:500}.status.success{display:block;background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status.error{display:block;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status.info{display:block;background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.test-links{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #dee2e6}.test-links p{color:#666;margin-bottom:10px;font-size:.9em}.test-links a{color:#667eea;margin:0 10px;text-decoration:none;font-weight:500;transition:color 0.3s ease}.test-links a:hover{color:#764ba2;text-decoration:underline}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse-animation{animation:pulse 0.6s ease-in-out}.tracking-indicator{display:inline-block;width:10px;height:10px;background:#28a745;border-radius:50%;margin-right:8px;animation:pulse 2s infinite}@media (max-width:768px){.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:20px 0}}