:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}*{margin:0;padding:0;box-sizing:border-box}.app-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.screen{max-width:900px;margin:0 auto;padding:20px;min-height:100vh}.start-screen{display:flex;align-items:center;justify-content:center}.start-content{background:#fff;border-radius:20px;padding:50px 40px;text-align:center;box-shadow:0 4px 20px #0000001a;width:100%;max-width:500px}.welcome-msg{font-size:1.1rem;color:#666;margin-bottom:15px}.start-content h2{font-size:2rem;color:#333;margin-bottom:40px}.form-group{margin-bottom:15px}.form-group input[type=text],.form-group input[type=tel]{width:100%;padding:15px 20px;font-size:1rem;border:2px solid #ddd;border-radius:25px;outline:none;transition:border-color .3s}.form-group input:focus{border-color:#4a90d9}.checkbox-group{display:flex;align-items:center;justify-content:center;gap:10px;margin:25px 0}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-group label{font-size:.95rem;color:#666;cursor:pointer}.start-btn{width:100%;padding:18px;font-size:1.1rem;background:#333;color:#fff;border:none;border-radius:30px;cursor:pointer;transition:transform .2s,background .3s;margin-bottom:15px}.start-btn:hover:not(:disabled){background:#555;transform:scale(1.02)}.start-btn:disabled{background:#ccc;cursor:not-allowed}.info-btn{padding:10px 25px;font-size:.95rem;background:#f0f0f0;border:2px solid #333;border-radius:8px;cursor:pointer;transition:background .3s}.info-btn:hover{background:#e0e0e0}.test-screen{padding-top:10px}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-radius:15px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.header h1{font-size:1.4rem;color:#333}.back-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:5px 10px}.close-btn{width:40px;height:40px;background:#fff;border:2px solid #333;border-radius:8px;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.instruction{text-align:center;font-size:1.1rem;color:#666;margin-bottom:25px}.items-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:25px;background:#fff;border-radius:20px;min-height:350px;box-shadow:0 2px 10px #0000000d}.item{padding:12px 22px;background:#fff;border:2px solid #333;border-radius:20px;cursor:pointer;font-size:1rem;transition:all .2s;-webkit-user-select:none;user-select:none}.item:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.item.selected{background:#ffeb3b;border-color:#ffc107}.test-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.reset-btn{padding:15px 40px;font-size:1.05rem;background:#f5f5f5;border:2px solid #333;border-radius:10px;cursor:pointer;transition:background .3s}.reset-btn:hover{background:#e0e0e0}.result-btn{padding:15px 40px;font-size:1.05rem;background:#4a90d9;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background .3s}.result-btn:hover{background:#3a7bc8}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border-radius:20px;margin-top:20px;padding:50px 30px;box-shadow:0 4px 20px #0000001a}.loading-screen h2{margin-bottom:15px;color:#333}.loading-screen>p{color:#666;margin-bottom:40px}.chakra-diagram{position:relative;width:200px;height:420px;margin:0 auto}.chakra-point{position:absolute;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;left:50%;transform:translate(-50%);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.2);opacity:.7}}.chakra-7{top:0;background:#9c27b0;animation-delay:0s}.chakra-6{top:60px;background:#3f51b5;animation-delay:.2s}.chakra-5{top:120px;background:#00bcd4;animation-delay:.4s}.chakra-4{top:180px;background:#4caf50;animation-delay:.6s}.chakra-3{top:240px;background:#ffeb3b;animation-delay:.8s}.chakra-2{top:300px;background:#ff9800;animation-delay:1s}.chakra-1{top:360px;background:#f44336;animation-delay:1.2s}.retry-btn{padding:15px 50px;font-size:1.05rem;background:#f5f5f5;border:2px solid #333;border-radius:10px;cursor:pointer;margin-top:40px}.retry-btn:hover{background:#e0e0e0}.result-screen{background:#fff;border-radius:20px;margin-top:20px;padding:25px;box-shadow:0 4px 20px #0000001a}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.result-header h2{font-size:1.4rem;flex:1}.home-btn{background:none;border:none;font-size:1.5rem;cursor:pointer}.logo{font-size:1.1rem;font-weight:700;color:#00bcd4}.chakra-results{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:25px}.chakra-card{text-align:center;padding:10px 5px}.chakra-image{width:70px;height:70px;border-radius:10px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}.chakra-image svg{width:55px;height:55px}.chakra-card h4{font-size:.85rem;margin-bottom:10px;color:#333}.chakra-indicator{width:40px;height:40px;border-radius:50%;border:2px solid #333;margin:0 auto 10px;position:relative}.chakra-indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:currentColor}.chakra-indicator.level-1:before{width:8px;height:8px;opacity:.3}.chakra-indicator.level-2:before{width:14px;height:14px;opacity:.5}.chakra-indicator.level-3:before{width:22px;height:22px;opacity:.7}.chakra-indicator.level-4:before{width:28px;height:28px;opacity:.85}.chakra-indicator.level-5:before{width:34px;height:34px;opacity:1}.chakra-status{font-size:.75rem;padding:5px 3px;border-radius:5px;background:#f5f5f5}.status-best{background:#e3f2fd;color:#1976d2;font-weight:700}.status-good{background:#e8f5e9;color:#388e3c}.status-weak{background:#fff3e0;color:#f57c00}.status-worst{background:#ffebee;color:#d32f2f;font-weight:700}.summary-box{background:#e3f2fd;padding:20px;border-radius:10px;margin-bottom:25px}.summary-box h4{margin-bottom:10px;color:#333}.summary-box p{color:#555;line-height:1.7;font-size:.95rem}.result-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.result-buttons button{padding:14px 22px;font-size:.95rem;border-radius:10px;cursor:pointer;transition:all .3s}.app-btn{background:#e3f2fd;border:2px solid #4a90d9;color:#333}.app-btn:hover{background:#bbdefb}.save-btn{background:#f5f5f5;border:2px solid #333}.save-btn:hover{background:#e0e0e0}.retest-btn{background:#333;color:#fff;border:none}.retest-btn:hover{background:#555}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:15px;max-width:450px;width:90%;text-align:center}.modal-content h3{margin-bottom:20px;color:#333}.modal-content p{color:#666;line-height:1.7;margin-bottom:25px}.modal-close{padding:12px 35px;background:#333;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.modal-close:hover{background:#555}@media(max-width:768px){.screen{padding:15px}.start-content{padding:35px 25px}.start-content h2{font-size:1.6rem}.header h1{font-size:1.1rem}.chakra-results{grid-template-columns:repeat(4,1fr)}.items-container{gap:8px;padding:15px}.item{padding:10px 16px;font-size:.9rem}.test-buttons{flex-direction:column;align-items:center}.test-buttons button{width:100%;max-width:300px}.result-buttons{flex-direction:column}.result-buttons button{width:100%}}@media(max-width:480px){.chakra-results{grid-template-columns:repeat(3,1fr)}.chakra-image{width:55px;height:55px}.chakra-image svg{width:45px;height:45px}.chakra-card h4{font-size:.75rem}.chakra-indicator{width:35px;height:35px}.chakra-status{font-size:.65rem}}