#ai-yoga-app{max-width:1200px;margin:2rem auto;background:#fff;border-radius:24px;box-shadow:0 20px 60px -15px rgb(0 0 0 / .1);overflow:hidden;border:1px solid #f1f5f9;color:#334155;box-sizing:border-box}#ai-yoga-app *{box-sizing:border-box}.ai-yoga-header{background:linear-gradient(141deg,#76ffbf 0%,#75c8ff 100%);padding:2.5rem 2rem;text-align:center;border-bottom:1px solid #e2e8f0}.ai-yoga-header h2{color:#000;font-weight:800;margin:0 0 .5rem 0;font-size:2rem;letter-spacing:-.5px;line-height:1.2}.ai-yoga-header p{color:#000;margin:0;font-size:1.05rem}.ai-controls{background:#fff;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:stretch;border-bottom:1px solid #f1f5f9}@media (min-width:768px){.ai-controls{flex-direction:row;align-items:center;justify-content:center;background:#f8fafc}.control-group{flex:1;max-width:600px}.ai-upload-btn{width:auto;min-width:180px}}.control-group{position:relative;width:100%}.ai-select{width:100%;appearance:none;-webkit-appearance:none;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;padding:1rem 1.2rem;padding-right:2.5rem;font-size:1rem;color:#334155;font-weight:600;cursor:pointer;transition:all 0.2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem}.ai-select:focus{outline:none;border-color:#0d9488;background-color:#fff;box-shadow:0 0 0 4px rgb(13 148 136 / .1)}.ai-upload-btn{position:relative;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);color:#fff;padding:1rem 1.5rem;border-radius:14px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px rgb(13 148 136 / .3);transition:transform 0.1s,box-shadow 0.2s;border:none;overflow:hidden}.ai-upload-btn:hover{background:linear-gradient(135deg,#0f766e 0%,#115e59 100%);transform:translateY(-1px);box-shadow:0 6px 20px rgb(13 148 136 / .4)}.ai-upload-btn:active{transform:scale(.98)}.ai-upload-btn.disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none;transform:none}.ai-upload-btn input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0!important;cursor:pointer;z-index:10;display:block!important}.ai-workspace{padding:2rem;animation:fadeIn 0.5s ease}.ai-canvas-wrapper{background:#fff;padding:5px;border-radius:20px;margin-bottom:2.5rem;box-shadow:0 15px 40px rgb(0 0 0 / .15)}.ai-canvas-container{position:relative;border-radius:14px;overflow:hidden;line-height:0;width:100%}.ai-canvas-container img{width:100%;height:auto;display:block;opacity:.85}.ai-canvas-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;object-fit:contain}.result-title{font-size:1.4rem;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:10px;font-weight:800}.result-title i{color:#0d9488}.ai-check-item{display:flex;gap:1.2rem;background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.2rem;border:1px solid #fff0;box-shadow:0 4px 6px -1px rgb(0 0 0 / .05);align-items:flex-start;animation:slideIn 0.4s ease-out backwards}.ai-check-item:nth-child(1){animation-delay:0.1s}.ai-check-item:nth-child(2){animation-delay:0.2s}.ai-check-item:nth-child(3){animation-delay:0.3s}.ai-check-item.pass{background:#f0fdf4;border-color:#bbf7d0}.ai-check-item.fail{background:#fffee3;border-color:#fecaca}.ai-check-item.warning{background:#fffbeb;border-color:#fde68a}.ai-check-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;color:#fff;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.ai-check-item.pass .ai-check-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.ai-check-item.fail .ai-check-icon{background:linear-gradient(135deg,#f5d32b,#b59706)}.ai-check-item.warning .ai-check-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.ai-check-content{flex:1}.ai-check-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ai-check-label{font-weight:800;font-size:1.05rem;color:#334155}.ai-check-val{background:#0f172a;color:#fff;padding:4px 10px;border-radius:8px;font-size:.85rem;font-weight:700;box-shadow:0 2px 5px rgb(0 0 0 / .15)}.ai-check-msg{font-size:.95rem;color:#475569;line-height:1.5}.ai-diag-btn{margin-top:1rem;background:#fff;color:#e11d48;border:2px solid #e11d48;padding:.2rem 1rem;border-radius:50px;font-size:.7rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:0.2s}.ai-diag-btn:hover{background:#e11d48;color:#fff}.ai-loading{padding:4rem 2rem;text-align:center;color:#64748b}.ai-spinner{width:40px;height:40px;margin:0 auto 1rem;border:4px solid #e2e8f0;border-top-color:#0d9488;border-radius:50%;animation:spin 1s linear infinite}.ai-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}.ai-modal-backdrop{position:absolute;inset:0;background:rgb(15 23 42 / .7);backdrop-filter:blur(5px)}.ai-modal-content{position:relative;width:90%;max-width:550px;background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);animation:slideUp 0.3s cubic-bezier(.16,1,.3,1);z-index:10;max-height:90vh;overflow-y:auto}.ai-close-modal{position:absolute;top:15px;right:15px;background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:0.2s}.ai-close-modal:hover{background:#fee2e2;color:#ef4444}.ai-modal-header h3{text-align:center;margin-top:0;color:#1e293b;font-size:1.3rem}.ai-diag-options button{width:100%;text-align:left;padding:1.2rem;margin-bottom:.8rem;background:#fff;border:1px solid #cbd5e1;border-radius:14px;font-weight:600;color:#334155;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:0.2s}.ai-diag-options button:hover{border-color:#0d9488;background:#f0fdfa;color:#0f766e;transform:translateX(4px)}.ai-advice-box{margin-top:1.5rem;padding:1.5rem;background:#f0f9ff;border:1px dashed #0ea5e9;border-radius:16px;color:#0c4a6e}.ai-advice-box strong{display:block;margin-bottom:.5rem;color:#0284c7;font-size:1.1rem}.ai-advice-box p{margin:0;line-height:1.6}.ai-advice-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-weight:700;font-size:.9rem;text-decoration:none;color:#334155;transition:0.2s;box-shadow:0 2px 5px rgb(0 0 0 / .05)}.ai-advice-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .1)}.ai-advice-link i{font-size:1.1rem}.hidden{display:none!important}.ai-disclaimer{padding:1.5rem;text-align:center;background:#f8fafc;color:#64748b;font-size:.85rem;border-top:1px solid #f1f5f9}.ai-dot-blink{position:absolute;width:10px;height:10px;background:#ef4444;border:3px solid #fff;border-radius:50%;transform:translate(-50%,-50%);z-index:20;box-shadow:0 0 15px rgb(239 68 68 / .6);animation:dotPulse 1.5s infinite}@keyframes dotPulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 0 rgb(239 68 68 / .7)}70%{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 15px #fff0}100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 0 #fff0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-init-status{text-align:center;padding:1rem;font-size:.9rem;color:#64748b;font-style:italic;animation:fadeIn 1s ease}.ai-init-status i{color:#0d9488;margin-right:5px;animation:blink 1.5s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}.ai-upload-btn.disabled{background:#94a3b8;cursor:wait;pointer-events:none;box-shadow:none}.ai-res-btn{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:50px;font-weight:700;font-size:.9rem;text-decoration:none;transition:all 0.2s;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.ai-res-btn.video{background:#fff1f2;color:#e11d48;border:1px solid #fda4af}.ai-res-btn.video:hover{background:#e11d48;color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px rgb(225 29 72 / .3)}.ai-res-btn.article{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.ai-res-btn.article:hover{background:#0284c7;color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px rgb(2 132 199 / .3)}.ai-demo-area{margin-top:1rem;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:10px;text-align:center;animation:fadeIn 0.3s}.ai-demo-badge{font-size:.85rem;font-weight:700;color:#0d9488;margin-bottom:8px;display:block}.ai-demo-area img{max-width:100%;height:150px;object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 2px 5px rgb(0 0 0 / .05)}.ai-demo-hint{font-size:.8rem;color:#64748b;margin-top:5px;margin-bottom:0;font-style:italic}.ai-canvas-container{cursor:zoom-in;position:relative}.ai-zoom-hint{position:absolute;bottom:10px;right:10px;background:rgb(0 0 0 / .6);color:#fff;padding:5px 10px;border-radius:20px;font-size:.5rem;pointer-events:none;opacity:.8;transition:0.3s}.ai-canvas-container:hover .ai-zoom-hint{opacity:1}.ai-lightbox{position:fixed;inset:0;background:rgb(0 0 0 / .95);z-index:999999;display:flex;flex-direction:column;justify-content:center;align-items:center;backdrop-filter:blur(5px);animation:fadeIn 0.3s}.ai-lightbox-content{flex:1;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;touch-action:none}.ai-lightbox img{max-width:95%;max-height:85vh;object-fit:contain;transition:transform 0.3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 50px rgb(0 0 0 / .5)}.ai-lightbox-toolbar{position:absolute;top:20px;display:flex;gap:15px;background:rgb(255 255 255 / .1);padding:10px 20px;border-radius:50px;border:1px solid rgb(255 255 255 / .2)}.ai-lightbox-toolbar button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:0.2s;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ai-lightbox-toolbar button:hover{background:rgb(255 255 255 / .2);transform:scale(1.1)}.ai-lightbox-toolbar .close-btn{background:#ef4444;margin-left:10px}.ai-lightbox-toolbar .close-btn:hover{background:#dc2626}.ai-canvas-container img{transition:filter 0.5s ease}.ai-workspace.has-result img{filter:brightness(.6) contrast(1.1)}.ai-workspace.has-result:hover img{filter:brightness(1)}.ai-modal-content.video-content{padding:0;background:#000;max-width:800px;width:95%;overflow:hidden}.ai-video-wrapper{position:relative;padding-bottom:56.25%;height:0}.ai-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}#btn-close-video{position:absolute;top:-15px!important;right:-15px!important;background:#ef4444!important;color:#fff!important;width:44px;height:44px;border-radius:50%;border:3px solid #fff!important;z-index:100000!important;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 4px 15px rgb(0 0 0 / .3);transition:all 0.2s}#btn-close-video:hover{background:#dc2626!important;transform:scale(1.1) rotate(90deg)}@media (max-width:768px){#btn-close-video{top:10px!important;right:10px!important;background:rgb(0 0 0 / .6)!important;border:1px solid rgb(255 255 255 / .3)!important}}.ai-video-wrapper{position:relative;padding-bottom:56.25%;height:0;background:#000}.ai-canvas-container.has-result img{filter:brightness(.4) contrast(1.2) grayscale(40%);transition:filter 0.4s ease;cursor:zoom-in}.ai-canvas-container.has-result.focus-mode img{filter:brightness(1) contrast(1) grayscale(0%);cursor:zoom-out}.ai-canvas-container canvas{z-index:10;filter:drop-shadow(0 0 2px rgb(0 0 0 / .5))}.ai-promo-section{margin:2rem 1.5rem;border:2px dashed #bae6fd;border-radius:20px;padding:1rem;text-align:center;animation:slideIn 0.5s ease}.ai-promo-content h3{color:#0369a1;margin-top:0;font-size:1.4rem;font-weight:800;margin-bottom:10px}.ai-promo-content p{color:#334155;font-size:1rem;margin-bottom:1.5rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.ai-promo-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.ai-btn-promo{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none;transition:all 0.2s ease;cursor:pointer;min-width:160px}.ai-btn-promo.primary{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:#fff;box-shadow:0 4px 15px rgb(2 132 199 / .3);border:2px solid #fff0}.ai-btn-promo.primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgb(2 132 199 / .4)}.ai-btn-promo.secondary{background:#fff;color:#0284c7;border:2px solid #0284c7}.ai-btn-promo.secondary:hover{background:#f0f9ff;transform:translateY(-3px);box-shadow:0 4px 15px rgb(0 0 0 / .05)}@media (max-width:480px){.ai-promo-section{padding:1.5rem;margin:.1rem 2.2rem;margin-bottom:20px}.ai-btn-promo{width:100%}}.ai-controls{padding:15px;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:15px}.control-group{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;width:100%}.ai-select{flex:1 1 auto;width:auto;height:50px;padding:0 10px 0 15px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;color:#334155;font-weight:600;background-color:#f8fafc;cursor:pointer;min-width:0;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:1rem;white-space:nowrap;text-overflow:ellipsis}#ai-yoga-app #ai-btn-history{flex:0 0 auto;height:50px!important;padding:0 15px!important;background:#fff!important;color:#4f46e5!important;border:2px solid #4f46e5!important;border-radius:12px!important;font-weight:700!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important}#ai-yoga-app #ai-btn-history:hover{background:#eef2ff!important;transform:translateY(-2px)}.ai-demo-area{flex-basis:100%;margin:10px 10px 10px 10px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:10px;text-align:center;display:block}.ai-demo-area.hidden{display:none!important}.ai-demo-area img{height:300px;object-fit:contain;background:#fff;border-radius:6px}.ai-demo-badge{display:block;color:#0d9488;font-weight:700;margin-bottom:5px;font-size:.8rem}.ai-demo-hint{display:block;font-size:.8rem;color:#64748b;margin-top:5px;font-style:italic}.ai-upload-btn{width:100%;height:50px;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);color:#fff;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:0.2s;border:none;position:relative}.ai-upload-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(13 148 136 / .3)}.ai-upload-btn.disabled{background:#cbd5e1;cursor:not-allowed}.ai-upload-btn input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;display:block}@media (min-width:768px){.ai-controls{flex-direction:row;align-items:flex-start}.control-group{flex:1}.ai-upload-btn{width:auto;padding:0 25px}}@media (max-width:700px){#ai-yoga-app #ai-btn-history .desktop-text{display:none!important}#ai-yoga-app #ai-btn-history{padding:0!important;width:50px!important;min-width:50px!important}}#ai-history-modal .ai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:15px 10px;border-bottom:1px solid #e2e8f0}#ai-history-modal h3{margin:0;font-size:1.1rem;color:#1e293b;font-weight:700}.ai-history-list{max-height:60vh;overflow-y:auto;margin-top:20px;background:#fff}.ai-history-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px;margin-bottom:10px;position:relative;flex-wrap:wrap;flex-direction:row-reverse}.ai-history-item:hover{border-color:#cbd5e1;box-shadow:0 5px 15px rgb(0 0 0 / .05)}.ai-hist-thumb{width:60px;height:60px;border-radius:8px;object-fit:cover;border:1px solid #f1f5f9;flex-shrink:0}.ai-hist-info{flex:1;min-width:0}.ai-hist-name{font-size:.95rem;font-weight:700;color:#334155;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-hist-date{font-size:.7rem;color:#94a3b8;font-weight:600}.ai-hist-errors{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:2px 6px;border-radius:4px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ai-hist-score{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;font-size:1rem;flex-shrink:0}.score-high{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.score-mid{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.score-low{color:#d97706;background:#fffbeb;border-color:#fde68a}.ai-hist-del{position:absolute;top:0;right:8px;background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:1rem;padding:5px}.ai-hist-del:hover{color:#ef4444}#ai-clear-history{font-size:.85rem;color:#ef4444;background:none;border:none;cursor:pointer;text-decoration:underline;margin-right:5px}#ai-yoga-app #ai-btn-history{flex:0 0 auto;height:50px!important;padding:0 15px!important;background:#fff!important;color:#4f46e5!important;border:2px solid #4f46e5!important;border-radius:12px!important;font-weight:700!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important}#ai-yoga-app #ai-btn-history:hover{background:#eef2ff!important;transform:translateY(-2px)}.ai-list-animate .ai-check-item{opacity:0;transform:translateY(20px);animation:fadeInUp 0.5s ease forwards}.ai-list-animate .ai-check-item:nth-child(n){animation-delay:1.5s}.ai-list-animate .ai-check-item:nth-child(2){animation-delay:1.6s}.ai-list-animate .ai-check-item:nth-child(3){animation-delay:1.7s}.ai-list-animate .ai-check-item:nth-child(4){animation-delay:1.8s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}#ai-score-card{animation:zoomIn 0.5s ease}@keyframes zoomIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.ai-wrong-pose-alert{background-color:#fff7ed;border-left:5px solid #ea580c;padding:15px 20px;margin-bottom:20px;border-radius:8px;display:flex;gap:15px;align-items:flex-start;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1);animation:slideIn 0.3s ease-out forwards}.ai-wrong-pose-icon{font-size:2rem;color:#ea580c;flex-shrink:0}.ai-wrong-pose-content h3{color:#9a3412;margin:0 0 5px 0;font-size:1.1rem;font-weight:800}.ai-wrong-pose-content p{color:#9a3412;margin:0;font-size:.95rem;line-height:1.5}@media (max-width:480px){.ai-wrong-pose-alert{padding:12px;gap:10px}.ai-wrong-pose-icon{font-size:1.5rem;margin-top:2px}.ai-wrong-pose-content h3{font-size:1rem}.ai-wrong-pose-content p{font-size:.85rem}}.ai-alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(15 23 42 / .6);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease}.ai-alert-overlay.active{opacity:1;visibility:visible}.ai-alert-box{background:#fff;width:90%;max-width:420px;border-radius:24px;padding:30px 25px;text-align:center;box-shadow:0 20px 60px rgb(0 0 0 / .2);transform:scale(.8) translateY(20px);transition:all 0.3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.ai-alert-overlay.active .ai-alert-box{transform:scale(1) translateY(0)}.ai-alert-icon{width:70px;height:70px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:32px;color:#fff;margin-bottom:20px;position:relative;box-shadow:0 10px 20px rgb(99 102 241 / .3)}.ai-pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #a855f7;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.8);opacity:0}}.ai-alert-box h3{font-family:'Nunito',sans-serif;font-size:1.5rem;font-weight:800;color:#1e293b;margin:0 0 10px 0}.ai-alert-body{font-family:'Nunito',sans-serif;font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:25px}.ai-alert-actions{display:flex;gap:12px;justify-content:center}.ai-alert-actions button{flex:1;padding:12px 20px;border-radius:12px;font-family:'Nunito',sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;border:none}.ai-alert-actions button:active{transform:scale(.96)}.ai-btn-secondary{background:#f1f5f9;color:#64748b}.ai-btn-secondary:hover{background:#e2e8f0;color:#334155}.ai-btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 12px rgb(79 70 229 / .3)}.ai-btn-primary:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 6px 16px rgb(79 70 229 / .4)}#ai-3d-container{content:'🤚 Xoay để xem 3D';width:100%;max-width:100%;height:500px;background:#000;border-radius:16px;margin-top:20px;position:relative;overflow:hidden;border:1px solid #333;box-sizing:border-box;box-shadow:0 10px 30px rgb(0 0 0 / .5);margin-top:30px;pointer-events:auto!important;z-index:10;touch-action:none}@media (min-width:992px){#ai-workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;margin-top:30px}#ai-3d-container{margin-top:0;height:100%;min-height:500px;margin-top:30px}#ai-result-panel{grid-column:1 / -1}}.ai-hud-card{position:absolute;top:20px;right:20px;width:220px;background:rgb(5 5 5 / .9);border:1px solid gold;border-radius:4px;padding:15px;font-family:'Courier New',Courier,monospace;z-index:20;box-shadow:0 0 20px rgb(255 215 0 / .15);backdrop-filter:blur(4px);pointer-events:none;animation:slideInRight 0.5s ease-out}.ai-hud-card::before{content:'';position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid #fff;border-left:2px solid #fff}.ai-hud-card::after{content:'';position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid #fff;border-right:2px solid #fff}.ai-hud-title{color:gold;font-size:.7rem;font-weight:700;letter-spacing:2px;border-bottom:1px solid #540;padding-bottom:5px;margin-bottom:8px}.ai-hud-row{display:flex;justify-content:space-between;font-size:.65rem;color:#999;margin-bottom:4px}.ai-hud-val{color:#fff;font-weight:600;text-shadow:0 0 5px gold}@media (max-width:768px){.ai-hud-card{width:92%;padding:8px;top:10px;right:10px;backdrop-filter:blur(2px)}.ai-hud-title{font-size:.55rem;letter-spacing:.5px;margin-bottom:4px;padding-bottom:2px}.ai-hud-row{font-size:.5rem;margin-bottom:2px;line-height:1.2}}#ai-3d-container canvas{outline:none;cursor:grab}#ai-3d-container canvas:active{cursor:grabbing}.ai-hud-card{pointer-events:none}.ai-3d-label{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:rgb(0 0 0 / .6);color:#94a3b8;padding:5px 15px;border-radius:20px;font-size:.8rem;pointer-events:none;z-index:20;user-select:none}@media (max-width:768px){.ai-3d-label{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:rgb(0 0 0 / .6);color:#94a3b8;padding:5px 15px;border-radius:20px;font-size:.5rem;pointer-events:none;z-index:20;user-select:none}}.ai-check-item.fail,.ai-check-item.warning{cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;position:relative}.ai-check-item.fail:hover,.ai-check-item.warning:hover{transform:translateX(5px);box-shadow:0 5px 15px rgb(239 68 68 / .15);border-color:#ef4444}.ai-check-item.fail::after,.ai-check-item.warning::after{content:'\f06e';font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#ef4444;opacity:0;transition:opacity 0.2s}.ai-check-item.fail:hover::after,.ai-check-item.warning:hover::after{opacity:1}.ai-check-item.fail,.ai-check-item.warning{cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:10;transition:all 0.2s ease}.ai-check-item.fail:hover{background-color:#fff5f5!important;border-color:#ef4444!important;transform:translateX(5px);box-shadow:0 4px 12px rgb(239 68 68 / .15)}#ai-webcam{display:none}.ai-canvas-container.live-mode{position:fixed!important;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#000;z-index:999999;margin:0!important;display:grid!important;place-items:center}.ai-canvas-container.live-mode img{display:none!important}.ai-canvas-container.live-mode #ai-webcam,.ai-canvas-container.live-mode canvas{grid-area:1 / 1;max-width:100vw!important;max-height:100vh!important;width:auto!important;height:auto!important;display:block!important;transform:scaleX(-1)}.ai-canvas-container.live-mode canvas{z-index:10;pointer-events:none;width:100%!important;height:100%!important;object-fit:contain}.ai-canvas-container.live-mode #ai-webcam{z-index:1}.ai-canvas-container.live-mode #ai-live-close-btn,.ai-canvas-container.live-mode #ai-live-prev-btn,.ai-canvas-container.live-mode #ai-live-next-btn,.ai-canvas-container.live-mode #ai-countdown-overlay{z-index:100}#ai-live-close-btn{display:none}.ai-canvas-container.live-mode #ai-live-close-btn{display:flex;position:absolute;top:20px;right:20px;z-index:100;background:rgb(239 68 68 / .8);color:#fff;border:2px solid #fff;width:45px;height:45px;border-radius:50%;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 15px rgb(0 0 0 / .5)}#ai-live-hud{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:90%;max-width:400px;background:rgb(0 0 0 / .7);padding:15px;border-radius:16px;text-align:center;color:#fff;z-index:20;backdrop-filter:blur(4px);border:1px solid rgb(255 255 255 / .2);transition:all 0.3s ease}#ai-live-hud.status-pass{border-color:#22c55e;box-shadow:0 0 15px rgb(34 197 94 / .4)}#ai-live-hud.status-fail{border-color:#ef4444;box-shadow:0 0 15px rgb(239 68 68 / .4)}#ai-live-status{font-size:.9rem;font-weight:700;text-transform:uppercase;margin-bottom:5px;letter-spacing:1px}#ai-live-message{font-size:1.1rem;font-weight:600;line-height:1.4}#ai-countdown-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;text-align:center;pointer-events:none}#ai-countdown-number{font-size:15rem;font-weight:900;color:#fff;text-shadow:0 0 20px rgb(0 0 0 / .8);line-height:1;animation:pulse 1s infinite}#ai-countdown-text{font-size:1.5rem;color:gold;background:rgb(0 0 0 / .6);padding:10px 20px;border-radius:50px;margin-top:20px;font-weight:700;text-transform:uppercase;box-shadow:0 0 15px rgb(255 215 0 / .3)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}100%{transform:scale(1);opacity:1}}#ai-mic-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgb(0 0 0 / .85);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;backdrop-filter:blur(5px)}.ai-mic-box{text-align:center;color:#fff;position:relative;transform:translateY(-10%)}.ai-mic-btn{width:100px;height:100px;border-radius:50%;background:rgb(255 255 255 / .1);border:3px solid #fff;color:#fff;font-size:2.5rem;cursor:pointer;transition:all 0.3s cubic-bezier(.4,0,.2,1);margin-bottom:50px;z-index:2;box-shadow:0 0 20px rgb(255 255 255 / .2);display:flex;justify-content:center;align-items:center}.ai-mic-btn:active{transform:scale(.95);background:rgb(255 255 255 / .2)}.ai-mic-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:rgb(239 68 68 / .6);border-radius:50%;animation:pulse-ring 1.5s infinite;z-index:1;margin-top:-60px}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.ai-mic-text{font-size:1.2rem;font-weight:700;margin-bottom:5px}.ai-mic-hint{font-size:.95rem;color:#94a3b8;font-style:italic;margin-top:50px}.hidden{display:none!important}#ai-live-hud{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:90%;max-width:380px;background:rgb(0 0 0 / .85);padding:20px;border-radius:20px;text-align:center;color:#fff;z-index:50;backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .15);box-shadow:0 10px 30px rgb(0 0 0 / .5);transition:all 0.3s cubic-bezier(.4,0,.2,1)}#ai-live-hud.status-pass{border-color:#4ade80;box-shadow:0 0 20px rgb(74 222 128 / .3)}#ai-live-hud.status-fail{border-color:#ef4444;box-shadow:0 0 20px rgb(239 68 68 / .3)}#ai-live-hud.status-warning{border-color:#facc15;box-shadow:0 0 20px rgb(250 204 21 / .3)}#ai-live-status{font-size:1.1rem;font-weight:800;text-transform:uppercase;margin-bottom:8px;letter-spacing:1px;text-shadow:0 2px 4px rgb(0 0 0 / .5)}#ai-live-message{font-size:1rem;font-weight:600;line-height:1.4;color:#e2e8f0;min-height:1.4em}#ai-live-score-bar{margin-top:12px;padding-top:12px;border-top:1px solid rgb(255 255 255 / .1)}#ai-live-score-num{font-family:'Courier New',monospace;text-shadow:0 0 10px currentColor;transition:color 0.3s}#ai-live-score-fill{box-shadow:0 0 10px currentColor}@keyframes popIn{0%{transform:translateX(-50%) scale(.9);opacity:0}100%{transform:translateX(-50%) scale(1);opacity:1}}.ai-live-active #ai-live-hud{animation:popIn 0.4s cubic-bezier(.175,.885,.32,1.275)}