@charset "UTF-8";.default-container h2{color:#222;font-size:1.8rem;margin:20px 0 10px;font-weight:600}.default-container p{color:#666;font-size:1rem;margin:0 0 30px;text-align:center;line-height:1.4}.result-container{display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:640px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);padding:64px 20px;text-align:center;overflow-y:auto;overflow-x:hidden;z-index:30;-webkit-overflow-scrolling:touch;box-sizing:border-box}.result-card{background:#fff;border-radius:24px;padding:35px 25px 30px;max-width:360px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .4s ease-out;margin:auto 0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-badge{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:-50px auto 18px;box-shadow:0 8px 24px #667eea66}.badge-icon{font-size:26px;color:#fff;font-weight:700}.result-card h1{color:#2c3e50;font-size:1.3rem;margin:0 0 12px;font-weight:600;letter-spacing:-.5px}.shape-result-value{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:12px 0 18px;text-transform:capitalize;line-height:1}.result-meta{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 18px;flex-wrap:wrap}.confidence-pill{background:#e8f5e9;color:#2e7d32;font-size:.8rem;font-weight:600;padding:5px 11px;border-radius:20px;display:inline-flex;align-items:center;gap:4px}.confidence-pill:before{content:"✓";font-size:.7rem}.readings-count{color:#95a5a6;font-size:.75rem;font-weight:500}.result-description{color:#546e7a;font-size:.9rem;line-height:1.5;margin:0;padding-top:16px;border-top:1px solid #eceff1}.face-marker{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.face-marker svg{position:absolute;top:47.5%;left:50%;transform:translate(-50%,-50%);width:auto;height:55%;max-width:484px}@media (max-width: 768px){.result-container{padding:18px 15px}.result-card{padding:32px 22px 28px}.result-card h1{font-size:1.2rem}.shape-result-value{font-size:2.5rem}.result-badge{width:52px;height:52px;margin:-46px auto 16px}.badge-icon{font-size:24px}.result-description{font-size:.85rem}}@media (max-width: 480px){.default-container h2{font-size:1.5rem}.result-container{padding:15px 10px}.result-card{padding:28px 18px 24px;max-width:100%}.result-card h1{font-size:1.1rem;margin:0 0 10px}.shape-result-value{font-size:2.2rem;margin:10px 0 14px}.result-badge{width:48px;height:48px;margin:-42px auto 14px}.badge-icon{font-size:22px}.result-meta{gap:8px;margin:10px 0 14px}.confidence-pill{font-size:.75rem;padding:4px 10px}.readings-count{font-size:.7rem}.result-description{font-size:.8rem;padding-top:14px;line-height:1.4}}