.popup{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:white;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);width:90%;max-width:95vw;max-height:80vh;width:fit-content;z-index:1000;display:none;-webkit-transform:translate3d(-50%,-50%,0);will-change:transform}.popup.active{display:flex;opacity:1}.popup-wrapper{display:flex;flex-direction:column;height:100%;max-width:600px}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.popup-title{font-size:22px;font-weight:700;color:#333;margin:0}.btn-close{background:none;border:none;color:#999;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center}.btn-close:hover{color:#333}.tab-nav{display:flex;align-items:center;border-bottom:2px solid #f0f0f0;height:50px;padding:0 20px;gap:10px;overflow-x:auto}.tab-nav::-webkit-scrollbar{height:7px}.tab-nav::-webkit-scrollbar-thumb{background:white;border-radius:10px}.tab-btn{padding:15px 20px;background:none;font-size:15px;font-weight:600;color:#999;cursor:pointer;transition:all .3s ease;border:none;border-bottom:5px solid transparent;white-space:nowrap;position:relative;bottom:-2px}.tab-btn:hover{color:#667eea}.tab-btn.active{color:#667eea;border-bottom-color:#667eea}.tab-content{flex:1;overflow-y:auto;padding:20px;display:none;max-height:50vh;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}#liveCam,.tab-pane{width:100%}#liveCam{display:block;height:300px}.tab-content.active{display:block;animation:fadeIn .3s ease}.tab-content h3{color:#333;margin-bottom:12px;font-size:18px}.tab-content p{color:#666;line-height:1.6;margin-bottom:15px}.tab-content ul{margin-left:20px;color:#666;line-height:1.8}.tab-content li{margin-bottom:8px}.popup-footer{display:flex;gap:10px;padding:20px;border-top:1px solid #e0e0e0;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}@media (max-width:600px){.popup{width:95%;max-width:95vw;max-height:90vh;height:auto;min-height:0}.popup.active{flex-direction:column;align-items:center}.popup-header{padding:15px}.popup-title{font-size:18px}.popup-wrapper{width:100%;max-height:50vh;overflow:hidden}.tab-nav{padding:0 15px;-webkit-overflow-scrolling:touch}.tab-btn{padding:12px 15px;font-size:14px}.tab-content{padding:15px;max-height:40vh;-webkit-overflow-scrolling:touch}#liveCam,.tab-content{width:100%;height:auto}.popup-footer{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.emg-container{background:#1a1a1a;width:100%;max-width:400px;min-width:300px;border:4px solid #d32f2f;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 50px rgba(211,47,47,.4);font-family:Arial,sans-serif;animation:emg-pulse-shadow 2s infinite}@keyframes emg-pulse-shadow{0%{box-shadow:0 0 20px rgba(211,47,47,.4)}50%{box-shadow:0 0 40px rgba(211,47,47,.7)}to{box-shadow:0 0 20px rgba(211,47,47,.4)}}.emg-header{background:#d32f2f;color:#ffffff;padding:16px;text-align:center;border-bottom:2px solid #ffeb3b}.emg-header-title{margin:0;font-size:22px;text-transform:uppercase;font-weight:900;letter-spacing:1px}.emg-header-subtitle{margin:5px 0 0;font-size:14px;color:#ffeb3b;font-weight:700}.emg-body{padding:16px;max-height:50vh;overflow-y:auto;color:#ffffff}.emg-step-item{display:flex;margin-bottom:18px;align-items:flex-start;border-bottom:1px solid #333;padding-bottom:12px}.emg-step-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.emg-step-number{background:#ffeb3b;color:#000000;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;margin-right:15px;font-size:14px}.emg-step-content b{display:block;color:#ffeb3b;font-size:14px;text-transform:uppercase;margin-bottom:4px}.emg-step-content p{margin:0;font-size:14px;line-height:1.4;color:#efefef}.emg-footer{background:#222;padding:15px;margin-top:auto;text-align:center}.emg-btn-confirm{background:#d32f2f;color:#ffffff;border:none;padding:12px 30px;font-size:15px;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:background .3s}.emg-btn-confirm:hover{background:#b71c1c}.emg-body::-webkit-scrollbar{width:6px}.emg-body::-webkit-scrollbar-thumb{background:#d32f2f;border-radius:10px}