@charset "UTF-8";
/* https://www.skinbeautysolutions.com/wp-content/plugins/ai-skin-analysis/styles.css?ver=6.8.3 */
body{font-family:'Segoe UI',sans-serif;background:#f4f7f9;padding:20px;text-align:center}.container{max-width:800px;margin:auto;background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 25px rgba(0,0,0,.1)}.spinner{display:inline-block;width:30px;height:30px;border:4px solid rgba(0,123,255,.2);border-radius:50%;border-top-color:#007bff;animation:spin 1s ease-in-out infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.concern-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:12px;padding:15px}@media (max-width:480px){.concern-grid{grid-template-columns:repeat(2,1fr)}}.concern-grid label{font-size:14px;display:flex;align-items:center;cursor:pointer}.concern-grid input[type="checkbox"]{margin-right:8px}#loader{display:none;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#007bff;font-weight:700}#success-check{display:none;flex-direction:column;align-items:center;margin:20px}.checkmark{width:50px;height:50px;border-radius:50%;display:block;stroke-width:2;stroke:#28a745;stroke-miterlimit:10;box-shadow:inset 0 0 0 #28a745;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke 0.3s cubic-bezier(.65,0,.45,1) 0.8s forwards}@keyframes stroke{100%{stroke-dashoffset:0}}@keyframes scale{0%,100%{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{100%{box-shadow:inset 0 0 0 30px #fff}}.tips-wrapper{display:flex;align-items:flex-start;gap:20px;background:#fff8e1;border-left:5px solid #ffc107;padding:20px;margin-bottom:20px;border-radius:8px;text-align:left}.tips-text{flex:1}.tips-image{flex:1;text-align:center}.tips-image img{max-width:100%;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1)}@media (max-width:600px){.tips-wrapper{flex-direction:column}}.tips-container{background:#fff8e1;border-left:5px solid #ffc107;padding:15px;margin-bottom:20px;text-align:left;font-size:14px;border-radius:4px}.tips-header{font-weight:700;margin-bottom:10px;color:#856404}.tips-list{margin:0;padding-left:20px}.upload-box{border:2px dashed #007bff;padding:40px;border-radius:10px;margin-bottom:20px;cursor:pointer;background:#f0f7ff;transition:0.3s}.upload-box:hover{background:#e1efff}#resultsTable{width:100%;border-collapse:collapse;display:none;margin-top:20px}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left}th{background:#f8f9fa;color:#666;text-transform:uppercase;font-size:12px}.thumbnail{width:60px;height:60px;object-fit:cover;cursor:pointer;border-radius:8px;border:2px solid #eee}.thumbnail:hover{border-color:#007bff}.age-badge{background:#007bff;color:#fff;padding:4px 12px;border-radius:20px;font-weight:700}#loader{display:none;color:#007bff;font-weight:700;margin:20px}#modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:100}#modal img{max-height:90%;margin-top:2%;border:3px solid #fff;border-radius:10px}.close-modal{position:absolute;top:20px;right:30px;color:#fff;font-size:30px;cursor:pointer}